body {
margin:0px auto;
padding:0px;
background-image:url(images/body-bg.gif);
background-repeat:repeat-x;
text-align:center;
}
a:link, a:visited
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#598ca9;}
#page {
margin:0px auto;
height:600px;
width:950px;
}

#page_inter {
margin:0px auto;
width:950px;
background-image:url(images/fd_page.jpg);
background-repeat:repeat-y;
overflow:hidden;
}


#bando {
float:left;
width:950px;
height:130px;
background-image:url(images/fd_bando.jpg);
background-repeat:no-repeat;
}

#menu {
padding-left:230px;
width:800px;
height:40px;
float:left;
background-image:url(images/fd_menu.jpg);
background-repeat:no-repeat;
}

#menu div{
float:left;
display:block;
height:40px;

}


#menu div a{
float:left;
display:block;
height:40px;
width:110px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin-right:0px;
line-height:40px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

#menu div a:hover{

background-color:#b38a4a;
text-decoration:underline;
}


#content{
float:left;
height:245px;
width:950px;
background-image:url(images/fd_content.jpg);
background-repeat:no-repeat;
}

#bas{
float:left;
width:950px;
height:153px;
background-image:url(images/peche/fd_bas.jpg);
background-repeat:no-repeat;
}

#footer{
float:left;
height:32;
width:950px;
line-height:32px;
background-color:#FFFFFF;
}

.footer{
color:#a37a39;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.mail:link, .mail:visited{
color:#a37a39;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.mail:hover, .mail:active{
color:#a37a39;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

#points{
float:left;
height:1px;
width:950px;
}

#txt{
width:305px;
float:right;
padding-left:10px;
padding-right:10px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#598ca9;
}

.titre{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration:underline;
font-weight:bold;
text-align:justify;
color:#598ca9;
}

#cote_g{

width:625px;
float:left;
background-image:url(images/fd_cote_g_herbe.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
background-color:#fbf1b4;
}
#cote_g_cadre{

width:625px;
float:left;
background-image:url(images/fd_cote_g_stmichel.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
background-color:#fbf1b4;
}
#cote_g_prix{

width:625px;
float:left;
background-image:url(images/fd_cote_g_stmichel.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
background-color:#fbf1b4;
}

#txt_cote_g
{
padding-left:5px;
margin-left:10px;
text-align:left;
padding-right:5px;
margin-left:7px;
margin-top:320px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#598ca9;
background-image:url(images/degrad.jpg);
background-repeat:repeat-x;
background-color:#fdfae3;
width:555px;
}

#cote_d{
background-color:#fbf1b4;
width:325px;
float:left;
}

.fond-bleu {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#598ca9;
background-color:#cde7fa;
}

/*--------------------------------------------diapos-------------------------------------------------*/

#switch{
margin-left:3px;
float:left;
width:600px;
}

#switch a{
font:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:0.1em;
font-weight:bold;
color:#A27B38;
background-color:#CDE7FA;
text-decoration:none;
padding:5px;
margin-right:2px;
float:left;
display:block;
}

#switch a:hover{
color:#FDFAE3;
background-color:#598CA9;
}

#cadre_stjacques{
border:2px solid #CDE7FA;
visibility:visible;
position:absolute;
display:block;
z-index:100;
width:550px;
}

#cadre_dune{
border:2px solid #CDE7FA;
visibility:hidden;
display:block;
position:absolute;
width:550px;
z-index:1000;
}

#cadre_corail{
border:2px solid #CDE7FA;
visibility:hidden;
display:block;
position:absolute;
z-index:500;
width:550px;
}

#diapo_visio {
/*padding-top:250px;
position:relative;*/
float:left;
width:140px;
height:80px;
_height:70px;
text-align:center;
}

a.gallery, a.gallery:visited {

display:inline;
color:#000;
text-decoration:none;
border:1px solid #21475e;
width:60px;
height:60px;
float:left;
margin-left:4px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px;
position:relative;
cursor:default;
}

a.slidea {
background: url(images/corail_s/img1.jpg);
}

a.slideb {
background:url(images/corail_s/img2.jpg);
}

a.slidec {
background:url(images/corail_s/img3.jpg);
}

a.slided {
background:url(images/corail_s/img4.jpg);
}
a.slidee {
background:url(images/corail_s/img5.jpg);
}
a.slidef {
background:url(images/corail_s/img6.jpg);
}

/*-------------------------------------------dune--------------------------------------*/

a.slideg {
background: url(images/dune_s/img1.jpg);
}

a.slideh{
background:url(images/dune_s/img2.jpg);
}

a.slidei {
background:url(images/dune_s/img3.jpg);
}

a.slidej {
background:url(images/dune_s/img4.jpg);
}
a.slidek {
background:url(images/dune_s/img5.jpg);
}
a.slidel {
background:url(images/dune_s/img6.jpg);
}

/*-------------------------------------------fin dune--------------------------------------*/

a.gallery span {
visibility:hidden;
display:block;
position:absolute;
width:300px;
height:216px;
color:#000;
text-align:center;/*
border:1px solid #fff;
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
letter-spacing:1px;*/
cursor:default;
}



a.slidea span {
left:-410px;
top:-4px;
}



a.slideb span {
left:-479px;
top:-4px;
}

a.slidec span {
left:-410px;
top:-72px;
}


a.slided span {
left:-479px;
top:-72px;
}



a.slidee span {
left:-410px;
top:-140px;

}



a.slidef span {
left:-479px;
top:-140px;

}
/*--------------------------------------------------------dune-----------------------------------*/



a.slideg span {
left:-410px;
top:-4px;
}




a.slideh span {
left:-479px;
top:-4px;
}




a.slidei span {
left:-410px;
top:-72px;
}



a.slidej span {
left:-479px;
top:-72px;
}




a.slidek span {
left:-410px;
top:-140px;

}


a.slidel span {
left:-479px;
top:-140px;

}

/*-------------------------------------------------dune-------------------------------------*/

a.gallery:hover {
/*white-space:normal;*/
border:1px solid #fff;
z-index:100;
cursor:pointer;
}

a.gallery:hover span {
visibility:visible;
z-index:100;
}

a.gallery:hover span img {
/*border:1px solid #000;*/
position:relative;
z-index:100;
}

a.gallery:active, a.gallery:focus {
/*border:1px solid #c00;*/
z-index:10;
}

a.gallery:active span, a.gallery:focus span {
visibility:visible;
z-index:10;
}

a.gallery:active span img, a.gallery:focus span img {
/*border:1px solid #000;*/
position:relative;
z-index:10;
}

/*--------------------------------------------------stjacques-----------------------------------*/

a.slidem span {
left:-410px;
top:-4px;
}


a.sliden span {
left:-479px;
top:-4px;
}

a.slideo span {
left:-410px;
top:-72px;
}



a.slidep span {
left:-479px;
top:-72px;
}





a.slideq span {
left:-410px;
top:-140px;

}


a.slider span {
left:-479px;
top:-140px;

}


a.slidem {
background: url(images/stjacques_s/img1.jpg);
}

a.sliden {
background:url(images/stjacques_s/img2.jpg);
}

a.slideo {
background:url(images/stjacques_s/img3.jpg);
}

a.slidep {
background:url(images/stjacques_s/img4.jpg);
}
a.slideq{
background:url(images/stjacques_s/img5.jpg);
}
a.slider {
background:url(images/stjacques_s/img6.jpg);
}

/*-----------------------------------------stjacques--------------------------------------------*/

/*----------------------------------------------------fin diapos---------------------------------------*/

#tab_vac{
border: 1px solid #CDE7FA;
}

#tab_vac td{
border: 1px solid #CDE7FA;
}

.lien_vert:link, .lien_vert:visited, .lien_vert:hover, .lien_vert:active{
color:#009933;
font-weight:bold;
}