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

body{
background-color:#0172b6;
margin:auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#arriere-plan{
background-image:url(images/vacance-en-guadeloupe-fond.jpg);
background-repeat:no-repeat;
margin:auto;
text-align:center;
min-height:1470px;

}
#conteneur_global{
width:900px;
background-image:url(images/vacances-en-guadeloupe-fond-ombre2.png);
background-repeat:repeat-y;
margin-left: auto;
margin-right: auto;
}
#conteneur{
width:880px;
margin-left: auto;
margin-right: auto;
text-align:center;
}
#banniere{
background-image:url(images/vacances-en-guadeloupe-banniere.jpg);
background-repeat:no-repeat;
width:880px;
height:360px;
margin-left: auto;
margin-right: auto;
margin-bottom:0px;
padding-bottom:0px;
}

#menu{
}

#menu2{
position:relative;
z-index:100;
width:880px;
margin:0px;
padding-top:0px;
padding-bottom:22px;
margin-left:2px;
margin-right:2px;
}
#menuDeroulant
{
position:absolute;
z-index:101;
 width: 880px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 top: 0;
 left: 0;
 margin-left:0px;
}

#menuDeroulant li
{
 float: left;
 width: 146px;
 margin: 0;
 padding: 0;
 border: 0;

}

#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;

}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 146px;
 border-top: 1px solid #000000;
 
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #EE8526;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #000000;
 text-decoration: none;
}

#menuDeroulant li a:hover { background-color: #0071BC; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block; 
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("images/vacances-en-guadelupe-fond-btn-tr.png") repeat;
 
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #0071BC;
}






/*
#menuDeroulant .sousMenu .sous2 li a:link{
 display: block; 
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("images/vacances-en-guadelupe-fond-btn-tr.png") repeat;
 }
 
#menuDeroulant .sousMenu .sous2{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;} 
 
 


.sous2 ul{ display:none;}
.sous2 li{display:none}
.sous2 li:hover{ display:block;}

.sous2 li:link{
 display: block; 
 color: #OOOOOO;
 margin: 0;
 border: 0;
 text-decoration: none;
 display:none;

}*/





#menu a{ color: #ffffff; text-align:center; text-decoration:none; background-image:url(images/vacances-guadeloupe-fond-btn.jpg);display:block; width:80; height:85px; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
}
#menu a:link { vertical-align:middle; color:#ffffff; text-align:center;background-image:url(images/vacances-guadeloupe-fond-btn.jpg);display:block; width:80px; height:85px;
}
#menu a:hover { vertical-align:middle; color:#F5AC28;background-image:url(images/vacances-guadeloupe-fond-btn-over.jpg);display:block; width:80px; height:85px;
}

#carte-ouloger{ float:right; margin-top:245px; margin-right:15px;
}

.titre-page{ width:880px; height:55px; color:#FFFFFF; background-color:#0066CC; font-size:18px; }

#intro{
padding-left:20px;
padding-right:20px;
text-align:justify;

}

#intro a{ color:#EE8526; text-decoration:none}
#intro a:link{color:#EE8526}
#intro a:visited{color:#EE8526}
#intro a:hover{color:#0066CC}



#footer{font-size:11px; text-decoration:none; margin-top:40px;}

#footer a{ color:#EE8526; text-decoration:none}
#footer a:link{ color:#EE8526}
#footer a:visited{ color:#EE8526}
#footer a:hover{ color:#0066CC}




.annonce-ouloger{
width:400px; height:159px;
}
.annonce-ouloger-top{
background-image:url(images/annonce_ouloger_top.png);
background-repeat:no-repeat;
height:28px; width:400px;
color:#FFFFFF;
text-align:center;
font-size:14px;
line-height:2em;
}

.annonce-ouloger-top a{ color:#FFFFFF; text-decoration:none;}
.annonce-ouloger-top a:hover{ color:#FFFFFF; text-decoration:underline;}


.annonce-ouloger-in{

background-image:url(images/annonce_ouloger_in.png);
background-repeat:no-repeat;
height:131px; width:400px;
text-align:left;

}

.annonce-ouloger-in a{  height:20px;background-color:#F7931E; display:block; color:#FFFFFF; text-decoration:none; vertical-align:middle; text-align:center; line-height:1.7em; 
}
.annonce-ouloger-in a:hover{  height:20px;background-color:#0066CC; display:block; color:#FFFFFF; text-decoration:none; 
}

.contenu-annonce{ _float:right; margin-left:170px; width:210px; _width:200px; padding-top:5px; padding-left:5px; padding-right:5px; _margin-left:0px; margin-right:10px;
}
.description-annonce{height:90px; width:212px; _width:200px; text-align:justify;

}

.annonce-photo{ height:110px; _margin-left:00px; padding-top:5px; _float:left; float:left; _width:150px; margin-left:15px; }

.annonce-photo img{ border:none}
.annonce-photo a{ background:none;}


.plus-result a{ width:150px;  height:20px;background-color:#F7931E; display:block; color:#FFFFFF; text-decoration:none; vertical-align:middle; text-align:center; line-height:1.7em; float:right; margin-right:15px; 
}
.plus-result a:hover{  height:20px;background-color:#0066CC; display:block; color:#FFFFFF; text-decoration:none; 
}
.plus-result{
 padding-bottom:15px;
}


.titre-contenu-gauche{ color:#0066CC; font-weight:bold; text-align:justify; font-size:16px; padding-left:15px; text-decoration:underline }
.titre-contenu-droite{ color:#0066CC; font-weight:bold; text-align:justify; font-size:16px; padding-right:15px; text-decoration:underline }
.texte-contenu-gauche{ text-align:justify; padding:15px; padding-top:0px }
.texte-contenu-droite{ text-align:justify; padding:15px; padding-top:0px }

.photo-contenu{ padding:15px;}

.articles{ padding-top:10px;}

.articles a{ color:#F7931E; text-decoration:none}
.articles a:link{color:#F7931E; }
.articles a:visited{color:#F7931E; }
.articles a:hover{color:#0066CC; }


.titre-contenu-gauche-vert{ color:#009900; font-weight:bold; text-align:justify; font-size:16px; padding-left:15px; text-decoration:underline }
.titre-contenu-droite-vert{ color:#009900; font-weight:bold; text-align:justify; font-size:16px; padding-right:15px; text-decoration:underline }

.titre-contenu-gauche-ciel{ color:#0099CC; font-weight:bold; text-align:justify; font-size:16px; padding-left:15px; text-decoration:underline }
.titre-contenu-droite-ciel{ color:#0099CC; font-weight:bold; text-align:justify; font-size:16px; padding-right:15px; text-decoration:underline }

.titre-contenu-gauche-autre{ color:#333366; font-weight:bold; text-align:justify; font-size:16px; padding-left:15px; text-decoration:underline }
.titre-contenu-droite-autre{ color:#333366; font-weight:bold; text-align:justify; font-size:16px; padding-right:15px; text-decoration:underline }

.titre-cote-mer{width:880px; height:25px; color:#FFFFFF; background-color:#0066CC; display:block; font-size:18px; line-height:25px;}
.titre-cote-vert{width:880px; height:25px; color:#FFFFFF; background-color:#009900; display:block; font-size:18px; line-height:25px;}
.titre-cote-ciel{width:880px; height:25px; color:#FFFFFF; background-color:#0099CC; display:block; font-size:18px; line-height:25px;}
.titre-cote-autre{width:880px; height:25px; color:#FFFFFF; background-color:#333366; display:block; font-size:18px; line-height:25px;}

.visite-btn{ float:right; margin-right:35px;}