/* ------------------ ELEMENTS PAGE ------------------ */ 

body {
 	color:#646567;
	background: #ffffff url(images/herbe.jpg) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin:0;
	padding:0;
}

#page {
	position:absolute;
	background: #fff url(images/bandeau_haut_bord.jpg) no-repeat left top;
	width:840px;
	border: 2px solid #97bd0d;
	margin:10px 0 10px -420px;
	line-height:16px;
	left:50%;
	height:700px;
}

html>body #page {
	height: auto;
	min-height: 700px;
} 


/* ------------------ MENU NAVIGATION DU HAUT ------------------ */ 

#menu {
	margin: 130px 0 0 -407px;
	padding-left: 34px;
	position: absolute;
	border: 0;
	width: 814px;
	left: 50%;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding:0;
	line-height: 16px;
	font-size: 11px;
}

#menu a {
	display: block;
	width: 100px;
	height: 20px;
	background: url(images/bt_nav_haut.gif) no-repeat left bottom;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding-left: 3px;
	margin-right: 5px;
}

#menu a:hover {
	color: #FF0;
	background: url(images/bt_nav_haut_d.gif) no-repeat left bottom;
}


/* ------------------ CONTENU ------------------ */ 

#contenu {
	top:150px;
}


/* ------------------ TITRE DANS L'IMAGE DU HAUT ------------------ */ 

#titre h1 {
  	text-align: left;
  	font-weight: bold;
  	font-size: 20px;	
	position:absolute;
	left:400px;
	top:12px;
	/*width:230px;*/
	height:30px;
	color:#FFFFFF;
}

#titre h2 {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	position:absolute;
	left:430px;
	top:60px;
	/*width:450px;*/
	height:30px;
	color:#FFFFFF;
	text-decoration: none;
}


/* ------------------ MENU GAUCHE ------------------ */ 

#menugauche {
	position:absolute;
	left:10px;
	top: 220px;
	width: 155px;
	height: 235px;
	background-color: #97bd0d;
	border:3px solid #c6c7c7;
	background-image: url(images/titremenu_qr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
}

#menugauche ul {
	margin: 0;
	padding: 35px 0 0 10px;
}

#menugauche ul li {
	list-style: none;
	width: 150px;
	height: 45px;
	text-align: left;
	text-decoration: none;
}

#menugauche a {
	float: left;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	vertical-align: top;
	list-style-type: none;
}

#menugauche a:hover {
	color: #FFF;
}

#menugauche a:visited {
	color: #CC0000;
}


/* ------------------ PAGE LIENS ------------------ */ 

#contenuliens {
	padding: 200px 20px 0 190px;
	font-size: 12px;
	color: #646567;
	text-decoration: none;
}

#contenuliens p.txt {
	font-size: 12px;
	color: #646567;
	text-decoration: none;
	text-align: left;
	border-top-width: 3px;
	/*border-top-style: dotted;*/
	
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c6c7c7;
	padding: 15px 0 0 0;
	vertical-align: top;
}

#contenuliens a {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #739513;
}

#contenuliens a:hover {
	color: #003300;
}

#contenuliens a:visited {
	color: #003300;
}

#contenuliens iframe {
	padding-left: 100px;
}

/* ------------------ PAGE QUESTIONS ------------------ */

#contenucentral {
	padding: 200px 20px 0 190px;
}

#contenucentral p.txt {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border-top-width: 3px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c6c7c7;
	padding: 20px 0 0 0;
	height: 25px;
}

#contenucentral a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(images/bt_vrai_petit.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 560px;
	float: left;
	height: 25px;
}



/* ------------------ PAGE REPONSES ------------------ */

#contenureponse {
	padding: 200px 20px 0 190px;
}

#contenureponse p.txt {
	font-size: 12px;
	font-weight: normal;
	color: #646567;
	text-decoration: none;
	text-align: justify;
	line-height: 18px;
	vertical-align: middle;
	border-top-width: 3px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c6c7c7;
	padding: 20px 0 0 0;
	height: 25px;
}

#contenureponse a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #739513;
}

#contenureponse a:hover {
	color: #990020;
}


/* ------------------ PAGE VIDEO ------------------ */

#video {
	padding: 200px 20px 0 190px;
	font-size: 12px;
}


.blocvideocontenu {
	height: 135px;
	width: 600px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	border-top-style: dotted;
	border-top-color: #c6c7c7;
}

.blocimage {
	float: left;
	padding-right: 15px;
}

.bloctxt {
	text-align: left;
}

.filet {
	width: 600px;
	height: 5px;
	color: #000000;
	border-top: 3px #c6c7c7 dotted;
}
.pageyoutube {
	position:absolute;
	width:450px;
	margin:150px 0 0 -225px;
	left:50%;"
}

.pageyoutube2 {
	position:absolute;
	width:480px;
	margin:150px 0 0 -240px;
	left:50%;"
}

/* ------------------ PAGE IDENTITE ------------------ */ 

#contenuidentite {
	padding: 200px 20px 0 190px;
	font-size: 12px;
	color: #646567;
	text-decoration: none;
}

/* ------------------ PAGE GALERIE picsengin ------------------ */

#pagegalerie {
	position:absolute;
	/*background: #d5d4cc url(images/bandeau_haut_bord.jpg) no-repeat left top; */
	background: #FFFFFF url(images/bandeau_haut_bord.jpg) no-repeat left top;
	width:840px;
	border: 2px solid #97bd0d;
	margin:10px 0 10px -420px;
	left:50%;
	height: 700px;
}

#contenugalpics {
	position: absolute;
	left:0;
	top:180px;
	width:840px;
}

.galerie p.txt img {
	border: solid 2px #CCCCCC;
	background-color:#FFFFFF;
}
.galerie p.txt a {
	background-color:#FFFFFF;
}
.galerie p.txt {
	background-color:#FFFFFF;
}

#contenugalerie a {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #FFFFFF;
}

#contenugalerie a:hover {
	color: #003300;
}

#contenugalerie a:visited {
	color: #003300;
}

#contenugalerie {
	padding: 200px 20px 0 190px;
	font-size: 12px;
	color: #646567;
	text-decoration: none;
}