@media (max-width: 1240px){ 

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%}
  
  #div_modif_illicopage{ position:relative; width:100%; top: auto; right: auto;}
	
  .jflow-content-slider, #jFlowSlide {   width: 100% !important;}

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

  .container{ width:98%;}  
  header {margin-top: 0;}
  #moteur {    width: 130px;   margin: 8px 0;}
  #logo{ width:180px}
  #logo img{ max-width: 100%}
  nav .row {  padding-left: 180px;}
  .lien-rap{ padding:0}
  .col-g {   padding: 50px 0 10px 0;  }
  nav dl{ max-width: 158px; min-width: 60px;}
    
}/*-----------------------------------------*/
@media (max-width: 1005px){
	
  .col-g {   padding: 25px 0 6px 0;  }
  .lien-rap .block_content {   padding: 6px 0 !important;  width: 16.66% !important;}
  .newsletter span::before {  float: none; }
  .newsletter span{ padding:0; vertical-align: middle}

}/*--------------------------------------------------*/
@media (min-width: 901px){

#menuH{ display:block !important}

}/*--------------------------------------------------*/
@media (max-width: 900px){
  
  #logo{ position: relative; left: auto ;top: auto; float: left; width:140px; padding:5px}
 .col-g{border-top:3px solid #16345C; border-bottom:3px solid #16345C; 
  padding: 6px 0;}
  .contain-actu{ margin-top:0}
  
  nav .row {   padding-left: 0;}
  #menu{ width:100%; padding-left: 0; }
nav{ height:auto; padding:0; width:100%; z-index:40; text-align:center}
#controle-menu{display:block; cursor:pointer; float:right; width:64px; position:relative; 
height:54px;  background:#16345C url(/charte/controle-menu.png) center center no-repeat; 
  z-index:50; margin:0 0 0 10px;  }
#menuH{ width:100%;background:#009DB2;
    display:none; margin-top:0px; width:100%; height:auto; z-index:40; }
nav dl{  padding:0; margin:0;  text-align:center; height:auto; display:block; width:100%; max-width:100%; border:none;
  border-top:1px solid #ffffff}
nav dd, nav dl:hover dd{display:none}
  
  /*menulat escamotable*/
#menuLat{ width:100%; margin-bottom:15px;}
.menuLat{display:none}
#titre_rub{display:block; cursor:pointer; border-bottom:1px solid #B8DFEC; padding:10px 15px;background-color:#006072; 
  text-transform:uppercase;color:#fff; font-weight: 700; text-align:center}
#titre_rub.menu-ouvert, #titre_rub.menu-ferme{ background-repeat:no-repeat}
#titre_rub.menu-ouvert {background-image: url(/charte/fleches-up-down.png) ;background-position: 96% 16px}
#titre_rub.menu-ferme{background-image: url(/charte/fleches-up-down.png) ;background-position: 96% -34px}

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


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

  .sitemap .block_content{max-width:33.3%;}
    .jflow-content-slider, #jFlowSlide, #slides, .jFlowSlideContainer { height:48vw !important; min-height:220px}
  #myController {    bottom: 40%;}
  .jFlowNext, .jFlowPrev{ bottom:0}

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

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


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

  .sitemap .block_content{max-width:50%;}
  
}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){

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

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


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

.lien-rap .block_content {   padding: 4px 0 !important;    width: 25% !important;}
  .intranet, .vocal, #pictos {   margin: 7px;}

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

 .page-int .contenu .block_content{ width:100% !important;}
  
}/*/mediaquery*//* @end -400px ------------------------------------------------------------------------------------------*/
/* @group -360PX */@media (max-width: 400px){


}/*/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{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, body {  background: none  !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important;  }
  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%}
  
.container{ width:94%}

 #controle-menu, #menuH, .footer, #moteur, .intranet, #pictos, .vocal,
.ariane, #colG, body::before{ display:none}

#logo{ position:relative; left: auto; top: auto; width: auto; text-align: left}

}