@CHARSET "UTF-8";

a:focus{ outline-style: none; }

body { text-align:center; background: #855A22 url(../img/bg4.png) repeat center center; }

#wrapper {
	margin: 65px auto 10px auto; padding:5px; position:relative; text-align:left;
	background-color: white; width: 950px; height:690px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	-moz-box-shadow: #000 0 1px 3px; -webkit-box-shadow: #000 0 1px 4px; }
	
	

#header{
	margin-bottom:5px; width:950px; height:300px;
	-moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px;
	-moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; }
	
	

#photos {
	font: 11px Helvetica, Arial, sans-serif; color: #666; line-height: 25px; text-align: center;
	top: 280px; right: 5px; width: 150px; height: 25px; position: absolute; float: right;
	background-color: #191919; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }

#resa {
	margin-right: auto;
	margin-left: auto;
	font: 14px Helvetica, Arial, sans-serif; color: #2F6A92; line-height: 1; text-align: center;
	background-color: #E7F0F6; width: 300px; height: 105px; border: 1px solid #FF5F23;
	padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 20px; }

/* ----------- BOUTON ACCUEIL ----------- */
	
.situation { width: 200px; height: 35px; margin-top: 30px; background-color: #666;
	font: 95% Helvetica, Arial, sans-serif; color: white; text-decoration: none; line-height: 35px; text-align: center;
	text-shadow: 0 -1px 0 black; -moz-border-radius: 10px; -webkit-border-radius: 10px; float:left; }

.situation a:visited, .situation a:link { width: 200px; height: 35px; background-color: #666;
	font: 95% Helvetica, Arial, sans-serif; color: white; text-decoration: none; line-height: 35px; text-align: center;
	text-shadow: 0 -1px 0 black; -moz-border-radius: 10px; -webkit-border-radius: 10px; float:left; }
	
	
.situation a:hover, .situation a:active { width: 200px; height: 35px; background-color: #663300;
	font: 95% Helvetica, Arial, sans-serif; color: white; text-decoration: none; line-height: 35px; text-align: center;
	text-shadow: 0 -1px 0 black; -moz-border-radius: 10px; -webkit-border-radius: 10px; }                                                                              	                                                            	


/* ----------- LANGUES ----------- */

#fr {
	position:absolute; top:-30px; right:57px; width:22px; height:16px;
	background: url(../img/fr.png) no-repeat; }



#en {
	position:absolute; top:-30px; right:20px; width:22px; height:16px;
	background: url(../img/en.png) no-repeat; }



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

ul #appt {
	font: 12px Helvetica, Arial, sans-serif; color: #666; line-height: 14px; float: left; }

ul, li { margin: 0; padding: 0; list-style-type: none; }

ul { position: absolute; float: left; top: 330px; left: 9px; top left; height: 228px; width: 200px;
	background: url(../img/images/menu_sprite.png); }

li { display: inline; }

li a { display: block; height: 38px; width: 200px; }

li a:hover {background: url(../img/images/menu_sprite.png) 0 0 no-repeat; }

a#lien1:hover {background: url(../img/images/menu_sprite.png) 0px -228px no-repeat; }

a#lien2:hover {background: url(../img/images/menu_sprite.png) 0px -266px no-repeat; }

a#lien3:hover {background: url(../img/images/menu_sprite.png) 0px -304px no-repeat; }

a#lien4:hover {background: url(../img/images/menu_sprite.png) 0px -342px no-repeat; }

a#lien5:hover {background: url(../img/images/menu_sprite.png) 0px -380px no-repeat; }

a#lien6:hover {background: url(../img/images/menu_sprite.png) 0px -418px no-repeat; }



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

#logo {
	position:absolute; top:-45px; left:-30px; width:566px; height:148px;
	background: url(../img/logo.png) no-repeat; }
	
	

#blason {
	position: absolute; bottom: 30px; right: 20px; width:162px; height:242px;
	background: url(../img/blason.png) no-repeat; }
	
	

#tel {
	position: absolute; bottom: 200px; right: 120px; width:80px; height:81px;
	background: url(../img/tel.png) no-repeat; }
	
	
		
#bottes {
	position:absolute; bottom:-35px; left:40px; width:172px; height:164px;
	background: url(../img/bottes.png) no-repeat; }
	
	
	
#luge {
	position:absolute; bottom:-35px; right:-60px; width:286px; height:130px;
	background: url(../img/luge.png) no-repeat; }



#menu {                            
	border-width: 0px; width:250px; height:385px; margin: 0;
	-moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius: 15px;
	background: url(../img/images/menu.png) repeat-y 0 0; }
	
	

#main {
	top:300px; left:260px; right:5px; bottom:5px; position:absolute; padding:50px 30px 5px 50px; }
	
	

#main2 {
	top:310px; left:230px; right:5px; bottom:5px; position: absolute; padding: 40px; position: absolute;
	align: center; vertical-align: middle; }
	
	

#main_under {
	border-color: #e0e0e0;
	border-style: solid;
	border-width: 1px;
	padding: 20px; height: 260px; background-color: #efefef;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; 
	box-shadow: #000 0px 1px 1px;
	-moz-box-shadow: #999 0px -1px 1px;
	-webkit-box-shadow: #000 0px 1px 1px;
	}
	
	

h1 {
	font: normal bold 24px  Helvetica, Arial, sans-serif; color: #663300; line-height:24px; letter-spacing: -1px;
	text-shadow: 0px 1px 0px white;	margin: 0px; }
	
	

h1 span { font: 70% Helvetica, Arial, sans-serif; text-shadow: 0px 1px 0px white; }



.clear { clear:both; }



#txt {
	font: 18px Helvetica, Arial, sans-serif; color: #666; font-letter-spacing: 1mm;	line-height: 24px; float:left; }
	
	

#txt2 {
	font: 15px Helvetica, Arial, sans-serif; color: #666; line-height: 20px; text-shadow: 1px 1px 0px white; float:left; }
	
	

#appt {
	font : 13px Helvetica, Arial, sans-serif; color: #666666; line-height: 18px; text-shadow: 1px 1px 0px white;
	width: 415px; margin-top: 10px; float: left; }



#encart {
	text-align: center;
	height: 260px;
	border: 1px solid #e0e0e0;
	border-top: 2px solid #DDD;
	font: 12px Helvetica, Arial, sans-serif; color: #999; line-height: 20px;  text-shadow: 0 1px 0 white;
	background-color: #efefef; width: 160px; padding: 5px 15px 15px 15px; float: right;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } 

	
	

#elements {
	font: 16px Helvetica, Arial, sans-serif; color: white; line-height: 30px; list-style-type: none;
	margin-top: 50px; float: left; }
	


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

.links, .links a:visited, .links a:link {
	font: 14px Helvetica, Arial, sans-serif; color: #666; text-decoration: none; line-height: 2;
	text-shadow: 0 1px 0 white; margin: 20px 0 50px 0; }

.links a:hover, .links a:active {
	font: 14px Helvetica, Arial, sans-serif; color: #630; text-decoration: none; line-height: 2;
	text-shadow: 0 1px 0 white; border-bottom: 1px dotted #630; }
	


/* ----------- GALERIE PHOTO ----------- */

.gal1 {
	border:0;
	-webkit-box-shadow: 0 1px 2px #666666; -moz-box-shadow: 0 1px 2px #666666;
	display: inline; float: left; position: relative; overflow: hidden;
	margin: 15px 15px 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	
.gal1 img{ border:0; }

/* ----------- LIEN DU TITRE GOOGLE MAPS ----------- */

.gmap, .gmap a:visited, .gmap a:link {
	font: Helvetica, Arial, sans-serif; color: #630; text-decoration: none; }
	
.gmap a:hover, .gmap a:active {
	font: Helvetica, Arial, sans-serif; color: #630; text-decoration: none; text-align: center; line-height: 10px;
	border-bottom: 1px dotted black; }
	


/* ----------- STYLE ET LIENS MENTIONS LÉGALES ----------- */

.sign, .sign a:visited, .sign a:link {
	font: 11px Helvetica, Arial, sans-serif; color: white; text-decoration: none;
	margin: 15px 0 0 0; }

.sign a:hover, .sign a:active {
	font: 11px Helvetica, Arial, sans-serif; color: #630; text-decoration: none; text-align: center; line-height: 11px;
	margin: 20px 0 3px 0; background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: white 0 0 15px; -webkit-box-shadow: white 0 0 15px; }
	


/* ----------- STYLE ET LIENS DE LA PAGE ACCÈS ----------- */

.acces {
	font: 14px Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-shadow: 0 1px 0 white; line-height: 18px;
	margin-top: 10px; width: 350px; float: left; position: relative; }

.acces a:visited, .acces a:link {
	font: 14px Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-shadow: 0 1px 0 white; line-height: 18px; }

.acces a:hover, .acces a:active {
	font: 14px Helvetica, Arial, sans-serif; color: #630; text-decoration: none; text-shadow: 0 1px 0 white; line-height: 18px;
	border-bottom: 1px dotted #630; }
	



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

ul.liens {
	font: 14px Helvetica, Arial, sans-serif; color: #666; text-decoration: none;
	background: none; width: 350px; float: left; position: relative; }

li.liens a:visited, li.liens a:link { font: 14px Helvetica, Arial, sans-serif; color: #666; text-decoration: none; width: 350px;
	border-bottom: 1px dotted #666; }

li.liens a:hover, li.liens a:active {
	font: 14px Helvetica, Arial, sans-serif; color: #666; text-decoration: none;
	width: 350px; border-bottom: 1px solid #630; }


/* ----------- MESSAGE BROWSERS ----------- */

.sign2 {
	margin-right: auto;
	margin-left: auto;
	font: 10px Helvetica, Arial, sans-serif; color: white; line-height: 10px;
	text-decoration: none; text-align: center;
	width: 600px;
}
 
.sign2 a:visited, .sign2 a:link { margin-top: 0px; line-height: 10px; font: 10px Helvetica, Arial, sans-serif; color: white; text-decoration: none; border-bottom: 1px white dotted; }
 
.sign2 a:hover, .sign2 a:active { margin-top: 0px; font: 10px Helvetica, Arial, sans-serif; color: black; text-decoration: none; line-height: 10px;
	border-bottom: 1px black solid;
	
	-moz-border-radius: 0px; -webkit-border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px;
}