/*

  _________ __            .___.__                                      __  .__  _____               .__                 

 /   _____//  |_ __ __  __| _/|__| ____     ___________   ____ _____ _/  |_|__|/ ____\   ____  ____ |  |   ____   ____  

 \_____  \\   __\  |  \/ __ | |  |/  _ \  _/ ___\_  __ \_/ __ \\__  \\   __\  \   __\  _/ ___\/  _ \|  |  /  _ \_/ ___\ 

 /        \|  | |  |  / /_/ | |  (  <_> ) \  \___|  | \/\  ___/ / __ \|  | |  ||  |    \  \__(  <_> )  |_(  <_> )  \___ 

/_______  /|__| |____/\____ | |__|\____/   \___  >__|    \___  >____  /__| |__||__|     \___  >____/|____/\____/ \___  >

        \/                 \/                  \/            \/     \/                      \/                       \/ 

        */



/*

_________                 __                  

\_   ___ \ __ __  _______/  |_  ____   _____  

/    \  \/|  |  \/  ___/\   __\/  _ \ /     \ 

\     \___|  |  /\___ \  |  | (  <_> )  Y Y  \

 \______  /____//____  > |__|  \____/|__|_|  /

 \/           \/                    \/*/

 :root {

 	--vert :#36B185;

 	--bleu: #004D73;

 	--bleuP : #C6E8ED;

 	--beige: #E5C6AA;

 	--vertP : #CCE4BE;

 	--montserrat: Montserrat;

 	--Lora : Lora;

 }

 * {

 	box-sizing: border-box;

 }

 body img{

 	max-width: 100%;

 }

 .container{	

 	width: 100%!important;

 	margin:0 auto;

 	position: relative;

 }

 body{

 	font-size: 18px;

  line-height: 26px;

  font-weight: 300;

  color: var(--gris);

  margin:0;

  display: inline-block;

  width: 100%;

  font-family: var(--montserrat);

}



h1{

  font-size: 70px;

  line-height: 80px;

  color: var(--bleu);

  font-weight: 700;

  margin-bottom: 30px;

  padding-bottom: 0;

  margin-top: 94px;

}



h2{

  font-size: 40px;

  line-height: 50px;

  font-weight: 700;

  color: var(--bleu);

  margin-bottom: 70px;

}



h3{

  font-size: 22px;

  line-height: 32px;

  font-family: Lora;

  font-style: normal;

  font-weight: normal;

}

h4{

  font-size: 20px;

  line-height: 32px;

  color: #fff;

  font-weight: 700;

  font-family: var(--Lora);

}

.miniText{

  font-size: 16px;

  line-height: 26px;

  font-weight: 700;

  color: var(--bleu);

}

.GrosText{



}

.PetitText{

  font-family: Montserrat;

  font-style: normal;

  font-weight: normal;

  font-size: 18px;

  line-height: 26px;

}

/*HEADER*/

header{

  height: auto;

}

.banner{

  background-color: var(--vertP);

  background-image: url('../images/bgTiles.png');

  background-repeat: repeat;

  height: auto;

}

.banner .lesBtn{

  margin-top: 80px;

}

.displayPhone{

  display: none!important;

}
/*----COOKIES----*/
.cookie-banner-box {
  position: fixed;
  bottom: 20px;
  right: 20px;
  max-width: 550px;
  background: #fff;
  color: var(--bleu);
  padding: 35px;
  font-size: 14px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  overflow: hidden;
}
.cookie-banner-box a{
  color: var(--bleu);
  text-decoration: underline;
}
.cookie-banner-box a:hover{
  color: var(--bleuP);
}
/* Hide on checkbox click */
#cookie-toggle:checked ~ .cookie-banner-box {
  opacity: 0;
  visibility: hidden;
}
/*----*/
.tag{

  background-color: #fff;

  padding: 25px 0;

  margin-top: 50px;

  position: relative;

}

.tag:after{

  border: 6px solid transparent;

  border-top: 6px solid var(--vertP);

  border-right: 3px solid var(--vertP);

  border-bottom: 6px solid transparent;

  border-left: 3px solid transparent;

  content: "";

  top: 0;

  position: absolute;

  right: 0;

}

.contentBanner{

  position: relative;

  color: var(--bleu);

  font-weight: 700;

  font-family: var(--Lora);

  font-size: 20px;

  line-height: 32px;

}

.contentBanner h1{

  font-family: var(--montserrat)!important;

}

.contenuDroitBanner{

  margin-top: 125px;

}





/*FOOTER*/

footer{

  background-color: var(--bleu);

  font-size: 16px;

  color: #fff;

  padding: 85px 0 25px 0;

  display: inline-block;

  width: 100%;



}

.infoFooter{

  display: flex;

  align-items: center;

  width: 100%;	

  font-family: var(--Lora);

}

footer a{

  color: #fff;

  text-decoration: none;

  transition: all ease 250ms;

}

footer a:hover{

  text-decoration: underline;

}

footer strong{

  font-family: var(--montserrat)!important;



}

footer h4{

  margin:0;

  padding: 0;

}

.copyright{

  margin-top: 50px;

  font-size: 12px;

}

.contentFooterCenter{

  display: flex;

  justify-content: center;

}

/*CONTENT*/

.paddingSection{

  padding: 90px 0;

}

.zoneBleu{

  background-color: var(--bleuP);

}

#content ul{

  margin:0;

  padding: 0;

}

#content ul li{

  list-style-type: none;

}

#section1 h2{

  margin-bottom: 33.2px;

}

.zoneBlanche li h4{

  color: var(--vert);

}

.lesBtnHeader{

  padding: 5px 15px 14px 15px!important;

}

.imageIconeCompte{

  margin-right: 10px;

  position: relative;

  top: 5px;

}



.lesBtn{

  font-size: 18px;

  line-height: 22px;

  position: relative;

  font-weight: 700;

  display: inline-block;

  z-index: 2;

  padding: 14px 25px; 

  margin-right: 50px;

  color: var(--bleu);

  cursor: pointer;

  font-family: Montserrat;

}



.lesBtn span{

  display: inline;

}



.lesBtn:before{

  display: block;

  position: absolute;

  border: 3px solid var(--bleu);

  width: 100%;

  height: 100%;

  content: "";

  z-index: 1;

  top: -3px;

  left: 0;

}



.lesBtn:after{

  content: "";

  width: 102%;

  height: 110%;

  position: absolute;

  bottom: -10px;

  background-color: var(--beige);

  right: -2px;

  z-index: -1;

  transition: all ease 250ms;

}

.lesBtn:hover:after{

  background-color: var(--bleuP);

}



.lesBtn.btnVert:after{

  background-color: var(--vert);

  transition: all ease 250ms;

}

.lesBtn.btnVert{

 color: #fff;

 cursor: pointer;

}

.lesBtn.btnVert:hover:after{

  background-color: var(--bleu);

}



.social i{

  position: relative;

  top: 43px;

  /*transform: translateX(-50%) translateY(-50%);*/

  left: 0;

  color: var(--vert);

  transition: all ease 250ms;

}



.social{

  text-align: center;

  width: 60px;

  height: 58px;

  line-height: 26px;

  margin: 0 5px;

  font-size: 60px;

  align-items: flex-end;

  display: inline-flex;

  text-decoration: none;

}

.social i:hover{

  color: var(--bleu)!important;

}



/*TOGGLE 1*/

.toggleTitleWrapper{

  position: relative;

}

.toggleTitleWrapper .btnPlus{

  position: absolute;

  top: -2px;

  right: 0;

}





.accordion {

  color: var(--vert);

  cursor: pointer;

  padding: 0px;

  width: auto;

  border: none;

  text-align: left;

  outline: none;

  font-size: 25px;

  transition: 0.4s;

}

.active, .accordion:hover {

}

.panel {

  display: none;

  background-color: var(--vert);

  overflow: hidden;

  padding: 90px;

  color: #fff;

}

.panel p:first-of-type{

  margin: 0!important;

}

.slideToggle{

  position: relative;

}

.slideToggle button{

  background-color: transparent!important;

  text-transform: none;

  display: contents;

}

.slideToggle button:hover{

  text-decoration: none;

}

.slideToggle button:hover, .slideToggle button:focus{

  text-decoration: none;

}

.btnPlus:after{

  content: "+";

  padding: 0 5px;

  font-size: 35px;

  font-weight: 500;

  left: 5px;

  position: relative;

}

.accordion.active .btnPlus:after{

  content: "\f061";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  color: var(--bleu);

  font-size: 20px;

  top: 8px;

  position: relative;

}

.slideToggle li{

  font-weight: bold;

  margin-bottom: 10px!important;

  position: relative;

}

.slideToggle h3{

  font-family: Montserrat;

  color: var(--bleu);

  font-weight: 700;

  padding-bottom: 20px;

  transition: all ease 250ms;

}

.slideToggle h3:hover{

  color: var(--vert);

}



li .toggleTitleWrapper:after, .slideToggle2:after{

  content: "";

  position: absolute;

  z-index: 0;

  left: 0;

  bottom: 0;

  display: block;

  width: 100%;

  height: 1px;

  background: var(--bleu);

}



.slideToggle2 h3{

  padding-bottom: 20px;

  display: inline-block;

}



.btnTeam{

  float: right;

  top: 25px;

  position: relative;

}





.slideToggle.active li{

  color: var(--bleu)!important;

}



.boiteVerte h3, .boiteVertePhone h3{

  color: #fff!important;

}

.boiteVerte h3:first-of-type {

  font-family: Montserrat!important;

}

.boiteVerte:after {

  border: 6px solid transparent;

  border-top: 50px solid var(--bleuP);

  border-right: 50px solid var(--bleuP);

  border-bottom: 50px solid transparent;

  border-left: 50px solid transparent;

  content: "";

  top: 0;

  position: absolute;

  right: 0;

}



.boiteVertePhone h3{

  font-size: 18px;

  line-height: 26px;

  font-family: Lora;

  font-style: normal;

  font-weight: normal;

}

.boiteVertePhone h3:first-of-type {

  font-family: Montserrat!important;

  font-size: 20px;

  line-height: 26px;

  font-weight: bold;

}



.ZoneEquipe h3{

  font-family: Montserrat;

  font-style: normal;

  font-weight: bold;

  color: var(--bleu);

}

.panel2 h3:first-of-type{

  font-family: Lora!important;

  font-size: 22px;

  line-height: 34px; 

  font-weight: normal!important;

  color: #000!important;

}



.panel2:before{



}



/*TOGGLE 2*/

.accordion2 {

  color: var(--vert);

  cursor: pointer;

  padding: 0px;

  width: auto;

  border: none;

  text-align: left;

  outline: none;

  font-size: 25px;

  transition: 0.4s;

}

.active2, .accordion2:hover {

}

.panel2 {

  display: none;

  overflow: hidden;

  margin-bottom: 20px; 

}

.slideToggle2{

  position: relative;

  min-height: 70px;

}

.slideToggle2 button{

  background-color: transparent!important;

  text-transform: none;

  position: absolute;

  display: inline-block;

  width: 100%;

}

.slideToggle2 button h3{

  transition: all ease 250ms;  

}

.slideToggle2 button h3:hover{

  text-decoration: none;

  color: var(--vert);

}

.slideToggle2 button:hover, .slideToggle2 button:focus{

  text-decoration: none;

}



.accordion2.active2 .btnPlus:after{

  content: "\f063";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  color: var(--bleu);

  font-size: 20px;

  left: 3px;

  top: 8px;

}

.slideToggle2 li{

  font-weight: bold;

  margin-bottom: 10px!important;

  padding-right: 90px;

  position: relative;

}



.slideToggle2.active2 li{

  color: var(--bleu)!important;

}

.teamMilieu{

  padding: 0 4.7%;

}

.sectionBlancContact{

  margin-top: 20px;

}

.texteFooterDroit p{

  font-size: 12px!important;

}



/*

  ________      .__    .___

 /  _____/______|__| __| _/

/   \  __\_  __ \  |/ __ |

\    \_\  \  | \/  / /_/ |

 \______  /__|  |__\____ |

 \/              \/  */

 /* for bloque id "content_5050" */

 section.content-h5050 {

 	/*@extend %padding-justtop;*/

 }

 section.content-h5050 .h5050-container {

 	display: flex;

 	align-items:center;

 	flex-wrap: wrap;

 	justify-content: space-between;

 }

 section.content-h5050 .h5050-container .h5050-half {

 	/* if you want space between your 2 half, put the 50% to 48% and tada (does not need to be 48%, can be anything) */

 	/*width: 50%;*/

 }

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

 	section.content-h5050 .h5050-container .h5050-half {

 		/*width: 100%;*/

 	}

 }

 section.content-h5050 .h5050-container .h5050-half.h5050-topalign {

 	align-self: flex-start;

 }

 section.content-h5050 .h5050-container .h5050-half.h5050-grid:first-of-type .h5050-half-inner {

 	margin-right: 0;

 }

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

 	section.content-h5050 .h5050-container .h5050-half.h5050-grid:first-of-type .h5050-half-inner {

 		margin-right: auto;

 	}

 }

 section.content-h5050 .h5050-container .h5050-half.h5050-grid:last-of-type .h5050-half-inner {

 	margin-left: 0;

 }

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

 	section.content-h5050 .h5050-container .h5050-half.h5050-grid:last-of-type .h5050-half-inner {

 		margin-left: auto;

 	}

 }

 section.content-h5050 .h5050-container .h5050-half .h5050-half-inner {

 	width: 100%;

 }

 section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider,

 section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-text,

 section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-image {

 	padding: 0;

 	width: 100%;

 }

 section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider.slick-dotted {

 	margin-bottom: 0 !important;

 }

 section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider .h5050-item .h5050-item-img {

 	/* padding top is for image proportions */

 	padding-top: 60%;

 	background-size: contain;

 	background-repeat: no-repeat;

 	background-position: center center;

 }

 section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider .slick-dots {

 	/* this is for dots up and down */

 	/* @extend %slick-dots; */

 }

 section.content-h5050.inverted .h5050-container {

 	direction: rtl;

 }

 section.content-h5050.inverted .h5050-container .h5050-half {

 	direction: ltr;

 }

 section.content-h5050:not(.inverted) .h5050-container {

 	/* this is use full for padding on the inside or ouside but only one side */

 }

 .covers{

 	background-size: cover;

 	background-repeat: no-repeat;

 }

 .pc{

 	display: inline-block;

 	width: 100%;

 	margin-bottom: -6px;

 }

 .cb{

 	clear: both;

 }



 .b1-show,

 .b2-show,

 .b3-show,

 .b4-show,

 .m-show,

 .th-show,

 .tv-show {

 	display: none;

 }



 .white{

 	color: #fff;

 }

 .black{

 	color: #000;

 }

 .grey{

 	color: #58585A;

 }



 .fs-reset,

 .resetFontSize {

 	font-size: 1em

 }



 .fw-100,

 .fw-thin {

 	font-weight: 100

 }



 .fw-200,

 .fw-ultralight {

 	font-weight: 200

 }



 .fw-300,

 .fw-light {

 	font-weight: 300

 }



 .fw-400,

 .fw-book,

 .fw-regular {

 	font-weight: 400

 }



 .fw-500,

 .fw-medium {

 	font-weight: 500

 }



 .fw-600,

 .fw-semibold {

 	font-weight: 600

 }



 .fw-700,

 .fw-bold {

 	font-weight: 700

 }



 .fw-800,

 .fw-extrabold {

 	font-weight: 800

 }



 .fw-900,

 .fw-black {

 	font-weight: 900

 }



 .filler{min-height: 1px;}



 .uppercase {

 	text-transform: uppercase

 }



 .underline {

 	text-decoration: underline

 }



 .nowrap {

 	white-space: nowrap

 }



 .left {

 	text-align: left!important

 }



 .right {

 	text-align: right!important

 }



 .center {

 	text-align: center!important

 }



 .bg-left {

 	background-position: left!important

 }



 .bg-right {

 	background-position: right!important

 }



 .bg-top {

 	background-position: top!important

 }



 .bg-bottom {

 	background-position: bottom!important

 }



 .bg-center {

 	background-position: center!important

 }



 .no-pad {

 	padding-top: 0!important;

 	padding-bottom: 0!important;

 	padding-left: 0!important;

 	padding-right: 0!important

 }



 .no-pad-v {

 	padding-top: 0!important;

 	padding-bottom: 0!important

 }



 .no-pad-h {

 	padding-left: 0!important;

 	padding-right: 0!important

 }



 .no-pad-t {

 	padding-top: 0!important

 }



 .no-pad-b {

 	padding-bottom: 0!important

 }



 .no-pad-l {

 	padding-left: 0!important

 }



 .no-pad-r {

 	padding-right: 0!important

 }



 .no-mar {

 	margin-top: 0!important;

 	margin-bottom: 0!important;

 	margin-left: 0!important;

 	margin-right: 0!important;

 }



 .no-mar-v {

 	margin-top: 0!important;

 	margin-bottom: 0!important

 }



 .no-mar-h {

 	margin-left: 0!important;

 	margin-right: 0!important

 }



 .no-mar-t {

 	margin-top: 0!important;

 }



 .no-mar-b {

 	margin-bottom: 0!important;

 }



 .no-mar-l {

 	margin-left: 0!important;

 }



 .no-mar-r {

 	margin-right: 0!important;

 }



 .no-mar-last:last-child {

 	margin-bottom: 0!important;

 }



 .circle {

 	-webkit-border-radius: 50%;

 	-moz-border-radius: 50%;

 	border-radius: 50%;

 }



 .fliph {

 	-moz-transform: scaleX(-1);

 	-o-transform: scaleX(-1);

 	-webkit-transform: scaleX(-1);

 	-ms-transform: scaleX(-1);

 	transform: scaleX(-1);

 	-webkit-filter: FlipH;

 	filter: FlipH;

 	-ms-filter: "FlipH";

 }



 .flipv {

 	-moz-transform: scaleY(-1);

 	-o-transform: scaleY(-1);

 	-webkit-transform: scaleY(-1);

 	-ms-transform: scaleY(-1);

 	transform: scaleY(-1);

 	-webkit-filter: FlipV;

 	filter: FlipV;

 	-ms-filter: "FlipV";

 }



 .rotate90 {

 	-ms-transform: rotate(90deg);

 	-webkit-transform: rotate(90deg);

 	transform: rotate(90deg);

 	-webkit-transform-origin: 0 0;

 	-moz-transform-origin:    0 0;

 	-ms-transform-origin:     0 0;

 	-o-transform-origin:      0 0;

 }



 .rotate180 {

 	-ms-transform: rotate(180deg);

 	-webkit-transform: rotate(180deg);

 	transform: rotate(180deg);

 }



 .rotate270 {

 	-ms-transform: rotate(270deg);

 	-webkit-transform: rotate(270deg);

 	transform: rotate(270deg);

 }



 .vcenter {

 	box-sizing: border-box;

 	padding-top: 0!important;

 	padding-bottom: 0!important

 }



 .vcenter section {

 	height: 100%;

 }



 .vcenter .container {

 	display: table;

 	width: 100%;

 	height: 100%;

 }



 .vcenter .container-int {

 	display: table-cell!important;

 	vertical-align: middle;

 }











 .w-full {

 	width: 100%;

 }



 .w-25 {

 	width: 25%;

 }



 .w-50 {

 	width: 50%;

 }



 .w-75 {

 	width: 75%;

 }



 .w-third {

 	width: 33.33%;

 }



 .col {

 	box-sizing: border-box;

 	position: relative;

 	float: left;

 	vertical-align: top;

 }



 body.debugon .col {

 	background: #CF6!important;

 	background-clip: content-box!important;

 	border: 1px solid #0FF!important;

 }



 .col-group {

 	font-size: 0!important;

 	padding-left: 0!important;

 	padding-right: 0!important;

 }

 .d-right{

 	text-align: right!important;

 }

 .d-left{

 	text-align: left!important;

 }

 .d-center{

 	text-align: center!important;

 }

 .d-1-2 {

 	width: 50%;

 }



 .d-2-2 {

 	width: 100%;

 }



 .d-1-3 {

 	width: 33.33%;

 }



 .d-2-3 {

 	width: 66.66%;

 }



 .d-3-3 {

 	width: 100%;

 }



 .d-1-4 {

 	width: 25%;

 }



 .d-2-4 {

 	width: 50%;

 }



 .d-3-4 {

 	width: 75%;

 }



 .d-4-4 {

 	width: 100%;

 }



 .d-1-5 {

 	width: 20%;

 }



 .d-2-5 {

 	width: 40%;

 }



 .d-3-5 {

 	width: 60%;

 }



 .d-4-5 {

 	width: 80%;

 }



 .d-5-5 {

 	width: 100%;

 }



 .d-1-6 {

 	width: 16.66%;

 }



 .d-2-6 {

 	width: 33.32%;

 }



 .d-3-6 {

 	width: 50%;

 }



 .d-4-6 {

 	width: 66.66%;

 }



 .d-5-6 {

 	width: 83.32%;

 }



 .d-6-6 {

 	width: 100%;

 }



 .d-1-7 {

 	width: 14.28%;

 }



 .d-2-7 {

 	width: 28.56%;

 }



 .d-3-7 {

 	width: 42.84%;

 }



 .d-4-7 {

 	width: 57.12%;

 }



 .d-5-7 {

 	width: 71.40%;

 }



 .d-6-7 {

 	width: 85.68%;

 }



 .d-7-7 {

 	width: 100%;

 }



 .d-1-8 {

 	width: 12.5%;

 }



 .d-2-8 {

 	width: 25%;

 }



 .d-3-8 {

 	width: 37.5%;

 }



 .d-4-8 {

 	width: 50%;

 }



 .d-5-8 {

 	width: 62.5%;

 }



 .d-6-8 {

 	width: 75%;

 }



 .d-7-8 {

 	width: 87.5%;

 }



 .d-8-8 {

 	width: 100%;

 }



 .d-1-9 {

 	width: 11.1111%;

 }



 .d-2-9 {

 	width: 22.2222%;

 }



 .d-3-9 {

 	width: 33.3333%;

 }



 .d-4-9 {

 	width: 44.4444%;

 }



 .d-5-9 {

 	width: 55.5555%;

 }



 .d-6-9 {

 	width: 66.6666%;

 }



 .d-7-9 {

 	width: 77.7777%;

 }



 .d-8-9 {

 	width: 88.8888%;

 }



 .d-9-9 {

 	width: 100%;

 }





 .d-1-12 {

 	width: 8.33%;

 }



 .d-2-12 {

 	width: 16.66%;

 }



 .d-3-12 {

 	width: 25%;

 }



 .d-4-12 {

 	width: 33.33%;

 }



 .d-5-12 {

 	width: 41.66%;

 }



 .d-6-12 {

 	width: 50%;

 }



 .d-7-12 {

 	width: 58.33%;

 }



 .d-8-12 {

 	width: 66.66%;

 }



 .d-9-12 {

 	width: 75%;

 }



 .d-10-12 {

 	width: 83.33%;

 }



 .d-11-12 {

 	width: 91.66%;

 }



 .d-12-12 {

 	width: 100%;

 }







 .d-full {

 	width: 100%;

 }



 .nogutter .col {

 	padding: 0 0!important;

 }



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

 	.b1-1-2 {

 		width: 50%!important;

 	}

 	.b1-2-2 {

 		width: 100%!important;

 	}

 	.b1-1-3 {

 		width: 33.33%!important;

 	}

 	.b1-2-3 {

 		width: 66.66%!important;

 	}

 	.b1-3-3 {

 		width: 100%!important;

 	}

 	.b1-1-4 {

 		width: 25%!important;

 	}

 	.b1-2-4 {

 		width: 50%!important;

 	}

 	.b1-3-4 {

 		width: 75%!important;

 	}

 	.b1-4-4 {

 		width: 100%!important;

 	}

 	.b1-1-5 {

 		width: 20%!important;

 	}

 	.b1-2-5 {

 		width: 40%!important;

 	}

 	.b1-3-5 {

 		width: 60%!important;

 	}

 	.b1-4-5 {

 		width: 80%!important;

 	}

 	.b1-5-5 {

 		width: 100%!important;

 	}

 	.b1-1-6 {

 		width: 16.66%!important;

 	}

 	.b1-2-6 {

 		width: 33.32%!important;

 	}

 	.b1-3-6 {

 		width: 50%!important;

 	}

 	.b1-4-6 {

 		width: 66.66%!important;

 	}

 	.b1-5-6 {

 		width: 83.32%!important;

 	}

 	.b1-6-6 {

 		width: 100%!important;

 	}

 	.b1-1-7 {

 		width: 14.28%!important;

 	}

 	.b1-2-7 {

 		width: 28.56%!important;

 	}

 	.b1-3-7 {

 		width: 42.84%!important;

 	}

 	.b1-4-7 {

 		width: 57.12%!important;

 	}

 	.b1-5-7 {

 		width: 71.40%!important;

 	}

 	.b1-6-7 {

 		width: 85.68%!important;

 	}

 	.b1-7-7 {

 		width: 100%!important;

 	}

 	.b1-1-8 {

 		width: 12.5%!important;

 	}

 	.b1-2-8 {

 		width: 25%!important;

 	}

 	.b1-3-8 {

 		width: 37.5%!important;

 	}

 	.b1-4-8 {

 		width: 50%!important;

 	}

 	.b1-5-8 {

 		width: 62.5%!important;

 	}

 	.b1-6-8 {

 		width: 75%!important;

 	}

 	.b1-7-8 {

 		width: 87.5%!important;

 	}

 	.b1-8-8 {

 		width: 100%!important;

 	}

 	.b1-1-9 {

 		width: 11.1111%!important;

 	}

 	.b1-2-9 {

 		width: 22.2222%!important;

 	}

 	.b1-3-9 {

 		width: 33.3333%!important;

 	}

 	.b1-4-9 {

 		width: 44.4444%!important;

 	}

 	.b1-5-9 {

 		width: 55.5555%!important;

 	}

 	.b1-6-9 {

 		width: 66.6666%!important;

 	}

 	.b1-7-9 {

 		width: 77.7777%!important;

 	}

 	.b1-8-9 {

 		width: 88.8888%!important;

 	}

 	.b1-9-9 {

 		width: 100%!important;

 	}

 	.b1-full {

 		width: 100%!important;

 	}

 	.b1-hide {

 		display: none!important;

 	}

 	.b1-show.b {

 		display: block

 	}

 	.b1-show.ib {

 		display: inline-block

 	}

 	.b1-left {

 		text-align: left!important;

 	}

 	.b1-right {

 		text-align: right!important;

 	}

 	.b1-center {

 		text-align: center!important;

 	}

 	.b1-no-mar {

 		margin: 0!important;

 	}





 	.b1-1-12 {

 		width: 8.33%;

 	}



 	.b1-2-12 {

 		width: 16.66%;

 	}



 	.b1-3-12 {

 		width: 25%;

 	}



 	.b1-4-12 {

 		width: 33.33%;

 	}



 	.b1-5-12 {

 		width: 41.66%;

 	}



 	.b1-6-12 {

 		width: 50%;

 	}



 	.b1-7-12 {

 		width: 58.33%;

 	}



 	.b1-8-12 {

 		width: 66.66%;

 	}



 	.b1-9-12 {

 		width: 75%;

 	}



 	.b1-10-12 {

 		width: 83.33%;

 	}



 	.b1-11-12 {

 		width: 91.66%;

 	}



 	.b1-12-12 {

 		width: 100%;

 	}



 }



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

 	.b2-1-2 {

 		width: 50%!important;

 	}

 	.b2-2-2 {

 		width: 100%!important;

 	}

 	.b2-1-3 {

 		width: 33.33%!important;

 	}

 	.b2-2-3 {

 		width: 66.66%!important;

 	}

 	.b2-3-3 {

 		width: 100%!important;

 	}

 	.b2-1-4 {

 		width: 25%!important;

 	}

 	.b2-2-4 {

 		width: 50%!important;

 	}

 	.b2-3-4 {

 		width: 75%!important;

 	}

 	.b2-4-4 {

 		width: 100%!important;

 	}

 	.b2-1-5 {

 		width: 20%!important;

 	}

 	.b2-2-5 {

 		width: 40%!important;

 	}

 	.b2-3-5 {

 		width: 60%!important;

 	}

 	.b2-4-5 {

 		width: 80%!important;

 	}

 	.b2-5-5 {

 		width: 100%!important;

 	}

 	.b2-1-6 {

 		width: 16.66%!important;

 	}

 	.b2-2-6 {

 		width: 33.32%!important;

 	}

 	.b2-3-6 {

 		width: 50%!important;

 	}

 	.b2-4-6 {

 		width: 66.66%!important;

 	}

 	.b2-5-6 {

 		width: 83.32%!important;

 	}

 	.b2-6-6 {

 		width: 100%!important;

 	}

 	.b2-1-7 {

 		width: 14.28%!important;

 	}

 	.b2-2-7 {

 		width: 28.56%!important;

 	}

 	.b2-3-7 {

 		width: 42.84%!important;

 	}

 	.b2-4-7 {

 		width: 57.12%!important;

 	}

 	.b2-5-7 {

 		width: 71.40%!important;

 	}

 	.b2-6-7 {

 		width: 85.68%!important;

 	}

 	.b2-7-7 {

 		width: 100%!important;

 	}

 	.b2-1-8 {

 		width: 12.5%!important;

 	}

 	.b2-2-8 {

 		width: 25%!important;

 	}

 	.b2-3-8 {

 		width: 37.5%!important;

 	}

 	.b2-4-8 {

 		width: 50%!important;

 	}

 	.b2-5-8 {

 		width: 62.5%!important;

 	}

 	.b2-6-8 {

 		width: 75%!important;

 	}

 	.b2-7-8 {

 		width: 87.5%!important;

 	}

 	.b2-8-8 {

 		width: 100%!important;

 	}

 	.b2-1-9 {

 		width: 11.1111%!important;

 	}

 	.b2-2-9 {

 		width: 22.2222%!important;

 	}

 	.b2-3-9 {

 		width: 33.3333%!important;

 	}

 	.b2-4-9 {

 		width: 44.4444%!important;

 	}

 	.b2-5-9 {

 		width: 55.555%!important;

 	}

 	.b2-6-9 {

 		width: 66.6666%!important;

 	}

 	.b2-7-9 {

 		width: 77.7777%!important;

 	}

 	.b2-8-9 {

 		width: 88.8888%!important;

 	}

 	.b2-9-9 {

 		width: 100%!important;

 	}

 	.b2-full {

 		width: 100%!important;

 	}

 	.b2-hide {

 		display: none!important;

 	}

 	.b2-show.b {

 		display: block

 	}

 	.b2-show.ib {

 		display: inline-block

 	}

 	.b2-left {

 		text-align: left!important;

 	}

 	.b2-right {

 		text-align: right!important;

 	}

 	.b2-center {

 		text-align: center!important;

 	}

 	.b2-no-mar {

 		margin: 0!important;

 	}





 	.b2-1-12 {

 		width: 8.33%;

 	}



 	.b2-2-12 {

 		width: 16.66%;

 	}



 	.b2-3-12 {

 		width: 25%;

 	}



 	.b2-4-12 {

 		width: 33.33%;

 	}



 	.b2-5-12 {

 		width: 41.66%;

 	}



 	.b2-6-12 {

 		width: 50%;

 	}



 	.b2-7-12 {

 		width: 58.33%;

 	}



 	.b2-8-12 {

 		width: 66.66%;

 	}



 	.b2-9-12 {

 		width: 75%;

 	}



 	.b2-10-12 {

 		width: 83.33%;

 	}



 	.b2-11-12 {

 		width: 91.66%;

 	}



 	.b2-12-12 {

 		width: 100%;

 	}

 }



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

  .b3-cb{

    clear: both;

  }

  .b3-1-2 {

   width: 50%!important;

 }

 .b3-2-2 {

   width: 100%!important;

 }

 .b3-1-3 {

   width: 33.33%!important;

 }

 .b3-2-3 {

   width: 66.66%!important;

 }

 .b3-3-3 {

   width: 100%!important;

 }

 .b3-1-4 {

   width: 25%!important;

 }

 .b3-2-4 {

   width: 50%!important;

 }

 .b3-3-4 {

   width: 75%!important;

 }

 .b3-4-4 {

   width: 100%!important;

 }

 .b3-1-5 {

   width: 20%!important;

 }

 .b3-2-5 {

   width: 40%!important;

 }

 .b3-3-5 {

   width: 60%!important;

 }

 .b3-4-5 {

   width: 80%!important;

 }

 .b3-5-5 {

   width: 100%!important;

 }

 .b3-1-6 {

   width: 16.66%!important;

 }

 .b3-2-6 {

   width: 33.32%!important;

 }

 .b3-3-6 {

   width: 50%!important;

 }

 .b3-4-6 {

   width: 66.66%!important;

 }

 .b3-5-6 {

   width: 83.32%!important;

 }

 .b3-6-6 {

   width: 100%!important;

 }

 .b3-1-7 {

   width: 14.28%!important;

 }

 .b3-2-7 {

   width: 28.56%!important;

 }

 .b3-3-7 {

   width: 42.84%!important;

 }

 .b3-4-7 {

   width: 57.12%!important;

 }

 .b3-5-7 {

   width: 71.40%!important;

 }

 .b3-6-7 {

   width: 85.68%!important;

 }

 .b3-7-7 {

   width: 100%!important;

 }

 .b3-1-8 {

   width: 12.5%!important;

 }

 .b3-2-8 {

   width: 25%!important;

 }

 .b3-3-8 {

   width: 37.5%!important;

 }

 .b3-4-8 {

   width: 50%!important;

 }

 .b3-5-8 {

   width: 62.5%!important;

 }

 .b3-6-8 {

   width: 75%!important;

 }

 .b3-7-8 {

   width: 87.5%!important;

 }

 .b3-8-8 {

   width: 100%!important;

 }

 .b3-1-9 {

   width: 11.1111%!important;

 }

 .b3-2-9 {

   width: 33.3333%!important;

 }

 .b3-3-9 {

   width: 33.3333%!important;

 }

 .b3-4-9 {

   width: 44.4444%!important;

 }

 .b3-5-9 {

   width: 55.5555%!important;

 }

 .b3-6-9 {

   width: 66.6666%!important;

 }

 .b3-7-9 {

   width: 77.7777%!important;

 }

 .b3-8-9 {

   width: 88.8888%!important;

 }

 .b3-9-9 {

   width: 100%!important;

 }

 .b3-full {

   width: 100%!important;

 }

 .b3-hide {

   display: none!important;

 }

 .b3-show.b {

   display: block

 }

 .b3-show.ib {

   display: inline-block

 }

 .b3-left {

   text-align: left!important;

 }

 .b3-right {

   text-align: right!important;

 }

 .b3-center {

   text-align: center!important;

 }

 .b3-no-mar {

   margin: 0!important;

 }

 .b3-1-12 {

   width: 8.33%;

 }



 .b3-2-12 {

   width: 16.66%;

 }



 .b3-3-12 {

   width: 25%;

 }



 .b3-4-12 {

   width: 33.33%;

 }



 .b3-5-12 {

   width: 41.66%;

 }



 .b3-6-12 {

   width: 50%;

 }



 .b3-7-12 {

   width: 58.33%;

 }



 .b3-8-12 {

   width: 66.66%;

 }



 .b3-9-12 {

   width: 75%;

 }



 .b3-10-12 {

   width: 83.33%;

 }



 .b3-11-12 {

   width: 91.66%;

 }



 .b3-12-12 {

   width: 100%;

 }

}



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

  .b4-1-2 {

   width: 50%!important;

 }

 .b4-2-2 {

   width: 100%!important;

 }

 .b4-1-3 {

   width: 33.33%!important;

 }

 .b4-2-3 {

   width: 66.66%!important;

 }

 .b4-3-3 {

   width: 100%!important;

 }

 .b4-1-4 {

   width: 25%!important;

 }

 .b4-2-4 {

   width: 50%!important;

 }

 .b4-3-4 {

   width: 75%!important;

 }

 .b4-4-4 {

   width: 100%!important;

 }

 .b4-1-5 {

   width: 20%!important;

 }

 .b4-2-5 {

   width: 40%!important;

 }

 .b4-3-5 {

   width: 60%!important;

 }

 .b4-4-5 {

   width: 80%!important;

 }

 .b4-5-5 {

   width: 100%!important;

 }

 .b4-1-6 {

   width: 16.66%!important;

 }

 .b4-2-6 {

   width: 33.32%!important;

 }

 .b4-3-6 {

   width: 50%!important;

 }

 .b4-4-6 {

   width: 66.66%!important;

 }

 .b4-5-6 {

   width: 83.32%!important;

 }

 .b4-6-6 {

   width: 100%!important;

 }

 .b4-1-7 {

   width: 14.28%!important;

 }

 .b4-2-7 {

   width: 28.56%!important;

 }

 .b4-3-7 {

   width: 42.84%!important;

 }

 .b4-4-7 {

   width: 57.12%!important;

 }

 .b4-5-7 {

   width: 71.40%!important;

 }

 .b4-6-7 {

   width: 85.68%!important;

 }

 .b4-7-7 {

   width: 100%!important;

 }

 .b4-1-8 {

   width: 12.5%!important;

 }

 .b4-2-8 {

   width: 25%!important;

 }

 .b4-3-8 {

   width: 37.5%!important;

 }

 .b4-4-8 {

   width: 50%!important;

 }

 .b4-5-8 {

   width: 62.5%!important;

 }

 .b4-6-8 {

   width: 75%!important;

 }

 .b4-7-8 {

   width: 87.5%!important;

 }

 .b4-8-8 {

   width: 100%!important;

 }

 .b4-1-9 {

   width: 11.1111%!important;

 }

 .b4-2-9 {

   width: 33.3333%!important;

 }

 .b4-3-9 {

   width: 33.3333%!important;

 }

 .b4-4-9 {

   width: 44.4444%!important;

 }

 .b4-5-9 {

   width: 55.5555%!important;

 }

 .b4-6-9 {

   width: 66.6666%!important;

 }

 .b4-7-9 {

   width: 77.7777%!important;

 }

 .b4-8-9 {

   width: 88.8888%!important;

 }

 .b4-9-9 {

   width: 100%!important;

 }

 .b4-full {

   width: 100%!important;

 }

 .b4-hide {

   display: none!important;

 }

 .b4-show.b {

   display: block;

 }

 .b4-show.ib {

   display: inline-block;

 }

 .b4-left {

   text-align: left!important;

 }

 .b4-right {

   text-align: right!important;

 }

 .b4-center {

   text-align: center!important;

 }

 .b4-no-mar {

   margin: 0!important;

 }

 .b4-1-12 {

   width: 8.33%;

 }



 .b4-2-12 {

   width: 16.66%;

 }



 .b4-3-12 {

   width: 25%;

 }



 .b4-4-12 {

   width: 33.33%;

 }



 .b4-5-12 {

   width: 41.66%;

 }



 .b4-6-12 {

   width: 50%;

 }



 .b4-7-12 {

   width: 58.33%;

 }



 .b4-8-12 {

   width: 66.66%;

 }



 .b4-9-12 {

   width: 75%;

 }



 .b4-10-12 {

   width: 83.33%;

 }



 .b4-11-12 {

   width: 91.66%;

 }



 .b4-12-12 {

   width: 100%;

 }

}



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

  .th-1-2 {

   width: 50%!important;

 }

 .th-2-2 {

   width: 100%!important;

 }

 .th-1-3 {

   width: 33.33%!important;

 }

 .th-2-3 {

   width: 66.66%!important;

 }

 .th-3-3 {

   width: 100%!important;

 }

 .th-1-4 {

   width: 25%!important;

 }

 .th-2-4 {

   width: 50%!important;

 }

 .th-3-4 {

   width: 75%!important;

 }

 .th-4-4 {

   width: 100%!important;

 }

 .th-1-5 {

   width: 20%!important;

 }

 .th-2-5 {

   width: 40%!important;

 }

 .th-3-5 {

   width: 60%!important;

 }

 .th-4-5 {

   width: 80%!important;

 }

 .th-5-5 {

   width: 100%!important;

 }

 .th-1-6 {

   width: 16.66%!important;

 }

 .th-2-6 {

   width: 33.32%!important;

 }

 .th-3-6 {

   width: 50%!important;

 }

 .th-4-6 {

   width: 66.66%!important;

 }

 .th-5-6 {

   width: 83.32%!important;

 }

 .th-6-6 {

   width: 100%!important;

 }

 .th-1-7 {

   width: 14.28%!important;

 }

 .th-2-7 {

   width: 28.56%!important;

 }

 .th-3-7 {

   width: 42.84%!important;

 }

 .th-4-7 {

   width: 57.12%!important;

 }

 .th-5-7 {

   width: 71.40%!important;

 }

 .th-6-7 {

   width: 85.68%!important;

 }

 .th-7-7 {

   width: 100%!important;

 }

 .th-1-8 {

   width: 12.5%!important;

 }

 .th-2-8 {

   width: 25%!important;

 }

 .th-3-8 {

   width: 37.5%!important;

 }

 .th-4-8 {

   width: 50%!important;

 }

 .th-5-8 {

   width: 62.5%!important;

 }

 .th-6-8 {

   width: 75%!important;

 }

 .th-7-8 {

   width: 87.5%!important;

 }

 .th-8-8 {

   width: 100%!important;

 }

 .th-1-9 {

   width: 11.1111%!important;

 }

 .th-2-9 {

   width: 33.3333%!important;

 }

 .th-3-9 {

   width: 33.3333%!important;

 }

 .th-4-9 {

   width: 44.4444%!important;

 }

 .th-5-9 {

   width: 55.5555%!important;

 }

 .th-6-9 {

   width: 66.6666%!important;

 }

 .th-7-9 {

   width: 77.7777%!important;

 }

 .th-8-9 {

   width: 88.8888%!important;

 }

 .th-9-9 {

   width: 100%!important;

 }

 .th-full {

   width: 100%!important;

 }

 .th-hide {

   display: none!important;

 }

 .th-show.b {

   display: block;

 }

 .th-show.ib {

   display: inline-block!important;

 }

 .th-left {

   text-align: left!important;

 }

 .th-right {

   text-align: right!important;

 }

 .th-center {

   text-align: center!important;

 }

 .th-bg-left {

   background-position: left!important;

 }

 .th-bg-right {

   background-position: right!important;

 }

 .th-bg-top {

   background-position: top!important;

 }

 .th-bg-bottom {

   background-position: bottom!important;

 }

 .th-bg-center {

   background-position: center!important;

 }

 .th-no-mar {

   margin: 0!important;

 }

 .th-1-12 {

   width: 8.33%;

 }



 .th-2-12 {

   width: 16.66%;

 }



 .th-3-12 {

   width: 25%;

 }



 .th-4-12 {

   width: 33.33%;

 }



 .th-5-12 {

   width: 41.66%;

 }



 .th-6-12 {

   width: 50%;

 }



 .th-7-12 {

   width: 58.33%;

 }



 .th-8-12 {

   width: 66.66%;

 }



 .th-9-12 {

   width: 75%;

 }



 .th-10-12 {

   width: 83.33%;

 }



 .th-11-12 {

   width: 91.66%;

 }



 .th-12-12 {

   width: 100%;

 }

}



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

  .tv-1-2 {

   width: 50%!important;

 }

 .tv-2-2 {

   width: 100%!important;

 }

 .tv-1-3 {

   width: 33.33%!important;

 }

 .tv-2-3 {

   width: 66.66%!important;

 }

 .tv-3-3 {

   width: 100%!important;

 }

 .tv-1-4 {

   width: 25%!important;

 }

 .tv-2-4 {

   width: 50%!important;

 }

 .tv-3-4 {

   width: 75%!important;

 }

 .tv-4-4 {

   width: 100%!important;

 }

 .tv-1-5 {

   width: 20%!important;

 }

 .tv-2-5 {

   width: 40%!important;

 }

 .tv-3-5 {

   width: 60%!important;

 }

 .tv-4-5 {

   width: 80%!important;

 }

 .tv-5-5 {

   width: 100%!important;

 }

 .tv-1-6 {

   width: 16.66%!important;

 }

 .tv-2-6 {

   width: 33.32%!important;

 }

 .tv-3-6 {

   width: 50%!important;

 }

 .tv-4-6 {

   width: 66.66%!important;

 }

 .tv-5-6 {

   width: 83.32%!important;

 }

 .tv-6-6 {

   width: 100%!important;

 }

 .tv-1-7 {

   width: 14.28%!important;

 }

 .tv-2-7 {

   width: 28.56%!important;

 }

 .tv-3-7 {

   width: 42.84%!important;

 }

 .tv-4-7 {

   width: 57.12%!important;

 }

 .tv-5-7 {

   width: 71.40%!important;

 }

 .tv-6-7 {

   width: 85.68%!important;

 }

 .tv-7-7 {

   width: 100%!important;

 }

 .tv-1-8 {

   width: 12.5%!important;

 }

 .tv-2-8 {

   width: 25%!important;

 }

 .tv-3-8 {

   width: 37.5%!important;

 }

 .tv-4-8 {

   width: 50%!important;

 }

 .tv-5-8 {

   width: 62.5%!important;

 }

 .tv-6-8 {

   width: 75%!important;

 }

 .tv-7-8 {

   width: 87.5%!important;

 }

 .tv-8-8 {

   width: 100%!important;

 }

 .tv-1-9 {

   width: 11.1111%!important;

 }

 .tv-2-9 {

   width: 33.3333%!important;

 }

 .tv-3-9 {

   width: 33.3333%!important;

 }

 .tv-4-9 {

   width: 44.4444%!important;

 }

 .tv-5-9 {

   width: 55.5555%!important;

 }

 .tv-6-9 {

   width: 66.6666%!important;

 }

 .tv-7-9 {

   width: 77.7777%!important;

 }

 .tv-8-9 {

   width: 88.8888%!important;

 }

 .tv-9-9 {

   width: 100%!important;

 }

 .tv-full {

   width: 100%!important;

 }

 .tv-hide {

   display: none!important;

 }

 .tv-show.b {

   display: block;

 }

 .tv-show.ib {

   display: inline-block;

 }

 .tv-left {

   text-align: left!important;

 }

 .tv-right {

   text-align: right!important;

 }

 .tv-center {

   text-align: center!important;

 }

 .tv-bg-left {

   background-position: left!important;

 }

 .tv-bg-right {

   background-position: right!important;

 }

 .tv-bg-top {

   background-position: top!important;

 }

 .tv-bg-bottom {

   background-position: bottom!important;

 }

 .tv-bg-center {

   background-position: center!important;

 }

 .tv-no-mar {

   margin: 0!important;

 }

 .tv-1-12 {

   width: 8.33%;

 }



 .tv-2-12 {

   width: 16.66%;

 }



 .tv-3-12 {

   width: 25%;

 }



 .tv-4-12 {

   width: 33.33%;

 }



 .tv-5-12 {

   width: 41.66%;

 }



 .tv-6-12 {

   width: 50%;

 }



 .tv-7-12 {

   width: 58.33%;

 }



 .tv-8-12 {

   width: 66.66%;

 }



 .tv-9-12 {

   width: 75%;

 }



 .tv-10-12 {

   width: 83.33%;

 }



 .tv-11-12 {

   width: 91.66%;

 }



 .tv-12-12 {

   width: 100%;

 }

}



@media only screen and (min-width:320px) and (max-width:640px) {

  .m-1-2 {

   width: 50%!important;

 }

 .m-2-2 {

   width: 100%!important;

 }

 .m-1-3 {

   width: 33.33%!important;

 }

 .m-2-3 {

   width: 66.66%!important;

 }

 .m-3-3 {

   width: 100%!important;

 }

 .m-1-4 {

   width: 25%!important;

 }

 .m-2-4 {

   width: 50%!important;

 }

 .m-3-4 {

   width: 75%!important;

 }

 .m-4-4 {

   width: 100%!important;

 }

 .m-1-5 {

   width: 20%!important;

 }

 .m-2-5 {

   width: 40%!important;

 }

 .m-3-5 {

   width: 60%!important;

 }

 .m-4-5 {

   width: 80%!important;

 }

 .m-5-5 {

   width: 100%!important;

 }

 .m-1-6 {

   width: 16.66%!important;

 }

 .m-2-6 {

   width: 33.32%!important;

 }

 .m-3-6 {

   width: 50%!important;

 }

 .m-4-6 {

   width: 66.66%!important;

 }

 .m-5-6 {

   width: 83.32%!important;

 }

 .m-6-6 {

   width: 100%!important;

 }

 .m-1-7 {

   width: 14.28%!important;

 }

 .m-2-7 {

   width: 28.56%!important;

 }

 .m-3-7 {

   width: 42.84%!important;

 }

 .m-4-7 {

   width: 57.12%!important;

 }

 .m-5-7 {

   width: 71.40%!important;

 }

 .m-6-7 {

   width: 85.68%!important;

 }

 .m-7-7 {

   width: 100%!important;

 }

 .m-1-8 {

   width: 12.5%!important;

 }

 .m-2-8 {

   width: 25%!important;

 }

 .m-3-8 {

   width: 37.5%!important;

 }

 .m-4-8 {

   width: 50%!important;

 }

 .m-5-8 {

   width: 62.5%!important;

 }

 .m-6-8 {

   width: 75%!important;

 }

 .m-7-8 {

   width: 87.5%!important;

 }

 .m-8-8 {

   width: 100%!important;

 }

 .m-1-9 {

   width: 11.1111%!important;

 }

 .m-2-9 {

   width: 33.3333%!important;

 }

 .m-3-9 {

   width: 33.3333%!important;

 }

 .m-4-9 {

   width: 44.4444%!important;

 }

 .m-5-9 {

   width: 55.5555%!important;

 }

 .m-6-9 {

   width: 66.6666%!important;

 }

 .m-7-9 {

   width: 77.7777%!important;

 }

 .m-8-9 {

   width: 88.8888%!important;

 }

 .m-9-9 {

   width: 100%!important;

 }

 .m-full {

   width: 100%!important;

 }

 .m-hide {

   display: none!important;

 }

 .m-show.b {

   display: block;

 }

 .m-show.ib {

   display: inline-block;

 }

 .m-left {

   text-align: left!important;

 }

 .m-right {

   text-align: right!important;

 }

 .m-center {

   text-align: center!important;

 }

 .m-bg-left {

   background-position: left!important;

 }

 .m-bg-right {

   background-position: right!important;

 }

 .m-bg-top {

   background-position: top!important;

 }

 .m-bg-bottom {

   background-position: bottom!important;

 }

 .m-bg-center {

   background-position: center!important;

 }

 .m-no-mar {

   margin: 0!important;

 }

 .m-1-12 {

   width: 8.33%;

 }



 .m-2-12 {

   width: 16.66%;

 }



 .m-3-12 {

   width: 25%;

 }



 .m-4-12 {

   width: 33.33%;

 }



 .m-5-12 {

   width: 41.66%;

 }



 .m-6-12 {

   width: 50%;

 }



 .m-7-12 {

   width: 58.33%;

 }



 .m-8-12 {

   width: 66.66%;

 }



 .m-9-12 {

   width: 75%;

 }



 .m-10-12 {

   width: 83.33%;

 }



 .m-11-12 {

   width: 91.66%;

 }



 .m-12-12 {

   width: 100%;

 }

}





 /*   _____             .___.__         ________                             .__

 /     \   ____   __| _/|__|____    \_____  \  __ __   __________________|__| ____   ______

/  \ /  \_/ __ \ / __ | |  \__  \    /  / \  \|  |  \_/ __ \_  __ \_  __ \  |/ __ \ /  ___/

/    Y    \  ___// /_/ | |  |/ __ \_ /   \_/.  \  |  /\  ___/|  | \/|  | \/  \  ___/ \___ \ 

\____|__  /\___  >____ | |__(____  / \_____\ \_/____/  \___  >__|   |__|  |__|\___  >____  >

\/     \/     \/         \/         \__>           \/                     \/     \/*/





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

  .toggleTitleWrapper h3{

    padding-right: 30px;

  }





}

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

	.container{

		padding: 0 2%;

	}





}

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

  .social i {

    top: 0px;

  }



}

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

	

}

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

  .teamMilieu {

    padding: 0 2%;

  }

}

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



}

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





}

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



	



}

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

	h1 {

    font-size: 50px;

    line-height: 60px;

  }

  .contentBanner {

    font-size: 17px;

    line-height: 27px;

  }



}







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





}



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

  .tag {

    margin-right: 5%;

  }

  .banner .lesBtn {

    margin-top: 30px;

  }

  .contentBanner {

    font-size: 16px;

    line-height: 25px;

  }

  .lesBtnHeader {

    padding: 5px 15px 14px 15px!important;

  }

  .lesBtnHeader, .btnVert {

    font-size: 16px!important;

  }

  .leMedia{

    display: none!important;

  }

  .contenuDroitBanner {

    margin-top: 0px;

  }

  .paddingSection {

    padding: 45px 0;

  }

  .panel {

    padding: 45px 40px;

  }

  .sectionBlancContact {

    margin: 20px auto auto auto;

  }

  .slideToggle .panel{

    position: relative;

  }

  .boiteVertePhone:after {

    border: 3px solid transparent;

    border-top: 25px solid var(--bleuP);

    border-right: 25px solid var(--bleuP);

    border-bottom: 25px solid transparent;

    border-left: 25px solid transparent;

    content: "";

    top: 0;

    position: absolute;

    right: 0;

  }

  .boiteVerte:after {

    display: none;

  }

  .openMe1, .openMe2, .openMe3, .openMe4, .openMe5{

    display: none!important;

  }

  .slideToggle h3 {

    margin-bottom: 0px; 

  }

  .slideToggle .panel h3 {

    color: #fff;

  }

  .accordion.active .btnPlus:after {

    content: "\f063";

    left: 3px;

  }

  .ZoneEquipe h3 {

    font-size: 20px;

    line-height: 26px;

  }

  .ZoneEquipe img {

    max-width: 50%;

  }

  .ZoneEquipe .sectionBlancContact {

    margin-bottom: 40px;

  }

  .ZoneEquipe {

    padding-top: 45px;

    padding-bottom: 5px;

  }

  .teamMilieu {

    padding: 0;

  }

  .slideToggle2 button{

    position: relative;

  }

  .slideToggle2 button h3{

    top: 9px;

    position: relative;

  }

  .panel2 h3:first-of-type {

    font-size: 18px;

    line-height: 26px;

  }

  .infoFooter {

    display: block;

  }

  .infoFooter img{

    margin-bottom: 55px;

  }

  .infosContact{

    margin-bottom: 20px;

  }



}





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

  .container {

    padding: 0 4%;

  }

  .displayNonePhone{

    display: none!important;

  }

  .displayPhone{

    display: inline!important;

  }

  h1 {

    margin-top: 40px;

    font-size: 32px;

    line-height: 34px;

  }

  h2 {

    font-size: 30px;

    line-height: 36px;

  }

  h3 {

    font-size: 18px;

    line-height: 26px;

  }

  h4 {

    font-size: 18px;

    line-height: 24px;

  }

  .PetitText{

    font-size: 15px;

    line-height: 24px;    

  }



}





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

	.btnVert {

    padding: 14px 10px!important;

  }

  .lesBtnHeader {

    padding: 5px 15px 14px 15px!important;

  }

  .lesBtn {

    margin-right: 20px;

  }

  .btnHeader{

    display: inline-flex;

    justify-content: center;

  }

  .cookie-banner-box{
    text-align: center;
    right: 0;
    max-width: 100%;
  }


}







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



}





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







}