/* ________________________________________________________*/
/* CONTENEURS                                              */
#conteneur		{ border:1px solid #777; width:770px; height:418px; margin:80px auto; text-align:left; padding:0; position:relative;}
#header			{ height:138px; position:relative; margin:0 0 20px;}
#logo			{ background:url('../documents/images/design/logo.jpg') no-repeat top right; display:block; width:100%; height:100%; text-indent:-99999px; }
#logo span		{ }
#corps 			{ position:relative; height:266px; width:360px; margin-left:400px; }
#footer			{ clear:both; float:none;}


#booking		{font-family:Arial, Helvetica, sans-serif; font-size:9px; width:160px;float:left; margin-top:7px;}
#booking img	{ float:left;}
#booking span	{ display:block; margin-top:12px; width:50px; float:left;}

#demeures	{ float:left; width:126px; }

/* FONDS */
#conteneur			{ background:url('../documents/images/design/img-home.jpg') no-repeat; } /* par défaut */
#page2 #conteneur	{ background:url('../documents/images/design/img-lecole.jpg') no-repeat; }
#page4 #conteneur	{ background:url('../documents/images/design/img-chambre.jpg') no-repeat; }
#page5 #conteneur	{ background:url('../documents/images/design/img-contact.jpg') no-repeat; }

/* ________________________________________________________*/
/* BALISES                                                 */
html			{ padding:0; margin:0;}
body			{ background:#fff; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; text-align:center;}
a				{ color:#c9676f; outline:none; }
a:visited		{ color:#935f63; }
a img			{ border:none;}
a:hover			{ color:#333; }
p				{ margin:0 0 16px; }
img				{ margin-bottom:15px;}
img.no_border	{ border:none;}

#main object	{ position:absolute; z-index:40; top:-10px; padding:0; }

h1 				{ color:#333; font-size:20px; }
h2				{ font-size:14px; margin:0; color:#000;font-weight:bold; }
h3 				{ font-size:1.3em; margin:0 0 4px; color:#344D7F; }
h4				{ font-size:1.2em; margin:0; font-style:italic;}
h5				{ }
ul,ol			{ padding:0 0 0 14px;margin-left:0; list-style-position:outside; list-style-type:square;}
li				{ padding-left:0;margin-left:0; margin-bottom:4px; }
dl				{ }
dl dd			{ padding:0; margin:0;}
dl dd p			{ padding:0; margin:0; }
acronym			{ cursor:pointer; }

fieldset		{ border:none; padding:0;}
label			{ display:block; font-weight:bold;}
input, select, textarea{ width:90%; border:1px solid #8c99a3; background:#FFF; margin-bottom:6px; color:#777; padding:3px;}
input:hover, select:hover, textarea:hover{ }
textarea:hover{ background-position:top;}
label.error { float: none; color:#F80; margin-top:-10px; }
.submit			{ background:#718A91; color:#FFF; width:auto; margin:0; border:none;}

table			{ background:#cecece; padding:6px; }
thead			{ background:#4f4f4f; color:#fff; font-weight:bold; }

.encart			{ background:#a4a0c3; color:#344D7F; margin:0; padding:15px; -moz-border-radius:0 20px 0 20px; clear:both; }
.encart h2		{ }
.encart h3		{ }
.encart h4		{ }

/* ________________________________________________________*/
/* CLASSES                                                 */
.article			{ clear:both; float:none;}
.left				{ float:left; margin:0 10px 10px 0; }
.right				{ float:right; margin:0 0 10px 10px; }
.cale				{ display:block; clear:both; float:none; height:0; }
.margin				{ margin:15px; }
.bouton_lien		{ background-color:#856B58; padding:3px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.addthis_button		{ margin-left:15px; position:absolute; bottom:10px; width:auto;}

/* Colonnes (defaut) */
.c1					{ width:46%; float:left; position:relative; padding:2%;}
.c2					{ width:46%; float:right; position:relative; padding:2%;}
.c3-1,.c3-2,.c3-3	{ width:30%; float:left; position:relative; margin:0 15px; }

/* NAVIGATION */
#navigation			{ position:absolute; top:144px; left:270px; height:auto; width:70px; z-index:10;}
#navigation  ul		{ padding:0; margin:0; }
#navigation ul ul	{ display:none; height:auto; }
#navigation li		{ list-style:none; list-style-position:inside; width:auto; float:left; position:relative; margin:0; padding:0; }
#navigation li li	{ float:none; clear:both; }
#navigation li.current{ }
#navigation ul a	{ text-indent:-99999em; display:block; height:70px; width:85px; margin-bottom:8px;}

#tl,#tr,#br,#bl	{ background:url('../img/coins-corps.png') no-repeat; width:10px; height:10px; position:absolute; }
#tl				{ top:0; left:0; background-position:-10px -10px; }
#tr				{ top:0; right:0; background-position:0 -10px; }
#br				{ bottom:0; right:0; background-position:0 0; }
#bl				{ bottom:0; left:0; background-position:-10px 0; }

#overlay2 { 
	background:#FFF;
	width:600px;
    color:#efefef; 
    height:450px; 
	display:none;
}
#splash-screen,
#overlayVideo {
	width:620px;
    color:#efefef; 
    height:390px; 
	display:none;
	z-index:1000;
} 
.close { 
    background:url(../documents/images/design/close.png) no-repeat center center; 
    position:absolute; 
    right:-19px; 
    top:-19px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

	#googleMap		{ width:560px; height:365px; padding:10px; background:#111; display:none; z-index:10000; text-align:left; border:1px solid #666; color:#666;}
	#video		{ width:560px; height:365px; padding:10px; background:#111; display:none; z-index:10000; text-align:left; border:1px solid #666; color:#666;}
	#zoom		{ width:485px; height:400px; padding:10px; background:#111; display:none; z-index:10000; text-align:left; border:1px solid #666; color:#666;}
	#tarifs		{ width:480px; height:400px; padding:10px; background:#fff; display:none; z-index:10000; text-align:left; border:1px solid #666; color:#666;}
	
	#tarifs h1	{ background:#000; text-align:center; padding:0; height:44px; margin-top:0; }
	#tarifs h2	{ border-bottom:1px solid #000; margin-bottom:5px; }
	#tarifs h2 em	{ font-size:11px; font-weight:normal; }

/* ________________________________________________________
GALLERY */

	#gallery		{ width:580px; height:635px; padding:10px; background:#111; display:none; z-index:10000; text-align:left; border:1px solid #666;}

	#gallery 				{ }
	#gallery .panes			{ width:580px; height:642px; position:relative; }
	#gallery .item			{ display:none; width:580px; height:426px; padding:0; text-align:center; background:none; position:absolute; top:0; border:none; }
	
	#gallery .next					{ color:#F99; font-size:14px; position:absolute; bottom:200px; cursor:pointer; }
	#gallery #thumbs				{ width:560px; height:180px; position:absolute; bottom:0; margin-bottom:8px;padding:8px; border:1px solid #666; }
	#gallery #thumbs .content		{ padding:5px;}
	#gallery #thumbs ul				{ margin:0;list-style:none; }
	#gallery #thumbs li				{ margin:0 6px 5px 0; float:left; width:auto; list-style:none; }
	#gallery #thumbs li,
	#gallery #thumbs li a			{ width:auto;height:56px; }
	#gallery #thumbs img			{ height:56px; border:1px solid #000; }
	#gallery #thumbs a.current img	{ border:1px solid #F90; }
	
	#gallery .item img		{ margin:0;padding:0;}
	#gallery h2				{ color:#777; background:none; padding:0; }
	#gallery h3				{ color:#ccc; }
	#gallery .image			{ border:1px solid #555; padding:6px; height:373px; }
	#gallery .description	{ padding:10px 0; height:140px; text-align:left; margin-top:5px; display:block;color:#aaa; text-indent:0; }