body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
body {font-size:16px;}
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
.w3-half img:hover{opacity:1}
.mySlides {display: none}

.vire {display: block}
.vire2 {display: block}

A { 
  color:#e95d0f;
  text-decoration: underline
}

A:hover {
  color:#e95d0f;
  text-decoration: none
}

.inputboxP {width: 200px}

.inputbox2 {
	height:24px; width:229px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #ffffff}

.inputbox10 {
	height:22px; width:80px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #ffffff}

.inputbox10b {
	height:22px; width:80px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #DC4E4D}

.inputbox13 {
	height:24px; width:171px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #ffffff}

.inputbox13b {
	height:24px; width:171px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #DC4E4D}

.inputbox14 {
	height:22px; width:38px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #ffffff}

.inputbox14b {
	height:22px; width:38px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #DC4E4D}

.inputbox16 {
	height:22px; width:60px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #ffffff}

.inputbox16b {
	height:22px; width:60px; font-size: 12px; BORDER-RIGHT: #008cac 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #008cac 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #008cac 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #008cac 1px solid; BACKGROUND-COLOR: #DC4E4D}


a.nav0:link { text-decoration: none; }
a.nav0:visited { text-decoration: none; }
a.nav0:hover { text-decoration: none; }

a.nav1:link { text-decoration: none; color:#FFFFFF; }
a.nav1:visited { text-decoration: none; color:#FFFFFF; }
a.nav1:hover { text-decoration: none; color:#FFFFFF; }

a.nav2:link { text-decoration: none; color:#000000; }
a.nav2:visited { text-decoration: none; color:#000000; }
a.nav2:hover { text-decoration: underline; color:#000000; }

a.nav3:link { text-decoration: none; color:#000000; }
a.nav3:visited { text-decoration: none; color:#000000; }
a.nav3:hover { text-decoration: none; color:#000000; }

a.nav4:link { text-decoration: underline; color:#FF0000; }
a.nav4:visited { text-decoration: underline; color:#FF0000; }
a.nav4:hover { text-decoration: none; color:#FF0000; }

a.nav5:link { text-decoration: none; color:#707070; }
a.nav5:visited { text-decoration: none; color:#707070; }
a.nav5:hover { text-decoration: none; color:#e95d0f; }

a.nav6:link { text-decoration: underline; color:#FFFFFF; }
a.nav6:visited { text-decoration: underline; color:#FFFFFF; }
a.nav6:hover { text-decoration: none; color:#FFFFFF; }

a.nav7:link { text-decoration: none; color:#fbcb8c; }
a.nav7:visited { text-decoration: none; color:#fbcb8c; }
a.nav7:hover { text-decoration: none; color:#fbcb8c; }

a.nav8:link { text-decoration: underline; color:#17bed0; }
a.nav8:visited { text-decoration: underline; color:#17bed0; }
a.nav8:hover { text-decoration: none; color:#17bed0; }


.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


.space1 {margin-top:-10px}
.space2 {margin-top:10px}
.space3 {margin-top:14px}
.space4 {margin-top:3px}
.space5 {margin-top:10px}
p.separe2 {margin: 0px 0;}
p.separe3 {margin: 10px 0;}
p.separe4 {margin: 25px 0;}
.reviens {display: none;}
.reviens2 {display: none;}
.fonts1 {font-size:100%}
.fonts1b {font-size:100%}
.fonts2 {font-size:100%}
.fonts3 {font-size: 12px}
.fonts4 {font-size:100%}
.fonts5 {font-size:150%}
.fonts6 {font-size:100%}
.encartEE {width:40%}
.encartEE2 {width:40%}
.encartSE {width:80%}
.encartP1 {width:78%}
.encartP2 {width:50%}
.encartIFC {height:345px}
.btnP {width:50%}
.bas {padding-right:58px}

.adaptb,.adaptc,.adaptd,.adapte,.adaptf,.adaptg {display: none;}
.adaptDIV {width:20px}
.adaptDIV2 {height:5px}
.adaptDIV3 {background-color: #000000;}
.adaptDIV4 {width:5px}
.adaptDIV5 {width:80%}
.adaptT {width:94%}
.adaptT2 {width:90%}
.adaptT3 {width:85%}
.adaptT4 {width:85%}
.iframeC {margin-top: 35px; height: 380px}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

table.center {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}

.bureau { border-style: double;
border-width: 3px;
margin-left: 36px;
margin-right: 36px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
}

.menuc {font-size:76%;
font-weight: normal;}

p.solid {border-style: solid; border-width: 1px;}
p.separe {margin: 10px 0;}

.categorie1 {
  background-color: #795548;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.categorie2 {
  background-color: #4CAF50;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.categorie3 {
  background-color: #2196F3;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.categorie4 {
  background-color: #9c27b0;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.categorie5 {
  background-color: #ffc107;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.categorie6 {
  background-color: #607d8b;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.categorie7 {
  background-color: #f44336;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.categorie8 {
  background-color: #e91e63;
  color: #FFFFFF;
  padding:0px 6px;
  font-weight: normal;
}

.dcontact {
width:60%;
}

.dinsc {
width:70%;
}

.tresp2 {font-size:90%}

.tresp2 table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin:0;
  padding:0;
  width: 100%;
}
.tresp2 table tr {
  border: 1px solid #ddd;
  padding: 5px;
}
.tresp2 table th, .tresp2 table td {
  padding: 10px;
  text-align: center;
}
.tresp2 table th {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tresp2AL {text-align: left;}


.hr2 {display: none;}
.hr3 {border-left: 1px solid #c5c5c5;}


.fixed-div2
{
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 20;
}

.bts-popup-button {
  padding: 5px 10px;
  border: 2px solid white;
	display: inline-block;
  margin-bottom: 10px;
  background: #17bed0;
  font-size: 14px
}

.bts-popup-button2 {
  padding: 5px 10px;
  border: 1px solid white;
	display: inline-block;
  margin-bottom: 10px;
  font-size: 14px
}


.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%; 
  color: transparent;
  white-space: nowrap;
}
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 20;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  margin: 4em auto;
  /* background: #f36f21; */
  background: #ffffff;
  border-radius: 8px; 
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bts-popup-container img {
  padding: 20px 0 0 0;
}
.bts-popup-container p {
	color: white;
  padding: 10px 40px;
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
	display: inline-block;
  margin-bottom: 10px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}


.bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: black;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


.iframeFC{
		width: 100%;
		height: 365px;
		}


.imageflottante
{
float:left;
margin:0 8px 8px 0;
}

.imageflottante2
{
float:right;
margin:0 0 8px 8px;
border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19);
}

.imageflottante3
{
float:right;
margin:0 0 8px 8px;
border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, 0.19);
}


@media screen and (max-width: 1400px) {
.fonts1 {font-size:90%}
.dcontact {width:70%;}
.encartEE {width:50%}
.encartEE2 {width:50%}
.adapt {display: none;}
.adaptb {display: block;}
}

@media screen and (max-width: 1350px) {
.fonts1b {font-size:90%}
.adaptDIV {width:10px}
}

@media screen and (max-width: 1320px) {
.adaptb {display: none;}
.adaptc {display: block;}
.adaptDIV {width:5px}
}

@media screen and (max-width: 1300px) {
.fonts1 {font-size:80%}
.dcontact,.dinsc {width:80%;}
.popup{
    width: 50%;
  }
  .iframeFC{
		height: 390px;
		}
}

@media screen and (max-width: 1290px) {
.adaptc {display: none;}
.adaptd {display: block;}
.fonts1b {font-size:95%}
}

@media screen and (max-width: 1200px) {
.adaptd {display: none;}
.adapte {display: block;}
.fonts1 {font-size:75%}
.dcontact,.dinsc {width:90%;}
.encartEE {width:60%}
.encartEE2 {width:60%}

.tresp3 thead {
        display: none;
    }
    .tresp3 tr{
      display:grid;
    }
    
    .tresp3 td:before{
      float:left;
    }
    .tresp3 td{
      width:100%;
    }


.hr2 {display: block;
      width:75%;}

.hr3 {border-left: 0px;}

.iframeFC{
		height: 375px;
		}

}

@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 8em auto;
  }
}

@media screen and (max-width: 1140px) {
.fonts1b {font-size:85%}
}

@media screen and (max-width: 1130px) {
.adaptDIV2 {display: none}
}

@media screen and (max-width: 1100px) {
.adaptT4 {width:100%}
.popup{
    width: 60%;
  }
  .iframeFC{
		height: 385px;
		}
}

@media screen and (max-width: 1000px) {
.adaptd {display: block;}
.adapte {display: none;}
.space1 {margin-top:130px}
.space2 {margin-top:45px}
.fonts1 {font-size:90%}
.fonts1b {font-size:95%}
.adaptDIV3 {background-color: #FFFFFF;}
.encartEE {width:70%}
.encartEE2 {width:70%}
.adaptDIV {display: none}
.adaptDIV4 {display: none}
}

@media screen and (max-width: 992px) {
.vire {display: none}
.reviens2 {display: block;}
a.anchor {top: -105px;}
.btnP {width:70%}
.encartP1 {width:90%}
.encartP2 {width:90%}

.tresp4 thead {
        display: none;
    }
    .tresp4 tr{
      display:grid;
    }
    
    .tresp4 td:before{
      float:left;
    }
    .tresp4 td{
      width:100%;
    }

}

@media screen and (max-width: 900px){
  .popup{
    width: 70%;
  }
    
.iframeFC{
		height: 370px;
		}

}

@media screen and (max-width: 800px) {
.adaptd {display: none;}
.adapte {display: block;}
.fonts1 {font-size:70%}
.fonts1b {font-size:80%}
.fonts6 {font-size:90%}
.dcontact,.dinsc {width:100%;}
.encartEE {width:80%}
.encartEE2 {width:80%}

.bureau { margin-left: 0px;
margin-right: 0px;
}

.tresp2AL {text-align: right;}

.tresp2 {font-size:100%}

.tresp2 table {
    border: 0;
  }
.tresp2 table thead {
    display: none;
  }
.tresp2 table tr {
    border-bottom: 2px solid #ddd;
    display: block;
    margin-bottom: 10px;
  }
.tresp2 table td {
    border-bottom: 1px dotted #ccc;
    display: block;
    font-size: 13px;
    text-align: right;
  }
.tresp2 table td:last-child {
    border-bottom: 0;
  }
.tresp2 table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

.iframeFC{
		height: 390px;
		}
}


@media screen and (max-width: 700px) {
.adapte {display: none;}
.adaptf {display: block;}
.adaptDIV5 {width:100%}
.popup{
    width: 80%;
  }
  .popup .content {
  max-height: 90%;
}

    .hc{
    height: 140px;
  }


.tresp7 thead {
        display: none;
    }
    .tresp7 tr{
      display:grid;
    }
    
    .tresp7 td:before{
      float:left;
    }
    .tresp7 td{
      width:100%;
    }

}


@media screen and (max-width: 600px) {

.vire2 {display: none}
.adaptT2 {width:100%}
.adaptT3 {width:100%}
.adaptf {display: none;}
.adaptg {display: block;}
p.separe2 {margin: 10px 0;}
.degage {display: none;}
.reviens {display: block;}
.fonts1 {font-size:80%}
.fonts1b {font-size:90%}
.fonts2 {font-size:90%}
.fonts3 {font-size: 11px;}
.fonts4 {font-size:90%}
.fonts5 {font-size:130%}
.encartEE {width:90%}
.encartEE2 {width:100%}
.encartSE {width:90%}
.encartP1 {width:100%}
.encartP2 {width:100%}
.encartIFC {height:375px}
.bas {padding-right:35px}
.inputboxP {width: 150px}
.btnP {width:100%}
.iframeC {margin-top: 15px; height: 390px}
.footer2 {margin-right:-5px;}

table.center {
border: 1px solid;
border-color: #000080;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
  margin-left: auto; 
  margin-right: auto;
}


.tresp thead {
        display: none;
    }
    .tresp tr{
      display:grid;
    }
    
    .tresp td:before{
      float:left;
    }
    .tresp td{
      width:100%;
    }

.popup{
    width: 90%;
  }

  .iframeFC{
		height: 420px;
		}
   
}


/* Numéros de pages */
		.pages               {padding: 0.2em; margin: 0.2em 0; clear: both; font-size: 15px; color: #0166cc;}
		.pages span          {padding: 0.2em 0.2em; margin-right: 0.1em;}
		.pages a             {padding: 0.2em 0.4em; margin-right: 0.1em; background: #ffffff; border: 1px solid #DDDDDD; text-decoration: none; color: #0166cc;}
		.pages span.current  {border: 1px solid #0166cc; font-weight: bold; background: #0166cc; color: #fff;}
		.pages a:hover       {border-color: #0166cc; color: #ffffff; background: #0166cc;}
		.pages2 a:hover      {border-color: #0166cc; color: #0166cc; background: #DDDDDD;}
		.pages span.nextprev {color: #666;}
		.pages span.nextprev {border: 1px solid #ddd;color: #999;}
		.page                {display: inline;}