/* =============================================================================================
Pour faire une recherche sur un des grands blocs de la feuille de style, faites preceder votre mot-cle du signe =

les grands blocs (=bloc) de la page : =page, =bandeau, =menu, =navigation, =contenu, =encadres, =portlet, =pied
les contextes (=contexte) : =dsi (intranet), =popup, =rubrique, =collaboratif, =gestion 
les fiches (=fiche) : =actualite, =article, =annuaire, =document, =defautstructure, =pagelibre, =recherche

============================================================================================= */

/* ===========================
Initialisation des styles par defaut
=========================== */
body {
color : #fff;
font-family : arial, helvetica, sans-serif;
font-size : 62.5%;
margin-bottom : 2.5em;
}

body, html, fieldset {
border : 0;
}

h1, h2, h3, h4, h5, h6, pre, code {
font-size : 1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input {
margin : 0;
padding : 0;
}

a {
color : #2080ac;
text-decoration : underline;
}

/* etat "focus" important pour accessibilite web */
a:focus {
background-color : #666 !important;
color : #fff !important;
text-decoration : none !important;
}

a img,
a:link img,
a:visited img {
border : none;
vertical-align : middle;
}

h2 {
background : #fff url(img/h2.png) no-repeat left top;
padding-top: 0;
padding-left: 13px;
color : #4B1528;
font-size : 1.5em;
font-weight : normal;
margin : 8px 0;
font-weight: 700;
}

.rubrique h2 {
clear : both;
font-family : arial, sans-serif;
font-size : 1.55em;
font-weight : 700;
margin : 0;
padding : 6px 100px 6px 366px;
display: none;
}

h3 {
font-size : 1.4em;
margin : 1em 0;
}

h4 {
font-size : 1.2em;
margin : 1em 0;
}

/* === Avertissement visuel quand on visualise une page par le mode aperu du back office === */

p#en_mode_apercu {
background-color : #FF5716;
color : #332E44;
font-size : 1.1em;
font-weight : 700;
margin : 0;
padding : 0.4em 0 1.1em 0;
text-align : center;
width : 1000px;
}

/* === Accessibilite liens evitement === */

p#acces_direct {
margin : 0;
width : 1000px;
}

p#acces_direct a,
p#acces_direct a:visited {
background : transparent;
color : #332e44;
display : block;
font-size : 1.1em;
font-weight : 700;
padding : 0.4em 0 1.1em 0;
text-align : center;
text-decoration : none;
width : 1000px;
}

p#acces_direct a:hover,
p#acces_direct a:focus,
p#acces_direct a:active {
background : #ffb623 url(img/acces_direct.png) no-repeat center bottom;
}

p#raccourcis {
display : none;
margin : 0;
}

p#raccourcis a {
color : #fff;
}

/* ===========================
Grands Blocs
=========================== */

#page {
color : #37535b;
font-size : 1.1em;
width : 1000px;
/*pour centrage*/
margin: auto;
}

/* ===========================
Styles Communs
=========================== */

hr.separateur_sections_page {
display : none;
}

/* === classes communes === */

.hide {
position : absolute;
visibility : hidden;
}

.separateur {
clear : both;
height : 1px;
margin : 0;
padding : 0;
}

.erreur {
color : #f00;
font-style : normal;
font-weight : 700;
}

.retour {
cursor : pointer;
}

/* champs de formulaires en lecture seule */
form input.readonly {
background-color : #ccc;
}

.champ-saisie,
select {
border : 1px solid;
padding : 1px;
}

.ok {
background : #D0D9F3;
border : 1px solid #7B7888;
height : 20px;
vertical-align : top;
}

.legende {
background-color : transparent;
color : #666;
font-size : xx-small/1.0;
margin : 0.5em 0 1em 0;
}

.photo img {
border : 1px solid #000;
}

/* *******************
=Bloc =Bandeau
******************** */

#bandeau {
height : 150px;
position : relative;
}

.accueil #bandeau {
height: 205px;
}

#bandeau .champ-saisie {
margin : 0 0 5px 0;
width : 110px;
}

h1 {
font-family : arial, sans-serif;
font-size : 1.6em;
/*padding : 90px 0 0 190px;*/
}

h1 a {
color : #332e44;
text-decoration : none;
}

h1 img {
position : absolute;
top : 13px;
left : 127px;
}

/* ====================
=Recherche =Simple
==================== */

form#recherche_simple {
position : relative;
}
#encadre_rechercher{
background : transparent url(img/encadre_rechercher_search.png) no-repeat 0 0;
height: 85px;
width: 228px;
padding-top: 10px;
font-family : arial, helvetica, sans-serif;
margin-bottom:15px;
}
#encadre_rechercher #rechercher_search{
background : transparent url(img/rechercher_search.png) no-repeat 0 0;
height:16px;
}

#recherche_simple label {
position:absolute;
top:10px;
left:15px;
color : #4B1629;
font-size : 1.1em;
}

#recherche_simple a {
font-size : 10px;
}

#MOTS_CLEFS {
position:absolute;
top: 10px;
left: 75px;
width: 142px;
}

#recherche_simple .ok{
position:absolute;
top: 35px;
left: 175px;
font-size: 10px;
font-family : verdana, helvetica, arial, sans-serif;
}

#recherche_simple p#vers_recherche_avancee {
position: absolute;
top: 27px;
left: 15px;
}
#recherche_simple p#vers_recherche_avancee a {
text-decoration: none;
color: #4B1629;
background-color: transparent;
font-size: 11px;
}

/* ====================
=Connexion
==================== */

#connexion {
left : 825px;
position : absolute;
top : 40px;
width : 172px;
}

#connexion legend {
color : #ffb623;
font-family : arial, sans-serif;
font-size : 1.3em;
font-weight : 700;
padding : 0;
}

#connexion label {
color : #ffb623;
display : block;
font-size : 0.9em;
font-weight : 700;
margin : 0;
}

#connexion input#login_intranet {
margin-bottom : 0;
}

#connexion ul {
font-size : 0.9em;
padding-top : 2px;
}

#connexion p#mot_de_passe_oublie {
font-size : 0.9em;
margin : 0;
}

/* =Contexte =DSI */

.dsi #connexion p#personne_dsi {
color : #fff;
font-weight : 700;
margin : 0 0 1em 0;
}

.dsi #connexion ul {
margin-top : 0.2em;
}

.dsi #connexion ul li {
display : inline;
list-style-type : none;
}

.dsi #connexion ul li a#se_deconnecter {
display : block;
}

.dsi #select_profil {
width : 140px;
}

.dsi #personne_dsi span {
color : #ffb623;
display : block;
font-family : arial, sans-serif;
font-size : 1.3em;
font-weight : 700;
}

/* ===============
=Block =Menu
=============== */

#menu {
float : left;
padding-bottom : 1px;
width : 100%;
}

.collaboratif #menu {
border-bottom : 1px solid #332e44;
}

ul#outils {
position:absolute;
top:5px;
left:650px;
/*
margin : 17px 15px 1em 20px;
*/
}
ul#outils li{
display: inline;
list-style-type: none;
font-size:10px;
}
ul#outils li a{
text-decoration: none;
color: #1A329E;
}

#services {
margin-left : 10px;
}

#services label {
color : #ffb623;
font-size : 1.1em;
font-weight : 700;
vertical-align : middle;
}

#services legend {
display : none;
}

#services select {
font-size : 0.9em;
}

#services .valider {
font-size : 0.8em;
}

/* === Menu principal === */

ul.menu-principal {
line-height : 78px;
list-style-type : none;
font-family : arial, helvetica, sans-serif;
}

ul.menu-principal li {
float : left;
margin:0;
position : relative;
}

ul.menu-principal ul {
background-color : #fff;
display : none;
left : 0;
line-height : normal;
list-style-type : none;
position : absolute;
top : 78px;
width : 191px;
z-index : 5;
}

ul.menu-principal ul li {
float : none;
padding: 5px;
}

.menu-principal em {
font-style : normal;
font-weight : 700;
}

.menu-principal a {
background-color : transparent;
text-decoration : none;
color: #214768;
font-size:110%;
font-weight: bold;
}

.menu-principal ul a:hover {
text-decoration : underline;
}

/* === bloc Accroche === */

#accroche {
font-size : 1.25em;
line-height : 1.3;
min-height : 88px;
position : relative;
}

#accroche .visuel-rubrique {
background-repeat : no-repeat;
float : left;
height : 147px;
width : 366px;
}

#accroche p {
margin : 0;
padding-bottom : 10px;
padding-right : 20px;
padding-top : 10px;
}

#accroche .separateur {
background-color : #332e44;
font-size : 1px;
height : 1px;
}

/* ===============
=Bloc =Navigation
=============== */

#navigation {
float : left;
padding-bottom : 60px;
width : 195px;
}
.accueil #navigation{
display:none;
}

.collaboratif #navigation h3 {
font-size : 130%;
font-weight : 700;
line-height : 1.4;
margin : 1em 10px 1em 20px;
}

#navigation .visuel-rubrique {
background-position : 50% 50%;
background-repeat : no-repeat;
color : #fff;
height : 80px;
padding : 0px 0 21px 0;
}

/* === menu secondaire === */

.menu_secondaire_deco2 {
background : transparent url(img/menu_secondaire_deco2.png) no-repeat 100% 0;
margin-bottom : 20px;
padding-top : 10px;
}

.menu_secondaire_deco1 {
background : transparent url(img/menu_secondaire_deco1.png) no-repeat 0 100%;
padding-bottom : 40px;
}

ul.menu_secondaire {
margin : 17px 15px 0 5px;
padding-right: 8px;
font-family: arial, helvetica, sans-serif;
font-size:115%;
font-weight: bold;
list-style-type: none;
border-right: 1px solid #D86F9E;
}

ul.menu_secondaire,
ul.menu_secondaire ul {
width:190px;
}

ul.menu_secondaire li {
padding: 5px 5px 0 10px;
}

ul.menu_secondaire li ul{
list-style-type: none;
margin-left: -10px;
margin-bottom: 0px;
font-size: 11px;
}

ul.menu_secondaire li ul li{
padding-left: 15px;
font-size: 10px;
}

ul.menu_secondaire a {
color: #214768;
text-decoration:none;
background-color: transparent;
}

ul.menu_secondaire em {
font-style : normal;
font-weight : 700;
}

/*********************************
=Bloc =Contenu
*********************************/

#contenu_deco {
/*
background : url(img/contenu_deco.png) repeat-y 580px 0;
*/
float : left;
height : auto;
}

#contenu_avec_encadres {
float : left;
margin : 0;
min-height : 300px;
padding : 10px 15px 50px 25px;
width : 520px;
}
/*Page d'accueil avec encadrés toujours présents :*/
.accueil #contenu_avec_encadres {
width:700px;
}

#contenu_sans_encadres {
float : left;
min-height : 300px;
padding : 10px 22px 50px 25px;
width : 730px;
}

/* pour plan de site et liste imbriquees dans toolbox */
#contenu_avec_encadres ul,
#contenu_avec_encadres ol,
#contenu_sans_encadres ul,
#contenu_sans_encadres ol {
margin : auto;
padding : 0 0 0 2em;
}

#redacteur,
#date_modification,
#contact_rubrique {
margin : 0;
text-align : right;
color: #525252;
}

p#fil_ariane {
font-size : 0.9em;
padding : 0;
color: #949494;
}

p#fil_ariane a{
color: #949494;
text-decoration: none;
}

/*** Plan du site  ***/

/*.plansite1 li {
list-style-type : none;
}

.plansite2 li {
list-style-type : disc;
}
*/

.ligne {
/*
border-top : 2px dotted;
*/
clear : left;
margin : 0;
}

.colonne {
float : left;
}

.premiere_ligne {
border : 0;
padding-top : 0;
}



/************************
=Bloc =Encadres
*************************/

#encadres {
float : left;
font-size : 0.95em;
padding-top : 30px;
width : 225px;
}

.effacer,
.valider {
background : #D0D9F3;
border : 1px solid #7B7888;
margin : 0;
padding : 2px;
}

.effacer {
border : 1px solid #666;
color : #666;
}

/*
4 types d'encadres : 
- Generique
- De rubrique
- De fiche
- De recherche contextuelle
*/
.deco_generique_2,
.deco_rubrique_2,
.encadre_recherche,
.encadre_fiche,
.encadre_auto_fiche,
.encadre_nav_auto {
width : 228px;
margin-bottom:20px;
}

.encadre_fiche_contenu {
width: 205px;
}

/* === encadres generiques === */

.deco_generique_2,
.deco_rubrique_2 {
background : #EAF900 url(img/enc_rub_top.png) no-repeat left top;
padding-top:5px;
}

.deco_generique_1,
.deco_rubrique_1 {
background : transparent url(img/enc_rub_bot.png) no-repeat left bottom;
font-family : arial, helvetica, sans-serif;
}

.deco_generique_2 h3,
.deco_rubrique_2 h3,
.encadre_recherche h3 {
background : transparent url(img/h3_encadre_rub_gen.png) no-repeat left top;
color : #4B1629;
font-size : 1.4em;
margin: 0 0 0 3px;
padding : 0 5px 3px 15px;
}

.encadre_recherche h3 {
font-size: 1.4em;
font-family : arial, helvetica, sans-serif;
}

.deco_recherche {
background : transparent url(img/deco_recherche.png) no-repeat left bottom;
padding-left:10px;
padding-bottom:10px;
}

div.encadre_generique,
div.encadre_rubrique {
padding : 5px 0 10px 15px;
}

.deco_generique_2 ul,
.deco_rubrique_2 ul,
.deco_generique_2 ol,
.deco_rubrique_2 ol {
margin : 10px 10px 0 15px;
}

/*** Fix Toolbox ***/
.deco_generique_2 ul div,
.deco_rubrique_2 ul div {
display : inline;
}

/* ------------------------------------------------
encadres de fiche, de navigation rubrique, automatique de fiche
------------------------------------------------ */

.encadre_fiche{
background: transparent url(img/encadre_fiche.png) no-repeat left top;
}

.encadre_fiche_deco {
background: transparent url(img/encadre_fiche_deco.png) no-repeat left bottom;
padding:5px 0 5px 15px;
}

.encadre_recherche{
background: #EAF900 url(img/encadre_recherche.png) no-repeat left top;
padding-top:10px;
margin-bottom: 20px;
clear: bottom;
}

.encadre_fiche h3,
.encadre_auto_fiche h3,
.encadre_nav_auto h3 {
font-family: arial,helvetica,sans-serif;
background: transparent url(img/h3_encadre_fiche.png) no-repeat left top;
color: #4B1629;
font-size: 1.4em;
margin: 0 0 0 -12px;
padding: 0 5px 3px 15px;
}

.encadre_auto_fiche h3 {
margin-left: 5px;
background: transparent url(img/h3_encadre_auto_fiche.png) no-repeat left top;
color: #E37822;
}

.encadre_fiche div,
.encadre_auto_fiche div {
margin: 5px 0 0 0;
padding-bottom: 5px;
color: #535353;
font-family: arial,helvetica,sans-serif;
}

.encadre_auto_fiche ul#telecharger {
margin : 0;
padding : 0;
}

.encadre_auto_fiche ul#telecharger li {
list-style-type : none;
}
.encadre_auto_fiche ul#telecharger a {
color: #E37822;
text-decoration: none;
font-size: 11px;
padding-left: 20px;
}

/* === Type de fichier-joint === */

ul#fichiersjoints {
margin : 0.5em 0 0 0;
padding : 0;
position : relative;
}

ul#fichiersjoints li {
display : inline;
list-style-type : none;
position : relative;
}

a.pdf, a.doc, a.xls, a.ppt,
a.sxw, a.sxc, a.sxi, a.image, a.defaut {
background-color : transparent;
background-position : 100% 50%;
background-repeat : no-repeat;
display : block;
margin : 0;
padding : 3px 20px 3px 0;
}

a.pdf {
background-image : url(img/pictos/pdf.png);
}

a.doc {
background-image : url(img/pictos/msword.png);
}

a.xls {
background-image : url(img/pictos/msexcel.png);
}

a.ppt {
background-image : url(img/pictos/mspowerpoint.png);
}

a.sxw {
background-image : url(img/pictos/ooo_texte.png);
}

a.sxc {
background-image : url(img/pictos/ooo_classeur.png);
}

a.sxi {
background-image : url(img/pictos/ooo_presentation.png);
}

a.image {
background-image : url(img/pictos/image.png);
}

a.defaut {
background-image : url(img/pictos/defaut.png);
}

/* ===================
encadres de recherche
==================== */

.encadre_recherche label {
color : #4B1629;
display : block;
font-size : x-small;
margin-left : 2px;
}

.encadre_recherche legend {
display : none;
}

.encadre_recherche .champ-saisie {
border : 1px solid #332e44;
width : 110px;
}

.encadre_recherche select {
border : 1px solid #332e44;
width : 150px;
}

.encadre_recherche a img {
vertical-align : middle;
}

.encadre_recherche input,
.encadre_recherche select {
font-size : xx-small;
}

.encadre_recherche input {
padding : 2px 1px;
}

.encadre_recherche p.parcourir input.champ-saisie {
width : 75px;
}

.encadre_recherche p.parcourir input.valider {
padding : 1px 0;
}

.firstencadre {
border : 0;
}

/*************************************************
=Contexte =Rubrique
**************************************************/

#photo {
background-position : 50% 50%;
background-repeat : no-repeat;
color : #fff;
height : 80px;
padding : 0px 0 21px 0;
}

#photo div {
padding-left : 30px;
}

a#se_connecter {
display : block;
margin-left : 15px;
margin-top : 60px;
}

.para-an {
padding : 5px 0;
color: #525252;
}

.para-an h3 {
color : #332E44;
font-size : 110%;
margin-bottom : 0.3em;
}

/* === Elements communs aux fiches === */

body.actualite #thematique,
body.article #thematique,
body.document #thematique {
color : #FF790D;
font-size : x-small;
margin : 8px 0;
}

body.actualite .photo,
body.article .photo,
body.document .photo {
float : left;
margin : 0 10px 0 0;
}

/* === =Fiche =Actualite === */

body.actualite #date {
color : #778706;
font-size : x-small;
font-weight : normal;
margin : 0.5em 0 0 0;
padding-top : 0.5em;
}

body.actualite #resume {
color : #525252;
font-weight : 700;
margin : 0.5em 0 1.5em 0;
padding-top : 0.5em;
}

body.actualite #description {
background : #fff url(img/description.png) no-repeat right bottom;
margin-bottom : 1.5em;
text-align : left;
color: #525252;
}

.lien-plan {
display : block;
margin-top : 10px;
}

/*=== Listes de definitions ===*/

/* de type 1 */
.type_1{
background : #fff url(img/type_1.png) no-repeat left top;
padding: 5px 0;
}
#type_1_bas{
background : transparent url(img/type_1_bas.png) no-repeat left top;
}

dl.type_1 {
margin : 0;
position : relative;
width : 100%;
}

dl.type_1 dt {
font-weight : 700;
left : 9px;
margin : 0;
padding-left: 5px;
position : absolute;
width : 100px;
color: #4B1528;
}

dl.type_1 dd {
margin-left : 150px;
padding : 0.5em 2%;
color: #525252;
}

/* de type 1 dans fiche actualite */
dl.type_1 dd.liste_def_contact,
dl.type_1 dd.liste_def_type,
dl.type_1 dd.liste_def_site,
dl.type_1 dd.liste_def_partenaires {
padding-top: 0;
padding-bottom: 15px;
}

dl.type_1 dt.liste_def_contact,
dl.type_1 dt.liste_def_type,
dl.type_1 dt.liste_def_site,
dl.type_1 dt.liste_def_partenaires
{
background : transparent url(img/type_1_dt.png) no-repeat left top;
}

/* de type 1 dans fiche document */
dl.type_1 dt.liste_def_source, 
dl.type_1 dt.liste_def_editeur,
dl.type_1 dt.liste_def_type_document,
dl.type_1 dt.liste_def_dates {
background : transparent url(img/type_1_dt.png) no-repeat left top;
}
/*Pratique pour la fiche structure, et labo :*/
.type_1 dt {
background : transparent url(img/type_1_dt.png) no-repeat left top;
}
/* et aussi :*/
dl.type_1 dd {
padding-top:0em;
}
dl.type_1 dt.compl_coord {
background : transparent url(img/type_1_dt_compl_coord.png) no-repeat left top;
}
.no_bckg{
height:0px;
}
/* pour la fiche labo uniquement */
dl.type_1 dt.structures {
background : transparent url(img/type_1_dt_compl_coord.png) no-repeat left top;
}


dl.type_1 dt.liste_def_complement_info {
background : transparent url(img/type_1_dt_compl_infos.png) no-repeat left top;
}
dl.type_1 dd.liste_def_source,
dl.type_1 dd.liste_def_editeur,
dl.type_1 dd.liste_def_type_document,
dl.type_1 dd.liste_def_dates {
padding-top: 0;
padding-bottom: 15px;
}


/* de type 2 */

dl.type_2 {
background : #fff url(img/liste_definition_type_2.png) repeat-y;
border-bottom : 1px solid #cbadb5;
border-top : 1px solid #cbadb5;
margin : 0 0 0.2em 0;
padding-bottom : 0.3em;
position : relative;
}

dl.type_2 dt {
font-weight : 700;
padding-top : 0.4em;
text-align : right;
width : 185px;
}

dl.type_2 dd {
margin : -14px 0 0 190px;
padding : 0 2%;
}

/* --- fin --- */

/* ===	=Commentaires === */

#commenter {
text-align : right;
font-size: 1.1em;
}

#commenter a {
color : #7C3345;
margin : 13px 0;
padding : 2px 2px 2px 14px;
background : transparent url(img/commenter.png) no-repeat left top;
text-decoration: none;
}

.com-outer {
clear : both;
}

.com-outer a {
background-color : transparent;
}

.com-inner {
background : url(img/filet_droit.png) repeat-x bottom left;
}

.com-inner h3 {
background : transparent url(img/com-inner_h3.png) no-repeat;
color : #4B1528;
font-size : 1.2em;
margin : 0 0 5px 0;
padding : 3px 0 5px 20px;
font-weight:normal;
}

.com-inner ul {
margin : 0;
}

.com-inner ul#com-ul1 {
padding : 0;
}

.com-inner li {
background-position : bottom left;
background-repeat : repeat-x;
list-style-type : none;
}

.li1 {
margin-top : 30px;
padding-left : 0;
}

.li1first {
margin-top : 0;
}

.li1 ul {
margin-left : 6px;
}

.com-voir {
float : right;
padding : 20px 10px 0 0;
}

.com-voir a {
background : #fff url(img/com_voir_bgd.gif) no-repeat 0 50%;
color : #7C3345;
font-size : xx-small;
padding : 0 0 0 25px;
}

p.com-titre {
clear : both;
color : #000;
font-weight : 700;
margin : 0;
padding : 2px 0 2px 10px;
}
p.com-titre0 {
color: #FF790B;
}
li.com-titre0{
border-left: 1px solid #FF790B;
}
p.com-titre1 {
color: #809015;
}
li.com-titre1{
border-left: 1px solid #809015;
}

p.com-date,
p.com-site {
color : #6e858c;
font-size : x-small;
margin : 0;
padding : 2px 5px;
}

p.couleur_0,
p.couleur_0{
color: #FF790B;
}

p.couleur_1,
p.couleur_1 {
color: #809015;
}

.com-auteur {
border-left : 1px solid #6e858c;
padding-left : 5px;
}

.com-corps {
background-color : #fff;
color : #184653;
padding : 2px 0 0 5px;
}

.com-new {
border-top : 30px solid #fff;
}

.repondre {
background : #fff;
margin : 5px 0 0 -5px;
}

p.couleur0 {
border-top: 1px solid #FF790B;
}

p.couleur1 {
border-top: 1px solid #809015;
}

.repondre a {
background : #fff url(img/repondre.png) no-repeat 0 50%;
color : #4B1528;
margin : 0 30px 0 380px;
padding : 0 12px;
width : 5em;
text-decoration: none;
}

/* ===	=Fiche =Article === */

body.article #soustitre {
color : #778706;
font-size : xx-small;
margin-top : 5px;
}

body.article #date {
color : #778706;
font-size : xx-small;
margin : 0;
padding : 0;
}

body.article #chapeau {
color : #525252;
font-weight : 700;
margin : 10px 0 20px 0;
}

body.article #corps {
text-align : left;
}

/* ===	=Fiche =Document === */

body.document #description {
padding : 10px 0;
background : #fff url(img/description.png) no-repeat right bottom;
margin-bottom: 10px;
}

body.document #soustitre {
color : #778706;
margin-top : 5px;
}

body.document #auteurs {
color : #778706;
margin-top : 5px;
}

body.document #resume {
color : #525252;
font-weight : 700;
margin : 0;
padding : 8px 0;
}

body.document #referenceisdn {
color : #778706;
margin-top : 5px;
}

/* ===	=Fiche =PageLibre === */

.colonne_deco {
margin-right : 5px;
padding : 0 0 15px 5px;
}

/* Fix Toolbox */
.colonne_deco * li div {
display : inline;
}

.derniere_colonne .colonne_deco {
margin-right : 0;
}

.premiere_colonne .colonne_deco {
border : 0;
padding-left : 0;
}

/* styles de paragraphes */

.sansstyle {
font-size : 1em;
margin-bottom: 1em;
}

div.style1 {
background: transparent url(img/style1.png) no-repeat 0 0;
margin-bottom: 1em;
}

div.style1_deco{
background: url(img/style1_deco.png) no-repeat 0 bottom;
}

div.style1 h3 {
background: url(img/style1_titre.png) no-repeat right top;
color : #b9c35e;
font-size : 1.5em;
font-weight:normal;
padding: 10px 0.6em 0 13px;
margin: 0;
font-weight: 700;
}

div.style1 div.style1_contenu {
background: url(img/style1_contenu.png) no-repeat right bottom;
padding: 5px 1em 1.5em 1em;
}

body.accueil div.style1 div.style1_contenu {
height: 323px;
}

body.accueil div.derniere_colonne div.style1 div.style1_contenu {
height: 76px;
}

.style2 {
font-size : 1em;
margin-bottom: 1em;
}

.style2 h3 {
background: transparent url(img/style2_h3.png) no-repeat left top;
padding-left: 15px;
color : #431c2c;
font-size : 1.5em;
font-weight : normal;
margin : 10px 0 10px 0;
font-weight: 700;
}

div.style3 {
background: #E27822 url(img/style3.png) no-repeat 0 0;
color: #fff;
margin-bottom: 1em;
}

div.style3_deco{
background: url(img/style3_deco.png) no-repeat 0 bottom;
}

div.style3 h3 {
background: url(img/style3_titre.png) no-repeat right top;
color : #fff;
font-size : 12px;
font-weight:normal;
padding: 10px 0.6em;
padding: 10px 0.6em 0 10px;
margin: 0;
}

div.style3 div.style3_contenu{
background: url(img/style3_contenu.png) no-repeat right bottom;
padding: 0.5em 1em;
}

#contenu_avec_encadres div.style3 a,
#contenu_sans_encadres div.style3 a {
color: #fff;
}

/********************************
=Fiche =Recherche_avancee
********************************/

#precisions_resultats {
color : #535353;
margin : 8px 0;
}

ul.liste_resultats {
margin-top : 1em;
list-style-type: none;
}

ul.liste_resultats li {
background: transparent url(img/liste_resultats_li.png) no-repeat top left;
padding-left: 12px;
margin-bottom : 0.5em;
padding-bottom : 0.2em;
}

ul.liste_resultats li a {
font-weight: bold;
color:#E27821;
text-decoration: none;
font-size: 12px;
}

ul li span.liste_resultats_structure{
color: #431C2C;
font-weight: bold;
}

.liens-ra a {
color: #E27821;
text-decoration: none;
}

/* ===	=Recherche =Avancee === */

form#recherche_avancee {
width : 99%;
}

#recherche_avancee legend {
display : none;
}

#recherche_avancee p {
clear : both;
margin : 0;
overflow : auto;
padding : 0.5em 0;
}

#recherche_avancee label {
float : left;
font-weight : 700;
padding-left : 5px;
padding-right : 5px;
width : 125px;
background: transparent url(img/recherche_avancee_label.png) no-repeat top left;
height: 28px;
}
#recherche_avancee p span {
color:#535353
}
#recherche_avancee label.recherche_avancee_label_2lignes{
background: transparent url(img/recherche_avancee_label_2lignes.png) no-repeat top left;
}

#recherche_avancee label.no_float {
float : none;
}

#recherche_avancee .ChampSaisie {
max-width : 360px;
}

#recherche_avancee input.bouton {
background-color : #fff;
font-size : xx-small;
padding : 2px;
}

#recherche_avancee p.boutons {
background-image : none;
border : 0;
text-align : right;
}

#recherche_avancee p.boutons input {
border : 1px solid #666;
font-size : 1em;
margin : 0 0 10px 10px;
padding : 2px;
}

a.precedent,
a.suivant,
a.premier,
a.dernier {
font-size : xx-small;
margin : 0 0 10px 10px;
padding : 2px;
color: #E27821;
text-decoration: none;
}

/* === Listes d'affichage === */
#contenu_avec_encadres ul.liste-objets, #contenu_sans_encadres ul.liste-objets {
padding-left: 0;
}
ul.liste-objets a {
font-weight: bold;
color: #E27821;
text-decoration: none;
}
.style3_contenu ul.liste-objets li a{
color: #fff;
background-color: #E27822;
}

.details-avec-photo{
border-left:1px solid #431C2D;
padding-left:5px;
}

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li,
ul.liste-formations li {
clear : left;
list-style-type : none;
margin : 0;
padding : 5px 0;
}

ul.liste-documents li a,
ul.liste-actualites li a,
ul.liste-articles li a,
ul.liste-formations li a {
font-size: 12px;
padding-left : 0;
}
ul.liste-formations li a.liste-for-etab {
font-weight: normal;
font-size: 11px;
}

#encadres ul.liste-documents li a,
#encadres ul.liste-actualites li a,
#encadres ul.liste-articles li a,
#encadres ul.liste-formations li a {
font-size: 12px;
}

ul.liste-documents li span,
ul.liste-actualites li span,
ul.liste-articles li span {
display : block;
}

ul.liste-documents em,
ul.liste-actualites em,
ul.liste-articles em {
font-size : 1em;
font-style: normal;
font-weight : 700;
margin : 0;
padding : 0;
}

ul.liste-documents a.telecharger-fichiers {
display : block;
font-weight: normal;
font-size: 11px;
}
ul.liste-documents li em a.telecharger-fichiers {
font-weight: bold;
font-size: 12px;
}

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste {
font-size : 1.1em;
font-weight : normal;
color: #431C2D;
}

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste {
color : #7B8622;
font-size: x-small;
}

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-articles p {
font-size : 1em;
margin : 0;
padding : 0;
color: #535353;
}
#encadres ul.liste-documents p,
#encadres ul.liste-actualites p,
#encadres ul.liste-articles p {
font-size : 11px;
}
ul.liste-documents p a,
ul.liste-actualites p a,
ul.liste-articles p a {
font-weight:normal;
}
ul.liste-documents .typedocument-liste {
font-size: 10px;
font-weight:normal;
}

ul.liste-pardefaut li {
list-style-type : none;
margin-bottom:10px;
}

ul.liste-pardefaut a {
font-size: 12px;
}

ul.fluxrss li span {
display : block;
}

.img-liste {
clear : left;
float : left;
margin : 0 5px 0 0;
}

ul.liste-articles span.redac-liste {
color : #535353;
font-size : x-small;
}

/* === =Contexte =Fiche =Collaboratif =Gestion === */

/* == layout du collaboratif ==*/

.collaboratif #navigation ul,
.collaboratif #navigation ol {
list-style : none;
}

.collaboratif .ligne {
border : 0;
}

/* === end layout === */


/*** styles du collaboratif ***/

/*** Zone Centrale ***/
.collaboratif .conteneursousparagrapheaccueil {
float : left;
margin-top : 2em;
padding-right : 3%;
width : 45%;
}

.collaboratif .colonne {
margin-top : 2em;
width : 95%;
}

.collaboratif .conteneursousparagraphealbum {
float : left;
margin-top : 2em;
width : 95%;
}

.collaboratif .menu_secondaire_deco2,
.collaboratif .menu_secondaire_deco1 {
background-image : none;
}

/****** Home - Tribu ****/

#responsables {
color : #000;
font-size : 1em;
font-style : italic;
margin : 0 0 15px 0;
}

/* Titres des Services */
h3.service {
background : url(img/escalier.gif) no-repeat 49% 0;
clear : both;
font-size : 110%;
font-weight : 700;
padding : 0.3em 60% 0.3em 10px;
position : relative;
}

/* Titres page tribu */
.conteneursousparagrapheaccueil h3.service {
background : url(img/escalier.gif) no-repeat 47% 0;
margin-bottom : 0;
}

/* Titre requeteur */
h3.service2 {
background : url(img/escalier2.gif) no-repeat 49% 100%;
}

/*** Menus du Collaboratif ****/
#espace {
padding : 1em 10px 1em 20px;
}

#navigation #espace h3 {
font : 700 140% arial,verdana, sans-serif;
margin : 0;
}

p#logo_espace {
float : right;
}

.collaboratif #navigation ul {
line-height : 1.4;
margin : 1em 10px 1em 20px;
} 

/* Liste de mes espaces */

.collaboratif #navigation select,
.collaboratif #navigation label {
margin : 0.5em 0 0.5em 20px;
}

.collaboratif #navigation select {
font-size : 90%;
width : 120px;
}

form#liste_espaces input.valider {
height : 20px;
padding : 0;
vertical-align : text-bottom;
}

/* ====================
Fiches collaboratives
==================== */

.contenu_liste {
margin : 1em 0 1em 0;
padding : 0;
}

div.contact {
color : #37535b;
}

h3.contact {
font : normal 1.4em/1.1  verdana, arial, sans-serif;
font-weight : 500;
}

ul.list_collab li {
margin : 0 0 0.4em 0;
}

table.list_collab {
border : 1px solid;
width : 100%;
}

table.list_collab td {
width : 25%;
}

table.list_collab th {
text-align : left;
}

.publie_news {
color : #332e44;
font-size : 85%;
margin : 0;
padding : 2px 0;
}

#para_doc {
color : #000;
margin-bottom : 0.7em;
margin-top : 0.7em;
}

/* photo album */
.pagination_album {
clear : both;
padding-top : 20px;
text-align : center;
}

.slide-mount {
background-color : #eee;
border : 1px solid #332e44;
float : left;
height : 200px;
margin : 23px 8px 0 8px;
text-align : center;
width : 200px;
}

.slide-mount img {
cursor : pointer;
}

.ligne-photo {
clear : left;
}

.ligne-photo {
float : left;
}

.last-photo {
margin-right : 0;
}

.slide-mount img {
border : 1px solid #737373;
}

#verrou {
color : #f00;
margin-top : 10px;
text-align : center;
}

/* ****** Menu collab a gauche ******** */

#menu_collab {
background-color : #f5f5f5;
border : 1px solid #a5b3c1;
border-bottom : 0;
margin : 40px 0 10px 0;
width : 100%;
}

#menu_collab ul {
line-height : normal;
list-style : none;
text-align : right;
}

#menu_collab li {
border-bottom : 1px solid #a5b3c1;
}

#menu_collab a {
border-bottom : 2px solid #eee;
border-top : 2px solid #fff;
color : #AE3F76;
display : block;
font-size : 100%;
font-weight : 700;
padding : 3px 5px;
}

#menu_collab_2 {
background-color : #f5f5f5;
border : 1px solid #a5b3c1;
border-bottom : 0;
margin : 10px 0 10px 0;
width : 100%;
}

#menu_collab_2 ul {
line-height : normal;
list-style : none;
text-align : right;
}

#menu_collab_2 li {
border-bottom : 1px solid #a5b3c1;
}

#menu_collab_2 a {
border-bottom : 2px solid #eee;
border-top : 2px solid #fff;
color : #49737f;
display : block;
font-size : 100%;
font-weight : 700;
padding : 3px 5px;
}

/* ********** =Formulaires de =Gestion ********* */

/* Espacement */
.gestion p,
.gestion div {
margin : 0.5em 0;
}

form.gestion p {
margin : 0;
}

/* pour que l'arborescence du document s'affiche correctement */
.gestion div.dtree div {
margin : 0;
}

.gestion div.toolbox div {
border : 0;
margin : 0;
padding-top : .5em;
}

.gestion div.liste_multivaluee table {
border : 0;
border-collapse : separate;
margin : 0;
padding : 0;
width : auto;
}

.gestion div.liste_multivaluee td {
border : 0;
padding : 5px;
vertical-align : top;
}

.gestion div.liste_multivaluee select {
width : 200px;
}
.gestion div.liste_multivaluee option {
width : 200px;
}

.gestion .preliminaire {
margin : 0 0 3em 0;
}

.gestion .champ-texte,
.gestion label, 
.gestion span {
padding : 2px;
}

.gestion iframe {
width : 450px;
} /* taille de la toolbox */

/* Messages d'erreurs et autres */
#msg-alerte,
#msg-erreur,
#msg-confirmation {
float : none;
font-weight : 700;
padding : 0.5em;
text-align : center;
width : auto;
}

#msg-alerte {
background-color : #ffb622;
}

#msg-erreur {
background-color : #f11b03;
color : #fff;
}

#msg-confirmation {
background-color : #b8f04c;
}

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
color : #fff;
}

/* Typo */
.gestion {
font-size : 1.1em;
}

.gestion input,
.gestion textarea {
font-size : 1em;
}

.gestion,
.gestion div,
.gestion p,
.gestion label, 
.gestion span, 
.gestion .preliminaire, 
.gestion iframe,
.gestion textarea,
.gestion select,
.bouton {
color : #000;
font-family : verdana, arial, sans-serif;
}

.gestion .obligatoire {
color : #f11b03;
}

.gestion span.msg-aide {
color : #666;
font-size : .9em;
}

.gestion .champ-texte,
.gestion iframe,
.gestion textarea {
border-color : #666 #ccc #ccc #666;
border-style : solid;
border-width : 1px;
}

.bouton {
border-color : #ccc #666 #666 #ccc;
border-style : solid;
border-width : 1px;
cursor : pointer;
margin : 0;
padding : 0.2em 0.5em;
}

.bouton:hover {
text-decoration : none;
}

.gestion .champ-texte:focus,
.gestion select:focus,
.gestion input:focus {
background : #ffc;
}

.gestion #valider-formulaire {
border-top : 1px solid #666;
float : none;
padding-top : 1em;
text-align : center;
}

.gestion input.readonly {
border : 0;
}

.gestion input.readonly:focus {
background : transparent;
}

form.gestion fieldset {
background-color : #f7f7f7;
border : 0;
clear : left;
margin-top : 1em;
padding-left : 0.5em;
width : 100%;
}

form.gestion fieldset legend {
color : #ff5715;
font-size : 1.1em;
font-weight : 700;
}

/*** Mode Colonne 
a gauche on a ou bien des label, des span.libelle
a droite on a des label.bouton
***/

.en-colonne label.label-bouton {
display : inline;
float : none;
}

.en-colonne label,
.en-colonne span.libelle, /* doit se comporter comme un label */
.en-colonne .multi-col span {
float : left;
font-weight : 700;
width : 200px;
}

#encadres .en-colonne span.libelle,
#encadres .en-colonne label,
#encadres .en-colonne .multi-col span {
float : none;
}

.en-colonne .colonne-droite {
clear : none;
float : none;
margin : 0;
padding-left : 135px;
width : auto;
}

.en-colonne label.label-bouton,
.en-colonne label .msg-aide {
font-weight : normal;
}

.gestion label.date-jour,
.gestion label.date-mois,
.gestion label.date-annee {
display : inline;
float : none;
margin-right : 5px;
}

.en-colonne div,
.en-colonne p {
clear : left;
float : left;
}

.en-colonne div,
.en-colonne p {
margin-left : 0;
margin-right : 0;
padding-left : 0;
padding-right : 0;
width : 100%;
}

.en-colonne div.toolbox p,
.en-colonne div.toolbox div {
clear : none;
float : none;
}

.en-colonne .multi-col table {
border : 0;
margin-left : 0;
padding-left : 0;
width : auto;
}

.en-colonne .multi-col table tr {
border : 0;
}

.en-colonne .multi-col table td {
border : 0;
line-height : 1.5;
padding-left : 0;
}

.en-colonne .multi-col table td * {
vertical-align : middle;
}

.en-colonne table label {
float : none;
width : auto;
}

.en-colonne .multivalue table {
background : #eee;
}

.en-colonne .multivalue table td {
padding : 15px;
}

.en-colonne .multivalue table .champ-texte {
width : 150px;
}

.en-colonne .multivalue select {
height : 108px;
width : 350px;
}

#liste-fichier {
clear : none;
float : left;
margin-top : 0;
width : 30%;
}

#liste-fichier input {
margin-bottom : 4px;
}

#inner-fichier {
margin : 0;
padding : 0;
}

/*** Nb Resultats par page ***/

.gestion #resultats_par_page input.champ-texte {
width : 3em;
}

/** Tableau de Bord - Ecran de =Gestion **************/

.gestion table,
.gestion th,
.gestion td  {
font-family : verdana, arial, sans-serif;
font-size : 100%;
}

.gestion table {
border-collapse : collapse;
border-top : 1px solid #ccc;
line-height : 1.3;
margin : 1em 0;
width : 100%;
}

.gestion .conteneursousparagrapheaccueil table {
margin-top : 0;
}

.gestion th {
color : #332e44;
text-align : left;
}

.gestion th a {
color : #332e44;
text-decoration : underline;
}

.gestion td,
.gestion th {
padding : 3px 10px;
vertical-align : text-top;
}

.gestion tr  {
border-bottom : 1px solid #ccc;
}

.gestion .odd td, .gestion .odd td a {
background-color : #d2e0e2;
}

.gestion .even td, .gestion .even td a {
background-color : #fff;
}

.gestion table img {
border : 0;
vertical-align : bottom;
}

.gestion table.layout td img {
border : 0;
vertical-align : bottom;
}

/*** Liste horizontale de liens ***/

.liste-horizontale,
.liste-horizontale li {
margin : 0;
padding : 0;
}

ul.liste-horizontale {
list-style-type : none;
padding-left: 0 !important;
}

ul.liste-horizontale li {
display : inline;
}

.liste-horizontale li a {
border-right: 1px solid #ccc;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}

/*.liste-horizontale li:first-child  a {
border-left : 0;
margin-left : 0;
padding-left : 0;
}*/

/* =commentaires =collaboratif */

body.collaboratif .com-outer {
margin-top : 15px;
}

/* ecran preferences utilisateur */

form#preferences_utilisateur fieldset {
background : #fff;
border-bottom : 2px solid #eee;
margin-bottom : 1.5em;
padding-bottom : 1em;
}

form#preferences_utilisateur legend {
background : #fff;
color : #f16d15;
display : block;
font-size : 1.1em;
font-weight : 700 !important;
margin-bottom : 0.5em;
}

/* ====================
= Bloc =Portlet =JSR
==================== */

.portlet-titre,
.style1 .portlet-titre,
.style2 .portlet-titre,
.style3 .portlet-titre,
.sansstyle .portlet-titre {
background-color : #332e44;
color : #ffb622;
margin : 0;
padding : .5em 5px;
}

.portlet-actions {
background-color : #fff;
border : solid #332e44;
border-width : 0 1px 1px 1px;
font-size : 95%;
height : 18px;
margin : 0;
padding : 1px 5px;
}

.portlet-actions a,
.portlet-actions span {
float : left;
height : 0;
overflow : hidden;
padding : 17px 2px 0 2px;
width : 11px;
}

.portlet-actions a:hover {
text-decoration : none;
}

.portlet-edit {
background : url(/adminsite/portal/img/edit.gif) no-repeat 50% 50%;
}

.portlet-help {
background : url(/adminsite/portal/img/help.gif) no-repeat 50% 50%;
}

.portlet-view {
background : url(/adminsite/portal/img/view.gif) no-repeat 50% 50%;
}

.portlet-actions .portlet-max {
background : url(/adminsite/portal/img/max.gif) no-repeat 50% 4px;
float : right;
}

.portlet-actions .portlet-min {
background : url(/adminsite/portal/img/min.gif) no-repeat 50% 4px;
float : right;
}

.portlet-actions .portlet-nor {
background : url(/adminsite/portal/img/norm.gif) no-repeat 50% 4px;
float : right;
}

.portlet-contenu,
.portlet-contenu table,
.portlet-contenu td {
font-size : 1em;
}

.portlet-contenu {
border : solid #332e44;
border-width : 0 1px 1px 1px;
overflow : auto;
padding : 0.4em 5px;
}

/* === Pagination pour album === */

.pagination {
text-align : center;
}

.pagination img {
border : 0;
margin : 0 5px;
vertical-align : baseline;
}

.pagination {
font-weight : 700;
}

.pagination a,
.pagination a:hover {
font-weight : normal;
text-decoration : none;
}


/* ====================
=Bloc =Pied de Page
==================== */

#pied_page {
background-color : transparent;
clear : both;
color : #fff;
font-size : 1.1em;
position : relative;
font-family : arial, helvetica, sans-serif;
}

#boutons_actions {
color : #FF790D;
margin : 0 0 0 10px;
position : relative;
top : -30px;
}

#boutons_actions a,
#boutons_actions a:hover {
color : #FF790D;
text-decoration : none;
}

/* === */
#haut_page,
#mentions_legales,
#imprimer {
cursor : pointer;
padding-top : 27px;
}

#haut_page {
background : transparent url(img/haut_page.png) no-repeat 0 0;
margin-right : 10px;
}
#mentions_legales {
background : transparent url(img/mentions_legales.png) no-repeat 0 0;
margin-left : 10px;
}

#imprimer {
background : transparent url(img/imprimer.png) no-repeat 0 0;
}

/* =Adresse bas de page ===*/

address {
font-style : normal;
margin : -18px 0 0 400px;
padding : 0 0 0 20px;
position : relative;
top : 1.5em;
}

address a {
background-color : transparent;
color : #fff;
text-decoration : none;
}

/* ===*/

p#liens_pratiques {
display : none;
margin : 0 0 0 20px;
}

p#liens_pratiques a {
color : #fff;
}

p#liens_pratiques a.rss {
background : url(img/rss.png) no-repeat 0 50%;
padding-left : 17px;
}

/* ==================
=Contexte =Popup
================== */

.popup {
background-color : #fff;
padding : 10px;
}

.popup h3 {
color : #000;
}