/**** CSS Festival de la Mer ***/
* {padding:0; margin:0}
body {margin:0px;color:#ffffff;font-size:12px;font-family:verdana,arial;  background-repeat: repeat-x; background-color:#100801;}
A:link {font-size:12px;color:#8b9773;font-weight:bold;text-decoration:none;}
A:visited {font-size:12px;color:#8b9773;font-weight:bold;text-decoration:none;}
A:hover {font-size:12px;color:#ffffff;font-weight:bold;text-decoration:none;}
p{margin:0px;border:0px;padding:0px;}
input {padding:5px;margin:0px;font-family: Arial;font-size:11px;color:#000000;background-color:#FFFFFF;font-weight:bold;border:#0a4577 1px solid;}
textarea {padding:0px;margin:0px;font-family: Arial;font-size:11px;color:#000000;background-color:#FFFFFF;font-weight:bold;border:#0a4577 1px solid;}
select {font-family: Arial;font-size:10px;color:#000000;background-color:#FFFFFF;font-weight:bold;border:#000000 1px solid;}
img{border:0px;}
hr{width:100%;color:#D7D7D7;background-color:#D7D7D7;height:1px;border:0px;}
h1{color:#ffffff;font-family:verdana;font-size:12px;font-weight:bold;text-decoration:none;margin:0px;margin-top:20px;}
h2{color:#ffffff;font-size:11px;font-family:verdana,tahoma,arial;font-weight:normal;text-decoration:none;margin:0px;}
h3{color:#003663;font-family:verdana;font-size:11px;font-weight:bold;margin:0px;padding-top:10px;}
h4{color:#01447c;font-size:11px;font-weight:bold;margin:0px;text-decoration:none;}
h5{color:#ff6c00;font-size:14px;font-weight:bold;margin:0px;text-decoration:none;}

/**** ID ***/
#main{width:900px;margin-left:auto;margin-right:auto;background-image:url('images/fond.jpg');background-repeat:no-repeat;}
#top{width:900px;height:173px;}
#logo{width:300px;float:left;}
#menu{width:600px;float:left;}
#menu a{color:#fff;font-weight:bold;font-family:lucida grande, arial;}
#menu a:hover{color:#7bad10;font-weight:bold;font-family: lucida grande, arial;}
#boutons{width:300px;height:274px;float:left;}
#flash{width:600px;height:274px;float:left;}
#bottom{width:900px;height:234px;margin-top:20px;}
#col_gauche{width:290px;float:left;}
#col_middle{width:280px;float:left;}
#col_droite{width:290px;float:left;}
#galerie_photo{width:290px;height:81px;}
#coordonnees{width:290px;height:113px;background-image:url('images/fond_coordonnees.gif');background-repeat:no-repeat;margin-top:10px;}
#reservation{width:300px;height:113px;background-image:url('images/fond_reservation.gif');background-repeat:no-repeat;}
#coordonnees p{margin-top:5px;}
#footer{margin-top:20px;color:#8b9773;margin-bottom:20px;}
#footer_left{width:450px;float:left;margin-top:10px;}
#footer_right{width:450px;float:left;text-align:right;margin-top:10px;}
#middle2{width:900px;height:174px;background-color:#eeeeee;}
#contenu{width:900px;margin-top:20px;}
#contenu_left{width:300px;float:left;}
#contenu_right{width:580px;margin-left:20px;float:left;}
#contenu_page{width:580px;text-align:justify;color:#8b9773;margin-top:20px;}
#titre{font-weight:bold;color:#ffffff;margin-bottom:10px;}
#flash_left{width:300px;height:300px;}



/****class***/
.clear{clear:both;}
.bouton{width:300px;height:137px;}
.titre_col{height:41px;}
.contenu_col{height:194px;text-align:justify;color:#8b9773;}
.actu{width:290px;height:85px;margin-bottom:20px;}
.pic_actu{width:85px;height:85px;float:left;}
.text_actu{width:195px;height:85px;margin-left:10px;float:left;}
.sepa{width:20px;height:194px;float:left;padding-top:41px;}
.barre{height:1px;background-color:#393927;padding:0px;overflow:hidden}
.vert{font-size:11px;color:#7bad10;}
.titre{font-weight:bold;font-size:14px;color:#ffffff;}

.bouton-savoir{width:300px;height:137px;float:left;display:block;background:url("images/bouton-savoir.jpg") 0 0 no-repeat;}
.bouton-savoir:hover,#bouton-savoir:active,#bouton-savoir:focus{background-position:0 -137px;}

.bouton-carte{width:300px;height:137px;float:left;display:block;background:url("images/bouton-carte.jpg") 0 0 no-repeat;}
.bouton-carte:hover,#bouton-carte:active,#bouton-carte:focus{background-position:0 -137px;}