@charset "UTF-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a, a:hover, a:visited {text-decoration: none;}
/*END OF YUI RESET*/

html *{
	margin: 0px;
	padding: 0px;
}
body{
	width: 1000px;
	margin: 0px auto;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: #DDE7A8;
}
#conteneur{
	width: 950px;
	position: relative;
	background: #FFF ;
	min-height: 600px;
}
.imgFond, #conteneur{
	margin: 0px auto;
	float: left;
}

	/* COLONNE GAUCHE	*/
#colLeft{
	width: 251px;
	text-align: center;
	float: left;
}
#colLeft p{
	background: #A5A935;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
#colLeft a{
	color: #FFF;
}
#colLeft a:hover{
	text-decoration: underline;
}

	/* MENU HAUT */
#menuHaut{
	margin-top: 45px;
	width: 515px;
	float: left;
	font-size: 11px;
}	
#menuHaut li{
	width: 103px;
	height: 30px;
	float: left;
	text-align: center;
	background: #5F672A;
}
#menuHaut a{
	display: block;
	color: #DFDB00;
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
	padding: 5px;
}
#menuHaut a:hover, #menuHaut .select{
	color: #FFF;
}

	/*	CONTENU	*/
#contenu{
	float: left;
	width: 513px;
	border: solid 1px #A5A935;
	min-height: 400px;
}	

		/* TEXTE */
#theme{
	float: left;
	margin-bottom: 10px;
}
#theme span{
	font-weight: bold;
}
h1{
	width: 492px;
	font-size: 15px;
	height: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #FFF;
	background: #A5A935;
	text-transform: uppercase;
	line-height: 40px;
	padding-left: 22px;
}
#texteIntro{
	margin: 34px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
}
#texteIntro p{
	padding: 0px 0px 10px 10px;
}
#texteTheme{
	padding-bottom: 10px;
}
#texteTheme h2{
	font-weight: bold;
	font-size: 15px;
	margin: 20px 0px 10px 30px;
	color: #5F672A;
}
#texteTheme p{
	padding: 5px 10px 5px 80px;
}
#texteTheme span{
	font-weight: bold;
	}
#texteTheme ul{
	margin: 5px 0px 5px 120px;
}
#texteTheme a, #texteIntro a, #lien_carrousel{
	color: #A5A935;
	font-weight: bold;
}
#lien_carrousel{
	padding: 0px 0px 10px 10px;
}
#texteTheme a:hover, #texteIntro a:hover, #lien_carrousel:hover{
	text-decoration: underline;
}
#texteTheme object{
	margin: 10px 0px 10px 150px;
}
#bibli th{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	color: #5F672A;
	border-bottom: solid 2px;
}
#bibli td{
	padding: 5px 5px 5px 10px;
}
.prenom{
	width: 50px;
}
.impair{
	background: #DDE7A8;
}
.pagin{
	margin: 5px 0px 0px 10px;
}
.label_rech{
	display: block;
	float: left;
	padding: 0px 10px 10px 10px;
}
#valid{
	clear: both;
	margin-bottom: 10px;
}

			/*	SITE	*/

.site{
	min-height: 200px;
	margin-bottom: 20px;
	clear: both;
}
.site img{
	width: 200px;
	margin-left: 30px;
	min-height: 160px;
	float: left;
}
.texteSite{
	float: left;
	width: 250px;
	margin: 0px 0px 30px 15px;
	color: #828324;
}
.texteSite H2{
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.texteSite a{
	color: #828324;
	font-weight: bold;
}
.texteSite a:hover{
	color: #DFDB00;
}
.texteSite hr{
	margin: 5px 0px 5px 0px;
}
.texteSite p{
	margin: 5px 20px 5px 0px;
	color: #000;
}
.pagin{
	padding: 5px;
	width: 150px;
	font-weight: bold;
	margin-bottom: 10px;
}
.pagin a{
	color: #828324;
	padding: 5px;
}
.pagin a:hover{
	text-decoration: underline;
}


			/*	CONTACT	*/
#form_contact p{
	padding-bottom: 5px;
}
.contact_form{
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 10px;
	margin-left: -100px;
}
.valid_contact{
	margin-left: 240px;
}

	/*	COLONNE DROITE	*/
#colRight{
	float: left;
	margin-top: -70px;
}
	/* PIED */
#pied{
	clear: both;
	padding-top: 30px;
}
#bas{
	background: #828324;
	height: 25px;
	font-size: 10px;
}
#bas a{
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 25px;
}
#bas a:hover, #bas .select{
	color: #DFDB00;
}
#graphiste{
	float: left;
	margin-left: 10px;
	padding-right: 10px;
	border-right: solid 1px;
}
#dev{
	float: left;
	margin-left: 10px;
}
#contact, #liens{
	float: right;
	margin-right: 10px;
}