html,body {margin:0; padding:0; width:100%;}
body {font-family:Graphik,Arial; font-size:15px; background:#fff; color:#222;}
.clear {clear:both;}
.s {position:relative; max-width:1400px; margin:0 auto;}
.smax {position:relative; max-width:1440px; margin:0 auto;}
.zero {font-size:0;}
.left {float:left;}
img {vertical-align:top;}
.pdf {vertical-align:middle;}
#menur {display:none;}
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal;}
h1 {font-family:'Graphik-Bold'; font-size:36px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
ul {padding:0 20px;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none; color:#222;}
#menur {display:none; position:fixed; bottom:20px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#162e76;}
#bk {position:fixed; width:100%; height:100%; background:url('/ima/bk.jpg') center center no-repeat fixed #fff;}
.top {position:relative; width:100%; height:200px; padding-top:5px; z-index:20;}
#pf {float:right; margin-top:35px;}
#slo {font-size:34px; position:absolute; width:35%; left:40%; top:34px; font-family: 'SegoePrintRegular'; font-weight:bold; line-height:40px;}
#wave {position:relative; width:100%; margin-top:-60px; z-index:15;}
#wave svg {position:absolute; top:0;}
#diapo {position:relative; width:100%; overflow:hidden; max-height:550px; z-index:10;}
.swiper-wrapper {position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; pointer-events:auto;}
.swiper-slide img {width:100%; z-index:50;}
.swiper-slide {float: left;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; position: relative; overflow:hidden; z-index:1;}
.swiper-container {overflow: hidden; z-index: 1;-webkit-transform: translateZ(0);}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.pagination {position:absolute; text-align:center; bottom:60px; width:100%; z-index:98;}
.swiper-pagination-bullet {display:inline-block;width:14px;height:14px;border:2px solid #fff; margin:0 5px;cursor:pointer; border-radius:50%;}
.swiper-pagination-bullet-active {background:#fff;border:2px solid #fff;}
#nav {position:relative; width:100%; text-align:center; margin-top:-40px; z-index:99; font-size:0;}
#nav.fixnav {position:fixed; top:0; margin:0; padding:10px 0; background:#fff; box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);}
#sloupe {margin-top:10px;}
#recherche {width:120px; margin-left:-70px; padding:10px;}
.stabilo {background:#ffc835;}
#menu {position:relative; max-width:1420px; margin:0 auto; display:flex;}
.item, .item2 {position:relative; font-family: 'Graphik-Bold'; font-size:22px; line-height:22px; flex:1; margin:0 10px; text-align:center; background-color: var(--my-color-var);}
.item2 {width:70px; background:#162e76; display:none; padding:11px 0; flex:0 auto;}
.item a:link, .item a:hover, .item a:visited {display:block; color:#fff; padding:40px 0; transition:0.2s;}
.fixnav .item a {padding:20px 0;}
.fixnav .item2 {display:inline-block;}
.smenu {position:absolute; display:none; padding-top:10px; width:100%;}
.sitem a:link, .sitem a:visited {display:block; font-family:Graphik; font-size:18px; font-weight:bold; margin-bottom:4px; background-color: var(--my-color-var); padding:10px; transition:0.2s;}
.sitem a:hover {background:#fff; color: var(--my-color-var); box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);}
.item2 .sitem {background:#162e76;}
.ritem {display:inline-block; font-family: 'Graphik-Bold'; font-size:20px; background-color: var(--my-color-var); padding:10px; margin-bottom:10px;}
.ritem a:link, .ritem a:visited {color:#fff;}
.empty {position:relative; height:90px;}
#page {position:relative; max-width:1440px; margin:20px auto; z-index:20; min-height:100px;}
#page.fixpage {margin-top:90px !important;}
#page img, #bas img {max-width:100%;}
#actus {display:flex; margin:0 10px;}
#actus4c {margin:0 10px;}
.case, .emp, .rubactus {position:relative; flex:1; margin:10px; border:3px solid transparent; align-self:baseline;}
.actu {position:relative; display:inline-block; vertical-align:top; margin:10px; border:3px solid transparent; width:calc(20% - 26px); padding-bottom:10px !important;}
.case, .actu, .rubactus {border-color:var(--my-color-var); background:#fff;}
.case img, .actu img, .rubactus img {display:block; padding:10px; width:calc(100% - 20px);}
.case h1, .actu h1, .rubactus h1 {font-family:'Graphik-Bold'; font-size:17px; padding:0 10px; height:40px;}
.case h2, .actu h2, .rubactus h2 {font-size:15px; text-align:justify; padding:5px 10px; min-height:68px;}
.case h3, .rubactus h3 {position:relative; width:calc(100% - 20px); font-size:15px; text-align:center; background:var(--my-color-var); padding:10px; color:#fff; font-weight:bold;}
.case h3 a, .rubactus h3 a {color:#fff;}
.case .long, .actu .long, .rubactus .long {display:none;}
.case .plus, .actu .plus, .rubactus .plus {width:auto; display:inline-block; padding:0;}
.date {position:absolute; right:0; padding:8px; background:var(--my-color-var); text-align:center; color:#fff; font-size:15px;}
.date .jour {display:inline-block; margin-right:2px; font-family:'Graphik-Bold'; font-size:17px;}
.actupdf {position:absolute; right:5px; top:230px;}
.rubactus {overflow:hidden;}
.rubactus .swiper-slide {position:relative; align-self:baseline;}
@font-face {font-family: 'Graphik'; src: url('/fonts/Graphik-Regular.woff2') format('woff2'), url('/fonts/Graphik-Regular.woff') format('woff');font-weight: normal;font-style: normal; font-display: swap;}
@font-face {font-family: 'Graphik-Bold'; src: url('/fonts/graphikbold-webfont.woff2') format('woff2'), url('/fonts/graphikbold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'SegoePrintRegular';src: url('/fonts/segoepr-webfont.eot'); src: url('/fonts/segoepr-webfont.eot?#iefix') format('embedded-opentype');src: url('/fonts/segoepr-webfont.woff') format('woff');font-weight: normal; font-style: normal;}
.highslide-dimming {background:#162e76;}
.highslide-caption{display:none;font-size:15px;color:#fff; margin-top:5px; text-align:justify;}
.highslide-number{display:none;}
.highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.4s;}
.highslide-controls {position: absolute;width: 100%;height: 0;background: none;margin: 0;}
.highslide-controls ul {position: absolute;width: 100%;	left: 0;height: 0;list-style: none;	margin: 0;padding: 0;background: none;}
.highslide-controls li {position: absolute;padding: 0;float: left;margin:0;}
.highslide-controls a {background-image: url(/lib/highslide/graphics/arrows.png);display: block;float: left;height: 40px;width: 40px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-next {right: 0;}
.highslide-controls .highslide-previous a {background-position: 0 0; position:absolute; left:-100px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important; opacity:0;}
.highslide-controls .highslide-play {display: none;}
.highslide-controls .highslide-pause {display: none;}
.highslide-controls .highslide-next a {	background-position: -40px 0; position:absolute; right:-100px;}
.highslide-controls .highslide-next a.disabled {background-position: -40px -40px !important; opacity:0;}
.highslide-controls .highslide-move {display: none;}
.highslide-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-close {display: none;}
.hidden-container {display:none;}
form {display:inline;}
.text, .textarea, .select, .mtext {border:1px solid #ddd; font-family:Graphik,Arial; font-size:16px; padding:4px; color:#000; width:calc(100% - 8px); margin:2px 0; background:#fff;}
.text, .textarea, .mtext {-webkit-appearance:none;}
.mtext {margin:0 2px 0 0; border:0; width:60px;}
.g-recaptcha {display:inline-block;}
.bouton, .mbouton {display:inline-block; font-family: Graphik,Arial; font-size:22px; color:#fff; background:#02c204; border:0; padding:8px 16px; cursor:pointer; -webkit-appearance:none;}
.mbouton {font-size:16px; padding:4px;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; border-radius:2px; font-size:16px;}
textarea:focus, input:focus{outline: none;}
.petit {font-size:12px;}
#map {position:relative; width:100%; background:linear-gradient(#89a1e9,#162e76); font-size:0; padding:20px 0;}
.col {display:inline-block; vertical-align:top; font-size:13px; border-left:3px solid #fff; padding:0 10px; margin:0 10px;}
.col p {font-family:'Graphik-Bold'; display:block; font-size:16px; margin-bottom:10px;}
.col a:link, .col a:visited {color:#fff;}
#bas {position:relative; width:100%; background:#162e76; color:#fff;}

@media screen and (max-width:1460px)
  {
  .s {margin-left:20px; margin-right:20px; width: calc(100% - 40px);}
  #menu {width:calc(100% - 20px); margin-left:10px; margin-right:10px;}
  .item {font-size:20px; line-height:20px;}
  #slo {font-size:26px;}
  .actu {width:calc(25% - 26px);}
  }
@media screen and (max-width:1200px)
  {
  .actu {width:calc(33.33% - 26px);}
  }
@media screen and (max-width:950px)
  {
  #pf img {height:40px;}
  #wave {margin-top:-20px;}
  .empty {height:0;}
  .pagination, .emp, #slo {display:none;}
  #actus {display:block; margin:0;}
  .case {display:block;}
  #menur, #menu {display:block;}
  #nav {display:none; position:absolute !important; top:0; left:0; right:0; margin:0; width:calc(100% - 20px); padding:20px 10px; background:rgba(255,255,255,0.8); height:calc(100% - 40px);}
  #nav.fixnav {padding:20px 10px; background:rgba(255,255,255,0.8); box-shadow:none;}
  .item, .item2 {display:block; margin:0 0 5px 0; width:100%;}
  .item2 {padding:20px 0;}
  .item a:link, .item a:hover, .item a:visited, .item2 a:link, .item2 a:hover, .item2 a:visited, .fixmenu .item a {padding:30px;}
  .smenu {position:relative; padding:0 0 10px 0; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; padding:20px 10px; margin:0 10px 4px 10px; background-color:#fff !important; color: var(--my-color-var) !important;}
  .sitem a:hover {background: var(--my-color-var) !important; color:#fff;}
  #recherche {width:auto; margin:0; padding:0;}
  .mtext {width:auto;}
  #main {margin-top:0;}
  h1 {font-size:30px; line-height:30px; margin-bottom:5px;}
  #map {text-align:center;}
  .col {border:0; padding:0; width:100% !important; margin:0 0 20px 0;}
  .col p {margin-bottom:5px;}
  #bas {text-align:center;}
  #bas a:link, #bas a:visited {color:#fff;}
  .actu {width:calc(50% - 26px);}
  }
@media screen and (max-width:640px)
  {
  #bk {display:none;}
  #page {margin:10px;}
  .top {height:160px;}
  #logo {height:140px;}
  .case, .emp {margin:20px 10px;}
  .case h2, .actu h2 {min-height:auto;}
  #actus4c {display:block; margin:0;}
  .actu {width:calc(100% - 26px); margin:10px;}
  td h2,td h3 {font-size:16px;}
  .highslide-controls .highslide-next {right: 0;}
  .highslide-controls .highslide-previous a {background-position: 0 0; position:absolute; left:0px;}
  .highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important; opacity:0;}
  .highslide-controls .highslide-play {display: none;}
  .highslide-controls .highslide-pause {display: none;}
  .highslide-controls .highslide-next a {	background-position: -40px 0; position:absolute; right:0px;}
  .highslide-controls .highslide-next a.disabled {background-position: -40px -40px !important; opacity:0;}
  }