/*---------- HAUTEUR ---------*/
@media screen and (max-height: 603px) {
.new #entour_caption{ padding-right:20px;}
.new #bis_caption{ height:185px !important; width:185px !important;   padding:40px !important;  background-size:100% !important;}
.bis_title{ font-size:18px !important}
.new #bis_nav{ top:390px !important; right:10px !important;}
}

/*----------LARGEUR-----------*/
/* @group +1400PX */ @media (min-width: 1400px){
#btn_up{ bottom:20px;  right:30%; }
}/*/mediaquery*//* @end +1600PX ------------------------------------------------------------------------------------------*/
/* @group +1300PX */ @media (min-width: 1300px){
#btn_up { bottom:20px;  right:10%; }
}/*/mediaquery*//* @end +1300PX ------------------------------------------------------------------------------------------*/
/* @group +1200PX */ @media (max-width: 1299px){
#btn_up { bottom: 20px;  right: 3%; }
}/*/mediaquery*//* @end +1200PX ------------------------------------------------------------------------------------------*/

/* RESPONSIVE CLASSIC */
/* @group -1024PX */ @media (max-width: 1024px){
  
img, table, tbody, tr, td, area, iframe, body{ max-width:100% ;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}

#map{ max-width:100% ;}
#map img{  max-width: none !important;}
  
#page, .page, .page-accueil #bis_container, .page-int #bis_container{ width:100% !important; } 
.page-accueil #diaporama, .page-int #diaporama{ overflow:hidden;}
.page-accueil .bis_image{ min-height: 100%;}
.new #entour_caption{ right:100px !important;}

#header{width:98% !important;}
#logo{ left:20px;}
#accroche{ left:255px;}
.ot-france{right:10px;}

#menuH{ width:94%; margin: 0 3%;}
#btn-destination, #btn-inspiration, #btn-bons-plans{ width:30.8%; margin: 0 1%;} 
.box-fonce{ margin: 0 4%; width:88%;}

.photo_hotel img, .photo_hotel_week img{  max-width:none; height:164px;  }
#btn_up{ bottom:10px;  right: 1%; }

.fb_iframe_widget, .fb_iframe_widget span{ width:100% !important; float:left; }
#facebook *{ max-width:100% !important; }

}/*/mediaquery*//* @end -1024px ------------------------------------------------------------------------------------------*/
/* @group -990PX */ @media (max-width: 990px){
#logo{ top:20px;}
#accroche{ top:40px;}  
.div-moteur{ top:70px;}
.ot-france{ top:36px;}
#vignette_off, #vignette_on{ width:49.4% !important; margin-right:0.3%; margin-left:0.3%;  margin-bottom:8px}
.v_block{ padding:2%; width:95% !important; }
.z_contenuG-large{ width:91%}
.map-fixe{ float:left; max-width:100% !important}
  
}/*/mediaquery*//* @end -990px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 901px){

#accroche{ top:25px; float:left; width:40%;}
#accroche span{ float:left} 

#menuH{ width:96%; margin: 0 2%;}
#btn-destination, #btn-inspiration, #btn-bons-plans{ width:31.8%; margin: 0 0.5%;} 
.box-fonce{ margin: 0 2.5%; width:91%;}

#z_contenuG{ margin-left:81px; width:56.5%;}
.bloc-contenu.contenu-d #jFlowSlide{ max-width:100% !important; width:100% !important;}
.affiche-pubD{ overflow:hidden;}
.affiche-pubD iframe, .affiche-pubD object{ max-width:100% !important; width:100% !important; float:left;}
#date-even{ padding: 8px 0.5% 10px 0.5%; width:23%}
.page-inspiration h1{ background-position: left 2px;}

#z_contenu{ width:90%}
.page-interieure .bloc-contenu{ width:92%}
.page-interieure .bloc-contenu.white{ width: 90%;}
.z_contenuG-large{ width:90%;  margin-left:81px;}

.carte-annuaire-dom a{ float:right;}
  
}/*/mediaquery*//* @end -900px ------------------------------------------------------------------------------------------*/
/* @group -854PX */@media (max-width: 855px){
#z_contenuG, .z_contenuG-large{ margin-left:76px; }
.page-interieure .bloc-contenu.black{ float:right; width:90%}
#menu-ami{ float:right; width:98%;}
.page-interieure .contenu-ami .bloc-contenu.white{ float:right; width:89%}
}/*/mediaquery*//* @end -854px ------------------------------------------------------------------------------------------*/
/* @group -800PX */@media (max-width: 801px){

.new #entour_caption{ padding-right:20px;}
.new #bis_caption{ height:185px !important; width:185px !important;   padding:40px !important; 
 background-size:100% !important;}
.bis_title{ font-size:18px !important}
.page-int .bis_title{ font-size:13px !important}
.page-int #secondline{ font-size:0.7em !important}
.new #bis_nav{ top:390px !important; right:10px !important;}
#menuBas a.btn-titre{ padding:3px 10px 3px 10px; }

.page-int.page-interieure #zc{ top:185px;}
.page-inspiration #zc, .vert #zc{ top:105px !important;}
#conteneur.page-int.page-interieure { padding-bottom: 20px;}
#z_contenu{ width:100%}
.z_contenuG-large{ margin-left:0; width:100%; }
.page-interieure .bloc-contenu.black{ width:92%}
#z_contenuD{ width:35%}
.contenu-d{ padding:2%;}
#z_contenuG{ margin-left:0; width:64%}
.bloc-contenu h1{ width:90%;}
.affiche-offre{ width:98%;}
#je-reserve{ padding:2%;}
#pubG{ width:92%; margin:0 2%;}
.page-accueil #div-destination .col, .page-accueil #div-bons-plans .col{ width:19%; margin-left:0; margin-right:1%; min-height:300px;}
.page-accueil #div-destination2 .col, .page-accueil #div-bons-plans2 .col{ width:19%; margin-left:0; margin-right:1%; min-height:300px;}
.page-accueil #div-inspiration .categories{ min-height:280px;}
.moteur-destination{ left:0; width:100%;} 
.page-accueil .moteur-destination{ left:auto; width:100%;} 
 
#vignette_off, #vignette_on{ background-size: cover !important; }
 
#colG{ height:auto; position:absolute; top:-370px; width:auto; z-index:4000; }
.page-int #header{ height:85px; position:fixed;}
.page-int #barre-header{ background-position: center 85px; }
.page-int #logo{ left:75px; top:7px; }
.page-int #accroche{ left:300px; top:10px; font-size:1.2em}
.page-int .ot-france{top:5px;}
.page-int #moteur{ top:42px; right:60px; left:auto;}
.page-int #zc{ top:370px;}
.page-int #colG{ top:-370px; }
.page-int.page-interieure #colG{ top:-185px; }
.page-int .reseaux-sociaux{ position:absolute; top:4px; right:82px; width:200px; margin:0}

/*---- menu escamotable -----*/ 
.menug-footer{display:block;}
#menuLat, .page-int #footer{ display:none;}
#controle-menu{display:block; cursor:pointer; float:left; width:60px;  position:fixed; height:45px; top:10px; background:url(/charte/control-menu.png) center center no-repeat; 
z-index:5000; left:3px;}
.page-int #barreH:before{content:"Navigation"; cursor:pointer; text-indent:65px; text-align:left;  height:30px; line-height:28px; 
color:#1D58A5; margin-bottom:28px; font-size:22px;display:block; font-weight:bold; position:relative;}
.page-int #barreH{-webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); 
    display:none; position:fixed; z-index:2000; margin-top:0px;  top:0px; left:0; bottom:0; width:100%; height:auto; float:left; padding-top:25px; 
background:url(/charte/bloc-contenu-ie.png) left top repeat;}
.barreH{ position: absolute; border-top:1px solid #1D58A5; top: 83px; left: auto; right: auto;  bottom:0;overflow: auto; height:auto;float:left; z-index:4000; padding-bottom:20px;}
.menug-footer{ border-bottom:1px solid #1D58A5; padding:2%; width:96%; float:left;}
.menug-footer p{ margin:0; padding:4px 0 4px 30px; border-top:1px dotted #dddddd;}
.titre-menug{ min-height:42px; font-weight:bold; width:100%; }
.titre-menug a{padding:5px 0 11px 30px; font-weight:bold; float:left; line-height:16px;}
.titre-menug.gdest{background:url(/charte/bt-destination2.png) left top no-repeat; background-size:auto 32px;}
.titre-menug.ginsp{background:url(/charte/bt-inspiration2.png) left top no-repeat; background-size:auto 32px; }
.titre-menug.gmagazine{background:url(/charte/bt-magazine.png) left top no-repeat; background-size:auto 32px; }
.titre-menug.gplan{background:url(/charte/bt-bon-plan2.png) left top no-repeat; background-size:auto 32px; }
 a.menug-lien{ padding:5px 0 5px 30px; float:left; font-weight:bold;}
.footer-haut  a.menug-lien{ padding:0 15px; float:none; font-weight:normal;}

.page-int #menu:before{position:relative; }
.page-int #barreH{ position:fixed;}
.menug-footer #moteur, .menug-footer #moteur2{ display:none;}
#footer-haut{ height:auto; background-repeat:repeat-x; background-color:#1E57A4}
#btn-jaimelafrance{ font-size:1.3em}
.page-accueil .stream li, .jaimelafrance-stream .stream li{ width:32%}
 
}/*/mediaquery*//* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -768PX */@media (max-width: 769px){
#map{ width:100% !important;}
#btn-agenda{ padding-left:5px;}
#carte-annuaire{ margin-left: -3%}
.carte-annuaire-dom{ margin-right: -6%} 
.page-int #accroche{ font-size:1.1em}
.page-int .reseaux-sociaux{  right:62px;}
}/*/mediaquery*//* @end -768px ------------------------------------------------------------------------------------------*/
/* @group -720PX */@media (max-width: 721px){

.reseaux-sociaux{ margin:8px 15px 0 0; width:210px}
.page-int .reseaux-sociaux{  right:82px;}

.page-int #accroche{ display:none; width:47%; top:5px; text-align:right;}
.page-int #accroche span{ float:none}
#menuH{ margin:0 ; width:100%;}
#btn-destination, #btn-inspiration, #btn-bons-plans{ width:32.5%; margin:0}
#btn-inspiration{ margin: 0 0.5%;}
.box-fonce{ width:96%;  margin:0 ; }
#menuBas a.btn-titre{ padding:4px; background:none;}
.page-accueil .moteur-destination{ width:95%;} 
#footer1, #footer2, #footer3, #footer4{ margin:15px 0 2px 1% !important;
width: 24% !important;}
#menuH a{ width:72%; padding-right:27%; padding-left:2%}
#menuBas a.btn-titre{ font-size:1.1em; padding:1px;}
#btn-ot, #btn-agenda, #btn-recherche-profils{ margin-top:0;}
#carte-annuaire{ margin-left: -5%}
.carte-annuaire-dom{ margin-right: -10%}
  
}/*/mediaquery*//* @end -720px ------------------------------------------------------------------------------------------*/
/* @group -640PX */@media (max-width: 641px){

#header{ height:100px;}
#barre-header{ background-position: center 100px;}
#logo{ width:31%;}
#accroche{left:35%; font-size:1.2em; width:47% !important; top:15px; }
.page-int #accroche{font-size:1em; right:65px; left:auto}
.div-moteur{ top:60px;}
.ot-france{ top:25px;}
.page-int .div-moteur{ width:29%; background-size:100%;}
.page-int input.moteur{ font-size:12px;}
.page-int input.ok{ right:6%; height:20px; top:7px;}
.page-int .reseaux-sociaux{ right:64px; }

.page-int .moteur-destination h3{ width:98%; margin:5px 0;}
.page-int .moteur-destination, #form-insp{ position:relative; width:100%; float:left;
 top:0; height:auto;}
.page-int #form-dest{ float:left; width:98%}

#z_contenuG{ width:100%;}
.page-inspiration #z_contenuG{ width:60%;}
.contenu-g{ width:96%; padding:2%;}
#z_contenuD{ width:100%; min-height: 100% !important;}
.page-inspiration #z_contenuD{ width:39%}
.page-inspiration .contenu-d, .vert .contenu-d{ width:96%}
.contenu-d{ width:44%; margin:0;}
.page-ot .contenu-d, .page-dest .contenu-d{ width:43%; margin:0 1%; float:left; }
.page-interieure .bloc-contenu.black{padding:4% 3%; width:94%;}
.affiche-offre{ width:23%}
.page-dest .affiche-offre{ width:46%}

#i-ot{ width:12%;}
#presentation-ot h1{ width:80%}
#presentation-ot .text-presentation{ width:85%}
#menuH a{ font-size:1.2em;}
#carte-annuaire{ display:none;}
.liste-annuaire-carte{ display:block; margin-top:15px; float:left;}
.liste-annuaire-carte a{ text-decoration:none !important; width:95%; float:left; margin-left:5%;
background:url(/charte/h1.png) left center no-repeat; padding-left:25px; line-height:32px; color:#000000 !important; font-size:1.2em; 
 font-family:'gotham_roundedbold', Arial, Helvetica, sans-serif;}
#je-reserve{ height:30px; padding:1%; width:45%}
#je-reserve a{ padding:10px 0 10px 25px ; line-height:30px; font-size:12px}

.type-moteur{ width:100%; text-align:left}
.liste-moteur{ width:100%; margin-top:10px}
.champ-recherche{margin-top:3px }
.choix-moteur{ width:20%}
.choix-moteur label{ width:82%}

.page-accueil #btn-ot, .page-accueil #btn-recherche-profils{ width:33%}
#btn-jaimelafrance{ font-size:1.3em; width:60%}
.page-accueil .stream li, .jaimelafrance-stream .stream li{ width:32%}
  
}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){

#logo{ left:2%; width:33%;}
.page-int #logo{ width:35%;}
#menuH a{ padding-left:0.5%; padding-right:30.5%; width:70%;}
#accroche{font-size:1em; }
.page-int #accroche{font-size:1em; width:43% !important;}

#div-destination .col, #div-bons-plans .col{ width:31.3%; margin-left:1%; margin-right:1%; min-height:220px;}
#div-destination2 .col, #div-bons-plans2 .col{ width:31.3%; margin-left:1%; margin-right:1%; min-height:220px;}
#footer-bas{ height:auto; background: url(/charte/bloc-contenu-ie.png) left top repeat}

#footer1, #footer2, #footer3, #footer4{ margin:10px 0 2px 0.5% !important;}
#footer1{ width: 28.5% !important;}
#footer2{ width: 25.5% !important;}
#footer3{ width: 23.5% !important;}
#footer4{ width: 20.5% !important;}

#map, .gm-style{ max-height:330px !important}

.lien-conseiller.conseil a{ background:#97BF12; padding:5px 6px; border-radius:8px}
  
}/*/mediaquery*//* @end -600px ------------------------------------------------------------------------------------------*/
/* @group -576PX */@media (max-width: 577px){
.box-fonce{ display:none !important;}
.page-int #zc{ top:300px}
.page-int #colG{ top:-300px; }

#accroche{display:none}
.page-int .reseaux-sociaux{ right:60px; }

.page-int .bis_image{ background-size: 115% !important; background-position: center 75px !important;
background-repeat: repeat !important;}
.page-int #bis_caption{ background:none !important; width:96% !important; 
height:auto !important; text-shadow: 0px 0px 4px #000000; padding:2% !important;}
.page-int #bis_caption{ top:210px !important;}
.page-int #bis_nav{ top:262px !important;}
.page-int #secondline{ display:none;}
.page-int #firstline{ font-size: 11px !important;}
.contenu-inpiration, .img-inspiration{ height:100px}
.detail-inspiration{ height:90px}
.texte-inpiration{ display:none;}
.img-inspiration img{ min-height:100px}
.page-inspiration .lien-conseiller a{ max-width:94%; margin-top:0}

.page-accueil #btn-ot, .page-accueil #btn-recherche-profils{ width:38%}
.page-accueil .stream li, .jaimelafrance-stream .stream li{ width:49%}

}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 541px){

#accroche{display:none; }
.page-int .reseaux-sociaux{ right:54px; }

#logo{ width:38%;}
.page-int #logo{ width:39%;}
#accroche{left:40%; font-size:1.1em; }
.page-int #accroche{width:40% !important;}
.page-int .div-moteur{ width:32%; background-size:100%;}

.page-int #zc{ top:260px}
.page-int #colG{ top:-260px; }
#menuH a{ font-size:1.15em; background-size: 45px}

.recaptcha{ width:100% !important; float:left}
.recaptcha td{ float:left}
form p.affichageForm label{ width:30% !important}
form p.affichageForm input, form p.affichageForm textarea, form p.affichageForm select, 
form p.affichageForm radio, form p.affichageForm checkbox{
width:60% !important}

#map, .gm-style{ max-height:300px !important}

#diaporama ul.thumbNav{ display:none}
.album-large, .album-large #miniature_fleches, .album-large #bloc_miniatures{ width:100%; float:left; height:280px !important; overflow:hidden}
.album-large #liste_miniatures img{ max-height:280px !important}
.album-large{ margin-bottom:8px}

}/*/mediaquery*//* @end -540px ------------------------------------------------------------------------------------------*/
/* @group -480PX */@media (max-width: 481px){

.bis_title{ font-size:16px !important}
.barreH{top:76px;}
.page-int #header{ padding:0; width:100% !important; height:76px;}
.page-int #barre-header{ background-position: center 76px;}
.page-int #logo{ width:43%;}
.page-int #accroche{display:none;}
.page-int .ot-france{width:7%; background-size: 100%; right:10px; top:5px; }
.page-int #moteur, .page-int .reseaux-sociaux, .reseaux-sociaux{ display:none; right:10px; top:84px; width:40%}
.menug-footer #moteur, .menug-footer #moteur2{ display:block; position:relative; top:0; left:20px; width:70%; background-size:auto}
.menug-footer.reseaux-sociaux2, .menug-footer.moteur2{ display:block; }

.reseaux-sociaux2{float:left; margin:0; width:96%; text-align:center}
.reseaux-sociaux2 a, .reseaux-sociaux2 img{width:29px; height:35px; margin:0 1%}
.reseaux-sociaux2 a{background:url("/charte/reseaux-sociaux2.png") top left no-repeat; display:inline-block; }

.reseaux-sociaux2 a.inscription-newsletter{ background-position:-10px -10px; }
.reseaux-sociaux2 a.flux-rss{ background-position:-10px -55px; display:none !important}
.reseaux-sociaux2 a.twitter{ background-position:-10px -100px; }
.reseaux-sociaux2 a.facebook{ background-position:-10px -145px; }
.reseaux-sociaux2 a.instagram{ background-position:-10px -190px; }
.reseaux-sociaux2 a.google-plus{ background-position:-10px -235px; }
.reseaux-sociaux2 a.pinterest{ background-position:-10px -280px; }

#menuH a{ font-size:1.1em; background-size: 42px}

.page-int #zc{ top:280px}
.page-int #colG{ top:-280px}
.contenu-d{ width:96%; margin:0; padding:2%;}
#offre-dest.contenu-d, #bon-plan.contenu-d{ width:46%; margin:1%; padding:1%;}

.page-interieure #z_contenu .col{ min-height:240px}
.page-inspiration .black .block_content{ width:100% !important; float:left;}
#liens-inspiration .category{ width:48%; float:left; margin:0 1%; }

#pubG{ width:100%; margin:0; padding:0;}
.affiche-pubG{ max-width:100% !important; overflow:hidden !important; }
#pictos-dest{ display:none;}

.liste-annuaire-carte a{ margin-left:0;}

#map, .gm-style{ max-height:260px !important}
.choix-moteur{ width:33%; min-height:20px}
.choix-moteur label{ width:80%}
.titre-inpiration{ font-size:13px;}

.stream li{ width:48.8% !important}

.album-large, .album-large #miniature_fleches, .album-large #bloc_miniatures{ width:100%; float:left; height:250px !important; overflow:hidden}
.album-large #liste_miniatures img{ max-height:250px !important}

}/*/mediaquery*//* @end -480px ------------------------------------------------------------------------------------------*/
/* @group -400PX */@media (max-width: 401px){
#barre-header{ background-position: center 100px;}
#header{ height:100px; background-position: bottom center; background-color:#F9F9F9; z-index:500}
#logo{ width:72%; left:3%; top:15px }
.page-int #logo{ width:51%;}
#accroche, #secondline, #bis_nav, #firstline{display:none; }
.div-moteur{ top:110px; right:2%; }
.ot-france{ top:14px; right:3%}
.page-int .ot-france{width:8.5%; background-size: 100%; right:10px; top:5px; }
.reseaux-sociaux{ position:absolute; right:10px; top:160px; width:30px; margin:0}

.page-int .bis_image{ background-size: 110% !important; background-position: center 75px !important;
background-repeat: repeat !important;}
.new #entour_caption{ right:0 !important; padding-right:0}
.new #bis_caption, .page-int #bis_caption{ background:none !important; width:96% !important; 
height:auto !important; text-shadow: 0px 0px 6px #000000; padding:2% !important;}
.page-int #bis_caption{ top:235px !important;}
.new #entour_caption{ width:100%; right:0px !important; top:140px !important}
.bis_title{ font-size:16px !important; }
.page-accueil #diaporama img{top:0px !important ; right:0px !important; }

.page-accueil #menuH{ top:210px;}
#menuH a{ font-size:1.1em; background-size: auto; width:65% }
#btn-destination, #btn-inspiration, #btn-bons-plans{ margin:0 3%; width:94%;}

#footer-haut{ height:auto; background-position: left bottom;
background-repeat: repeat-x; background-color:#3797D3;}
#btn-ot, #btn-agenda, #btn-recherche-profils{ margin:5px 3% 5px 3%; 

width:94%; padding:0;}
#menuBas a.btn-titre{ padding:0}
#footer-bas{ height:auto; }
#footer-bas *{ text-align:center !important;}
#footer1, #footer2, #footer3, #footer4{ margin: 6px 1% 3px 1% !important;
width:48% !important;}

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{ padding: 5px 0 !important; max-width:100%;}
 
.photo_hotel, .photo_hotel_week{ width:27%} 
.titre_hotel, .adresse_hotel, .boutons_lien{ width:70%}
.adresse_hotel div{ display:none;}
.bloc-dimoiou .logo-bonsplans{ bottom:22px;}

#coord-even, #map-even, #reseaux-even, #infos-sit, #destination-even{ width:100%}

#map, .gm-style{ max-height:240px !important}

.page-inspiration #z_contenuG, .page-inspiration #z_contenuD{ width:100% !important}
#moteur-inspiration .bouton-recherche{ margin:0}
.map-fixe{ position:relative !important}
.page-ot .contenu-d, #je-reserve, .page-dest .contenu-d, #offre-dest.contenu-d, #bon-plan.contenu-d{ width:94%; margin:5px 1%; float:left}

.page-accueil #btn-ot, .page-accueil #btn-recherche-profils, #btn-jaimelafrance, .page-accueil #btn-agenda{ width:50%; margin:3px 0; min-height:44px;}
.page-accueil .stream li, .jaimelafrance-stream .stream li{ width:99%}

.page-dest .onglet-bloc a{ padding-left:30px}
.affiche-carte a, .affiche-liste a{ margin-left:4px; font-size:1em}

.stream li{ width:48.6% !important}

.album-large, .album-large #miniature_fleches, .album-large #bloc_miniatures{ width:100%; float:left; height:206px !important; overflow:hidden}
.album-large #liste_miniatures img{ max-height:206px !important}

}/*/mediaquery*//* @end -400px ------------------------------------------------------------------------------------------*/
/* @group -360PX */@media (max-width: 361px){
#logo{ width:80%}
.page-int #logo{ width:56%;} 
.menug-footer #moteur, .menug-footer #moteur2{ width:76%}
.page-int #bis_caption{ top:200px !important;}
.page-int #zc{ top:250px;}
.page-int #colG{ top:-250px}
#i-ot{ width:10%}
.bis_title{ font-size:15px !important; }

#pictos-int{ display:none;}
#div_lien_yahoo{ width:90%}

.adresse-ot, #carto-ot, .contact-ot, .info-pratic-ot{ width:100%}
#lien-ot a, .dest-ot a{ padding:0; text-align:center; width:100%}
.dest-ot a{ line-height:19px;}

#offre-dest.contenu-d, #bon-plan.contenu-d{ width:96%; margin:0; padding:2%; }

#div-destination .col, #div-bons-plans .col{ width:48%;}
#div-destination2 .col, #div-bons-plans2 .col{ width:48%;}
.page-interieure #z_contenu .col{ min-height: 220px;}
#liens-inspiration .category{ width:98%; float:left; margin:0 1%; }

.photo_hotel, .photo_hotel_week{ width:29%} 
.titre_hotel, .adresse_hotel, .boutons_lien{ width:68%}
span.horaireotf{ background-image:none; background:#85A90F; 
width:91%; font-size:12px; line-height:16px; padding:2px 6px}

#description-even{ margin-top:8px}
#photo-even, #texte-even{ width:100%}
#coord-even{ margin-bottom:0}

#date-even{ width:28%; font-size:0.9em}
#titre-even{width:68%}
#titre-even h1{background:none; padding: 3px 0 5px 0; width:100%}

.titre-offre{ height:40px;}
.jflow-content-slider #myController{ display:none !important}
.bon-plan-img{ height:100px}
.titre-bon-plan{ height:50px; overflow:hidden}
#bon-plan #jFlowSlide{ height:180px !important; overflow:hidden}

.liste-annuaire-carte a{ font-size:1.1em;}

#map, .gm-style{ max-height:200px !important}

.affiche-offre{ width:48%}

.stream li{ width:98.6% !important}

.album-large #miniature_fleches img#gauche, .album-large #miniature_fleches img#droite{ top:80px}
.album-large, .album-large #miniature_fleches, .album-large #bloc_miniatures{ width:100%; float:left; height:180px !important; overflow:hidden}
.album-large #liste_miniatures img{ max-height:180px !important}
 
}/*/mediaquery*//* @end -360px ------------------------------------------------------------------------------------------*/
/* @group -320PX */@media (max-width: 321px){

.page-int #bis_caption{ top:180px !important;}
.page-int #zc{ top:240px;}
.page-int #colG{ top:-240px}
.menug-footer #moteur, .menug-footer #moteur2{ width:92%}

.bis_title{ font-size:14px !important; }

.page-int #logo{ width:58%;} 

.page-accueil #menuH{ top:130px ;}
.page-accueil #zc{min-height: 365px ; margin:0}

#i-ot{ display:none !important}
h1{ width:98% !important; background:none !important; margin:2px 0 !important; 
padding:0 !important; font-size:1.15em !important;}
#presentation-ot .text-presentation{ width:100%;}

#recaptcha_table, .recaptchatable, #recaptcha_area tr, .recaptcha_image_cell, .recaptcha_input_area input,
#recaptcha_area td, #recaptcha_area th, #recaptcha_image, #recaptcha_image img, .recaptchatable{ max-width:92% !important; margin:0; padding:0;}
.recaptcha{ overflow:hidden; width:100% !important;} 
#offre-dest .offre-img{ display:none;}
.agenda-texte{ width:100%}
.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,
.affiche-carte a, .affiche-liste a{ height:38px;
padding:0; margin:0; width:100%; font-size:12px;}

#tarif-even{ width:99%}
a.ot-even{ width:94%; margin-left:0;}

.liste-annuaire-carte a{ background:none; padding-left:0}

.page-accueil #btn-ot, .page-accueil #btn-recherche-profils, #btn-jaimelafrance, .page-accueil #btn-agenda{ width:100%; margin:3px 0; min-height:0; text-align:center}
#btn-jaimelafrance span{ text-align:center; float:none}

.album-large #miniature_fleches img#gauche, .album-large #miniature_fleches img#droite{ top:60px}
.album-large, .album-large #miniature_fleches, .album-large #bloc_miniatures{ width:100%; float:left; height:160px !important; overflow:hidden}
.album-large #liste_miniatures img{ max-height:160px !important}

.page-dest .onglet-bloc a{ width:auto}

.bloc-contenu h1, .bloc-contenu .titre-col{ width:93%}

}/*/mediaquery*//* @end -320px -------------------------------------------------*/
/* @group -240PX */@media (max-width: 241px){
#firstline, #secondline, .bis_title, .new #bis_nav, .new #entour_caption, .page-int #bis_caption, #bis_caption, .page-int .ot-france,
#footer2 p, #footer3 p, #footer4 p, #pdf, #imprimer, 
.jflow-content-slider #myController, .agenda-img, .tarif-bon-plan, .bon-plan-img{ display:none !important}
.titre-bon-plan{ margin-left:2%; width:94%}
#bon-plan #jFlowSlide{ height:74px !important}

#date-even, #titre-even, #horaire-even{ width:99%}
a.ot-even{ width:94%; margin-left:0;}

.page-int .bis_image{ background-position: center 62px !important; background-size:100% !important}
.page-int #header{ height:62px;}
.page-int #barre-header{ background:none;}
.page-int #logo{ width:72%; left:66px;} 
.page-int #moteur{ width:82%;  }
.menug-footer #moteur{ width:96%}
.page-int input.ok{ right:15px}
.page-int .reseaux-sociaux{ display:none}

#div_lien_yahoo{ width:88%;}
.page-accueil #menuH{ top:70px;}
.page-accueil #zc{min-height: 250px; margin:0}
.page-int #zc{ top:190px;}
.page-int #colG{ top:-190px}
#btn-destination, #btn-inspiration, #btn-bons-plans{ height:46px; background-position: left center}
#btn-destination a, #btn-inspiration a, #btn-bons-plans a{ background:none;
text-align:center; padding:6px  1%; width:98%; height:34px;}
#lien-ot a{ line-height:19px;}
.agenda-texte{ width:100%}
a.toutes-offres, a.bonsplans-lien-liste, a.agenda-lien-liste{ width:90%}

.affiche-carte a, .affiche-liste a, .affiche-carte.active a, .affiche-liste.active a, 
.affiche-carte a:hover, .affiche-liste a:hover{ text-align:center;
background:none; margin-left:0; padding-left:3%; width: 97%}
#vignette_off, #vignette_on{ width:100% !important; margin:2px 0; height:120px !important; overflow:hidden;}

.page-int.page-interieure #zc{ top:104px;}
.page-int.page-interieure #colG{ top:-104px;}
#div-destination .col, #div-bons-plans .col{ width:98%;}
#div-destination2 .col, #div-bons-plans2 .col{ width:98%;}
.page-interieure #z_contenu .col{ min-height: 100px;}

.moteur-destination{ height:auto; float:left; position:relative;}
input#champ_destination, input#champ_rech_insp, input#champ_rech_plans{ top:0;}

.bloc_hotel{ height:auto; padding-bottom:18px;}
.photo_hotel, .photo_hotel_week{ display:none} 
.titre_hotel, .adresse_hotel, .boutons_lien{ width:96%}
span.horaireotf{ background-image:none; background:#85A90F; 
width:91%; font-size:12px; line-height:16px; padding:2px 6px}
}/*/mediaquery*//* @end -240px ------------------------------------------------*/

/* ------------ LARGEUR + HAUTEUR ---------------*/
@media screen and (min-width: 641px) and (min-height: 1200px) {
.page-accueil #menuH{ top:878px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 978px;}
}
@media screen and (min-width: 641px) and (min-height: 1080px) and (max-height: 1199px) {
.page-accueil #menuH{ top:758px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 858px;}
}
@media screen and (min-width: 641px) and (min-height: 1050px) and (max-height: 1079px) {
.page-accueil #menuH{ top:728px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 828px;}
}
@media screen and (min-width: 641px) and (min-height: 1024px) and (max-height: 1049px) {
.page-accueil #menuH{ top:701px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 801px;}
}
@media screen and (min-width: 641px) and (min-height: 966px) and (max-height: 1023px) {
.page-accueil #menuH{ top:643px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 743px;}
}
@media screen and (min-width: 641px) and (min-height: 900px) and (max-height: 965px) {
.page-accueil #menuH{ top:577px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 677px;}
}
@media screen and (min-width: 641px) and (min-height: 833px) and (max-height: 899px) {
.page-accueil #menuH{ top:510px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 610px;}
}
@media screen and (min-width: 641px) and (min-height: 800px) and (max-height: 832px) {
.page-accueil #menuH{ top:480px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 580px;}
}
@media screen and (min-width: 641px) and (min-height: 700px) and (max-height: 799px) {
.page-accueil #menuH{ top:430px;}
.page-accueil .box-fonce{ bottom:110px;}
.page-accueil #zc{min-height: 540px;}
}
@media screen and (min-width: 641px) and (min-height: 600px) and (max-height: 699px) {
.page-accueil #menuH{ top:360px;}
.page-accueil .box-fonce{ bottom:110px;}
.page-accueil #zc{min-height: 470px;}
}
@media screen and (min-width: 641px) and (min-height: 583px) and (max-height: 599px) {
.page-accueil #menuH{ top:345px;}
.page-accueil .box-fonce{ bottom:110px;}
.page-accueil #zc{min-height: 455px;}
}
@media screen and (min-width: 641px) and (min-height: 568px) and (max-height: 582px) {
.page-accueil #menuH{ top:335px;}
.page-accueil .box-fonce{ bottom:110px;}
.page-accueil #zc{min-height: 445px;}
}
@media screen and (min-width: 641px) and (min-height: 533px) and (max-height: 567px) {
.page-accueil #menuH{ top:300px;}
.page-accueil .box-fonce{ bottom:110px;}
.page-accueil #zc{min-height: 410px;}
}
@media screen and (min-width: 641px) and (min-height: 480px) and (max-height: 532px) {
.page-accueil #menuH{ top:260px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 360px;}
}
@media screen and (min-width: 641px) and (max-height: 479px) {
.page-accueil #menuH{ top:140px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 240px;}
.new #entour_caption{ top:120px !important; right:20px !important;}
.new #bis_caption{ height:auto !important; width:auto !important; 
  padding:40px 0px 0px 5px !important; background:none !important;}
#firstline, #secondline, .new #bis_nav{ display:none !important}
}
@media screen and (max-width: 640px) and (min-width: 321px) and (min-height: 480px) and (max-height: 532px) {
.page-accueil #menuH{ top:260px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 510px;}
.new #entour_caption{ top:120px !important;}
.new #bis_caption{ height:165px !important; width:165px !important; 
  padding:40px 50px 40px 30px !important; 
 background-size:100% !important;}
.new #bis_nav{ top:370px !important;}
#firstline{ display:none}
}
@media screen and (max-width: 640px) and (min-width: 321px) and (max-height: 479px) {
.page-accueil #menuH{ top:145px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 390px;}
.new #entour_caption{ top:120px !important; right:20px !important;}
.new #bis_caption{ height:auto !important; width:auto !important; 
  padding:40px 0px 0px 5px !important; background:none !important;}
#firstline, #secondline, .new #bis_nav{ display:none !important}
}
@media screen and (max-width: 640px) and (min-width: 321px) and (max-height: 320px) {
.page-accueil #menuH{ top:105px;}
.page-accueil .box-fonce{ bottom:100px;}
.page-accueil #zc{min-height: 205px;}
}
@media screen and (max-width: 320px) and (max-height: 240px) {
.new #entour_caption{ display:none;}
.page-accueil #logo{ width:70%; top:5px;}
.page-accueil #header{ height:80px;}
.page-accueil .div-moteur{ top:86px;}
.ot-france{ top:5px;}
.page-accueil #menuH{ top:80px;}
.page-accueil #zc{min-height: 315px; margin:0}
}

@media screen and (max-width: 600px) and (max-height: 480px) {
#map, .gm-style{ max-height:300px !important; }
}
@media screen and (max-width: 600px) and (max-height: 400px) {
#map, .gm-style{ max-height:260px !important; }
}
@media screen and (max-width: 600px) and (max-height: 360px) {
#map, .gm-style{ max-height:220px !important; }
}
@media screen and (max-width: 600px) and (max-height: 320px) {
#map, .gm-style{ max-height:190px !important; }
}
@media screen and (max-width: 600px) and (max-height: 280px) {
#map, .gm-style{ max-height:180px !important; }
}