﻿body,html{
	height:100%;
}
body *{
	font-size:100%;font-family:Arial,Helvetica,sans-serif;
}
body{
	margin:0;padding:0;color:black;text-align:center;
}
h1, h2, h3, h4, h5, h6{
	margin:0;font-weight:bold;font-style:normal;
}
h1{
	font-size:3.3em;vertical-align:middle;text-align:left;line-height:0.8em;
}
h1 a:hover{
	text-decoration:none;
}
h2{
	font-size:2.5em;line-height:90%;padding:0 0 0.2em;
}
#right h2{
	font-size:1.4em;text-transform:uppercase;line-height:90%;
}
h3{
	font-size:1.3em;margin:0 0 0.2em;
}
h4{
	font-size:1em;margin:0 0 2px;padding-bottom:7px;
}
h5, h6 {
	font-size:0.9em;margin:0;padding:0;
}
ul, ol{
	margin:0;padding:0;list-style:none;
}
p{
	margin:0 0 0.75em;
}
address{
	margin:.75em 0;font-style:normal;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	outline:none;
}
a img{
	border:none;
}
em{
	font-style:italic;
}
strong{
	font-weight:bold;
}
form, fieldset{
	margin:0;padding:0;border:none;
}
input, button, select{
	vertical-align:middle;
}
.left{
	display:block;float:left;margin:0 10px 4px 0;border:1px solid #CECECE;zoom:1;
}
.clear{
	content:".";display:block;clear:both;height:1px;zoom:1;visibility:hidden;
}
.spacerIE9{
	clear:both;display:block;height:0;
}

/*formulaire*/
.inputText{
	font-family:Arial,Helvetica,sans-serif;
}
textarea.inputText{
	height:100px;
}
/*effet global de la page en trois parties*/
#middle{
	position:relative;min-height:100%;font-size:.75em;
}
#middle #top{
	position:relative;
}
#middle #top #bottom{
	position:relative;
}

/*pictos d'accès*/
.parking,
.handicap,
.bus,
.train,
.metro,
.taxi,
.autoroute,
.shuttle,
.rer,
.tramway,
.airport,
.transfare,
.gatemaritime,
.a-routier,
.velo{
	position:relative;display:-moz-inline-box;display:inline-block;vertical-align:middle;width:18px;height:18px;background:#fff url(img/pictos.gif) no-repeat 0px 0px;margin-right:4px;margin-bottom:5px
}

.airport{
	background-position:0px 0px;
}
.velo{
	background-position:-18px 0px;
}
.transfare{
	background-position:-36px 0px;
}
.tramway{
	background-position:0px -18px;
}
.train{
	background-position:-18px -18px;
}
.taxi{
	background-position:-36px -18px;
}
.shuttle{
	background-position:0px -36px;
}
.rer{
	background-position:-18px -36px;
}
.parking{
	background-position:-36px -36px;
}
.metro{
	background-position:0px -54px;
}
.handicap{
	background-position:-18px -54px;
}
.autoroute{
	background-position:-36px -54px;
}
.gatemaritime{
	background-position:0px -72px;
}
.bus{
	background-position:-18px -72px;
}
.a-routier{
	background-position:-36px -72px;
}

/*alignement global de la page*/
#middle #top #bottom #global{
	position:relative;width:900px;margin:0 auto;text-align:left;
}

/*le header*/
#middle #top #bottom #global #action{
	position:relative;height:27px;float:right;
}
#middle #top #bottom #global #action ul{
	position:relative;height:27px;
}
#middle #top #bottom #global #action ul li{
	position:relative;display:-moz-inline-box;display:inline-block;
}
#middle #top #bottom #global #action ul li span{
	position:relative;display:-moz-inline-box;display:inline-block;height:16px;font-size:0.8em;
}
#middle #top #bottom #global #action ul li a{
	display:-moz-inline-box;display:inline-block;background:transparent url(img/actions-header.png) no-repeat 0px 0px;height:16px;padding-left:25px;font-size:0.8em;margin-left:5px;margin-top:2px;line-height:1.7em;
}
#middle #top #bottom #global #action ul li:first-child a{
	margin-left:0;
}
#middle #top #bottom #global #action a.imprimer{
	background-position:1px 0px;
}
#middle #top #bottom #global #action a.recommander{
	background-position:-2px -64px;
}
#middle #top #bottom #global #action a.envoyer{
	background-position:-3px -16px;padding-left:19px;
}
#middle #top #bottom #global #action a.english{
	background-position:0px -32px;
}
#middle #top #bottom #global #action a.francais{
	background-position:0px -48px;
}
#middle #top #bottom #global #action a.facebook,
#middle #top #bottom #global #action a.twitter{
	background-image:none;padding:0;
}
#middle #top #bottom #global #action .separator{
	margin:0 5px;display:-moz-inline-box;display:inline-block;vertical-align:middle;
}
#middle #top #bottom #global #entete{
	position:relative;clear:both;text-align:right;
}
#middle #top #bottom #global #entete .logo{
	position:relative;float:left;width:132px;text-align:left;margin:0 13px 0 0;height:68px;text-align:center;
}
#middle #top #bottom #global #entete .slogan{
	position:relative;display:-moz-inline-box;display:block;font-size:0.9em;padding-top:5px;
}
#middle #top #bottom #global #entete .like{
	position:absolute;margin-top:-23px;right:0;width:120px;overflow:hidden;
}
#middle #top #bottom #global #entete .adresse{
	position:relative;display:-moz-inline-box;display:inline-block;vertical-align:top;font-size:1.1em;
}
#middle #top #bottom #global #entete .separateur{
	position:relative;display:-moz-inline-box;display:inline-block;vertical-align:top;margin:0 3px;font-size:1.1em;
}
#middle #top #bottom #global #entete .telephone{
	position:relative;display:-moz-inline-box;display:inline-block;font-weight:bold;font-size:1.1em;
}
#middle #top #bottom #global #entete .telephone .infoBulle{
	position:absolute;display:none;border:1px solid black;background-color:#ffffe1;color:#000;font-size:0.9em;font-weight:300;padding:5px;top:18px;right:0;text-align:left;width:340px;z-index:10001;
}
#middle #top #bottom #global #entete .telephone:hover .infoBulle{
	display:block;
}

/*le menu*/
#middle #top #bottom #global #menu{
	position:relative;height:39px;width:996px;
}
#middle #top #bottom #global #menu a:hover{
	text-decoration:none;
}
#middle #top #bottom #global #menu ul{
	position:absolute;z-index:10000;
}
#middle #top #bottom #global #menu ul li{
	position:relative;display:block;float:left;margin-right:2px;text-transform:uppercase;
}
#middle #top #bottom #global #menu ul li a{
	display:table-cell;padding:0 7px 0 0;text-align:center;height:39px;width:60px;vertical-align:middle;line-height:1.1em;
}
/*sous-menu*/
#middle #top #bottom #global #menu ul li ul{
	display:none;width:260px;
}
#middle #top #bottom #global #menu ul li ul li{
	text-transform:none;
}
#middle #top #bottom #global #menu ul li ul li a{
	text-align:left;height:auto;max-width:none;width:260px;
}
#middle #top #bottom #global #menu ul li:hover ul{
	display:block;
}
/*sous-sous-menu*/
#middle #top #bottom #global #menu ul li ul li ul{
	margin-left:240px;margin-top:-22px;
}
#middle #top #bottom #global #menu ul li:hover ul li ul{
	display:none;
}
#middle #top #bottom #global #menu ul li ul li:hover ul{
	display:block;
}

/*l'accueil*/
#middle.accueil #top #bottom #global #accueil{
	position:relative;width:995px;height:395px;margin-bottom:10px;
}

/*le contenu de la page en trois parties*/
#middle #top #bottom #global #contentMiddle{
	position:relative;display:block;clear:both;float:left;width:100%;
}
#middle #top #bottom #global #contentMiddle #contentTop{
	position:relative;display:block;float:left;width:100%;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom{
	position:relative;display:block;float:left;padding:20px 30px;min-height:300px;
}
/*colonne gauche*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left{
	position:relative;width:567px;display:block;float:left;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left p{
	position:relative;margin-bottom:10px;margin-right:15px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left #envoyerPlan{
	display:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc{
	position:relative;display:block;padding:15px 0 11px 15px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc a.liens{
	background:transparent url(img/fleches.gif) no-repeat 0px -81px;font-size:1.1em;font-weight:bold;padding-left:13px;text-decoration:none;margin-top:3px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc a.appelGratuit{
	position:relative;clear:both;float:right;display:block;height:23px;width:98px;padding-top:3px;padding-left:27px;color:#fff;font-weight:bold;text-decoration:none;z-index:1000;margin-right:15px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top .bottom{
	position:relative;display:block;clear:both;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top .bottom .tarif{
	position:relative;
        color:#505050;
        display:inline;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top .bottom ul{
	position:relative;padding:0;margin:0;display:block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top .bottom ul li{
	position:relative;display:-moz-inline-box;display:inline-block;vertical-align:top;width:250px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top .bottom .content ul{
	position:relative;padding:0;margin:0;display:inline-block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top .bottom .content ul li{
	position:relative;display:-moz-inline-box;display:block;vertical-align:top;width:auto;
}
/*diaporama photo*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left #diaporama,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left #anim-vhotel{
	position:relative;width:567px;height:291px;overflow:hidden;margin-bottom:15px;
}

/*galerie photo*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie{
	padding:4px;border:1px solid #E1E1E1;margin:10px 0;width:556px;background-color:#fff;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer{
	position:relative;width:556px;height:286px;background:#fff none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .legendBG,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .legend{
	position:absolute;width:546px;height:35px;bottom:0;left:0;padding:5px;overflow:hidden;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .legendBG{
	background-color:#000000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";-khtml-opacity:0.6;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .legend{
	border-top:1px solid #333;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .legend span{
	position:relative;color:#fff;overflow:hidden;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .legend span.label{
	float:left;font-weight:bold;width:500px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .legend span.num{
	float:right;padding-top:23px;
}

#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .flecheGauche,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .flecheDroite{
	position:absolute;height:62px;top:112px;width:31px;cursor:pointer;background-repeat:no-repeat;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .flecheGauche{
	left:0;background-position:-31px 0px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .flecheDroite{
	right:0;background-position:0px 0px;
}

#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails{
	position:relative;overflow:hidden;margin:7px 0 0;height:105px;width:556px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails ul{
	position:absolute;top:0;left:0;height:105px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails ul li,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails ul li img{
	position:relative;width:205px;height:105px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails ul li{
	margin-right:6px;cursor:pointer;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails ul li:hover img,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails ul li.on img{
	opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.4;-ms-filter:"alpha(opacity=40)";-khtml-opacity:0.4;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails .flecheGauche,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails .flecheDroite{
	position:absolute;height:46px;width:21px;top:30px;cursor:pointer;background-repeat:no-repeat;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails .flecheGauche{
	left:0;background-position:-84px -8px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails .flecheDroite{
	right:0;background-position:-63px -8px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .flecheGauche.off,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .viewer .flecheDroite.off,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails .flecheGauche.off,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom .thumbnails .flecheDroite.off{
	cursor:default;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom ul{
	position:relative;padding:0;margin:0;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.galerie .top .bottom ul li{
	position:relative;display:-moz-inline-box;display:inline-block;background:#000 none;padding:0;
}
/*vidéo*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video{
	padding:4px;border:1px solid #E1E1E1;margin:10px 0;width:556px;background-color:#fff;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video .top .bottom #video{
	position:relative;width:556px;background-color:#fff;margin-bottom:10px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video .top .bottom ul{
	position:relative;padding:0;margin:0;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video .top .bottom ul li{
	position:relative;display:-moz-inline-box;display:inline-block;background:#fff none;padding:2px;width:99%;margin-bottom:2px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video .top .bottom ul li img{
	position:relative;display:-moz-inline-box;display:inline-block;float:left;width:217px;height:107px;margin-right:7px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video .top .bottom ul li h4{
	font-size:1.2em;margin:0;padding:0;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video .top .bottom ul li p{
	position:relative;margin:5px 0;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video a.liens{
	font-weight:300;color:#0E87A1;text-decoration:underline;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.video a.liens:hover{
	text-decoration:none;
}

/*captcha*/
.captcha {
	display:inline-block;height:50px;
}
.captcha img{
	display:block;height:50px;width:200px;
}

/*colonne droite*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right{
	position:relative;width:273px;display:block;float:right;margin-left:21px;font-size:0.9em;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc{
	position:relative;
}
.fleche{
	position:relative;display:inline-block;background:transparent url(img/fleches.gif) no-repeat 0px 0px;padding-left:20px;padding-top:4px;
}
.fleche.big{
	background-position:0px -20px;
}
.fleche.big.on{
	background-position:0px 0px;
}
.fleche.small{
	background-position:0px -40px;
}
.fleche.small.on{
	background-position:0px -60px;
}
.fleche.small.blue{
	background-position:0px -80px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc .top{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc .top .bottom{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc .top .bottom .content{
        position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc .top .bottom .content{
	position:relative;margin:14px 0 2px;
}
/*possibilité de spécifier les styles de blocs par contenu*/
/*découvrez vidéo/galerie photos*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.video,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.photo{
	position:relative;width:273px;height:154px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.video img,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.photo img{
	position:absolute;left:0px;top:0px;width:273px;height:154px;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";-khtml-opacity:0.6;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.video img.decouvrez,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.photo img.decouvrez{
	opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-ms-filter:"alpha(opacity=50)";-khtml-opacity:0.5;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.video .text,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.photo .text{
	position:absolute;width:273px;height:154px;top:0;left:0;padding-left:10px;padding-top:8px;color:#fff;cursor:pointer;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.video a:hover,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.photo a:hover{
	text-decoration:none;
}
/*notre brochure (pdf)*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.brochure{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.brochure .pdf{
	position:relative;display:-moz-inline-box;display:inline-block;background:transparent url(img/actions-header.png) no-repeat 0px -80px;height:20px;padding:3px 3px 3px 34px;
}
/*actualités*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.actualite{
	position:relative;
}
/*nos petits plus*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.plus{
	position:relative;
}
/*nos annonces/catalogue*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.catalogue{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.catalogue img{
	height:56px;width:75px;margin:0 2px 4px 2px;
}
/*liens utiles*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.liens{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.liens .content a{
	display:block;
}
/*infos consommateurs...*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.infos{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.infos h2,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.infos h2,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.moyensAcces h3{
	text-decoration:underline;cursor:pointer;font-size:1.4em;color:#505050;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.infos h3:hover{
	text-decoration:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.infos .content,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.infos .content,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.moyensAcces .content{
	position:relative;display:none;
}
/*en direct de (ved)*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.ved{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.ved #iframe_ved{
	width:315px;height:123px;
}

/*le footer*/
#middle #top #bottom #global #footer{
	position:relative;display:block;clear:both;padding:10px 20px;
}
#middle #top #bottom #global #footer .colonne{
	position:relative;display:-moz-inline-box;display:inline-block;padding-right:10px;margin-right:10px;width:120px;vertical-align:top;
}
#middle #top #bottom #global #footer .colonne a{
	display:block;
}
#middle #top #bottom #global #footer #info{
	position:relative;display:-moz-inline-box;display:inline-block;width:355px;vertical-align:top;
}
#middle #top #bottom #global #footer #info a{
	text-decoration:underline;
}
#middle #top #bottom #global #footer #info a:hover{
	text-decoration:none;
}
#middle #top #bottom #global #footer #info img{
	margin-top:15px;
}
#middle #top #bottom #global #footer p{
	position:relative;height:35px;float:left;padding:3px 0px 3px 15px;margin-left:15px;background:#fff url(img/footerSeparation.gif) no-repeat left center;margin-top:2px;
}
/*système de popin*/
#opaque{
	position:absolute;top:0;left:0;z-index:10000;background-color:#000000;width:100%;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;
}
#popin{
	position:absolute;top:80px;min-height:600px;left:50%;margin-left:-217px;z-index:10001;width:434px;text-align:left;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;
}
#popin fieldset{
	width:99%;text-align:right;
}
#popin .captcha .inputText{
	width:30%;margin-left:5px;vertical-align:top;
}
#popin fieldset .inputText{
	width:60%;margin-left:5px;vertical-align:top;
}
#popin .recommanderAmi, #popin .envoyerPlan, #popin .reservation {
    background: url("img/popin.png") repeat-x scroll center bottom #FFFFFF;
    font-size: 0.75em;
    padding: 10px;
}
#popin fieldset a.ajouterDestinataire{
	position:relative;clear:both;float:right;display:block;height:23px;width:180px;padding-top:3px;text-align:center;color:#fff;font-weight:bold;text-decoration:none;z-index:1000;
}
#popin #secondDestinataire{
	display:none;
}

/*plan mappy*/
.cible-picto-ville-localisation1,
.cible-picto-ville-localisation2{
    position:relative;width:22px;height:46px;text-align:center;color:transparent;line-height:30px;font-size:12px;-moz-user-select:none;
}

#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc.mappy{
	padding:8px 0 0 0;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #vueMappy{
	position:relative;height:35px;clear:both;border-bottom:1px solid #E1E1E1;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #vueMappy li{
	position:relative;display:-moz-inline-box;display:inline-block;padding:0;margin:0px;text-align:center;height:36px;width:auto;background:none;overflow:hidden;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #vueMappy li a{
	position:relative;display:-moz-inline-box;display:inline-block;padding:7px 13px 8px 13px;background:transparent url(img/vueMappy.png) repeat-x 0 0;border:1px solid #E1E1E1;color:#7E7E7E;font-size:1.3em;font-weight:bold;text-decoration:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #vueMappy li.on a,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #vueMappy li:hover a{
	border-bottom:1px solid #FFFFFF;color:#505050;background:#fff none;text-decoration:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #planMappyContainer{
	background:#fff url(img/planMappyContainer.html) repeat-x bottom center;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;padding:13px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #planMappy{
	position:relative;background-color:#FFF3DC;height:342px;margin:0 15px 4px 0;border:1px solid black;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #planMappy #actionMappy{
	position:absolute;top:2px;left:2px;width:140px;height:30px;padding-top:3px;padding-left:3px;z-index:1000;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #planMappy #actionMappy ul{
	position:relative;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #planMappy #actionMappy ul li{
	position:relative;display:-moz-inline-box;display:inline-block;padding:0;margin:0;width:auto;background:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #planMappy #actionMappy ul li a{
	position:relative;display:-moz-inline-box;display:inline-block;height:23px;width:68px;padding-top:3px;text-align:center;color:#fff;font-weight:bold;text-decoration:none;
}
/*calcul d'itinéraire*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy{
	position:relative;display:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy.on{
	display:block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm{
	position:relative;display:block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm.off{
	display:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm h3,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .choix{
	position:relative;display:-moz-inline-box;display:inline-block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .choix input{
	vertical-align:baseline;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .choix label{
	text-decoration:underline;font-weight:bold;font-size:1.2em;cursor:pointer;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .choix label:hover{
	text-decoration:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .choix label.on{
	text-decoration:none;cursor:default;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .error{
	display:none;color:#f00;padding-top:4px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .error.on{
	display:block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .exemple{
	display:block;color:#8E8E8E;padding:4px 0 13px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireForm .itiText{
	display:block;width:391px;border:0px none;padding:7px 0px 7px 105px;color:#333333;font-size:1.1em;font-weight:400;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy div .actions{
	display:block;text-align:right;padding:10px 0;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy div .btn{
	display:-moz-inline-box;display:inline-block;padding:5px 10px;height:15px;color:#fff;font-weight:bold;text-decoration:none;text-align:left;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy div .btn.validation{
	width:99px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy div .btn.validation2{
	width:115px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy div .btn.imprimer{
	width:76px;
}

#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireResultat{
	position:relative;display:block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireResultat.off{
	display:none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #left .bloc #itineraireMappy #itineraireResultat #roadbook li{
	background-image:none;
}
.drapeauDepart,
.drapeauArrivee{
    background:transparent url(img/panel-mappy.png) no-repeat 0px 0px;height:29px;width:29px;
}
.drapeauDepart{
    background-position:-4px -4px;
}
.drapeauArrivee{
    background-position:-4px -152px;
}

.default-tooltip{
	border:0px none;font-weight:bold;font-size:11px;line-height:100%;padding:3px 6px;white-space:nowrap;opacity:0.9;filter:alpha(opacity=90);-moz-opacity:0.9;-ms-filter:"alpha(opacity=90)";-khtml-opacity:0.9;
}

/*Catalogue*/
.bloc.catalogue .content{
	 position:relative;
}
.bloc.catalogue .content .entete{
	color:#333;background-color:White;padding:0 0 10px 0;text-align:right;
}
.bloc.catalogue .content .entete a{
	background-color:White;color:#606060;
}
.bloc.catalogue .content .entete a:hover{
	background-color:White;color:#FF6600;text-decoration:none;
}
.bloc.catalogue .content .reference{
	border-top:1px solid #efefef;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;border-left:1px solid #efefef;margin:0px 0px 10px 0px;padding:3px;
}
.bloc.catalogue .content .vignette{
	position:relative;width:80px;height:80px;z-index:10;display:-moz-inline-box;display:inline-block;
}
.bloc.catalogue .content .vignette .lienloupe{
	position:absolute;right:0;bottom:0;width:14px;height:14px;
}
.bloc.catalogue .content .reference_info{
	position:relative;width:480px;vertical-align:top;margin-left:10px;display:-moz-inline-box;display:inline-block;
}
.bloc.catalogue .content .reference_info h6{
	margin:0px 0px 8px 0px;padding:2px 2px 2px 5px;font-weight:bold;background-color:#efefef;color:#EA4700;font-size:1.1em;
}
.bloc.catalogue .content .reference_info p{
	margin:0px;padding:0px 0 0 5px;color:#000000;
}
.bloc.catalogue .content .prix{
	float:left;white-space:nowrap;color:#666;margin:8px 3px 0px 3px;padding:0px;
}
.bloc.catalogue .content .prix strong{
	 color:#000;
}
.bloc.catalogue .content .ref{
	float:right;white-space:nowrap;color:#666;margin:8px 0px 0px 0px;padding:0 0 0 5px;
}
.bloc.catalogue .content .vignette a{
	position:absolute;z-index:1000;text-decoration:none; /* definition du lien qui affichera le "calque" */
}
.bloc.catalogue .content .vignette a:hover{
	background:none; /* correction d'un bug IE */
}
.bloc.catalogue .content .vignette a span{
	display:none;/* definition de la balise <span> incluse dans <a> */
}
.bloc.catalogue .content .vignette a:hover span{
	display:inline;position:absolute;top:-25px;left:20px;width:280px;height:280px;border:1px solid #ccc;z-index:100;
}
.bloc.catalogue .content .pied{
	margin:1em 0 0 0;color:#333;text-align:center;
}
.bloc.catalogue .content .retour{
	float:left;margin:0;padding:0;
}
.bloc.catalogue .content .page{
	margin:0 auto;padding:0; color:#999;
}
.bloc.catalogue .content .suite{
	float:right;margin:0;padding:0;
}
.bloc.catalogue .content .page a,
.suite a, .gallery a,
.retour a{
	color:#EA4700;font-weight:bold;
}
.bloc.catalogue .content .page a:hover,
.bloc.catalogue .content .suite a:hover,
.bloc.catalogue .content .gallery a:hover,
.bloc.catalogue .content .retour a:hover{
	color:#CC0000;text-decoration:none;
}
.bloc.catalogue .content .pied img{
	padding:0 3px;
}
.bloc.catalogue .content .clear{
	clear:both;
}

/*
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
 /* Component containers
----------------------------------*/
.ui-widget-content {border:1px solid #9c9c9c;background-color:#fff;color:#333333;font-size:0.75em;}
.ui-widget-content a {color:#333333;}
.ui-widget-header {border:1px solid #9c9c9c;background-color:#adc0c6;color:#093b54;font-weight:bold;}
.ui-widget-header a {color:#0a3c55;}
.ui-widget-header a.ui-state-disabled {color:#d9e1e3;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:1px solid #9c9c9c;background-color:#fff;font-weight:bold;color:#000;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#1c94c4;text-decoration:none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #0a3c57;background-color:#0a3c57;font-weight:bold;color:#fff;}
.ui-widget :active {outline:none;}
td.ui-state-disabled span.ui-state-default{
	background-color:#d9e1e3;color:#9c9c9c;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border:1px solid #0a3c55;background:#adc0c6 none;color:#fff;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color:#363636;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border:1px solid #cd0a0a;background:#b81900 none;color:#ffffff;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {color:#ffffff;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {color:#ffffff;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {font-weight:bold;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary {opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}
.ui-datepicker {width:17em;padding:.2em .2em 0;display:none;}
.ui-datepicker .ui-datepicker-header {position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {left:2px;}
.ui-datepicker .ui-datepicker-next {right:2px;}
.ui-datepicker .ui-datepicker-title {text-align:center;}
.ui-datepicker .ui-datepicker-title select {margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width:100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width:49%;}
.ui-datepicker table {width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker th {padding:.7em .3em;text-align:center;font-weight:bold;border:0; }
.ui-datepicker td {border:0;padding:1px;}
.ui-datepicker td span, .ui-datepicker td a {display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button {float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;}
.ui-datepicker-trigger{vertical-align:middle;padding-left:3px;cursor:pointer;}

/*réservation*/
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation{
	background:transparent url(img/reservation-middle.gif) repeat-y top center;padding:0;height:1%;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .top{
	background:transparent url(img/reservation-top.png) no-repeat top center;padding:0;border:0 none;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .top .bottom{
	background:transparent url(img/reservation-bottom.png) no-repeat bottom center;padding:3px;
}


#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation label, .accueil.reservation label{
	font-weight:900;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .date{
	position:relative;display:block;float:left;width:50%;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .chambre{
	position:relative;display:block;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .chambre .libelle{
	position:relative;display:block;font-weight:bold;border-top:1px solid #0a3c57;padding:5px 0;margin-top:5px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .chambre label{
	position:relative;display:block;float:left;text-align:right;width:55px;margin:5px;
}
#co_ages1, #co_ages2{
	display:inline;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation input, .accueil.reservation input,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation select, .accueil.reservation select{
	border:none 0px;padding:2px;margin:2px;background:#fff url(img/reservationChamps.gif) no-repeat 0px 0px;height:16px;width:75px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation select, .accueil.reservation select{
	background-position:-78px 0px;width:37px;height:20px;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .top .bottom .content, .accueil.reservation .top .bottom .content{
	padding:5px;color:#fff;font-size:1em;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation #reserver, .accueil.reservation #reserver{
	display:block;width:112px;height:17px;padding-top:2px;text-align:center;background:transparent url(img/reservation-trouver.html) no-repeat center center;font-weight:bold;color:#adc0c6;float:right;
}
.accueil.reservation #reserver{
	background-image:url(img/reservation-trouver-accueil.png);color:#0a3c57;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation #reserver:hover, .accueil.reservation #reserver:hover{
	text-decoration:none;
}
.accueil.reservation .top{
	background:#0a3c57 url(img/reservation-top-accueil.png) no-repeat top center;
}
.accueil.reservation .top .bottom{
	background:transparent url(img/reservation-bottom-accueil.png) no-repeat bottom center;padding:5px 0px 8px 40px;
}
.accueil.reservation .top .bottom .content{
	position:relative;padding:0;
}
.accueil.reservation .date{
	display:inline;
}
.bloc.reservation .top .bottom h2{
	text-align:center;height:15px;padding:5px 0;text-transform:none;color:#fff;
}
.accueil.reservation .chambre{
	position:relative;display:inline;z-index:200;
}
.accueil.reservation .chambre#co_room2{
	z-index:150;
}
.accueil.reservation .chambre .libelle{
	display:inline;font-weight:bold;
}
.accueil.reservation .chambre label{
	position:relative;padding:5px;cursor:pointer;
}
.accueil.reservation .chambre #co_ages1,
.accueil.reservation .chambre #co_ages2{
	position:relative;padding-bottom:5px;width:70px;
}
.accueil.reservation .chambre #co_ages1 label,
.accueil.reservation .chambre #co_ages2 label{
	text-decoration:underline;
}
.accueil.reservation .chambre div .sAge{
	position:absolute;left:0;bottom:-24px;margin:0;line-height:1em;display:none;background-color:#acbfc6;border:1px solid #0a3c57;width:130px;height:25px;
}
.accueil.reservation #co_room2{
	margin-left:488px;display: block;
}
.accueil.reservation #reserver{
	position:absolute;top:3px;right:5px;z-index:100;margin:0;
}
*:first-child+html .accueil.reservation #reserver{
	top:10px;
}
#popin .reservation h2{
	display:block;height:26px;padding:5px;background:#fff;margin-bottom:5px;
}
#popin .reservation h2 .close{
	display:block;float:right;width:96px;height:26px;cursor:pointer;
}
#popin .reservation h2 .close:hover{
	text-decoration:none;
}
#popin .reservation #constellation{
	width:100%;height:600px;display:block;overflow:auto;
}
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation #co_room2,
.accueil.reservation #co_room2,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .chambre .libelle,
.accueil.reservation .chambre .libelle,
#co_ages1, #co_ages2{
    display:none;
}


#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation #co_room2,
.accueil.reservation #co_room2,
#middle #top #bottom #global #contentMiddle #contentTop #contentBottom #right .bloc.reservation .chambre .libelle,
.accueil.reservation .chambre .libelle, 
#co_ages1, #co_ages2{
        display:none;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}