body {
font: 75% Arial, verdana, arial, sans-serif;
background-color: #fff;
margin: 0px;

}
a { text-decoration: none ;
	color:#86cb00;
  }					 
  
a:visited {color: #86cb00 ; } /*#0019bc*/
a:hover { color: #070b50 ;  } /*#0b2bff */
/* begin css tabs */
								 
ul#tabnav { /* general settings */						  
width: 961px; /*LINELENGTH*/
text-align: left; /* set to left, right or center */
margin: 0 auto;
/*margin: 1em 0 0em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 3px solid #565656; /* set border COLOR as desired ligne horiz */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */

}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #ffffff; /* e9e9e9e9e9e9e9e9e9e8e set selected tab background color as desired  ONGLET JAUNE*/
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
position: relative;
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 3px solid #565656;/*haut titre*/
/*border-right: 3px solid #565656; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #949494; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired  lettres */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
/*border-bottom: none;*/
}

ul#tabnav a:hover { /* settings for hover effect */	
color: #fff;
background: #565656 /* set desired hover color */
} 

div#titre {
	/*min-height: 100%;*/
	width: 975px;
	padding: 10px;
	margin: 0 auto;
	background-color: #fff; 
	background-image: url(/images/bando.jpg);
  	background-repeat: no-repeat;
  	text-align: right;
  height: 160px;
  /*font: 9pt/17pt georgia;  font-size: 14px ;*/   
  font-family: georgia;
  font-size: 26px ;
  color: #565656; 
 
	}

div#contenu {
	font-family: arial,Berlin Sans FB Demi, arial, serif;
	font-size: 16px;
	/*min-height: 100%;*/
	position:relative;
	width: 935px;
	padding: 0 20px;
	color: #000000;/*couleur texte*/
	margin: 0 auto;
		/*background-image: url(/images/fondj.jpg);*/
	
	background-color: #e9e9e9;/*f5ed8f; /*jaune*/
	
	border-left: 3px solid #565656;
	border-right: 3px solid #565656;
	border-bottom: 3px solid #565656;
	
	
	
	
	
	
	}
/* end css tabs */	 
div#contenu table{
border-spacing:0;
margin: 0px;
padding: 0px;

}

div#contenu td {
border-spacing:0;
margin: 0px;
padding: 0px;
}



	.vert {
	/*min-height: 100%;*/
	
	width: 800px; 
	position: relative;
	left: 10px;
	top: 20px;
	/*bottom: 15px; */
	/*float:left;*/
	background-image: url(/images/testfond2.gif);
	margin-bottom: 30px;
	padding: 10px 10px;
	/*margin: 10 auto;*/
	/*margin top: 25px;
	margin bottom: 25px;*/
	background-color: #c6dbad;/*ccffcc; /*vert*/
	border: 3px solid #565656;
	color:#565656;
	}
	
	.rouge {
	/*min-height: 100%;*/
	/*float: right;*/
	background-image: url(/images/fondr.jpg);
	font-family: arial, serif;
	font-size: 12px;
	position: absolute;
	left: 845px;
	top: 20px;
	width: 115px;
	
	padding: 0px 0px;
	/*margin: 10 auto;*/
	/*margin top: 25px;
	margin bottom: 25px;*/
	color: #fff;
	text-decoration: none;
	background-color: #c0271f;/*ffab91;/*rouge*/ 
	border: 3px solid #565656;
	z-index: 0;
}
.rouge a:link {color: white; text-decoration:none;}
.rouge a:visited {color: white; text-decoration:none;}
.rouge a:hover {color:#565656; text-decoration:none;}
	
	.pub {
	/*min-height: 100%;*/
	/*float: right;*/
	/*font-family: arial, serif;
	font-size: 12px;*/
	position: absolute;
	left: 845px;
	top: 20px;
	/*width: px;*/
	
	padding: 0px 0px;
	/*margin: 10 auto;*/
	/*margin top: 25px;
	margin bottom: 25px;*/
	color: #fff;
	/*text-decoration: none;*/
	/*background-color: #fdcb16;/*ffab91;/*jaune*/ 
	/*border: 3px solid #565656;*/
}	
	
	
		.pict {
	width:396px;
	height:243px;
	position: relative;
	/*background-color: #6b9c10;/*ffab91;/*rouge*/ 
	/*background-image:url(/images/fleurcoul.jpg);*/
	/*background-repeat:no-repeat;
	background-position:right top;*/
	/*border: 1px solid #565656;*/
	padding: 0px ;
	margin: 0px;
	z-index:100;
	}

		.cadre {
	position: absolute;
	top:40px;
	width:350px;/* +46 */
	height:200px;/* +43 */
	border: 3px solid #565656;
	padding: 0px ;
	margin: 0px;
	z-index:1;
	}

		.space {
	clear:both;
	}
	
	
	
		.contenu1 {
	/*min-height: 100%;*/
	/*float: right;*/
	font-family: times;
	font-size: 14px;
	position: relative;
	/*/background-color: #6b9c10;/*ccffcc; /*vert*/
	padding: 10px 30px ;
	color: #fff;
	}
	
			.img1 {
	top:10px;
	left:10px;
	width: 375px;
	height: 375px;
	position: relative;
	background-color: #6b9c10;/*ccffcc; /*vert*/
	padding: 0px 0px ;
	}
			.txt1 {
	font-family: times;
	font-size: 12px;
	position: absolute;
	top: 110px;
	left: 405px;
	width: 375px;
	background-color: #ffffff;/*ccffcc; /*vert*/
	padding: 10px 10px ;
	color: #565656;
	border: 3px solid #565656;
	}
			.small1 {
	/*min-height: 100%;*/
	/*float: right;*/
	margin-left:10px;
	float:left;
	font-size: 14px;
	position: relative;
	width: 90px;
	height:150px;
	background-color: #565656;/*ccffcc; /*vert*/
	padding: 0px 0px ;
	color: #fff;
	}
	.small1 :hover{
	background-color: #b61900;
	cursor: Pointer;
	}			
	.smallm {
	/*min-height: 100%;*/
	/*float: right;*/
	margin-left:10px;
	float:left;
	font-size: 14px;
	position: relative;
	width: 90px;
	height:150px;
	background-color: #e9e9e9;/*fdcb16;/*ccffcc; /*vert*/
	padding: 0px 0px ;
	color: #fff;
	}
	.smallm :hover{
	background-color: #b61900;
	cursor: Pointer;
	}	
		.smalli {
	position: relative;
	width: 90px;
	height:110px;
	background-color: #6b9c10;/* vert */
	}
		.smallt {
	position: relative;
	width: 90px;
	height:40px;
	color: #fff;
	}
	
	.carre1 {
	cursor:Pointer;
	}		
	.carre1 :hover{
	background-color: #565656;
	cursor: Pointer;
	}		
	
div#foot {
	/*min-height: 100%;*/
	position:relative;
	color: #e9e9e9;
	top: 25px;
	width: 975px;
	padding: 0 0px;
	margin: 0 auto;
	background-color: #e9e9e9; 
	/*border-top: 3px solid #565656;
	border-left: 3px solid #565656;
	border-right: 3px solid #565656;
	border-bottom: 3px solid #565656;*/
	
	}

	
	
.thumbnail{
top : 0px;
left : 650px;
position: absolute;
z-index: 0;
}

.thumbnail:hover{
top : 0px;
left : 500px;
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFE770;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -190px; /*position where enlarged image should offset horizontally */

}