body  {
margin : 0;
padding : 0;
font-family : arial, helvetica, clean, sans-serif;
font-size : 13px;
background-color : #d2dadf;
}
a {
cursor : pointer;
}
img, h1, h2, h3, h4, h5, h6 {
border : 0;
}
#site {
margin-top : 2px;
margin-left : auto;
margin-right : auto;
width : 1024px;
height : 880px;
background : transparent url(../imagep/fondsite.png) repeat;
position : relative;
}
#defaultsite {
margin-top : 2px;
margin-left : auto;
margin-right : auto;
width : 1024px;
height : 760px;
background : transparent url(../imagep/fondsitedefaut.png) repeat;
position : relative;
}
#bandeau {
float : left;
height : 204px;
margin-left : 37px;
position : relative;
width : 93%;
}
#bandeau #logo {
background : transparent url(../imagep/logo.png) no-repeat scroll left bottom;
float : left;
height : 194px;
margin-top : 10px;
width : 404px;
}
#bandeau #slogan {
left : 393px;
position : absolute;
top : 158px;
background : transparent url(../imagep/fondtitrenew.png) no-repeat scroll 0 0;
height : 22px;
width : 338px;
font-size: 18px;
padding-left: 225px;
color:#817a98;
font-weight: bold;


}

#bandeau #drapeau {
height : 77px;
position : absolute;
right : 1px;
top : 10px;
width : 200px;
}
#bandeau #drapeau #drapeau_EN {
float : left;
width : 68px;
height : 64px;
margin-left : 3em;
margin-top : 10px;
}
#bandeau #drapeau #drapeau_FR {
float : right;
width : 88px;
height : 64px;
}
#corps {
background-color : #727ab5;
float : left;
height : 528px;
margin-left : 37px;
width : 93%;
}
#corpsfiche {
background : url(../imagep/fondfiche.png) no-repeat;
float : left;
height : 528px;
margin-left : 37px;
width : 93%;
}
#navigation {
height : 20px;
padding : 0;
margin : 10px 18px;
}
#nav, #nav ul {
padding : 0;
margin : 0;
list-style : none;
line-height : 1;
font-size : 14px;
}
#nav a {
display : block;
padding : 0 20px 0 17px;
font-weight : bold;
color : #fff;
text-decoration : none;
}
#nav a:hover {
background-color : #767170;
}
#nav a.menuactive {
background : url(../imagep/fondderoule.png) repeat-x left bottom;
font-weight : bold;
color : #727ab5;
}
#nav li {
float : left;
border-right : 1px solid #d2dadf;
}
#nav li ul {
position : absolute;
font-size : 12px;
background : url(../imagep/fondderoule.png) repeat-x left bottom;
width : 165px;
left : -999em;
border : 1px solid #dee3e5;
border-bottom : 2px solid #dee3e5;
text-align : left;
z-index : 100;
white-space : nowrap;
}
#nav li ul :hover {
margin-top : 0;
background-color : #727ab5;
width : 148px;
font-weight : bold;
color : #fff !important ;
}
#nav li ul ul {
margin : -0.1em 0 0 22px;
color : #333;
}
#nav li ul ul a:hover {
color : #333 !important ;
display : block;
background-color : #727ab5;
width : 156px;
}
#nav li ul ul a {
color : #333 !important ;
display : block;
width : 350px;
}
#nav li ul li {
border : none;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left : -99em;
width : 174px;
}
#nav li ul a {
color : #333;
background : url(../imagep/fleche_321_orange.gif) no-repeat 7px 9px;
display : block;
width : 128px;
padding : 3px 0 2px 17px;
white-space : nowrap;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left : auto;
}
#encadrerImg {
background : transparent url(../imagep/alphaEncadre.png) no-repeat scroll 0 0;
position : absolute;
height : 410px;
margin-left : 40px;
float : left;
width : 550px;
z-index : 2;
clear : right;
left : 33px;
top : 287px;
text-align : center;
}
#encadrerImgfiche {
background : transparent url(../imagep/F_fondphoto.png) no-repeat scroll 0 0;
height : 154px;
position : absolute;
width : 905px;
z-index : 7;
left : 24px;
top : 110px;
}
#encadrerImg img {
text-align : center;
background-color : #fff;
margin-top : 15px;
}
#encadrerImg #accroche {
color : #ffffcc;
font-family : "Times New Roman", Times, serif;
text-align : center;
font-size : 40pt;
height : 190px;
margin-left : 60px;
margin-top : -200px;
position : relative;
width : 400px;
}
#encadrerImg #accroche2 {
color : #127ab5;
font-family : "Times New Roman", Times, serif;
font-size : 40pt;
height : 150px;
margin-left : 110px;
margin-top : -150px;
position : relative;
text-align : center;
width : 400px;
z-index : 3;
}
#photohautFiche {
margin : 18px 17px 5px 13px;
}
#photohautFiche span {
padding-right : 2px;
}
#photohaut div {
display : inline;
z-index : 9;
}
#photohaut #postitreHaut001 {
background : transparent url(../imagep/fondtitre.png) no-repeat scroll 0 0;
text-align : left;
color : #727ab5;
font-weight : bold;
width : 100px;
margin-left : -168px;
margin-top : 88px;
position : absolute;
z-index : 10;
}
#photohaut #postitreHaut002 {
background : transparent url(../imagep/fondtitre.png) no-repeat scroll 0 0;
text-align : left;
color : #727ab5;
font-weight : bold;
width : 100px;
margin-left : -167px;
margin-top : 88px;
position : absolute;
z-index : 10;
}
#photohaut #postitreHaut003 {
background : transparent url(../imagep/fondtitre.png) no-repeat scroll 0 0;
width : 100px;
text-align : left;
color : #727ab5;
font-weight : bold;
margin-left : -125px;
margin-top : 88px;
position : absolute;
z-index : 10;
left : 485px;
width : 117px;
}
#encadrerImg #photohaut {
margin-top : 1px;
}
#encadrerImg #photohaut img {
margin-top : 15px;
width : 163px;
height : 93px;
}
#encadrerImg #photocentrale {
margin-top : 1px;
}
#encadrerImg #photocentrale img {
margin-top : 1px;
}
#photobas div {
display : inline;
z-index : 11;
}
#photobas #postitrebas001 {
background : transparent url(../imagep/fondtitre.png) no-repeat scroll 0 0;
text-align : left;
color : #727ab5;
font-weight : bold;
width : 100px;
margin-left : -253px;
margin-top : 70px;
position : absolute;
z-index : 12;
}
#photobas #postitrebas002 {
background : transparent url(../imagep/fondtitre.png) no-repeat scroll 0 0;
text-align : left;
color : #727ab5;
font-weight : bold;
width : 100px;
margin-left : -16.8em;
margin-top : 70px;
position : absolute;
z-index : 12;
width : 126px;
left : 496px;
}
#encadrerImg #photobas {
margin-top : 1px;
}
#encadrerImg #photobas img {
margin-top : 1px;
width : 249px;
height : 90px;
}
#textdroit {
background-color : #ffffff;
clear : both;
float : right;
font-size : 12.4px;
height : 370px;
left : 574px;
margin-left : 25px;
margin-top : -445px;
position : absolute;
top : 712px;
width : 392px;
}
#textdroitEN {
background-color : #ffffff;
clear : both;
float : right;
font-size : 12.4px;
height : 420px;
left : 574px;
margin-left : 25px;
margin-top : -445px;
position : absolute;
top : 712px;
width : 392px;
}
#textdroitM {
background-color : #ffffff;
clear : both;
float : right;
font-size : 12.4px;
height : 435px;
left : 574px;
margin-left : 25px;
margin-top : -445px;
position : absolute;
top : 712px;
width : 390px;
z-index : 1;
}
#conteneur {
margin-left : 37px;
width : 353px;
text-align : left;
height : 370px;
overflow : auto;
}

#conteneurEN {
margin-left : 37px;
width : 353px;
text-align : left;
height : 400px;
overflow : auto;
}
#conteneurM {
margin-left : 37px;
width : 353px;
text-align : left;
height : 432px;
overflow : auto;
}
#conteneurM #texteconteneurM {
margin-top : 10px;
}
#texteconteneurM:first-letter {
font-size : 38px;
color : #727ab5;
}
#conteneur #texteconteneur {
margin-top : 10px;
}
#texteconteneur:first-letter {
font-size : 38px;
color : #727ab5;
}
#textdroit span {
color : #727ab5;
font-size : 1.12em;
}
#textpub {
color : #fff;
font-weight : bold;
margin-top : 398px;
position : absolute;
text-align : left;
width : 347px !important ;
left : 634px;
top : 243px;
}
#image {
float : left;
margin : 1em 1em 0.1em 0;
}
#image img {
height : 173px;
width : 130px;
}
#Lienbas {
font-size : 17px;
font-weight : bold;
left : 154px;
position : absolute;
width : 407px !important ;
top : 707px;
}
#Lienbas a {
display : inline;
color : #fff;
font-weight : bold;
text-decoration : none;
padding : 0 20px 0 20px;
}
#Lienbas a:hover {
background-color : #333;
color : #727ab5;
}
#Lienbasf {
font-size : 17px;
font-weight : bold;
left : 294px;
position : absolute;
top : 830px;
width : 407px !important ;
}
#Lienbasf a {
display : inline;
color : #000;
font-weight : bold;
text-decoration : none;
padding : 0 20px 0 20px;
text-decoration : underline;
}
#Lienbasf a:hover {
color : #727ab5;
}
#cadreInfos {
height : 265px;
margin-top : 200px;
width : 894px;
position : absolute;
left : 64px;
top : 310px;
text-align : left;
}
#cadreInfos #description {
float : left;
width : 435px;
height : 340px;
background-color : #fff;
overflow : auto;
}
#cadreInfos #equipement {
float : right;
width : 435px;
height : 345px;
background-color : #fff;
overflow : auto;
}
.textefiche {
margin : 10px 0.5em 0 20px;
}
.textefiche ul {
color : #727ab5;
font-weight : bold;
}
.textefiche ul li {
color : #000;
list-style : none;
font-weight : normal;
list-style-image : url(../imagep/puce.gif);
list-style-position : outside;
}
.textefiche span {
color : #727ab5;
font-weight : bold;
}
#fichedetail {
left : 37px;
margin : 0;
padding : 0;
position : absolute;
top : 247px;
width : 952px;
}
#fichedetail #titref {
color : #ffffff;
font-size : 62px;
font-weight : bold;
text-align : left;
margin-left : 22px;
float : left;
width : 180px;
height : 70px;
z-index : 5;
position : relative;
}
#prixf {
float : left;
width : 500px;
text-align : left;
z-index : 3;
position : absolute;
left : 208px;
top : 25px;
}
#buttonreserv {
float : right;
position : absolute;
text-align : center;
z-index : 6;
left : 760px;
top : 45px;
}
#buttonreserv a {
background-color:#727AB5;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-size:15px;
font-weight : bold;
text-decoration : none;
padding : 2px 15px 5px 15px;
text-decoration : none;
}
#formulaire {
text-align : left;
color : #1b5996;
background-color : #d2dadf;
width: 565px;
height: 300px
}
#formulaire div {
clear : left;
margin : 0;
padding : 0;
padding : 10px 0 0 125px;
border-top : 1px dashed gray;
}
#formulaire div input {
background-color : #d7d7d7;
}
#formulaire div input:hover {
background-color : #fff;
}
#formulaire div select {
background-color : #d7d7d7;
}
#formulaire #valider {
cursor : pointer;
margin-top : 5px;
font-weight : bold;
}
#formulaire #valider:hover {
background-color : #727ab5;
color : #fff;
}
#formulaire #reservation {
margin-left : -50px;
padding : 0;
border : 1px solid #fff;
background : url(../imagep/fondderoule.png) repeat-x left bottom;
text-align : center;
font-size : 14px;
font-weight : bold;
margin-top : 10px;
width:550px;
}
#formulaire form {
margin-left : 50px;
}
#formulaire label {
font-weight : bold;
float : left;
margin-left : -155px;
width : 157px;
}
#formulaire input {
font-size : 11px;
border : 1px solid #727ab5;
margin : 1px 0 1px 50px;
}
#formulaire select {
font-size : 11px;
border : 1px solid #727ab5;
margin : 1px 0 1px 50px;
}
#formulaire textarea {
border : 1px solid #727ab5;
font-size : 11px;
height : 65px;
margin : 1px 0 0 50px;
width : 300px;
}
#formulaire img {
font-size : 11px;
border : 1px solid #727ab5;
margin : 1px 0 0 48px;
background-color : #fff;
}
#siteprincipaux {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
padding : 2px 15px 15px;
}
.tableDonnees {
text-align : left;
padding : 0;
width : 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.tableDonnees td, .tableDonnees th {
border : none;
padding : 5px 10px;


}
.inlinetab{white-space:nowrap}
.tableDonnees tr.ligneEnTete {
font-weight : bold;
color : #127ab5;
font-size : 11px;
background-color : #ffffcc;
border : 1px solid #000;
}
.tableDonnees .ligneImpaire {
background-color : #ffffff;
}
.tableDonnees .lignePaire {
background-color : #f6f7f8;
}
.tableDonnees caption {
font-weight : bold;
font-size : 14px;
text-decoration : underline;
color : #127ab5;
}
#remerciements {
position : absolute;
width : 942px;
height : 22px;
left : -77px;
top : 712px;
text-align : center;
}
#remerciements .concept {
color : #fff;
float : right;
position : absolute;
}
#remerciements div span {
color : #dbc886;
font-weight : bold;
}
#remerciements a {
color : #fff;
text-decoration : none;
}
#remerciements a:hover {
border-top : 1px solid #333;
text-decoration : none;
}
#cartegoogle {
position : absolute;
width : 470px;
height : 410px;
margin-left : 35px;
float : left;
z-index : 2;
clear : right;
left : 33px;
top : 287px;
background : transparent url(../imagep/cartegoogle.jpg) no-repeat scroll 0 0;
}
#transport {
background-color : #ffffff ;
border : 1px solid #333333;
clear : both;
float : right;
font-size : 12.4px;
height : 460px;
left : 574px;
margin-left : -39px;
margin-top : -445px;
overflow : auto;
position : absolute;
top : 712px;
width : 450px;
}
#transport div p{
 color:#127AB5;
font-size:14px;
font-weight:bold;
text-decoration:underline;
text-align: center;
}
#transport ul {
font-weight : bold;
color : #127ab5;
}
#transport ul li {
list-style : square;
font-weight : bold;
list-style-position : outside;
color : #000000;
text-align : left;
}
ul.autocompleter-choices {
position : absolute;
margin : 0;
padding : 0;
list-style : none;
border : 1px solid #7c7c7c;
border-left-color : #c3c3c3;
border-right-color : #c3c3c3;
border-bottom-color : #ddd;
background-color : #fff;
text-align : left;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index : 50;
background : transparent url(../imagep/fondderoulepays.png) no-repeat scroll 0 0;
}
ul.autocompleter-choices li {
position : relative;
margin : -2px 0 0 0;
padding : 0.2em 1.5em 0.2em 1em;
display : block;
float : none !important ;
cursor : pointer;
font-weight : normal;
white-space : nowrap;
font-size : 1em;
line-height : 1.5em;
}
ul.autocompleter-choices li.autocompleter-selected {
background-color : #444;
color : #fff;
}
ul.autocompleter-choices span.autocompleter-queried {
display : inline;
float : none;
font-weight : bold;
margin : 0;
padding : 0;
}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
color : #9fcfff;
}
#demo-remote {
border : 1px solid #444;
}
#dateArrivee {
font-weight : bold;
color : #1b5996;
cursor : pointer;
background : url(../imagep/calendar/calendar.gif) no-repeat scroll 1px;
text-align : right;
padding : 2px 15px 5px 25px;
}
#dateFin {
font-weight : bold;
color : #1b5996;
cursor : pointer;
background : url(../imagep/calendar/calendar.gif) no-repeat scroll 1px;
text-align : right;
padding : 2px 15px 5px 25px;
}
#presse {
background-color: #ffffff;
height : 450px;
}
#presse #menuGauche {
width : 250px;
height : 405px;
background : url(../imagep/fondpresse.png) repeat-x;
margin-top : 0;
float : left;
}
#presse #titremenu {
font-weight : bold;
color : #000;
font-size : 14px;
background-color : #fff;
}
#presse #affichePresse {
width : 634px;
height : 405px;
background-color : #d2dadf;
float : right;
clear : both;
margin-top : -389px;
position : absolute;
left : 325px;
top : 650px;
}
#presse #affichePresse img {
width : 635px;
height : 420px;
}
.listepresse {
text-align : left;
font-size : 14px;
list-style : none;
}
.listepresse a {
color : #767170;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#infos {
width : auto;
position : absolute;
left : 30px;
top : 268px;
}
#infosEN{
background-color:#FFFFFF;
left:10px;
position:absolute;
width:380px;
}

#infosconnect {
background : url(../imagep/fondcompteur.png) no-repeat;
height : 69px;
margin-left : 170px;
position : absolute;
top : 274px;
width : 184px;
}
#tabcompteur {
position : absolute;
width : 180px;
height : 62px;
z-index : 1;
top : 21px;
}
.libellecompteur {
font-weight : bold;
color : #ffffff;
}
.tableprix {
text-align : left;
padding : 0;
width : 110%;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
.tableprix th {
border : none;
padding : 0 1px;
white-space:nowrap;
text-align: left;
}
.alignTable{text-align: left;}
.tableprix td {
border : none;
padding : 0 5px;
white-space:nowrap;
width : 140px;
}
.tableprix tr.ligneEnTete {
font-weight : bold;
color : #127ab5;
font-size : 11px;
background-color : #ffffcc;
border : 1px solid #000;
}
.tableprix .ligneImpaire {
background-color : #ffffff;
}
.tableprix .lignePaire {
background-color : #f6f7f8;
}
.tableprix caption {
font-weight : bold;
font-size : 14px;
text-decoration : underline;
color : #127ab5;
}
.espacevide {
background-color : #e0cf94;
}
#infosprix {
color : #127ab5;
font-weight : bold;
width : 100%;
}
.nbpers {
color : #727ab5;
float : left;
font-size : 13px;
font-weight : bold;
left : 3px;
position : absolute;
text-align : left;
top : 65px;
white-space : normal;
width : 145px;
z-index : 5;
}
.obl {
color : #f90000;
font-weight : bold;
}