@media (min-width: 1281px){
  #menuH, .scroll #menuH{ display:block !important;}
}

@media (max-width: 1700px){ 

  #logo{margin: 5px 5px 5px 30px;}
#logo img{ height:58px; }
.slogan{ font-size:120%; }
.festif img{ height:94px}
  #menuH {  padding: 8px 15px 12px 0; }
  nav dl dt a {  padding: 16px 6px 2px 6px;  font-size: 105%;}

}/*/mediaquery*//* ---------------------*/
@media (max-width: 1440px){ 

.festif img{ height:72px}
  nav dl dt a {  padding: 16px 5px 2px 5px;  font-size: 100%;}
  .txt-slide1 {   font-size: 120%;}
  .txt-slide2 {  font-size: 110%;  margin-right: 0;}

}/*/mediaquery*//* ---------------------*/
@media (max-width: 1366px){ 
  #logo{margin: 5px 0 5px 20px;}
.slogan {   font-size: 100%;   margin: 0 6px 0 0;}
.festif img{ height:70px}
  .txt-slide1 {   font-size: 110%;}
  .txt-slide2 {  font-size: 100%;  margin-right: 0;}
  .z-form{ position:absolute; right:-10px; top:42px; background: #3C5A96;
  padding:9px; z-index:1}
  .z-form form{ margin:0}
  .z-form.accordion .btn-bloc.icon {  height: auto;  width: auto; }
.z-form .contenu-bloc {  top: -5px;  right: 40px;
    z-index: 1000;    border: 4px solid #3C5A96;}

}/*/mediaquery*//* ---------------------*/
@media (max-width: 1280px){

body{ line-height: initial}
	table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}
.container{ width:96%;}  

#map, #Cartographie_carte, .gm-style{ width:100%}	
  
  .titre-maj{ font-size:360%; }
.titre-min{ font-size:260%;  }
  
  h1{ font-size:240%;  }
h2{ font-size:200%; }
h3{ font-size:160%;}
h4{ font-size:1.2em;}
  
    .page-accueil .header{   min-height: 200px; height: auto;}
#diaporama {   min-height: 400px; height: 80vh;}
  /*  .txt-slide1 {   font-size: 100%;}
  .txt-slide2 {  font-size: 90%; }*/
  .bottom-line{ height: 140px}
  .bloc-km *{ font-size: 110%}
   .bloc-km img{ height:60px} 
  
.z-form { position: absolute; bottom:50px; right: 15px; top: auto;padding: 0;
  z-index: 1; margin:0}
  .accordion .contenu-bloc{ display:block !important;}
  .z-form .input-saisie{ width:250px; float:left}
  
  #menu{ width:100%; }
nav{ height:auto; position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:0; width:100%; z-index:40}
#controle-menu{display:block; cursor:pointer; float:right; width:auto; padding:6px 65px 6px 25px;
  position:fixed; right:-10px; top:20px;height:52px;  z-index:1;
  background:#3C5A96 url(/charte/controle-menu.png) 15px center no-repeat; z-index:50; 
    -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);}
  #menuH, .scroll #menuH{padding-top:72px; padding-bottom:72px;width:100%;-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; margin-top:0px; top:0px; right:0; width:100%; height:auto;
    z-index:40; }
nav dl{ float:none; padding:0; margin:0;  display:block; text-align:center; 
  height:auto; width:100%; border-bottom:1px solid #ffffff}
#menu dl dt a{ width:100%; margin:0; padding:14px 0; height:auto}
nav dd, nav dl:hover dd{display:none}
  
  
	
}/*/mediaquery*//* ---------------------*/
@media (max-width: 1200px){ 


}/*/mediaquery*//* ---------------------*/
@media (max-width: 1080px){
  

}/*/mediaquery*//* ---------------------*/
@media (max-width: 1005px){
  
  #bandeau {  height: 48vh;}
  .bottom-line{ height:auto; }
  #compteur{background: rgba(60,90,150,1);  height:auto; padding: 20px 0;}
  #compteur::before { display: none}
  .bloc-km{  height:auto; padding: 10px 5px;}
    .bloc-km *{ font-size: 100%}
   .bloc-km img{ height:45px} 
   .titre-maj{ font-size:300%; }
.titre-min{ font-size:200%;  }
  .top-footer{ background-image:  none; text-align:center; padding:0}
  .inscription{ padding:15px 0}
  .btn{ margin:10px}
  .bloc-inscription span, .bloc-inscription img{ float: none; display: inline-block; padding:0}
  .venir {     background: #3C5A96 url(/charte/top-footer.png) right center no-repeat;
        background-size:110% auto;}
  .img-parcours{ width:36%; height: 430px; }
  
  .image_droite, .image_gauche{max-width:50%}
  
}/*/mediaquery*//* ----------------------*/
@media (max-width: 900px){

    .img-parcours{ height: 500px; }
  .parcours .image_simple{ max-width: 56px}
  
    h1{ font-size:220%;  }
h2{ font-size:180%; }
h3{ font-size:150%;}
h4{ font-size:1.15em;}
  
}/*/mediaquery*//* ----------------------*/
@media (max-width: 801px){
  
  .tableau_inscription tbody > tr > td,.tableau_inscription tbody > tr > th{width:100% !important; float:left}

}/*/mediaquery*//* -----------------------*/
@media (max-width: 768px){
  #diaporama {  height: 70vh;}
  #z-centrale{ padding:20px 0}
.img-parcours{ width:100%; height: 42vw; min-height:360px; position:relative; top:0; }
  .image-bord-left svg{ display:none}
  .parcours{ padding:0}
     .titre-maj{ font-size:260%; }
.titre-min{ font-size:180%;  }
        
}/*/mediaquery*//* ------------------------*/
@media (max-width: 721px){

  .annuaire_resume_fiche {  width: 100%;   margin: 6px 0;   min-height: 100px;}
    #bandeau {  height: 40vh;}

}/*/mediaquery*//* ---------------------------*/
@media (max-width: 640px){

  .reseaux-sociaux a{ margin:0}
  .lien-utile{ width:100%; float:left; margin:6px 0;min-height:104px; }

}/*/mediaquery*//* --------------------------------*/
@media (max-width: 601px){
  
  #logo {   margin: 2px 0 5px 15px;}
  .scroll #logo img, #logo img {   height: 42px;}
  .scroll .top-line, .top-line{ padding: 14px 0 6px 0;}
  .scroll .slogan, .slogan {  margin: 0; font-size:90%}
  .scroll .festif img, .festif img  {    height: 66px;}
  .scroll #menuH, #menuH {    padding: 56px 10px 66px 10px;  }
  #menu dl dt a{ padding:10px 0}
  
  span.digit{ font-size:24px; width:11px;  height: 26px;line-height: 26px;  }
  .countDays{ width:36px;  height: 22px;  line-height: 22px;   margin: 0 0 0 20px;}
  .countHours, .countMinutes, .countSeconds { margin: 0 0 0 20px;
    height: 22px;  line-height: 22px;   width: 24px;  }
  .countdownDays, .countdownHours, .countdownMinutes, .countdownSeconds{ height:20px; line-height:20px}
  .countDiv{ display:none}
  .bloc-km span{ font-size:90%}
  .bloc-km.col-xs-4{ padding:6px}
  
       .titre-maj{ font-size:240%; }
.titre-min{ font-size:160%;  }
      h1{ font-size:180%;  }
h2{ font-size:150%; }
h3{ font-size:130%;}
h4{ font-size:110%;}
  
  .bas-footer{ padding:0 !important; width:100% !important;}
  
  .block_content{ width:100% !important;}
   .image_droite, .image_gauche, .bloc-colonne, .image_simple{max-width:100%; width:100%; display:block}
 .img-spe .image_droite img, .img-spe .image_gauche img{ width:100%}
.img-spe .image_droite::before{ right: 92%;bottom: -5px;left: -10%;}
.img-spe .image_gauche::before{left: 92%;bottom: -5px;right: -10%;}
  
  form .affichageForm label{ width:100%; text-align:left}
  form .affichageForm input, form .affichageForm textarea, form .affichageForm select, form .affichageForm radio, form .affichageForm checkbox {
    margin:6px 2%;   padding: 2px 4px; width:96%}
  
  .actu{ padding:0 15px}
  .slide-thumbnail, .slide-details{ width:100%}
  #jFlowSlide2, #slides2, .jFlowSlideContainer{ height:auto !important;}
  .liste_pos {      top: 20vw;   right: auto; left:0; }
  
}/*/mediaquery*//* --------------------------------*/
@media (max-width: 577px){

 
}/*/mediaquery*//* ---------------------------------*/
@media (max-width: 541px){

  .reseaux-sociaux a{ padding:2px}
         .titre-maj{ font-size:210%; }
.titre-min{ font-size:140%;  }
}/*/mediaquery*//*----------------------------------*/
@media (max-width: 480px){
  .titre-slide{display:none}
  .last-line .col-xs-6{ width: 100%; text-align:center}

}/*/mediaquery*//* --------------------------------*/
@media (max-width: 440px){

    .reseaux-sociaux a img{ width:44px ; height:44px}
.festif{ display:none}
  
}/*/mediaquery*//* ---------------------------------*/
@media (max-width: 400px){



}/*/mediaquery*//* ---------------------------------*/
@media (max-width: 320px){
#bis_container{display:none}
 
}/*/mediaquery*//* --------------------------------*/
@media (max-width: 280px){

}/*/mediaquery*//* -------------------------------*/




@media print{
body, #conteneur, #page, #header, #zc, #z-centrale, #z-contenu, #div_lien_yahoo, .page-int #z-centrale{background:none #fff; width:100%; margin:0; padding:0; height:auto; }
#diaporama, #pictos, #contact, #langues, #colD, #bandeau, #footer, #btn_up, #div_modif_illicopage, #colG, #menuH{display:none !important}
#conteneur{ width:96%; padding:10px 2%}
}




/*-------BOOTSTRAP--------*/
* {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {  margin: 0;}

audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}


.row  {   margin-left: -15px;  margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  {   position: relative;  min-height: 1px;  padding-left: 15px;  padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  {   float: left;}
.col-xs-12 {  width: 100%;}
.col-xs-11 {  width: 91.66666667%;}
.col-xs-10 {  width: 83.33333333%;}
.col-xs-9 {  width: 75%;}
.col-xs-8  {   width: 66.66666667%; }
.col-xs-7  {   width: 58.33333333%; }
.col-xs-6  {   width: 50%; }
.col-xs-5  {   width: 41.66666667%; }
.col-xs-4  {   width: 33.33333333%; }
.col-xs-3  {   width: 25%; }
.col-xs-2  {   width: 16.66666667%; }
.col-xs-1  {   width: 8.33333333%; }

@media (min-width: 768px)  {   
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  {     float: left; }
  .col-sm-12  {     width: 100%; }
  .col-sm-11  {     width: 91.66666667%; }
  .col-sm-10  {     width: 83.33333333%; }
  .col-sm-9  {     width: 75%; }
  .col-sm-8  {     width: 66.66666667%; }
  .col-sm-7  {     width: 58.33333333%; }
  .col-sm-6  {     width: 50%; }
  .col-sm-5  {     width: 41.66666667%; }
  .col-sm-4  {     width: 33.33333333%; }
  .col-sm-3  {     width: 25%; }
  .col-sm-2  {     width: 16.66666667%; }
  .col-sm-1  {     width: 8.33333333%; }
 }
@media (min-width: 992px) {  
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  {     float: left; }
  .col-md-12  {  width: 100%; }
  .col-md-11  {  width: 91.66666667%; }
  .col-md-10  {  width: 83.33333333%; }
  .col-md-9  {  width: 75%; }
  .col-md-8  {  width: 66.66666667%; }
  .col-md-7  {  width: 58.33333333%; }
  .col-md-6  {  width: 50%; }
  .col-md-5  {  width: 41.66666667%; }
  .col-md-4  {  width: 33.33333333%; }
  .col-md-3  {  width: 25%; }
  .col-md-2  {  width: 16.66666667%; }
  .col-md-1  {  width: 8.33333333%; }
 }


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print  {   *,
  *:before,  *:after {  background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important;  }
  a,  a:visited {    text-decoration: underline;  }
  a[href]:after {    content: " (" attr(href) ")";  }
  abbr[title]:after {    content: " (" attr(title) ")";  }
  a[href^="#"]:after,  a[href^="javascript:"]:after { content: "";  }
  pre, blockquote {    border: 1px solid #999;    page-break-inside: avoid;  }
  thead {    display: table-header-group; }
  tr,  img {    page-break-inside: avoid; }
  img {    max-width: 100% !important; }
  p,  h2,  h3 {    orphans: 3;    widows: 3; }
  h2,  h3 {  page-break-after: avoid;  }
  .navbar {  display: none;  }
  .btn > .caret,  .dropup > .btn > .caret { border-top-color: #000 !important;  }
  .label {  border: 1px solid #000;  }
  .table {  border-collapse: collapse !important;  }
  .table td,  .table th {    background-color: #fff !important;  }
  .table-bordered th,  .table-bordered td { border: 1px solid #ddd !important;  } 

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ width:100%}
  
  .top-line, #controle-menu, #menuH, .footer{ display:none}

}