/* ************************************************************************ */
/* ************************************************************************ */
body {
	background-image: url(image/fond.jpg);
	background-repeat: repeat-x;
}
.conteneur {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	height: 610px;
	width: 1043px;
	top: 0px;
	margin-left: -524px;
	left: 50%;
}
.conteneurReferences {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 1043px;
	top: 0px;
	margin-left: -524px;
	left: 50%;
	
}
#bandeGauche {
	height: 610px;
	width: 71px;
	margin-left: 0px;
	position: relative;
	margin-top: 0px;
	float: left;
}
#bandeDroite {
	float: left;
	height: 610px;
	width: 71px;
	position: relative;
	background-image: url(image/bordDroit.jpg);
	background-repeat: no-repeat;
}
.conteneurSite {
	position: relative;
	height: 610px;
	width: 901px;
	float: left;
}
.conteneurSiteReferences {
	position: relative;
	width: 901px;
	float: left;
	background-image:url(image/fondMenu_references.gif);
	background-position:left;
	background-repeat:repeat-y;
}

/* ************************************************************************ */
/* *********************************HEADER********************************* */

#header {
	height: 195px;
	width: 901px;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
}
#header img {
	float: left;
	position: relative;
}
/* ************************************************************************ */
/* *********************************MENU*********************************** */
.copy{
	color:#BDCC68;
	font-style:normal;
	font-size:10px
}

#menu {
	position: relative;
	height: 414px;
	width: 304px;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	
}
#menu #lienContact{
	position:absolute;
	bottom: 65px;
	left:100px;
	text-align:right;
	
}
#menu #lienContact a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #422411;
	text-decoration: none;
}
#menu #lienContact a:hover{
	text-decoration:underline;
}

#menu #lienLiens{
	position:absolute;
	bottom: 50px;
	left:178px;
}

#menu #lienLiens a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #422411;
	text-decoration: none;
}
#menu #lienLiens a:hover{
	text-decoration: underline;
}

#menu img{
float:left;
}

#btnMenu1 {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_01_off.jpg);
}

#btnMenu1:hover {
	background-image:url(image/btn_01_on.gif)
	
}
#contenu #piedsTexte {
	margin-bottom: 0px;
	position: relative;
	float: left;
}

#btnMenu1_actif {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_01_on.gif);
}
#btnMenu2 {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_02_off.jpg);
}
#btnMenu2:hover {
	background-image:url(image/btn_02_on.gif)	
}
#btnMenu2_actif {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_02_on.gif);
}
#btnMenu3 {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_03_off.jpg);
}
#btnMenu3:hover {
	background-image:url(image/btn_03_on.gif);
}
#btnMenu3_actif {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_03_on.gif);
}
#btnMenu4 {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_04_off.jpg);
}
#btnMenu4:hover {
	background-image:url(image/btn_04_on.gif)
}
#btnMenu4_actif {
	display:block;
	height:29px;
	width:231px;
	background-image:url(image/btn_04_on.gif);
}
#btnMenu {
	background-image:url(image/fondBtnMenu.gif);
	position:relative;
	height:414px;
	width:231px;
	float:left;
	margin-top:0px;
}
	/* ************************************************************************ */
	/* *********************************SOUS-MENU****************************** */
#ssMenu1 {
	display:none;
}
#ssMenu1_ouvert {
	background-color:#cdd74c;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	height:55px;
	display:block;
}
#ssMenu1_ouvert a{
	display:block;
	line-height:18px;
	font-size:11px;
	color:#422411;
	text-decoration:none;
	padding-right:29px;	
}

#ssMenu1_ouvert a:hover{
	font-weight:bold;
	background-image:url(image/puceSsMenu.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#ssMenu2 {
	display:none;
}
#ssMenu2_ouvert {
	background-color:#cdd74c;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	height:35px;
	display:block;
}
#ssMenu2_ouvert a{
	display:block;
	line-height:18px;
	font-size:11px;
	color:#422411;
	text-decoration:none;
	padding-right:29px;	
}
#ssMenu2_ouvert a:hover{
	font-weight:bold;
	background-image:url(image/puceSsMenu.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#ssMenu_actif {
	display:block;
	line-height:18px;
	font-size:11px;
	color:#422411;
	text-decoration:none;
	padding-right:29px;	
	font-weight:bold;
	background-image:url(image/puceSsMenu.gif);
	background-position:right;
	background-repeat:no-repeat;
}


/* ************************************************************************ */
/* ********************************CONTENU********************************* */
#contenu {
	float: left;
	height: 414px;
	width: 597px;
	position: relative;
	background-color: #FFFFFF;
	margin-top: 0px;
}

#contenuReferences {
	float: left;
	width: 597px;
	position: relative;
}
#contenu #centre #texte {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
	/*text-align: justify;*/
	padding-top: 10px;
	padding-right: 34px;
	padding-left: 34px;
	width: 329px;

}

#texte a {
	text-decoration: none;
	color: #7F9621;
}
#texte a:hover {
	text-decoration: underline;
}
#contenuReferences #centreReferences #texte {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #58585a;
	/*text-align: justify;*/
	padding-top: 10px;
	padding-right: 34px;
	padding-left: 34px;
	width: 329px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 17px;
	color: #7f9621;
	font-weight: normal;
	text-align:left;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #7f9621;
	font-weight: bold;
	text-align:left;
}
h5 {
	display : inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #7f9621;
	font-weight: bold;
}
#nomContact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585859;
}
#txtLien{
	font-size: 10px;
	text-align:left;
}
#contenu #img {
	position: relative;
	float: right;
	width: 199px;
	margin-left:1px;
}
#contenuReferences #img {
	position: relative ;
	float: left;
	width: 199px;
	margin-left:1px;
}
#contenu #centre {
	float: left;
	position: relative;
	width: 397px;
	height: 414px;
}
#contenuReferences #centreReferences {
	float: left;
	position: relative;
	width: 397px;
}
#contenu #centre #piedsTexte {
	position: absolute;
	width: 397px;
	bottom: 0px;
	left: 0px;

}
/* ************************************************************************ */
/* ********************************DIAPO*********************************** */

#texte #cellDiapo {
	position: relative;
	height: 150px;
	width: 325px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#cellDiapo #txtDiapo {
	height: 117px;
	width: 136px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	background-color: #f5f7db;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4b5e20;
	text-align: left;
	float: left;
}

#cellDiapo #titreDiapo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	font-weight: bold;
	color: #4b5e20;
	position: relative;
	height: 23px;
	width: 315px;
	background-color: #ccd74c;
	padding-left: 10px;
}
#cellDiapo #imgDiapo {
	float: left;
	height: 127px;
	width: 169px;
	position: relative;
}
#texte strong {
	color: #7F9621;
}
#cellDiapo #piedsDiapo {
	background-color: #F1F3CB;
	position: relative;
	height: 23px;
	width: 305px;
	line-height: 23px;
	padding-right: 10px;
	font-size: 11px;
	padding-left: 10px;
}

/* ************************************************************************ */
/* ********************************DIAPO*********************************** */
form #inputTxt{
	font-size:11px;
	color:#4b5e20;
	height: 16px;
	width: 230px;
	border: 1px solid #7f9621;
	color:#422411;
}

form textarea{
	font-size:11px;
	color:#4b5e20;
	width: 325px;
	height:80px;
	border: 1px solid #7f9621;
}

form #inputBouton{
	height: 21px;
	width: 65px;
}


li {
	list-style-image: url(image/pucePDS.gif);
}