@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ background-image:url(./images/bg-body.gif); background-color:#fff}
#conteneur{width:950px; margin:auto; min-height:650px;height: auto; background-image:url(../images/rep-conteneur.jpg); background-repeat:repeat-y; background-color:#FFFFFF;}
#haut{margin:auto;width:950px; text-align:center; color:#666666; font-family:Arial, Helvetica, sans-serif;}
#haut h1{ font-size:10px;}
#header{width:950px;height:150px;}
#contenu{ width:950px;min-height:520px; height:auto; border:#3A6AA8 solid 0px;padding-left:20px;padding-top:0px; background-image:url(../images/fond-contenu.jpg); background-repeat:no-repeat; }
#contenu h1{font-family:arial; font-size:1.2em; color:#ffff00;}
#contenu p{font-family:arial; font-size:.9em; color:#444444;text-align:justify;width:870px;}
.centerdiv{border:1px solid #ff8b1a; padding:5px;width:900px;}

nobr{color:#ff8b1a; font-family:arial; font-size:.9em;font-weight: 400; background-color:#406eaa;}
#Xwright{ margin-left:0px;width:900px;border:1px solid #ff8b1a; padding:5px;}


div.content{width: 920px; min-height: 500px; height:auto; position: relative; overflow: auto; overflow-x: hidden; margin-top:40px;}
div.content p span{color:#ff8b1a; font-family:arial; font-size:1.2em;font-weight:bold; text-align:left;}
.meteo_vagues{margin-left:85px;border: #ff8b1a solid 1px;padding:2px; }
.galerie{width:295px;float:left;text-align:center; }
.galerie span{width:295px;font-family:arial; font-size:.9em; color:#444444; font-weight:bold;}
img.esp{ display:block;  clear:right;padding:2px;border:#ffff00 solid 1px; margin:4px;width: 290px; height:200px;}


#menu{width: 950px;height: 40px;margin-left: -10px;}

a.accueil{background-image:url(../images/btn-accueil.gif);display: inline-block;width: 186px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 40px;padding: 0px;}
a.accueil:hover{ background-image:url(../images/btn-accueil-roll.gif);}
a.planches{background-image:url(../images/btn-planches.gif);display: inline-block;width: 186px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 40px;padding: 0px; margin-left:-4px;}
a.planches:hover{ background-image:url(../images/btn-planches-roll.gif);}
a.blog{background-image:url(../images/btn-blog.gif);display: inline-block;width: 186px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 40px;padding: 0px; margin-left:-4px;}
a.blog:hover{ background-image:url(../images/btn-blog-roll.gif);}
a.liens{background-image:url(../images/btn-liens.gif);display: inline-block;width: 186px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 40px;padding: 0px; margin-left:-4px;}
a.liens:hover{ background-image:url(../images/btn-liens-roll.gif);}
a.contact{background-image:url(../images/btn-contact.gif);display: inline-block;width: 186px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 40px;padding: 0px; margin-left:-4px;}
a.contact:hover{ background-image:url(../images/btn-contact-roll.gif);}


div.titre{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ff8b1a;}


#divform{width:800px;float:left; clear:none;margin-left:25px;margin-top:20px;border:1px solid #ff8b1a; padding:30px;}
form{width:350px;float:left; clear:none;margin-left:10px;margin-top:40px;border:0px solid #ff8b1a; padding:30px;}
.coord{width:300px;float:left; clear:none;margin-left:5px;margin-top:60px;border:0px solid #ff8b1a; padding:30px;padding-top:5px;padding-bottom:5px;}


input, select, textarea {border:1px solid #ff8b1a;font-size:11px;font-weight:normal;color:#000;background-color:#FFFFFF;margin:0 0 1px;font-family: arial;margin-bottom:4px;}
label {	width:90px;	display:block;float:left;color:#fff;height:15px;padding:0;margin-top: 0;margin-right: 5px;
margin-bottom:4px;margin-left: 0; font-family:arial;}
.label{color:#fff;  font-family:arial;}
#footer{width:950px;margin-top:2px; text-align:center;margin:auto;}
#footer span, #footer span a{color:#fff;font-family:arial; font-size:.9em;text-decoration:none; clear:none;}

#gallery {width:900px;min-height:500px; margin:0 auto;}
#thumbnails {width:200px; height:425px; overflow:auto; float:right; margin:10px 0;border: #ff8b1a solid 1px;margin-top:0px;}
#thumbnails img {display:block; width:74px; height:74px; float:left; padding:3px; cursor:pointer;}
#thumbnails ul {margin:0; padding:0; list-style:none;}
#thumbnails ul li div {display:none;}
#fullSize {width:630px; font-family:georgia, serif; border: #ff8b1a solid 1px; background:#fff;}
#fullSize img {display:block; margin:10px auto; width:auto; padding:1px; background:#000;}
#fullSize div {background:#fff; margin:0 auto; text-align:left; padding:10px 0;}
#fullSize div h1 {font-size:18px; padding:5px 0; margin:0;}
#fullSize div p {font-size:12px; line-height:1.6em; color:#000; padding:5px 0; margin:0;}

#liens{ margin-left:120px;clear: both;}
.lien{width: 228px;float: left;text-align: center;padding-top: 5px;padding-right: 2px;padding-bottom: 2px;padding-left:2px;background-image: url(../images/fond-lien.gif);background-repeat: no-repeat;background-position: center top;margin-bottom: 6px;}
.lien div{color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:.8em; }
.lien div a{color:#ff8b1a; font-family:Arial, Helvetica, sans-serif; text-decoration:none;font-size:.9em;}
.lien div a:hover{ font-weight:bold; border: #ff8b1a dotted 1px; }

.coord span{color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:.8em; text-align:right; display:inline-block; float: right;}
.tarifs{width:800px;float:left; clear:none;margin-left:25px;margin-top:10px;border:1px solid #ff8b1a; padding:30px;padding-top:5px;padding-bottom:5px; text-align:center;}
.centre{font-family:arial; font-size:.9em; color:#444444; text-align: center;}