/*********************************************************************************/
/* RESET CSS*/
/*********************************************************************************/
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, ul, li,
fieldset, form, label, legend
, caption, tbody, tfoot, thead, th  {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
body {
    line-height: 1;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

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

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


/*********************************************************************************/
/* Général */
/*********************************************************************************/
body {
    margin: 0;
    padding: 0;
    color: #fff;
    background: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
}

#bodyCMS {
    background: #000;
}
body input ,body select, body textarea{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#positionnementSite{
    position:relative;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    background-repeat:no-repeat;
    width:1000px;        
    margin-top:10px;
}

#positionnementSiteCMS {
    position:relative;
    margin-left: auto;
    margin-right: auto;   
    height:auto;      
    width:1040px;
}

#conteneur { /* contient uniquement partie site (sans prendre en compte la zone de pub à droite)*/
    position:relative ;
    float:right;
    width: 765px;  
                     min-height: 965px;                
                margin-top: 235px;  
}
#contenu a 
{
    font-size: 11px;
}
.endCol{
    clear:both;
}
a img {
    border: none;
}
a{
    text-decoration:none;
    color:#fff;
}
a:hover{
    text-decoration:none;
    color:#fff;
}

hr{
    height: 1px;
    padding: 0;
    color:#292929;
    background-color: #292929;
    border: 0;
}
.poutre{
    padding: 0;
    color: #292929;
    background-color: #292929;
    border: 0;        
    height: 1px;
}
.poutreTitre{
    height: 24px;
    background-image: url("../../images/bgPoutre.jpg");  
    text-align: center;
    padding-top: 8px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;  
    /*-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #2a99d1;  */
    behavior: url(./include/css/PIE.htc);  
    
}
.poutreSousTitre{
    height: 32px;
    padding:0 0px 0px 15px;
    background-image: url("../../images/bgPoutreSousTitre.jpg");
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;  
    /*-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #8F8F8F;*/  
    behavior: url(./include/css/PIE.htc);  
   
}
input[type=checkbox],
input[type=radio] { margin: 0px; border: 0px; }
input{
    height:16px;
    font-size:10px;
    color:#fff; 
    border:1px solid #ccc;
}

select{
    height:16px;
    font-size:10px;
    color:#fff;   
    border:1px solid #ccc;
}

textarea{
    color:#fff;
    border:0;
}


.noBorder{
    border:none;
}
.left{
    float:left;
}
/*********************************************************************************/
/* Homepage hotels de luxe */
/*********************************************************************************/

.titreHomePage{
    font-size:25px;
    color:#fff;
    margin-left:12px;
}

/*********************************************************************************/
/* En-tête */
/*********************************************************************************/

#header {
    position:relative;
    height:100px;
    margin-top: 5px;
}
    #header #posDivH1{
        position:absolute;
        left: 250px;    
        top:0px;        
        width:400px;
        height:31px;
        color:#666;
        margin:0px;
        font-size:9px;
        font-weight:normal;
    }
    #header h1 {
        float:left;
        margin:0px;
        color:#666;
        font-size:9px;
        font-weight:normal;
    }
    #header .titreHeader{
        position:absolute; 
        bottom:5px;
    }
    #header #blocPosTitre {
        position:relative;
        float:left;
        width:265px;
        height:162px;
        margin-top:0px;
        padding:0px;
    }
    #header #blocPosTitreDegrader {
        position:absolute;
        width:265px;
        height:162px;
        left:0px;
        top:0px;
    }
    #header #logo{
        position:absolute;
        top:0;
        left:0px;
	width: 214px;
	height: 60px;
 	margin-top: 29px;

    }
    /*titre*/
    #header #titreSiteHome {
        position:absolute;
        top:107px;
        left:17px;
        width:240px;
        color:#fff;
        font-size:11px;
        vertical-align:text-top;
        line-height:20px;
    }
    #header #titreSite {
        position:absolute;
        top:107px;
        left:17px;
        width:240px;
        color:#fff;
        font-size:25px;
        vertical-align:text-top;
        font-weight:bold;
        line-height:40px;
    }

    #header #sousTitreSite {
                         top:30px;   
                    position:absolute;
        left:250px;
        width:320px;
        color:#FFFFFF;
        font-size:9px;
    }

    #header #infoTitre {
        position:absolute;
        top:67px;
        left:5px;            
        color:#2a99d1;
        font-size:16px;  
        line-height:30px;
    }

    #header #infoHeure {
                        font-size:18px; 
                line-height: 25px;   
                    
    }

    #header #infoCommentaire {
                        font-size:11px;    
                    margin-left: 10px;
    }        
    #header #infoTelephone {
                        font-size:25px;    
                    line-height: 40px;
        padding-bottom: 30px;
    }

    #header #suivez_nous{
        position: absolute;
        right: 0px;
        top:0px;
        font-size: 12px;
    }

    #header #blocChampSearch input{
        float:left;
        border:0px;
        width:135px;
        height:14px;            
        margin:0px;
        background: #fff;
        color: #000;
    }
    #header #blocChampSearch {
        float:right;
        margin-top:70px;
        width:160px;
        height: 18px;
        background-color: #fff;
        padding:0px 0px 0px 5px;          
    }

    #header #blocChampSearch #boutonChampSearch {
        float:right;
        width:18px;
        height:18px;
        border:0px;
    }
    #header #boutonQuiSommesNous {
        position:absolute;
        top:40px;
        right:50px ;
    }

    #boutonLangue{
        position:absolute;
        top:40px;
        right:0 ;
    }
    #boutonLangue a, #boutonQuiSommesNous a  {
        color:#2a99d1;
    }
    
    #onglet{
        position:absolute;
        top:112px;
       /* left:235px;*/
        width: 990px;
        height: 30px;
    }  
    #onglet li{
      display: inline;
    }      


    /*********************************************************************************/
    /* banner de fond */
    /*********************************************************************************/
    #imgSite {
        position: absolute;
        top:120px;
        width:100%;
        height: 408px;
        background-position:center center;  
        background-repeat: no-repeat;      
    }
    #bgMenu{
        margin: 0 auto;
        margin-top: 357px;
        max-width:1412px;
        height:25px; 
        background: url("../../images/pictos/fondMenuDeroulant.jpg");
    }  
    #bgMenuOnglet{
        margin: 0 auto;
        max-width:1412px;
        height:26px; 
        background: url("../../images/pictos/fondMenuOnglet.jpg");
    }   


/*********************************************************************************/
/* Naviguation */
/*********************************************************************************/
#nav{
    margin:0;
    height: 150px;
}
    #nav .titre {
        float:left;
        padding-right:50px;
        margin-top:25px;
        font-size:18px;
        line-height:22px;
        color: #fff;
    }

    #nav #btMonDEvis{
        position: absolute;
        right: 12px;
        top:-31px;
        font-size:11px;
        color:#fff;
        
    }
    #btMonDEvis a.buttonSite span{
       color:#fff!important;
    }
    /*********************************************************************************/
    /* Menu de Destination */
    /*********************************************************************************/

    #nav #menuDestination {
        padding:0px;
        list-style: none;
        text-align:left;
    }

    #nav #menuDestination li {
        display: inline;
        padding-right: 36px;  
        text-transform:uppercase;
        font-weight:bold;
    }
    #nav #menuDestination li a.select{
        color:#fff;
    }

    /*********************************************************************************/
    /* Menu Séjour */
    /*********************************************************************************/
    #menuSejour, #menuSejour ul, #menuPlus ul {     /* Liste */
        padding : 0; /* pas de marge int�rieure */
        margin : 0; /* ni ext�rieure */
        float:left;
        width:765px;
        height: 96px;
        margin: 0;
        padding : 0;
        list-style-type : none;
    }

    #menuSejour a,  #menuPlus a {/* Contenu des listes */
        display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
                       
    }

    #menuSejour li,  #menuPlus li {/* Elements des listes */      
        float : left;               
        margin-right: 15px;           
    }
  

    #menuSejour li ul , #menuPlus li ul{ /* Sous-listes */
        position: absolute; /* Position absolue */
        width: 210px;  /*Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        z-index:100000;
    }


    #menuSejour li ul li ,  #menuPlus li ul li{/* �l�ments de sous-listes */
        
                
                background: #5b9ecd;
                        
        
        border-left:0px;    
        border-bottom:1px solid #c3c3c3;
        padding:0;
        width: 190px; 
        line-height: 20px;
        z-index:1000;
        color:#fff;
    }
    /*******************************************************/
    /* elements de sous-listes */
    /* IE */
    #menuSejour li ul li a , #menuPlus li ul li a{
        width: 190px;     /*Largeur des liens des sous-listes*/    
        color:#fff;        
        font-weight:normal; 
        margin: 0;   
        padding: 0 15px 0 15px;
        
    }
    /* FireFox (IE ne reconnaissant pas le s�lecteur ">") */
    html>body #menuSejour li ul li a, html>body #menuPlus li ul li a {    
        width: 160px;     /*Largeur des liens des sous-listes*/    
        color:#fff;        
        font-weight:normal;            
    }    
    /*******************************************************/
    /* Affichage de la fl�che pour le menu qui on des sous menu*/
    /* IE */ 
    #menuSejour a.daddy, #menuSejour a:hover.daddy, #menuPlus a.daddy, #menuPlus a:hover.daddy {
        width:160px;
    }

    /* FireFox (IE ne reconnaissant pas le s�lecteur ">") */
    html>body #menuSejour a.daddy, html>body #menuSejour a:hover.daddy, html>body #menuPlus a.daddy, html>body #menuPlus a:hover.daddy {
        width:160px;
    }    
    /*******************************************************/
    /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */   
    #menuSejour li ul ul, #menuPlus li ul ul {
        margin    : -23px 0 0 250px ;   
    }    
    /* FireFox (IE ne reconnaissant pas le s�lecteur ">") */
    html>body #menuSejour li ul ul, html>body #menuPlus li ul ul {
        margin    : -23px 0 0 190px;
        border-left: 1px solid #000;
        
    }

    /**** Lorsque la souris passe sur un des liens des sous menu ************/
    /* IE */ 
    #menuSejour li ul li a:hover, #menuPlus li ul li a:hover {
        color: #fff; /* On passe le texte en blanc... */
        width: 160px;  /*r�gle la largeur de la couleur de fond quand on passe avec la souris pour IE*/
                
                background: #9acdef;
                         
    }
    /* FireFox (IE ne reconnaissant pas le s�lecteur ">") */
    html>body #menuSejour li ul li a:hover, html>body #menuPlus li ul li a:hover {
        color: #fff; /* On passe le texte en blanc... */
                
                background: #9acdef;
                          
        width: 160px;  /*r�gle la largeur de la couleur de fond quand on passe avec la souris pour IE*/
    }    
    /****************************************************************/

    #menuSejour li:hover ul ul, #menuSejour li.sfhover ul ul, #menuPlus li:hover ul ul, #menuPlus li.sfhover ul ul {/* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
        left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
    }

    #menuSejour li:hover ul, #menuSejour li li:hover ul, #menuSejour li.sfhover ul, #menuSejour li li.sfhover ul, #menuPlus li:hover ul, #menuPlus li li:hover ul, #menuPlus li.sfhover ul, #menuPlus li li.sfhover ul { /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
    } 
    

     
     
    
    /*********************************************************************************/
    /* Menu Plus */
    /*********************************************************************************/
    /* vitise 360, situé sur la carte, avis hotel promotion*/
    #posMenuPlus{
        float: left;
        height:95px;
        margin:20px 0 0 0;
        
                        width: 220px;
                margin:20px 0 0 0;
                    
    }  
    ul#menuPlus {
        margin: 0;
    }
    #contenu #menuPlus ul{      
        margin: 0;
        padding : 0;
    }
    ul#menuPlus li{
        list-style-type : none;    
        
                        margin: 0 10px 0 0;
                }
    
    #menuPlus li ul li{
        margin: 0;
        padding: 0 0 0 15px;
    }    
    
      
    /*********************************************************************************/
    /* Menu Lieu Secondaire */
    /*********************************************************************************/
    #posSsMenuLieuSecondaire{
        position:relative;
        width:750px;
        margin:10px 0 10px 0;
        /*border-top:1px solid #4d463b;   */
        padding: 0px 0 0 15px;
        
        background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:    -moz-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:     -ms-linear-gradient(top, #1f1f1f 0% #000 100%);
        background-image:      -o-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:         linear-gradient(top, #1f1f1f 0% #000 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f',endColorstr='#000', GradientType=0);   
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;                
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;         
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;              
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;                
        
    }
    #divLieuSecondaire{
        width:765px;
    }
    #divLieuSecondaire.remarque{
        float:left;
        width:450px;
    }

    #menuLieuSecondaire li {
        display: inline;
        background-repeat:no-repeat;
        list-style-type:none;
        padding-left:15px;
        background-image:url(../../images/pictos/puce.png);
        background-position:0 8px;
        line-height:22px;
    }
    #titreLieuSecondaire{
        float:left;
        width:150px;
        font-size:11px;
        font-weight:bold;
        line-height:20px;
    }
    .lienLieuSecondaire{
        float:left;
        margin-right:25px;
    }
    /*********************************************************************************/
    /* Menu Region */
    /*********************************************************************************/
    #posSsMenuRegion{
        position:relative;
        width:765px;
        margin-bottom:7px;
                        border-bottom:1px solid #ccc;
                            
    }
    #divRegion{
        width:765px;
    }
                #divRegion.remarque{
                float:left;
                width:450px;
            }
            .lienIlesSeychelles a{
                font-size: 11px;
            }
        
    /*********************************************************************************/
    /* Menu Hotel */
    /*********************************************************************************/

    #nav #posMenu{
        width:765px;
        height:25px;
        clear:both;    
        background: url("../../images/pictos/fondMenuDeroulant.jpg");
    }
    
                
    /*Style appliquer dans bloc-menu javascipt*/
    .TitlelowText {  /* appliquer au texte du menu*/
        color: #fff; font-size: 14px; font-weight: bold;  text-align: left; text-decoration: none; margin-left: 15px; padding-right: 9px; padding-top: 5px; 
    }
    .TitlehighText, a.TitlehighText:link, a.TitlehighText:visited, a.TitlehighText:active, a.TitlehighText:focus { /* appliquer au texte du menu quand on passe dessus*/
        color: #fff ; font-size: 14px; font-weight: bold ; text-align: left; text-decoration: none; margin-left: 15px; padding-right: 9px; padding-top: 5px; 
    }
    .lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {  /*appliquer au texte sous menu*/
        color: #fff; font-size: 11px; text-decoration: none; margin-left: 15px; 
    }
    .highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus { /*appliquer au texte sous menu quand on passe dessus*/
        color: #2a99d1; font-size: 11px;  text-align: left; text-decoration: none; margin-left: 15px;
    }
    .ItemlowText, a.ItemhighText:link, a.ItemhighText:visited, a.ItemhighText:active, a.ItemhighText:focus { /*appliquer au titre du sous menu*/
        color: #fff; font-size: 11px; text-align: left; text-decoration: none; margin-left: 15px;
    }
    .itemBorder{
        padding:0px;
        border-right: 1px solid #1e1e1e;
    }
    .itemBorderSsMenu{
        padding:0px;
        border: 0;
        border-bottom: 1px solid #666;
    }    
    
    
    

/****************************************************/
/* Recherche */
/****************************************************/

/*Poutre Recherche*/
#afficheRecherche{
    float:right;
    margin-top:30px;
    text-align:right;
    width:160px;
    color:#fff;
    font-size:10px;
    cursor:pointer;
}

    #imgAfficheRecherche{
        float:right;
        width:13px;
        height:13px;
        margin-left:5px;
        cursor:pointer;
    }
#triSearch{
    width:200px;
    margin: 0 0 30px 2px;
    color:#2a99d1;    
}
    #triSeachContent{
        width: 172px;
        background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:    -moz-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:     -ms-linear-gradient(top, #1f1f1f 0% #000 100%);
        background-image:      -o-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:         linear-gradient(top, #1f1f1f 0% #000 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f',endColorstr='#000', GradientType=0);  
        padding: 14px;                
    }
    
    #slider-range{
        margin:0 0 0 8px;
        width:160px;
    }
#posRecherche{
     
    z-index: 2000;    
    width:200px;
    float: left;    
    color:#fff;
    padding-top: 13px;
     
                position: relative;    
}

#motcleSuggest{
         width:180px;
         }


#posRechercheVide{
    position: relative; 
    z-index: 10;    
    width:200px;
    height: 228px;
    float: left;    
    padding-top: 13px;
    
    

}
#bgRecherche{
    background-color: #000;
    position:absolute; 
    z-index:-1; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    opacity:0.4;
    filter : alpha(opacity=40);
}
#popupSearchSuggest{
    display: none;
}

    #titreRecherche {
        width: 200px;
        float: left;
        font-size:14px;
        font-weight:bold;
        color:#fff;
    }

    #posRecherche input,#posRecherche select, #triSearch select{
        height:12px;
        background-color: #777777;     
        border:0;
        color: #000;
    }
    #posRecherche select,#triSearch select {
        height:16px;
    }   
    #triSearch input,#promoSpecial input{
        background: none;
        border: 0;
    } 

    #divMotCleSearch{
        float:left;
        width:180px;
        margin:0 0 12px 14px;
        text-align:left;   
         
    }
    #divNbAdultesSearch{
        float:left;
        width:70px;
        height:25px;    
        vertical-align:top;
        margin:0 0 12px 14px;
    }
    #divNbAdultesSearch select{
        width:65px;
    }
    #divNbEnfantSearch input{
        width:65px;
    }
    #divPictoInfoAdultes{
        float:left;
        width:25px;
        height:15px;
        margin:12px 0px 0 0 ;
    }
    #divNbEnfantSearch{
        position:relative;
        float:left;
        width:90px;
        height:40px;
    }
    #divSearchDateDebut{
        float:left;
        width:95px;
        height:35px;
        vertical-align:top;
        margin-left:14px;
        margin:0 0 8px 14px;
    }
    #divSearchDateDebut input, #divSearchDateFin input{
        width:65px;
    }
    #divSearchDateDebut img, #divSearchDateFin img{
        margin:0;
    }



    #divSearchDateFin{
        float:left;
        width:90px;
        height:35px;
        vertical-align:top;
    }
    #divSearchDateDebut input, #divSearchDateFin input{
        margin-right:3px;
    }
    #divBoutonAfficheAvance{
        float:right;
        width:72px;
        margin-top:13px;
        margin-right:20px;
    }
    #divBoutonSearch{
        margin:4px 0 0 110px;
          
        
    
    }

    /* menu age enfant */
    .dropdown {
        position:relative;
    }
    .dropdown_link{
    }
    .dropdown INPUT{
        position:relative;
        width:59px;
        z-index:100;
    }
    .dropdown div.options {
        position:relative;
        border:1px solid #fff;
        background:#000;
        width:170px;
        left:0;
        display:none;

    }
    .ageEnfantTitreContent{
        position:relative;
        background:#000;
        text-align:center;
        height:25px;
        line-height:25px;
        margin-bottom:10px;
        font-size:11px;
        color:#ffffff;
    }
    .ageEnfantContent{
        position:relative;
        float:left;
        height:20px;
    }
    .ageEnfantDelete{
        position:relative;
        float:left;
        width:12px;
        margin:2px 10px 0px 20px;
        z-index:10;
    }
    select.ageEnfant{
        position:relative;
        width:100px;
        z-index:10;
    }
    .ageEnfantBtn{
        position:relative;
        width:100%;
        text-align:center;
        margin:10px 0px 10px 0px;
    }
    #btnAdd{
        float:left;
        width:75px;
        margin-left:8px;
    }
    #btnValid{
        float:right;
        width:75px;
    }
    .closeAgeEnfant{
        position:relative;
        float:right;
        top:-30px;
        margin-right:10px;
        display:none;
        width:10px;
        height:10px;
    }
    .linkAgeEnfant{
        height:14px;
        font-size:10px;
        margin:0px 5px 5px 0px;
        color:#fff;
        border: 0;
    }
    #categorie{
        float:left;
        width:180px;
        margin:5px 0 10px 0 ;
    }
    #categorie label{
        margin:0 10px 0 0;
        color: #8e8f8f;    
    }
    #formule{        
        width:180px;    
        margin:0 0 12px 14px;        
    }
    #promoSpecial{
        margin:0 0 0 14px;
    }
    #budget{
        margin:10px 0 15px;    
    }
    #serviceDisponible{
        float:left;
        width:670px;
    }
    #titreServiceDisponible{
        margin-top:20px;
    }
    #serviceDisponible #titreServiceDisponible{
        float:left;
        width:180px;
        
    }
    #titreServiceDisponible label{
        margin: 0 0 0 5px;
        color:#8e8f8f;
    }
    #titreServiceDisponible input{
        margin: 5px 0 0 0;
    }
    .posBouton{
        float:right;
        margin:0px;
    }


/****************************************************/
/* Tri de la recherche*/
/****************************************************/
.afficheMinMaxPrix{
    border:0px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    width:45px;
    text-align:right;
}
#AfficheAucunEnregistrement{
    height:100px;
    padding-top:50px;
    font-size:12px;
    font-weight:bold;
}

/*********************************************************************************/
/* Contenu Fil d'ariane */
/*********************************************************************************/
#filAriane {        
            margin:15px 7px 0 15px;
            color:#555555;
            font-size:10px;
            width: 100%;
                position:relative;
    z-index:20;
    float: left;
    

}
#filAriane a, #filAriane span {
            color:#555555;
            }
#filAriane a:hover {
                    color:#fff;
}

/*********************************************************************************/
/* Contenu principal */
/*********************************************************************************/

#contenu {
    width:100%;   
    margin-top: 20px; 
 
}
#contenuBackground{
    float: left;
    width: 765px;
    background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #000 100%);
    background-image:    -moz-linear-gradient(top, #1f1f1f 0%, #000 100%);
    background-image:     -ms-linear-gradient(top, #1f1f1f 0% #000 100%);
    background-image:      -o-linear-gradient(top, #1f1f1f 0%, #000 100%);
    background-image:         linear-gradient(top, #1f1f1f 0% #000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f',endColorstr='#000', GradientType=0);        
}
    #contenu a{
        text-decoration:none;
        color:#fff;
    }
    #contenu a:hover{
        text-decoration:underline;
    }
    #contenu h1, .ui-dialog-content h1{
        color:#fff;
        margin-top: 5px;
        line-height:25px;
        float:left; 
        font-size:20px;
    }
    #contenu h2, .ui-dialog-content h2{
        color:#2a99d1;
        font-size:18px;
        font-weight:bold;
        line-height:18px;
    }
    #contenu h3, .ui-dialog-content h3 {
        font-size: 11px;
        font-weight:bold;
        line-height:18px;
        margin-bottom:14px;
    }
    #contenu h4, .ui-dialog-content h4{
        font-size: 18px;
        font-weight:bold;
        line-height:20px;
        margin-bottom:14px;
        color:#2a99d1;
    }
    #contenu h5, .ui-dialog-content h5 {
        font-size: 12px;
        font-weight:bold;
        line-height:30px;
    }

    #contenu p, .ui-dialog-content p{
        margin:0px 0px 14px 0px;
        padding:0;
    }

    #contenu ul, .ui-dialog-content ul {
        margin:0px 0px 14px 0px;
        padding:0px 0px 0px 0px;
        list-style:disc;
        list-style-position: inside;
    }  
    #contenu li, .ui-dialog-content li {
        padding-bottom:3px;
    }

    #contenu .top{
        float:right;
        width:13px;
        height:13px;
        margin-top:5px;
    }

    #contenu .zoneText{
        padding-top:40px;     
    }
    #contenu .zoneTextHomePage a{
        color: #BD9B68;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 14px;     
    }

    #logoTwitter{
        float:right;
        margin-top:18px;
    }

    #logoGroupeHotel{
        float:right;
        margin-bottom:5px;
    }

    
    .mediumtitrepromo{
        font-size: 12px;
        font-weight:bold;
    }
    .txtpromogras{
        font-size: 11px;
        font-weight:bold;
    }
    .txtenevidence{
        font-size: 11px;
        font-weight:bold;
        line-height:15px;
        color:red;
    }

    /*********************************************************************************/
    /* Page Combine 63 */
    /*********************************************************************************/
    .hebergementAccueil {
        padding-top:15px;
        border-top:#ccc solid 1px;
        border-bottom:#ccc solid 1px;
    }
    .titreHotel {

        font-size: 16px;
        font-weight:bold;
        line-height:16px;
    }
    
                /*********************************************************************************/
            /* HomePage site 1-2-3-4 */
            /*********************************************************************************/
            .posBlocTopSelection,.posBlocLastMinute, .posBlocVoyageNoces{
                float:left;
                width:367px; 
                margin-top: 15px; 
            }
            .posBlocLastMinute{  
                margin-right: 30px;     
            }  
            .posBlocVoyageNoces {
                margin-top: 40px; 
            }

            .posBlocTopSelection .posBlocCoupCoeur{
                float:left;
                width:360px;
            }
            
            .posBlocTopSelection .posBlocCoupCoeur .hotelCoupCoeurBorderTop, .posBlocVoyageNoces .hotelVoyageNocesBorderTop{
                border-top: 1px solid #64524b;
            }
            .posBlocTopSelection .hotelCoupCoeur{
                position: relative;
                float:left;
                width:367px;
                margin-left:5px;
            }

            .posBlocTopSelection .hotelCoupCoeur table{
                margin:4px 4px 0 4px;
            }
            .posBlocTopSelection .posLienTousHotel,.posBlocVoyageNoces .posLienTousHotel{
                float: right;
                margin-right: 0px;
            }  
            #contenu .titreLieuHomepage{
                display: block;
                font-size:11px;
                color:#2a99d1;
                font-weight:bold;
                margin-top: 5px;
            }       
            #contenu .titreHotelCoupCoeur{
                font-size:14px;
                color:#fff;
                font-weight:bold;
            }

            
            #contenu .titreLastMin{
                float: left;
                font-size:12px;
                color:#fff;
                font-weight:bold;
                margin: 0 0 15px 10px;
            } 
            #contenu .lienLastMin a{
                display: block;
                color: #2a99d1;
                margin: 10px 0 10px 10px;
            }           
            
             .blocLastMin{
                 width: 360px;
                 float: left;
                 background: #3c3c3c;
                 margin: 0 0 20px 0;
                 -webkit-border-top-left-radius: 6px;
                -webkit-border-top-right-radius: 6px;
                -webkit-border-bottom-left-radius: 6px;
                -webkit-border-bottom-right-radius: 6px;                
                -moz-border-radius-topleft: 6px;
                -moz-border-radius-topright: 6px;         
                -moz-border-radius-bottomleft: 6px;
                -moz-border-radius-bottomright: 6px;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;              
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                behavior: url(./include/css/PIE.htc);                                  
             }
             .blocLastMin img{
                -webkit-border-bottom-left-radius: 6px;
                -webkit-border-bottom-right-radius: 6px;                    
                -moz-border-radius-bottomleft: 6px;
                -moz-border-radius-bottomright: 6px;          
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                behavior: url(./include/css/PIE.htc);                 
             }
             
             .titreHomePage{
                 float: left;
                 font-size: 20px;
                 color: #fff;
                 margin-bottom: 30px;
                 width: 365px;
             }                    
                
                
                 


    /*********************************************************************************/
    /*********************************************************************************/
    /*********************************************************************************/
    /*********************************************************************************/
    /* Titre de l'hotel et picto groupe d'hotel */
    /*********************************************************************************/
    #contenu #posTitreHotel{
        float:left;
        width: 750px;
        padding-left: 15px;
    }
    #contenu #lieuHotelEtGroupe{
        float: left;
        padding: 0 15px 0 15px;
    }
    #contenu .posImgGroupeHotel{
        margin-right:3px;
    }
    #contenu #lieuHotelEtGroupe{
        margin-top: 10px;
        font-size: 14px;
        color:#fff        
    }  

    /*********************************************************************************/
    /* Image notre avis */
    /*********************************************************************************/
    #posImgAvis{
        float:right;
        margin-top:10px;
    }
    #posTextAvis{
        float:left;
        width:385px;
        margin-top:15px;
    }

    /*********************************************************************************/
    /* listing
    /*********************************************************************************/
    .titrePageListing{
        float:left;
        width:750px;       
    }
    #menuListing{
        float:left;
        width:735px;
    }
    #menuListing ul {
        margin:0px;
        padding:0px;
    }

    #menuListing li {
        display: inline;
        background-image:url(../../images/pictos/puce.png);
        background-position:0 5px;
        background-repeat:no-repeat;
        list-style-type:none;
        padding-left:15px;
    }
    #menuListing .lienRubriqueHotel{
        float:left;
        margin-right:20px;
    }
    #menuListing .lienRubriqueAutotour{
        margin-right:10px;
    }
    #menuListing a{
        text-decoration:none;
        color:#fff;
    }
    #menuListing a:hover{
        text-decoration:none;
        color:#fff;
    }
    .txtIntroListing{
        float:left;
        width:735px;
        padding: 15px 15px 0 15px;
        background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:    -moz-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:     -ms-linear-gradient(top, #1f1f1f 0% #000 100%);
        background-image:      -o-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:         linear-gradient(top, #1f1f1f 0% #000 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f',endColorstr='#000', GradientType=0);   
    }
    .blocListing{
        float:left;
        width:765px;
        margin-bottom: 15px;
        background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:    -moz-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:     -ms-linear-gradient(top, #1f1f1f 0% #000 100%);
        background-image:      -o-linear-gradient(top, #1f1f1f 0%, #000 100%);
        background-image:         linear-gradient(top, #1f1f1f 0% #000 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f',endColorstr='#000', GradientType=0);        
        
    }
    .blocListingPromo{
        float:left;
        background: none;
        margin: 10px 0 20px 0;
    }
    .categorieListing{
        font-size:18px;
        line-height:35px;
        font-weight:bold;
        margin:20px 15px 20px 15px;
        color:#2a99d1;
    }
    .blocTitreListing{
        width:750px;
        height:25px;
        margin:10px 0 30px 0;
    }
    .titreListing{
        float:left;
        width:700px;
        margin-left: 13px;
    }

    .txtListing{
        float:right;
        width:530px;   
        margin-right: 15px;
    }
    .txtListingPromo{
        float:right;
        width:530px;
        margin-right: 15px;
    }
    .txtListingSeach{
        float:left;
        width:525px;
    }
    .txtListingPromo .titrepromo{
        color:#666;
        font-size: 14px;
        font-weight:bold;
        line-height:20px;
    }

    .txtListingPromo .mediumtitrepromo{
        color: #666;
        font-size: 12px;
        font-weight:bold;
    }

    .pictoListingPromo{
        float:left;
        width:180px;
        margin:0 25px 0 15px;
        text-align:left;
    }
    .vignetteListing{
        float:left;
        width:198px;
        height:130px;
        text-align:left;
        margin-left: 15px;
    }
    .img_listing{
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;                
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;         
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;              
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;             
        behavior: url(./include/css/PIE.htc);        
    }
    .posBlocInfoPrixSearch{
        float:left;
        width:200px;
        margin-left:25px;
    }
    .prixSearch{
        font-size:14px;
        font-weight:bold;
        margin-bottom:10px;

    }
    .infoChambreSearch{
        line-height:18px;

    }
    
    #blocHebergementMenu{
        float:left;
        width: 765px;
        padding: 0;
    }
    #blocPosSearch{
     /*    margin-top: 35px;  107px  */
    }
    #afficheSearch   {
        float: left;
        width: 765px;
        border-bottom: 1px solid #282828;  
        margin-bottom: 20px;
    }
    .posBlocInfoPrixSearchHebergement{
        position:relative;
        float:left;        
          
        margin:15px 0 0 5px;    
    }
    
    .blocInfoPrixListing{
        float:right;
        width:750px;
        margin:10px 0 8px 0;    
    }
    
    .titreBlocPrix{
        margin-bottom:8px;
        padding-bottom:5px;
        font-size:16px;
        font-weight:bold;
    }
    .dateSejour{
       font-size:18px;
       font-weight: bold;
       line-height: 25px; 
    }
    .dateSejour .date{
       font-size:16px; 
    }
    .modifDates{
        font-size: 11px;
        font-weight: normal;
        display: block;
        margin-top: 7px;
        margin-bottom:4px;
    }
    #posBlocInfoPrixSearchHebergementPos{
        margin:10px 0 0 0;
        color:#fff;
        font-size:11px

    }
    .blocPrix{
        float: left;
        width: 145px;
        border-right: 1px solid #343434;
        padding: 0 10px 0 10px;
        
            }

    #posBlocInfoPrixSearchHebergementPos .montantAffiche{
        font-size:20px;
        font-weight:bold;    
        margin:10px 0 5px 0 ;
        
    }
    
    #posBlocInfoPrixSearchHebergementPos #promoAffiche{
        min-height:30px;
        font-size:10px;    
        line-height: 14px;
        font-weight: normal;
    }
    
    .nbNuit{
        display:block;
        float:left;
        font-size:13px;
        font-weight:bold;    
        margin:8px 0 0 0;    
    }
    
    .blocPersonnes{
        float:left;
        margin-right:8px;
    
    }
   .popupListingPromo{
       display: none;
    }    
    
    #posBlocInfoPrixSearchHebergementPos .montantAffiche span{
        font-size:14px;    
        color: #2a99d1;                
    }
    .titreRechercheAvance{
        font-size:14px;
        font-weight:bold;
        color:#fff;
    }
    
    

    /****************************************************/
    /* Texte contenu hotel
    /****************************************************/
    .titreRubriqueHotel {
        font-size: 18px;
        font-weight:bold;
        line-height:35px;
        color:#2a99d1    }

            /****************************************************/
            /* Chambre
            /****************************************************/

            #posAfficheChambre{
                margin-top:40px;
            }

            .posTxtChambre{
                float:left;
                width:375px;
            }
            .posImageChambre{
                float:right;
                text-align:right;
                width:390px;
            }

            .imgChambre{
                margin-bottom:14px;
            }
            .titreChambre{
                margin-top:20px;
                margin-bottom:10px;
                border-bottom:1px solid #292929;
                color: #666;
                font-size: 14px;
                font-weight:bold;
                line-height:25px;
                color: #fff;
            }
            .ssTitreChambre{
                margin-bottom:5px;
                border-bottom:1px solid #292929;
                font-weight:bold;
                line-height:18px;
            }
            .txtChambre{
                margin-bottom:20px;
            }

    /****************************************************/
    /* Texte contenu promotion de l'hotel
    /****************************************************/
    .titrepromo{
        font-size: 14px;
        font-weight:bold;
        line-height:18px;
    }

    /*********************************************************************************/
    /* Resultat recherche simple (celle du haut)
    /*********************************************************************************/
    .posBlocReslutRecherche{
        float: left;
        margin-bottom: 40px;
    }
    .blocTitreRecherche{
        width:735px;
        height:25px;
        margin:0px 0px 10px 0px;
    }
    .titreResultRecherche{
        float:left;
    }

    .txtResultRecherche{
        float:right;
        width:560px;
    }

    .vignetteResultRecherche{
        float:right;
        width:205px;
        height:130px;
    }
/****************************************************/
/* METEO */
/****************************************************/
.cadreJourDetail{

    width:375px;
    float:left;
    text-align:center;
}
.iconDetail{
    height:80px;
    width:60px;
    width:375px; 
    text-align:center;       

}
.icon{
    height:90px;
    width:235px;
    text-align:center;      
}
.iconDetail img,.icon img{    
   padding: 2px;
   border: 1px solid #ccc;
}

.dateHeureDetail{
    height:35px;
}

.temperatureDetail{
    font-size:20px;
    font-weight:bold;
    color:#666;
    height:25px;
    width:375px;
    text-align: center;
    margin-bottom:10px;
}
.cadreJour{

    width:237px;
    float:left;
    text-align:center;
}
.jour{
    font-size:12px;
    font-weight:bold;
    height:30px;
}
.jour-nuit{
    font-size:11px;
    color:#000000;
    text-align:center;
    width:60px;
    height:25px;
}

.temperature{
    font-size:14px;
    font-weight:bold;
    color:#666;
    height:25px;
    width:60px;
}

/****************************************************/
/* Avis TripAdvisor
/****************************************************/
.tripAdvisorRatingTitle
{    
    font-size: 10px;
    margin:0 0 5px 0!important;
    font-weight:bold;
    color:#fff;
} 
.tripAdvisorReviewLink
{
    margin:0 0 5px 0!important;
}
.tripAdvisorReviewLink a{
    font-size: 10px;
    font-weight:bold;
}
.tripAdvisorReviewCount
{
    font-size:9px;
    margin:0 0 2px 0!important;    
    color:#fff;
}
/* fiche hotel */
.tripAdvisorRatingSheet
{   
    height: 85px;
    width: 185px;    
    margin:0;
    float:left;
    margin : 20px 0 0 0; 
         
}
/* liste hotel */
.tripAdvisorRatingList
{
    height: 85px;
    width: 185px;    
    margin:0;
    float:left;
    margin : 0 0 0 10px;
    
}

/****************************************************/
/* Zone de Pub
/****************************************************/
#zonePub{
    
    float: left;
    width: 200px;
    
                position: relative;
            margin-top: 10px;                
            
}
.container{
    margin:0px;
}
.flash{
    margin:0px;
}
    #posBlocNews{
        position: relative;
        width:203px;
        margin:0 0 40px 0;
        padding-bottom: 20px;
        border:1px solid #565656;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;                
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;         
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;              
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;  
        background-image: -webkit-linear-gradient(top, #464646 0%, #272727 100%);
        background-image:    -moz-linear-gradient(top, #464646 0%, #272727 100%);
        background-image:     -ms-linear-gradient(top, #464646 0% #272727 100%);
        background-image:      -o-linear-gradient(top, #464646 0%, #272727 100%);
        background-image:         linear-gradient(top, #464646 0% #272727 100%);                
        behavior: url(./include/css/PIE.htc);  
        
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646',endColorstr='#272727', GradientType=0);         
                       
        
    }
    #posBlocNews a{
        color:#fff;
    }

    #separationLabel{
        width: 172px;
        margin: 0px 7px 16px 7px;
        border-bottom:2px solid #ccc;
        text-align:center;
    }

    .imgLabelNo1{
        margin-top:20px;
    }
    .titreLabelNo1{
        margin: 10px 7px 8px 7px;
        font-size:18px;
        text-align:left;
        font-weight:bold;
        color:#fff;
    }
    .texteLabelNo1{
        font-size: 11px;
        text-align:left;
        margin: 8px 0px 10px 0px;
    }
    .texteLabelNo1 a{
        font-size: 11px;
        color: #fff;
    }
    .texteLabelNo1 a:hover{
        font-size: 11px;
        text-decoration:underline;
    }
    .texteLabelNo1 ul
    {
        padding-left:1em;
        margin-left:0;    
        list-style: disc outside;
    }
    .bordureLabelNo1{
        margin: 0px 10px 0px 10px;
    }
    .cocarde{
        position: absolute;
        bottom: -15px;
        right: 10px;
        width: 50px;
        height: 52px;
        background: url(../../images/pictos/cocarde.png) no-repeat ;
    }
    
    .titreFiltre{
       /*background: url('../../images/fondMenuFiltre.png') no-repeat;*/
        width:201px;
        height:24px;
        font-size:14px;
        font-weight:bold;
        margin:4px 0 10px 12px;
        border-bottom:1px solid #666;
    }
    ul.destination{
        /*background: url('../../images/ombreDestination.png') no-repeat;*/
        margin: 0 0 30px 0 ;
    }

    ul.destination li{
        margin:0 0 0 13px;
        background: url('../../images/fleche.png') no-repeat;
        background-position: left;                             
    }
    
    ul.destination li a{
        font-size:12px;
        line-height:20px;
        padding:0 0 0 15px;
    }
    ul.destination li a.actif, ul.destination li a:hover{
        font-weight: bold;
        color:#BD9B68;
    }
    
/*********************************************************************************/
/* Pied de page */
/*********************************************************************************/
#footer {
    width:970px;
    height:16px;  
    color:#ececec;       
    border-top:1px solid #ccc;
}
#footer #copyright{
    float:left;
    margin-left:5px;
    font-size:10px;
}
#footer #qui{
    float:right;
    margin:0px 5px 0px 0px;
    font-size:10px;
}
#footerSite {
    margin-top: 50px;
    float:left;
    margin-bottom:15px;
    font-size:11px;   
    width: 970px;
    background: #252525;
    padding: 15px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;                
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;         
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;              
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;       
}
    #adresseSiteBottom{
        margin-bottom:10px;
    }
    #recommander{
        float: left;
        width: 770px;
    }
    #paiement{
        float: left;
        width: 200px;        
    }  
    #paiement table{
        margin: 10px 0 10px 0;
        padding: 15px;    
    }  
    #recommander .titreBorder, #chaineHotel .titreBorder, #paiement .titreBorde, #footerSite .titreBorder{
        border-bottom:1px solid #fff;
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .advantage{
        float:left;
        width:480px;
        margin-bottom:20px;
    }
    .advantage ul{
        list-style: disc inside none;
        margin: 0 0 14px;
        padding: 0;
    }
    
    .backChaineHotel{
        padding: 10px 0 10px 0;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;                
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;         
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;              
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;      
    }

    #footerSite .posPicto{
        float:left;
        margin-top:5px;
        margin-right:3px;
        font-size:8px;   
        color:#fff;
    }
/*********************************************************************************/
/* coin arrondi lien */
/*********************************************************************************/
a.buttonSite{
    background: url(../../images/pictos/bouton.png) no-repeat top right;
     color: #fff;
    text-decoration: none;
    float:left;
    cursor: pointer;
    clear:left;
    margin-top:5px;
    margin-left:10px;
}

a.buttonSite span{
    background: url(../../images/pictos/bouton.png) no-repeat top left;
    margin: 0 7px 10px -10px;
    padding: 2px 5px 5px 5px;
    position:relative; /*To fix IE6 problem (not displaying)*/
    float:left;
    color: #fff;
    font-weight:bold;
    font-size: 10px;
    text-decoration: none;
    
}

a.buttonSite:hover {
    background: url(../../images/pictos/boutonHover.png) no-repeat top right;
}

a.buttonSite:hover span{
    background: url(../../images/pictos/boutonHover.png) no-repeat top left;
    text-decoration: none;
    color: #fff;
}
/*****/
a.buttonBigSite{
    background: url(../../images/pictos/boutonBig.png) no-repeat top right;
     color: #fff;
    text-decoration: none;
    float:left;
    cursor: pointer;
    clear:left;
    margin-top:5px;
    margin-left:10px;
}

a.buttonBigSite span{
    background: url(../../images/pictos/boutonBig.png) no-repeat top left;
    margin: 0 7px 10px -10px;
    padding: 2px 10px 5px 15px;
    position:relative; /*To fix IE6 problem (not displaying)*/
    float:left;
    color: #fff;
    font-weight:bold;
    font-size: 12px;
    text-decoration: none;
}

a.buttonBigSite:hover {
    background: url(../../images/pictos/boutonBigHover.png) no-repeat top right;
}

a.buttonBigSite:hover span{
    background: url(../../images/pictos/boutonBigHover.png) no-repeat top left;
    text-decoration: none;
    color: #fff;
}

/*****/
    

.buttonPlusSite, #contenu .buttonPlusSite {
  color: #2a99d1;
  background-image:url(../../images/pictos/bouton_droite.png);
  background-repeat:no-repeat;
  background-position:center right;
  padding:2px 15px 2px 0px;
  height:18px;
  line-height:18px;
}
.buttonPlusSite:hover, #contenu .buttonPlusSite:hover {
  color: #2a99d1;
  text-decoration:underline;
}

.buttonFlecheSite {
  color: #fff;
  background-image:url(../../images/pictos/pictoFleche.png);
  background-repeat:no-repeat;
  background-position:center left;
  padding: 4px 7px 4px 20px;
  height:18px;
  line-height:18px;
}
.buttonFlecheSite:hover {
  color: #fff;
  text-decoration:underline;
}


/*********************************************************************************/
/* galerie chambres dans procédure devis (select) */
/*********************************************************************************/

.selectborder
{
    border-bottom: dashed 1px #ddd;
}
.selectitem
{
    cursor:default;
    margin: 2px;
}
.selecttext
{
    width: 100%;
    text-align: left;
}

/*********************************************************************************/
/* galerie chambres dans procédure devis gallerie */
/*********************************************************************************/
#gallery {
    /*padding: 18px;*/
}
.ad-gallery {
  width: 360px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 270px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 0; /* � la base �tait � 100 */
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 0; /* � la base �tait � 100 */
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../../images/ad-gallery/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../../images/ad-gallery/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 0; /* � la base �tait � 9 */
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../../images/ad-gallery/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../../images/ad-gallery/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 10px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 0; /* � la base �tait � 10 */
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -15px;
      width: 13px;
      display: block;
      background: url(../../images/ad-gallery/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -15px;
      width: 13px;
      background: url(../../images/ad-gallery/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
                .ad-gallery .ad-thumbs li a.ad-active img {
                 border: 3px solid #616161;
                }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/* ADDTHIS */
.addthis_toolbox{
    width: 340px; 
    position: absolute;
    right: 0;
    top:135px;
    text-align: right;
}

 /*****************************************************************/
 /*   ONGLETS                                                     */
 /*****************************************************************/
#tabsSite, #tabsSite ul {/* Liste */    
    padding : 0; /* pas de marge intérieure */
    margin : 0; /* ni extérieure */
    list-style : none; /* on supprime le style par défault de la liste */
    line-height : 18px; /* on défini une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */    
    font-weight : bold; 
    font-size : 11px;    
}

#tabsSite a{ /* Contenu des listes */
    display    : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    color : #fff; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
    padding    : 0 12px 0 12px; /* aucune marge intérieure */
}


#tabsSite li { /* Elements des listes */    
    float : left; 
    border-right : 1px solid #000; /* on met une bordure blanche à droite de chaque élément */ 
}

#tabsSite li ul {/* Sous-listes */
    position: absolute; /* Position absolu */
    width: 160px; /* Largeur des sous-listes */
    left: -999em; /* Hop, on envoi loin du champ de vision */
    z-index: 2000;
}

#tabsSite li ul li {/* Eléments de sous-listes */
    width: 160px;  
    border: 0;
    border-bottom: 1px solid #666;
    background: #3C3C3C;  
    text-align: left;  
    padding: 3px 0 3px 0; 
}

#tabsSite li ul li ul {/* Eléments de sous-listes */
    position:absolute;
    float:left;
    width: 160px;  
    border: 0;
    border-bottom: 1px solid #666;
    background: #3C3C3C;  
    text-align: left;  
    /*
    padding:0; 
    margin:-21px 0 0 161px;
    */
    margin:-21px 0 0 161px;
}

#tabsSite a:hover, #tabsSite li ul a:hover {/* Lorsque la souris passe sur un des liens */    
    color: #2a99d1; 
}

#tabsSite li:hover ul ul, #tabsSite li.sfhover ul ul{ /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#tabsSite li:hover ul, #tabsSite li li:hover ul, #tabsSite li.sfhover ul, #tabsSite li li.sfhover ul { /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug */
}
#tabsSite a.select ,#tabsSite a.select:hover {
    color: #2a99d1;
}
.listeBulleSousOnglet{
    list-style: disc;
    margin-left: 10px;
}

/******************************************/
 /* page map*/
/******************************************/
 #map,#map a{
     color: #000;
 }
 
 /* Pinterest */
 .img_hotel:hover .pinterest-pin:before {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: block;
  width: 28px;
  height: 28px;
  font-size: 28px;  
  line-height: 28px;     
  color: #fff;
  /*content: "\e014";*/
  text-decoration: none !important;
  font-weight: normal;
  font-style: normal;
  /*font-family: 'social-icon-font';*/
  speak: none;
  -webkit-font-smoothing: antialiased;
}
/* root element for tabs  */
/*.tabsSite { 
    list-style:none; 
    margin:0 !important; 
    padding:0;
    height:30px;   
}
#contenu ul.tabsSite {
    list-style: none;
    padding: 0;
} */

/* single tab */
/*.tabsSite li { 
    float:left;     
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important; 
}  */  

/* link inside the tab. uses a background image */
/*.tabsSite a { 
    border-right:1px solid #000;
    font-size:12px;
    display:block;
    height: 30px;  
    line-height:30px;
    text-align:center;    
    text-decoration:none;
    font-weight: bold;    
    padding:0px;
    margin:0px;    
    position:relative;     
    color:#fff;
    padding: 0 15px 0 15px;
    width: 107px;  

}
/*a.tabsSiteOnglet,a#afficheAutresDest{

} */
/* when mouse enters the tab move the background image */
/*.tabsSite a:hover {
   color: #2a99d1;
    text-decoration: none;    
}
 
ul.sousTabsSite {
    display: none;
    float: left;
    width: 130px;
    z-index: 2000;
    border: 1px solid red;

}
a.sousTabsSiteOnglet   {  
    text-align: left;
    padding-left: 13px;
    height: 25px;
    line-height: 25px;
    background-image: none;
    background-color: #3f3f3f;
    z-index: 10000;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 130px;
}
a.sousTabsSiteOnglet:hover{
    background-color: #2a99d1;      
    color: #fff;
}  */

.pinit {
  position:relative;
  display:inline-block;

}

/* pin it overlay style */
.pinit .pinit-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:200;
  display:none;
  text-align:center;
}

/* button style, and center it */
.pinit .pinit-overlay a {
  position:relative;
  top:10px;
  left:10px;
  display:block;
  width:40px;
  height:20px;
  background-image: url('../../images/boutons/pinIt1.png');
}

.pinit .pinit-overlay a:hover {
    background-image: url('../../images/boutons/pinIt2.png');
    width:40px;
  height:20px;
}

.pinit .pinit-overlay a:active {
}