/* CSS Document */

/*************** DEBUT RESET ****************/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;

}
body {
       line-height: 1;
}
ol, ul {
       list-style: none;
}
blockquote, q {
       quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
       content: '';
       content: none;
}

/* remember to define focus styles! */
:focus {
       outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
       text-decoration: none;
}
del {
       text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

 
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

a {
text-align:none;}

/*************** FIN RESET ****************/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../images/fond.png) repeat-x #79CFF2;
font-size:12px;
}

 *html body {
 background:url(../images/fond.jpg) repeat-x #79CFF2;}

#contenairGeneral {
width:960px;
padding:0 0 15px 0;
position:relative;
margin-left:-480px;
left:50%;
background:#FFFFFF;
}

#bandeauHaut {
width:960px;
height:230px;
left:0;
position:relative;
z-index:100;
background:url(../images/secret-vacances-reussies.png) no-repeat;

}

#logo {
width:191px;
height:153px;
position:absolute;
z-index:200;
top:2px;
left:10px;
}

#ContenairBtsHaut {
position:absolute;
width:710px;
height:40px;
margin-left:250px;
z-index:1000;}

.btsHaut {
float:left;
width:175px;
height:33px;
background:url(../images/bt-bandeau-haut.gif) no-repeat;
text-align:center;
font-weight:bold;
color:#FFFFFF;
padding-top:10px;
margin-left:1px;}

.btsHaut a{
color:#FFFFFF;
text-decoration:none;}

.telechargement {
font-size:10px;
font-weight:normal;
}

#contenairDrapeaux {
width:220px;
height:28px;
position:absolute;
z-index:10;
top:160px;
left:670px;
z-index:200;
}

#contenair {
position:relative;
float:left;
width:960px;
height:100%;
top:-65px;
background:#FFFFFF !important;
z-index:1;

}

#contenairTarifs {
position:relative;
width:940px;
height:100%;
top:-65px;
padding:60px 10px;
background:#FFFFFF !important;
}

#contenairTarifs table{
color:#0068B2;
}

.txtBlancTarifs {
color:#FFFFFF;
font-weight:bold;
font-size:11px;
}


#colonneGauche {
position:relative;
float:left;
width:635px;
height:100%;
background:#FFFFFF;

}

#colonneGaucheNature {
position:relative;
float:left;
width:635px;
height:420px;
background: url(../images/fond-nature.jpg) no-repeat;

}

#colonneDroite {
position:relative;
float:left;
width:325px;
height:auto;
background:#FFFFFF;
}

#contenairMenu{
position:relative;
float:left;
left:10px;
width:315px;
height:400px;
background:#FFDA00;
font-weight:bold;

}

#galerie, #contenuMap, #flashContent {
width:630px;
height: 465px;
position:relative;
float:left;
left:5px;
background-color:#3399FF;
overflow:hidden;}


#controleGalerie {
width:100px;
height:30px;
position:absolute;
top:430px;
left:530px;
z-index:100;}

#pauseButton {
position:relative;
float:left;
background:url(../images/pause.png) no-repeat;
width:37px;
height:33px;
cursor:pointer;}

#resumeButton {
position:relative;
float:left;
margin-left:10px;
background:url(../images/play.png) no-repeat;
width:37px;
height:33px;
cursor:pointer;}

/**************** MENU ******************************/
dl, dd ul{
overflow:hidden;
outline:none;
}

.titreMenu{
font-size:16px;}

#menu1 {
margin-top:36px !important;
padding-top:9px;
padding-bottom:8px; 
zoom:1}


#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, #menu7 a:hover, #menu8 a:hover {
color:#FFFFFF;}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 {
font-weight:bold;
}

#menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 {
margin:0;
padding:5px 0 5px 0;
zoom:1;
}

#menu1 {
color:#EF8C00;
border-left: solid 15px #EF8C00;
}

#menu1 a{
color:#EF8C00;
}

#menu2 {
color:#E20081;
border-left: solid 15px #E20081;
}

#menu2 a{
color:#E20081;
}

#menu3 {
color:#00A4E9;
border-left: solid 15px #00A4E9;
}

#menu3 a{
color:#00A4E9;
}

#menu4 {
color:#96BE00;
border-left: solid 15px #96BE00;
}

#menu4 a{
color:#96BE00;
}

#menu5 {
color:#E40004;
border-left: solid 15px #E40004;
}

#menu5 a{
color:#E40004;
}

#menu6 {
color:#0068B2;
border-left: solid 15px #0068B2;
}

#menu6 a{
color:#0068B2;
}

#menu7 {
color:#8110D1;
border-left: solid 15px #8110D1;
}
#menu7 a{
color:#8110D1;
}


#menu8 {
color:#00B500;
border-left: solid 15px #00B500;
}

#menu8 a{
color:#00B500;
}



li a {
text-decoration:none;
padding-left:3px;
}

#contenuOffre {
position:relative;
float:left;
width:315px;
height:70px;
background: #E20081;
left:10px;
color:#FFFFFF;}

#contenuCheque {
position:relative;
float:left;
width:295px;
height:75px;
background:#01A4E9 url(../images/fond-bleu-clair.jpg) repeat-x;
left:10px;
color:#FFFFFF;
padding-left:20px;
z-index:90;}

#contenuProprietaire {
position:relative;
float:left;
width:305px;
height:110px;
background: url(../images/fond-bleu.jpg) repeat-x;
left:10px;
color:#FFFFFF;
padding:0 5px 0 5px;}

#contenuNature {
position:relative;
float:left;
width:305px;
height:75px;
background: url(../images/fond-vert.jpg) repeat-x;
left:10px;
color:#FFFFFF;
padding:0 5px 0 5px;
display:block;
}

.titreColonneDroite {
font-size:19px;
font-weight:bold;
padding-top:10px;
padding-bottom:7px;
text-align:center;
}

.alignvert{
vertical-align:middle;
}

.btRose {
width:236px;
height:33px;
background:url(../images/bt-rose.gif) no-repeat;
text-align:center;
font-weight:bold;
padding-top:7px;
margin: auto;}

.btBleuClair {
width:236px;
height:27px;
background: url(../images/bt-bleu-clair.gif) no-repeat;
text-align:center;
font-weight:bold;
padding-top:7px;
margin: auto;
}

.btRose2 {
width:176px;
height:33px;
background:url(../images/bt-rose-petit.gif) no-repeat;
text-align:center;
font-weight:bold;
padding-top:7px;
margin:20px 10px 10px 10px;
float:left;
color:#FFFFFF;
}


.btRouge {
width:175px;
height:25px;
background:url(../images/bt-rouge.gif) no-repeat;
text-align:center;
font-weight:bold;
padding-top:3px;
margin: auto;}

.btRose a, .btRose2 a, .btBleu a, .btVert a, .btRouge a, .btBleuClair a	{
color:#FFFFFF !important;
text-decoration:none;}

.btRose a:hover{
color: #FFCCCC;
text-decoration:none;}

.btBleu a:hover{
color: #DAF0FE;
text-decoration:none;
}

.btVert a:hover{
color: #E3FDCC;
text-decoration:none;
}

.btBleuClair a:hover {
text-decoration:none;
color:#C5EEFC;}

.btBleu {
width:236px;
height:30px;
background:url(../images/bt-bleu.gif) no-repeat;
text-align:center;
font-weight:bold;
padding-top:7px;
margin: auto;}

.btVert {
width:236px;
height:33px;
background:url(../images/bt-vert.gif) no-repeat;
text-align:center;
font-weight:bold;
padding-top:7px;
margin: auto;}

#offreCoeur {
width:71px;
height:77px;
position:absolute;
z-index:100;
margin-left:-30px;}

#chequeCadeau {
width:71px;
height:77px;
position:absolute;
z-index:100;
margin-left:-50px;
}

#protectionNature {
width:88px;
height:35px;
position:absolute;
z-index:10;
margin-left:-30px;}

#contenuTexte {
position:relative;
float:left;
width:610px;
min-height:100px;
color:#666666;
font-size:14px;
padding:10px;
text-align:justify;
}


#contenuTexte a{
color:#666666;
text-decoration:none;}

#contenuTexte a:hover{
color:#666666;
text-decoration:none;}

#recrutement{
width:305px;
height:62px;
position:relative;
float:left;
left:10px;
padding:5px;
color:#FFFFFF;
background: url(../images/fond-rouge.jpg) repeat-x;}

#contenuTexte2 {
position:relative;
float:left;
width:610px;
height:auto;
background-color:#FFFFFF;
color:#666666;
font-size:14px;
padding:10px;
text-align:justify;
outline:none;
}

h1, h3 {
color:#0068B2;
font-size:18px;
font-weight:bold;
margin: 15px 0 15px 0;
text-align:center;}

h2, h2 a{
color:#E20081;
font-size:14px;
font-weight:bold;
margin: 10px 0 10px 20px;
text-decoration:none;
}

h2 a:hover {
color:#E20081;
text-decoration:underline;
}

#titrePage {
margin-top:15px;
width:610px;
height:40px;
}

#bandeauFavoris {
position:relative;
float:left;
width:960px;
height:30px;
border-top:dashed 1px #00A4E9;
border-bottom:dashed 1px #00A4E9;
background:#FFFFFF;

}

.favoris, .favoris a{
color:#96BE00;
font-weight:bold;
text-decoration:none;
margin-right:15px;
}

.recommander, .recommander a{
color:#00A4E9;
font-weight:bold;
text-decoration:none;
margin-right:15px;
}



.newsletter, .newsletter a{
color:#E20081;
font-weight:bold;
text-decoration:none;
}

.newsletter input[type="text"]{
border: solid 1px #999999;
font-size:12px;
color:#999999;
width:120px; }

#bas {
position:relative;
float:left;
width:960px;
height:auto;
background:#FFFFFF;
}

#bas2 {
position:relative;
float:left;
width:950px;
height:auto;
background:#FFFFFF;
padding:5px;
display:block;}

#basTarifs {
width:930px;
height:auto;
background:#FFFFFF;
padding:5px;
display:block;
overflow:hidden;
}

#basGauche {
width:635px;
height:auto;
position:relative;
float:left;
background-color:#FFFFFF;
padding:5px;}

#basDroit {
width:305px;
height:75px;
position:relative;
float:left;
padding:5px;
color:#FFFFFF;
background: url(../images/fond-rouge.jpg) repeat-x;}

.adresse {
font-size:14px;
font-weight:bold;
color:#E20081;
}

.menuPied2 {
width:84%;
font-size:11px;
color:#666666;
font-weight:bold;
margin-top:20px;}

.menuPied {
width:70%;
font-size:11px;
color:#666666;
font-weight:bold;
margin-top:20px;}

.menuPied a,.menuPied2 a{
text-decoration:none;
color:#666666;
font-weight:normal;}

.menuPied a:hover,.menuPied2 a:hover{
text-decoration:underline;
color:#666666;
font-weight:normal;}

#partenaires {
position:absolute;
width:157px;
height:94px;
top:35px;
left:470px;
}

#partenaires2 {
position:absolute;
width:157px;
height:94px;
top:15px;
left:800px;
}

#blocClubEnfant {
width:180px;
height:60px;
color:#FFFFFF;
background-color:#0068B2;
padding:5px 5px 5px 50px;
margin:15px 0 5px 50px;
text-align:center;
font-weight:bold;
font-size:12px;
line-height:16px;
}

#blocMimie {
width:247px;
height:103px;
color:#FFFFFF;
margin:10px 0 5px 330px;;

}



#imageClubEnfant {
width:95px;
height:90px;
position:absolute;
z-index:2;
left:27px;
margin-top:-7px;
}

.txtGros {
font-size:18px;}

.txtPetitClubEnfant {
color:#0068B2;
font-size:11px;
margin-left:100px;}

a .vignetteLocation{
border:solid 1px #E20081;
margin:5px;
}

a:hover .vignetteLocation {
border:solid 5px #E20081;
margin:0;
}

#locatifs, #acceSituation {
width:940px;
padding:10px;
height:170px;
position:relative;
float:left;
margin-bottom:10px;
}

#txtLarge {
width:940px;
padding:0 10px;
height:auto;
position:relative;
float:left;
margin-bottom:10px;
font-size:14px;
color: #666666;
}

#txtLarge a{
text-decoration:none;
color: #666666;
}

#txtLarge a:hover{
text-decoration:underline;
color: #666666;
}

#locCampagnard, #locClub, #locPacifique, #locPlancha, #locTraditionnel, #locLanguedocien, #locCottage, #locFlores{
position:absolute;
width:940px;
height:170px;
background:#FFFFFF;
text-align:justify;
color:#0068B2;
visibility:hidden;
z-index:100;}

#locBungalow {
position:absolute;
width:940px;
height:170px;
background:#FFFFFF;
text-align:justify;
color:#0068B2;
visibility:visible;
z-index:100;
}

.txtRose{
color:#E20081;}

#infoResa {
width:300px;
height:80px;
position:absolute;
left:600px;
overflow:hidden;
}

.blocPromo {
width:260px;
height:55px;
background:url(../images/fond-promo.gif) no-repeat;
color:#FFFFFF;
text-align:center;
padding-top:35px;
font-weight:bold;
font-size:18px;
margin: 15px auto;}

#blocAvion, .blocVoiture, .blocTrain {
width:240px;
height:35px;
background:url(../images/fond-promo.gif) no-repeat;
color:#FFFFFF;
text-align:center;
padding:35px 10px;
font-weight:bold;
font-size:18px;
margin-left: 8px;
}

.blocPromo a, #blocAvion a, .blocVoiture a, .blocTrain a{
color: #FFFFFF !important;
text-decoration:none;!important}

.blocPromo a:hover, #blocAvion a:hover, .blocVoiture a:hover, .blocTrain a:hover{
color: #F0B600 !important;
text-decoration:none;!important}

#blocPromoAgrandi{
position:absolute;
width:255px;
height:100px;
color:#FFFFFF;
z-index:200;
background:url(../images/fond-promo-agrandit.gif) no-repeat;
top:870px;
left:30px;
text-align:center;
padding:0 5px;
visibility: hidden;
}

#blocAvionAgrandi, #blocTrainAgrandi {
position:absolute;
width:255px;
height:100px;
margin-top:63px ;
margin-left: 6px;
color:#FFFFFF;
z-index:200;
background:url(../images/fond-promo-agrandit.gif) no-repeat;
text-align:center;
padding:0 5px;
visibility:hidden;
font-size:12px;
}

*html #blocAvionAgrandi, *html #blocTrainAgrandi {
margin-left:-2px;}

*+html #blocAvionAgrandi, *+html #blocTrainAgrandi {
margin-left:-2px;}

#blocVoitureAgrandi {
position:absolute;
width:235px;
height:140px;
margin-top:62px ;
margin-left: 4px;
color:#FFFFFF;
z-index:200;
background:url(../images/fond-bloc-agrandit.gif) no-repeat;
text-align:center;
padding:0 15px;
visibility:hidden;
font-size:12px;
}

* + html #blocVoitureAgrandi {
margin-left:-4px;}

* html #blocVoitureAgrandi {
margin-left:-4px;}

.txtGros {
font-size:14px;}

.blocOffreSpeciale {
width:232px;
height:127px;
background:url(../images/fond-offres-speciales.gif) no-repeat;
color:#0068B2;
float:left;
text-align:center;
padding:20px 10px 10px 20px;
margin:10px 0 10px 10px;
font-size:12px;
}

.blocSpecialeFamille {
width:213px;
height:121px;
background:url(../images/fond-special-famille.gif) no-repeat;
color:#0068B2;
float:left;
text-align:center;
margin:10px 30px 10px 10px;
padding:30px 30px 0 50px;}


.blocSpecialeFamilleca {
width:213px;
height:121px;
background:url(../images/fond-special-familleca.gif) no-repeat;
color:#0068B2;
float:left;
text-align:center;
margin:10px 30px 10px 10px;
padding:30px 30px 0 50px;}

.txtTresGros {
font-size:18px;
}

.contenuCache {
position:relative;
width:900px;
height:auto;
}

.contenuCache a{
color:#666666;
text-decoration:underline;
line-height:25px;}

.contenuCache a:hover{
color:#666666;
text-decoration:none;}

.afficheContenuCache{
text-decoration:none !important;
color:#BCDEEB !important;
}

#posteAPourvoir {
width:610px;
height:auto;
font-size:14px;
color:#0068B2;
margin-top:25px;
margin-bottom:25px;
}

#formulaire {
color:#0068B2;
}

#formulaire input{
color:#0068B2;
border: solid 1px #0068B2;
font-size:12px;
}

.contenairVente, .contenairEvenements {
width:600px;
height:auto;
color:#0068B2;
border: solid 1px #0068B2;
padding:5px;
position:relative;
float: left;
margin:10px 0 10px 0;

}

.photoVente {
width:280px;
height:150px;
position:relative;
float:left;
border: solid 3px #0068B2;}

.photoEvenements {
width:140px;
height:75px;
position:relative;
float:left;
border: solid 3px #0068B2;}

.texteVente {
width:300px;
height:auto;
position:relative;
float:left;
margin-left:10px;
}

.texteEvenements {
width:440px;
height:auto;
position:relative;
float:left;
margin-left:10px;
}

.texteEvenements a{
color :#0068B2;
}

.texteEvenements a:hover{
color :#0068B2;
text-decoration:none;
}

.titreVente, .lieuEvenements {
color:#E20081;
font-weight:bold;
margin-bottom:10px;
}

.dateEvenements {
color:#00A4E9;
font-weight:bold;
font-style:italic;
margin-bottom:10px;}

#contenairCheques {
display: block;
position:relative;
float:left;
}

#calendrier {
margin-top:20px;}

#calendrier ul {
padding:0;
margin:20px 0;
font-size:12px;
}

#calendrier li {
float:left;
list-style:none;
background:#0169B2;
color:#FFFFFF;
margin-left:5px;
padding:3px;
}

#calendrier li a {
color:#FFFFFF;}

#calendrier li a:hover {
background: #D1DADC;
color:#0169B2;}


#livreCarteRestaurant {
width:712px;
height:630px;
position:absolute;
visibility:hidden;
z-index:1000;
margin-left:100px;
margin-top:200px;
border:solid 2px #E20081;
background:#FFFFFF;
padding:5px 0 0 5px;}

#flashLivre {
width:702px;
height:585px;
}

#closeLivre {
width:38px;
height:35px;
z-index:5000;
margin-left:660px;
}

#blocInvisibleWE1, #blocInvisibleWE2, #blocInvisibleWE3, #blocInvisibleWE4, #blocInvisibleWE5 {
position:absolute;
z-index:1000;
background:#FFFFFF;
width:590px;
height:auto;
border:solid 2px #E20081;
top:100px;
left:20px;
padding:5px;
visibility:hidden;
display:block;
}

.encadre {
background :#00A4E9;
margin:10px;
padding:10px;
text-align:center;
width:300px;
color:#FFFFFF;
font-weight:bold;

}

#pastilleGHPA {
width:100px;
height:100px;
margin:10px 0 0 10px;
}