#societe_accueil{}
#societe_accueil .droite{
width:250px;
}
#espace_societe{}
#societe_accueil h2, #espace_societe h2{
font-size:21px;
font-weight:normal;
border-bottom:6px solid #F7F5F4;
padding:0 0 4px 0;
margin:0 0 16px 0;
}
#societe_accueil .gauche{
width:688px;
}
#societe_accueil .gauche .bloc{
background:#F7F5F4;
padding:15px;
overflow:hidden;
zoom:1;
}
#societe_accueil .gauche .bloc .col1{
float:left;
width:320px;
}
#societe_accueil .gauche .bloc .col2{
float:right;
width:320px;
}
#societe_accueil .gauche .bloc h3{
font-size:16px;
margin:0 0 10px 0;
}
#societe_accueil .gauche .bloc form{
background:#fff;
border:1px solid #F2EFE6;
padding:14px 14px 14px 10px;
}
#societe_accueil .gauche .bloc p.intro{
background:#F7F5F4;
padding:10px;
margin:0 0 15px 0;
}
#societe_accueil .gauche .bloc .ligne{
margin:0 0 5px 0;
overflow:hidden;
zoom:1;
}
#societe_accueil .gauche .bloc label{
display:block;
float:left;
font-weight:bold;
text-align:right;
margin:0 10px 0 0;
}
#societe_accueil .gauche .bloc .col1 label{
width:85px;
}
#societe_accueil .gauche .bloc .col2 label{
width:75px;
}
#societe_accueil .gauche .bloc input, #societe_accueil .gauche .bloc select{
float:left;
border:1px solid #D6D3D1;
padding:1px 0;
}
#societe_accueil .gauche .bloc .col1 input{
width:195px;
}
#societe_accueil .gauche .bloc .col2 input{
width:206px;
}
#societe_accueil .gauche .bloc .col2 .civilite{
width:60px;
}
#societe_accueil .gauche .bloc .col2 .pays{
width:188px;
}
#societe_accueil .gauche .bloc input.inputError{
border:1px solid #CA061D;
}
#societe_accueil .gauche .bloc .action{
text-align:right;
}
#societe_accueil .gauche .bloc .col2 .action{
padding:5px 0 0 0;
}
#societe_accueil .gauche .bloc .action input{
float:none;
width:auto;
border:none;
}
#societe_accueil .gauche .bloc .col1 .divError{
padding:0 0 0 95px;
}
#societe_accueil .gauche .bloc .col2 .divError{
padding:0 0 0 85px;
}
#societe_accueil .gauche .bloc .col1 .oubli{
padding:0 0 0 95px;
}
#societe_accueil .gauche .bloc .col1 .oubli a{
font-size:10px;
color:#453831;
text-decoration:underline;
}
#societe_accueil .droite{
padding:0;
}
#societe_accueil .droite h3 img{
display:block;
border-bottom:2px solid #fff;
}
#societe_accueil .droite li{
display:inline;
overflow:hidden;
zoom:1;
}
#societe_accueil .droite li img{
display:block;
border-bottom:1px solid #fff;
}

#espace_societe{
overflow:hidden;
zoom:1;
}
#espace_societe .gauche{
width:180px;
}
#espace_societe .droite{
width:766px;
padding:0;
}
#espace_societe .gauche h3{
font-size:12px;
margin:0 0 3px 0;
}
#espace_societe .gauche .bienvenue{
margin:0 0 4px 0;
overflow:hidden;
zoom:1;
}
#espace_societe .gauche .bienvenue h3{
float:left;
}
#espace_societe .gauche .bienvenue a{
float:right;
background:url(../../images/commun/puces/3.gif) no-repeat 0px 5px;
font-size:11px;
color:#453831;
text-decoration:underline;
padding:0 0 0 10px;
}
#espace_societe .gauche .logo{
border:1px solid #F2EFE6;
border-bottom:none;
text-align:center;
padding:10px;
}
#espace_societe .gauche .menu{
background:#F7F5F4;
border:1px solid #F2EFE6;
padding:10px;
margin:0 0 15px 0;
}
#espace_societe .gauche .menu li{
background:url(../../images/commun/puces/2.gif) no-repeat 0px 5px;
padding:0 0 0 10px;
margin:0 0 5px 0;
}
#espace_societe .gauche .menu li a{
color:#453831;
font-size:12px;
}
#espace_societe .gauche .menu li a:hover,#espace_societe .gauche .menu li a.on{
color:#C5081E;
text-decoration:none;
}
#espace_societe .gauche .bloc{
background:#F6F4ED url(../../images/commun/f_degrade.gif) repeat-x top left;
border:1px solid #F2EFE6;
padding:10px;
margin:0 0 15px 0;
}
#espace_societe .gauche .bloc p{
font-size:12px;
margin:0 0 3px 0;
}
#espace_societe .gauche .bloc strong{
color:#C5081E;
}
#espace_societe .gauche .bloc a{
background:url(../../images/commun/puces/3.gif) no-repeat 0px 5px;
font-size:11px;
color:#453831;
text-decoration:underline;
padding:0 0 0 10px;
}
#espace_societe .gauche .bloc select{
font-size:11px;
color:#636363;
border:1px solid #F2EFE6;
width:100%;
}

#contact_residence h3, #convention_tarifaire h3, #reservation_liste h3, #reserver h3{
font-size:14px;
color:#C5081E;
margin:0 0 6px 0;
}
#contact_residence form{
border:1px solid #F7F5F4;
border-bottom:6px solid #F7F5F4;
padding:15px 24px;
}
#contact_residence form .ligne{
margin:0 0 5px 0;
overflow:hidden;
zoom:1;
}
#contact_residence form .action{
width:636px;
text-align:right;
padding:10px 0 0 0;
}
#contact_residence form .ligne label{
display:block;
float:left;
width:66px;
font-weight:bold;
text-align:right;
margin:0 10px 0 0;
}
#contact_residence form .ligne select, #contact_residence form .ligne input, #contact_residence form .ligne textarea{
float:left;
width:240px;
border:1px solid #D6D3D1;
}
#contact_residence form .ligne input{
padding:1px 0;
}
#contact_residence form .ligne input.inputError, #contact_residence form .ligne textarea.inputError{
border:1px solid #CA061D;
}
#contact_residence .divError{
padding:0 0 0 76px;
}
#contact_residence form .ligne textarea{
width:558px;
height:105px;
overflow:auto;
}

#reservation_liste table{
width:100%;
}
#reservation_liste table th{
font-size:12px;
text-align:center;
padding:0 0 10px 0;
}
#reservation_liste table td{
font-size:12px;
padding:0 0 5px 0;
}
#reservation_liste table .date{
width:100px;
text-align:left;
}
#reservation_liste h4{
background:url(../../images/commun/puces/4.gif) no-repeat 10px 9px;
font-size:12px;
border:1px solid #F7F5F4;
border-bottom:none;
padding:9px 34px;
}
#reservation_liste .bloc{
background:none;
border:1px solid #F7F5F4;
border-bottom:6px solid #F7F5F4;
padding:15px 10px;
margin:0 0 20px 0;
}
#reservation_liste table td{
text-align:center;
}
#reservation_liste table .residence{
width:168px;
text-align:left;
}

#reserver form{
border:1px solid #F7F5F4;
border-bottom:6px solid #F7F5F4;
}
#reserver form h4{
font-size:12px;
padding:10px 34px;
}
#reserver form.etape1 h4{
background:url(../../images/commun/1.gif) no-repeat 10px 10px;
}
#reserver form.etape2 h4{
background:url(../../images/commun/2.gif) no-repeat 10px 10px;
}
#reserver form.etape3 h4{
background:url(../../images/commun/3.gif) no-repeat 10px 10px;
}
#reserver form fieldset{
border-top:1px solid #F7F5F4;
padding:15px 15px 15px 10px;
}
#reserver form .ligne{
margin:0 0 5px 0;
overflow:hidden;
zoom:1;
}
#reserver form .ligne.sep{
margin:0 0 20px 0;
}
#reserver form .ligne label{
float:left;
}
#reserver form input, #reserver form select, #reserver form textarea{
float:left;
width:125px;
border:1px solid #D6D3D1;
padding:1px 0;
}
#reserver form input.calendrier{
background:url(../../images/commun/picto/calendrier.gif) no-repeat top right;
width:125px;
height:15px;
padding:0;
}
#reserver form.etape2 input, #reserver form.etape2 select{
width:208px;
}
#reserver form input.inputError, #reserver form select.inputError, #reserver form textarea.inputError{
border:1px solid #CA061D;
}
#reserver .divError{
padding:0 0 0 190px;
}
#reserver .etape2 .divError{
padding:0 0 0 105px;
}
#reserver .etape3 .divError{
padding:0 0 0 60px;
}
#reserver form textarea{
width:546px;
}
#reserver form .destination{
width:290px;
margin:0 10px 0 0;
}
#reserver form .aide{
display:block;
float:left;
background:url(../../images/commun/picto/aide.gif) no-repeat 0px 0px;
line-height:17px;
color:#C90219;
text-decoration:underline;
padding:0 0 0 26px;
}
#reserver form .nb_occupant{
width:60px;
}
#reserver form .action{
padding:10px 0 0 0;
text-align:right;
}
#reserver form .action input{
width:auto;
float:none;
border:none;
padding:0;
}
#reserver form label{
float:left;
width:180px;
font-size:12px;
font-weight:bold;
text-align:right;
padding:0 10px 0 0;
}
#reserver form.etape2 .col1{
float:left;
width:315px;
}
#reserver form.etape2 .col2{
float:right;
width:370px;
}
#reserver form.etape3 .col1{
float:left;
}
#reserver form.etape3 .col2{
float:right;
}
#reserver form.etape2 label{
width:95px;
}
#reserver form.etape3 .col1 label, #reserver form.etape3 .col2 label{
width:50px;
}
#reserver form.etape3 .col1 input{
margin:0 20px 0 0;
}
#reserver form .radio label{
float:left;
width:auto;
font-size:12px;
font-weight:normal;
text-align:left;
padding:0 15px 0 5px;
}
#reserver form .radio input{
border:none;
width:12px;
height:12px;
padding:0;
margin:2px 0 0 0;
}
#reserver form .radio select{
margin:0 20px 0 0;
}
#reserver form .sousigne{
font-size:12px;
margin:0 0 10px 0;
}
#reserver form .cnil{
font-size:11px;
padding:0 0 0 15px;
margin:0 0 20px 0;
}
#reserver form .sousigne input{
float:none;
margin:0 10px;
}
#reserver form th label{
font-weight:normal;
text-align:right;
}
/* ETAPES */
.etapes{
border:1px solid #EBE7D8;
margin:0 0 20px 0;
overflow:hidden;
zoom:1;
}
.etapes li{
float:left;
font-size:13px;
line-height:26px;
text-align:center;
background:url(../../images/commun/f_etapes.gif) repeat-x top left;
}
.etapes li span{
padding:0 5px 0 0;
}
.etapes li.on{
background:url(../../images/commun/f_etapes.gif) repeat-x bottom left;
color:#C8071E;
}
.etapes li.etape1{
width:228px;
border-right:1px solid #EBE7D8;
}
.etapes li.etape2{
width:219px;
border-right:1px solid #EBE7D8;
}
.etapes li.etape3{
width:315px;
}

/* LANDING PAGE */
.case {
background:url(../../images/commun/lp_fond_case.gif) repeat-x top left;
border:1px solid #F2EFE6;
height:159px;
}
.case .titre_case{
position:relative; top:7px; left:5px;
font-weight:bold;
font-size:16px;
color:#FFFFFF;
}
.case .contenu{
position:relative; top:9px;
}
.case .service{
margin-top:2px;
margin-left:3px;

}
.case .contenu .lp_newsletter{
position:relative; top:9px;
background:url(../../images/commun/lp_newsletter.jpg) no-repeat bottom ;
height:121px;
text-align:center;
font-size:13px;
}

#lp_nouveau{
position:relative;
width:205px;
float:left;

}
#lp_nouveau .fixpng{
position:absolute;
top:43px;
right:0;
z-index:100;
}
#lp_nouveau .nouveau{
position:relative;
width:210px;
height:131px;
overflow:hidden;
zoom:1
}
#lp_nouveau .nouveau .visuel{
float:left;
width:100px;
height:131px;
margin-top:3px;
}
#lp_nouveau .nouveau .visuel IMG{
height:131px;
width:94px;
}

#lp_nouveau .nouveau .texte{
float:left;
width:100px;	
height:120px;
padding-top:12px;
margin-top:3px;
}
#lp_nouveau .nouveau .texte .note{
display:block;
margin:0 0 3px 0;
}
#lp_nouveau .nouveau .texte h3{
font-size:12px;
margin:0 0 8px 0;
}
#lp_nouveau .nouveau .texte p{
font-size:10px;
margin:0 0 8px 0;
}
#lp_nouveau .nouveau .texte a.savoir{
background:url(../../images/commun/puces/2.gif) no-repeat 0px 5px;
font-size:11px;
color:#C90219;
text-decoration:underline;
padding:0 0 0 10px;
}