/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.blanc{color:#FFF;}
.noir{color:#000;}
.gris{color:#ddd;}

.both{clear:both;}
/* ---------- Balises ---------- */
body{
background-color:#e0dfdf;
background-image:url(../pics/bg_top.gif);
background-repeat:repeat-x;
background-position:top;
color:#282828;
font-family:"Times New Roman", Times, serif;
font-size:14px;
line-height:150%;
text-align:center;
margin-bottom:00px;
}

#index {
display:block;
color:#282828;
width:960px;
height:660px;
margin:0 auto;
position:relative;
}

#centrage {
background-color:#e0dfdf;
background-image:url(../pics/bg.gif);
background-repeat:repeat-y;
display:block;
color:#282828;
width:1062px;
margin:0 auto;
text-align:left;
position:relative;
}
a{
color:#d1a22c;
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}

a.pageon{
color:#000;
text-decoration:none;
}
a.pageon:hover, a.pageon:active{
text-decoration:underline;
}
h3{
font-size:120%;
clear:both;
}
h1{
font-size:120%;
clear:both;
}
ul{
list-style:none outside none;
}
input.champ{
border:1px inset #000;
width:107px;
height:13px;
font-size:100%;
padding:1px 2px;
}
select {
border:1px inset #CCC;
}
td{
vertical-align:top;
}

.separation{
	clear:both;
	height:20px;
	font-size:1px;
}


/* ---------- Structure ---------- */
	div#entete {
	display:block;
	width:100%;
	height:150px;
	}
	
	div#ssentete {
	background-image:url(../pics/ss_header.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:70px;
	}
	
		div#ssentete .actualites{
		position:absolute;
		color:#5d2a19;
		font-size:20px;
		margin:25px 0 0 400px;
		}
	
		div#ssentete marquee{
		position:absolute;
		margin:25px 0 0 500px;
		font-weight:bold;
		}
		
	div#centrage  div#menu{
	float:left;
	display:block;
	background-image:url(../pics/fond_menu.jpg);
	background-repeat:no-repeat;
	width:380px;
	height:700px;
	line-height:120%;
	}
		div#centrage  div#menu ul{
		margin-top:85px;
		}
		
		div#centrage  div#menu ul li{
		margin:3px 0px;
		padding:0;
		display:block;
		}
		
		div#centrage  div#menu ul li.btn1{margin-left:245px;}
		div#centrage  div#menu ul li.btn2{margin-left:248px;}
		div#centrage  div#menu ul li.btn3{margin-left:236px;}
		div#centrage  div#menu ul li.btn4{margin-left:186px;}
		div#centrage  div#menu ul li.btn5{margin-left:200px;}
		div#centrage  div#menu ul li.btn6{margin-left:184px;}
		div#centrage  div#menu ul li.btn7{margin-left:200px;}
		div#centrage  div#menu ul li.btn8{margin-left:171px;}
		div#centrage  div#menu ul li.btn9{margin-left:147px;}
		div#centrage  div#menu ul li.btn10{margin-left:157px;}
		div#centrage  div#menu ul li.btn11{margin-left:137px;}
		div#centrage  div#menu ul li.btn12{margin-left:137px;}
		div#centrage  div#menu ul li.btn13{margin-left:82px;}
		
		div#menu input#recherche_menu{
		color:#fff;
		width:114px;
		height:18px;
		margin:22px 0px 0px 60px;
		border:1px solid #4b3627;
		background-color:#745e4e;
		}
		
		div#menu input#recherche_ok{
		margin-top:22px;
		}
		html>body div#menu input#recherche_ok{
		margin-top:22px;
		}
		html>/**/body div#menu input#recherche_ok{
		margin-top:1px;
		}
		
	div#centrage  div#corps{
	display:block;
	float:left;
	width:662px;
	background-image:url(../pics/bg_contenu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	}
	
	div#centrage  div#corps h1{
	font-weight:normal;
	font-size:20px;
	color:#353535;
	width:582px;
	padding-bottom:30px;
	background-image:url(../pics/ss_titre.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
	div#centrage  div#corps div.contenu{
	padding:0;
	float:left;
	width:570px;
	margin:-5px 20px 10px 1px;
	line-height:120%;
	text-align:justify;
	}
	
	div#centrage  div#corps img.visuel{
	margin-bottom:10px;
	margin-left:20px;
	float:right;
	border-color: #000000;
	border: solid 1px;
	}
	
	div#centrage  div#corps img.savoirplus{
	float:right;
	margin:0 90px 0 0; 
	}
	
	div#pied{
	color:#000;
	display:block;
	clear:both;
	padding-top:25px;
	padding-bottom:15px;
	font-size:12px;
	text-align:center;
	}

	div.video{
	text-align:center;
	}
	
	
	
/*Partenaires*/
.parapartenaire {
clear:both;
height:60px;
margin-left:10px;
margin-right:10px;
margin-top:15px;
margin-bottom:15px;
text-align:left;
}
.parapartenaire1 {
float:left;
width:130px;
margin:0 15px 0 0px;
padding-left:5px;
border-top:1px solid #ddd;
}
.parapartenaire2 {
float:left;
width:130px;
margin:0 15px 0 0px;
padding-left:5px;
border-top:1px solid #ddd;
}
.parapartenaire3 {
float:left;
width:75px;
padding:8px;
border:1px solid #ddd;
}
	
	
/* Phototheque */
#phototheque {
width:620px;
}
#phototheque li{
width:167px;
float:left;
display:inline;
text-align:center;
margin-left:25px;
margin-bottom:15px
}
#phototheque a{
display:block;
width:167px;
}

#phototheque img{
padding:1px;
border:1px solid #505050;
}

/* Archives */
.champarchive {
border:1px solid #ddd;
background-color:#fff;
margin:10px 5px 0 20px;
color:#505050;
height:20px;
font-size:14px;
}

.selecteurarchive{
border:1px solid #ddd;
background-color:#fff;
margin:10px 5px 0 20px;
color:#505050;
height:20px;
font-size:14px;
}


.chp_libre{
width:390px;
}
.chp_defini{
width:182px;
}

.btn_ok{
margin-bottom:-3px;
}
html>body .btn_ok{
margin-bottom:-3px;
}
html>/**/body .btn_ok{
margin-bottom:-7px;
}

.formarchives{
display:block;
width:569px;
height:69px;
background-image:url(../pics/bg_archives.gif);
background-repeat:no-repeat;
margin-bottom:20px;
}
h2.titrearchives{
font-size:16px;
font-weight:normal;
margin-left:15px;
}