@charset "utf-8";
/* CSS Document */
:root {
--ch-blue : #54a3af;
--ahov:#a82c04;
--acol:#f15827;
--titre:titre;
--titre-co:#f15827;
--titre-co2:rgba(0, 0, 0, 0.55);;
--es-blue:#ffffff;
--b-bg:#ffffff;
--es-item-bg:#fff;
--es-fom-bd:#fff;
--fom-bdup:#56a4b0;
--ac:#263e8b;

--sohoup:#263e8b;
--btno-bg:#777676;
--btno-bd: #777676;
--mod-t:#263e8b;
--nav-ho:#ffffff;
--soc-bg:transparent;
--soho:#c1c1c1;
--cox:#263e8b;
--prim-bg:#232323;
--prim-bd:#232323;
--me:#263e8b;
--us:#263e8b;
--ag:#263e8b;
--pl:#263e8b;
--duree:#263e8b;
--sous-co:#263e8b;
--spex-co:#263e8b;
--rec-tx:#ffffff;
--centre-bg:#ffffff;
--prim-bgup:#56a4b0;
--w-input-b :#667e97;;
--backC:#fcfcfc;
--backCbd:1px solid #e1e1e1;
--backCpad:20px;
}
body{
	padding-top:0px;
	margin:0;
	background-color:var(--b-bg);
	color:#444444;
	background-image:none;
	background-repeat:repeat;
	font-family: "regular";
	font-size:1em;
	line-height:1.3em;
}
.div-general{padding-top:0;	margin:0;}
a {
  color: var(--acol);
  text-decoration: none;
}
a:hover {
  color: var(--ahov);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
.img-responsive{display: block;max-width: 100%;height: auto;}
.img-responsive-center{display: block;max-width: 100%;height: auto;padding: 3px;margin:0 auto;}
.img-responsive-gauche {display: block;max-width: 100%;height: auto;float: left;}
.mr3, .mrl {margin-right: 30px;}
.bold{font-family:var(--bs-font-bold);}
.thin{font-family:var(--bs-font-thin);}
.warning{color:var(--bs-red);}
.p-note{font-size:80%;}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2 {font-family: var(--titre);color:var(--titre-co2);}
h1, .h1 {font-family: var(--titre);}
h2{font-size:1.6em;}
.couleur{margin-bottom:20px;}
.couleur .container{background-color:var(--backC);border:var(--backCbd);padding:var(--backCpad);}
.couleur.spex{background-color:var(--backC); border:var(--backCbd);border-width:1px 0 0 0;margin-bottom:0;}
.couleur .container{/*border:var(--backCbd);*/display: grid;}
.couleur.spex .container{border-width: 0;}

.couleur.couleur-2c .col-lg-6{
	  display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

.gris h6, .gris.h6, .gris h5, .gris.h5, .gris h4, .gris.h4, .gris h3, .gris.h3, .gris h2, .gris.h2, .gris h1, .gris.h1 {font-family: var(--titre);color:var(--titre-co2);}


.first.gris h2,.first.gris h3,.first.gris h4,.first.gris h5,.first.gris h6,.first.gris p{color:var(--titre-co2);}
.carousel-item h1 {font-family:var(--titre);}
.carousel-item  h2,.carousel-item  h3,.carousel-item  h4,.carousel-item h5, .carousel-item  h6{font-family:var(--titre);}
.first h1,.first h2,.first h3,.first h4,.first h5, .first   h6{font-family: var(--titre);}


.form-select {border-radius: 0;border-color: var(--w-input-ph);border-width: 2px;}
.form-select:focus {border-color:var(--es-fom-bd);box-shadow: 0 0 0 0.25rem var(--es-fom-bdup);color: #212529;}
 select   option::hover{background-color:var(--es-fom-bd);}
 .gris ul li{padding-bottom:15px;font-size:0.9em;}
/*SLOGAN*/
	 #span-slogan{font-size:1rem;font-family: var(--w-font-slogan); color: var(--bs-red);display:block; text-align:center;}
	 #span-slogan p{margin-bottom:0;}
/*BRAND*/
	.navbar-brand{font-family: var(--w-font-menu);display: flex; flex-direction: column;}

/*MENU*/
.navbar {padding-top: 1.5rem;padding-bottom: 0rem;}
.navbar-light .navbar-nav .nav-link{font-family: var(--w-font-menu);display:block;vertical-align:middle;text-transform:none;line-height:50px;width:100%;padding-left:20px;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .active .nav-link {color: var(--nav-ho);background-color:var(--ch-blue);  text-decoration: none;}
.dropdown-item {color: rgba(0, 0, 0, 0.55);font-family: var(--w-font-menu);}

.dropdown-item {
	display: block;
	padding: 0.25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	
}
@media (max-width: 767px) {	
	.dropdown-item {line-height:50px;}
}
.dropdown-item:hover, .dropdown-item:focus {
  color:#fff;
  background-color: var(--dropdown-item-c);
}
.dropdown-item.active, .dropdown-item:active {
  color:#fff;
  background-color: var(--dropdown-item-c);
  text-decoration: none;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
  padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;top:46px;
}
/*
.dropdown:after {
	display: inline-block;
	position:absolute;
	right:-0.3em;
	top:0.8em;
	content: "";
	border-top: .3em solid transparent;
	border-right: .3em solid transparent;
	border-bottom: .3em solid transparent;
	border-left: .3em solid rgba(0, 0, 0, 0.55););
}
.dropdown:hover:after {
	border-left: .3em solid rgba(255,255,255, 0.55););
}*/
.dropdown-menu {border-radius: 0;border-width:2px;border-color:var(--w-gris);}
.dropdown-submenu .dropdown-menu {border-radius: 0;border-width:0px;border-color:var(--w-gris);}
/*toggler*/
.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, 0.55);
	border-color: rgba(0, 0, 0, 0.1);
	margin-left: auto;
	margin-right: auto;
}
/*CONTENT*/
.titre-rouge{color:var(--bs-red);}
.rouge{color:#f15827;}
.bleu{color:#006777;}
.cf{background-color:var(--w-bg-cf);padding-top: 1rem !important;padding-bottom: 1rem !important;color:var(--w-color-cf);}
.gris{background-color:var(--w-bg-gris);padding-top: 2em;padding-bottom: 2em;}

.vert{background-color:var(--w-bg-vert); color:var(--w-bg-vert-color);padding: 0em;}
.rose{background-color:var(--bs-pink );color:var(--w-white);}
.blanc{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	background-color:var(--w-white);
 }
 
#centre{background-color:var(--centre-bg);padding:3em;margin-bottom:3em;border-radius:20px 20px 20px 20px !important;} 
#centre  .gris {background-color:var(--es-blue);color:#fff;border-radius: 20px 20px 20px 20px !important;}


.gris .img-responsive, .gris .img-responsive-center, .gris img{border: 5px solid #fff;}
.gris.spex3{padding-top: 0.5em;}
.gris.gris-1c{padding-bottom: 0.5em;}
@media (max-width:800px){
	.col-xs-12.block1, .col-xs-12.block2,.col-xs-12.block3,.col-xs-12.block4,.col-xs-12.block5,.col-xs-12.block6{
		margin-bottom:20px;
		max-width:375px;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
}
@media (max-width:768px){
	.blockCenter{padding-top:30px;}
	.blockCenter.ps-5{padding-left: 1rem !important;}
}
@media (max-width:768px){
.blockCenter{flex-wrap: wrap !important;display: flex !important;align-content: center;}
}
.block1, .block2,.block3,.block4,.block5,.block6{
	height: 300px;
	overflow:hidden;
}
.block1 .caption1,
.block2 .caption1,
.block3 .caption1,
.block4 .caption1,
.block5 .caption1,
.block6 .caption1{
	display: block;
	width: 98%;
	height: 300px;
	text-align: center;
	color: #ffffff;
	transform:translate(0,0px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:1;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
}

.block1 .block-texte,
.block2 .block-texte,
.block3 .block-texte,
.block4 .block-texte,
.block5 .block-texte,
.block6 .block-texte{ 
	display: block;
	width: 98%;
	height: 350px;
	margin: 0 auto;
	padding-top:0px;
	text-align: center;
	color: #ffffff;
	transform:translate(0,-630px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:1;
}
.block1 .caption2,
.block2 .caption2,
.block3 .caption2,
.block4 .caption2,
.block5 .caption2,
.block6 .caption2{ display:block;
	width: 98%;
	height: 350px;
	background-color:#022A68;
	margin: 0 auto;
	text-align: center;
	transform:translate(0, -350px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.3;
}
.block1:hover .caption2,
.block2:hover .caption2,
.block3:hover .caption2,
.block4:hover .caption2,
.block5:hover .caption2,
.block6:hover .caption2{
	transform:translate(0,-300px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.7;
}
.block-texte a.a-bouton,
.block-texte a.a-bouton,
.block-texte a.a-bouton,
.block-texte a.a-bouton,
.block-texte a.a-bouton,
.block-texte a.a-bouton{
	position:relative;
	z-index:100;
}
.block-texte h3{
	width:90%;
	display:block;
	margin:0 auto;padding-top:20px;
	padding-bottom: 20px;
	font-weight: 900;
	font-size: 18pt;
	color:#fff;
	letter-spacing:1.5px;
	font-family: 'medium',arial,verdana,sans-serif;
	border-top:1px solid red;
	border-bottom:1px solid red;
}
#div-bc-reference.first{background-color:#eff2ff;padding-top:30px;padding-bottom:0px;background-repeat: no-repeat;background-size: cover;min-height:500px;}
#div-web-solutions.first{background-color:#eff2ff;padding-bottom:30px;background-repeat: no-repeat;background-size: cover;min-height:500px;}
.modal-header .modal-title{flex: max-content;}
#coordonnees .modal-footer,
#etre-appeler .modal-footer{justify-content: center;}
.modal-header .modal-title,
#coordonnees .modal-header .modal-title,
#etre-appeler  .modal-header .modal-title{color:var(--mod-t);font-family:thin;text-align:center}
.modal.fade.in{ 
opacity:1;
}
.modal-backdrop.fade.in{ opacity:0.6;transition: opacity 0.15s linear;}
.fade.in .modal-dialog{ 	transition: opacity 0.15s linear;
	transform: translate(0, 20px);}
.bg-footer {
	--w-bg-opacity: 1;
	background-color: #443a36;
	color:#fff;
	border-top:1px solid #000;
}
.bg-footer .col-md-4{padding-left:10%;max-width:90%;}
.contact .div-insc-news{display:none;}
footer a,footer .nav-link,
footer  .dropdown-menu .dropdown-item{font-size: var(--w-footernav-font-size);color: var(--w-footernav-color)!important;text-decoration:none;}
footer a:hover,footer .nav-link:hover,
footer  .dropdown-menu .dropdown-item:hover,
footer  .dropdown-menu .dropdown-item:active,
footer  .dropdown-menu .dropdown-item:focus{background-color: transparent;color: var(--w-footernav-color-h)!important;}
footer .dropdown::after {right: -1em!important;top: 0.7em!important;border-left: .3em solid var(--w-white);}
footer .dropdown-menu {display: block;background-color: transparent;border: 1px solid rgba(0, 0, 0, 0);padding:0;}
footer .tel{position:relative;}
footer .tel:before{content:url(../img2/tel.svg); position:absolute;left:-25px; }
footer .email{position:relative;}
footer .email:before{content:url(../img2/mail.svg); position:absolute;left:-25px; }
footer .adresse{position:relative;}
footer .adresse:before{content:url(../img2/poi.svg); position:absolute;left:-25px; }

.home .bg-footer{/*background-color: #000;*/color:#ffffff;}
.home footer a{color:#fff!important;}
.home footer a:hover{color:#f15827!important;}
#woisa{border-top:1px solid #443a36;background-color: #443a36;color:#b0b0b0;}
#woisa ,
#woisa a{color:#9f9f9f;font-size: 0.8em;}
#woisa a:hover{color: var(--acol)!important;}
/*.bg-footer .navbar-nav:hover{color: var(--w-footernav-color-h);}*/
.social-links{list-style:none;padding:0;margin:0;}
.social-links li {
	border-width:0 1px 0 0;
	border-color:#e1e1e1;
	border-style:solid;
	background:var(--soc-bg);
	color:var(--w-white);
	border-radius: 0px;
	width:2em;height:2em;
	float: left;
	margin-right: 0em;opacity:0.3;
}
.social-links li:hover{background:var(--soho);}
/*ICON*/
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: ico !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi {
    display: inline-block;
    vertical-align: -.125em;
}
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-headphones::before { content: "\f413"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-check2::before { content: "\f62e";}
/*LIENS BOUTONS*/
a {cursor:pointer;}
a.a-bouton {
	background-color: var(--w-bouton);
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7em;
	letter-spacing: 1.5px;
	text-decoration:none;
	border-radius: 300px;
	padding: 10px;
	padding-right: 10px;
	padding-left: 10px;
	display: inline-table;
	padding-left: 30px;
	padding-right: 30px;
}
a.a-bouton:hover {background-color: var(--w-boutonup);}
.a-retour{color: var(--bs-gray-dark);text-decoration:none;padding:2em 0;text-transform:uppercase;}
.a-retour:hover,
.a-retour:active,
.a-retour:focus{color: var(--acol);}
.a-retour:before{content: "\f27a";color:var(--w-pink);}
.a-refresh{color:var(--w-pink);font-size:1.5em;}
.a-refresh:before{content: "\f130";background-color:var(--w-pink);color:var(--w-white);padding:0.1em;border-radius: 30rem;}
.a-refresh:hover:before{background-color:var(--w-pink2);}
#myCarousel-home a.a-bouton{font-size: 1em;font-family: "menu";    box-shadow: 0 0 0 3px rgba(232,73,133,1)!important;
}

.connexion{align-items: center !important;justify-content: center !important;flex-wrap: wrap !important;    display: flex !important;}
.connexion a{background-color: var(--cox);color:var(--w-white);
	font-family: var(--w-font-menu);
	display: table-cell;
	vertical-align: middle;
	line-height: 2em;
	padding-right: 0.5rem;
	padding-left: 0rem;
	text-decoration:none;
	font-size:80%;
}
.connexion a:before{ content: "\f4e1";
	font-family: ico !important;
	font-size:1.4em;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.3em;
	padding-right:5px;
	padding-left:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.btn{font-size: 1rem;border-radius:3px;padding:10px 20px;}
.btn:focus{box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);}
.btn-default{
	color: #fff;
	font-size: 1em;
	letter-spacing: 1.5px;
	border-radius: 3px;
	background: linear-gradient(to bottom,  #73b3b9 0%,#6fb1bd 5%,#6fb1bd 53%,#56a4b0 100%); color:#fff;
	box-shadow: inset 0px 1px 0.04rem rgb(186, 229, 255);
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	color: #fff;
	
	/*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
	background: linear-gradient(to bottom,  #73b3b9 0%,#6fb1bd 5%,#56a4b0  53%,#6fb1bd 100%); color:#fff;
}
.btn.email:before{}
.btn.email{border: var(--backCbd);
/*background-image: url(../img2/email.jpg);*/
background-image:url(../img/mail.svg);
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 50px;}
.btn.noir{background: linear-gradient(to bottom,  #635c56 0%,#5f5652 5%,#60564d 53%,#453c38 100%); color:#fff;
	border-style:solid; border-width:1px;border-color:#8f7d73 #433a38 #433a38 #433a38;
	box-shadow: inset 0px 1px 0.04rem rgb(157, 141, 141);
}
.btn.blue{background: linear-gradient(to bottom,  #73b3b9 0%,#6fb1bd 5%,#6fb1bd 53%,#56a4b0 100%); color:#fff;
	box-shadow: inset 0px 1px 0.04rem rgb(186, 229, 255);
}
.recap  .btn-default{
	background-color: var(--za-btn-recap);
	border-color: var(--za-btn-recap);
}
.recap .btn-default:hover,
.recap .btn-default:active,
.recap  .btn-default:focus{
	background-color: var(--btn-recapup);
	border-color: var(--btn-recapup);
	color: var(--btn-recapupco);
	box-shadow: 0 0 0 0.25rem var(--btn-recap-sha);
}
.recap  p, .recap ul li{ color:var(--rec-tx) !important;}
.btn-primary {
	color: #fff;
	background-color: var(--prim-bg);
	border-color: var(--prim-bd);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1.5px;
	border-radius: 1px;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: #fff;
	background-color: var(--sohoup);
	border-color: var(--sohoup);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color:var(--sohoup);
  border-color:var(--sohoup);
  box-shadow:  0 0 0px .2rem rgba(232,73,133,.25);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color:var(--w-disabled);
  border-color:var(--w-disabled);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow:  0 0 0px .2rem rgba(232,73,133,.25);
}
.btn-outline-primary {
  color: var(--w-blue8);
  border-color: transparent;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--w-blue8);
  border-color: transparent;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: var(--w-blue8);
  border-color: var(--w-blue8);
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0m rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: var(--w-blue8);
  background-color: transparent;
}
.btn.disabled{ background-color:var(--btno-bg);border-color:var(--btno-bd); }
.me{background-color:transparent;color:var(--w-white);font-size: 0.6em;line-height:3em;line-height: 2em;height:2em;width:4em;text-decoration:none;}
.me:before{content: "\f4e7";color:var(--me);
	font-family: ico !important;
	font-size:2em;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.3em;
	padding-right:5px;
	padding-left:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.me span{
	display:block;
	transform-origin: 50% 50%;
	transform: translate(-10px,-70px);
	width:0px;
	height:0px;
	opacity:0;
	display:block;
	position:relative;
	bottom:0;
	transition: all 0.7s linear;
	color:var(--ea-gris);
	white-space: nowrap;
}
.me:hover span{
transform: translate(-10px,-35px);
	width:60px;
	height:2em;
	opacity:1;
}

.us{background-color:transparent;color:var(--w-white);font-size: 0.6em;line-height:3em;line-height: 2em;height:2em;width:4em;text-decoration:none;}
.us:before{content: "\f414";color:var(--us);
	font-family: ico !important;
	font-size:2em;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.3em;
	padding-right:5px;
	padding-left:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.us span{
	display:block;
	transform-origin: 50% 50%;
	transform: translate(-10px,-70px);
	width:0px;
	height:0px;
	opacity:0;
	display:block;
	position:relative;
	bottom:0;
	transition: all 0.7s linear;
	color:var(--ea-gris);
	white-space: nowrap;
}
.us:hover span{
transform: translate(-10px,-35px);
	width:60px;
	height:2em;
	opacity:1;
}
.agence{background-color:transparent;color:var(--w-white);font-size: 0.6em;line-height:3em;line-height: 2em;height:2em;width:4em;text-decoration:none;}
.agence:before{ content: "\f3e7";color:var(--ag);
	font-family: ico !important;
	font-size:2em;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.3em;
	padding-right:5px;
	padding-left:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.agence span{
	display:block;
	transform-origin: 50% 50%;
	transform: translate(-10px,-70px);
	width:0px;
	height:0px;
	opacity:0;
	display:block;
	position:relative;
	bottom:0;
	transition: all 0.7s linear;
	color:var(--ea-gris);
	white-space: nowrap;
}
.agence:hover span{
transform: translate(-10px,-35px);
	width:60px;
	height:2em;
	opacity:1;
}
.planning{background-color:transparent;color:var(--w-white);font-size: 0.6em;line-height:3em;line-height: 2em;height:2em;width:4em;text-decoration:none;}
.planning:before{ content: "\f1e2";color:var(--pl);
	font-family: ico !important;
	font-size:2em;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.3em;
	padding-right:5px;
	padding-left:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.planning span{
	display:block;
	transform-origin: 50% 50%;
	transform: translate(-10px,-70px);
	width:0px;
	height:0px;
	opacity:0;
	display:block;
	position:relative;
	bottom:0;
	transition: all 0.7s linear;
	color:var(--ea-gris);
	white-space: nowrap;
}
.planning:hover span{
transform: translate(-10px,-35px);
	width:60px;
	height:2em;
	opacity:1;
}
/*FORM */
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid var(--w-input-b);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  color: var(--bs-gray-900);
  background-color: #fff;
  border-color: var(--es-fom-bd);
  outline: 0;
  box-shadow:  0 0 0px .2rem var(--fom-bdup);
}
.cont-1234{width:50%;margin-left:25%;display:flex; justify-content:space-between;align-items : stretch; align-items:center;padding-bottom:2rem;border-bottom:1px solid var(--w-gris);}
.un,.deux,.trois,.quatre{text-align:center;}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 1px rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: var(--soho);
  border-color: var(--soho);
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color:  var(--w-blue4);
  border-color:  var(--w-blue4);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.span-valide:before{ display: inline-block;  font-family: ico !important;content: "\f26b";color:var(--za-btn-recap);}
.pager {
    padding-left: 0;
    margin: 41px 0 21px 0;
    list-style: none;
    text-align: center;
	width:100%;
}
.pager li {
    display: inline;
}
.pager .next > a, .pager .next > span {
    float: right;
}

.pager li > a, .pager li > span {
    color: #fff;
    display: inline-block;
    padding: 5px 14px;
    background-color: #232323;
    border: 1px solid transparent;
    border-radius: 15px;
}
.pager li > a:hover, .pager li > a:focus {
    background-color: #f15827;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #ffffff;
    background-color: #b6b6b6;
    cursor: not-allowed;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination {
    list-style: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #ecf0f1;
    background-color: #bebebe;
    border-color: transparent;
    cursor: default;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 15px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #ffffff;
    background-color: #a1a1a1;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    margin-left: -1px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #232323;
    border-color: transparent;
    cursor: default;
}
/*FORMULES*/
#DivAdresseDom{min-height:54px;}
#DivFormule{min-height:54px;color:var(--es-blue);}
.div-pays-dom.none{display:none;}
.souscription .titre{font-size:0.8em;}
.souscription .titre strong{font-size:1.3em;}
.souscription .duree{font-size: 80%;color:var(--duree);padding-left:1rem;font-family: "titre";}
.souscription .prix{font-size: 140%;padding:10px 0 5px 0;font-family: "thin";}
.souscription .mode{font-family: "thin";display:block;}
.souscription .color{color:var(--sous-co);}
.souscription .text-muted .titre{display:block;font-family: "thin"}
.souscription .text-muted .titre span{display:block;font-family: "thin"}
.souscription .text-muted .duree {color: #6c757d !important;}
.souscription  .dg{display:block;}
.souscription  .span-ht{font-size: 110%;padding:0;font-weight:700;color:var(--bs-teal);}
.souscription  .span-ttc{font-size: 80%;padding:0;color:var(--bs-gray-600);}
.souscription  .span-loyer{font-size: 80%;padding:0 0 0 0;}
.souscription .text-muted .color{color: #6c757d !important;}
.souscription .text-muted .titre br{display:none;}

.souscription .formule-libelle{font-size: 100%;padding-left:10px;}
.souscription .formule-libelle p{margin-bottom:2px;}

.souscription .first{background-color:var(--w-bg-gris);padding-top: 2em;padding-bottom: 2em;color:#000;}
.span-mensualite{font-size: 80%;display:block;padding-left:30px;}
.p-dg{padding-top:8px;}
.dg-titre{}

.dg-libelle{font-weight:100;font-weight:bold;}
.dg-titre .span-ttc{font-weight:100!important;}
.form-titre{font-weight:bold;}
/*SPE*/
@media (max-width:768px){
.spex3 .col-sm-6 {margin-top:2rem;}
.blanc-1c-couleur1 .vert h2{font-size:1em;}
.blanc-1c-couleur .bleu h2{font-size:1em;}
}
@media (max-width:990px){
.spex3 .col-md-6 {margin-top:2rem;}
.blanc-1c-couleur1 .vert h2{font-size:1.5em;}
.blanc-1c-couleur .bleu h2{font-size:1.5em;}
}
.spex3 .blanc h1,.spex3 .gris h1,
.spex3 .blanc h2,.spex3 .gris  h2,
.spex3 .blanc h3,.spex3 .gris  h3,
.spex3 .blanc h4,.spex3 .gris  h4,
.spex3 .blanc h5,.spex3 .gris  h5,
.spex3 .blanc h6 , .spex3 .gris  h6 {color : var(--spex-co);padding-right: 1rem !important;padding-left: 1rem !important;}
.spex3 .blanc p {padding-right: 3rem !important;padding-left: 3rem !important;}
.spex3 .blanc h2{margin-bottom:3rem;}
.spex3 .blanc{position:relative;padding:2rem 0 0 0!important;box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.14);min-height:450px;}
.spex3 .gris{position:relative;padding:2rem 0 0 0!important;box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.14);min-height:450px;}
.bloc-ico{text-align:right;position:absolute;bottom:0;right:0;height:80px;}
.ico-dom{display:block;width:120px;height:120px;position: absolute;right:-10px;bottom:-10px;opacity:0.8;}
.spex1.blanc a.a-bouton,
.spex2.blanc a.a-bouton,
.spex3 .blanc a.a-bouton{background-color:var(--w-bouton)}
.spex1.blanc a.a-bouton:hover,
.spex2.blanc a.a-bouton:hover,
.spex3 .blanc a.a-bouton:hover{background-color:var(--w-boutonup)}
.spex1.gris a.a-bouton,
.spex2.gris a.a-bouton,
.spex3 .gris a.a-bouton{background-color:var(--w-bouton)}
.spex1.gris a.a-bouton:hover,
.spex2.gris a.a-bouton:hover,
.spex3 .gris a.a-bouton:hover{background-color:var(--w-boutonup)}
#point{
	transform:translate(0,0);
	transform-origin: center;
	animation-duration: 1s;animation-delay:0s;animation-iteration-count:infinite;animation-direction :alternate;animation-fill-mode:backwards;
	animation-name:ico-dom;
}


.spex2 h2{color:var(--za-vert);}

@media (min-width:20px){
	.img-1tierGche{ width:100%; height:auto; max-width:100%; float:left; padding: 5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:100%; float:left; padding:5px;}
	.img-1tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-demidte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-demigche{  width:100%; height:auto;max-width:100%;height:auto; float:left; padding:5px;}
	.img-1quartGche{width:100%; height:auto;max-width:100%;height:auto; float:left; padding:5px;} 
	.img-1quartDte{width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
}
@media (min-width:500px){
	.img-1tierGche{ width:100%; height:auto; max-width:100%; float:left; padding-right:5px; padding-bottom:5px; padding-top:5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:100%; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}
	.img-1tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-demidte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-demigche{  width:100%; height:auto;max-width:100%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}
	.img-1quartGche{width:100%; height:auto;max-width:100%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;} 
	.img-1quartDte{width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
}
@media (min-width:600px){
	.img-1tierGche{ width:100%; height:auto; max-width:100%; float:left; padding:5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:100%; float:left; padding:5px;}
	.img-1tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-demidte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-demigche{  width:100%; height:auto;max-width:100%;height:auto; float:left; padding:5px;}
	.img-1quartGche{width:50%; height:auto;max-width:50%;height:auto; float:left; padding:5px;} 
	.img-1quartDte{width:50%; height:auto;max-width:50%;height:auto; float:right; padding:5px;}	
}
@media (min-width:800px){
	.img-1tierGche{ width:100%; height:auto; max-width:33.33333333%; float:left; padding-right:5px; padding-bottom:5px; padding-top:5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:66.66666666%; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}	
	.img-1tierDte{  width:100%; height:auto;max-width:33.33333333%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:66.66666666%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-demidte{  width:50%; height:auto;max-width:50%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-demigche{  width:50%; height:auto;max-width:50%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}
	.img-1quartGche{width:25%; height:auto;max-width:25%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;} 
	.img-1quartDte{width:25%; height:auto;max-width:25%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
}
@media (min-width:1024px){
	.img-1tierGche{ width:100%; height:auto; max-width:33.33333333%; float:left; padding-right:5px; padding-bottom:5px; padding-top:5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:66.66666666%; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}
	.img-1tierDte{  width:100%; height:auto;max-width:33.33333333%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:66.66666666%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}	
	.img-demidte{  width:50%; height:auto;max-width:50%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-demigche{  width:50%; height:auto;max-width:50%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}
	.img-1quartGche{width:25%; height:auto;max-width:25%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;} 
	.img-1quartDte{width:25%; height:auto;max-width:25%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;} 
}
.inputnone{display:none;}
@media (min-width:10px){
	#block-pres{display:flex;flex-wrap: wrap !important;margin-bottom:50px;}
	#block-pres .bloc{
		filter : grayscale(100%);
		transition: filter 1s ease-in-out;position:relative;
		width:100%;max-width:100%;
		min-height:200px;
		background-position:center center;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	#block-pres .bloc:hover{filter : grayscale(0);transition: filter 1s ease-in-out;}
	#block-pres .bloc a{display:flex;
		justify-content: center;
		align-items: center;
		width:100%; height:100%;text-align:center;color:#ffffff;
		z-index:100;}
	#block-pres .bloc a h2{color:#ffffff;}
	#block-pres .bloc  .carre{width:100%; height:100%;background-color:#000;display:flex;position:absolute;
		justify-content: center;opacity:0;transition: opacity 1s ease-in-out;z-index:2;}
	#block-pres .bloc:hover .carre{opacity:0.3;transition: opacity 1s ease-in-out;}
	#block-pres .bloc  .caption1{opacity:0;transition: opacity 1s ease-in-out;color:#ffffff;padding:20px;}
	#block-pres .bloc:hover  .caption1{opacity:1;transition: opacity 1s ease-in-out;color:#ffffff;}
}
@media (min-width:500px){
	#block-pres .bloc{
		width:50%;max-width:50%;
		min-height:200px;
	}
}
@media (min-width:800px){
	#block-pres .bloc{
		width:25%;max-width:25%;
		min-height:200px;
	}
}
@media (min-width:10px){.blanc .container .bloc{padding:10px;}
@media (min-width:1024px){#block-pres .bloc{height:350px;width:25%;max-width:25%;}}

 .blanc .container{border:0px solid #232323;}
 .blanc .container .bloc{border:0px solid #232323;}
 h2.hr-titre{display:inline-flex;justify-content: flex-start;justify-self: start;white-space: nowrap;color:#444444;}
 h2.hr-titre:after{content:" ";height:2px;width:100%; }
 hr.hr-titre{position:absolute;}

 .titre-o{ font-size:2em;font-family: var(--titre);color:#444444;/*border-bottom:1px solid #e1e1e1; margin-bottom :30px;  padding-bottom:0px;display: inline-block;*/}

hr.hr-dte{background-image:url(../img2/hr-dte.png);background-color:transparent;height:10px;background-repeat: no-repeat;
background-position: right;}
hr.hr-gche{background-image:url(../img2/hr-gche.png);background-color:transparent;height:10px;background-repeat: no-repeat;
background-position: left;}
hr.hr-centre{background-image:url(../img2/hr-centre.png);background-color:transparent;height:10px;background-repeat: no-repeat;
background-position: center;}

h1.titre-noto,h2.titre-noto,h3.titre-noto,h4.titre-noto,h5.titre-noto,h6.titre-noto{font-family: "regular"!important;}
h1 span.titre-noto,h2 span.titre-noto,h3 span.titre-noto,h4 span.titre-noto,h5 span.titre-noto,h6 span.titre-noto{font-family: "regular"!important;}

h1.titre-young,h2.titre-young,h3.titre-young,h4.titre-young,h5.titre-young,h6.titre-young{font-family: "titre"!important;}
h1 span.titre-young,h2 span.titre-young,h3 span.titre-young,h4 span.titre-young,h5 span.titre-young,h6 span.titre-young{font-family: "titre"!important;}

.spex img {margin-right:20px;}
.spex .bloc-top{margin-bottom:20px;}
.spex .bloc-dte{border-left:1px dashed rgba(0, 0, 0, 0.25);}
.spex .bloc-dte{ margin-bottom:20px;padding-left:20px;}


footer .div-insc-news label{display:none!important;}
footer .div-insc-news h2{color:#fff;}
footer .div-insc-news .form-control{background-color:#736b68; color:#fff;border:0px solid var(--w-input-b);}
footer .form-control::placeholder {color:#dbdbdb;font-size:0.6em;font-style: italic;}
footer .refresh{width:30px;}
@media (min-width:1024px){
	.bloc-news  #formNews{}
	.NLnom{width:33%;}
	.NLtelephone{width:33%;}
	.NLemail{width:33%;}
	.NLmessage{width:99%;padding-top:5px;padding-bottom:5px;}
}
footer .img-responsive.footer{max-width:80%;}

 
 
.avocat .first h2{color:#fff;font-size: 2.5rem;}
.avocat h1.nocentrer{color:#444444;font-size: 2rem;}
.avocat h2 {color:#444444;font-size: 1.8rem; font-family: "regular";}
.avocat .first{
	background-color:#dbdbdb; color:#fff;min-height:272px;display: flex;
	background-position:center;
	background-size: cover;
	flex-wrap: wrap;
	align-items: center;
	align-items: center;
	position: relative;
}
.avocat .defense:before{content:url(../img2/GI16993746972046.png); width:64px; height:64px;  display: block;
  position: absolute;
  left: -100px;
}
.avocat .defense{width:80%;margin-left:20%;position:relative;margin-bottom:30px;}
.avocat .conseil:before{content:url(../img2/GI16993747096000.png); width:64px; height:64px;  display: block;
  position: absolute;
  left: -100px;
}
.avocat .conseil{width:80%;margin-left:20%;position:relative;margin-bottom:30px;}
.avocat .declaration:before{content:url(../img2/GI16993747467402.png); width:64px; height:64px;  display: block;
  position: absolute;
  left: -100px;
}
.avocat .declaration{width:80%;margin-left:20%;position:relative;}
.avocat .territoire:before{content:url(../img2/GI16993747591232.png); width:64px; height:64px;  display: block;
  position: absolute;
  left: -100px;
}
.avocat .territoire{width:80%;margin-left:20%;position:relative;margin-bottom:50px;}
.align-dte{text-align: right;}

.avocat .conseilf:before{content:url(../img2/GI16993747467402.png); width:64px; height:64px;  display: block;
  position: absolute;
  left: -100px;
}
.avocat .conseilf{width:80%;margin-left:20%;position:relative;margin-bottom:30px;}

.avocat .assistance:before{content:url(../img2/GI16993747096000.png); width:64px; height:64px;  display: block;
  position: absolute;
  left: -100px;
}
.avocat .assistance{width:80%;margin-left:20%;position:relative;}

.avocat .enseignement:before{content:url(../img2/GI16994323387153.png); width:64px; height:64px;  display: block;
  position: absolute;
  left: -100px;
}
.avocat .enseignement{width:80%;margin-left:20%;position:relative;}


.competence .first h2{color:#fff;font-size: 2.5rem;}
.competence h1.nocentrer{color:#444444;font-size: 2rem;}
.competence h2 {color:#444444; }
/*.competence .filtre{
	background-color:#000;opacity:1;min-height:272px;min-width:100%;background-position:center;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;top:0;}*/
.competence .first{
	background-color:#dbdbdb; color:#fff;min-height:272px;display: flex;
	background-position:center;
	background-size: cover;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	text-align:center;
}
.contact .first{
background-color:#dbdbdb; color:#fff;min-height:272px;display: flex;
	background-position:center;
	background-size: cover;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	text-align:center;
	margin-bottom:30px;
}
.notabene{position:relative;background-color: var(--backC);
border: var(--backCbd);
padding: var(--backCpad);padding: 70px 40px !important;}

.notabene:before{content:url(../img2/GI16994440431357.png);display:block;width:53px;height:53px;position:absolute;top:-22px;left:-22px;margin-left:calc(50%);}
.blueL{border-left :10px solid #54a3af;padding-left:30px;padding-bottom:30px;}
.blueR{border-right :10px solid #54a3af;padding-right:30px;padding-bottom:30px;}
img.border{padding:10px; border:1px solid #54a3af;}

@media (min-width:992px){
	.pr-lg-3{padding-right:30px;}
	.pr-lg-2{padding-right:20px;}
	.pr-lg-1{padding-right:10px;}
	.pl-lg-3{padding-left:30px;}
	.pl-lg-2{padding-left:20px;}
	.pl-lg-1{padding-left:10px;}
	.pt-lg-3{padding-top:30px;}
	.pt-lg-2{padding-top:20px;}
	.pt-lg-1{padding-top:10px;}
	.pb-lg-3{padding-bottom:30px;}
	.pb-lg-2{padding-bottom:20px;}
	.pb-lg-1{padding-bottom:10px;}
}
@media (max-width:600px){
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {width:90%;}

}