@font-face {  font-family: 'futura_bdcn_btbold'; src: url('/css/fonts/futurabc-webfont.eot');
    src: url('/css/fonts/futurabc-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/futurabc-webfont.woff') format('woff'),
         url('/css/fonts/futurabc-webfont.ttf') format('truetype'),
         url('/css/fonts/futurabc-webfont.svg#futura_bdcn_btbold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {  font-family: 'gotham_roundedbold'; src: url('/css/fonts/gotham-rounded-bold-webfont.eot');
    src: url('/css/fonts/gotham-rounded-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/gotham-rounded-bold-webfont.woff') format('woff'),
         url('/css/fonts/gotham-rounded-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/gotham-rounded-bold-webfont.svg#gotham_roundedbold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {  font-family: 'gotham_roundedbook'; src: url('/css/fonts/gotham-rounded-book-webfont.eot');
    src: url('/css/fonts/gotham-rounded-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/gotham-rounded-book-webfont.woff') format('woff'),
         url('/css/fonts/gotham-rounded-book-webfont.ttf') format('truetype'),
         url('/css/fonts/gotham-rounded-book-webfont.svg#gotham_roundedbook') format('svg'); font-weight: normal; font-style: normal;}	
@font-face {  font-family: 'netto_bold'; src: url('/css/fonts/nettootbold.eot');
    src: url('/css/fonts/nettootbold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/nettootbold.woff') format('woff'),
         url('/css/fonts/nettootbold.ttf') format('truetype'),
         url('/css/fonts/nettootbold.svg#netto_bold') format('svg'); font-weight: normal; font-style: normal;}

html, body {min-height: 100%; }
body {	padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; color:#262626; }
body .white{	font-size:1.15em;  }
#conteneur{background-color:#4891cf; min-height:100%; float:left; position:relative; width:100%; z-index:1; }
#conteneur.page-accueil{ padding-bottom:0px !important;}
#bandeau.bandeau{position:fixed; left:0; top:0; width:100%; height:100%; text-align:center; /*background-repeat: no-repeat; background-position: center top; background-size: cover;*/}
#bandeau.bandeau img{position:fixed; left:0; top:0; min-width:100%; min-height:100%; }
#diaporama_referencement{ display:none;}
#diaporama_referencement img{ width:48%; float:left; margin:1%;}
.page-accueil #diaporama{display:none;}
#zone-bas{position:absolute; bottom:0; z-index:100; height:235px; clear:both; float:left; width:100%;}
#page{float:left; width:100%;  min-height:100%; position:relative;}
.page{margin:0 auto; width:990px; }

iframe, object{ max-width:100% !important} 
.video-even{ width:100%; float:left; overflow:hidden}

a, p, td, li{color:#535353;}
sup{font-size:8px;}
p{text-align:justify}
form p{text-align:left; margin-top:0; }
img{border:0;}
a{text-decoration:none; color:#0063AF}
a:hover{text-decoration:underline;}
h1, .titre-col{ background:url(/charte/h1-rouge.png) left 3px no-repeat; padding:3px 0 5px 25px; color:#E13043; display:inline-table; font-size:1.55em; font-weight:normal;
width:94%; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; }
.page-dest h1, .page-dest .titre-col{ background:url(/charte/h1-rouge.png) left center no-repeat; color:#DF2337;}
.page-inspiration h1, .page-inspiration .titre-col{ background:url(/charte/h1-vert.png) left center no-repeat; color:#759900;}
.page-inspiration #z_contenuD .titre-col{ color:#DF2337}
.page-bon-plan h1, .page-bon-plan .titre-col{ background:url(/charte/h1-jaune.png) left 3px no-repeat; color:#EE9419;}
.black h1, .black h2, .black h3, .black .titre-col{ color:#ffffff}
h2{ background:url(/charte/h2-rouge.png) left center no-repeat; padding-left:20px; color:#000000; font-size:1.2em; display:inline-table; width:94% }
.page-inspiration h2{ background:url(/charte/h2-vert.png) left top no-repeat;}
.page-bon-plan h2{ background:url(/charte/h2-jaune.png) left center no-repeat;}
h3{ color:#535353; font-size:1.1em; font-weight:bold; }
h4{ color:#535353; font-size:1em; font-weight:bold; }
#z_contenu a{color:#0063AF; text-decoration:underline;}
p strong{color:#0063AF; }
.page-inspiration #z_contenu a, .page-inspiration #z_contenuG a{color:#759900 ;}
#z_contenu .black a, #z_contenuG  .black a{color:#ffffff ; text-decoration:none;}
#z_contenu a:hover{text-decoration:none}
#z_contenu .black a:hover, #z_contenuG  .black a:hover{text-decoration:underline;}
#z_contenu ul{display:table; margin-top:0}
.legende{ font-size:10px; color:#6B3D8D; margin-top:2px; text-align:center;}
.image_ombree{width:auto;}
.image_ombree img{ padding:2px; background:#ffffff; box-shadow:0px 0px 4px #666; -moz-box-shadow:0px 0px 4px #666; -webkit-box-shadow:0px 0px 4px #666; }
.width100pc{width:100%;}
.invisible{display:none;}
.right{float:right}
ul.enligne, #nuagedetags ul, #Liens_profils ul{ margin:0; padding:0; list-style-type:none; }
ul.enligne li, #Liens_profils li{ list-style-type:none; margin:0; padding:0; display:inline; }
.lien_menu{clear:both; float:left; margin-left:5px; }

/*----- HEADER -----*/

#barre-header{ background:url(/charte/ombre-header.png) center 119px no-repeat; float:left; width:100%;}
#header{height:119px; position:relative;  z-index:200; background:url(/charte/fd-header.jpg) center top repeat-x; padding-left:1%; padding-right:1%;}
#logo{float:left; top:27px; position:absolute; z-index:200; left:30px;}
#accroche{color:#1D57A5; float:left; top:48px; position:absolute; left:270px; font-size:1.3em; font-family:'gotham_roundedbook', Arial, Helvetica, sans-serif; }
#accroche span{font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; }
/* moteur */
.div-moteur{ position:absolute; right:75px; top:66px; width:218px; background:url(/charte/moteur.png) left top no-repeat; height:36px; }
input.moteur{ left:14px; top:8px; position:relative; border:none transparent; background:transparent; width:158px; color:#2e5aa7; font-style:italic;}
input.ok{position:absolute; top:2px; right:0px}
/* moteur resultat */
.Surlign{  background: none !important;}
#searchTable td{ background:#2168B1; color:#ffffff; padding:5px;}
/* reseaux sociaux */
.pictos-partager{float:right; margin-top:5px; margin-right:55px}
.pictos-partager a{height:50px; width:43px; cursor:pointer; display:block; float:left;  position:relative; z-index:200}
.pictos-partager img{height:50px; width:43px;  }
a.twitter{display:none; background:url(/charte/bt-twitter2.png) left top no-repeat;}
a.facebook{display:none; background:url(/charte/bt-facebook2.png) left top no-repeat;}
a.tchat{display:none; background:url(/charte/bt-tchat2.png) left top no-repeat;}
a.rss{display:none; background:url(/charte/bt-rss2.png) left top no-repeat;}
a.videos{display:none; background:url(/charte/bt-video2.png) left top no-repeat;}
a.newsletter{display:none; background:url(/charte/bt-newsletter2.png) left top no-repeat;}
/* langues */
#langues{margin:18px 0 0 0; float:right; width:100px; display:none;}
#langues a, a#accueil, a#malvoyant{float:left; display:block; height:12px; width:19px; margin-right:10px; background-image:url(/charte/pictos.png); background-repeat:no-repeat; font-size:0; color:transparent; overflow:hidden; text-indent:1000px;}
#fr{background-position:-255px -11px;}
#en{background-position:-285px -11px; }
#de{background-position:-315px -11px;}
/* logo OT France */
.ot-france{ width:37px; height:68px; background:url(/charte/i-ot2.png) left top no-repeat; position:absolute; top:28px; right:16px;}

/*---- ZC ----*/

.page-int #zc{ position:relative; top:320px; width:100%; min-height:100px; float:left;}
.page-accueil #zc{position:relative; min-height:545px;  margin-top:50px;}
.page-interieure #zc{ position:relative; top:100px; width:100%; min-height:100px; float:left;}
.page-inspiration #zc{ position:relative; top:50px; width:100%; min-height:100px; float:left;}
.page-bon-plan #zc{ position:relative; top:50px; width:100%; min-height:100px; float:left;}
.box-fonce{ color:#fff; background:#3799D6 url(/charte/bg-contenu-black.jpg) left bottom repeat-x;  width:82.9%; margin:0 7%; padding:10px 2%; position:absolute; 
min-height:330px; max-height:450px; z-index:202; }
.box-fonce a, .box-fonce li{cursor:pointer;}
.box-fonce li{font-size:0.9em; list-style-type: square;}
.page-accueil .box-fonce{bottom:125px; left:0;}
.page-int .box-fonce{top:20px; left:100px;}
.box-fonce *{color:#fff;}
.box-fonce input{color:#000;}

/*--- Z-Contenu ---*/
#z_contenu{ width:91.4% /*905*/; float:right; min-height:350px; z-index:300; }
#z_contenuG{ width:57% /*905*/; float:left; min-height:350px; z-index:300; margin-left:86px;}
#z_contenuD{ width:33% /*905*/; float:right; min-height:350px; z-index:300; }
.bloc-contenu{ width: 100%; float: left; margin-bottom: 10px !important;
 background: url(/charte/bloc-contenu-f2.png) left bottom repeat-x;  background-size: auto 100%;  }
.ie678 .bloc-contenu{ background: url(/charte/bloc-contenu-ie.png) left top repeat !important; margin: 0px 0px 10px 0px;}
/* hack Chrome / Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { 
.bloc-contenu{ background: url(/charte/bloc-contenu-ie.png) left top repeat !important; margin: 0px 0px 10px 0px;}
}
.page-interieure .bloc-contenu{ width:86.8%; padding:4%; min-height:270px;}
.page-interieure .bloc-contenu.white{ width:83.8%; padding:5%; }
.page-interieure .contenu-ami .bloc-contenu.white{ width:85.8%; padding:52px 4.5% 4.5% 4.5%; }
.page-interieure .bloc-contenu.black{background:#3799D6 url(/charte/bg-contenu-black.jpg) left bottom repeat-x !important; }
.page-interieure .bloc-contenu.black li{color:#ffffff; list-style-type: square;}
.contenu-g{ width:96%; float:left; padding: 10px;}
.contenu-d{ width:94%; float:right; padding: 10px; }
.bloc-contenu h1, .bloc-contenu .titre-col{ font-size:1.25em; width:94%; margin:2px 0 4px 0px;}
#z_contenuD h1{ color:#DF2337}
.page-bon-plan #z_contenuD h1, .page-bon-plan #z_contenuD .titre-col{ color:#EE9419}
a.toutes-offres{ font-weight:bold; font-size:0.85em; float:right; width:48%; margin-top:4px; margin-right:1%; background:url("/charte/suite.png") right 1px no-repeat;}
#offre-dest h1, #offre-dest .titre-col{ width:70%}

/*--- FIL ARIANE ---*/
#div_lien_yahoo{float:left; background:url(/charte/home.png) left top no-repeat; padding:2px 0 2px 22px; width:72%; min-height:1em; margin-bottom:10px; font-size:0.85em; color:#2e5aa7}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo *{color:#2e5aa7 !important;}
.black .lien_yahoo, .black .lien_yahoo a, .black #div_lien_yahoo, .black #div_lien_yahoo a{color:#ffffff !important;}
.black #div_lien_yahoo{ background:url(/charte/home-white.png) left top no-repeat;}
.bloc-contenu.white #div_lien_yahoo{ margin-top:0px; margin-bottom:30px; width:70%;}
.contenu-ami #div_lien_yahoo{ margin-top:12px !important; width:94%;}

/*--- pictos-dest ---*/
#pictos-dest, #pictos-int{ width:auto; float:right; }
#pictos-dest a, #pictos-int a{ float:left; display:block; height:15px ; width:18px; margin-left:5px; background-image:url(/charte/pictos-dest.png); background-repeat:no-repeat; }
#pictos-dest a#imprimer, #pictos-int a#imprimer{background-position: left top;}
#pictos-dest a#contact, #pictos-int a#contact{ display:none; background-position: -23px top;}
#pictos-dest a#favori, #pictos-int a#favori{ display:none; background-position: -46px top;}
#pictos-dest a#tchat2, #pictos-int a#tchat2{ display:none; background-position: -70px top;}
#pictos-dest a#pdf, #pictos-int a#pdf{ background-position: -95px top; }

/* Bloc presentation */
#presentation-ot h1, #presentation-ot .titre-col, .page-pub #presentation-ot h1, .page-pub #presentation-ot .titre-col{ float:right; width:78%; color:#ee951b; /*#DF2337*/}
#i-ot{ float:left; margin-right:1%; width:15%; clear:left; margin-bottom:7px}
#i-ot img{ float:left; width:100%;}
#camera-pub{ float:left; margin-right:1%; width:15%; clear:left;}
#camera-pub img{ float:left; width:100%;}
.text-presentation{ color:#000000; }
#presentation-dest .text-presentation{ width:100%; float:left;}
#presentation-ot .text-presentation{ width:82.1%; float:right;}

/*--- pubG ---*/
#pubG{ width:54.7%; float:left; clear:left; margin-left:8.7%; text-align:center}
.affiche-pubG{ width:100%; float:left; margin:0 auto; }
.affiche-pubG img{ width:100%; float:left; }

/*----- DESTINATION -----*/

/* Liste */
#liste-dest{float:left; display:none; }
.liste-dest img{ width:100%; float:left;}
.liste-dest span{ display:block}
.vignette_off, .vignette_on{  font-weight:bold; float:left; position:relative; margin-right:5px; margin-left:5px;  margin-bottom:10px; color:#000000;}
.vignette_on .v_block{ background:url("/charte/bloc-contenu-f.png") left top repeat; }
.v_block{ padding:5px; width:250px !important; height:200px !important; font-size:0.9em;}
.v_block_fond{ background: url("/charte/vignette-on.png") left top repeat;
width:250px; margin-left:-5px; margin-top:-5px; padding:5px; color:#ffffff !important;
text-transform:uppercase;}
.v_block_fond *{ color:#ffffff !important;}
.v_block:hover{ background: url("/charte/vignette-on.png") left top repeat;}
.v_ville{ text-transform:uppercase; padding-bottom:8px; color:#000000;}
.v_block:hover .v_email a, .v_block:hover .v_email, .v_block:hover .v_tel, 
.v_block:hover .v_picto, .v_block:hover .v_them, .v_block:hover .v_site, 
.v_block:hover .v_lien, .v_block:hover .v_gmaps, .v_block:hover .v_gmaps a{ display:block; }
.v_nom{ margin-bottom:7px; text-transform:uppercase; color:#000000;}
.v_tel{ display:none; }
.v_email a, .v_email{ font-style:italic; font-weight:normal; display:none; padding:4px 0; }
.v_gmaps, .v_gmaps a{ display:none; padding-bottom:4px; }
.v_picto{ font-weight:normal; display:none;}
.v_them{ font-weight:normal; display:none;}
.v_lien{ display:none; position:absolute; bottom:5px; right:5px; background:url(/charte/v_lien.png) left top repeat; padding:0px 12px; border-radius: 12px 0 12px 0; color:#000000 !important;}
.v_lien_a{  background:url(/charte/h1-rouge.png) right 2px no-repeat; padding:4px 23px 4px 0px; color:#000000 !important; }
.v_lien_a:hover{ text-decoration:underline; }
.v_email a:hover{ text-decoration:none; }
.v_site{ display:none; position:absolute; bottom:5px; right:5px; background:url(/charte/v_lien.png) left top repeat; padding:4px 12px; border-radius: 12px 0 12px 0; color:#000000 !important;}
.v_site a{  background:url(/charte/h1-rouge.png) right 2px no-repeat; padding:4px 23px 4px 0px; color:#000000 !important; text-decoration:underline;}

/*----- COLONNE DROITE -----*/

/*--- Bloc agenda-meteo ---*/
/* meteo */
#agenda-dest .block_content{height:30px;}
#meteo{ width:100%; float:left; height:30px;}
.ville h1, .actuel, .condition, .infos-compl, .temperatureactuelle, #previsions{ display:none;}
.ville{width:60%; float:left;}
.ville h2{ display:none;font-size:0.8em; color:#434343; width:45%; float:left; background:none; padding:0; font-weight:bold; margin:4px 0;}
.heure_meteo{ display:none}
.affiche-meteo{ width:53%; float:right; }
.degre{ font-size:1.1em; float:left; color:#DF2337; font-family:'netto_bold', Arial, Helvetica, sans-serif;}
.tempsactuel .vignette{ margin-top:-5px;}
.vignette{ float:left; height:28px;}
.vignette img{ max-height:28px;}
#date_jour{ float:left; width:60%; font-size:0.85em; padding:4px 0;}
#meteo_yahoo{ float:left; width:40%;}
/* agenda */
.affiche-agenda{ width:100%; float:left; margin-bottom:5px;}
.agenda-img{ height:40px; overflow:hidden; width:45%; float:left;}
.agenda-img img{ width:100%; float:left;}
.agenda-texte{max-height:110px; width:52%; float:right; }
.agenda-titre{ font-size:0.7em; color:#0063AF; text-align:left; font-weight:bold;  width:100%; -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  -o-hyphens: auto;  hyphens: auto;}
.agenda-titre a{ -webkit-hyphens: auto; color:#0063AF;  -moz-hyphens: auto;  -ms-hyphens: auto;  -o-hyphens: auto;  hyphens: auto; }
a.agenda-suite{ text-align:right; background:url(/charte/suite.png) left top no-repeat; height:11px; width:14px; float:right;  }
#agenda-date, .agenda-date{ font-size:0.55em; color:#535353 !important; text-align:left; }
#agenda-date a, .agenda-date a{ color:#535353 !important;  }
a.agenda-lien-liste{ float:right; margin-top:5px;font-weight:bold; width:52%; font-size:0.85em; background:url("/charte/suite.png")  right 1px no-repeat; text-align:left; }

/* Agenda detail */
.liste-agenda{ width:100%; float: left;}

/*--- bloc je reserve ---*/
#je-reserve{ margin-bottom:10px; background:url(/charte/reserve.jpg) left center repeat-x; text-align:center; height:50px; padding:0px 10px;}
#je-reserve a{ color:#FFFfff; font-weight:bold; text-align:center; background:url(/charte/pucef-bl.png) left center no-repeat; padding:15px 0px 15px 31px; line-height:50px; }
.page-bon-plan #je-reserve{  background:#EE9419; }
.page-bon-plan #je-reserve:hover{background:#E0840D;}

/*--- votrez conseiller ---*/
.page-bon-plan .affiche_conseiller{  background:url(/charte/bg-bt-jaune.png) left top repeat-x; text-align:center; border-radius:4px 4px 8px 8px; -moz-border-radius:4px 4px 8px 8px; -webkit-border-radius:4px 4px 8px 8px;
float:left; margin-bottom:10px; padding:4px 5px 8px 5px; width:97%; background-size: auto 100%; }
.ie678 .page-bon-plan .affiche_conseiller{ background:#EE9419; padding:5px;}
/* hack Chrome / Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) {
.page-bon-plan .affiche_conseiller{ background:#EE9419; padding:5px;}
}
.page-bon-plan .affiche_conseiller a{  color:#ffffff; font-size:0.9em;  margin-bottom:10px; }

/*--- bloc offre thematique ---*/
.affiche-offre{ width:48%; margin:1%; float:left; height:auto; position:relative; }
.offre-img{ overflow:hidden; width:100%; float:left; height:86px;}
.offre-img img{ width:100%; min-width:100%; float:left; min-height:100%;}
.titre-offre{width:96%; float:left; background:#3698D5 url(/charte/titre-offre.jpg) left bottom repeat-x; height:59px; padding-top:4px; 
  padding-bottom:4px; padding-left:2.5%; padding-right:1.5%; font-size:11px; /*color: #C5F22E ;*/ color:#ffffff; text-transform:uppercase; overflow:hidden;} 

/*--- pubD ---*/
.affiche-pubD{ width:100%; float:left; margin:0 auto; }
.affiche-pubD img{ width:100%; float:left; }

/*--- moteur-dest ---*/
.affiche-moteur-dest{ width:100%; float:left; margin:0 auto; }

/*----- FOOTER -----*/
#footer{width:100%; float:left;  position:relative; top: 320px;  border-radius:0 30px 0 30px; -moz-border-radius:0 30px 0 30px; -webkit-border-radius:0 30px 0 30px; }
.page-interieure #footer{top: 100px;}
.page-inspiration #footer{top: 50px;}
.page-accueil #footer{ top: 0px;}
#footer-haut{width:100%; float:left; background:url(/charte/bg-footer-haut.jpg) left top repeat; height:54px;}
#footer-bas{width:100%; float:left; background:url(/charte/bg-footer-bas2.png) left bottom repeat; height:150px; }
#menuBas{ float:left; width:100%; }
#btn-ot, #btn-agenda, #btn-recherche-profils{margin-top:5px; float:left; text-align:center; padding-bottom:0px; margin-bottom:3px; width:33%;}
#menuBas a.btn-titre{display:block; padding:4px 0 4px 0; color:#fff; font-size:1.15em; font-family:'netto_bold', Arial, Helvetica, sans-serif; text-align:center !important; }
#menuBas a.btn-titre:hover{color:#dddddd; text-decoration:none; }
#btn-agenda{ padding-top:7px; }
#menuBas a.btn-titre{padding:4px 35px 4px 20px;}
#btn-recherche-profils{width:32%;}
#btn-recherche-profils a.btn-titre{padding-right:0}
#btn-recherche-profils li, #btn-recherche-profils li a{white-space:nowrap; color:#fff; font-size:0.8em; text-transform:uppercase; padding-bottom:5px;}
#btn-recherche-profils ul{padding-bottom:15px;}
#pictos-partager-footer, #moteur-footer{display:none}
.bloc-footer{ float:left;  color:#ffffff !important; font-size:12px;}
.bloc-footer a{ color:#1E57A4 !important; }
.bloc-footer h2{ margin:0 0 6px 0; color:#E4042B; background:none !important;  padding:0; text-transform:uppercase; font-family:'netto_bold', Arial, Helvetica, sans-serif;}
.bloc-footer h2 a{ color:#E4042B !important; font-size:14px;}
.bloc-footer .titre-footer{ margin:0 0 6px 0; color:#E4042B; background:none;  padding:0; text-transform:uppercase; font-family:'netto_bold', Arial, Helvetica, sans-serif;}
.bloc-footer .titre-footer a{ color:#E4042B !important; font-size:14px;}
.bloc-footer p a{ color:#1E57A4 !important;}
.bloc-footer p{ margin:0 0 5px 0;  }
#footer1, #footer3, #footer4{ width:21% !important; margin:15px 1% 2px 2% !important;}
#footer2{ width:25% !important; margin:17px 1% 2px 2% !important;}

/*-- PAGE INT PROMO --*/
/*commande*/
#tableau-commande caption{font-size:1.3em; text-align:left;}
#tableau-commande{border:1px solid #ccc; background-image:url(/charte/bg-clair80pc.png); display:none;}
#tableau-commande td{padding:5px}
#tableau-commande .oddrow td{background-image:url(/charte/bg-clair80pc.png)}
#z_contenu .ajout_panier a{color:#720030; text-decoration:none;}
.quantite{float:left}
#z_contenu .commander-produit{white-space:nowrap; width:120px}
.quantite input{float:left; width:25px }
.valider input{ margin:0 3px; background:#A6A6A6; color:#fff; border:none; height:25px; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.tarif-produit{white-space:nowrap;  line-height:25px}

/*commentaires*/
#commentaires{background-image:url(/charte/bg-clair80pc.png); padding:5px 2%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
#logo-dismoiou img{height:38px}
.bloc-commentaire{border-bottom:1px solid #ccc; margin-bottom:12px; padding-bottom:12px}
.bloc-commentaire:last-child{border-bottom:none}
.userpic{float:left; margin-right:2%}
.avis-auteur a{font-weight:bold; text-decoration:none; font-size:1em}
p.commentaire{font-size:0.94em; margin-top:0}
#z_contenu .detail-commentaire{color:#666; text-decoration:none;}

/*recherche cold*/
form#form-recherche1 p{font-size:0.9em;}
form#form-recherche1 input, form#form-recherche1 select{width:90%; }
form#form-recherche1 input#textfield3{width:30px; }
form#form-recherche1 #button-Rechercher{ width:50%; margin:3px 0; background:#A6A6A6; color:#fff; border:none; height:30px; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
  
/*autres offres cold*/
.bloc-offre{clear:both; float:left; width:100%; margin-bottom:15px;}
#z_contenu .bloc-offre a{text-decoration:none; margin-bottom:3px; display:block}
.bloc-offre img {float:left; margin-right:2%; width:40%; height:auto; padding:3px; background-color:#f2f2f2; border:1px solid #ccc;}
#z_contenu .bloc-offre ul{display:none;}

/*choisir destination*/
.box-carte-recherche .col, #div-bons-plans .col{float:left; width:20%}
.box-carte-recherche .destinations{float:left; clear:both; width:100%; margin-bottom:10px }
.box-carte-recherche .titre{font-weight:bold; font-size:1.1em}
.box-carte-recherche .col ul, .div-bons-plans .col ul{margin:0 0 0 -25px; width:90%}
.box-carte-recherche .carte, .box-carte-recherche .carte{width:70px; height:70px; margin:10px 0 5px 30px;}
.box-carte-recherche #region-sud-est .carte{background:url(/charte/carte-se.png)}
.box-carte-recherche #region-sud-ouest .carte{background:url(/charte/carte-so.png)}
.box-carte-recherche #region-nord-est .carte{background:url(/charte/carte-ne.png)}
.box-carte-recherche #region-nord-ouest .carte{background:url(/charte/carte-no.png)}
.box-carte-recherche h2{background:url(/charte/h2-rouge.png) left 5px no-repeat ;}
.box-carte-recherche a{ text-decoration:none !important;}
.box-carte-recherche a:hover{ text-decoration:underline !important;}

/* CARTO */
#maCarte{ width:100% !important; }
.affiche-moteur-dest iframe{ min-height:250px !important; height:250px !important;}
.moteur-destination{  position:relative; margin-top:10px; margin-left:2.5%; width:95%; height:26px; float:left}
.moteur-destination h3{ float:left; margin-right:2%; margin-top:3px;}
.moteur-destination input{ margin:0 1% 0 0;}
input#champ_destination, input#champ_rech_insp, input#champ_rech_plans{ position:relative; top:-9px; border:none; height:20px; border-bottom:1px solid #999; border-right:1px solid #999;
box-shadow: inset -1px 0px 3px 0px #777;
-moz-box-shadow: inset -1px 0px 3px 0px #777; -webkit-box-shadow: inset -1px 0px 3px 0px #777; -o-box-shadow: inset -1px 0px 3px 0px #777;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.moteur-destination #bouton-submit{ position:relative; }
.moteur-destination li{ list-style-type:none !important;}
.moteur-destination a{ color:#262626 !important;}
.moteur-destination a:hover{ font-weight:normal !important}
#div-inspiration p.ui-widget {float:left; margin-right:2%; height:20px; margin-top:7px; position:relative;}
#div-inspiration input#moteur_recherche_ch{ position:relative; top:2px}

/* awoo */
.modele-awoo #zc{ top:0px; margin-top:10px}
.modele-awoo #footer{ top:0px; }
#conteneur.modele-awoo{ padding-bottom:0px; }
.modele-awoo #z_contenu{width:100%;}
.modele-awoo .bloc-contenu{ padding:0.5% 0; width:100%;}
#iframe-awoo{ height:900px; float:left;}
.modele-awoo #footer .col{float:left; width:15%; margin-right:1%}
.modele-awoo #footer #col-1.col, .modele-awoo #footer #col-2.col, .modele-awoo #footer #col-3.col{width:30%}
.modele-awoo #footer .col a{ font-size:1em;  text-transform:uppercase; font-weight:bold; padding:5px 0; float:left; width:100%; color:#ffffff}
.modele-awoo #footer li{ list-style-type:none}
#detail-awoo iframe{overflow-x:hidden; border:none}

.cluster-1{ background: url(/charte/cluster1.png) no-repeat;
font-weight:bold; font-size:13px; height: 41px; width: 42px; text-align:center; line-height:41px; color : #ffffff; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; }
.infobulle{ width:270px; height:auto; float:left; padding:10px; background:#ffffff; 
border: 1px solid #cccccc; border-radius:0 10px 0 10px;  font-size:12px; position:relative; z-index:295;}
.nom-office{ font-weight:bold;}
.contenu-bulle{ margin-top:5px;}
.mail-office a{ font-style:italic;  }
.page-dest .mail-office a, .page-dest .itineraire-office a{  color:#E21C3A; }
.page-inspiration .mail-office a, .page-inspiration .itineraire-office a{  color:#97BF15; }
.detail-office{margin-top:10px; position:relative; z-index:300;}
.detail-office a{ color:#ffffff; background:#aaaaaa; padding:3px 7px; border-radius:0 6px 0 6px; }
.page-dest .detail-office a{ background:#E21C3A;}
.page-inspiration .detail-office a{ background:#97BF15;} 
.detail-office.nonAdh a{background-color:#ccc !important}
.vignette-office{ float:left; margin-right:10px; }
.vignette-office img{ border-radius:0 10px 0 10px;} 

#carto-ot .infobulle{width:235px; text-align:center;  color:#E02438; font-weight:bold}
#carto-ot .fermB, #carte-dest .fermB{float:right}
#carto-ot .adresseB{font-weight:normal; color:#000}
#carto-ot .emailB, #carto-ot .emailB a{text-decoration:underline; font-weight:bold;}
#carto-ot .titreB{font-weight:normal}
#carto-ot .nomB{font-weight:bold; text-transform:uppercase}
.page-interieure #z_contenu #div-bons-plans, .page-interieure #z_contenu #div-destination{ display: block !important; } 
.page-interieure #z_contenu #div-bons-plans2, .page-interieure #z_contenu #div-destination2{ display: block !important; } 
.page-interieure #z_contenu .col{ margin-top:20px;  margin-bottom:12px;}

/*----- CARTO annuaire -----*/
.liste-annuaire-carte{ display:none;}
#carte-annuaire{ width:100%; float:left; margin-top:20px;}
#canvas_france{ width:80%; float:left; }

/* Carte DOM */
.carte-annuaire-dom{ width:18%; float:right;}
.carte-annuaire-dom a{ width:100px; height:93px; float:left; margin-bottom:15px;}
a.carto-guadeloupe{ background: url("/carte-annuaire/Guadeloupe.png") left top no-repeat;}
a:hover.carto-guadeloupe{ background: url("/carte-annuaire/Guadeloupe_f2.png") left top no-repeat;}
a.carto-guyane{ background: url("/carte-annuaire/Guyane.png") left top no-repeat;}
a:hover.carto-guyane{ background: url("/carte-annuaire/Guyane_f2.png") left top no-repeat;}
a.carto-martinique{ background: url("/carte-annuaire/Martinique.png") left top no-repeat;}
a:hover.carto-martinique{ background: url("/carte-annuaire/Martinique_f2.png") left top no-repeat;}
a.carto-caledonie{ background: url("/carte-annuaire/NouvelleCaledonie.png") left top no-repeat;}
a:hover.carto-caledonie{ background: url("/carte-annuaire/NouvelleCaledonie_f2.png") left top no-repeat;}
a.carto-reunion{ background: url("/carte-annuaire/reunion.png") left top no-repeat;}
a:hover.carto-reunion{ background: url("/carte-annuaire/reunion_f2.png") left top no-repeat;}
/* moteur annuaire */
#form-annuaire{ line-height:28px; height:28px; width:100%; float:left; position:relative; margin:10px 0px; }
#form-annuaire input#champ_rech_ot{ position:absolute; top:2px; left:0px; line-height:22px; height:22px; width:28%; 
border:none; border-bottom:1px solid #999; border-right:1px solid #999;
box-shadow: inset -1px 0px 3px 0px #777; -moz-box-shadow: inset -1px 0px 3px 0px #777; -webkit-box-shadow: inset -1px 0px 3px 0px #777; -o-box-shadow: inset -1px 0px 3px 0px #777;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#form-annuaire input#bouton-submit{ position:absolute; top:0px; left:30%; line-height:28px; height:28px; width:auto; }

/*----- PLAN DU SITE -----*/
.PLAN0{float:left; width:100%; clear:both; padding:4px 0px; margin:12px 0 3px 0;}
.PLAN0 a{font-size:1.2em; font-weight:bold; padding-left: 20px;}
.PLAN1{position:relative; list-style:none; margin:6px 0; float:left; width:100%;}
.PLAN1 a{ font-size:1.1em; color:#5c5c5c !important; }
.PLAN2{	list-style-type:disc; position:relative; left:-10px; margin:6px 0;	}
.PLAN2 a{font-size:1em; color:#5c5c5c; }
.PLAN3{ margin:5px 0; position:relative; left:-20px;}
.PLAN3 a{font-size:0.9em; color:#5c5c5c;}

.plan-site a{ text-decoration:none !important;}
.plan-site a:hover{ text-decoration:underline !important;}
.plan-site h2, .plan-site h2 a{ font-size:16px; text-transform:none;  background:none;}
.plan-site h3, .plan-site h3 a{ font-size:15px; text-transform:none; color:#535353 !important; padding-left:20px; margin-top:0;}
.plan-site h4, .plan-site h4 a{ font-size:14px; font-weight:normal; text-transform:none; color:#535353 !important; padding-left:30px; margin-top:0; }

/*----- illicomag -----*/
.illicomag{float:left; width:100%; margin:10px 0;}
.illicomag_vignette{float:left;text-align:center;}
.illicomag_vignette img{border:1px solid #ccc;}
.illicomag_info{float:left;width:210px;}
.illicomag_titre {font-weight:bold;}
.illicomag_flip{background:url(/images/librairie/feuilleter1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_pdf{background:url(/images/librairie/pdf1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_flip a, .illicomag_pdf a{font-size:11px; line-height:27px;}

.bouton-recherche{ overflow:hidden; clear:both}

.addthis_button_expanded{ display:none !important}

.txt-no-offre{ text-align:center; width: 100%; float:left; font-weight:bold; margin:20px 0; font-size:1.1em}

/*----- Modele PRINT -----*/
.modele-print{ width:96%; float:left; margin:2%;}
.modele-print .header{ width:100%; float:left; height:100px;}

.bit-carte{ display:none;}
.bit-carte{float:right; width:49%; clear:right}
.titre-bits{ color:#0063AF; font-weight:bold;}
.bit-carte ul{ margin:0; padding:0; padding-left: 15px;}
.bit-carte li{ width:100%; float:left;}
.villebit{ font-weight:normal !important; color:#535353 !important; padding-left:5px;}

.text-periode-ouvert{  float: right;  width: 100%; font-size:10px; font-style:italic; margin-bottom:12px;}

/*--- Menu escamotable ---*/
.menug-footer{ display:none;}

#div-destination2 .titre, #div-bons-plans2 .titre, #div-magazine2 .titre{ width:100%; float:left}

/*-----menu accueil menuH-----*/

#menuH{ width:95%; margin:0 7% 0 7%; position:absolute; top:420px; left:0; z-index:202; }
#menuH a{  height:60px;  float:left; width:71%; padding-right:23%; padding-left:5%; text-align:right; display:block; 
  text-decoration:none; color:#fff; font-size:1.3em; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; }
#menuH div:hover{cursor:pointer}
#menuH a:hover{color:#fff}
#btn-destination, #btn-inspiration, #btn-bons-plans{ background:url(/charte/bg-menu-accueil.jpg) left top repeat-x; float:left; width:29%; padding-right:0.5% }
#btn-destination{ border-bottom:7px solid #E21C3A;  height:70px;  }
#btn-inspiration{margin:0 1.5%; border-bottom:7px solid #97BF12;  height:70px; }
#btn-bons-plans{ border-bottom:7px solid  #EE9419;  height:70px; }
#btn-destination a{ padding-top:15px;  background:url(/charte/bt-destination2.png) right top no-repeat; }
#btn-inspiration a{padding-top:15px; background:url(/charte/bt-inspiration2.png) right top no-repeat; }
#btn-bons-plans a{ padding-top:25px; background:url(/charte/bt-bon-plan2.png) right top no-repeat; }

/*div destin + bons plans*/
#div-destination .col, #div-bons-plans .col{float:left; width:20%}
#div-destination2 .col, #div-bons-plans2 .col{float:left; width:20%}
.destinations{float:left; clear:both; width:100%; margin-bottom:10px }
.titre{font-size:1.3em; font-family:'gotham_roundedbook', Arial, Helvetica, sans-serif; width:100%; float:left;}
.col ul, .col li{ margin: 0px; padding: 0px; }
.col li{ list-style-type: none !important; background:url(/charte/puce-white.png) left center no-repeat; padding-left: 17px; }
#div-destination .carte, #div-bons-plans .carte{width:70px; height:70px; margin:10px 0 5px 15px;}
#div-destination2 .carte, #div-bons-plans2 .carte{width:70px; height:70px; margin:10px 0 5px 15px;}
#div-destination #region-sud-est .carte{background:url(/charte/carte-se.png)}
#div-destination #region-sud-ouest .carte{background:url(/charte/carte-so.png)}
#div-destination #region-nord-est .carte{background:url(/charte/carte-ne.png)}
#div-destination #region-nord-ouest .carte{background:url(/charte/carte-no.png)}
#div-destination #region-dom .carte{background:url(/charte/carte-rouge-dom.png)}
#div-destination2 #region-sud-est .carte{background:url(/charte/carte-se.png)}
#div-destination2 #region-sud-ouest .carte{background:url(/charte/carte-so.png)}
#div-destination2 #region-nord-est .carte{background:url(/charte/carte-ne.png)}
#div-destination2 #region-nord-ouest .carte{background:url(/charte/carte-no.png)}
#div-destination2 #region-dom .carte{background:url(/charte/carte-rouge-dom.png)}
#div-destination #region-sud-est3 .carte{background:url(/charte/carte-se.png)}
#div-destination #region-sud-ouest3 .carte{background:url(/charte/carte-so.png)}
#div-destination #region-nord-est3 .carte{background:url(/charte/carte-ne.png)}
#div-destination #region-nord-ouest3 .carte{background:url(/charte/carte-no.png)}
#div-destination #region-dom3 .carte{background:url(/charte/carte-rouge-dom.png)}

#div-bons-plans #region-sud-est .carte{background:url(/charte/carte-jaune-se.png)}
#div-bons-plans #region-sud-ouest .carte{background:url(/charte/carte-jaune-so.png)}
#div-bons-plans #region-nord-est .carte{background:url(/charte/carte-jaune-ne.png)}
#div-bons-plans #region-nord-ouest .carte{background:url(/charte/carte-jaune-no.png)}
#div-bons-plans #region-dom .carte{background:url(/charte/carte-jaune-dom.png)}
#div-bons-plans2 #region-sud-est .carte{background:url(/charte/carte-jaune-se.png)}
#div-bons-plans2 #region-sud-ouest .carte{background:url(/charte/carte-jaune-so.png)}
#div-bons-plans2 #region-nord-est .carte{background:url(/charte/carte-jaune-ne.png)}
#div-bons-plans2 #region-nord-ouest .carte{background:url(/charte/carte-jaune-no.png)}
#div-bons-plans2 #region-dom .carte{background:url(/charte/carte-jaune-dom.png)}
#div-bons-plans #region-sud-est2 .carte{background:url(/charte/carte-jaune-se.png)}
#div-bons-plans #region-sud-ouest2 .carte{background:url(/charte/carte-jaune-so.png)}
#div-bons-plans #region-nord-est2 .carte{background:url(/charte/carte-jaune-ne.png)}
#div-bons-plans #region-nord-ouest2 .carte{background:url(/charte/carte-jaune-no.png)}
#div-bons-plans #region-dom2 .carte{background:url(/charte/carte-jaune-dom.png)}

#div-destination2 h2{background:url(/charte/h2-rouge.png) left 5px no-repeat ; padding: 3px 0 3px 22px; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; font-size:1.3em;}
#div-bons-plans2 h2{background:url(/charte/h2-jaune.png) left 5px no-repeat ; padding: 3px 0 3px 22px; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; font-size:1.3em;}
#div-bons-plans h2{ background:url(/charte/h2-jaune.png) left center no-repeat;}

/* div inspiration */
#div-inspiration h2{background:url(/charte/h2-vert.png) left 5px no-repeat ; padding: 3px 0 3px 22px; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; font-size:1.3em;}
#div-inspiration ul.categories{float:left; width:27%; margin:0 2%; list-style-type:none; padding:0px;}
#div-inspiration ul.categories li{margin-bottom:3px; float:left; width:100%; list-style-type:none;}
#div-inspiration div.categories{float:left; clear:both; width:100%; }
#div-inspiration .category img{float:left; margin-right:5px}
#div-inspiration a.category strong{text-transform:uppercase; display:block; color:#C5F22E; line-height: 20px; padding-top:6px;}
#div-inspiration .description{  color:#C5F22E ; text-transform:none; font-family:'gotham_roundedbook', Arial, Helvetica, sans-serif; line-height: 16px;}

/*----- COLG -----*/

#menuLat2, .page-accueil #colG, #titre_rub{width:130px; display:none}
#colG{  position:absolute; top:0px; float:left; left:0px; z-index:200; width:70px; height:330px;}
#menuLat{ background:url(/charte/bg-menulat.jpg) left top repeat-x ; float:left; width:70px; height:330px; }
#menug-destination a, #menug-inspiration a, #menug-bons-plans a, #menug-reseaux a, #menug-magazine a{height:67px;  display:block; padding:10px 0 5px 70px; font-size:0; color:transparent; overflow:hidden; text-indent:1000;}
#menug-destination a{background:url(/charte/bt-destination2.png) 6px 3px no-repeat; line-height:25px; position:relative; z-index:10;}
#menug-inspiration a{background:url(/charte/bt-inspiration2.png) 6px 3px no-repeat; line-height:50px;}
#menug-magazine a{background:url(/charte/bt-magazine.png) 6px 3px no-repeat; line-height:50px;}
#menug-bons-plans a{background:url(/charte/bt-bon-plan2.png) 6px 3px no-repeat; line-height:25px;  position:relative; z-index:10;}
#menug-reseaux a{background:url(/charte/bt-reseaux2.png) 6px 3px no-repeat; line-height:25px;  position:relative; z-index:10;}
a.titre-onglet-menuLat{float:left; display:block; width:100%; text-decoration:none; color:#fff; font-size:1.15em; font-family:'futura_bdcn_btbold', Arial, Helvetica, sans-serif}
#cartes-destination-menuLat{margin-left:-8px }
#cartes-bons-plans-menuLat{margin-left:-8px }
#contenu_partager{margin-left:-8px }
#menuLat #div-destination .col{ width:18%}
#menuLat #div-bons-plans .col{ width:18%}
#menuLat #div-destination .carte{margin:1px 0 2px 5px; float:left; width:40px; height:40px; }
#menuLat #div-bons-plans .carte{margin:1px 0 2px 5px; float:left; width:40px; height:40px; }
#menuLat #contenu_partager-menuLat a{margin:7px 5px 2px 0px; float:left; width:32px; height:32px; }
#menuLat #contenu_partager-menuLat img{  width:32px; height:32px; }

#onglet-destination, #onglet-bons-plans, #onglet-reseaux{ height:78px;}
#menuLat #div-destination {position:absolute;  z-index:5; top:0; left:0; padding-top:10px; padding-left:70px; 
  border-bottom:7px solid #E21C3A;  width:380px; height:67px; background-color:#0063AF ;  }
#menug-inspiration a:hover{ height:60px; width:270px; text-decoration:none; color:#fff; font-size:1.15em; font-family:'futura_bdcn_btbold', Arial, Helvetica, sans-serif;
background-color:#0063AF ;  border-bottom:7px solid #97BF12;}
#menug-magazine a:hover{ height:60px; width:270px; text-decoration:none; color:#fff; font-size:1.15em; font-family:'futura_bdcn_btbold', Arial, Helvetica, sans-serif;
background-color:#0063AF ;  border-bottom:7px solid #EE9419;}
#menuLat #div-bons-plans{ position:absolute;  z-index:5; top:160px; left:0px; padding-top:10px; padding-left:70px; 
border-bottom:7px solid #EE9419;  width:380px; height:67px; background-color:#0063AF ;  }
#menuLat #div-reseaux{ position:absolute;  z-index:5; top:238px; left:0px; padding-top:10px; padding-left:70px;
  border-bottom:7px solid #1067AC;  width:380px; height:67px; background-color:#0063AF ;  }

#menuLat #div-destination #region-sud-est3 .carte{background:url(/charte/carte-se.png) ; }
#menuLat #div-destination #region-sud-ouest3 .carte{background:url(/charte/carte-so.png); }
#menuLat #div-destination #region-nord-est3 .carte{background:url(/charte/carte-ne.png) ; }
#menuLat #div-destination #region-nord-ouest3 .carte{background:url(/charte/carte-no.png) ; }
#menuLat #div-destination #region-dom3 .carte{background:url(/charte/carte-rouge-dom.png); }
#menuLat #div-destination #region-sud-est4 .carte{background:url(/charte/carte-se.png) ; }
#menuLat #div-destination #region-sud-ouest4 .carte{background:url(/charte/carte-so.png); }
#menuLat #div-destination #region-nord-est4 .carte{background:url(/charte/carte-ne.png) ; }
#menuLat #div-destination #region-nord-ouest4 .carte{background:url(/charte/carte-no.png) ; }
#menuLat #div-destination #region-dom4 .carte{background:url(/charte/carte-rouge-dom.png); }
#menuLat #div-bons-plans #region-sud-est .carte{background:url(/charte/carte-jaune-se.png);}
#menuLat #div-bons-plans #region-sud-ouest .carte{background:url(/charte/carte-jaune-so.png); }
#menuLat #div-bons-plans #region-nord-est .carte{background:url(/charte/carte-jaune-ne.png); }
#menuLat #div-bons-plans #region-nord-ouest .carte{background:url(/charte/carte-jaune-no.png); }
#menuLat #div-bons-plans  #region-dom .carte{background:url(/charte/carte-jaune-dom.png); }
#menuLat #div-bons-plans #region-sud-est2 .carte{background:url(/charte/carte-jaune-se.png);}
#menuLat #div-bons-plans #region-sud-ouest2 .carte{background:url(/charte/carte-jaune-so.png); }
#menuLat #div-bons-plans #region-nord-est2 .carte{background:url(/charte/carte-jaune-ne.png); }
#menuLat #div-bons-plans #region-nord-ouest2 .carte{background:url(/charte/carte-jaune-no.png); }
#menuLat #div-bons-plans  #region-dom2 .carte{background:url(/charte/carte-jaune-dom.png); }
#menuLat #div-bons-plans #region-sud-est5 .carte{background:url(/charte/carte-jaune-se.png);}
#menuLat #div-bons-plans #region-sud-ouest5 .carte{background:url(/charte/carte-jaune-so.png); }
#menuLat #div-bons-plans #region-nord-est5 .carte{background:url(/charte/carte-jaune-ne.png); }
#menuLat #div-bons-plans #region-nord-ouest5 .carte{background:url(/charte/carte-jaune-no.png); }
#menuLat #div-bons-plans  #region-dom5 .carte{background:url(/charte/carte-jaune-dom.png); }
#menuLat #div-destination .carte, #menuLat #div-bons-plans .carte{ background-size: 40px 40px; }
#menuLat #div-destination .carte, #menuLat #div-bons-plans .carte{ background-size:100% !important; background-repeat: no-repeat; background-position: center center;}

/* RESAUX */
.addthis_counter{ display:none !important;}

/*DIV CACHES MENU*/
#div-destination, #div-inspiration, #div-bons-plans, #div-reseaux{display:none}
#div-destination2, #div-inspiration2, #div-bons-plans2, #div-reseaux2{display:none}

/*----- MENULAT AMI -----*/
#menu-ami{ width:95.8%; float:left;  height:auto; position:relative;}
#menu-ami a{ text-decoration:none ; }
#menu-ami a:hover{text-decoration:none !important; }
#menu-ami ul, #menuLat-ami li{ list-style-type:none; margin:0; padding:0; display:inline;} 

.menuGactive-2 a, .menuG-2 a{font-weight:bold ; width:auto; padding:18px 10px 18px 10px; text-align:center; text-transform:uppercase;  float:left; 
background: url("/charte/bg-menu-accueil.jpg") left center repeat; margin-right:0.31%; margin-bottom:2px; color:#ffffff !important; white-space : nowrap; }
.menuGactive-2 a, li.menuG-2 a:hover{  color:#0063AF !important; 
background: url(/charte/bloc-contenu-ie.png) left top repeat; padding-bottom:20px; margin-bottom:0px;  }
.menuGactive-2 ul{font-weight:bold ; text-transform:none; padding:15px 8px 8px 8px; float:left; position:absolute; top:62px; width:99%; left:1%; }
li.menuG-3, li.menuGactive-3{padding:0px 4px 0px 4px; width:auto; float:left; font-size:0.95em; background:none; border-right:1px solid #333333; line-height:10px; margin-top:0; }
li.menuG-3:last-child, li.menuGactive-3:last-child{ border-right:none;}
.menuG-3 a, .menuGactive-3 a{font-weight:normal ; padding:3px 4px 4px 4px; width:auto; float:left; font-size:0.9em;  background:none; color:#333333 !important; border;}
.menuGactive-3 a, .menuG-3 a:hover{ background:#2167AF; color:#ffffff !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.menuGactive-3 ul{font-weight:bold ; text-transform:none; padding:5px 8px 8px 8px; float:left; position:absolute; top:20px; width:100%; left:3px; }
li.menuG-4, li.menuGactive-4{padding:0px 3px 0px 3px; width:auto; float:left; font-size:1em; background:none; border-right:1px dotted #333333; 
 margin-top:0; }
li.menuG-4:last-child, li.menuGactive-4:last-child{ border-right:none;}
.menuG-4 a, .menuGactive-4 a{font-weight:normal ; text-transform:none; padding:2px 3px 3px 3px; float:left; background:none; color:#333333 !important;}
.menuG-4 a:hover, .menuGactive-4 a{  background:none; background:#2167AF; color:#ffffff !important;}


#AdresseClair{ text-transform:uppercase;}
#AdresseClair ul{ margin:0; padding:0;}

#searchTable a{ color:#ffffff !important}

/*----- retour haut de page -----*/
#btn_up{ position: fixed; bottom:20px;  right:10%;  cursor: pointer; display: none; z-index:6000; }

/*----- LABELS -----*/

/* moteur */
.moteur-annuaire{ width:100%; float:left;}
.moteur-annuaire td{ float:left;}
/* liste */
.liste-labels{ width:100%; float:left;}
.bloc-liste-label{ width:43%; float:left; margin:10px 2% 0 0;  padding: 2px 2% 6px 2%;  min-height:86px;
background:url("/charte/bloc-contenu-f2.png") left bottom repeat-x; background-size: auto 100%;}
.liste-labels .titre-label{ text-transform:none; font-weight:bold; color:#535353; margin:6px 0; }
.logo-label{ float:left; }
.bloc-liste-label .info-label{ float:right; margin-top:15px; font-size:12px;}
/* detail */
.bloc-label{ width:100%; float:left;}
.bloc-label .titre-label{ text-transform:uppercase; font-weight:bold; color:#0063AF;
 margin:10px 0; clear:both;}
.image-label{ float:left; margin-right:10px; margin-bottom:10px;}
.url-label{ font-style:italic; margin-bottom:10px;}
.bloc-label .logo-label, .bloc-label .code-label, .bloc-label .type-label{ display:none;}

/* resultat moteur recherche */
.searchTable{ width:94%; float:left; padding:15px 3%; background:#0063AF; color:#ffffff;
margin: 15px 0}
.searchPages { width:94%; float:left; padding:15px 3% 5px 3%;  text-align:center; margin-bottom:15px;
border-bottom: 1px dotted #0063AF;}
.searchPages.bas { border-bottom: none; border-top: 1px dotted #0063AF; padding:5px 3% 15px 3%; }
.searchResultLine{ width:100%; float:left; margin:10px 0;}
#z_contenu .searchResultLine a{ text-decoration:none !important; font-weight:bold;}
.Surlign{ background:#C0DFF7 !important}

/*----- ALBUM PHOTO -----*/

#miniature_fleches{float:left; height:190px; width:100%; position:relative; margin:3px 0;}
#miniature_fleches img#gauche{cursor:pointer; position:absolute; left:0; top:80px; height:32px; width:32px; z-index:100;}
#miniature_fleches img#droite{cursor:pointer; position:absolute; right:0; top:80px; z-index:2; height:32px; width:32px; }
#bloc_miniatures{height:186px; overflow:hidden; position:relative; text-align:center; width:100%}
#liste_miniatures{position:absolute; top:0; left:0; height:190px; width:30000px; text-align:left;}
#liste_miniatures img{height:190px; }
.light{opacity:0.5; }
.origin{opacity:1; }
.image-brochure{text-align:center;}
.texte-brochure{text-align:center;}
/*--- Album photo large ---*/
.album-large{ height:300px;}
.album-large #miniature_fleches{ height:300px; }
.album-large #miniature_fleches img#gauche{top:130px; }
.album-large #miniature_fleches img#droite{ top:130px; }
.album-large #bloc_miniatures{height:300px; }
.album-large #liste_miniatures{height:300px; }
.album-large #liste_miniatures img{height:300px; }
.photo-centre{ float:left; position:relative;}
.photo-centre a{ display:block;}
span.commentaire{ position:absolute; left:0; bottom:0 ; text-align:center !important; display:block; font-weight:normal !important;
background:url("/charte/vignette-on.png") left top repeat; color:#ffffff !important; width:96% !important; padding:10px 2%; }


/* --------------------------NEW---------------------------- */


/*----- CONSEIL ECLAIRE -----*/
.col-g{ width:49%; float:left}
.col-d{ width:49%; float:right}
.partage-int{ width:23%; float:right; text-align:right !important; margin:10px 0 0 0}

#titre-parole{ width:100%; float:left; border-bottom:1px solid #759900; font-size:1.2em; margin-bottom:8px;}
.auteur{ width:100%; float:left; height:60px; background:url(/charte/auteur.jpg) left center repeat-x;
margin-bottom:6px;}
.photo-auteur{ width:60px; height:60px; float:left; margin:0 10px 0 25px; position:relative; overflow:hidden}
.photo-auteur img{ max-width:60px; }
.info-auteur{ float:left; padding-top:15px;}
.nom-auteur{ color:#FFFFFF; font-weight:bold}
.fonction-auteur{  color:#FFFFFF; font-size:10px}
.sous-titre, h2.sous-titre{ width:100%; float:left; margin:10px 0; font-weight:bold; color:#262626;  font-size:1.1em; background:none !important; padding:0 }

.info-pratique{ width:100%; float:left; margin-top:10px}
.info-theme{ width:100%; float:left}
.info-pratique p strong { color:#535353}
a.reserve-conseil{ width:100%; float:left; color:#759900; font-weight:bold; text-decoration:underline}
.carto{ width:100%; float:left}

.lien-conseiller.conseil{ width:99.5%; text-align:left; float:left; margin:15px 0 0 0; }
.lien-conseiller.conseil h2{  margin:0; padding:0px; }
.lien-conseiller.conseil a{ font-size:0.85em; text-transform:uppercase; border-radius:4px 4px 8px 8px; background:url(/charte/bg-bt-vert.png) left top repeat-x; 
color:#ffffff !important; padding:4px 1% 7px 1%; margin-top:5px; max-width:98%; }
.lien-conseiller.conseil a{ float:left;}

/* OT */
#presentation-ot h1, #presentation-ot .titre-col{ float:left; width:96%; color:#DF2337}
.text-presentation{ color:#000000; width:100%; float:left }
#presentation-ot .text-presentation{ width:100%; float:left; margin-top:8px;}

.page-ot #bloc-infos{ min-height:230px}

#presentation-ot span, #contact-infos span, #reseaux_paroles span{ font-size:1em; width:100%; float:left; }
#contenu_partager-int span{ width:16px}
.adresse-ot{width:49%; float:left; clear:left; }
.adresse-ot a{ padding: 5px 0px; margin: 5px 0px 1px 0px; float:left;
width:100%; float:left; text-decoration:underline;}
#telClair{padding:7px 0px 0 0; font-weight:bold;}
#telClair ul{ margin:0; padding:0;}
.info-pratic-ot{ width:49%; float:left; margin-right:1%}
.langues-ot{ width:100%; float:left; margin:5px 0;}
.langues-office{ width:100%; float:left; margin-top:2px;}
.labels-ot{ width:100%; float:left;margin:5px 0; }
.labels-ot-h{ width:100%; float:left;margin:5px 0; }
.labels-ot a, .labels-ot-h a{  margin-right:5px; }
#presentation-ot .labels-ot span, #presentation-ot .labels-ot-h span{ font-weight:normal; color:#262626; width:100%; float:left; margin-bottom:3px;}
#carto-ot{width:49%; float:right; clear:right;}
.dest-ot{width:100%; float:left;}
.dest-ot a{width:97%; float:left; padding:0px 8px; color:#FFFfff; font-weight:bold; text-align:left; line-height:32px; border-bottom:3px solid #D11023;
  background:url(/charte/onglet-off.jpg) left center repeat-x; font-size:1.1em; }
#rs-ot{width:100%; float:left; margin:3px 0;}
#rs-ot a{ display:block; float:left;padding:0 5px 5px 0}
#presentation-ot #carto-ot #map{ margin-bottom:12px; }
.adresse-ot2{ width:100%; float:left;}
#telClair{ width:100%; float:left; list-style-type:none; font-weight:normal; }
.adresse-ot li{ width:100%; float:left; list-style-type:none; font-weight:normal; margin:7px 0 1px 0}
.adresse-ot2 a{  color: #E42439;  float: left; font-weight: bold;  text-decoration: underline; /*margin: 3px 0 0 0;  padding: 5px 0 0 0;*/}
.tel-ot li{ width:100%; float:left; list-style-type:none; font-weight:normal; margin:1px 0 7px 0; text-transform:uppercase;}

#bloc-paroles div a{   color: #E42439;  float: left; font-weight: bold;  text-decoration: underline; margin: 3px 0 0 0;  padding: 5px 0 0 0;
float:left; width:100%}
#toutes-les-paroles{ text-align:right}

.form_contact{ width:100%; float:left}
#presentation-ot #fields, #info-even #fields, #presentation-ot #mentionsL{margin:20px 2%; float:left; width:96%}
#presentation-ot p.affichageForm input, #presentation-ot p.affichageForm textarea{width:50%}
#presentation-ot .form_contact, #info-even .form_contact{ float:left; width:100%}
#presentation-ot .comm{padding:5px 0; display:block;font-weight:normal; color:#000; font-style:normal; font-size:0.85em !important}
.Obligatoire{font-style:italic; color:#000; font-size:0.9em}
#mentionsL a{width:auto; float:none; padding:0; color:inherit; font-weight:normal; text-align:inherit; line-height:1em; border-bottom:none; background:none; font-size:1em; text-decoration:underline }
#mentionsL{font-size:0.85em; font-style:italic; margin:10px 0 20px 0}
.notification_ok{ padding:10px; margin:0 0 20px;  border:1px solid #ccc; background-color:#fff;}

#video-ot{ float:left; text-align:center;}
#video-ot iframe, #video-ot *{ max-width:100% !important; width:100% !important; float:left;}
.affiche-carte a, .affiche-liste a{ background:url(/charte/pucef.png) left 7px no-repeat; color:#ffffff ; font-family:'netto_bold', Arial, Helvetica, sans-serif;
text-transform:uppercase; font-size:1.1em; padding:0px 0px 0px 30px; width:72%; float:left; margin-left:8%; line-height:38px; }
.onglet-bloc a{ font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; font-weight:normal; 
text-transform:uppercase; text-decoration:none; color:#ffffff; display:block; line-height:37px; padding-left:10px;}
.onglet-bloc:hover a, .onglet-bloc.active a{ color:#0063AF}
.onglet-bloc:hover{ background:url(/charte/bloc-contenu-ie.png) left top repeat; }
.onglet-bloc.active{ background:url(/charte/bloc-contenu-ie.png) left top repeat; width:49.6%; float:left; text-align:left; height:40px; float:left; text-align:left; }
.onglet-bloc{ background:url(/charte/onglet-off.jpg) left center repeat-x; width:49.5%; float:left; text-align:left; float:left; text-align:left; height:38px;}
.onglet-bloc.affiche-carte, .onglet-bloc.affiche-reseaux, .onglet-bloc.affiche-contact { margin-right:0.5%; }
.affiche-carte.active a, .affiche-liste.active a, .affiche-carte a:hover, .affiche-liste a:hover{ background:url(/charte/pucio.png) left 7px no-repeat; color:#0063AF    }

/* DEST */
#presentation-dest .text-presentation{ width:100%; float:left;}
#carte-dest{float:left;}
#carte-dest h1, #liste-dest h1, #carte-dest .titre-col, #liste-dest .titre-col{ background:none; padding-left:0;}
.page-dest .onglet-bloc a{ padding-left:40px;}

/* PUB */
#camera-pub{ float:left; margin-right:1%; width:15%; clear:left;}
#camera-pub img{ float:left; width:100%;}

/*----- INPIRATION -----*/
.texte-filtre{ padding-left:25px; width:94%; float:left; margin-top:10px; font-size:0.9em}
.page-inspiration #lien-ot a{ background:#97BF15; }
.page-inspiration .titre-offre{ color:#CEFF30;}
.champ-recherche{ width:100%; float:left}
.type-moteur{ width:12%; float:left; text-align:right; font-weight:bold }
.liste-moteur{ width:86%; float:right}
.choix-moteur{ width:19%; float:left; min-height:26px}
.choix-moteur input{ margin:2px 0 0 0  ; float:left}
.choix-moteur label{ width:86%; float:left; margin-left:2%; font }
.choix-moteur #champ_rech_insp{ width:200%;}
#moteur-inspiration .bouton-recherche{ overflow:visible; width:250px; float:left; margin:10px 0 0 34%; height:30px;
background:#2164aa;}
#moteur-inspiration .bouton-recherche input{ background:url(/charte/fleche-moteur.png) 15px center no-repeat; text-indent:0; color:#ffffff; font-weight:bold; 
height:30px;  margin:0;  width:100%; float:left; }
#tri-inspiration{ width:100%; float:left}
#tri-inspiration form{ float:right; font-size:11px}
#tri-inspiration option, #tri-inspiration select{ font-size:11px; color:#333333}
.picto-inspiration{ position:absolute; top:5px; right:1px;}

/* liste inspiration */
.categories{ width:100%; float:left; margin-top:10px;}
.category{ width:100%; float:left; margin-bottom:12px; line-height: 52px; text-transform:uppercase;  }
.category img{ float:left; margin-right:7px;}
a.category{ font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; color: #C5F22E !important; display:block; line-height: 20px; padding-top:6px;}
.description{  color:#C5F22E ; text-transform:none; font-family:'gotham_roundedbook', Arial, Helvetica, sans-serif; line-height: 16px;}
.bloc-inpiration{ width:100%; float:left; margin-bottom:12px; position:relative; margin-top:10px;}
.bloc-inpiration-lien{cursor: pointer;}
.contenu-inpiration{ background:#3698D5 url(/charte/bg-bloc-inspi.jpg) left bottom repeat-x; color:#ffffff; width:97%; float:right;  height:164px; overflow:hidden;}
.img-inspiration{ float:left; height:164px; max-width:40%; overflow:hidden;  }
.img-inspiration img{ min-width:100%; min-height:164px; max-width:120%}
.detail-inspiration{padding-right:1%; float:right; width:57%; position:relative; padding-top:5px; padding-bottom:5px; height:154px;}
.titre-inpiration{ width:93%; float:left; margin:5px 0px; text-transform:uppercase; color:#C5F22E; font-family:'netto_bold', Arial, Helvetica, sans-serif; font-size:16px;}
.texte-inpiration{ font-size:0.9em; float:left;  height:5em; overflow:hidden;}
.logo-inpiration{ display:none;}
.lien-inpiration a{ position:absolute; bottom:7px; right:7px; color:#C5F22E !important; text-transform:uppercase; font-size:0.8em; font-weight:bold;}
.tarif-inspiration{ position:absolute; left:-2px; top:-15px; width:90px; height:52px; background: url(/charte/tarif.png) left top no-repeat; float:left; 
font-size:10px; color:#FFFfff; text-align:center; padding:25px 6px;}
.tarif-inspiration strong{display:block; font-size:18px; height:30px; line-height:30px; line-height:auto; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; color:#C5F22E; }
.tarif-inspiration br{display:none;}
.page-inspiration .lien-conseiller{ width:96.5%; margin-left:3%; text-align:right; float:left;}
.ie678 .page-inspiration .lien-conseiller{ margin-top: 5px; display: inline; margin-top: 4px; }
.page-inspiration .lien-conseiller{ background:none; font-weight:normal; font-size:0.9em; text-transform:uppercase;  width:96%; padding:0px; line-height:32px }
.page-inspiration .lien-conseiller a{ font-size:1em; border-radius:4px 4px 8px 8px; background:url(/charte/bg-bt-vert.png) left top repeat-x; 
color:#ffffff !important; padding:0 1%; margin-top:5px; line-height:23px; max-width:62.3%; overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space : nowrap;}
.page-inspiration .lien-conseiller a{ float:right; margin-left:1%}
ie678 .page-inspiration .lien-conseiller a{  padding-top: 4px  ;  padding-bottom: 7px  ; background-color:#95BD12 !important; }
#moteur-inspiration.bloc-contenu, .ie678 #moteur-inspiration.bloc-contenu{ background:#85ab0a !important; color:#ffffff; }
#moteur-inspiration h1, #liens-inspiration h1, #moteur-inspiration .titre-col, #liens-inspiration .titre-col{ color:#ffffff !important; background:url("/charte/h2-blanc.png") 2px 3px no-repeat;}
.champ-recherche{ margin:10px 0 5px 0;}
.champ-recherche strong{ width:22%; float:left; text-align:right; margin-right:3%;  }
/*.bouton-recherche input{ background:url(/charte/rechercher-bleu.png) left center no-repeat; border:none; cursor:pointer; text-indent:5000px; width:60%; margin:3% 2% 2% 24.8%; height:24px; }*/
.bouton-recherche{ overflow:visible; width:250px; float:left; margin:10px 0 0 34%; height:30px;background:#2164aa;}
.bouton-recherche input{ border:none; background:url(/charte/fleche-moteur.png) 15px center no-repeat; text-indent:0; color:#ffffff; font-weight:bold; height:30px;  margin:0;  width:100%; float:left; }
#liens-inspiration.bloc-contenu{ background:#3799D6 url(/charte/bg-contenu-black.jpg) left bottom repeat-x ; background-size: auto 100%; }
.ie678 #liens-inspiration.bloc-contenu{ background-color: #3798D6 !important; background-image:url(/charte/bg-contenu-black.jpg) !important; background-position: left bottom !important; background-repeat: repeat-x !important;}
/* hack Chrome / Safari */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    #liens-inspiration.bloc-contenu{ background-color: #3798D6 !important; background-image:url(/charte/bg-contenu-black.jpg) !important; background-position: left bottom !important; background-repeat: repeat-x !important;}
    }
#liens-inspiration .category{ margin-bottom:4px; margin-left:5px;}

/* Infos Bulle */
.page-inspiration .infobulle, .page-bon-plan .infobulle{ background:#0063AF; color:#ffffff; position:relative; width:220px}
.page-inspiration .infobulle a, .page-bon-plan .infobulle a{  color:#ffffff}
.page-inspiration .infobulle .text, .page-bon-plan .infobulle .text{ float:left; width:90%}
.fermB{ float:right; width:12px; height:12px; text-align:center; background:#ffffff}
.page-inspiration .infobulle .fermB a, .page-bon-plan .infobulle .fermB a{ color:#0063AF; font-size:9px}

/* BONS PLANS */
/*--- bloc bons plans ---*/
.affiche-bon-plan{ width:100%; float:left; position:relative}
.tarif-bon-plan{ position:absolute; left:-2px; top:0px; width:94px; height:52px; background:url(/charte/tarif.png) 2px top no-repeat; float:left; 
font-size:0.65em; color:#FFFfff; text-align:center; padding:25px 5px; font-weight:normal}
.tarif-bon-plan strong{ font-size:2.5em !important; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; /*color:#C5F22E;*/ line-height:1.7em; font-weight:normal }
.page-bon-plan #z_contenuD .tarif-bon-plan strong{ color:#EE9419}
.bon-plan-img{ overflow:hidden; width:89%; float:left; height:160px; margin-left:7%; margin-top:15px;}
.bon-plan-img img{ width:100%; min-width:100%; min-height:100%;}
.titre-bon-plan{position:relative !important; width:84%; float:left; background:url(/charte/bg-bloc-inspi.jpg) left bottom repeat-x; padding-top:15px; padding-bottom:5px; height:110px; 
padding-left:3%; padding-right:2%; font-size:1em; color:#ffffff; text-transform:uppercase; margin-left:8.5%; font-family:'gotham_roundedbook', Arial, Helvetica, sans-serif;} 
.page-bon-plan #z_contenuD .titre-bon-plan{ color:#ffffff}
a.bonsplans-lien-liste{ float:right; margin-right:3%; margin-top:5px;font-weight:bold; font-size:0.85em; background:url("/charte/suite.png") right 1px no-repeat; text-align:center; padding-right:20px; }

.bloc-bonsplans{ width:100%; float:left; margin-bottom:12px; position:relative; margin-top:10px;}
.bloc-bonsplans-lien{cursor: pointer;}
.contenu-bonsplans{ background:#3698D5 url(/charte/bg-bloc-inspi.jpg) left bottom repeat-x; color:#ffffff; width:97%; float:right;  height:164px; overflow:hidden;}
.bloc-dimoiou .contenu-bonsplans{ height:150px; }
.img-bonsplans{ float:left; height:164px; max-width:40%; overflow:hidden;  }
.img-bonsplans img{ min-width:100%; min-height:164px; max-height:280px; max-width:180% !important}
.detail-bonsplans{padding-right:1%; float:right; width:57%; position:relative; padding-top:5px; padding-bottom:5px; height:154px;}
.bloc-dimoiou .detail-bonsplans{ height:140px;}
.titre-bonsplans{ width:93%; float:left; margin:5px 0px; text-transform:uppercase; color:#ffffff; font-family:'netto_bold', Arial, Helvetica, sans-serif; font-size:16px;}
.texte-bonsplans{ font-size:0.9em; float:left; height:68px; overflow:hidden;}
.logo-bonsplans{ display:none}
.bloc-dimoiou .logo-bonsplans{ display:block; width:33%; float:left;
position:absolute; left:0px; bottom:7px;}
.lien-bonsplans{ position:absolute; bottom:7px; right:7px; color:#EE951B; text-transform:uppercase; font-size:0.8em; font-weight:bold;}
.tarif-bonsplans{ position:absolute; left:-2px; top:-15px; width:102px; padding:25px 0px; height:52px; background:url(/charte/tarif.png) left top no-repeat; float:left; 
color:#FFFfff; text-align:center; }
img.picto-dismoiou{ width:32px; position:absolute; top:1px; left:2px}
.affiche-tarifs{ font-size:11px; line-height:10px; width:100%; float:left;}
.affiche-avis{ font-size:11px; line-height:14px; width:100%; float:left; padding-top:7px;}
.tarif-bonsplans strong{ width: 100%; float:left; white-space:nowrap; font-weight:normal;
font-size:1.5em !important;  font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; color:#EE951B; line-height:1em;  padding:5px 0; }
.bloc-bonsplans .lien-conseiller{ width:96.5%; margin-left:3%; text-align:right; }
.bloc-dimoiou .lien-conseiller{ display:none;}
/*.bloc-bonsplans .lien-conseiller h2{ background:none; font-weight:normal; font-size:0.9em; text-transform:uppercase;  width:auto; margin-right:1%; padding:0px;}
.bloc-bonsplans .lien-conseiller a{ font-size:0.85em; float:right; text-transform:uppercase; border-radius:4px 4px 8px 8px; background:url(/charte/bg-bt-jaune.png) left top repeat-x; color:#ffffff !important; padding:4px 1% 7px 1%; margin-top:5px; max-width:62.3%;
overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space : nowrap;}
*/
.bloc-bonsplans .lien-conseiller{ background:none; font-weight:normal; font-size:0.9em; text-transform:uppercase;  width:96%; padding:0px; line-height:32px }
.bloc-bonsplans .lien-conseiller a{ font-size:1em; border-radius:4px 4px 8px 8px; background:url(/charte/bg-bt-jaune.png) left top repeat-x; 
color:#ffffff !important; padding:0 1%; margin-top:5px; line-height:23px; max-width:62.3%; overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space : nowrap;}
.bloc-bonsplans .lien-conseiller a{ float:right; margin-left:1%}

/*--- moteur bons plans ---*/
#moteur-bons-plans.bloc-contenu{ background:#FE9F1B !important; color:#ffffff;  /*background-size: auto 100%; url(/charte/bg-moteur-jaune.jpg) left bottom repeat-x*/  }.ie678 #moteur-bons-plans.bloc-contenu{ background-color:#FE9F1B !important; background-image:url(/charte/bg-moteur-jaune.jpg) !important;
background-position: left bottom !important; background-repeat: repeat-x !important;  }
/* hack Chrome / Safari */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
#moteur-bons-plans.bloc-contenu{ background-color:#FE9F1B !important; background-image:url(/charte/bg-moteur-jaune.jpg) !important;
background-position: left bottom !important; background-repeat: repeat-x !important;  }
}*/
#moteur-bons-plans h1, #moteur-bons-plans .titre-col{ color:#ffffff !important; background:url("/charte/h2-blanc.png") 2px center no-repeat; padding: 4px 0 4px 25px}

.page-bon-plan #lien-ot a{background:url(/charte/onglet-off.jpg) left center repeat-x; border-bottom:3px solid #EE9419; color:#ffffff; display:block; height:20px; padding:9px 15px; font-weight:bold; }
.page-bon-plan .affiche-carte.active a, .page-bon-plan .affiche-liste.active a, .page-bon-plan .affiche-carte a:hover, .page-bon-plan .affiche-liste a:hover{ background:url(/charte/pucio-jaune.png) left 7px no-repeat;  }
.page-bon-plan .onglet-bloc a{ padding-left:32px; font-size:1em; margin-left:5%; width:82%} 
.page-bon-plan .titre-offre{ color:#fff;}
.page-bon-plan #footer{ top:50px;}


/* EVENEMENTS */
#moteur-evenement.bloc-contenu{ width:94%;padding:2%; margin-left:1%; margin-top:10px;
background:#FD9E1C url(/charte/bg-moteur-jaune.jpg) left bottom repeat-x !important; color:#ffffff;  }
#moteur-evenement h1, #moteur-evenement .titre-col{  color:#ffffff !important; background:url("/charte/h2-blanc.png") 2px 1px no-repeat;}
#moteur-evenement p.affichageForm, #moteur-evenement p.FormButton{margin:3px 0; text-align:left;}
#moteur-evenement label{width:105px; margin-right:5px; color:#fff}
#moteur-evenement input{margin:0px 0; color:#666666; font-size:12px;}
#moteur-evenement p.FormButton input{margin:5px 0 0 108px; }
#moteur-evenement input.hasDatepicker{ width:80px;}
/* detail evenement */
#date-even{ width:20%; float:left; clear:left; background:url(/charte/date.png) center top repeat-x; color:#ffffff; height:61px; text-align:center;
-moz-border-radius: 4px 4px 6px 6px; -webkit-border-radius: 4px 4px 6px 6px; border-radius: 4px 4px 6px 6px; padding: 8px 2% 10px 2%; margin-top:6px;}
.mois-even{font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; margin-bottom:4px; text-transform:uppercase;}
#titre-even, #horaire-even, #tarif-even{ width:73%; float:right;  }
#horaire-even, #tarif-even{ font-weight: bold;}
#urlresa-even{ width:73%; float:right;  }
#urlresa-even a{ font-weight: bold; margin: 3px 0 1px 0; float:left; padding: 1px 0; text-decoration: underline;}
#description-even{ width:100%; float:left; margin-top:18px;}
#photo-even{ /*width:49%;*/ width:48%; float:left; margin-right:2%}
#texte-even{ /* width:49%; float:right; */}
#info-even{position:relative;}
#info-even span{ font-weight:bold; width:100%; color:#0063AF; float:left}
#info-even span.no-g{ font-weight:normal; color:#262626; }
#coord-even, #reseaux-even{ width:49%; float:left; margin-bottom:8px;}
#adresse-even{ margin-bottom:8px; width:100%; float:left;}
#map-even{ width:49%; float:right;}
#contact-even{ width:100%; float:left; margin-bottom:12px;}
#contact-even a{ font-weight:bold;  margin: 3px 0 1px; padding: 5px 0; text-decoration: underline; float:left;}
a.contact-even{ float:left; font-size:0.85em; border-radius:4px 4px 8px 8px; background:url(/charte/bg-bt-jaune.png) left top repeat-x; 
color:#ffffff !important; padding:3px 10px 7px 10px; margin-top:5px; max-width:62.3%;}
#destination-even{position: relative; float: left; bottom: 8px; left:0px; width:49%;  margin-top:12px;}
#web-even{ width:100%; float:left; margin-bottom:12px;}
a.siteweb-even, #destination-even a{ float:left; font-size:0.85em; border-radius:4px 4px 8px 8px; background:url(/charte/bg-bt-jaune.png) left top repeat-x; 
color:#ffffff !important; padding:3px 10px 7px 10px; margin-top:5px; }
a.ot-even{ float:left; text-align:center; font-size:0.85em; 
border-radius:4px 4px 8px 8px; background:url(/charte/bg-bt-orange2.png) left bottom repeat-x; 
color:#ffffff !important; padding:3px 6px 7px 6px; margin-top:3px; margin-left:25px;}
#infos-sit{ width:49%; float:left; font-size:10px; }

/* liste evenements */
#liste_otf_evenement{ width:100%; float:left; margin-top:10px;}
#conteneur_hotel_weekendesk{ }
.colonne_g_liste_hotel, .colonne_d_liste_hotel{float:left; width:100%; }
.bloc_hotel{ width:98%; position:relative; height:164px; margin-bottom:15px; margin-left:1%;  background:#3698D5 url(/charte/bg-bloc-inspi.jpg) left bottom repeat-x; float:left; }
.titre_hotel{ width:77%; float:right; }
.titre_hotel h2{ margin-bottom:5px; margin-top:7px; text-transform:uppercase; background:none !important; color:#ffffff; padding:0; font-size:1.1em;}
span.horaireotf{ background:url(/charte/bg-bt-jaune.png) left bottom repeat-x; line-height:20px; color:#ffffff; margin-bottom:5px; margin-top:3px;
 padding: 0px 10px 4px 10px; font-size: 13px;  float:left;  font-weight:bold; -moz-border-radius: 4px 4px 8px 8px; -webkit-border-radius: 4px 4px 8px 8px; border-radius: 4px 4px 8px 8px;}
.prix_hotel{ display:none; width:25%; float:right; text-align:right; font-weight:bold; line-height: 20px; font-size:0.9em; margin-bottom:10px;}
.adresse_hotel{ width:77%; float:right; margin:0; max-height:3.6em; line-height:1.2em; color:#ffffff; overflow:hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis;}
.adresse_hotel p{ color:#ffffff !important; }
.boutons_lien{ width:77%; float:right; text-align:right;}
.lien_detail{  position:absolute; bottom:5px; right:5px; text-align:center; padding:2px 5px; text-transform:uppercase; font-weight:bold;}
.lien_detail a{color:#EE9419 ; font-size:0.85em; text-decoration:none; background: url(/charte/h2-jaune.png) left center no-repeat; 
   line-height:17px; padding-bottom:4px; padding-top:3px;  padding-left:22px; }
.photo_hotel, .photo_hotel_week{float:left; height:164px; width:20%; overflow:hidden; background:#3698D5 url(/charte/bg-bloc-inspi.jpg) left bottom repeat-x; text-align:center; border-right:1px solid #ffffff;}
.photo_hotel img, .photo_hotel_week img{  min-width:100%; height:100%; margin:0 auto; text-align:center;}

#datepicker_d, #datepicker_f{ background: #ffffff url(/charte/calendar.png) right center no-repeat; margin:1% 2px;}
#datepicker_f{  margin-bottom: 2% }



.bleu{ color:#0063AF; font-weight:bold}
span.bleu{ margin-bottom:8px}
.rouge, a.rouge{ color:#E42439; font-weight:bold}

.z_contenuG-large{ width:91.3% ; float:left; min-height:30px; z-index:300; margin-left:86px;}
.z_contenuG-large .contenu-g, .z_contenuG-large .contenu-d, .z_contenuG-large #moteur-inspiration.bloc-contenu{ width:96%; padding:12px 2%; float:left }


/*----- page 404 -----*/
h1.titre-spe-n1, .titre-spe-n1{background:none; font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; font-size:35px; color:#000; text-align:center; text-transform:uppercase; }
.titre-spe-n2{font-size:16px;  font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif; }
.titre-spe-n2 h2{margin-top:2em; color:#2565AF; font-weight:normal; font-size:14px; background-image:url(/charte/h2-jaune.png) }

/*----- pagination -----*/

#pagination{margin:5px 0; text-align:center; font-size:14px; color:#333; font-weight:bold; }
#pagination a{ padding:2px; font-size:13px; color:#8F8F8F; margin-left:3px; }
#pagination a:hover{text-decoration:underline; color:#333; }
.page-ami #pagination{ width:100%; float:left; margin-bottom:10px; text-align:center;}
.page-ami #pagination a{ margin:0 1px; line-height:22px; padding:3px 7px; font-weight:bold;
text-decoration:none}
.page-ami .pagination-fleche.preced, .page-ami .pagination-fleche.suivant{ background:none}
.searchPages .pagination-fleche.preced{ background:url(/images/compteur/precedent.gif) center center no-repeat}
.searchPages .pagination-fleche.suivant{ background:url(/images/compteur/suivant.gif) center center no-repeat}
.searchPages a.pagination-num-active, .searchPages a.pagination-num{ padding:3px 7px; text-decoration:none !important}
.pagination{ width:100%; float:left; margin-bottom:10px; text-align:center;}
.pagination a{ margin:0 1px; line-height:22px; padding:3px 7px; font-weight:bold;}
.pagination-limite{ display:none; font-size:1.1em;}
.pagination-num, a.pagination-num{ background:url(/charte/nav-blanc.png) center center no-repeat; color:#3B7BBF !important; border:1px solid #bdbdbd; 
-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; }
.pagination-num-active, a.pagination-num-active, a:hover.pagination-num{ background:url(/charte/nav-bleu.png) center center no-repeat; color:#ffffff !important;
border:1px solid #bdbdbd; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; }
a.pagination-fleche{margin:0 1px; line-height:26px; padding:5px 14px; }
.pagination-fleche.preced{ background:url(/charte/nav.png) left center no-repeat; }
.pagination-fleche.suivant{ background:url(/charte/nav.png) right center no-repeat; }
.page-bon-plan .pagination-fleche.preced{ background:url(/charte/nav-jaune.png) left center no-repeat; }
.page-bon-plan .pagination-fleche.suivant{ background:url(/charte/nav-jaune.png) right center no-repeat; }

.partage-int.partage-ami{ width:124px; margin-top:0}
.partage-int.partage-ami a{ padding:0 0 0 4px; float:left}

/*----- RESEAUX SOCIAUX -----*/
.reseaux-sociaux{float:right; margin:12px 65px 0 0; width:220px; text-align:center;}
.reseaux-sociaux a, .reseaux-sociaux img{width:29px; height:35px; }
.reseaux-sociaux a{background:url("/charte/reseaux-sociaux2.png") top left no-repeat; display:inline-block; }
.reseaux-sociaux a.inscription-newsletter{ background-position:-10px -10px; }
.reseaux-sociaux a.flux-rss{ background-position:-10px -55px; display:none !important}
.reseaux-sociaux a.twitter{ background-position:-10px -100px; }
.reseaux-sociaux a.facebook{ background-position:-10px -145px; }
.reseaux-sociaux a.instagram{ background-position:-10px -190px; }
.reseaux-sociaux a.google-plus{ background-position:-10px -235px; }
.reseaux-sociaux a.pinterest{ background-position:-10px -280px; }
/* reseaux sociaux menu responsive */
.menug-footer.reseaux-sociaux2, .menug-footer.moteur2{ display:none}

/* Texte de presentation */
.txt_presentation{ width:96%; float:left; margin-top:20px; font-size:1.1em; padding:10px 2%;}
.page-interieure .bloc-contenu.white.txt-white{ padding: 4%; width: 86.8%;}

/*----- Cirkwi -----*/
#titre-circuit{border-bottom: 1px solid #759900; float: left; font-size: 1.2em; margin-bottom: 8px; width: 100%;}
#description-circuit{  float: left; width:100%;}
.page-inspiration .page-detail-circuit #z_contenuD .titre-col{ color:#759900}
.page-detail-circuit a.ot-even{ background:url("/charte/bg-bt-vert.png"); background-size:auto 100%}
.page-detail-circuit .cdf_module_fleche{ display:none !important}
.page-detail-circuit .titre-offre{ color:#ffffff}
.cdf_module_barre_haut{ margin-top:15px !important;}
.cdf_module_barre_haut .cdf_module_icone_precedent, .cdf_module_barre_haut .cdf_module_icone_suivant{ display:none}



/* action 2015 */
.page-accueil #btn-ot, .page-accueil #btn-recherche-profils{ width:28%}
.page-accueil #btn-agenda{ width:22%}
#btn-jaimelafrance{ width:20%; float:right; font-size:1.6em;  margin-top:5px}
#btn-jaimelafrance a{ color:#ffffff; /*font-family:"netto_bold",Arial,Helvetica,sans-serif;*/ line-height:40px;  text-decoration:none}
#btn-jaimelafrance span{ color:#ffffff; font-family:Verdana,Geneva,sans-serif;font-size:1.4em; float:left}
.page-accueil #footer-bas{ height:auto; background-repeat:repeat-x; background-color:#F0F1E9}
.page-accueil #social-stream{ width:98%; float:left; margin:10px 1%; height: 500px; 
display: block; overflow:hidden; overflow-x: hidden; overflow-y: auto;}
.page-accueil .stream li{ width:24%; margin:5px 0.5%}
.page-accueil .stream li .section-user{ background:none}
.page-accueil .stream li .section-thumb{ max-height:190px; overflow:hidden}
.page-accueil .stream li .section-text-fb a:nth-child(n+5){ display:none}
.page-accueil .dcsns-toolbar { margin-bottom: 25px; width:97%; floar:left; margin:15px 1.5% 0 1.5%} 

#z_contenu .dcsns ul{ display:block; width:100%; float:left;}
.jaimelafrance-stream .stream li{ width:32%; margin:5px 0.5%}
.jaimelafrance-stream .stream li .section-text-fb a:nth-child(n+5){ display:none}
.jaimelafrance-stream .stream li .section-user{ background:none}

.jaimelafrance-stream #social-stream{ width:100%; float:left; height: 700px; 
display: block; overflow:hidden; overflow-x: hidden; overflow-y: auto;}
.jaimelafrance-stream .dcsns-toolbar { width:99%; floar:left; margin:15px 0.5% 10px 0.5%} 
.jaimelafrance-stream .dcsns-toolbar ul{ margin:0}
#afficheP{ width:100%; float:left; text-align:right; margin-top:25px;}
#afficheP a{ padding:5px 35px; background:#777777; color:#ffffff; text-decoration:none; font-family:"netto_bold",Arial,Helvetica,sans-serif}
.page-accueil #afficheP{ width:98.5%; margin-bottom:12px}


form p.affichageForm.optIn input{ float: left;  text-align: right !important; width: 40px; margin-left:142px}
form p.affichageForm.optIn label{ text-align:left; width:60%}

.pinit {	position:relative;display:inline-block;width: auto !important;float: none !important;}
.pinit-overlay {position: absolute;display:block;z-index: 200;height: 28px;width: 53px !important;bottom: 10px;right: 10px;}
.pinit-overlay a {display:block;width:56px;height:28px;background:transparent url('//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png') no-repeat 0 0;}


#footer-bas{ height:162px; background-size:100%}
.bloc-footer p {  margin: 0 0 4px;}
#footer-haut.footer-haut{ height:auto !important; background-size:auto 100% ; width:94%; padding:10px 3%; color:#ffffff; 
 font-family:"netto_bold",Arial,Helvetica,sans-serif}
.footer-haut a{ display:inline-block; font-size:18px;  padding: 0 17px; margin:5px 0; color:#ffffff; }
.footer-haut a.jaimelafrance{ font-size:20px;}
.footer-haut a.jaimelafrance span{ font-size:22px;}
.footer-haut p{ margin:0; float:left; text-align:center; color:#ffffff; }

/* 2016 */
.page-int #social-stream{height: 500px;display: block;overflow: hidden;overflow-x: hidden;overflow-y: auto;}
.page-int .stream li{ width:48.5%}