@charset "utf-8";
/* CSS Document */
html, body{	margin:0;	padding:0;	font-family: Arial, Helvetica, sans-serif;	font-size:12px;	color:#333; background: #FC0;}
#accueil{background: url(camping-saint-malo/fond-body.jpg) repeat-x top;}
#inter{background: url(camping-saint-malo/fond-body-inter.jpg) repeat-x top;}
a img { border:none; }
a { text-decoration:none; }
.titre-page{ color:#333; font-size:20px; font-weight:normal;}

#header{ background: url(camping-saint-malo/fond-header.png) no-repeat top; width:1000px; height:220px; position:relative; margin:0 auto; z-index:2;}
#home{ display:block; width:700px; height:150px; text-indent:-9999px;}
#lang{ position:absolute; right:100px; top:0; z-index:999;}
#flash{	position: absolute; z-index:5;}

#contenu-accueil{ width:1000px; position:relative; margin:-165px auto 0 auto; background: url(camping-saint-malo/contenu.png) no-repeat top; z-index:2; padding:40px 0 0 0; overflow:auto;}
#contenu{ width:1000px; position:relative; margin:-117px auto 0 auto; background: url(camping-saint-malo/contenu.png) no-repeat top; z-index:2; padding:40px 0 0 0; overflow:auto;}

#menu{padding:0; margin:10px 0 50px 0;list-style:none;}
#menu li{padding:0; margin:0; float:left; border-left:#FFFFCC solid 1px;}
#menu li a{ text-decoration:none; font-size:16px; border-right:#CCB451 solid 1px; color:#333; padding:0 10px;}
#menu li a:hover, #menu li a.actif{ background:url(camping-saint-malo/fond-menu.png);}

#left, #center, #right, #center-inter{ float:left; margin:0 15px; padding:0 0 10px 0;}
#left, #center, #right{ width:300px;}
#center p{ text-align:justify; }
#center-inter{ width:630px; position:relative;}
.aqua{ background:url(camping-saint-malo/fond-aqua.png) no-repeat bottom left;}

h1.burling{ font-size:40px; margin:0; padding:0; line-height:20px;}
/*----------ACCUEIL-----------------------------------------------------------------------*/
#video-home, #resa, #offres{ width:289px; height:71px; text-indent:-9999px; display:block; position:relative; z-index:1; }
#video-home{ background:url(camping-saint-malo/visite-video.png) no-repeat; margin:0; }
#offres{background:url(camping-saint-malo/offres.png) no-repeat; margin:0;}
/*----------ACCUEIL FIN-----------------------------------------------------------------------*/

/*----------CONTENU-----------------------------------------------------------------------*/
#resa{background:url(camping-saint-malo/reservation.png) no-repeat; margin:0;}
#form-resa{ margin:-20px 0 0 30px;}
.none{ display:none;}
.bleu{color:#02DAF9; font-size:14px;}
.right{ text-align:right;}
.photos{ display: inline-block; text-indent:-9999px; width:179px; height:111px; background:url(camping-saint-malo/diaporama.gif) no-repeat; /*margin:0 20px 0 0;*/}
/*--------HERBERGEMENT-------------------*/
.photo-heberg, .video-heberg, .inventaire{ width:136px; height:51px; display:block; text-indent:-9999px; float:left;}
.photo-heberg{ background:url(camping-saint-malo/galerie-heberg.png);}
.video-heberg{ background:url(camping-saint-malo/video-heberg.png);}
.inventaire{ background:url(camping-saint-malo/inventaire.png);}
#dispo{ width:289px; height:71px; display:block; text-indent:-9999px; background:url(camping-saint-malo/dispo-grand.png);position:relative; z-index:1; margin:50px 0 0 0; }
.float-left{ float:left; margin:0 20px 0 0;}
.border-blanc{ border:#FFF solid 5px;}
.font40{ font-size:60px; line-height:25px; margin:0; padding:0; }
.desc-heberg{ clear:both;}
.tab-heberg th{ background: #FFF;}
.tab-heberg td{ background: #FFF4CA; text-align:center;}
.date{ color:#02C1DD; font-weight:bold;}
/*--------HERBERGEMENT FIN-------------------*/
/*--------MAP-------------------*/
#map{ width: 1000px; height: 320px; position: relative; margin: 0 auto; top:-75px; z-index:1;}
#france{ position:absolute; right:0; top:0;}
/*--------MAP FIN-------------------*/
/*--------DOC PDF -------------------*/
#doc{ list-style:none; padding:0; margin:0;}
#doc li{ float:left; padding:0; margin:0 10px 10px 0; width:200px; text-align:center; font-style:italic;}
/*--------DOC PDF FIN-------------------*/
/*----------CONTACT-----------------------------------------------------------------------*/
#form-contact {	float:left; margin:0 15px; padding:0 0 10px 0; width:630px;}
#form-contact ul {	padding:0; list-style:none; margin:0;}
#form-contact ul li {margin:0 20px 5px 0; padding:0; float:left;}
#form-contact ul li label {	width:100px; display: inline-block; text-align:right; margin-right:5px; float:left;}
#form-contact ul li h1 {width:600px; margin:20px 0 0 0; border-bottom:#FFF solid 1px;}
.grand_input { width:350px; }
#message { width:430px; height:100px;}
/*-----------------------CONTACT FIN----------------------------------------*/
/*-----------------------TRIGGER----------------------------------------*/
.liste-trigger{ list-style:none; margin:0; padding:0; width:600px;}
.liste-trigger li{ list-style:none; margin:0; padding:0; width:600px;}
h2.trigger {padding: 0 0 0 10px; margin: 0 0 0 0;	background: url(camping-saint-malo/h2_trigger_a.png) no-repeat;	height: 44px;	line-height: 30px;	width: /*230px;*/	;font-size:14px; font-weight: normal; z-index:1; position:relative;}
h2.trigger a {	color: #333; text-decoration: none;	display: block;}
h2.trigger a:hover { color: #666; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {	margin: 0;	padding: 0;	overflow: hidden;	font-size:12px;	width: 600px;	clear: both; z-index:0; position:relative;}
.toggle_container .block {	padding:0 10px 20px 10px; /*--Padding of Container--*/	/*background: url(camping-saint-malo/toggle_block_btm.gif) no-repeat left bottom;*/ /*--Bottom rounded corners--*/}
.toggle_container .block p { margin:0 0 10px 0;}
ul.listestyle{ list-style: square; float:left; width:250px;}
.listestyle li{ list-style: square; width:240px;}
/*-----------------------TRIGGER FIN----------------------------------------*/
.bleu{ font-size:16px; color: #00B6CA;}
/*----------CONTENU FIN-----------------------------------------------------------------------*/

/*----------FOOTER--------------------------------------------------------------------*/
#footer{ width:100%; background:url(camping-saint-malo/fond-footer.jpg) repeat-x top; padding:20px 0; position: relative;}
#footer a{ color:#666;}
/*----------FOOTER FIN--------------------------------------------------------------------*/

/*----------COIN--------------------------------------------------------------------*/
#pageflip {	position: absolute;	right: 0; top: 0;	float: right; z-index:20; }
#masque {	width: 70px; height: 73px;	z-index: 20; position: absolute;	right: 0; top: 0;	-ms-interpolation-mode: bicubic;}
#pageflip  .msg_block{	width: 70px; height: 70px;	overflow: hidden;	position: absolute;	right: 0; top: 0;	background: url(camping-saint-malo/actu.jpg) no-repeat right top; z-index:5;}
.msg_block div { margin:30px 20px 200px 80px; text-align:right;}
#fleche{ position:absolute; top:0; right:0; height:30px; width:30px; z-index:21;}
/*----------COIN FIN--------------------------------------------------------------------*/