/* @group -1024PX */ @media (max-width: 1024px){
  
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;	}

#page, .page{ width:100%;}

}/*/mediaquery*//* @end -1024px ------------------------------------------------------------------------------------------*/
/* @group -960PX */@media (max-width: 990px){ 
  
#zone-asso .jflow-content-slider, #jFlowSlideassonews, #jFlowSlideactu{ width:100% !important}
  
}/*/mediaquery*//* @end -990px ------------------------------------------------------------------------------------------*/
/* @group -960PX */@media (max-width: 960px){ 
  
  
}/*/mediaquery*//* @end -960px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 901px){

.bloc-acces .bloc-colonne{ max-width:56%}
.choix-profil select{ margin:5px 2%; flaot:left; width:94%}

}/*/mediaquery*//* @end -900px ------------------------------------------------------------------------------------------*/
/* @group -854PX */@media (max-width: 855px){


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

#moteur{ margin-right:74px;}
.bloc-acces .bloc-colonne{ max-width: 52%; height:auto}
#logo{ z-index:500}
#logo img{ height:auto}

#controle-menu{display:block; cursor:pointer; float:right; width:60px; position:absolute; right:0px; top:0px;
height:50px;  background:#222222 url(/charte/controle-menu.png) center center no-repeat; z-index:500; }
#menu:before{content:"Navigation"; cursor:pointer; font-size:18px; background-color:#222222 ;
 text-align:right; padding-right:70px; height:50px; line-height:50px; color:#ffffff; 
display:block; font-weight:bold;  z-index:4000; position:relative; }
#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:absolute; z-index:2000; margin-top:0px; padding:0; float:left;
top:0px; right:0; width:100%; height:auto; z-index:400; }
#menuH{ height:auto;}
#menu dl{ width:100%; border-top:1px solid #f7399d; padding:0; height:auto;}
#menu dl dt a{  border:none; padding:7px 0}
#menu dd{ display:block !important; position:relative; float:left; top:0; opacity:1; height:auto;}
.sous_menu_item_image{ display:none}
.sous_menu_item{ width:94%; padding:10px 3%; margin:0}
.sous_menu_item2{ width:100%;}
.sous_menu_item_titre a{ padding:0}

#colG{ width:100%}
#menuLat{ position:relative; }
#titre_rub{ text-align:center}
#titre-rub {  display: block; position:absolute; top:0; left:0; width:100%; height:38px;}
#titre-rub.menu-ferme { background: url("/charte/fleches-up-down.png") no-repeat scroll 98% -37px;}
#titre-rub.menu-ouvert {  background: url("/charte/fleches-up-down.png") no-repeat scroll 98% 14px;}

.page-int #z-centrale{ width:96%; padding:0 2%; min-height:0}

.page-int .bloc-acces{ display:none}

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

.frise, .frise .page, .page-int .frise .page, .page-int .frise{ height:140px; background-position:center bottom}
.acces-rapide{ margin-top:-120px}

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

#moteur{ width:22%}
#zone-cc{ width:62%; margin-top:0}
#zone-cc .actu{ width:100%}
#zone-cc .agenda{ width:100%; margin-top:20px}
.acces-rapide{ width:32%}
#z-centrale{ width:100%;}
#zone-asso{ width:96%;}
#zone-asso .actu{ width:46% !important; float:left}
#zone-asso .agenda{ width:50% !important; float:right}

#liens-footer{ width:26%}
.plan-footer{ width:67%}
.plan-inter, .plan-service, .plan-asso{ width:49% !important; margin-right:1% !important}

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

.frise, .frise .page, .page-int .frise .page, .page-int .frise{ height:120px; background-size:100% auto}
.acces-rapide{ margin-top:-100px}

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


}/*/mediaquery*//* @end -600px ------------------------------------------------------------------------------------------*/
/* @group -576PX */@media (max-width: 576px){
 
.bloc-acces .image_droite{ display:none}
.bloc-acces .bloc-colonne{ max-width:99%}
 
}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 540px){

#logo{ padding:15px 1% 10px 1%}
.frise, .frise .page, .page-int .frise .page, .page-int .frise{ height:90px; background-size:100% auto}
.acces-rapide{ margin-top:-70px}

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

#logo{ width:22%; margin-left:0}
#moteur{ width:40%}
#pictos{ margin: 0 74px 5px 0;}
.frise, .frise .page{ height:66px; background-size:auto 100% }
.acces-rapide{ margin-top:-40px}
.plan-inter, .plan-service, .plan-asso{ width:100% !important; margin-right:0 !important}
.page-accueil .map{ padding-top:0}
#z-centrale .block_content{ width:100% !important}
.page-accueil #z-centrale .bloc_isole{ margin-bottom:10px}
#div_lien_yahoo{ width:95%}

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

#zone-cc{ width:96%}
.acces-rapide{ margin-top:0; width:100%}
.bloc-acces .bloc-colonne{ line-height:32px}
.acces-rapide br{ float:left}
#zone-asso .actu, #zone-asso .agenda{ width:100% !important}
#liens-footer{ width:96%; padding:10px 2%}
.liens-footer{ width:54%; float:left; margin-right:2%;}
.reseaux{ width:44%; float:left; margin-top:0}
.plan-footer{ width:96%}

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


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

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


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

@media print{
body, #conteneur, #page, #header, #zc, #z-centrale, #z-contenu, #div_lien_yahoo, .page-int #z-centrale{min-height:0;background:none #fff; width:100%; margin:0; padding:0; height:auto; }
#diaporama, #pictos, #contact, #langues, #colD, #bandeau, .bloc-acces, .acces-rapide, .noir, #footer, #btn_up, #div_modif_illicopage, #colG, #barreH, #moteur, .frise{display:none !important}
#conteneur, #zone-cc, #zone-asso{ width:96% !important; padding:10px 2% !important; margin:0 !important; border:none; background:#ffffff}
.block_content, .page-accueil #z-centrale .bloc_isole{ width:100% !important; padding:0 !important; margin:0 !important; border:none;}
#logo{ position:relative; margin:0}
h1, h2, h3, h4, h5, p, a, .gris, .gris *{ color:#000000; background:#ffffff}
}