@media (max-width: 1640px){
nav dl dt a { font-size: 120%; padding: 10px 10px 10px 10px;}
#moteur{padding: 0 0 0 44px;margin: 5px 0 0 0; height:32px}
#moteur .moteur{ width:110px; font-size:75%}
#moteur .ok{ width:24px}
}/*------------------------*/
@media (max-width: 1460px){
#logo { padding: 14px 10px 14px 15px;}
#logo img{ width: 310px; }
.lien-ccmm { padding: 5px 0 0 5px;}
nav dl dt a { font-size: 110%; padding: 10px 5px 10px 5px;}
nav dl dt a::after { width: 12px;}
}/*------------------------*/
@media (max-width: 1280px){
#logo { padding: 14px 10px 14px 12px;}
nav dl dt a { font-size: 100%; }
nav dl dt a::after { width: 10px;}
}/*------------------------*/
@media (max-width: 1200px){
table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; }
#page, .container{ width:98%;}
#map, #Cartographie_carte, .gm-style{ width:100%}
#logo { padding: 12px 5px 14px 10px;}
#logo img{ width: 240px; }
.lien-ccmm img { width: 86px;}
#moteur { padding: 0 0 0 36px; margin: 5px 0 0 0; }
#moteur .ok{ left:8px}
}/*------------------------*/
@media (min-width: 1081px){
#menuH{ display:block !important; }
}/*------------------------*/
@media (max-width: 1080px){
#pictos { position: relative; top: auto; right: auto; }
.top-line{ justify-content: space-between; display: flex}
#pictos ul { float: right; background: #190b86; color: #ffffff; padding: 2px; border-radius: 0 0 10px 10px;}
#pictos span{ display:none}
.flexslider { height:46vh; min-height:320px;}
main{ padding-top:0}
h1, .titre1{ font-size:180%;}
#menu{ width:100%; display:block; float:left}
nav{ height:auto; padding:0; width:100%; z-index:40}
#controle-menu{display:block; cursor:pointer; float:right; width:50px; float:right;
height:48px; background:#190b86 url(/charte/controle-menu.png) center center no-repeat; z-index:50; background-size:36px }
#menuH{padding-top:48px;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:#fff;
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-top:1px solid #190b86}
#menu dl dt a{ width:100%; margin:0; padding:14px 0; height:auto}
nav dd, nav dl:hover dd{display:none !important;}
#moteur { border-left: none; border-top: 2px solid #190b86; padding: 10px 0 10px 44px;margin: 5px 0 ;height: auto;}
#moteur .ok{ top:15px; left:10px}
#moteur .moteur { width: 160px;}
/*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: 961px){
}/*------------------------*/
@media (max-width: 901px){
.sitemap-footer-img{ display:none}
.sitemap-footer{ width: 20% !important; padding: 0 4px !important;}
}/*------------------------*/
@media (max-width: 855px){
#logo img{ width: 200px; }
.lien-ccmm img { width: 66px;}
#pictos a{ margin:0}
#pictos img { height: 20px;}
}/*------------------------*/
@media (max-width: 800px){
#page, .container{ width:94%;}
h1, .titre1{ display:block}
.suivez iframe{ width:100%}
#myController { position: relative; top: auto; right: auto; height: auto; width: 100%;}
#colG{ width:100%;}
#z-centrale{ width:100%;}
#Col-droite{ width:100%;}
.portail{ width:38%; float:left}
.liens-utiles{ width:100%; float:right}
.liens-utiles h2{ display:none}
.liens-utiles ul{ margin:0}
.menuG-3 a, .menuGactive-3 a,.menuG-4 a, .menuGactive-4 a { display:block }
}/*/mediaquery*//* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -768PX */@media (max-width: 769px){
}/*/mediaquery*//* @end -768px ------------------------------------------------------------------------------------------*/
/* @group -720PX */@media (max-width: 720px){
.slide-wrapper { margin: 15px 0; width: 100%; display: dlock;}
.image_gauche, .image_droite{ max-width:50%}
.bloc-spe .image_gauche, .bloc-spe .image_droite{ width:100%; max-width:100%; float:left}
}/*/mediaquery*//* @end -720px ------------------------------------------------------------------------------------------*/
/* @group -640PX */@media (max-width: 640px){
#firstline, #secondline { font-size: 240%;}
.bis_title{ color:#fff; font-size:200%; }
.lien-ccmm{ padding:0}
#logo img{ width: 170px; }
.lien-ccmm img { width: 60px;}
h1, .titre1 { font-size: 160%;}
.bloc-spe .bloc-colonne { position: relative; top: auto; bottom: auto; right: auto; width: 100%; float:left; background: rgba(25,11,134,.7);
padding: 15px ; border-bottom-left-radius: 0; border-top-left-radius: 0; text-align: center;}
.bloc-spe .bloc-colonne div { position: relative; top: auto; transform: translateY(0); left: auto; right: auto;
}
}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){
#logo { padding: 6px 5px ;}
#pictos ul{ padding:0}
}/*/mediaquery*//* @end -600px ------------------------------------------------------------------------------------------*/
/* @group -576PX */@media (max-width: 577px){
#bandeau{ min-height:140px}
}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 541px){
#logo img{ width: 140px; }
.lien-ccmm img { width: 50px;}
}/*/mediaquery*//* @end -540px ------------------------------------------------------------------------------------------*/
/* @group -480PX */@media (max-width: 480px){
.image_gauche, .image_droite{ max-width:100%; width:100%; margin:8px 0}
#logo img{ width: 120px; }
.lien-ccmm img { width: 48px;}
#pictos a{ padding:2px}
}/*/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; } }
/*@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }*/
.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%; }
}
/* Moteur Elastic */
#moteur{ z-index: 111; }
#moteur * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bloc-moteur{ position: absolute; top:100%; right:5px; width:84vw;text-align: left}
#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: 15px .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: 720px) {
.itemmoteur{ width:96%}
.bloc-moteur{ width:76vw}
.itemmoteur h3{font-size: 100%; }
.itemmoteur p{ display:none}
.img-moteur{position:relative; height:150px;}
.itemmoteur > a > div{ padding:5px; }
}