/* Structure */

body { background:url(images/bg.png) repeat-x #fff; font-family: verdana, arial, helvetica, sans-serif; font-size:12px; margin-left: 0 auto; margin-right: 0 auto;   
	margin-bottom: 0px; margin-top: 0px; padding: 0; }

#corpus {text-align:left; margin:0 auto; width:800px; background-color:#fff; }

.clear {clear:both; line-height:0px;}
a {color:#007f9f; text-decoration:none;}
a:hover {color:#4e7e23}
.titre1 { font-weight:bold; margin-top:10px; color:#007f9f; margin-left:10px; font-size:17px; text-align:left}
.titre2 { font-weight:bold; margin-top:10px; color:#007f9f; margin-left:10px; font-size:17px; text-align:left}
.titre3 { font-weight:bold; margin-top:10px; color:#007f9f; font-size:13px; text-align:left}

.titre_plan { margin-left:10px; font-size:14px; color:#007f9f; font-weight:bold; margin-bottom:5px;}

.footer_note { margin-top:10px; font-size:11px; font-weight:bold; background:url(images/plus.gif) no-repeat 0 2px ; margin-left:4px; padding-left:15px}
.footer_note a {color:#000000}
.separateur { background-color:#d3e8ab; height:6px; margin:5px 10px 10px 10px; font-size:0; line-height:0}

.img_cadre_vert {border:1px solid #33CC99; padding:3px;}

/* Accueil */

.cadre_news {width:157px; color:#00809d; font-size:11px; text-align:left}
.cadre_news div  {background-color:#fff; padding:2px; height:30px}
.cadre_news div a { text-decoration:none}

/* Chemin */

#chemin {background-color:#d3e8ab; margin:0; padding:5px; font-size:10px;}
#chemin a { font-weight:bold}

/* Post */

#post .titre1 { background:url(images/puce_post.gif) no-repeat left 1px; padding-left:18px;}
#post .titre2 { margin-bottom:10px; margin-top:0px; }
#post .date {color:#666; font-size:10px; margin-left:10px; margin-bottom:2px; margin-top:2px;}
#post .tags {color:#666; font-size:10px; margin-left:10px}
#post .texte {margin:10px; color:#333333; font-size:11px; text-align:justify; line-height:15px;}
#post .spip {margin:10px; color:#333333; font-size:11px; text-align:justify; line-height:15px;}
#post .perma { border-bottom:1px solid #d3e8ab; border-top:1px solid #d3e8ab; padding:1px 0 3px 0; margin:0 10px; font-size:10px; margin-bottom:20px; color:#d3e8ab}
#post .perma a {text-decoration:none}
#post .separateur {margin-bottom:10px; margin-top:20px}


#presse .titre12 { background:url(images/puce_post.gif) no-repeat left 1px; padding-left:18px; font-size:14px; font-weight:bold; margin-left:10px;}
#presse .titre2 { margin-bottom:10px; margin-top:0px; }
#presse .date {color:#666; font-size:10px; margin-left:10px; margin-bottom:2px; margin-top:15px;}
#presse .texte {margin:10px; color:#333333; font-size:11px; text-align:justify; line-height:15px;}
#presse .spip {margin:10px; color:#333333; font-size:11px; text-align:justify; line-height:15px;}
#presse .perma { border-bottom:1px solid #d3e8ab; border-top:1px solid #d3e8ab; padding:1px 0 3px 0; margin:0 10px; font-size:10px; margin-bottom:20px; color:#000}
#presse .perma a {text-decoration:none}


#refs .titre2 { background:url(images/puce_carre.gif) no-repeat left 12px; padding-left:17px; line-height:15px; font-size:12px; padding-top:10px; }
.desc_rubrique {margin-left:10px; font-style:italic}

.titre_metier {padding:0px; padding-top:10px; width:140px; margin-right:10px; text-align:left; font-size:11px; font-weight:bold}

/* Metiers */

#metier {margin:0px 0 0 10px; padding:6px 0; }
#metier:hover {background-color:#f0fbdb}
#metier.selected div img.img_cadre_vert { border-color:#fff}
#metier.selected  { background-color:#d3e8ab}
#metier.selected div a {color:#000000}


/* Colonne Post */

ul.puce_losange {list-style:none; margin-left:0; padding-left:0;}
ul.puce_losange li { background:url(images/puce_cat.gif) no-repeat 0px 4px; padding-left:14px; padding-right:10px;}

.module_ailleurs ul {list-style:none; margin-left:0; padding-left:0;}
.module_ailleurs ul li { background:url(images/puce_cat.gif) no-repeat 0px 4px; padding-left:14px;}
.module_ailleurs h2 {font-size:12px; font-size:bold; }

/* Barre Menu supérieure */

#menu_top {background-color:#99cc33; margin:0 2px 6px 2px; padding:6px 10px 3px 10px; color:#fff; font-size:10px; font-weight: bold; }
#menu_top .part_a {text-align:left; float:left; width:200px}
#menu_top .part_b {width: 500px; text-align:right; float:right;}
#menu_top .part_b a:hover {color:#007f9f}
	
#menu_top a {color:#FFFFFF; text-decoration:none}
#menu_top a.signin { border:1px solid #fff; padding:1px 4px 2px 4px; font-size:10px; font-weight:bold; margin:0 14px 0 4px; background-color:#c6e38d ; }
#menu_top a.signin:hover { background-color:#8baa3d; color:#FFFFFF}


/* Bandeau Logo */

#logo_top { background-color:#FFFFFF; height:70px; }

/* Menu à onglets */

#menu {height:34px;}
#menu ul { clear:both; padding:10px 0 0 0; margin:0 0 0 15px; list-style-type:none;}
#menu ul li { padding:0; float:left; margin:0 0 0 3px; text-transform:uppercase; font-size:92%;}
#menu ul li a {background: url(images/onglets.gif) no-repeat; padding:0 0 0 9px; text-decoration:none; cursor:pointer; float:left; background-position:left -40px;}
#menu ul li a span {background: url(images/onglets.gif) no-repeat; padding:4px 11px 3px 2px; font-weight:bold; float:left; cursor:pointer; line-height:17px; color:#FFFFFF; display:block; background-position:right -40px; white-space:nowrap;}

#menu ul li a:hover {background-position: left top}
#menu ul li a:hover span {background-position:right top}

#menu ul li.selected a {background-position: left -80px}
#menu ul li.selected a span {background-position: right -80px}

#menu ul li.bleu {padding-left:40px}
#menu ul li.bleu a {background-position: left -120px}
#menu ul li.bleu a span {background-position: right -120px}
#menu ul li.bleu a:hover {background-position: left -160px;}
#menu ul li.bleu a:hover span{background-position: right -160px;}

#menu ul li.bleuselected {padding-left:40px}
#menu ul li.bleuselected a {background-position: left -200px}
#menu ul li.bleuselected a span {background-position: right -200px}

#sous_menu {height:20px; clear:both; padding:8px 0 5px 0; margin:0 0 0 5px; list-style-type:none;}
#sous_menu li {padding:0; float:left; margin:0 0 0 3px; font-weight:bold; font-size:92%;}
#sous_menu li a {padding:3px 9px; text-decoration:none; cursor:pointer; float:left; background-color:#d3e8ab}
#sous_menu li.selected a { background-color:#4e7e23; color:#FFFFFF}

#colonne_menu {}

/* Bandeau image */
   
#bandeau { height:99px; width:800px; background:url(images/bandeau.jpg); }

/* Corps */

#corps { background:url(images/bg_corps1.gif) repeat-x #f0fbdb; padding-bottom:10px;}

.cadre { background-color:#FFFFFF; border:1px solid #d3e8ab; margin:10px 10px 0px 10px; }

#colonne_gauche {float:left; width:530px; }
#colonne_gauche .cadre { margin-bottom:10px; border:1px solid #d3e8ab; background-color:#FFFFFF; width:520px; margin-right:0px; }

#colonne_droite{float:right; width:258px; }
#colonne_droite .cadre { background-color:#FFFFFF; border:1px solid #d3e8ab; margin-left:0px; padding-bottom:10px; width:248px}

/* Formulaire */

.spip_bouton {text-align:center;}
.spip_bouton input { background-color:#d3e8ab; border-color:#f0fbdb; font-size:11px; padding:3px; text-align:center; font-weight:bold; color:#007f9f; border-style:dashed; cursor:pointer }
.reponse_formulaire {margin-left:10px; color:#FF0000; font-weight:bold}

div#footer_bg { background:url(images/bottom_bg.gif); padding:25px 0 20px 10px; margin:0; border:#cdcdcd 1px solid; }
div#footer {padding:5px; background-color:#f4f6eb; text-align:left; color:#000000; font-size:10px; height:14px;}

/*-- Erruer 404 --*/

.Erreur404 {padding:10px; text-align:center}

/*-- Formulaire --*/

.formulaire { margin:10px; padding:0; font-size:12px;}
.champ { width:496px; height:15px; font-size:12px; border:solid 1px #d3e8ab; background-color:#f0fbdb; color:#333; margin:4px 0px 7px 0px}
.textarea { width:496px; height:82px; font-size:12px; border:solid 1px #d3e8ab; background-color:#f0fbdb; color:#333; overflow:auto; margin:4px 0px 5px 0px; padding:1px; }

/*-- SPIP --*/

.caractencadre-spip { color: #9E8F54; font-weight: bold; }
.style-retrait { margin-left: 50px; }
.texteencadre-spip{ border:#d3e8ab 1px solid; padding:5px; background-color:#f0fbdb; margin:0 10px }

.spip_titre1 {font-weight:bold; margin-top:10px; color:#007f9f;  font-size:17px; text-align:left; margin-left:10px;}
h3 { font-weight:bold; margin-top:10px; color:#007f9f; font-size:13px; text-align:left;  margin-left:10px;}

#book div h3 { margin-left:0px; color:#007F9F; font-size:17px; font-weight:bold; margin-top:20px }
#book div h2 { margin-left:0px; color:#000; font-size:13px; font-weight:bold; }

.main_text {font-size:11px; text-align:justify}

ul.spip { list-style:none; margin-left:15px; padding-left:0px; line-height:15px }
ul.spip li.spip {background:url(images/puce_cat.gif) no-repeat 0px 4px; padding-left:14px; padding-right:10px;}

.spip_documents_left { margin-right:10px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0;
margin-left: 10px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background: #4e7e23 url(images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{ display: inline; }

#pointermenu2 ul li a{ float: left; color: white; font-weight: bold; padding: 1px 15px 5px 11px; text-decoration: none; font-size:11px; }
#pointermenu2 ul li a:visited{ color: white;}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #00FF99;
background: transparent url(images/pointer.gif) bottom center no-repeat;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}

.copyright { text-align:left; background-color:#D3E8AB; font-size:10px; padding:2px 0 2px 5px;}