/* @group -960PX */
@media (max-width: 960px){
img, table, tbody, tr, td, area, iframe, body{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}
.page{ width:100%;}   img#logo, a#logo{ width:40%}
  #ligne-1 .right{ width:58%;}   .bouton{ padding:0;}
  #espace-pro{ width:21%}   #carnet{ width:22%}
  .sep{ display:none;}   #profils{ width:23%}
#moteur{ width:31%; background:url(../charte/moteur.png) left 2px no-repeat ;}
  #menuH{ width:90%;}
  .page-accueil #z_contenu{ width:98%; padding:0 1%;}
  .page-accueil #fil-ariane{ width:97%; padding:0 1% 0 0; margin-left:2%}
  #fil-ariane{ float:right; width:74%; margin:0;}
  #zone-centrale{ width:100%; float:left;}
  .bg-colD{ background:none; }
  #colG{ width:23%; margin-left:0.5%}
  #z_contenu{ width:53%; margin-left:1%;}  
  #colD{ background:#F3EFE1; width:21% !important;}
  #haut-colD{ display:none}
  #affiche-colD{ margin:3%;}
  #colD .englobe_moteur_sitra, #colD .englobe_moteur_sitra fieldset form{ border-radius:none; width:98% !important}
  #colD .englobe_moteur_sitra fieldset, #colD .englobe_moteur_sitra fieldset form{ border-radius:none; width:95% !important; margin:0; padding:0;}
  #colD ul.liste_critere{ width:100%;}
  #div_photo{ width:42%; margin-right:1%}
  #fiche_lei_photo{  margin:0; }
  #fiche_lei_photo, #fiche_lei_photo1, #fiche_lei_photo_suite{ width:100%;}
   #fiche_lei_photo_suite{  margin:2% 0 0 0;}
  #elargir{ right:-5px}
  #myController5 span, #myController6 span, #myController7 span { font-size:0px; text-indent:5000;}
.detail_commune_valeur p{ width: 100%; float:none; clear:left; }
}/*/mediaquery*/
/* @end -960px ------------------------------------------------------------------------------------------*/
/* @group -900PX */
@media (max-width: 900px){
  img#logo, a#logo{ width:35%;}
  #ligne-1 .right{width:64%}
    .bouton div{ padding: 5px 3px 5px 0;}
  #profils select{ width:100%;}
  #barreH{ height:auto;}
  .page-accueil .tableau_section{ max-width:100% !important; width:100% !important;}
  .page-accueil td.col_sans_separateur{ float:left; margin:0; padding:0;}
  #titre-grandrdv, #titre-bons-plans, #titre-mediatheque, #titre-dispo, .page-accueil .englobe_moteur_sitra{ width:95% !important;}
  .bloc_accueil, #album_redirect, .englobe_moteur_sitra, .page-accueil .englobe_moteur_sitra fieldset, 
  .page-accueil .englobe_moteur_sitra fieldset form, .page-accueil .choix_commune select, .page-accueil .englobe_moteur_sitra table,
  .page-accueil .choix_commune, .page-accueil .libelle_pere, .page-accueil .libelletarif, .page-accueil .libelle_commune{ width:97% !important;}
  #jFlowSlide6, #slides6, #jFlowSlide7, #slides7{ width:99% !important}
  .jFlowSlideContainer{ max-width:100% !important;}
  .page-accueil tr.datedebut, .page-accueil tr.datefin{ width:90% !important; float:left}
  .page-accueil ul.liste_critere{ width:90%; float:left;}
  .page-accueil .valider_formulaire{ height:20px;}
  #col-1, #col-2{ width:100%; }
   #col-2{ background: #464646;height:200px;}
  #col-1 .col{ width:23%; margin: 2% 2% 0 1%;}
  #partager, #inscr-newsletter{ width:47%; margin: 1% 0 0 0;}
  #contact-ot{ float:right; width:75%;}
  #bloc-meteo{ float:left; clear:none; display:block;}
  .page-accueil .valider_formulaire input{ height:26px;}
  #colG{height:auto; min-height:20px;}
  #videos img{ display:none; }
  #z_contenu{ float:right; width: 74%; margin-right:1%;}
  #colD{ float:left; clear:left; margin-left: 0.5%; width: 23% !important;}
  .choix_commune select, .tarifmax input, #SelectHebergement{ margin-left:0;}
}/*/mediaquery*/
/* @end -900px ------------------------------------------------------------------------------------------*/
/* @group -800PX */
@media (max-width: 800px){
}/*/mediaquery*/
/* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -768PX */
@media (max-width: 768px){
  img#logo, a#logo{ width:44%; margin-left:1%;}
  #ligne-1 .right{ width:45%;}
  #espace-pro, #carnet{ width:40%; }
  #profils{ width:42%; margin-top:4px;}
  #moteur{ width:52%; margin-top:2px;}
 #colD .englobe_moteur_sitra{ display:none;}
  #colD #TypeHebergement select, #colD #TypeHebergement, #colD .choix_commune select, #colD .choix_commune{ max-width:95%; width:95%;}
}/*/mediaquery*/
/* @end -768px ------------------------------------------------------------------------------------------*/
/* @group -720PX */
@media (max-width: 720px){
}/*/mediaquery*/
/* @end -720px ------------------------------------------------------------------------------------------*/
/* @group -640PX */
@media (max-width: 640px){
  img#logo, a#logo{ width:46%;}
  #ligne-1 .right{ width:52%;}
  #espace-pro, #carnet{ width:43%}
  #profils{ width:41%; margin-top:4px;}
  #moteur{ width:52%; margin-top:2px;}
  .page-accueil #bandeau, .page-accueil #diaporama, .page-accueil #masque-bandeau{ height:300px; background-size:auto 100% }
  .page-accueil .bis_image{ height:550px !important;}
  .choix_commune select, .tarifmax input, #SelectHebergement{ width:100%}
  #bis_nav{ margin-top:100px !important;}
}/*/mediaquery*/
/* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */
@media (max-width: 600px){
  img#logo, a#logo{ width:45%;}
  #ligne-1 .right{ width:54%;}
  #espace-pro, #carnet{ width:45%}
  #profils{ width:42%; margin-top:4px;}
  #moteur{ width:54%; margin-top:2px;}
  .page-accueil #bandeau, .page-accueil #diaporama, .page-accueil #masque-bandeau{ height:300px; background-size:auto 100% }
  .page-accueil .bis_image{ height:550px !important;}
  .choix_commune select, .tarifmax input, #SelectHebergement{ width:100%}
  #bis_nav{ margin-top:100px !important;}
  .page-accueil .valider_formulaire input{ bottom:0px;}
  #newsletter{ width:100%;}
  #menuLat{ padding:20px 2px 15px 2px;}
  #moteur_dispo .libelle_pere{ width:25%;}
  #classement_sitra{ width:48%; float:left;}
  #criteriologie_sitra, .liste_critere{ width:48%; float:left; text-align: left; margin-left:4%}
  .DetailSitra h2{ font-size:1.1em;}
  .dispo, .peu_dispo, non_dispo{top:44px; width:169px;}
  .bloc-colD{ margin-bottom:5px;}
  #videos .affiche-contenu{ display:none;}
  .SitraTitrePrincipal h1{ font-size:1.3em}
  #div_photo{ width:40%;}
  #fiche_lei_photo, #fiche_lei_photo1{ height:130px;}
  .DetailFicheSitra #Carte_lei{ width:55%; margin-right:4%}
  #map_fiche{ width:100% !important;}
  #btn-contact{ left:-140px; top:60px}
  form p.affichageForm label{ width:25%;}
  form p.affichageForm input, form p.affichageForm textarea{ width:60%;}
  .recaptcha, #recaptcha_widget_div, #recaptcha_area{ width:100%; max-width:100%;}
  #recaptcha_area tr td{ float:left;}
 .detail_commune_titre h2{ max-width:100%; width:100%;}
}/*/mediaquery*/
/* @end -600px ------------------------------------------------------------------------------------------*/
/* @group -576PX */
@media (max-width: 576px){
    img#logo, a#logo{ width:70%; margin:0 15%}
  #ligne-1 .right{ width:99%; margin-left:0.5%}
  #espace-pro{ width:21%}
#carnet{ width:22%}
  #profils{ width:20%; margin-top:5px;}
  #moteur{ width:35%; margin-top:5px;}
#page.bandeau{background:none;}
  #bandeau{ display:none;}
  #langues a#malvoyant{ display:none;}
    .page-accueil #bandeau, .page-accueil #diaporama, .page-accueil #masque-bandeau{ height:170px; background-size:auto 100% }
  .page-accueil .bis_image{ height:350px !important;  background-size:100% }
  .choix_commune select, .tarifmax input, #SelectHebergement{ width:100%}
  #bis_nav{ margin-top:40px !important;}
  .page-accueil .col_sans_separateur{ width:50% !important; float:left; margin-bottom:15px !important;}
  .jFlowSlideContainer{ width:100% !important; }
  #jFlowSlide6, #slides6, #jFlowSlide7, #slides7{ height:140px !important; }
  #haut-zc{ float:left; position:relative; height:auto; padding-bottom:3px;}
  #fil-ariane{ width:78%; float:left;}
  a#bt-agenda{ position:absolute; right:90px; top:1px}
  #pictos{ position:absolute; right:0px; top:2px}
  #pictos a{ margin:0 2px;}
  #zc{ padding-top:0;}  
#pictos a#imprimer, a#home, a#pdf{ display:none;}
  #colG{ position:relative; margin:0; width:100%;}
#menuLat { padding: 2px 2px 5px; border-radius:0px ;}
  #z_contenu{ margin:0; width:96%; float:left; padding:2%;}
  #colD{ display:none;}
  #col-2{height:auto; float:left; padding-bottom:10px;}
  #partager, #inscr-newsletter{ float:right;}
  #btn-contact{ left:-125px;}
  #carte{ display:none;}
  #contact-ot{ width:70%}
  #bloc-meteo{ margin-left:3%}
}/*/mediaquery*/
/* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -480PX */
@media (max-width: 480px){
    img#logo, a#logo{ width:70%; margin:0 15%}
  #ligne-1 .right{ width:100%; margin:0; padding:0;}
#espace-pro a, #carnet a{ padding-left:0; background:none; }
#espace-pro{ width:26%; margin-left:0; margin-right:0}
#carnet{ width:29%; margin-left:0.2%; margin-right:0 }
  #profils{ display:none}
  #moteur{ width:44%; margin-top:5px; margin-left:0.1%}
  #barreH{ background:none;}
  #menuH{ width:100% !important; margin:0;}
   #menu dl{width:100%; text-align:center; padding-right:0;
    margin: 1px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
  #menu dl dt a{ font-size:1.3em; padding:5px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
  .Sous_menu_dyn_haut, .Sous_menu_dyn_bas, .Sous_menu_dyn_contenu{ display:none;}
  #menu dd{ padding:0; }
    #menu dl dt a.menu0_decouvrir, #menu dl dt a.menu0active_decouvrir,
#menu dl dt a.menu0_bouger, #menu dl dt a.menu0active_bouger,
#menu dl dt a.menu0_sejourner, #menu dl dt a.menu0active_sejourner,
#menu dl dt a.menu0_se-restaurer, #menu dl dt a.menu0active_se-restaurer,
#menu dl dt a.menu0_sortir, #menu dl dt a.menu0active_sortir,
#menu dl dt a.menu0_infos-pratiques, #menu dl dt a.menu0active_infos-pratiques,
#menu dl dt a.menu0_contact, #menu dl dt a.menu0active_contact{background-image:none;}
}/*/mediaquery*/
/* @end -480px ------------------------------------------------------------------------------------------*/
/* @group -320PX */
@media (max-width: 320px){
      img#logo, a#logo{ width:100%; margin:0}
  #ligne-1 .right{ width:97%; margin-left:3%}
  #espace-pro, #carnet{ width:48%}
  #profils{ display:none}
  #moteur{ width:68%;margin:0.5% 15%}
  #haut-zc{ height:auto;} 
  #fil-ariane{ width:83%;}
  a#diminuer, a#augmenter{ display:none;}
a#bt-agenda{ position:relative; left:0px;}
.page-accueil #fil-ariane #pictos{ position:relative;}
  .page-accueil .col_sans_separateur{ width:100% !important; float:left; margin-bottom:15px !important;}
  #jFlowSlide6, #slides6, #jFlowSlide7, #slides7{ height:120px !important; }
  .photosredirect_resume{ height:50px;}
  #col-1 .col{ width:46%; margin:2%}
  #partager, #inscr-newsletter{ width:96%; margin:1% 2%;}
  #contact-ot{ width:96%; margin:0 2%;}
  #btn-contact{ top:160px; left:150px;}
  .englobe_moteur_sitra{ width:100% !important; margin:0 !important; padding:0 !important}
  .englobe_moteur_sitra fieldset{ padding:2%; margin:0 !important; max-width:90% !important; border-radius:0px; border-left:none; border-right:none;}
  .englobe_moteur_sitra fieldset form{ width:98%}
  #moteur_dispo .libelle_pere{ width:90%;}
  table.moteur_resa{ width:88%; float:left;}
.liste_classement, .liste_critere{ max-width:100%;}
.MultimediaSitraPrincipal{ width:33%; margin: 0 0 1% 1%;}
.DetailSitra #fiche_lei_photo, .DetailSitra #fiche_lei_photo1{ width:100%; height:auto;}
.DetailSitra #fiche_lei_photo1 img{ width:96%;}
.DetailSitra .MultimediaSitraPrincipal img{ padding:1%;}
.dispo, .peu_dispo, non_dispo{  width:33%;}
.SitraDescriptif p{ margin:0;}
.englobe_calendrier_dispo{ right:50px; }
#div_photo{ width:100%; margin:0;}
#fiche_lei_photo, #fiche_lei_photo1{ height:auto;}
.DetailFicheSitra #Carte_lei{ width:94%; margin:0 0 12px 0; float:left;}
  #elargir{ position:relative; float:right;}
#recaptcha_table, #recaptcha_table *, .recaptchatable, .recaptcha_theme_clean{ max-width:80% !important; margin:0; padding:0;}
  #recaptcha_image,
  #recaptcha_response_field{ max-width:90% !important;}
  td.recaptcha_image_cell, table.recaptchatable{ max-width:90% !important;}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{ max-width:90% !important;}
    #menu dl dt a.menu0_decouvrir, #menu dl dt a.menu0active_decouvrir{background-position:96px  -349px; padding-left:5%;}
#menu dl dt a.menu0_bouger, #menu dl dt a.menu0active_bouger{background-position: 106px  -76px; padding-left:5%}
#menu dl dt a.menu0_sejourner, #menu dl dt a.menu0active_sejourner{background-position: 95px  -184px; padding-left:5%}
#menu dl dt a.menu0_se-restaurer, #menu dl dt a.menu0active_se-restaurer{background-position: 82px  -295px; padding-left:5%}
#menu dl dt a.menu0_sortir, #menu dl dt a.menu0active_sortir{background-position: 113px -131px; padding-left:5%}
#menu dl dt a.menu0_infos-pratiques, #menu dl dt a.menu0active_infos-pratiques{background-position: 73px  -240px; padding-left:5%}
#menu dl dt a.menu0_contact, #menu dl dt a.menu0active_contact{background-position: 102px -385px; padding-left:5%}
}/*/mediaquery*/
/* @end -320px ------------------------------------------------------------------------------------------*/
/* @group -240PX */
@media (max-width: 240px){
  #ligne-1 .right{ width:98%; margin-left:2%}
  #espace-pro{ width:45%}
#carnet{ width:51%}
  #moteur{ width:90%;margin:0.5% 5%}
#btn-contact{ left:110px; margin:0; top:170px;}
.page-accueil table.tableau_section, .page-accueil .tableau_section, .page-accueil table{ width: 98% !important; max-width: 98% !important; margin-left:-2px; margin-right:-2px;}
.page-accueil #z_contenu{ padding:0;}
.page-accueil .englobe_moteur_sitra{ margin-left:2% !important;}
.img_dispo_sitra{ display:none}
.englobe_moteur_sitra fieldset{ width:96% !important; max-width:96% !important;}
#classement_sitra{ width:96% !important;}
.liste_classement, .liste_critere{ width:99% !important;}
.englobe_calendrier_dispo{ right:-3px;}
.dispo, .peu_dispo, non_dispo{ top:57px;}
.DetailFicheSitra #Carte_lei{ width:92%;}
.SitraTarifs tr td:first-child{ padding:0px; font-size:0.8em;}
table.SitraTarifs{ width:98%; }  
}/*/mediaquery*/
/* @end -240px ------------------------------------------------------------------------------------------*/