body{
background: #fff url(img/body.png) no-repeat center 0;
color: #000;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 62.5%;
font-size: 0.7em;
margin-bottom: 2.5em;
}

body.communaute {
color:#333;	
}

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: #2b85af;
text-decoration: none;
}

div#contenu_deco a:hover,
div#contenu_sans_encadres a:hover{
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: top;
}
/*
em{
font-style: normal;
font-weight: 700;
}*/

div#page h2{
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
background-color: #333;
background-position: -1px -169px;
background-repeat: no-repeat;
background-image: url(img/bandeau.png);
color: #fff;
/* min-height: 80px; ¨*/
min-height: 50px;
font-size: 2.3em;
font-weight: normal;
padding: 20px 20px 0 20px;
letter-spacing: 1px;
}

div#page h2.avecmenu {
padding-left: 220px;
}

div#page h2#titre-page {
	background:none;
	color:#000;
	margin-left:200px;
	line-height: 30px;
	padding-bottom:15px;
	min-height:20px;
}

body.presentation_multi_publi h2{
/*min-height: 80px;*/
}

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

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

h4{
color:#000;
font-size: 1.2em;
margin: 1em 0;
font-weight:normal;
padding-bottom:0.5em;
border-bottom:1px dotted #D1D1D1;
}

div#contenu_sans_encadres ul,
div#contenu_avec_encadres ul,
div#encadres ul,
table ul,
ul#tabnav {
list-style-image: url(img/puce.png);
}

div#encadres ul{
margin-left:25px;
}

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

p#acces_direct{
margin: 0;
width: 988px;
display: none;
}

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

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;
}

/* === Langue === */

p#langue{
color: #c24407;
margin: 0;
position: absolute;
top: 5px;
left: 0;
display: block;
float: left;
}

p#langue a{
border: 1px solid #fff;
color: #c24407;
padding: 1px 3px 1px 12px;
margin-right: 4px;
}

p#langue a:hover{
color: #fff;
background-color: #c24407;
border: 1px solid #c24407;
}

p#langue a.langue_active {
border: 1px solid #c24407;
}

/* === */

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

p#raccourcis a{
color: #fff;
}

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

div#page{
background-color: #fff;
width: 986px;
border: 1px solid #aaa;
border-top: 0;
margin: auto;
clear: both;
}

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

hr.separateur_sections_page{
display: none;
}

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

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

.separateur{
clear: both;
height: 1px;
margin: 0;
padding: 0;
display:block;
width: 100%;
}

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

.retour{
cursor: pointer;
}

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

/* === disposition 1 === */

form.disposition1 label,
form.disposition1 strong{
display: block;
margin: 0 0 0.5em;
}

/* === disposition 2 === */

form.disposition2 p{
	clear:left;
}

form.disposition2 label,
form.disposition2 strong{
display: block;
float: left;
width: 160px;
}

form.disposition2 label.radio,
form.disposition2 label.checkbox{
width: auto;
display: inline;
float: none;
}


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

/*
.ok{
background: #fff;
border: 1px solid;
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;
}

body.article .photo img, body.actualite .photo img {
	border:none;	
}

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

div#bandeau{
background-color: #666;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(img/bandeau.png);
height: 111px;
position: relative;
width: 988px;
margin: auto;
}

h1{
font-size: 1.6em;
right: 0;
position: absolute;
top: 13px;
}

h1 a{
background-color: transparent;
color: #fff;
}

h1 a:focus,
ul#menu_principal a:focus{
background-color: transparent !important;
}

/* === */

div#entete{
width: 988px;
margin: auto;
position: relative;
height: 27px;
}

/*#espace_communaute, #espace_extranet, #espace_intranet, #espace_www {
border-right : 1px solid;
color : #c24407;
position : relative;
padding-right : 20px;
padding-left: 20px;
top : 7px;
left:545px;
}*/
#espace_communaute {
color : #c24407;
position : relative;
padding : 2px 6px 2px 6px;
top : 5px;
left:30px;
}

#espace_www {
border-left : 1px solid;
}

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

form#recherche_simple{
right: 0;
position: absolute;
top: 4px;
width: 330px;
z-index: 1;
font-family: tahoma;
text-align: right;
}

form#recherche_simple label{
color: #b78a0d;
margin-right: 15px;
text-transform: lowercase;
}

form#recherche_simple input{
/* vertical-align: bottom; */
}

form#recherche_simple input.champ-saisie{
padding: 0;
}

form#recherche_simple input.ok{
color: #fff;
background-color: #57a5c9;
padding-right: 15px;
border: 0;
}

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


p#connexion{
position: absolute;
left:75px;
top:5px;
margin:0;
color: #c24407;
display: block;
float: left;
}

p#connexion label{
}

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

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

p#connexion a {
border: 1px solid #fff;
color: #c24407;
padding: 1px 6px 1px 6px;
}

p#connexion a:hover, 
a#espace_communaute:hover {
color: #fff;
background-color: #c24407;
}
/* ===============
=Block =Menu
=============== */

div#menu{
background: #fff url(img/menu.png) repeat-x 0 100%;
height: 40px;
width: 988px;
margin: auto;
position: relative;
}

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

ul#menu_principal{
line-height: 30px;
list-style-type: none;
font-family: Tahoma, "Lucida Sans Unicode", "Trebuchet MS", arial, sans-serif;
/* font-size: 14px; */
font-size: 1.25em;
font-weight: 700;
letter-spacing: 1px;
text-transform: lowercase;
}

ul#menu_principal li{
position: relative;
float: left;
padding-left: 2px;
background: url(img/menu_principal_item.png) no-repeat 0 30%;
}

ul#menu_principal li.menu_premier{
background: none;
}

ul#menu_principal a{
font-size:0.9em;
color: #111;
display: block;
padding: 0 14px 10px 14px;
position: relative;
background: transparent no-repeat 50% 100%;
}

ul#menu_principal a.menu_principal_web {
	font-size:1em;
	padding: 0 20px 10px 20px;
}

ul#menu_principal a:hover,
ul#menu_principal li#menu_principal_focus a,
ul#menu_principal li:hover a{
background-image: url(img/menu_principal_hover.png);
}

ul#menu_principal li:hover li a,
ul#menu_principal li#menu_principal_focus li a{
background-image: none;
background-color: #fff;
}

ul#menu_principal a span.menu_principal_deco{
position: absolute;
top: -19px;
left: 0;
display: none;
background: transparent url(img/menu_principal_deco.png) no-repeat 50% 0;
width: 100%;
height:19px;
}

ul#menu_principal a:hover span.menu_principal_deco,
ul#menu_principal li:hover span.menu_principal_deco,
ul#menu_principal li#menu_principal_focus span.menu_principal_deco{
display: block;
}

/* --- */

ul#menu_principal ul{
font-size: 0.8em;
background-color: #fff;
border: 1px solid #aaa;
border-top: 0;
display: none;
font-weight: 500;
left: 0;
line-height: normal;
list-style-type: none;
padding: 0;
position: absolute;
top: 40px;
width: 150px;
z-index: 5;
}

ul#menu_principal ul li{
display: block;
position: relative;
float: none;
padding-right: 0;
background: #fff;
border-top: 1px dashed #aaa;
}

ul#menu_principal ul li:first-child{
border-top: 0;
}

ul#menu_principal ul li a{
display: block;
float: none;
padding: 0.5em;
position: relative;
background: #fff;
}

ul#menu_principal ul li a:hover,
ul#menu_principal li#menu_principal_focus li a:hover{
background: #e1e1e1;
}

/* === 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
=============== */

div#navigation{
float: left;
padding-bottom: 60px;
padding-top: 20px;
width: 200px;
background-color:#fff;
}

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

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

ul#menu_secondaire{
list-style: none;
font-size: 14px;
font-size: 1.25em;
font-weight: 700;
font-family: tahoma, arial, sans-serif;
margin-left: 3px;
border-left: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
}

ul#menu_secondaire li.focus{
border-left: 3px solid #666;
margin-left: -4px
}

ul#menu_secondaire a{
display: block;
border-bottom: 1px solid #d1d1d1;
padding: 0.5em 0 0.5em 11px;
}

ul#menu_secondaire a:hover{
background-color: #eee;
}

ul#menu_secondaire ul{
margin: 0 0 0 3px;
list-style: none;
font-size: 0.8em;
border-left: 1px solid #666;
}

ul#menu_secondaire ul a{
padding-left: 7px;
}

ul#menu_secondaire ul li.focus{
margin: 0;
border-left: 0;
}

ul#menu_secondaire ul em a{
border-bottom: 1px dotted #737373;
}

ul#menu_secondaire ul ul{
border-left: 0 none;
margin: 0 0 0 3px;
font-size: 0.9em;
}

ul#menu_secondaire ul ul a{
padding-left: 7px;
border-left: 0 none;
font-weight:normal;
}

/* === services === */

#services{
margin-left: 10px;
}

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

form#services legend{
display: none;
}

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

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

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

body.presentation_multi_publi div#contenu_deco{
background-position: 740px 0;
}

div#contenu_avec_encadres,
div#contenu_sans_encadres{
float: left;
min-height: 300px;
line-height: 20px;
}

div#contenu_avec_encadres{
margin: 0;
padding: 20px 15px 50px 20px;
width: 506px;
}

body.presentation_multi_publi div#contenu_avec_encadres{
width: 706px;
}

div#contenu_sans_encadres{
padding: 0px 22px 50px 25px;
width: 739px;
}

body.presentation_multi_publi div#contenu_sans_encadres{
width: 939px;
}

code {
background: #eee;
border-left: 4px solid #9f141b;
font-size: 1.3em;
padding: 10px;
overflow:auto;
max-height:200px;
margin:1em 0;
display:block;
}

code.java, code.xhtml, code.css {
display:inline;
}
.syntaxhighlighter caption {
display:none;
}

/* === */

/* 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,
ul#tabnav {
margin: auto;
padding: 0 0 0 2em;
}

p#fil_ariane{
padding: 0 0 0 20px;
color: #fff;
background: #999;
margin: 0;
line-height: 18px;
clear: both;
}

p#fil_ariane a{
color: #fff;
}

/*** Plan du site  ***/

div.plandusite ol{
color: #2b85af;
}

.plansite1 li{
list-style-type: disc;
font-weight: 700;
}

.plansite2 li{
list-style-type: circle;
font-weight: 500;
}

.effacer,
.valider{
background: #57a5c9;
border: 1px solid #57a5c9;
color: #fff;
margin: 0;
padding: 2px;
font-family: verdana, sans-serif;
}

.effacer{
border: 1px solid #999;
color: #fff;
background: #999;
}

/*************************************************
=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;
}

ul.liste_resultats div.photo_annuaire{
display:block;
float:left;
min-height:53px;
position:relative;
width:53px;
margin-right:4px;
}
/*div.photo_annuaire img {
float: right;
}*/

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

div.para-an{
margin-bottom: 1.5em;
}

div.para-an h3{
font-size: 1.1em;
margin: 0.4em 0;
padding-left: 20px;
text-transform: uppercase;
font-size: 1em;
color: #3b699f;
background: url(img/motifs/puce2.png) no-repeat 0 60%;
}

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

body.actualite #thematique,
body.article #thematique,
body.document #thematique,
body.annuaire #type_personnel,
body.defaultstructure p#type_structure{
border-bottom: 1px solid #d1d1d1;
font-weight: 700;
color: #777;
font-size: 0.9em;
font-family: verdana, arial, sans-serif;
margin: 0.5em 0;
padding-bottom: 0.5em;
}

body.article p#soustitre,
body.kprelease p#soustitre,
body.document #soustitre{
font-size: 1.3em;
margin: 0 0 1em 0;
color: #666;
font-family: arial, sans-serif;
}

body.defaultstructure p#type_structure{
border: 0;
}

body.actualite p#resume,
body.article p#chapeau,
body.document p#resume{
font-weight: 700;
margin: 0.5em 0 1.2em 0;
color: #657f9f;
font-family: arial, sans-serif;
font-size: 1.1em;
}

/*
body.actualite em.date{
}
*/

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

div.photo img{
float: left;
}

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

body.actualite #date{
margin: 1em 0;
}

body.actualite div#description{
margin-bottom: 1.5em;
text-align: left;
}

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

body.article p#date{
font-weight: 700;
}

body.article h5#titre_etape_suivante {
	border-top: 1px #9D861B dotted;
	padding-top:5px;
}
body.article h5#titre_etape_suivante, 
body.article h5#titre_sommaire {
	color:#9D861B;
	padding:2px 0;
	}

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

body.document #description{
border-top: 1px solid #d1d1d1;
padding: 10px 0;
}

body.document #auteurs{
margin: 0.5em 0;
}

body.document #referenceisdn{
margin: 1em 0;
padding: 0.3em 0.5em;
background: #eee;
}

/* === =Fiche =Annuaire === */

body.annuaire h2{
border-bottom: 1px solid;
margin-bottom: 0;
padding-bottom: 8px;
}

body.annuaire #fonction{
padding: 0.5em 32px 0.5em 0;
}

body.annuaire em.type_personnel{
display: block;
font-style: normal;
}

body.annuaire .photo{
background: #fff;
float: right;
padding-left: 10px;
text-align: right;
position: relative;
z-index: 2;
}

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

/* de type 1 */

dl.type_1{
background: #fff;
border-bottom: 1px solid #d1d1d1;
margin: 0 0 2em 0;
position: relative;
width: 100%;
}

dl.type_1 dt,
dl.type_1 dd{
border-top: 1px solid #d1d1d1;
}

dl.type_1 dt{
color: #9d861b;
background: url(img/type_1.png) no-repeat 0 10px;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 700;
left: 0;
margin: 0;
padding: 0.5em 0 0 20px;
position: absolute;
width: 150px;
}

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

body.bulletinfo dl.type_1 dd {
	margin-left: 190px;
}

body.bulletinfo dl.type_1 dt {
	width: 190px;
}
/* ===	=Commentaires === */

p#commenter,
p#afficher_masquer_commentaires{
}

p#commenter a,
p#afficher_masquer_commentaires a{
}

#lien_cache{
display: none;
}

#commentaires_afficher{
display: block;
}

#commentaires_masquer{
display: none;
}

.com-outer{
border-right: 6px solid;
clear: both;
}

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

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

.com-inner h3{
background: #999;
color: #fff;
font-size: 1em;
margin: 0;
padding: 20px 0 5px 5px;
}

.com-inner ul{
margin: 0;
}

.com-inner ul#com-ul1{
border-bottom: 1px solid;
padding: 0;
}

.com-inner li{
background-image: url(img/filet_droit.png);
background-position: bottom left;
background-repeat: repeat-x;
border-left: 1px solid;
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;
color: #7c3345;
font-size: xx-small;
padding: 0 0 0 25px;
}

p.com-titre{
background-color: #8bbfff;
border-top: 1px solid;
clear: both;
color: #000;
font-weight: 700;
margin: 0;
padding: 2px 0 2px 10px;
}

.com-titre0{
background-color: #d7f7ef;
}

.com-titre1{
background-color: #8bbfff;
}

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

p.com-site,
.com-corps{
border-left: 1px solid;
border-top: 1px solid #6e858c;
}

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

.com-corps{
background-color: #fff;
border-left: 1px solid;
color: #184653;
margin-left: 6px;
padding: 2px 0 0 5px;
}

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

.repondre{
background: #fff;
border-top: 1px solid #adb8ca;
margin: 5px 0 0 0;
}

.repondre a{
border-left: 1px solid #7b3349;
border-right: 1px solid #7b3349;
color: #7b3349;
margin: 0 30px 0 380px;
padding: 0px 10px;
width: 5em;
}

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

/*  ligne et colonnage */

div.ligne{
clear: left;
}

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

div.colonne{
float: left;
}

.colonne_deco{
border-left: 1px solid #b8b8b8;
margin-right: 9px;
padding: 0 0 0 9px;
}

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

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

/* styles de paragraphes */

div.sansstyle{
margin-bottom: 1.5em;
}

div.style1{
margin-bottom: 2em;
}

div.style1 h3{
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
color: #9d861b;
font-size: 2.1em;
font-weight: normal;
margin: 0 0 0.5em 0;
line-height: normal;
}

/* ancien style 2 */

div.style2{
margin-bottom: 1.5em;
}

/*div.style2 h3{
border-left: 1px solid #ef8338;
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
color: #fff;
background: #f08f4b url(img/style2_titre.png) no-repeat right bottom;
font-size: 1.1em;
padding: 33px 10px 10px 10px;
margin: 0 0 7px 0;
line-height: normal;
}

div.style2 div.style2_contenu{
border-left: 1px solid #ef8338;
padding: 10px;
background: #fff url(img/style2_contenu.png) no-repeat right top;
}*/

div.style2 h3{

font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
background: #9D861B url(img/fondtitrestyle2.png) repeat-x left top;
padding-top:20px;
margin-bottom:10px;
padding-left:5px;
color:#fff;
margin-top:0;

}

div.style2 h3 span {
display: block; 
position: relative; 
top: 2px;
font-family:tahoma,"Lucida Sans Unicode", arial, sans-serif;
font-weight:normal;
}

/* --- */

div.style3{
margin-bottom: 1.5em;
}

h3.style3 {
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
background-color: transparent;
color: #9d861b;
border-bottom: 1px dotted #657f9f;
line-height: normal;
padding-bottom: 0.5em;
}


div.style3 h3{
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
background-color: transparent;
color: #9d861b;
border-bottom: 1px dotted #657f9f;
padding-bottom: 0.5em;
margin: 0 0 0.5em 0;
line-height: normal;
}

body.kprelease h3 {
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
background-color: transparent;
color: #9d861b;
margin: 0.5em 0 0.5em 0;
line-height: normal;
}


body.kprelease h4 {
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
background-color: transparent;
color: #9d861b;
margin: 0.5em 0 0.5em 0;
line-height: normal;
}

/* --- */

div.style4{
margin-bottom: 1.5em;
background: url(img/style4.png) repeat 0 0;
border-bottom: 1px solid #fff;
}

div.style4 div.style4_titre_deco{
background: transparent url(img/style4_titre_deco.png) repeat 0 0;
padding: 18px 0 0 0;
margin-bottom: 50px;
margin-bottom: 57px;
}

div.style4 h3{
font-family: Tahoma, "Lucida Sans Unicode", arial, sans-serif;
color: #9d861b;
background-color: #fff;
font-size: 1.1em;
margin: 0;
padding: 0.4em 10px;
line-height: normal;
}

div.style4 div.style4_contenu{
color: #687a7d;
padding: 10px;
background: transparent url(img/style4_contenu.png) repeat 0 0;
margin-bottom: 45px;
}

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

form#recherche_avancee{
width: 97%;
}

#recherche_avancee legend{
display: none;
}

#recherche_avancee p{
border-bottom: 1px solid #d1d1d1;
clear: both;
margin: 0;
overflow: auto;
padding: 0.8em 0;
}

#recherche_avancee label{
float: left;
font-weight: 700;
padding-left: 5px;
padding-right: 5px;
width: 125px;
}

#recherche_avancee label.no_float{
float: none;
}

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

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

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

#recherche_avancee p.boutons input{
font-size: 1em;
margin: 0 0 10px 1em;
}

div#contenu_sans_encadres ul#themes_recherche_avancee,
div#contenu_avec_encadres ul#themes_recherche_avancee{
padding-left: 0;
margin-top: 1em;
}

ul#themes_recherche_avancee li{
list-style-type : none;
margin-bottom: 0.5em;
display: inline;
}

ul#themes_recherche_avancee li a{
color: #2b85af;
font-weight: 700;
display: block;
width: 250px;
float: left;
}

ul#themes_recherche_avancee li a:hover{
text-decoration: none;
}

ul#themes_recherche_avancee li a img{
border: 1px solid #fff;
margin-right: 5px;
}

ul#themes_recherche_avancee li a:hover img{
border-color: #ccc;
}

ul#themes_recherche_avancee li.alignement_0 {

}

ul#themes_recherche_avancee li.alignement_1 {
}

ul#themes_recherche_avancee li img{
vertical-align: middle;
}

/* page résultats de recherche  */

p#precisions_resultats{
font-weight: 700;
}

div#contenu_sans_encadres ul.liste_resultats,
div#contenu_avec_encadres ul.liste_resultats{
/*margin-top: 1em;*/
padding-left: 0;
}

ul.liste_resultats li{
border-bottom: 1px solid #d1d1d1;
margin-bottom: 0.8em;
padding-bottom: 0.8em;
padding-right: 30px;
list-style: none;
position: relative;
min-height: 30px;
}

ul.liste_resultats li img{
margin: 0 3px 0 0;
position: absolute;
top: 0;
right: 0;
}

ul.liste_resultats span.rattachement_niveau1,
ul.liste-annuaire em.rattachement_structure,
ul.liste_resultats em{
color: #B88A0E;
}

ul.liste_resultats div.lien_modifier_annuaire {
	position:absolute;
	right:0;
	bottom:5px;
}
	
p#modifier_recherche{
font-weight: 700;
}

p.button-ra{
font-weight: 700;
}

a.precedent,
a.suivant,
a.premier,
a.dernier{
font-weight: 500;
}

a.precedent,
a.premier{
margin: 0 10px 0 0;
}

a.suivant,
a.dernier{
margin: 0 0 0 10px;
}

table#legende_pictos, #legende_pictos td {
	border:0;
}

.highlight {
	background-color:#888;
	color:#FFF;
	padding-left:3px;
	padding-right:3px;
}

.pertinence {
	font-weight:bold;
	color:#555;
}

/* === Listes d'affichage === */

div#contenu_avec_encadres ul.liste-objets,
div#contenu_sans_encadres ul.liste-objets,
div#encadres ul.liste-objets,
div#contenu_sans_encadres ul.liste_resultats,
div#contenu_avec_encadres ul.liste_resultats{
padding-left: 0;
list-style-image: none;
margin-left:5px;
}

a.lire_la_suite{
background: url(img/lire_la_suite.png) no-repeat 0 50%;
display: block;
clear: both;
width: 7.5em;
padding-left: 18px;
font-family: verdana, sans-serif;
font-size: 0.9em;
}

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-annuaire li,
ul.liste-articles li,
ul.liste_resultats li,
ul.liste-bulletinfo li{
border-bottom: 1px dotted #afafaf;
clear: left;
list-style-type: none;
margin: 0;
padding: 10px 0;
}

ul.liste-documents li a,
ul.liste-actualites a,
ul.liste-articles a,
ul.liste-bulletinfo a{
}

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

ul.liste-objets li a span,
ul.liste-objets li span.extension,
ul.liste-objets li span span.extension_crochet{
display: inline;
}

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

ul.liste-bulletinfo li em img{
	vertical-align: middle;
	width: 11px;
	height: 11px;
}

/*ul.liste-documents a.telecharger-fichiers{
display: block;
}*/

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste{
font-weight: 700;
color: #666;
}

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste{
color: #9d861b;
font-weight: 700;
}

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-annuaire p,
ul.liste-articles p{
font-size: 1em;
margin: 0;
padding: 0;
}

div#contenu_avec_encadres ul.liste-pardefaut,
div#contenu_sans_encadres ul.liste-pardefaut,
div#encadres ul.liste-pardefaut{
margin-left: 2em;
list-style-image: url(img/puce.png);
}

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

ul.fluxrss li span{
display: block;
}

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

/* === */

ul.liste-objets li.liste_page_tete{
background: url(img/liste_page_tete.png) no-repeat left bottom;
border-top: 1px dotted #c24407;
/* border-right: 1px solid #cfcfcf;
border-bottom: 11px solid #c37005; */
clear: none;
float: left;
width: 247px;
min-height: 255px;
padding: 0;
}

ul.liste-objets li.liste_page_tete_premier{
width: 245px;
background-position: right bottom;
}

ul.liste-objets li.liste_page_tete em{
display : block;
color: #fff;
background: url(img/liste_page_tete_em.png) repeat-y 0 0;
font-size: 1.1em;
padding: 1.3em 7px 0.8em 10px;
}

ul.liste-objets li.liste_page_tete_premier em{
background-image: none;
padding: 1.3em 7px 0.8em 7px;
}

ul.liste-objets li.liste_page_tete img.img-liste{
float: none;
margin: 0 0 0 3px;
width: 244px;
}

ul.liste-objets li.liste_page_tete_premier img.img-liste{
margin: 0;
width: 245px;
}

ul.liste-objets li.liste_page_tete p{
margin: 0.5em 7px 0.5em 10px;
}

ul.liste-objets li.liste_page_tete_premier p{
margin: 0.5em 7px 0.5em 7px;
}

/* === */

ul.liste-articles span.redac-liste{
font-family: verdana;
}

/* ****** 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;
}

form.gestion p{
margin: 0;
margin-bottom:0.5em;
}

/* 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;
}

/* === rédacteur - date modif - contact rubrique === */

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

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

div#encadres{
float: left;
width: 245px;
color: #687a7d;
line-height: 130%;
}

div#encadres h3{
color: #9d861b;
font-family: tahoma, arial, sans-serif;
font-weight: 700;
margin: 0;
font-size: 1.4em;
padding: 22px 10px 0.5em 10px;
}

/* === encadres generiques + rubrique === */

div.encadre_generique{
margin-bottom: 6px;
position: relative;
padding: 0 0 46px 0;
}

div.encadre_generique_avec_image{
background-repeat: repeat;
background-position: 0 0;
background: url(img/encadre_generique.png) no-repeat 0 0;
}

div.encadre_generique_deco{
background: url(img/encadre_generique_deco.png) repeat 0 1px;
padding: 17px 0 0 0;
margin-bottom: 15px;
position: relative;
z-index: 1;
width: 100%;
}

div.encadre_generique_avec_image div.encadre_generique_deco{
margin-bottom: 63px;
}

div#encadres div.encadre_generique h3{
background: #fff;
padding: 2px 10px;
font-size: 1.1em;
}

div.encadre_generique div.encadre_generique_contenu{
padding: 5px 10px;
background: transparent url(img/encadre_generique_contenu.png) repeat 0 0;
}

/*
div.encadre_generique div.encadre_generique_contenu img{
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
*/

/* --- encadre rubrique --- */

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

div#encadres div.encadre_rubrique h3{
border-bottom: 1px dotted #657f9f;
padding: 25px 10px 10px 10px;
margin: 0;
background: url(img/encadre_rubrique_titre.png) repeat-x 0 0;
}

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

div.encadre_rubrique,
div.encadre_fiche,
div.encadre_auto_fiche,
div.encadre_nav_auto,
div.encadre_recherche{
margin-bottom: 6px;
border-top: 1px dotted #657f9f;
}

div.encadre_rubrique_contenu,
div.encadre_fiche_contenu,
div.encadre_auto_fiche_contenu,
div.encadre_nav_auto_contenu,
div.encadre_recherche form{
padding: 0.7em 10px;
}

div.encadre_auto_fiche ul#telecharger,
body.kprelease div ul#telecharger {
margin: 0;
padding: 0;
}


div.encadre_auto_fiche ul#telecharger li,
body.kprelease div ul#telecharger li{
list-style-type: none;
background-position: 2px;
}

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

div.encadre_recherche p{
margin: 0 0 1em 0;
}

div.encadre_recherche label{
display: block;
font-weight: 700;
padding-bottom: 0.2em;
}

div.encadre_recherche legend{
display: none;
}

div.encadre_recherche .champ-saisie{
border: 1px solid;
width: 160px;
/* vertical-align: middle; */
}

div.encadre_recherche select{
border: 1px solid;
width: 160px;
}

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

div.encadre_recherche p.button{
display: block;
padding-top: 0.5em;
}

div.encadre_recherche p.button input{
font-size: 1em;
}

div.encadre_recherche input,
div.encadre_recherche select{
}

div.encadre_recherche input{
}

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

div.encadre_recherche p.parcourir input.valider{
font-size: 1em;
}

.firstencadre{
border: 0;
}

/* === 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;
}

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

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

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

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

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

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

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

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

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

li.zip, li.war,li.defaut{
background-image: url(img/pictos/defaut.png);
}

/* --- Objet Formulaire --- */

table.objet-formulaire input.bouton{
color: #fff;
background-color: #57a5c9;
border: 1px solid #57a5c9;
font-size: 1em;
padding: 1px;
}


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

div#pied_page{
background: #fff url(img/pied_page.png) repeat-x 0 100%;
clear: both;
display: block;
position: relative;
border: 1px solid #aaa;
width: 986px;
min-height: 76px;
margin: 4px auto 2em auto;
}

ul#outils{
list-style: none;
padding-top: 0.5em;
}

ul#outils li{
color: #2b85af;
display: inline;
border-left: 1px solid;
padding: 0 0.5em;
}

ul#outils li.outils_premier {
border-left : 0;
}

ul#outils span#imprimer{
cursor: pointer;
}

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

div#pied_page address{
font-style: normal;
position: absolute;
padding: 10px;
min-height: 56px;
top: 0;
}

address#kosmos_nantes{
background-color: #9d861b;
/* color: #cdcdcd; */
color: #fff;
width: 227px;
left: 495px;
}

address#kosmos_paris{
left: 742px;
background: #fff;
width: 224px;
}

div#pied_page address em{
font-weight: 500;
display: block;
margin-bottom: 1em;
}

/* ===*/

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;
}

/* ==================
=Contexte =newsletter
================== */

body#newsletter{
background: #fff;
}

body#newsletter div#page{
width: 800px;
}

#divsts {
display:none;
}

/* saisie front */
form#form_saisie_front p{
margin: 0.8em 0;
}

form#form_saisie_front label{
width: 230px;
}

form#form_saisie_front select{
font-size: 0.9em;
}

.gestion .obligatoire{
color: #f11b03;
}

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


/* === Favoris ===*/
.favori img {
	vertical-align: middle;
	margin-left: 2px;
	margin-top:0;
	
}

/* === Objet Application === */
div.encadre_auto_fiche div.logo_application {
	text-align: center;
	margin: auto;
}

table.acces_rapide_application {
	width:100%;
	vertical-align:top;	
}
table.acces_rapide_application th {
	font-size:1.2em;
	font-weight:normal;
	padding:0.5em;
	border:1px dotted #D1D1D1;
}
table.acces_rapide_application td {
	vertical-align:top;	
}

img.image_bugtracker {
	width: 55%;
	display: block;
	margin: auto;
}


/* === Objet Environnement === */
ul.liste_urls_environnement,
ul.liste_urls_environnement a {
	color: #786408;
}