/** Feuille de styles  */  

/** Styles généraux de base **/
body 			{ 	font-family: Verdana, Helvetica, Arial, "Trebuchet MS"; font-size: 12px; color: #373a30; margin: 0px; padding-top: 0px; border: 0px none; background-image:url(../images/background_general.jpg); background-position:top left; }

a.               { color: #373a30; text-decoration:underline;   }        
a:link           { color: #373a30; text-decoration:underline;   }        
a:hover          { color: #373a30; text-decoration:underline;   }        
a:visited        { color: #373a30; text-decoration:underline;   }

                                                                                                                                                     
/** Titres et textes **/ 
/* Note : La balise h1 devrait être utilisée 
une seule fois dans une page pour facilité le référencement */
h1 			{	font-size: 12px; font-family: Verdana, Helvetica, Arial, "Trebuchet MS"; font-weight: normal; margin-bottom: 0px; margin-top: 3px; line-height: 14px; }
h2          {	font-size: 12px; font-family: Verdana, Helvetica, Arial, "Trebuchet MS"; font-weight: normal; margin-bottom: 0px; margin-top: 3px; line-height: 14px; }
h3          {	font-size: 11px; font-family: Verdana, Helvetica, Arial, "Trebuchet MS"; font-weight: normal; margin-bottom: 0px; margin-top: 3px; line-height: 12px; }
h4          {	font-size: 10px; font-family: Verdana, Helvetica, Arial, "Trebuchet MS"; font-weight: normal; margin-bottom: 0px; margin-top: 3px; line-height: 11px; }
h5          {	font-size: 9px; font-family: Verdana, Helvetica, Arial, "Trebuchet MS"; font-weight: normal; margin-bottom: 0px; margin-top: 0px; line-height: 10px; } 
h6          {	font-size: 8px; font-family: Verdana, Helvetica, Arial, "Trebuchet MS"; font-weight: normal; margin-bottom: 0px; margin-top: 0px; line-height: 9px; } 

/* Couleur de premier plan  */
.gris_fonce       {   color: #373a30;  }    
.gris_pale        {   color: #d8d9c6;  }    
.vert_fonce       {   color: #373a30;  }
.bleu             {   color: #214d73;  }
.blanc            {   color: #ffffff;  }
.noir             {   color: #000000;  }

/* Couleur de fond  */
.fond_gris_fonce {   background-color: #373a30;  }
.fond_gris_pale  {   background-color: #d8d9c6;  }    
.fond_vert_fonce {   background-color: #373a30;  }    
.fond_bleu       {   background-color: #214d73;  }
.fond_blanc      {   background-color: #ffffff;  }
.fond_noir       {   background-color: #000000;  }


/* Styles des menus   */

.liens_menu                 { font-size:10px; color:#dadbc9; text-decoration:none; font-weight:bold;   }        
a.liens_menu                { font-size:10px; color:#dadbc9; text-decoration:none; font-weight:bold;   }
a.liens_menu:link           { font-size:10px; color:#dadbc9; text-decoration:none; font-weight:bold;   }
a.liens_menu:hover          { font-size:10px; color:#2f2f2d; text-decoration:none; font-weight:bold;   }

.liens_menu_over            { font-size:10px; color:#2f2f2d; text-decoration:none; font-weight:bold;   }
a.liens_menu_over           { font-size:10px; color:#2f2f2d; text-decoration:none; font-weight:bold;   }
a.liens_menu_over:link      { font-size:10px; color:#2f2f2d; text-decoration:none; font-weight:bold;   }
a.liens_menu_over:hover     { font-size:10px; color:#2f2f2d; text-decoration:none; font-weight:bold;   }

/* Styles des sous-menus   */
.liens_sousmenu                 { font-size:10px; color:#214d73; text-decoration:none; font-weight:bold; text-transform:none   }        
a.liens_sousmenu                { font-size:10px; color:#214d73; text-decoration:none; font-weight:bold; text-transform:none;   }
a.liens_sousmenu:link           { font-size:10px; color:#214d73; text-decoration:none; font-weight:bold; text-transform:none;   }
a.liens_sousmenu:hover          { font-size:10px; color:#000000; text-decoration:none; font-weight:bold; text-transform:none;   }

.liens_sousmenu_over            { font-size:10px; color:#000000; text-decoration:none; font-weight:bold; text-transform:none;   }
a.liens_sousmenu_over           { font-size:10px; color:#000000; text-decoration:none; font-weight:bold; text-transform:none;   }
a.liens_sousmenu_over:link      { font-size:10px; color:#000000; text-decoration:none; font-weight:bold; text-transform:none;   }
a.liens_sousmenu_over:hover     { font-size:10px; color:#000000; text-decoration:none; font-weight:bold; text-transform:none;   }

/* Style des sous-sous-menus    */
.liens_sousmenu2                 { font-size:10px; color:#214d73; text-decoration:none; font-weight:normal;   }        
a.liens_sousmenu2                { font-size:10px; color:#214d73; text-decoration:none; font-weight:normal;   }
a.liens_sousmenu2:link           { font-size:10px; color:#214d73; text-decoration:none; font-weight:normal;   }
a.liens_sousmenu2:hover          { font-size:10px; color:#000000; text-decoration:none; font-weight:normal;   }

.liens_sousmenu2_over            { font-size:10px; color:#214d73; text-decoration:none; font-weight:normal;   }
a.liens_sousmenu2_over           { font-size:10px; color:#214d73; text-decoration:none; font-weight:normal;   }
a.liens_sousmenu2_over:link      { font-size:10px; color:#214d73; text-decoration:none; font-weight:normal;   }
a.liens_sousmenu2_over:hover     { font-size:10px; color:#214d73; text-decoration:none; font-weight:normal;   }


.liens_menu_bas             { font-size:9px; color:#d8d9c6; text-decoration:none; font-weight:normal;  }
a.liens_menu_bas            { font-size:9px; color:#d8d9c6; text-decoration:none; font-weight:normal;  }
a.liens_menu_bas:link       { font-size:9px; color:#d8d9c6; text-decoration:none; font-weight:normal;  }
a.liens_menu_bas:hover      { font-size:9px; color:#373a30; text-decoration:none; font-weight:normal;  }

.liens_nouvelles             { font-size:10px; color:#d8d9c6; text-decoration:underline; }
a.liens_nouvelles            { font-size:10px; color:#d8d9c6; text-decoration:underline; }
a.liens_nouvelles:link       { font-size:10px; color:#d8d9c6; text-decoration:underline; }
a.liens_nouvelles:hover      { font-size:10px; color:#d8d9c6; text-decoration:underline; }

.liens_photos             	 { color:none; text-decoration:none; margin:0px; border:none;}
a.liens_photos            { color:none; text-decoration:none; margin:0px; border:none; }
a.liens_photos:link       { color:none; text-decoration:none; margin:0px; border:none;}
a.liens_photos:hover       { color:none; text-decoration:none; margin:0px; border:none;}




/** Styles des textes   **/
.caps                       {   text-transform: uppercase;  }
.under                      {   text-decoration: underline; }
.bold                       {   font-weight: bold;          }
.normal                     {   font-weight: normal;        }    
.letterspace                {   letter-spacing: -1px;       }
.lineheight                 {
	line-height: 13px;
	border-bottom-style: none;
}
.lineheight2                {   line-height: 16px;          }
.clean                      {   text-decoration: none;      } 
.justify                    {   text-align:justify          }
.big             	        {   font-size:13px;          }

        
.zone_texte                 
{
    overflow: visible;
    display:block;
    margin-left:25px; 
    margin-right:30px; 
    margin-bottom:20px; 
    margin-top:20px;
}    

.zone_nouvelle                 
{
    width:191px;       
}

.espacement_contenu         {   margin-left:30px; margin-right:20px }
.contour                    {   border: 1px #6f4c1d solid   }


/** Textes spéciaux      **/
.avertissement 				{	color: #D21920; font-size: 12px;    } 
.confirmation 				{	color: #446825; font-size: 12px;    } 
.obligatoire 				{	color: #D21920; font-size: 16px;    } 


html, body 
{
	margin: 0;
	padding: 0;
	height: 100%;
}

div#page 
{                   
	width: 828px;
	margin: 0 auto;
	min-height: 100%;
    position: relative;
}

div#piedpage 
{
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
}

div#page #premier-element 
{
	margin-top: 0;
}

div#page #contenu-element 
{
   padding-bottom: 105px;
}