/* CSS Document */
/*-------------------------- Norme de redaction ------------------------------
1. Float;
2. Taille Hauteur Largeur;
3. Espace Margin Padding ;
4. Background (image couleur repeat);
5. Border
6. Text-align;
7. Font (family style size)
8. Color
9. divers 
----------------------------------------------------------------------------*/


/*********************/
/* Styles generaux.  */
/******************* */



/* Mise en page */
body{
background-color:#777777;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
p{
margin:0;
padding:0;
}

hr {
height : 0;
border : 0 solid #336666;
border-top-width : 1px;
}
/* texte */


/* liste */

ul{
	margin: 7px;
	margin-top:0px;
	padding:0;
	list-style-type: none;

}


li {
padding-top:4px;
list-style-type: none;
}
li a {
color : #243a41;
text-decoration : none;
	background-image:url("../images/menu/puce0.gif");
	background-position: left center;
	background-repeat: no-repeat;
		display: block;
	height: 15px;
	text-decoration: none;
	text-indent: 20px;
}
li a:hover {

text-decoration : underline;
	background-image:url("../images/menu/puce1.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #024D90;

}


/* balise */



/* formulaire */







/*********************/
/*   mise en page    */
/******************* */
#centreur {
text-align:center;
}

#fond_page{
height:auto;
width:985px;
margin-left: auto;
margin-right: auto;
background:url(../images/background.jpg) repeat-y;
text-align: left;
overflow:hidden;
}

#haut_page{
/* placement de la banniere en haut de page */
float:left;
height:125px;
width:961px;
margin-left: 10px;
margin-top:5px;
background:url(../images/header/top.jpg); 
border:2px solid #024D90;
text-align: left; 
}

#barre_intermedaire{
float:left;
height:20px;
width:961px;
margin-left: 11px;
margin-top:5px;
padding-top:5px;
text-align: center;
font-size:12px;
font-weight:700;
}

#menu {
float:left;
width:200px;
border:0px solid black;
}

.colone{
float:left;
height:auto;
width:165px;
margin: 5px 0px 5px 10px;
padding:10px;

background-color:#F4F4F4;
border:2px solid #024D90;
text-align: left;
}



#colone_centre_long{
float:left;
height:auto;
width:730px;
margin: 5px 2px 5px 2px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:40px;
background:url(../images/haut_colone.gif) repeat-x top;
background-color:#F4F4F4;
border:2px solid #024D90;
text-align: justify;




}
#colone_centre_long i{
font-size:12px;
font-weight:700;
color: #004080;
}

aide{

font-size:10px;
}





#bas_fond_page{
float:left;
height:10px;
width:985px;
background:url(../images/bas.jpg);
}

#bas_page{
float:left;
height:30px;
width:985px;
padding:2px;
background: #777777;
text-align:center;
}





/*********************/
/*    Texte          */
/******************* */
.titre_colone{
text-align:left;
font-weight:700;
}

#resultat_news_10{
float:left;
height:auto;
width:100%;
padding:10px;

}
 
#resultat_news_10 i{
font-size:10px;
font-style:italic;

}
.titre{
font-size:12px;
color:#024D90;
font-weight:700;
}

a {
color:#024D90;
text-decoration:underline;

}

a:hover {
color:#C60618;
text-decoration:none;

}







  input, textarea, select {
           color : #000000;
           font : normal 11px Verdana, Arial, Helvetica, sans-serif;
           border-color : #336666;
      }
     input.post, textarea.post, select {
           background-color : #ffffff;
      }
     input {
           text-indent : 2px;
      }
     input.button {
           background-color : #efefef;
           color : #000000;
           font-size : 11px;
           font-family : Verdana, Arial, Helvetica, sans-serif;
      }
     input.mainoption {
           background-color : #fafafa;
           font-weight : bold;
      }
     input.liteoption {
           background-color : #fafafa;
           font-weight : normal;
      }