/*div { border:1px solid #ff0000;}*/

body {
	margin: 0px;
	padding: 0px;
	font: 12px "Trebuchet MS";
	text-decoration: none;
	background-image: url(images/fondgene.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #B8FF4E;
	}


#conteneur {
	margin: 0px auto;
	text-align: center;
	padding: 0px;
	margin: 0px auto;
	width: 900px;
}

/*************************** header image gauche n°1 ********************************/

#header {
	text-align: left;
	background-image: url(images/img_bndhaut1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 128px;
	float: left;
	width: 900px;
}
#ssheader {
	text-decoration: none;
	background-image: url(images/img_ssheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	margin: 0px;
	height: 116px;
	width: 900px;
}
/*************************** header image gauche n°2 ********************************/
#header2 {

	text-align: left;
	background-image: url(images/img_bndhaut2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 128px;
	float: left;
	width: 900px;
}
#ssheader2 {
	text-decoration: none;
	background-image: url(images/img_ssheader2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	margin: 0px;
	height: 116px;
	width: 900px;
}

/*************************** header image gauche n°3 ********************************/
#header3 {

	text-align: left;
	background-image: url(images/img_bndhaut3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 128px;
	float: left;
	width: 900px;
}
#ssheader3 {
	text-decoration: none;
	background-image: url(images/img_ssheader3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	margin: 0px;
	height: 116px;
	width: 900px;
}


/*************************** header image gauche n°4 ********************************/
#header4 {

	text-align: left;
	background-image: url(images/img_bndhaut4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 128px;
	float: left;
	width: 900px;
}
#ssheader4 {
	text-decoration: none;
	background-image: url(images/img_ssheader4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	margin: 0px;
	height: 116px;
	width: 900px;
}
/*************************** MENU GAUCHE ********************************/
ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 200px;
	color: #ffffff;
	text-indent: 40px; /* On décale le texte de 10px du bord gauche */
	text-decoration: none;
	/*background: url(images/bg_menu.jpg) no-repeat 0 0;*/
	font-size: 13px;
	margin-left: 5px;
	padding: 8px 0px 8px 5px;
}

ul#menu li a:hover
{
	background: url(images/bg_menu_on.jpg) no-repeat 0 0;
	color: #CFD729;
	text-decoration: none;
	text-indent: 40px; /* On décale le texte de 20px du bord gauche */
	margin-left: 3px;
	padding: 8px 0px 8px 5px;
}
		
/*************************** CENTRE DE LA PAGE ********************************/
#global
		{
	padding: 0px;
	margin: 0px;
	background-image: url(images/img_middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 900px;
		}

#col1 {
	text-decoration: none;
	text-align: left;
	float: left;
	width: 227px;
}


#col2 {
	font-size: 13px;
	color: #77A27A;
	text-decoration: none;
	text-align: left;
	width: 490px;
	float: left;
}
#col3 {
	margin: 0px;
	padding: 0px;
	float: right;
	background-image: url(images/img_lutinbas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
	width: 180px;
}
 #col3img2 {

	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(images/img_lutinbas2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
	width: 180px;
}
 #col3img3 {

	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(images/img_lutinbas3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
	width: 180px;
}
 
 
 #col3img4 {

	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(images/img_lutinbas4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
	width: 180px;
}

/*************************** BAS DE PAGE ********************************/
#piedpage {
	background-position: left top;
	background-image: url(images/img_baspage.jpg);
	background-repeat: no-repeat;
	height: 279px;
}
.txtdefile {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: center;
	float: left;
	padding: 25px 20px 0px 40px;
}
	


 
/*************************** LES LIENS ********************************/ 

a.liensemail:link {

 font-weight: 400;
 color: #50514C;
 text-decoration: none;
}
a.liensemail:visited {

 font-weight: 400;
 color: #50514C;
 text-decoration: none;
}
a.liensemail:hover {
	font-weight: 400;
	color: #50514C;
	text-decoration: none;
 }

/*******************/
a.liens1:link {

font-size: 12px;
	color: #50514C;
	text-decoration: none;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
}
a.liens1:visited {
font-size: 12px;
	color: #50514C;
	text-decoration: none;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
}
a.liens1:hover {
font-size: 12px;
	color: #50514C;
	text-decoration: none;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
 }
/*******************/
a.liens2:link {

font-size: 10px;
	font-weight: bold;
	color: #333333;
text-decoration: none;
}
a.liens2:visited {
font-size: 10px;
	font-weight: bold;
	color: #333333;
text-decoration: none;
}
a.liens2:hover {
font-size: 10px;
	font-weight: bold;
	color: #333333;
text-decoration: none;

 }





/********************** TAILLE COULEUR DES TITRES ********************************/

.titre1 {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #77A27A;
	padding: 70px 0px 10px 230px;
	margin: 0px;
}
.titre1b {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #77A27A;
	padding: 33px 0px 10px 230px;
	margin: 0px;
}

.titre2 {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #77A27A;
	margin: 0px;
	padding: 10px 0px;
}
.titre3 {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #77A27A;
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.sstitre1 {
	font-size: 14px;
	color: #680001;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.sstxt1 {
	font-size: 12px;
	color: #B2B1B3;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

.txt1 {
	font-size: 13px;
	color: #77A27A;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.txt2 {
	font-size: 13px;
	color: #535252;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.txt3 {

	font-size: 13px;
	color: #939191;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.x-small {

	font-size: 13px;
	color: #B2B1B3;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}



/********************** CENTRAGE ********************************/
.center {
	text-align: center;
}
.left {
	text-align: left;
	float: left;
	padding-left: 20px;
}
/********************** IMAGES MENU GAUCHE ********************************/
.img_menuH {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/img_menuH.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	height: 308px;
}
.img_menuB {

	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/img_menuB.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	height: 211px;
}
/**************** bloc ***********/
/* bloc gauche */
#bloc1 {
	float: left;
	padding-left: 50px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #77A27A;
	text-decoration: none;
	width: 100px;
	text-align: center;
}
/* bloc gauche */
#bloc2 {
	float: right;
	padding-left: 50px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #77A27A;
	text-decoration: none;
	width: 200px;
	text-align: center;
}