/* Général */
body {
	color: #F0E39E;
	background: #000000 url(../img/back.jpg) center top repeat-x;
}
a {
	color: #FF4C00;
	font-weight:bold;
}
a:hover, a:focus {
	color: #ffffff;
	
}
strong {
	color: #ffffff;
}



/* bloc central */
#centre {
	background: url(img/back-center.png) repeat-y; 
}

/* contenu principal */
#principal {
	color: #181A12;
	/* background: #cbd888; */ 
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}

/* contenu principal LARGE (tarifs) */
#principalarge {
	color: #181A12;
	/* background: #cbd888; */ 
}
#principalarge a {
	color: #332510;
}
#principalarge a:hover, #principalarge a:focus {
	color: #6E5122;
}

/* contenu marge */
#marge {
	/* background: #333333; */ 
}
#marge h1 {
	margin : 0;
	font-size: 3em;
	line-height:27pt;
	text-shadow: 0.08em 0.06em #222;
	
}
#marge h3 {color:#ffffff}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 900px;
	margin: 0 auto; 
}

/* En-tête */
#header {
	padding: 60px 20px 0px 0px;
	height:220px;
	background:#555555 url(img/back-header.jpg) left top no-repeat;
	text-align:center;
}

#header a {
	color: #000000;
	text-decoration: none;
}
#header a:hover, #copyright a:focus {
	text-decoration: none;
}

#header h1 {
	margin: 0;
	font-size: 4em;
	letter-spacing:20px;
	color: #000000;
}

#laloreley {position:relative; z-index:10; margin:15px 0 7px 224px; width:447px; height:46px; background:url(img/laloreley.png) no-repeat center top;}

#header .sous-titre {
	margin: 4px 0 15px 0;
	font-size:1.2em;
}
#header .menu-navigation {
	width:800px; height:68px; margin-left:auto; margin-right:auto;
	background:url(img/banniere-menu.png) no-repeat center top;
	padding: 8px 15px;
}
#header .menu-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header .menu-navigation li {
	display: inline; 
}
#header .menu-navigation a {
	padding: 1px 15px 3px 15px;
	line-height: 1.2;
	font-size: 1.8em; /*1.4*/
	text-decoration: none;
	border-radius:8px;
}

#header .menu-navigation a {	
	color:#333;
	text-shadow: 0.06em 0.04em 0.06em #fbeea3;
}

#header .menu-navigation a:hover, #header .menu-navigation a:focus {
	/* background: #ffffff; color: #336699; border:2px solid #ffbb27; */
	/* background: #ff4c00; color: #ffffff; border:2px solid #336699; */
	/* color:#fbeea3;*/
	/*text-shadow: 0.06em 0.04em 0.06em #222;*/
	color:#fff;
	text-shadow: 0.06em 0.04em 0.06em #fbeea3;	
}



/* langues */
#langues {
	position: absolute;
	margin: -40px 0 0 769px;
	width: 145px;
	height: 55px;
	background: url(img/back-langues.png) right top no-repeat;
	padding-top: 8px;
}

#langues img {
border:1px solid #444444;
margin:0 3px 0 3px;
}



/* etoiles */
#etoiles {
	position: absolute;
	margin: -50px 0 40px 0;
	width: 186px;
	/*height: 55px;*/
	background: #555 /*url(img/back-langues.png) right top no-repeat*/;
	padding: 3px;
	text-shadow: 0.1em 0.1em #777;
}

#etoiles img {
border:0px;
margin:0 3px 0 3px;
}



/* points */
#points {
	z-index:10000;
	position: absolute;
	margin: 220px 0 0 320px;
	width: 555px;
	height: 17px;
	background: url(img/ombre-top.png) left top no-repeat;
	padding-top: 48px;
}

#point img {
border:0p;
margin:0px;
}






/* bloc central */
#centre {
	width: 100%; 
	overflow: hidden; 
}

/* contenu principal SLIDER >>> spécifique 1ère page */
#principal-slider {
	margin-left: 344px; 
	padding: 0px;
}
#principal-slider > :first-child {
	margin-top: 0px;
}

/* contenu principal */
#principal {
	margin-left: 344px; 
	padding: 12px 20px;
}
#principal > :first-child {
	margin-top: 10px;
}

#principal p, #principal li {
	line-height: 1.5;
}

/* contenu principal LARGE (tarifs) */
#principalarge {
	margin-left: 330px; 
	padding: 12px 20px;
}
#principalarge > :first-child {
	margin-top: 10px;
}

#principalarge p, #principalarge li {
	line-height: 1.5;
}

/* bloc dans pricipal (page scindée en 2 pour ul/li par ex) */
.blocdsprincipal {float:right;width:250px;padding-bottom:21px;}

/* Marge */

.encartmarge {border:0px solid #777; margin-top:21px; padding:0px 4px 4px 54px !important}

#marge {
	float: left; 
 	width: 303px;
	padding: 10px 20px;
}
#marge h1 {
	margin: 0;
	font-size: 3em;
	font-style:italic;
	color: #ffffff;
}
#marge h2 {
	font-style:italic;
	color: #ffffff;
	text-shadow: 0.11em 0.09em #222;	
}	
#marge p {padding-left:7px; padding-right:6px; text-align:justify}

/* Marge Etroite (tarifs) */
#margetroite {
	float: left; 
 	width: 289px;
	padding: 10px 20px;
}
#margetroite h1 {
	margin: 0;
	font-size: 3em;
	Line-height: 27pt;
	font-style:italic;
	color: #ffffff;
	text-shadow: 0.11em 0.09em #222;
}	
#margetroite h2 {
	font-style:italic;
	color: #ffffff;
}
#margetroite h3 {color:#ffffff}



/* TERTIO */
#tertio {
	width: 900px; 
	overflow: hidden; 
	padding: 0 0 10px 0;
	background:#FF4C00 url(../img/back-tertio.png) center bottom no-repeat;
	text-align: center;
	}
#tertio h1 {
	margin: 0;
	font-size: 3em;
	font-style:italic;
	color: #ffffff;
	}
#tertio h2 {
	margin: 0;
	font-size: 1.6em;
	font-style:italic;
	color: #ffffff;
	font-weight:bold;
	}	

#tertio a {color:#336699;}
#tertio a:hover {color:#ffffff;}	
	
.tertioimg {
	float: left;
	border: 9px solid #222222;
	margin: 0 0 9px 11px;
	width: 180px;
	height: 120px;
	}

.tertiocomment {
	float: left;
	border: 9px solid #222222;
	background:#222222;
	text-align:left;
	width: 217px;
	height: 120px;
	}

.tertiocomment h2 {
	text-shadow: 0.1em 0.1em #555;
	}	
	
.tertiosituationimg {
	float: left;
	text-align:left;
	width: 325px;
	margin:0 15px 0 15px;
	}	
.tertiosituationimgkm {
	position:absolute;
	z-index:1000;
	float: left;
	text-align:left;
	width: 325px;
	color:#ffffff !important;
	font-weight:bold !important;
	}
	
.tertiosituationcomment h1 {line-height:23pt; text-shadow: 0.08em 0.06em #222;}
.tertiosituationcomment h2 {padding:17px 0 7px 0;}
.tertiosituationcomment {
	float: left;
	color:#ffffff;
	text-align:left;
	width: 495px;
	margin:0 15px 15px 15px;
	}	

	
#divtarifs {
border:none;
margin:0 20px 0 20px;
width:860px;
text-align:left;
}

#divtarifs h1 {text-shadow: 0.08em 0.06em #222}
/*#divtarifs h2 {font-weight:bold}*/
#divtarifs h3 {font-size:1.7em; color:#fff; font-weight:bold}

/* bloc dans TERTIO (page scindée en 2 pour ul/li par ex) */
.blocdstertio {float:left;width:240px;padding-bottom:21px}


	
/* FOOTER */
#footer {
	width: 880px; 
	height: 250px;
	overflow: hidden; 
	padding: 10px 10px 10px 10px;
	background:url(img/footer.jpg) left bottom no-repeat;
	}

#footer a:hover, #footer a:focus {
	color: #336699;
}		
	
.encart {
	float: left;
	border-left: 1px dotted #888888;
	color:#555555;
	text-align:left;
	margin:10px;
	padding:10px;
	width: 240px;
	height:210px;
}	

.encart h2 {
	margin:-10px 0 5px 0;
	color:#51687c;
	text-shadow: 0.06em 0.04em 0.06em #222;
}		


.encart a {color:#336699}
.encart a:hover {color:#ffcc33 !important}

	
/* SLIDER */
#slider {
	border: none;
	width: 556px;
	height: 364px;
	margin: 0;
}	

/* GALERIE */
.galeriethumb {
float:left;
width:120px;
height:120px;
border:2px solid #000000;
margin:2px 2px 4px 2px;
background:#222222;
text-align:center;
font: 11px/1.6 Arial, sans-serif;
color: #ffffff;
text-align: center;
}
.galeriethumb img {
width:120px;
height:80px;
margin-bottom:5px;
border:0;
text-align:center;
}

/* copyright */
#copyright {
	margin: 20px 0 400px;
	font-size: .85em;
	color: #333333;
	text-align: center;
}
#copyright a {
	color: #ffffff;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}