/* @group -990PX */@media (max-width: 1280px){
	
  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%}
  
  nav #menu {  padding-left: 33%;}
  nav dl dt a { padding: 18px 8px 12px 8px;}
  
}

/* @group -1170PX */@media (max-width: 1170px){ 

#logo { left: 8%; max-width:190px;}
#logo img{ height: auto ; min-height: 60px; max-width: 190px!important;}
  
}/*/mediaquery*//* @end -1170px ------------------------------------------------------------------------------------------*/
/* @group -990PX */@media (max-width: 1024px){
	
  .meteo, .liens-utiles, .select-jour{ width:100%; float:left}
  .liens-utiles li img {    display: inline;}
    
}/*/mediaquery*//* @end -1024px ------------------------------------------------------------------------------------------*/
/* @group -960PX */@media (max-width: 961px){


}/*/mediaquery*//* @end -960px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 901px){
.container{ width:95%;}  
  .sitemap #menu {     display: flex; flex-direction: row;flex-wrap: wrap;align-items: stretch; }
  .sitemap #menu > dl{    position: relative;overflow: hidden;
margin: 0.2vw 1% 1.2vw 1%;width: 31.33%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;}
  
}/*/mediaquery*//* @end -900px ------------------------------------------------------------------------------------------*/
/* @group -854PX */@media (max-width: 855px){


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

  h1, .titre1, .page-arto h1, .page-arto .titre1, .page-media h1, .page-media .titre1{ font-size:145%; padding:8px 0 6px 56px; margin:0 0 .7em 0; background-position: 2px ; background-size: 40px;}
h2{ font-size:1.3em; }
h3{ font-size:1.2em; }
h4{ font-size:1.1em;  }
  
  .slogan{ display:none}
  #logo { left: 6%; z-index: 50; }
.top-line {  padding: 12px 10px; padding-right:66px}
  .vague{ height: 15vw ; min-height: 54px; z-index: 23; }
header #menu{ width:100%; background:#C91F4B; }
   .page-arto header #menu{ background:#416f97; }
 .page-media  header #menu{ background:#7B5E50; }
  nav #menu{ z-index:24; padding-left: 200px;}
nav{ height:auto; position:absolute; top:auto; left:0; right:0; bottom:auto; padding:0; width:100%; z-index:24}
#controle-menu{display:block; cursor:pointer; float:right; width:64px; position:absolute; right:0px; top:0px;
height:56px;  background:#C91F4B url(/charte/controle-menu.png) center center no-repeat; z-index:23; }
  .page-arto #controle-menu{ background-color: #416f97}
.page-media  #controle-menu{ background-color: #7B5E50}
#menuH{padding-top:62px;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);background:#C91F4B;
    display:none; position:absolute; margin-top:0px; top:0px; right:0; width:100%; height:auto; z-index:22; }
    .page-arto #menuH{ background-color: #416f97}
.page-media  #menuH{ background-color: #7B5E50}
nav dl{ float:none; padding:0; margin:0;  display:block; text-align:center; height:auto; width:100%; border-top: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*//* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -768PX */@media (max-width: 769px){

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

  #logo { left: 4%; max-width:130px;}
  #logo img{ max-height: 60px; height: auto ; min-height: 30px; max-width: 190px!important;}
  .vague{display:none;}
  .pictos, #moteur{ z-index:24; position:relative}

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

    nav #menu{ padding-left: 160px;}
  .bloc-oeuvre{ width:48%}
  
}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){

  #z-centrale .block_content{ width:100% !important}

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

  .vague{display:none;}
  #logo { left: 5px; top:7px; max-width: 130px; max-height:65px; }
#logo img{min-height:auto; height:auto; max-height:65px; width:100%;}

 
}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 541px){
.vague{display:none;}
 #logo { left: 5px; top:7px; max-width: 120px; max-height:60px; }
#logo img{min-height:auto; height:auto; max-height:60px; width:100%;}
  .pictos a{ margin: 0 5px;}
  #moteur{ width:110px}
      nav #menu{ padding-left: 110px;}
.image_gauche, .image_droite{ width:100%; margin: 8px 0}
.bloc-annu{ width:100%; margin:5px 0}
.annuaire-logo img{ float:none}
}/*/mediaquery*//* @end -540px ------------------------------------------------------------------------------------------*/
/* @group -480PX */@media (max-width: 480px){
#logo{left: 5px;}

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


}/*/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{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;}

/*! 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;  } }


.row  {   margin-left: -20px;  margin-right: -20px; }
.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: 20px;  padding-right: 20px;}
.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%; }
 }



/* Moteur Elastic */
#moteur{ z-index: 50; padding: 5px 0 5px 10px; text-align: left}
#moteur * {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
#moteur form{ position: relative; z-index:10;}
.bloc-moteur{ position: absolute; top:100%; right:5px; width:84vw;/*! padding-top:10px */ }
#resulta{border-radius:15px; max-height: 74vh;overflow-y: auto; position:relative; background: #ffffff;
box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);-webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63); }
.itemmoteur{  position: relative; overflow: hidden;  margin: 5px .5% 5px 1%;width:31.3%;
 padding:10px;border:1px solid #ccc;  }
#response{ width:100%; display: flex;  flex-direction: row;  flex-wrap: wrap;
  align-items: stretch; justify-content:center; }
#bloc-moteur-suggest{width:100%; float:left; text-align:center}
#bloc-moteur-suggest > div, #bloc-moteur-suggest > h2{ display: inline-block; margin: 5px 10px; }
#bloc-moteur-suggest > div{font-weight:700; font-size:110%;}
#bloc-moteur-suggest > h2{  font-size:130%;color: #000000; margin-top:50px; font-weight: 700}
#bloc-moteur-suggest > div::before{ content: "- "}
#bloc-moteur-suggest .remplace{ cursor: pointer; color:#000}

.itemmoteur *{ margin:0; color:#000}
.itemmoteur h3{font-size: 110%; color:#000000; margin:0 0 5px 0; font-weight: 700}
.itemmoteur p{ font-size: 90%; line-height:120%;}
.itemmoteur > a{ display: block;width:100%; float:left; }
.itemmoteur > a > div{ padding:10px;  width:100%; float:left; position: relative }
.itemmoteur a img{ float: right}

.img-moteur{position:relative; height:220px; overflow:hidden; margin-top:10px}
.img-moteur img{  height: 100%;  left: 0;  object-fit: cover;  position: absolute;
  top: 0;  width: 100%;}
@media (max-width: 1300px) {
.bloc-moteur{ width:80vw}
}
@media (max-width: 1080px) {
   
.itemmoteur{ width:48%}
	.bloc-moteur{ /*! width:94vw; *//*! padding-top:15px */}
	.img-moteur{position:relative; height:180px;}
}

@media (max-width: 800px) {
.itemmoteur{ width:96%}
	.bloc-moteur{ width:76vw; margin-right:-50px}
  #bloc-moteur-suggest > h2 {    font-size: 100%; margin-top: 30px;}
	.itemmoteur h3{font-size: 100%; font-weight: 500;}
	.itemmoteur p{ display:none}
	.img-moteur{position:relative; height:150px;}
	.itemmoteur > a > div{ padding:5px; }
}