/* generalites */
body {
    background: transparent;
    margin: 0;
    font: 100%/ 120% Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
    background:#cec6b9;
    /* For Firefox */
    background-image: -moz-linear-gradient(top, #9b907c, #cec6b9);
    /* For Safari/Chrome */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cec6b9),color-stop(1, #9b907c));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9b907c', endColorstr='#cec6b9'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9b907c', endColorstr='#cec6b9')"; /* IE8 */
} 

#contenu_container {

}

hr {
    clear: both;
    visibility: hidden;
} 

abbr {
    text-decoration:none;
    outline:none;
    outline-width:0;
    border:0;
}

a img {
    border:0;
}

a {
    color:#000;
    text-decoration:none;
    font-weight:normal;
    outline-style:none;
}

.prix_barre {
    text-decoration:line-through;
}

a:hover {
    text-decoration:underline;
}

p.note {
    margin:0;
    text-align:left;
    font-size:smaller;
}

.centrer {
    text-align:center !important;
}

.invisible {
    display:none;
}

.multicolonne p {
    text-align: justify;
}

.multicolonne .colonne_gauche {
    float:left;
    width:45%;
    margin-right:4%;
}

.multicolonne .colonne_droite {
    margin-left:50%;
}

.multicolonne .colonne_droite p {
}

.multicolonne img {
    display:block;
    float:left;
    margin-right:10px;
}

object {
    margin:1em auto;
    display: block;
}

/* mise en page */

#header, #contenu, #divers, #footer {
    width: 950px;
    margin: 0 auto;
} 

/* entete */

#header {
    width:950px;
} 

#header_container {
    background: #555;
    /* url('../img/background.gif') repeat-x top left; */
    margin:0;
    padding:0;
    height:50px;
    border-bottom:2px solid #fff;
    position:fixed;
    width:100%;
    z-index:10000;
} 

#header h1 {
    overflow: hidden;
    text-indent: -100em;
    float: left;
    position:absolute;
    z-index:10000;
    top:0;
    margin:0;
    padding:0;
    -webkit-box-shadow: #244766 5px 5px 10px;
    -moz-box-shadow: #244766 10px 10px 10px;
    box-shadow: #244766 10px 10px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
} 

#header h1 span {
    display:block;
    margin:0;
    padding:0;
    width: 229px;
    height: 62px;
    overflow:visible;
}

#menu_reservez a,#menu_reservez {
    background:#F8931D;
    color:#fff;
    text-align: center;
    width:150px;
    font-weight: bold;
}

#menu_reservez a:hover,#menu_reservez:hover {
    background:#FCC37E;
}

#utils_nav {
    margin:0 0 0 235px;
    text-align: right;
    padding: 0;
    color:#fff;
} 

.sf-menu {
    text-align:left;
    position:relative;
    top:-42px;
}

.sf-menu > li:nth-child(1), .sf-menu > li:nth-child(1) a {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.sf-menu li:nth-child(1) ul li, .sf-menu li:nth-child(1) ul li a {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.sf-menu > li:last-child, .sf-menu > li:last-child a {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}


/* langues */

#choix_langue {
    margin: 20px 20px -2px;
    padding-top:25px;
    padding:0;
    color:#fff;
} 

#langues {
    list-style: none;
    padding: 0 7px;
} 

#langues li {
    line-height: 30px;
    height: 30px;
    border-bottom: 1px dotted #000;
    border-collapse: collapse;
} 

#langues li a {
    display: block;
    text-decoration: none;
    padding-top: 5px;
    line-height: 25px;
    height: 25px;
} 

#langues li a:hover {
    font-size: larger;
}

li#russian {
    border-bottom: 0;
}

/* utilitaires pour naviguer */
#navig_util {
    position:relative;
    color:#000 !important;
}

#navig_util a {
    color:#000 !important;
}

#recherche {
    float:right;
    width:350px;
}

/* contenu */

#contenu_container {
    padding-top:100px;
    margin:0;
    margin-bottom:-20px;
}

#contenu {
    padding: 0;
    background:#fff !important;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} 

/* bandeau */

#bandeau,#bandeau_index_crev {
    width:890px;
    padding:0;
    text-align:center;
    margin:0 auto 1em;
    clear:both;
    background:#000;
}

#bandeau div,#bandeau_index_crev div {
    padding:0;
    margin:0;
    height:310px;
}

#bandeau img,#bandeau_index_crev img {
    padding:5px;
}

.bandeau_txt {
    position:relative;
    top:-310px;
    line-height:50px;
    font-size:40px;
    color:#fff;
    z-index:10;
    width:891px;
    padding:0;
    margin:-8px auto -42px;
    opacity:0.8;
    background: #aaa;
    text-align:center;
}

#bandeau_index_crev a, #bandeau_index_crev span {
    display:block
}

#bandeau_index_crev a:hover {
    color:blue;
}

#bandeau_index_crev span.bandeau_txt {
    top:-300px;
    width:900px;
}

#vision_360 {
    width: 300px;
    height: 50px;
    background: #fff;
    margin:auto;
    text-transform: uppercase;
    text-align: center;
    -moz-border-radius:10px;
} 

#vision_360 a {
    color: #000;
    text-decoration: none;
    line-height: 50px;
    display: block;
    font-weight: bold;
}

#fond_defile {
    position:relative;
    top:-50px;
    z-index:100000;
    display:none;
}

#bordure {
    display:block;
    width:797px;
    margin:auto;
}

/* liens sociaux */

#liens_sociaux {
    background:#fff;
    margin:auto;
    width:450px;
    text-align:center;
}

#liens_sociaux span {
    display:block;
    float:left;
    background:#fff;
    padding:10px;
    -moz-border-radius:10px;
    height:15px;
    line-height:15px;
    margin-right:5px;
}

#liens_sociaux #ls_reseaux,#liens_sociaux #ls_blog {
    margin:0;
}

#ls_contact a , #ls_commentaire a {
    display:block;
}

#ls_contact a:hover , #ls_commentaire a:hover {
    text-decoration:none;
}

#ls_brochure a {
    padding-left:25px;
    background: transparent url('../img/icone_pdf.jpg') no-repeat top left;
}

#contenu p, #contenu h2, #contenu h3, #contenu h4 {
    text-indent: 20px;
    margin: 0;
    padding: 10px;
} 


/* pied de page */

#conteneur_footer {
} 

/* coordonnees de la residence */
#adresse_logo {
    position:relative;
}

#adresse {
    padding-top: 10px;
} 

#adresse p {
    margin: 0;
} 

#logo_sds {
    float:right;
    width:350px;
}

#tmDiv_36e {
    float:right;
    width:100px;
    margin:17px 30px 0 0;
}

/* pied de page - texte */

#footer_general {
    padding:10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#footer_general h4 {
    clear:both;
    font-size:1em;
    margin:1em auto;
}


#footer_general strong {
    color:#e1be77;
}

#footer_general {
    background:#4e413a;
    color:#fff;
    font-size:0.8em;
}

#reseaux_sociaux {
    margin-bottom:1em;
    float: right;
    width:250px;
    text-align: right;
}

#reseaux_sociaux p {
    position: relative;
    top:-20px;
    font-size: 1.5em;
    text-align: center;
}

#reseaux_sociaux img {
    position:relative;
    top:20px;
}


#separateur_un {
    position:relative;
    top:-100px;
}

#footer_general a,#footer_general a:link, #footer_general a:hover, #footer_general a:visited, #footer_general a:active {
    color:#fff;
    text-decoration: underline;
}

#bloc_residence {
    background:#514640;
    padding-top:0;
}

#bloc_residence h5 a, #bloc_residence h5 {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom:10px;
}

#footer_general li {
    float:left;
    list-style: none;
    margin: 0;
    border-right:1px solid #fff;
    height:1.2em;
    line-height: 1.2em;
    padding:0 10px;
}

#footer_general li a {
    display: block;
    height:1.2em;
    line-height: 1.2em;
}

#liens_divers li {
    margin-top:1.6em;
}

#footer_general li.last {
    border:0;
}

#liens_divers li.last {
    margin-bottom: 2em;
}

.separateur_toto {
    clear:both;
    height:5px;
    visibility: hidden;
}

#groupe_floreva {
    border:0;
}

#footer_general .triangle_floreva {    
    background:transparent;
    color:transparent;
    padding:0;
    margin:0;
    border: 6px solid transparent; /* Tous les bords en transparent */
    border-left-color: #fff; /* le bord de gauche */
    height:0px; /* Hauteur de l'intérieur de la boîte pour Mozilla et consorts */
    _height:12px; /* Pour IE, c'est la hauteur totale */
    width:0px; /* Largeur de l'intérieur de la boîte pour Mozilla et consorts */
    _width:12px; /* Pour IE, c'est la largeur totale */
    _line-height: 0pt; /* force IE à supprimer la fonte */    
}

#liste_groupe {
    background:#926C9D;
    width:100%;
    display:block;
    margin-left:-10px;
    margin-right:-20px;
    margin-bottom: 1em;
    padding:10px 10px 0;
    height:20px;
    line-height: 20px;
    border:1px solid #fff;
    border-right:0;
    border-left:0;
    text-align: center;
}

#liste_groupe ul {
    margin:auto;
    width:550px;
}

#liste_groupe li {
    background:#926C9D;
    font-weight: bold;
}

#liste_groupe span, #liste_groupe a {
    text-transform: uppercase;
}

#footer_general h1 {
    overflow: hidden;
    text-indent: -100em;
}

#footer_general h1#sds {
    width:350px;
    height:92px;
    background:transparent url('./img/sds.jpg') no-repeat top left;
}

.ie6 #footer_general h1#sds, .ie7 #footer_general h1#sds, .ie8 #footer_general h1#sds {
    background:transparent url('https://www.sejoursdusud.com/reservation/img/sds.jpg') no-repeat top left;
}

#footer_general h1#sdgp {
    width:350px;
    height:92px;
    background:transparent url('./img/sdgp.jpg') no-repeat top left;
}

.ie6 #footer_general h1#sdgp, .ie7 #footer_general h1#sdgp, .ie8 #footer_general h1#sdgp {
    background:transparent url('https://www.sejoursdusud.com/reservation/img/sdgp.jpg') no-repeat top left;
}

#verisign {
    padding:0;
    margin:0;
    float:right;
    margin-left:400px;
    position:relative;
    top:-20px;
}

#verisign a {
    color:#fff;
}

#residence_communication {
    font-style: italic;
}

#img_accueil {
    margin:1em 0 0 1em;
}



/* les tableaux zebra */

table.tableau_zebra {
    border: 0;
    margin-bottom: 1em;
    padding:2px;
}

table.tableau_zebra tr, table.tableau_zebra td, table.tableau_zebra th {
    border: 0;
    margin: 0;
    padding:2px;
    border-collapse:collapse;
}

.tableau_zebra td {
    text-align: center;
}

.tableau_zebra tr {
    background-color: #FDF8F5;
}

.tableau_zebra caption {
    background-color: #70380a;
    color: #fff;
    padding:2px;
    padding-left:5px;
    font-weight:bolder;
    font-style:italic;
    text-align:left;
}

#contenu_container {
} 

#contenu {
} 

/* le nouveau bandeau */

#bandeau_new {
    text-align: center;
    margin:1em auto;
    position:relative;
}

#bandeau_new div {
    width:800px;
    overflow: hidden;
    padding:0;
    border:1px solid #000;
    border-radius: 10px;
    -moz-border-radius: 10px !important;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.bandeau_new_txt {
    position:relative;
    top:10px;
    line-height:50px;
    font-size:35px;
    color:#fff;
    z-index:1000;
    padding:0;
    background: rgba(66,66,66,0.6);
    text-align:center;
    /*    top:-310px;
        margin:-8px auto -42px;*/
}

/* uniquement sur accueil pour le moment */

#contenu_complements {
    float:right;
    width:475px;
    margin-bottom:2em;
    margin-left:8px;
}

#contenu_complements.fr_nf {
    width:230px;
    margin-right:20px;
}

#decouvrir, #et_vous, #trivago_widget_13431_0 {
    -webkit-box-shadow: #244766 5px 5px 5px;
    -moz-box-shadow: #244766 5px 5px 5px;
    box-shadow: #244766 5px 5px 5px;
}

#et_vous {
    float:right;
    width:215px;
    margin-right:20px;
    padding:4px 0 0;
}

#trivago_widget_13431_0 {
    float:left;
    width:215px;
    margin:0 20px 20px;
    padding:4px 0 0;
}

#contenu_complements ul {
    margin:0;
    padding: 0;
}

#contenu_complements li {
    margin:10px 0;
    padding:0;
}

#decouvrir {
    width:230px;
    background:#f3eadb;
    padding:4px 0;
}

#decouvrir ul {
    list-style: square url('../img/lien_decouvrir_bullet.jpg') inside;
}

#decouvrir, #et_vous, #trivago_widget_13431_0 {
    border-radius: 10px;
    -moz-border-radius: 10px !important;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#et_vous {
}

#et_vous ul {
    list-style: none;
}

#et_vous li, #decouvrir li {
    margin-left:10px;
}

#decouvrir, #decouvrir a {
    color:#07304c;
}

#et_vous #ls_commentaire a {
    background:#FEFDE1;
    display:inline;
    color:#000;
}

#et_vous {
    background:#003664;
    background:#812556;
    /* For Firefox */
    background-image: -moz-linear-gradient(bottom, #EFD1E2, #812556);
    /* For Safari/Chrome */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #812556),color-stop(1, #EFD1E2));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#812556', endColorstr='#EFD1E2'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#812556', endColorstr='#EFD1E2')"; /* IE8 */	
} 

#avril img {
    float:right;
    margin-left: 1em;
}

#avril div {
    padding:0;
    padding-top:70px;
    font-size: 1.2em;
}

#avril {
    width:800px;
    margin:auto;
    padding:0;
}

#important {
    background-color: #505A5C;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 1.1em;
    width:800px;
    margin:1em auto;
    padding: 1em;
    text-align: center;    
    font-weight: bold;
}

#nice h2 {
    color:#F8931D;
}