/* @group -960PX */@media (max-width: 960px){
 
img, table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}
  
#map{ max-width:100% ;}
#map img{  max-width: none !important;}
#colG-accueil .image_gauche .legende img{ width:auto !important}

#page, #centrage{ width:100%;}
 
#haut-header{ background-position: -1px top;}
#bandeau-accueil, #bandeau{ margin:0; width:100%; border:none; border-top:1px solid #ffffff}
#menuH{ width:69% ; margin:8px 0 0 1%;}
#moteur{ float:left; width:19%; margin:10px 0 0 1%; }
#pictos2{ width:10% ; float:right; }
#pictos2 a{ margin-left:4px}

#fil-ariane{ padding:5px 1%}

#colG-accueil{margin-left:1%; width:48%;}
#colG-accueil #z_contenu, #z_contenu{width:100% ;}
#colG{ width:24%;  margin-left:1%; position:relative }

#z_centrale{width:48%;}
#z_centrale.z_centrale_large{width:72%;}
#z_centrale.z_centrale_large #z_contenu{ width:100%;}

#colD{ width:24%;  margin-right:1%; position:relative }
#col2-accueil{width:24%; margin:0 1% 0 1%; }
.bloc-cold{ width:98% ; padding:12px 1% 0 1%; background-size:100%; background-position: center -134px}

#colD #meteo{ width:96%; margin-left:2%}
#carte{width:96%; margin-left:2%; float:left; overflow:hidden; position:relative}

#menuLat{ width:100%; float:left; position:relative; 
border-radius: 10px; -moz-border-radius: 10px; webkit-border-radius: 10px;}
#titre_rub{ background:#1E4183; padding: 7px 3px 4px 10px;
border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; webkit-border-radius: 8px 8px 0 0;}
.haut_menuLat, .bas_menuLat{ display:none}
.menuLat{ background:#EEEBE4; padding:5px 1% 7px 1%; width:98%;
box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.5); 
border-radius: 0 0 10px 10px ; -moz-border-radius: 0 0 10px 10px; webkit-border-radius: 0 0 10px 10px;}
a.menuG-2, a.menuGactive-2{ background:#ADB8D3 url(/charte/puce-ferme.png) 5px 2px no-repeat;}
a.menuGactive-2{ background:#D3C3DF url(/charte/puce-ouvert.png) 5px 2px no-repeat;}
  
}/*/mediaquery*//* @end -960px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 901px){

.bloc-cold{ width:97% ; padding:14px 1.5% 0 1%; background-position: center -125px} 

#jFlowSlide{ width:100% !important}
.slide-details{ width:96% !important; margin-left:2% !important}
.slide-thumbnail{  width:100% !important; max-height:100px !important}
.slide-thumbnail img{ max-height:95px !important}
.News_resume p{ margin:3px 0; font-size:0.85em}
#myController{ margin-left:1% !important; width:98% !important}

#affiche-meteo{ width:94%; padding: 5px 0 5px 4%;}
#ccmm{ margin: 20px 0 0 1%; width:98%}
  
}/*/mediaquery*//* @end -900px ------------------------------------------------------------------------------------------*/
/* @group -854PX */@media (max-width: 855px){

.bandeau{ background-position:center}

#colG-accueil .image_gauche{ width:44% !important; }
#colG-accueil .image_gauche img{ width:95% !important; }

.bloc-cold{ width:100% ; padding:8px 0 0 0; background: none; margin-bottom:10px;
 border-top:1px solid #cccccc; border-left:1px solid #ddd; 
border-radius: 6px; -moz-border-radius: 6px; webkit-border-radius: 6px;} 
  
}/*/mediaquery*//* @end -854px ------------------------------------------------------------------------------------------*/
/* @group -800PX */@media (max-width: 801px){

#barreH{ position:relative;}
#menuH{ width:98%}
#moteur{ width:22%; background:#ffffff; border:1px solid #888888; position:absolute; top:-40px; margin:0; right:16%;
border-radius: 10px; -moz-border-radius: 10px; webkit-border-radius: 10px;}
#pictos2{ width:12%; position:absolute; top:-40px; margin:0; right:2%; background:#ffffff;
border:1px solid #888888; border-radius: 10px; -moz-border-radius: 10px; webkit-border-radius: 10px;}

#colD{ display:none;}
.page-accueil #colD{ display:block;}

#z_centrale{ width:72%}

}/*/mediaquery*//* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -768PX */@media (max-width: 769px){

.titre-onglet, .titre-puce, .titre-onglet-big, .titre-puce a{ background:#C5D1E9;}
.titre-puce{ background: url("/charte/puce-fleche-big.png") 4px 1px no-repeat ;}

#fil-ariane{ padding-left:2%}
#colG-accueil{ width:96%; margin-left:2%}
#colG-accueil .image_gauche{ width:auto !important; }
#col2-accueil{ width:46%; margin-left:2%;}
#colD{ width:46%; margin-right:2%;}

}/*/mediaquery*//* @end -768px ------------------------------------------------------------------------------------------*/
/* @group -720PX */@media (max-width: 720px){

#moteur{ width:24%; }
  
}/*/mediaquery*//* @end -720px ------------------------------------------------------------------------------------------*/
/* @group -640PX */@media (max-width: 640px){

#haut-header{ position:fixed; background-position:-20px top; background-color:#7D97D4;
border-bottom:1px solid #ffffff; z-index:8}
#logo{ position:fixed; left:30px;}
#masque-bandeau { position:fixed; top:74px; left:-20px; max-width:none !important; z-index:9}
#pictos { position:absolute; right:60px; top:4px; padding:4px 1% 4px 0; width:50%;
background: none; }
a#extranet{ right:82px; background-color:#4A6394;
border-radius: 10px; -moz-border-radius: 10px; webkit-border-radius: 10px;}
#bandeau-accueil, #bandeau{ margin-top:74px; height:180px}
.bandeau{ background-size:auto 100%}
 
#malvoyant, #pictos #diminuer, #pictos a#augmenter, #pictos #pdf, #pictos a#imprimer{ display:none;}
#moteur{ width:27%; top:7px}
#pictos2{ top:7px}
#pictos2 a{ margin-left:2px}

#zc, #fil-ariane{ background:#ffffff}

#footer{ padding: 90px 0 15px; height: 15px;}

#controle-menu{display:block; cursor:pointer; float:right; width:70px;  position:fixed; right:2px; top:0px;
height:55px;  background:url(/charte/controle-menu.png) center center no-repeat; z-index:50000; }
#menu:before{content:"Navigation"; cursor:pointer; font-size:18px; background:#475D8C;
 text-align:right; padding-right:80px; height:74px; line-height:70px; color:#ffffff; margin-bottom:3px;
display:block; font-weight:bold;  z-index:4000; position:relative; border-bottom:1px solid #ffffff}
#menuH{-webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); background:#738DC6;
-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; right:0; width:70%; height:auto; z-index:40000;}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li { float:none; }
a.menu0_, a.menu0active_ { width:96%; float:left; display:block; text-align:center;  padding:5px 2%;
border-right:none; border-bottom: 1px solid #475D8C }
#menu dd{ /*display:block !important;*/ display:none !important; position:relative; float:left; top:0; background:#5B74AA; 
width:100%; padding:0; border-bottom:1px solid #ffffff}
.Sous_menu_dyn_contenu ul li{ clear:none !important; }
.Sous_menu_dyn_contenu a{ width:auto; float:left; margin:4px 0; padding:3px 6px; 
border-right: 1px solid #738DC6}

}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){

#moteur{ width:28%; }
#menuH{ width:74%; }
#pictos2 a{ margin-left:2px}

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{ float:left; height:auto;}

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

#moteur{ width:30%; right:18% }
#pictos2{ width:14%}
#menuH{ width:78%; }
  
}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 541px){

#moteur{ width:32%; right:18% }
#menuH{ width:100%; }
#menu:before { height:58px;}

#logo{ left:15px; width:60%;}

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

#logo{ left:10px; width:55%;}
#pictos{ right:50px}
a#extranet { right:72px;}

#bandeau-accueil, #bandeau{ height:28px; }
.bandeau{ background:none !important;}
#moteur{ width:36%; right:20% }
#pictos2{ width:16%}

#affiche-carte{ display:none;}
.bloc-cold {min-height: 120px;}

#colG{ width:96%; margin-left:2%; margin-bottom:12px}
#z_centrale, #z_centrale.z_centrale_large{ width:96%; margin-left:2%;}

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

#logo{ left:10px; top:5px; width:66%}
#haut-header{ height:84px; background-image: none; background:#5B74AA;}
a#extranet{ right:10px; top:54px; }
#masque-bandeau, #bandeau-accueil, #bandeau, #pictos{ display:none;}
#barreH{ margin-top:84px;}
#moteur{ width:40%; right:22% }
input.moteur{ width:75%}
#pictos2{ width:18%}
#pictos2 a{ margin-left:1px}

}/*/mediaquery*//* @end -400px ------------------------------------------------------------------------------------------*/
/* @group -360PX */@media (max-width: 360px){

#moteur{ width:41%; right:24% }
#pictos2{ width:20%}

#colG-accueil .image_gauche{ width:100% !important; float:left}
#colG-accueil  .bloc-colonne{ width:100%; float:left}
#col2-accueil, #colD{ width:96%;}
#colD #meteo{ display:none;}

.img-news{ width:100%; float:left;}
.image_gauche{margin:5px 0px;text-align:center; }
.image_droite{margin:5px 0px;text-align:center;}

.annuaire_resume_fiche{ width:98%;}
.annuaire-sous-famille{ width:100%;}

}/*/mediaquery*//* @end -360px ------------------------------------------------------------------------------------------*/
/* @group -320PX */@media (max-width: 320px){

#logo{ width:70%; left:5px;}
a#extranet{ display:none }
#haut-header{ border-bottom:none; height:74px;}
#barreH{ margin-top:74px;}
#moteur{ width:50%; right:28% }
#pictos2{ width:24%}

.recaptchatable, 
#recaptcha_area tr, 
#recaptcha_area td, 
#recaptcha_area th{ max-width:100% !important;}
#recaptcha_image, #recaptcha_image img{ max-width:92% !important; height:auto !important}
t.recaptcha_image_cell{ max-width:90% !important;}
input#recaptcha_response_field{ max-width:90% !important; height:auto !important}

#z_contenu #meteo{ background:none; width:98%; padding:50px 0 5px 0; margin-left:2%; height:auto;}
  
}/*/mediaquery*//* @end -320px -------------------------------------------------*/
/* @group -280PX */@media (max-width: 280px){

#haut-header{ height:58px;}
#barreH{ margin-top:58px;}
#pictos2 a#rss{ display:none;}
#moteur{ width:58%; right:22%}
input.moteur{ width:70%}
#pictos2{ width:20%; right:1%}
#pictos2 a{ margin-left:1px}

}/*/mediaquery*//* @end -280px ------------------------------------------------*/