/* @group -990PX */ @media (max-width: 990px){
  
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;}
body{ background:#ffffff}
#page, .page, #liens-footer, div.anythingSlider{ width:100% !important; }
#diaporama{ width:98%; overflow:hidden; padding:10px 1% 0 1% ; }
#bis_images{ width:100% !important; border:none; }
.bis_image{ top:0}
  
}/*/mediaquery*//* @end -990px ------------------------------------------------------------------------------------------*/
/* @group -960PX */@media (max-width: 960px){
  
}/*/mediaquery*//* @end -960px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 901px){

#diaporama, #bis_images{ height:300px;}
.bis_image{ background-size:100% auto}
#masque{ height:340px; background-size:200% 40%}
#header{ height:308px;}

#affiche-clic{ margin-left:0}
.bloc-clic{ margin:2px 1% 8px 1%; width:31%;}
#menuH{ height:auto;}
#menu dl{ height:46px}
#menu dl dt a{ background-position: 7px 5px; font-size:1.2em}
#menu dl dt a.menu0_, #menu dl dt a.menu0active_{  padding: 0 2px 0 25px; margin:4px 0}
#menu dd{ top:46px}

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

#diaporama, #bis_images{ height:290px;}
#masque{ height:330px;}
#header{ height:298px;}
#logo{ left:50px;}

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

#diaporama, #bis_images{ height:240px;}
#masque{ height:280px;}
#header{ height:248px;}
#logo{ left:20px; width:22%; height:auto !important}
#logo img{ height:auto !important}
.lien-acces a{ padding:0 2px 0 52px; font-size:90%}

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

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

#pictos #malvoyant{ display:none}

.bloc-clic{ margin:2px 1% 8px 1%; width:47.5%;}
#coordonnee, #horaire{ margin:0 1% 10px 2%; width:97%}
.bloc-vert{ width:91.5%}
.lien-acces{ height:auto;}
.lien-acces a{ height:auto; line-height:130% ; padding:4px 2px 4px 55px}

#contenu-utile{ padding:10px 5%; width:90%;}
  
}/*/mediaquery*//* @end -720px ------------------------------------------------------------------------------------------*/
/* @group -640PX */@media (max-width: 640px){

#diaporama, #bis_images{ height:210px; width:100%; padding:0; border-top:4px solid #ffffff}
.bis_image{ background-size:625px auto}
#bis_caption{ bottom:50px;}
#bis_nav{ bottom:44px; right:10px; float:right; width:auto}
#firstline{ font-size:1.05em; padding:6px 4%; width:92%;}
#masque{ height:250px;}
#header{ height:218px;}

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

#menu dl{ width:100% !important; height:auto; border-bottom:1px solid #71d0f2;}
#menu dl dt a{ background-position:9px 10px;}
#menu dl dt a.menu0_, #menu dl dt a.menu0active_{ padding:5px 2px 6px 29px}
/*#menu dl dd{ display:block !important }*/
#menu dd{ position:relative; top:0; float:left}
#menu dd, #menu .Sous_menu_dyn{ padding:5px 1%; width:98%}
.sous_menu_item{ margin:0 0.5% 5px 0.5%; width:31.8%; height:100px; overflow:hidden}
.sous_menu_item_texte a{ font-size:13px; line-height:13px; padding:3px 2%; }

.image_droite, .image_gauche{ float:none}

.page-int #colD{ width:96%; float:left; margin:10px 2%}
.page-int #pictos{ position:absolute; top:4px; right:2%}
.page-int #moteur{ position:absolute; top:22px; right:2%; width:96%}
#colG{ width:28%; margin-top:60px;}
.page-int #z-centrale{ width:68%; margin:76px 2% 0 2%}
 
}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){

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

#logo{ width:25%; }
.jflow-content-slider, .slide-wrapper, #jFlowSlide, #slides{ min-height:210px !important; height:auto !important; padding-bottom:5px;}
.jFlowSlideContainer{ height:auto !important}

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

h1{ font-size:1.5em; text-align:left}
h2, .offre-emploi-titre{ font-size:1.3em; text-align:left }
h3, .offre-emploi-categorie{ font-size:1.1em; text-align:left}
h4{ font-size:1.05em; text-align:left}

#z-centrale{ width:96%; float:left; margin:76px 2% 0 2%}
#colD{ width:96%; float:left; margin:0 2%}
#pictos{ position:absolute; top:4px; right:2%}
#moteur{ position:absolute; top:22px; right:2%; width:96%}
.bloc-vert{ padding:10px 4%}
#liens-footer{ height:auto; width:96% !important; float:left; padding:10px 2%}
#liens-footer a{ padding:5px; line-height:22px;}

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

#logo{ width:30%; bottom:8px}
#diaporama, #bis_images{ height:200px; width:100%; padding:0; border-top:4px solid #ffffff}
.bis_image{ background-size:564px auto}
#masque{ height:236px;}
#header{ height:208px;}
#bis_caption{ width:36%}

a.menuG-2, a.menuGactive-2{ font-size:1.1em}
a.menuG-3, a.menuGactive-3{ font-size:1em}
a.menuG-4, a.menuGactive-4{ font-size:0.95em}
a.menuG-5, a.menuGactive-5{ font-size:0.9em}

form#form_inscription tr{ width:100%; float:left;border-bottom:1px solid #dddddd}

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

#bis_caption{ display:none}
.titre-spe{ font-size:1.2em}

#colG{ width:100%}
.page-int #z-centrale{ width:96%; float:left; margin:10px 2% 0 2%}

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

#logo{ width:38%; left:10px }
#diaporama, #bis_images{ height:150px; border-top:2px solid #ffffff}
.bis_image{ background-size:440px auto}
#masque{ height:170px;}
#header{ height:158px;}

#zc{ padding-bottom:15px;}

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

#logo{ width:40%; left:10px }
#diaporama, #bis_images{ height:150px; border-top:2px solid #ffffff}
.bis_image{ background-size:440px auto}
#masque{ height:174px;}
#header{ height:158px;}

#un-clic{ margin:16px 0}
.bloc-clic{ margin:1px 1% 6px 1%; width:96%; height:50px; line-height:50px;}
.bloc-clic.marche{ line-height:20px;}
.paiement{ background-position:left -20px}
.emploi{ background-position:left -160px}
.marche{ background-position:left -300px}
.demarche{ background-position:left -440px}
.telechargement{ background-position:left -90px}
.location{ background-position:left -230px}
.portail{ background-position:left -370px}
.cimetiere{ background-position:left -510px}

.block_content{ width:100% !important; float:left;}
.bloc-mag .block_content{ width:98% !important; float:left;}

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

#diaporama, #bis_images, .bis_image, #masque{ display:none}
#header{ height:100px;}
#logo{ width:39%; bottom:auto; top:5px;}

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

@media print{

body, #conteneur, #page, .page, #header, #zc, #z-centrale, .page-int #z-centrale, .titre-news, .img-news{background:none #fff; width:100%; margin:0; padding:0; height:auto }
#logo{ position:relative;  margin:0 auto; padding:0; left:0; top:0}
#diaporama, #pictos, #contact, #langues, #colD, #bandeau, #footer, #colG, #masque, #menuH, #div_lien_yahoo{display:none}
body{ padding:15px 2%; width:96%}


}