@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal;  text-align:justify; letter-spacing:0px;}
html{ background-color:#30569f;}
.clearer{ clear:both;}
#site{ margin:auto; width:980px; margin-top:30px; border:#FFF 1px solid; position:relative;}
#flash{ position:absolute; top:0; left:0; margin:0; z-index:1;}
 img.vague{ z-index:1; position:absolute;  top:50px; left:100px; z-index:2;}
#flash_index{ position:absolute; top:0; left:0; margin:0; z-index:1;}


a{ color:#FFF;}


#site.index{ height:590px; background-image:url(../images/bg/accueil.jpg);}
#site.bateau{ height:590px; background-image:url(../images/bg/bateau.jpg);}
#site.equipage{ height:590px; background-image:url(../images/bg/equipage.jpg);}
#site.mer{ height:750px; background-image:url(../images/bg/promenade-mer.jpg);}
#site.sorties-peche{ height:590px; background-image:url(../images/bg/sortie_peche.jpg);}
#site.pedago{ height:590px; background-image:url(../images/bg/prom-pedago.jpg);}
#site.location{ height:590px; background-image:url(../images/bg/location.jpg);}
#site.galerie{ height:590px; background-image:url(../images/bg/galerie.jpg);}
#site.video{ height:590px; background-image:url(../images/bg/video.jpg);}
#site.liens{ height:590px; background-image:url(../images/bg/liens.jpg);}
#site.contact{ height:590px; background-image:url(../images/bg/contact.jpg);}
#site.nuit{ height:590px; background-image:url(../images/bg/nuit.jpg); }







#site.index #video a{ display:block; width:100px; height:100px; position:absolute; background-image:url(../images/utils/cam.png); background-position:top; z-index:5; left:860px; top:10px; }
#site.index #video a:hover{ background-position:bottom; }

#site.pro{ height:626px; background-image:url(../images/bg/peche_pro.jpg);}

#bas_page{ width:980px; height:15px; padding-top:5px; color:#FFF; text-align:center; margin:auto; font-size:11px;}


pre{ width:20px;}

#menu{ color:#000; }
#menu ul li{ display:inline; list-style-type:none;}
#menu ul li a{ color:#000; text-decoration:none; font-size:12px;  font-family:Arial, Helvetica, sans-serif; }
#menu ul li a:hover{ color:#2f559f;}
#menu ul li.active a{ color:#2f559f;}
#menu ul li{border-right:#000 1px solid; padding:0 8px 0 8px;}
#menu ul li ul li{ border:none;padding:0 8px 0 8px;}

#menu ul li.last{ border:none; padding:0 0 0 8px;}

#menu.pages{ position:absolute; top:15px; left:25px; height:50px; z-index:3;}

#menu.index{ position:absolute; top:545px; left:25px; z-index:10;}


/*  ***********************		PECHE PRO		*********************** */
#site.pro #txt{ width:260px; position:absolute; left:425px; top:225px; font-size:12px; color:#FFF;  z-index:2;}
#site.pro #txt1{ width:240px; height:120px; position:absolute; left:705px; top:230px; font-size:12px; line-height:13px; color:#FFF;  z-index:2;}
#site.pro #txt1 h2{ color:#3056a0; font-size:14px; line-height:15px;}
#site.pro #txt1 ul{ list-style-position:inherit; padding-left:20px; }
#site.pro #txt1 ul li{ margin-bottom:5px;}
#site.pro #diapo{ position:absolute; top:225px; left:20px;}


/*  ***********************		GALERIE		*********************** */
#site.galerie #txt{ width:900px; height:180px; position:absolute; left:30px; top:220px; font-size:12px; color:#FFF;  z-index:2;}
#site.galerie #txt a{ float:left; width:80px; height:80px; padding:5px; background-image:url(../images/contenu/bg_galerie.png); background-repeat:no-repeat;}

/*  ***********************		VIDEO		*********************** */
#site.video #txt{ width:980px; height:130px; position:absolute;top:180px; font-size:12px; color:#FFF;  z-index:2;}

/*  ***********************		Liens		*********************** */
#site.liens #txt{ width:870px; height:250px; overflow:auto; position:absolute; left:50px; top:220px; font-size:12px; line-height:13px; color:#FFF;  z-index:2; text-align:center;}
#site.liens #txt ul{ list-style-position:outside; padding-left:20px;}

/*  ***********************		CONTACT		*********************** */
#site.contact #txt{ width:530px; height:180px; position:absolute; left:30px; top:220px; font-size:12px; color:#FFF;  z-index:2;}
#site.contact #txt h2{color:#2f559f; font-size:13px; font-weight:bolder; text-decoration:underline;}
#site.contact  #googlemap{ float:right; position:absolute; left:530px; top:220px;}
#site.contact  #googlemap a{ float:right; font-size:12px;  color:#FFF;}


/*  ***********************		BATEAU		*********************** */
#site.bateau #txt{ width:720px; height:180px; position:absolute; left:30px; top:190px; font-size:14px; color:#FFF; z-index:2;}
#site.bateau #txt1{ width:420px;  left:30px; position:absolute; top:300px; font-size:13px; line-height:14px; color:#FFF; z-index:2;}
#site.bateau #chiffres{ width:430px; height:100px; position:absolute; left:480px; top:390px; font-size:12px; color:#FFF; line-height:13px; z-index:3; }
#site.bateau #chiffres h2{ color:#3056a0; font-size:14px; line-height:15px;}

#site.bateau #diapo{ position:absolute; top:200px; left:700px; z-index:0;}


/*  ***********************		PEDAGO		*********************** */
#site.pedago #txt{ width:620px; position:absolute; left:30px; top:220px; font-size:14px; color:#FFF;  z-index:2;}
#site.pedago #details{ width:240px;  position:absolute; left:700px; top:200px; font-size:12px; color:#FFF; line-height:14px; }
#site.pedago #details ul{ list-style-position:outside; padding-left:20px;}
#site.pedago #details h2{ font-size:14px; text-transform:uppercase; color:#2f559f;}
#site.pedago #details #sea{ width:130px; height:130px; position:absolute; z-index:1; top:220px; left:60px;}
#site.pedago #details #sea a.sea{ display:block;width:130px; height:130px; background-image:url(../images/utils/seaquarium.gif); background-position:top;}
#site.pedago #details #sea a:hover.sea{ background-position:bottom;}
#site.pedago #diapo{ position:absolute; top:320px; left:0;}


/*  ***********************		LOCATION		*********************** */
#site.location #txt{ width:620px; position:absolute; left:30px; top:220px; font-size:14px; color:#FFF;  z-index:2;}
#site.location #details{ width:240px;  position:absolute; left:700px; top:200px; font-size:12px; color:#FFF;   z-index:2;}
#site.location #details ul{ list-style-position:outside; padding-left:20px;}
#site.location #details h2{ font-size:14px; text-transform:uppercase;}

/*  ***********************		EQUIPAGE		*********************** */

#site.equipage #txt1{ width:335px; height:115px; position:absolute; left:125px; top:235px; font-size:11px; color:#000;line-height:13px;  z-index:10; }
#site.equipage #txt1 strong{color:#FFF; font-style:normal; font-size:14px; font-weight:bolder;}
#site.equipage #txt2{ width:335px; height:115px; position:absolute; left:520px; top:235px; font-size:11px; color:#000;line-height:13px;  z-index:11;}
#site.equipage #txt2 strong{color:#FFF; font-style:normal; font-size:14px; font-weight:bolder;}
#site.equipage #txt3{ width:335px; height:115px; position:absolute; left:125px; top:390px; font-size:11px; color:#000;line-height:13px; z-index:12;}
#site.equipage #txt3 strong{color:#FFF; font-style:normal; font-size:14px; font-weight:bolder;}
#site.equipage #txt4{ width:335px; height:115px; position:absolute; left:520px; top:390px; font-size:11px; color:#000;line-height:13px;  z-index:13;}
#site.equipage #txt4 strong{color:#FFF; font-style:normal; font-size:14px; font-weight:bolder;}

/*  ***********************		PROMENADE EN MER		*********************** */
#site.mer #txt{ width:470px; height:80px; position:absolute; left:40px; top:220px; font-size:12px; color:#fff; line-height:13px;  z-index:2;}

#site.mer #onglets{ height:50px; position:absolute; left:35px; top:320px; z-index:5;}
#site.mer #onglets a{margin:0; padding:0;}

#site.mer #onglets.sais a.saison{ display:inline-block;width:300px; padding:10px 0 0 30px; height:40px;  background-image:url(../images/utils/onglets.png); background-position:left top; }
#site.mer #onglets.sais a.hors{ display:inline-block; width:305px; padding:10px 0 0 30px; height:40px;  background-image:url(../images/utils/onglets.png); background-position: right top; }
#site.mer #onglets.sais a:hover.hors{  background-position:right bottom;}

#site.mer #onglets.horssais a.saison{ display:inline-block; width:300px; padding:10px 0 0 30px; height:40px;  background-image:url(../images/utils/onglets.png); background-position:left bottom; }
#site.mer #onglets.horssais a:hover.saison{ background-position:left top; }
#site.mer #onglets.horssais a.hors{ display:inline-block; width:305px; padding:10px 0 0 30px; height:40px;  background-image:url(../images/utils/onglets.png); background-position:right bottom; }

#site.mer #onglets a{  font-size:11px; color:#ffffff; text-decoration:none;}
#site.mer #onglets a strong{ font-size:13px;}


#site.mer #txt1{ width:648px;  padding:0; position:absolute; left:40px; top:380px; font-size:12px;  color:#fff; z-index:2; line-height:12px;}
#site.mer #txt1 hr {
height: 1px;
padding: 0;
color: #13518a;
background-color: #13518a;
border: 0;
}
#site.mer #txt1 table tr td.first{ padding-right:10px;}
#site.mer #txt1 table tr td{ padding:2px; line-height:12px; vertical-align:top;}
#site.mer #txt1.horssais table tr td{ padding:5px 5px 5px 0;}
#site.mer #txt1 table tr td.first{ padding-right:20px;}



#site.mer strong{  font-weight:bolder;}
#site.mer  div.txtbis strong{ font-size:13px;}
#site.mer  div.txtbis h2{ font-size:14px; font-weight:bolder; margin-bottom:5px;}
#site.mer #txt ul,#site.mer #txt1 ul{ list-style-position:outside; padding-left:15px;}
#site.mer #diapo{ position:absolute; top:200px; left:720px; z-index:0;}

#site.mer #itineraire a{ width:180px; height:94px; position:absolute; top:198px; left:520px; background-image:url(../images/contenu/itineraire.png); background-position:top; z-index:2;}
#site.mer #itineraire a:hover{ background-position:bottom;}
#site.mer #illus{ position:absolute; top:330px; left:40px;}
#site.mer #illus a{ margin-right:18px;}



/*  ***********************		NOCTURNES		*********************** */
#site.nuit #txt{ width:740px; height:130px; position:absolute; left:50px; top:430px; font-size:12px; color:#FFF;  z-index:2;}
#site.nuit #txt ul{ list-style-position:outside; padding-left:15px; line-height:13px;}
#feux{ position:absolute; width:712px; overflow:hidden; top:150px; left:0; z-index:0;}
#nuit{  position:absolute; width:255px; height:400px; top:80px; left:705px; z-index:0;}


/*  ***********************		SORTIES PECHE		*********************** */
#site.sorties-peche #txt{ width:265px; height:200px; position:absolute; left:40px; top:210px; font-size:13px; color:#fff; line-height:15px; z-index:2;}
#site.sorties-peche #txt1{ width:260px; height:140px; position:absolute; left:160px; top:410px; font-size:12px; color:#fff;line-height:14px; z-index:2; text-align:left;}
#site.sorties-peche #txt1 h2{ color:#2f559f; font-size:12px; font-weight:bolder;}
#site.sorties-peche #txt2{ width:240px; height:140px; position:absolute; left:440px; top:410px; font-size:12px; color:#fff;line-height:14px; z-index:2; text-align:left;}
#site.sorties-peche #txt2 h2{ color:#2f559f; font-size:12px; font-weight:bolder;}
#site.sorties-peche #txt3{ width:220px; height:200px; position:absolute; left:725px; top:185px; font-size:12px; color:#fff;line-height:14px; z-index:2; text-align:left;}
#site.sorties-peche #txt3 h2{ color:#2f559f; font-size:14px;}
#site.sorties-peche #diapo{ position:absolute; top:185px; left:330px;}



#site.sorties-peche strong{  font-weight:bolder;}
#site.sorties-peche #txt ul,#site.sorties-peche #txt1 ul,#site.sorties-peche #txt2 ul,#site.sorties-peche #txt3 ul,#site.sorties-peche #txt4 ul{ list-style-position:outside; padding-left:15px;}