/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/   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;}
.clearFor2{display:none;clear:both}
.clearFor3{display:block;clear:both}

/* menu mobile */

#contentMenuMobile{display:none;position:absolute;z-index:1;width:86%;padding:0 2%;height:2000px;background:#584838 url(../img/mobile/shadow.gif) repeat-y top right;color:#fff}
#encaps{background:#eceded;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:#413529;color:#ddd}

#contentMenuMobile h2{padding:5% 5% 3%;color:#fff;font-size:20px;font-weight:300;font-family: 'arb', serif;font-weight:400}
#contentMenuMobile a{display:block;font-size:18px;margin:2% 4% 2% 2%;background:#413529;padding:3%;color:#fff;text-transform:uppercase}
#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:1px #ddd solid;height:1px;}

/* sous menu */
#contentMenuMobile a.titreActif{background:#84b81f url(../img/mobile/puce_menu_90.png) no-repeat right center;color:#fff;border-bottom:none;margin-bottom:1%}
#contentMenuMobile .dev{background:#111;padding:3%;margin:0 4% 2% 2%}
#contentMenuMobile .dev a{margin:0 0 1% 0;font-size:18px;background:#211c16;color:#fff;border:none;border-bottom:1px #333 solid;}
#contentMenuMobile .dev a:hover,#contentMenuMobile .dev a.actif{background:#f88719;color:#fff}

#contentMenuMobile a#block_contact{margin-top:60px;}
#contentMenuMobile a.a_contact{display:block;background:#8dbb11;font-size:18px;padding:16px 15px 10px 15px;color:#fff;}
a.a_contact span.ico{width:30px;height:30px;margin-right:10px;}
a.a_contact span.ico{background-position:-12px -205px;margin-top:-3px;}
#contentMenuMobile a#block_li span.ico{background-position:-12px -166px}
a.a_contact :hover{background-color:#6b8d0d}

#contentMenuMobile div.infosContact{display:block;font-size:18px;margin:2% 10% 2% 2%;background:#e9e9e9;padding:3%;color:#666;border:1px #ddd solid;text-transform:uppercase}

html{overflow-x:auto;}

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


/* premier palier responsive a 1200px */
@media screen and (max-width:1200px) { 

   span#fixResponsive{width:2px}   
   .conteneur{width:940px}

   #formContact p.textuel input{padding:2%}
   #menuMobile{display:none}
   
   #panelLinks{width:57%}
   #nav a{font-size:15px;padding:10px 8px 8px}

   .mg_form .submit_search input{font-size:14px}

}

/* Première descente > 800px */
@media screen and (max-width:980px) {
   span#fixResponsive{width:3px}   
   .conteneur{width:800px}  

   #formContact p.textuel input,#formContact textarea,#formContact input.send{padding:3%}   
   #formContact #form_lettre p.textuel input{width:60%}

   #menuMobile{display:none}

   #panelLinks{width:53%;font-size:12px;}
   #panelLinks #searchLine form p span.loupe{display:none;}
   #panelLinks #searchLine a{padding:2% 1%;}
   #panelLinks form input.search{width:149px}
   
   #panelLinks #contactLine{font-size:15px}
   #panelLinks p span.synergies{margin-left:10px}
   #nav li{margin-bottom:10px;}
   
   #zone_adherents,#zoneBis,#footer #annexes{float:none;width:100%;margin-bottom:30px;}
   #footer .infosCoordonnees{width:90%;float:none;}
   
   #footer #annexes{margin-bottom:0;text-align:center;border-top:2px #67584a solid}
   
   .col50,div.line_ip p,div.line_ip p.info{text-align:left;width:100%;float:none;}
   div.line_ip p.titre{border-bottom:1px #ddd solid;padding-bottom:7px;margin-bottom:7px}
   

}

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


   #nav a#home{display:none}

   html{overflow-x:hidden;}
   span#fixResponsive{width:4px}
   .clearMobile{display:block;clear:both}
   #nav a.hideMob,#nav span.separateurMenu{display:none;}
   #nav span.showSepa{display:inline-block;}

   #menuPrincipal ul,#nav ul#main{display:none;}

   #nav a#launchMenuMobile{display:inline-block;font-size:20px;font-weight:normal;font-weight:bold;font-family:"arial";padding:10px 20px}
   #nav a#launchMenuMobile span.gras{padding-left:20px;font-family: 'arb', serif;font-weight:400}

   .conteneur{width:96%}   

   #formContact label.normal{text-align:left;display:block;float:none;margin:0 0 10px;padding:2% 0 1%;width:100%;}
   #formContact p.textuel input,#formContact textarea,#formContact input.send,#formContact #form_lettre p.textuel input{width:94%;margin-left:0}
   #formContact input.send{width:100%;margin-left:0;margin-top:15px;}

   #formContact .lettreSend input.send, #recaptcha_widget_div{margin-left:0}

   .infosCoordonnees{padding:0 0 5% 5%;float:none}
   #footer #gfx{right:20px;}
   #nav a#home{padding:15px 20px 15px 20px}

   div.infos_calameo{clear:both;}
   .infos_calameo p.texte, .infos_calameo p.sousTitre{padding-left:20px;}

   #menuPages,#gestionnaire_content{float:none;width:100%}
   
   #panelLinks{width:100%;float:none;}
   #panelLinks #searchLine a, #panelLinks #searchLine p.logued, #panelLinks #searchLine form{float:none;width:92%}
   
   #hlEdito,#textEdito{width:100%;float:none;margin:0;}
   #zoneBis .sur2Col{width:100%;float:none}
   
   .doc_tpl span.ico{display:none;}
   .lastDocs .cell_doc{padding:3% 2%;width:96%;display:block;}
   #footer .coords a#logo-synergies{float:none;margin-bottom:30px;}
   
   #footer #annexes{margin-bottom:0;text-align:center;border-top:2px #67584a solid;padding-top:40px;margin:0 5%;width:90%}
   
   #textEdito h2{margin-top:20px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
   
   #visuelEdito span#vague{display:none;}
   
   #panelLinks #searchLine form{margin:2% 4% 2% 2%;width:90%}
   #panelLinks form input.send,#panelLinks form input.search{font-size:15px;padding:2%;width:86%;}
   #panelLinks #searchLine a span.ico{margin-left:10px;}
   #panelLinks #searchLine a{font-size:16px;}
   #panelLinks form input.send{width:10%}
   #panelLinks #contactLine p{width:100%;float:none;}
   #panelLinks #contactLine{background:#413529;margin:2% 4% 2% 2%;width:94%}  
   
   #actions_visuels img{width:100%}
   
   #menuPages{margin-top:30px;}
}

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

   span#fixResponsive{width:5px}

   span.hideLittle{display:none}



}


/* 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}



}