@import url(typo.css);

/* Mise en page générale */
body {
	font-family: "Bitstream Vera Sherif", Georgia, Times, serif;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	background:#FBF480 url(img/bg.jpg) repeat-x;
}
#entete {
	position: relative;
	width: 100%;
	height: 190px;
	}
#headersom {
	position: relative;
	width: 1000px;
	height: 150px;
	margin: 0 auto;

	background: #262626;
	}
#header {
	margin-left: -9px;
	width: 1000px;
	height: 271px;
	margin: 0 auto;
	background: #000 url(img/enteteicd2.jpg) no-repeat;
	}
#header .spip_logos {
	float: inherit;
	}
#logo2 {
	position: absolute;
	width: 400px;
	height: 150px;
	top: 0;
	left: 0;
	background: url(img/logo.jpg) no-repeat;
	}
#diapo {
	position: absolute;
	width: 6OOpx;
	height: 150px;
	top: 0;
	left: 400px !important;
	left: -200px;
	}
#menuh {
	position: absolute;
	width: 1000px;
	height: 40px;
	background: #262626;
	top: 150px;
	}
#menuh ul li {
	display: inline;
	}
a.h{
	float: left;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFCB00;
	text-decoration: none;
	width: 300px;
	text-align: center;
	background: #464646;
	padding: 5px 5px 12px 5px;
	margin: 0 8px;
	}
a.h:hover{
	margin-top: -6px;
	background: #464646 url(img/bord.jpg) no-repeat right;
	color: #FFEA5A;
	}
#conteneur {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: auto;
	background: #837046;
	}
#recherche {
	z-index: 200;
	}
#agir {
	position: relative;
	width: 220px;
	height: 116px;
	background: url(img/ani1.jpg) no-repeat;
	}
#agir:hover {
	background: url(img/ani2.jpg) no-repeat;
	}
#voyage {
	position: relative;
	width: 220px;
	height: 116px;
	background: url(img/voyage.jpg) no-repeat;
	}
#contenu {
	position: relative;
	width: 600px;
	height: auto;
	min-height: 800px;
	background-color: #FFF;
	margin-left: 180px;
	}
#centre {
	position: relative;
	width: 580px;
	height: auto;
	margin-top: 0px;
	min-height: 560px;
	padding: 10px 20px 0 10px;
	}
	
#menu {
	position: absolute;
	width: 180px;
	height: auto;
	top:0;
	left: 0;
	list-style-type: none;
	}
.telech li{
	list-style-type: none;
	}
#menuprincipal {
	position: relative;
	margin-bottom: 10px;
	list-style-type: none;
	}
#galerie {
		position: absolute;
		width: 220px;
		height: auto;
		background-color: #837046;
		margin-top: 5px;
		margin-left: 780px;
		padding-bottom: 20px;
		top:0;
		}
#pagination {
	position: relative;
	text-align: right;
	padding-right: 10px;
	}

.box {
	position: relative;
	width: 100%;
	border-top: #FBF480 1px dashed;
	}
.box2 {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #f6f7ce;
	}
.cadre2 {
	display: block;
	float: left;
	border: 1px solid #CCC;
	background-color: #F3F3ED;
	width: 455px;
	height: auto;
	padding: 2px;
	margin: 5px;
	}
		
.cadre {
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 10px;
	margin: 10px;
	min-height: 80px;
	}
	
.cadre3 {
	display: block;
	float: left;
	border: 1px solid #CCC;
	background-color: #F3F3ED;
	width: 154px;
	height: auto;
	padding: 2px;
	margin: 5px;
	}
.sejours {
	float: left;
	width: 250px;
	background: #262626;
	color: #FFF;
	padding: 10px;
	text-align: center;
	margin: 5px;
	}
.sejours:hover {
	background: #59A143;
	}
.separation {
	clear: both;
	visibility: hidden;
	}
/* Recherche*/	
#recherche input {
	border: none;
	background: #DCDDB4;
	margin-left: 4px;
	margin-bottom: 5px;
	color: #59A143;
	}
/* Menu 
#menu ul,li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#menu ul{	
	text-align: left;
	font-weight: lighter;
	font-size: 12px;
	text-decoration: none;
	line-height: 1.8;
	}
a.sur{
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;
	line-height: 1.8em;
	}

a.sur:hover {
	color: #59A143;
	background-color: #FBF480;
		}
		
a.med{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #685300;
	text-decoration: none;
	margin-left: 25px; 
	line-height: 1.8;
	}

a.med:hover {
	color: #C25226;
	background-color: #B5B988;
		}

a.sous{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: lighter;
	font-size: 11px;
	color: #f6f7ce;
	text-decoration: none;
	margin-left: 25px;
	line-height: 1.5;
	}
a.sous:hover {
	color: #C25226;
	}*/

/* Menu de droite*/
.telech {
	font-size: 130%;
	border-bottom: 1px dashed #A62E0F;
	padding: 1px;
	margin: 2px;
	}

.bord {
	border-top: thin dotted #C39D05;
	}
.gal {
	font: 100% Verdana, Arial, Helvetica, sans-serif;

	text-align: left;
	}


/* Documents, photos et images des articles */	
.spip_documents_center { display: block; margin: 0 auto; text-align: center; }
.spip_documents_left { float: left; margin: 1em 2em -1px 0; }
.spip_documents_right { float: right; margin: 1em 1em -1px 1em; }

.spip_documents {

	}
.bandeau { border: 0;}
.spip_logos, a.thickbox img { //border: 1; //border-color: #FFF; }
.spip_logos:hover, a.thickbox img:hover { //border: 1; //border-color: #C25226; }
#galerie .spip_logos { margin: 11px; }
.spip_logos, a.thickbox img {

	text-decoration: none;
	color: #FFF;
	margin-left:9px;
	margin-bottom: 9px;
	margin-right: 9px;
	}
.spip_logos:hover, a.thickbox img:hover { color: #C25226; }

#centre a.thickbox img{
	text-decoration: none;
	margin :10px;
	border: #B5B67B 2px solid;
	}
#centre a.thickbox:hover img{
	text-decoration: none;
	margin :10px;
	border: #C25226 2px solid;
	}

.hdp { float: inherit; margin-left: 10px;}

#centre .spip_logos {border: 1px solid #000; padding: 2px}
#galerie p { line-height: 1.2em; font-size: 80%;}
#galerie p a { line-height: 1.2em; font-size: 90%;}	

.photocle {
	float: left;
	width: 170px;
	height: 150px;
	text-align: center;
	background: #FFF url(img/photos.jpg) no-repeat 0 30px;
	margin: 10px;
	border: #FFF 1px solid; 
	}
.photocle:hover {
	border: #C25226 1px solid; 
	}

	
#hdp {
text-indent: -5000px;
background-image: url(img/hdp.gif) ;
width: 20px;
height: 20px;
}
	
/* Footer */
#pied {
	font:  Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 30px;
	font-size: 97%;
	border-top: thin dotted #C39D05;
	text-align: center;
	padding-top: 15px;
	}


/*popup*/
.popup {
	position: relative;
	display: block;
	width: 108px;
	height: 108px;
	margin: 0 auto;
	background: url(img/form1.jpg) no-repeat;
	text-decoration: none;
	text-align: center;
	}
.popup:hover {
	background: url(img/form2.jpg) no-repeat;
	}
#popup {
	width: 100%;
	background:#FBF480 url(img/bg.jpg) repeat-x;
	margin: O auto;
	}
#poptop {   
	position: relative;
	width: 100%;
	height: 40px;
	background: #262626;
	}
#popcentre {
	position: relative;
	width: 500px;
	margin: O auto;
	text-align: center;
	}
#popbottom {
	position: relative;
	width: 100%;
	background: #837046;
	}