@import "/css/formulaire.css";
@import "/css/illicopage.css";

body {font-family: Arial, Helvetica, sans-serif; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ margin:0; padding:0; font-size:0.8em; text-align:center; background-color:#f1f1f1}
body.popup{background-image:url(/images/pixel.gif);background-color:#FFFFFF;}
img {border: 0; }
p, td, li, a{font-size:13px; }
h1{color:#1A171B; font-size:1.7em; font-weight:bold;  border-top:4px solid #A2C507; padding:5px 0 0 5px; margin:3px 0; }
h2{color:#E64415; font-size:1.4em; font-weight:bold; }
h3{color:#9CC326; font-size:1.2em; font-weight:bold; }
h4{color:#737476; font-size:1em; font-weight:bold; }
a{color:#E64415; text-decoration:none;}
#contenu a{text-decoration:underline;}
#div_lien_yahoo, .lien_yahoo, .legende{color:#737476; font-size:11px; }
a.lien_yahoo{text-decoration:none; }
.invisible{display:none;}
label img{ margin-left:1px; margin-right:3px;}
ul.enligne ul{margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }
#contenu li{list-style-type:none; list-style-image:url(/charte/puce-sillon-verte-petite.png); padding:0px 0 3px 0}

#page{width:955px; margin:0 auto; text-align:left}
#header, #zc{ float:left; width:955px; clear:both}
#zc{background:#fff url(/charte/bg-zc.png) repeat-y left top;}
#colG{float:left;width:290px;}
#zone_centrale{ float:left; width:565px; margin:10px 0 0 30px}

/*header*/
#malvoyant{float:left; width:100%; display:block; font-size:10px; color:#ccc; text-align:right; padding:2px 0; text-decoration:none}
#logo, #bandeau{float:left; width:auto;}
.bandeau{background-image: url(/charte/bandeau.png);background-repeat: no-repeat;background-position: right top;}

/*colG*/
#menuLat{float:left; width:100%; clear:both}
#moteur{ background:url(/charte/bg-recherche.png) no-repeat left top; float:right; width:263px; height:60px; margin-right:10px }
#case_form{margin:16px 0 0 110px; float:left}
input.moteur {font-size:11px; border:none; width:105px; position:relative; top:-6px}
#newsletter{margin:0px 10px 0 0; text-align:right; }
#liens_divers{}
#partenaires{ margin:20px 20px 0 0; text-align:right; float:right; clear:both }
#liens_divers, #partenaires{clear:both; text-align:right; float:right; margin-right:5px; }
#liens_divers ul, #partenaires ul{list-style-type:none;}
#liens_divers li, #partenaires li{padding:0px 5px; margin:0; clear:both; float:right}
#partenaires li{margin:5px 17px 5px 0}

/*Zone centrale*/
#div_lien_yahoo{margin-top:7px;font-size:11px; width:420px}
#pictos{float:right; clear:right; width:auto;}
#contenu{width:565px; float:left;}
#footer{text-align:center; clear:both; margin:10px 0; background:#fff url(/charte/bg-zc.png) repeat-y left top; padding-left:290px;}
#footer, #footer *{color:#818284; font-size:12px; }

/*accueil*/
#page.page-accueil h1{ margin:0; border-top:none}
#contenu #actu .titre_accueil a, #contenu #agenda .titre_accueil a{color:#1A171B; font-weight:bold; text-decoration:none; font-size:20px;}
.bloc-liseret-vert, .bloc-liseret-rouge{float:left; width:100%; border-top:4px solid #A2C507; padding-top:5px;}
.bloc-liseret-rouge{ border-top:4px solid #E64415; margin-top:20px;}
#contenu_accueil, #agenda{float:left; width:280px;}
#carte, #actu{float:right; clear:right; width:265px; }
#carte{position:relative; top:-20px; right:-5px}
.titre_accueil{ position:relative; margin-bottom:5px;}
.rss{position:absolute; right:0; top:5px;}
#actu .titre_accueil, #agenda .titre_accueil{ border-bottom:2px solid #E64415; padding-bottom:5px;}
#contenu_accueil .titre_accueil{ border-bottom:2px solid #A2C507; padding-bottom:5px;}

#actu{height:420px;}
.News_titre{font-weight:bold; color:#8A010E;}

/* organigramme */
.procedure_horiz{background-image:url(/images/procedure/fond_horiz.gif);background-repeat: repeat-x;background-position: center;}
.procedure_vertical{background-image:url(/images/procedure/fond_vertical.gif);background-repeat: repeat-y;}
.procedure_question{border: 1px solid #8A010E;margin-top: 5px;margin-right: 5px;margin-bottom: 5px;margin-left: 5px;}
.separ_bloc_spe{border-top:2px solid #FF3300;/*background-image:url(/charte/rpt_separateur.gif);background-repeat:repeat-x;*/padding-top:20px;}

/* Gestion du plan du site */
a.PLAN0{font-size: 12px;font-weight:bold;color:#8A010E;text-decoration: none;border-bottom: solid 2px #73A456;width:90%;display:block;}
a.PLAN0:hover{color:#000000;}
a.PLAN1{font-size: 11px;font-weight:bold;color:#8A010E;text-decoration: none;}
a.PLAN1:hover{color:#000000;}
a.PLAN2{font-size: 11px;font-weight:normal;color:#296208;text-decoration: none;}
a.PLAN2:hover{color:#000000;}
a.PLAN3{font-size: 10px;font-weight:normal;color:#296208;text-decoration: none;list-style-position: inside;display: list-item;list-style-type: square;}
a.PLAN3:hover{color:#000000;}
.detail_comcom_titre{font-weight:bold;}

/*MENU*/
#menuLat ul, #menuLat li{margin:0; padding:0; list-style-type:none;}
#menuLat a{display:block; text-decoration:none; color:#000;}
#menuLat a:hover{color:#E64415}
#menuLat li.menuG-1, #menuLat li.menuGactive-1{background:url(/charte/bg-menu1.png) repeat-x left bottom; padding:6px 0 3px 0; }
li.menuG-1 a, li.menuGactive-1 a{padding:5px 0 12px 50px; background:url(/charte/puce-sillon-rouge.png) no-repeat 8px 7px; font-size:15px; font-weight:bold;}

#menuLat li.menuG-2, #menuLat li.menuGactive-2{border-bottom:1px dotted #C7DC6A; padding:3px 0;}
li.menuG-2 a, li.menuGactive-2 a{padding:5px 0 5px 51px; background:url(/charte/puce-sillon-rouge-petite.png) no-repeat 25px 8px; font-size:14px; font-weight:bold;}

#menuLat li.menuG-3, #menuLat li.menuGactive-3{padding:3px 0 1px 0;}
li.menuG-3 a, li.menuGactive-3 a{padding:2px 0 2px 13px; margin-left:52px; background:url(/charte/puce-sillon-rouge.png) no-repeat -30px 8px; font-size:13px; font-weight:bold;}

#menuLat li.menuG-4, #menuLat li.menuGactive-4{padding:3px 0 0 0;}
li.menuG-4 a, li.menuGactive-4 a{padding:0px 0 0px 10px; margin-left:67px; font-size:12px;}
li.menuGactive-4 a{font-weight:bold; background:url(/charte/puce-sillon-rouge.png) no-repeat -32px 5px;}

#menuLat li.menuGactive-1 a, #menuLat li.menuGactive-2 a, #menuLat li.menuGactive-3 a, #menuLat li.menuGactive-4 a{color:#E64415}
#menuLat ul{margin-bottom:10px}
#menuLat li.menuGactive-1 .menuG-2 a{color:#000}
#menuLat li.menuGactive-2 .menuG-3 a{color:#000}
#menuLat li.menuGactive-3 .menuG-4 a{color:#000}