/* basic elements */
html {
	margin: 0px;
	padding: 0px;
}

body { 
	background-image:url(/images/bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #0D553F;
	margin: 0px; 
	padding: 0px;
	font: normal normal normal 15pt/15pt tahoma;
}
	
#boitePrincipale{ 
	width: 796px;
	margin-left: auto;
	margin-right: auto;
	
}

.clear {
	clear : both;
}


/*--------------------------------------------------------------------
/* texteDEpage
/**/
#titreDEpage, #titreDEpageAccueil{
	padding-top: 5px;
	padding-left: 22px;
	width:540px;
   	position: relative;
	
}

#titreDEpageAccueil{
	width: 380px;
}



#texteDEpage, #texteDEpageAccueil{
	margin-top: 10px;
	padding-left: 22px;
	width:540px;
	min-height: 257px;
  	position: relative;
  	font: normal normal normal 12px/17px tahoma;
	line-height: 1.5em;
}

#texteDEpage {
	margin-bottom: 25px;
}

#texteDEpage img{
	border: 0;
	margin-left: 2px;
}

#texteDEpageAccueil{
	width: 380px;
}

* html #texteDEpage {
	height: 257px;
}

* html #texteDEpageAccueil{
	height: 257px;
}

#texteDEpage a, #texteDEpageAccueil a{
	
	color:#6b2e10;
	text-decoration: underline;
	
}


#texteDEpage h2, #texteDEpageAccueil h2 {
	font-size: 16px;
	margin-bottom: 5px;

	
}

#texteDEpage p, #texteDEpageAccueil p {
	
	margin-top: 5px;
	margin-bottom: 10px;
	
}



#contenu_de_l_entete{
	background-image : url(/images/entete.jpg);
	margin-bottom:13px;
	
	width:796px;
	height: 223px;
	
	
}

#contenu_de_la_page{
	width:769px;
	padding-left: 15px;
	position: relative;
	background-image: url(/images/fond-gauche.gif);
	background-repeat: repeat-y;
}

#lgn_de_photos{
	
	position: relative;
	margin-left: 15px;
	
	
   	
}

#lgn_de_photos .premiere{
	
	margin-right: 6px;
	margin-left: 0px;	
}

#lgn_de_photos .derniere{
	
	margin-right: 0px;
	margin-left: 2px;	
}

#lgn_de_photos img{
	border: solid 4px #FFFFFF;
	margin-right : 4px;
	margin-top: 6px;
	width: 68px;
	height: 60px;
}



#boiteDroite{
	background-color:#FFFFFF;
	text-align:left;
	font-size: 14px;
	color:#0D553F;
	float:right;
	width:585px;
	

      	padding-top: 10px;
	
   	position: relative;
	
}

#boiteDroite-surveiller{

  	background-image:url(/images/bg-surveiller.gif);
	background-position: left top;
	background-repeat: repeat-y;
	text-align:left;
   	height: 110px;
   	
	position: relative;
}

#boiteDroite-surveiller a{
	color: #fff;
  
}

#boiteDroite-texte{
	font: normal normal normal 11px/12px tahoma;
	color:#FFFFFF;
    	padding: 5px 0px 10px 30px;
    	line-height: 1.3em !important;
}


#boiteLiensDirectes{
   	float: right;
   	position: absolute;
	right: 5px;
}
#boiteLiensDirectes div {
   	border: 1px solid #000;
 	margin-bottom: 5px;
}


#boiteLiensDirectes a {
	
	display : block;
	border : 4px solid #fff;
	width: 134px;
	height: 63px;

}

#boiteLiensDirectes a:hover {
	border-color :#0d553f;

	
}



#boiteLiensDirectes img {
	border : 0;
}

.img-mnu {
	margin : 3px 0px 6px 0px;
}


/* La balise acronym permet de mettre un title a une abréviation comme WWW. Ex: title=World Wide Web */
acronym {
	border-bottom: none;
}

/*--------------------------------------------------------------------
/*	Menu de gauche
/**/

#boiteGauche{
	background-color: #276653;
	text-align:left;
	float:left;
	width:160px;
	height: 300px;
   	padding : 10px 0px 0px 10px;
	/*margin-left: 15px;*/
   	position: relative;
	
	
}

#boiteGauche a{
	color:#FFFFFF;
	text-decoration: none;
	font: normal normal bold 12px/14px tahoma;
	
}

#boiteGauche a:hover{

	text-decoration: underline;

	
}

#menu_accueil{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_agence{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu_fleche.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_territoire{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu_fleche.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_aide{
	width: 164px;
	height: 39px;
	display: block;
	background-image:url(/images/menu_fleche.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_protection{
	width: 164px;
	height: 38px;
	display: block;
	background-image:url(/images/menu_fleche.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_producteurs{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu_fleche.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_publications{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu_fleche.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_faqs{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_liens{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}	

#menu_joindre{
	width: 164px;
	height: 23px;
	display: block;
	background-image:url(/images/menu_fleche.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}
        	
	
	
/*--------------------------------------------------------------------
/* PIED DE PAGE (FOOTER)
/**/

#footer{
	margin-top:3px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px; 
	/*height : 80px;*/
	position: relative;
	font: normal normal normal 10px/11px tahoma;
	color:white;
	
}
#footer a {
	font: normal normal normal 10px/11px tahoma;
	color:white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration : underline;
}


#footer_left{
	float: left;
}

#footer_right{
	float: right;

}

/*--------------------------------------------------------------------
/* tableau_donnees
/**/

.tableau_donnees {
	width: 100%;
	border: 1px solid #276653;	
	
	text-align: center;
	vertical-align: top;

}

.cellTitre {
	background-color: #276653;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	

}

.tableau_donnees td{
	border-color: #FFFFFF;
	
}



/*---------------------------------------------------------------------
/* Fil
/**/

#fil {
	margin-bottom: 10px; 
	position: relative;
	font-size: 9px;
	margin-left: 22px;
	color: #3c7b68;
}

#fil a{
	
	font-size: 9px;
	color:#3c7b68;
}

/*--------------------------------------------------------------------
/* FORMULAIRES
/**/

#texteDEpage form {
	margin : 0;
	padding : 0;
}

#texteDEpage form .champTexteEntier {
	width : 30px;
	text-align : center;

	font-family : tahoma,sans-serif;
	font-size : 9pt;
}

#texteDEpage form .champTexteLong {
	width : 252px;
	padding-left : 3px;

	font-family : tahoma,sans-serif;
	font-size : 9pt;
}

#texteDEpage form select {
	font-family : tahoma,sans-serif;
	font-size : 9pt;
}

#texteDEpage .tableauPresentation {
	margin-top : 1.5em;
	margin-bottom : 0.5em;

	border-top : 1px solid #ddd;

	width : 100%;
}

#texteDEpage .cellDouble {
	background-color : #F2F2F2;

	padding : 5px 10px;

	border-bottom : 1px solid #ddd;
	border-left : 25px solid #ddd;

	color : #555;
}


#texteDEpage .cellGauche {
	background-color : #F2F2F2;
	text-align : right;

	padding : 5px 10px;

	border-bottom : 1px solid #ddd;

	color : #555;

	line-height : 1.5em;

	font-size : 0.85em;
	font-weight : bold;
}

#texteDEpage .cellDroite {
	background-color : #F6F6F6;

	padding : 5px 10px;

	font-size : 0.85em;
	line-height : 1.5em;

	border-bottom : 1px solid #ddd;

	color : #555;
}

.messageSucces {
	border : 1px solid #83AB6F;
	background-color : #EAFFDF;
	font-weight : bold;

	padding-left : 12px;
	padding-right : 12px;
	/*padding-top : 1em;
	padding-bottom : 1em;*/

	margin-top : 1em;
	margin-bottom : 1em;

	color : #333;
}

.messageErreurs {
	border : 1px solid #AB836F;
	background-color : #FFEADF;
	/*font-weight : bold;*/

	padding-left : 12px;
	padding-right : 12px;
	/*padding-top : 1em;*/
	/*padding-bottom : 1em;*/

	margin-top : 1em;
	margin-bottom : 1em;

	color : #333;
}

/*---------------------------------------
/*	Evaluez ce site
/**/

.evaluez li {
	margin-bottom: 20px;
	line-height: 1.75em;

}