/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/   RESPONSIVE    /-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/- RESPONSIVE PALIERS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

span#fixResponsive{display:none;width:1px;}
#top a#launchMobileMenu{display:none}
#menuMobile{display:none}
.fixMobile,.clearMobile{display:none;}
#nav a#launchMenuMobile{display:none;}
.clearProjetResol1200{display:block;}

/* menu mobile */

#contentMenuMobile{/*display:none;*/position:absolute;z-index:3;width:86%;padding:0 2%;height:2000px;background:#efeee7 url(../img/mobile/shadow.gif) repeat-y top right;color:#fff;left:-90%}
#encaps{position:relative;z-index:2}

#contentMenuMobile a#closemm{display:block;font-size:18px;width:auto;float:right;margin:0 5% 5% 0;padding:1% 2% 1% 2%;background:#000;color:#fff}

#contentMenuMobile h2{padding:5% 5% 3%;color:#e7511e;font-size:20px;font-weight:600;font-family: 'Oxygen';}
#contentMenuMobile a{display:block;font-size:18px;margin:2% 4% 2% 2%;background:#454140;padding:10px 20px;color:#fff;text-transform:uppercase;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#contentMenuMobile a#closemm{font-size:16px;width:auto;float:right;margin:0 5% 5% 0;padding:1% 2% 1% 2%;}

div.sepaMenuMob{margin:5% 15% 5% 5%;border-top:3px #000 solid;height:1px;} 

html{overflow-x:auto;}

/* ----------- */

/* de 800px type mobile - pour petites résol hors mobile */
@media screen and (max-width:800px){

   html{overflow-x:hidden;}
   span#fixResponsive{width:4px}
      
   .conteneur{width:80%}
   #entete{padding-top:20px;}
   #window-login #langues a{padding:20px 0}
   #champs .active-mark .dev-services,#champs .dev-services a,#champs .dev-services a span.box{display:block;width:100%;box-sizing:border-box;}
   #champs .dev-services a strong{display:inline-block;margin-left:4px;}
   
   /* -- dimensions logos -- */
    #champs a.sel-marque span.ico{width:122px;height:36px;background-size:600px 600px;background-position:-30px -150px;}
    #champs a.sel-marque:hover span.ico,#champs .active-mark a#m-rapido span.ico{background-position:-30px -202px}
    #champs a#m-itineo span.ico{width:114px;height:37px;background-position:-270px -292px;}
    #champs a#m-itineo:hover span.ico,#champs .active-mark a#m-itineo span.ico{background-position:-270px -352px;}
    #champs a#m-dreamer span.ico{width:135px;height:37px;background-position:-30px -292px;}
    #champs a#m-dreamer:hover span.ico,#champs .active-mark a#m-dreamer span.ico{background-position:-30px -360px;}
    #champs a#m-campereve span.ico{width:189px;height:37px;background-position:-270px -158px;}
    #champs a#m-campereve:hover span.ico,#champs .active-mark a#m-campereve span.ico{background-position:-270px -217px;}
}

/* Ajustements pour mobile smartphone récent */
@media
screen and (max-width:600px){

   span#fixResponsive{width:5px}
   
}


/* Ajustements pour mobile smartphone récent */
@media
screen and (max-width:500px){

   span#fixResponsive{width:5px}

}

/* Ajustements Retina */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{

}

/* mobile encore plus petit - type vieil Iphone */
@media
only screen and (max-width:320px) and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (max-width:320px) and (min-device-pixel-ratio : 1.5){

   span#fixResponsive{width:6px}

   #launchMenuMobile{font-size:20px}
  
   
   
}