/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	line-height:14px;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}






strong{ font-weight:bolder;}
#flashcontent{ z-index:1;}
.cb, .clearer{ clear:both;}
#flashlink{ position:fixed; top:470px;right:0; z-index:9; /*background-color:#0F9;*/}



 #preco_index{ width:350px; height:170px; padding:5px; position:absolute; right:-50px; top:10px; color:#fff; font-size:11px; z-index:99; }
#preco_index h1{ font-size:35px; line-height:40px; color:#d0d0d0; font-weight:bolder;}
#preco_index strong{ color:#fff;}
#preco_index a{ text-decoration:none; font-weight:bolder;}
#preco_index a:hover{ text-decoration:underline;}


/* ============ PIED =============*/
#pied{ font-size:11px; width:980px; margin:auto; text-align:center;}
#pied a{ font-size:11px;}


body{ background-color:#668601;}
#site{ width:980px; height:590px; margin:auto; position:relative; z-index:0; }

#haut{ width:980px; height:150px; top:0; background-image:url(img/bg_bas.png); background-repeat:no-repeat; z-index:5; position:relative}
#haut a.home{  height:120px; width:110px; display:block; float:left; cursor:pointer; position:absolute; top:0; left:30px; top:5px; z-index:20; }
#haut #menu{ width:830px;  padding-left:150px; bottom:27px; position:absolute; text-shadow:1px 1px 1px #111;}




#bas{ width:980px; height:150px; position:absolute; bottom:0; background-image:url(img/bg_bas.png); background-repeat:no-repeat; z-index:5;}
#menu{ width:830px;  padding-left:150px; bottom:27px; position:absolute; text-shadow:1px 1px 1px #111;}
#bas a.home{  height:120px; width:110px; display:block; float:left; cursor:pointer; position:absolute; top:0; left:30px; top:5px; z-index:20; }
#menu a{ text-decoration:none; color:#FFF; font-size:12px;
		}
#menu a:hover{ color:#f9100c;}

#content{
	position:relative;
	font-size:12px;
	line-height:14px;
	z-index:50;}
#colgauche{ float:left; width:180px; height:400px; padding:50px 0 0 50px; text-align:left; color:#fff;}


/* ==========JOBS==============*/
#site.jobs #content{width:700px; overflow:hidden;}
#site.jobs #colgauche{width:280px; line-height:16px; }
.form2{
width:350px;
height:400px;
padding-top:100px;
position:relative;
float:left;
}



/*=============RESERVATION==================*/
#site.resa #content{ width:600px; z-index:15;	}
.form {
padding-left:20px;
width:600px;
padding-top:50px;
height:400px;
position:relative;
 z-index:10;
}
.form  form{ text-align:left;}


/* ============ ACCES =============*/
#mappy{ position:absolute; z-index:15; top:450px; width:500px; left:240px; }
#acces table{ position:absolute; z-index:2; top:450px; left:50px;s width:100%;}
#coord{ text-align:center; height:35px; padding:20px 0 10px 0; font-size:12px; line-height:14px;}
#coord a{ color:#CCC;}
.mappy{ color:#fff; font-size:11px; text-decoration:none;  display:inline-block; }
.mappyimg{display:inline-block; }
#flashcontent_acces{ width:860px; height:420px; margin:auto;}


/*=============TARIFS==============*/
#site.tarifs #content{
	width:350px;
	padding-top:50px;
	padding-left:100px;
}
#site.tarifs #content small{ font-size:11px;}
#site.tarifs h1{ font-size:14px; text-shadow:1px 1px 1px #111;}


/*=============OFFRIR cadeaux==============*/
#site.offrir_cadeaux{ height:auto;}
#site.offrir_cadeaux #content{ width:980px; position:relative;}
#site.offrir_cadeaux #content table tr td div.pdt{ position:relative;}
#site.offrir_cadeaux #content table tr td{  position:relative;}
#site.offrir_cadeaux #content table tr td p{ color:#000; text-align:justify; font-size:10px; padding-right:10px;}
#site.offrir_cadeaux #content table tr td h1{ color:#f00101; font-size:13px; padding-top:5px;margin:0 0 5px 0; font-weight:bolder;}
#site.offrir_cadeaux #content table tr td p.prix{ font-size:15px; margin-bottom:5px; position:absolute; top:5px; right:5px; padding:0;}
#site.offrir_cadeaux #content table tr td p.prix sup{ color:#000; font-size:11px; line-height:11px;}
#site.offrir_cadeaux #content table tr td.blanc{ background-color:#FFF;}
#site.offrir_cadeaux #content table tr td img{ float:left; margin-right:10px;}
#site.offrir_cadeaux #content table tr td a.commander{ display:block; height:15px; font-size:11px; color:#000; text-decoration:none; position:absolute; bottom:0px; right:0;
														padding-right:30px; background-image:url(img/offrir/puce_offrir.gif); background-repeat:no-repeat; background-position:right;}
#site.offrir_cadeaux #content table tr td a:hover.commander{ text-decoration:underline;}


/*=============OFFRIR==============*/
#site.offrir #content{ width:980px; position:relative;}
#site.offrir strong{ text-shadow:1px 1px 1px #111;}

#site.offrir #preco{ width:400px; height:170px; padding:5px; background-color:#FFF; position:absolute; right:230px; top:10px; color:#000; font-size:11px; text-align:justify;
		-moz-box-shadow: 2px 2px 5px #000;
		-webkit-box-shadow: 2px 2px 5px #000;
		box-shadow: 2px 2px 5px #000;
}
#site.offrir #preco h1{ color:#757575; font-size:13px; font-weight:bolder; padding-top:5px; }
#site.offrir #preco h2{ color:#ef0101; font-size:13px; font-weight:bolder; }
#site.offrir #preco strong,
#site.offrir #preco p{ color:#000;
text-shadow:none; font-size:11px; line-height:13px;}
#site.offrir #preco p{ margin-bottom:5px;}
#site.offrir #preco a{ color:#ef0101; font-size:11px; text-decoration:none; }
#site.offrir #preco a:hover{ text-decoration:underline;}


/* ============ COURS =============*/
#site.cours table tr td p{ line-height:16px;}
#site.cours h1{ font-size:13px; font-weight:bolder; color:#fff; text-shadow:1px 1px 1px #111;}
#site.cours em{ text-shadow:1px 1px 1px #111;}


/* ======PRESSE ==============*/
#site.presse div.presse{ height:400px; overflow:auto; text-align:left; font-size:11px; width:150px; text-align:center; padding:0 0 0 10px; top:50px; position:relative; z-index:200; float:left; }
#site.presse #droite{
	float:left;
	width:630px;
	height:400px;
	position:relative;
	z-index:1000;
	text-align:center;
}
#site.presse #droite a{ float:left; padding-right:5px; color:#f9100c; text-decoration:none; padding-bottom:5px; color:#fff;}
#site.presse #droite a.menu{
	float:left;
	padding-right:15px;
	text-decoration:none;
	text-shadow:1px 1px 1px #111;
	font-size: 12px;
}

/* ============ ARCHIVES =============*/
#site.archives #content{ margin:auto; text-align:center;}