/* CSS Document */
body{
margin:0;
font:12px/18px Arial, Helvetica, sans-serif;
color:#333333;
}
img{
border:0 none;
}
.invisible{
display:none;
}
a{
color:#85B501;
text-decoration:none;
}
a:hover{
color:#333333;
}

/*
MISC
*/
span.spancrypt { 
  background:transparent
  url(../plugins/couteau_suisse/img/mailcrypt/leure.gif)
  no-repeat scroll left center;
  color:#000099;
  padding-left:12px;
  text-decoration:none;
}

.fancy_hr_white{
border:0 none;
border-bottom:1px solid #FFF;
}

#sous_titre_index{
font-size:1.2em;
font-weight:bold;
padding-top:10px;
width:95%;
text-align:center;
}
/* ================================================================ 
ENTETE
=================================================================== */
#entete{
background:#FFFFFF url(media/entete.png) no-repeat;
}
#contenu_entete{
width:999px;
height:193px;
}
#lien_entete{
height:105px;
width:300px;
display:block;
cursor:pointer;
}
#lien_entete span{
display: none
}

#coordonnees{
color:#FFFFFF;
font-size:0.8em;
line-height:0.3em;
margin-top:35px;
}

#main_border_left{
background:#FFFFFF url(media/border_main_left.png) repeat-y;
width:25px;
}
#main_border_right{
background:#FFFFFF url(media/border_main_right.png) repeat-y;
width:25px;
}
#top_gradient{
background:#FFFFFF url(media/top_gradient.gif) no-repeat;
height:33px;
width:949px;
}
/* FIL DE L'EAU */
#hierarchie{
float:left;
margin-left:210px;
font-style:italic;
font-size:0.9em;
padding:5px;
color:#333333;
}
#hierarchie a{
color:#85B501;
}
#hierarchie a:hover{
color:#333333;
}
/* ================================================================ 
MENU
=================================================================== */
#menu{
background-color:#BBC5C3;
width:200px;
height:800px;
}

.titre_menu{
border-bottom:1px solid #CCCCCC;
border-top:1px solid #A0AFAD;
padding:5px;
font-weight:bold;
}

.menu_content{

}
.article_link{
padding:5px 5px 5px 20px;
border-bottom:1px dotted #FFF;
}
.article_link a{
color:#FFFFFF;
font-weight:bold;
}
.article_link a:hover{
color:#666666;
}
/* ================================================================ 
RECHERCHE
=================================================================== */
.formulaire_recherche{
float:right;
width:150px;
padding:5px;
display:inline;
margin-bottom:-16px;
}
#recherche{
float:left;
font-size:0.9em;
height:15px;
margin-right:2px;
border:1px solid #85B501;
padding-top:2px;
}
.rechBtn{
margin-left:103px;
}
.rechBtn input{
border:none;
width:20px;
height:20px;
background:transparent url(media/btn_rech.png) no-repeat;
}
.rechBtn input:hover, .rechtBtn input:focus{
border:none;
width:20px;
height:20px;
background:transparent url(media/btn_rech.png) 0 -20px no-repeat;
cursor: pointer;
}

.liste-articles{
background:transparent url(media/articlesBox.gif) repeat;
border:#999999 1px solid;
width:100%;
margin:10px 0 0 0;
}
.liste-articles ul{
list-style:none;
}
.liste-articles li{
position:relative;
background-color:#FFFFFF;
margin:10px 10px 10px -30px;
padding:5px;
-moz-border-radius:5px;
}
.liste-articles li:hover{
background-color:#EEF4DE;
}
.liste-articles .titre a{
font-weight:bold;
color:#863919;
font-size:1.2em;
}

.liste-articles .titre a:hover{
color:#85B501;
}

/* ================================================================ 
ARTICLES ET RUBRIQUES
=================================================================== */
#conteneur{
margin-top:25px;
}
#contenu{
margin-left:30px;
text-align:justify;
}
.logo_article{
float:left;
margin: 0 15px 15px 0;
padding-right:10px;
}
.texte{
margin-right:50px;
}

.titre{
color:#863919;
}

.titre a{
color:#85B501;
text-decoration:none;
}
.titre a:hover{
color:#333333;
}
#articlesBox{
background:transparent url(media/articlesBox.gif) repeat;
border:#999999 1px solid;
width:100%;
}
.articleSingle{
position:relative;
width:215px;
height:50px;
float:left;
background:transparent url(media/fond_rubrique.png) no-repeat;
margin:5px;
padding:0;
font-size:1.2em;
font-weight:bold;
text-align:center;
-moz-border-radius:5px;
}
.articleSingleTitre{
padding:5px;
}

.chapo{
padding-right:15px;
}
/* ================================================================ 
DOCUMENTS
=================================================================== */

.spip_documents_center { clear: both; width: 100%; margin: auto 15%; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 0px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 0px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }


/* ================================================================ 
DIAPORAMA
=================================================================== */
#diaporama{
z-index:-1;
}


/* ==================================
Formulaires Newsletter + Renseignements
===================================== */
.fancyForm{
border-top:1px solid #FFFFFF;
margin:10px 0px 0 5px;
font-size:0.9em;
padding:5px;
background:transparent url(media/articlesBox.gif) repeat;
z-index:101;
}
.fancyForm input, select, textarea{
font-size:0.9em;
margin-bottom:10px;
}
.fancyForm textarea{
width:200px;
height:100px;
font-size:1em;
}
.fancyForm input[type="text"]{
width:200px;
}
.fancyForm input[type="checkbox"]{
margin:0;
}

.fancyForm input[type="submit"]{
margin-left:105px;
border:none;
width:70px;
height:20px;
background:transparent url(media/btn_val.png) no-repeat;
}
.fancyForm input[type="submit"]:hover, .fancyForm input[type="submit"]:focus{
border:none;
width:70px;
height:20px;
background:transparent url(media/btn_val.png) 0 -20px no-repeat;
cursor: pointer;
}
.fancyForm label{
width:85px;
padding:3px 3px 3px 7px;
/*border:1px dotted #FFF;*/
float:left;
margin-right:5px;
font-weight:bold;
background-color:#85B501;
-moz-border-radius:5px;
}
.fancyForm.titre{
font-size:1.2em;
font-weight:bold;
}

.fancyFormBlok{
background-color:#85B501;
-moz-border-radius:5px;
padding:3px 3px 3px 7px;
width:90%;
position:relative;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
}

.erreur, .formulaire_erreur{
background-color:#FFFFFF;
padding:5px;
color:#990000;
font-weight:bold;
font-style:italic;
margin:5px;
}
.formulaire_ok{
background-color:#FFFFFF;
padding:5px;
color:#669900;
font-weight:bold;
font-style:italic;
margin:5px;
}

/* ================================================================ 
LE CYCLE DU PAPIER
=================================================================== */

/* ================================================================ 
TABLEAUX
=================================================================== */
table.spip{
border:1px solid #999999;
}
table.spip tr.row_odd{
background-color:#DDDDDD;
}
 
table.spip tr.row_even{

}
table.spip td, th{
padding:5px;
border:1px solid #999999;
}

table.spip th{
padding:5px;
background-color:#999999;
color:#FFFFFF;
}