@charset "utf-8";
/* CSS Document */
:root {
	--theme1 : #0d223f;
	--theme2 : #e8c564;
	--theme3 : #21c45d;
	--theme4 : #f4f7fa;
	--theme5 : #0d223f;
	--theme5 :#273a56;
	--theme6 :#fdf6f2;
	--theme7 :#0d223f;
	--bg-gris : #f2f6fa;
}
body{
	padding-top:0px;
	margin:0;
	background-color:#fff;
	color:var(--theme5);
	background-image:none;
	background-repeat:repeat;
	font-family : lato,sans-serif;
	font-size:1em;
}
.bold{font-family: "bold";}
.black{font-family: "black";}
#logo .one{fill:#0359b0;}
.two{fill:#0359b0;}
.txblanc{color:#ffffff;}
a {
	color: var(--theme3);
	text-decoration: none;
}
a:hover {
	color: var(--theme3);
}

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;padding: 3px;}
.img-responsive-gauche {display: block;max-width: 100%;height: auto;float: left;}
.img-center{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.img-responsive-centre, .img-responsive-center{display:block;max-width:100%;height:auto; padding:0;margin:0 auto;}

@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;} 
}
.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, h1, .h1 {font-family: "titre";}
.carousel-item h1 {font-family: "medium";}
.carousel-item  h2,.carousel-item  h3,.carousel-item  h4,.carousel-item h5, .carousel-item  h6{font-family: "titre";}
.first{ padding-top:50px;padding-bottom:30px;background-color:var(--theme1);}
.first  h1 {font-family: "black";font-weight:900;font-size: 3rem;font-stretch:900;color:var(--theme2);}
.first h1 .couleur{color:#fff;}
.first h2,.first h3,.first h4,.first h5, .first h6{font-family: "extrabold";color:var(--theme6);}

.souscription .first.gris{background-color:var(--theme1);}
.souscription .first.gris h2,.souscription .first.gris h3,.souscription .first.gris h4,.souscription .first h5.gris,.souscription .first.gris h6{font-family: "extrabold";}
.souscription .first.gris h3{color:var(--theme6);}

.rouge{color:var(--ea-rouge);}
.mthin{font-family: "mthin"}
.mtight{font-family: "mtight"}
.medium{font-family: "titre";}
.semibold{font-family: "semibold";}
.extrabold{font-family: "extrabold";}
.black{font-family: "black";}
/*SLOGAN*/
	 #span-slogan{font-size:0.5rem;font-family: var(--w-font-slogan); color: var(--bs-blue); text-transform: uppercase;}
	 #span-slogan p{margin-bottom:0;}
/*BRAND*/
	.nav-fond{background-color:var(--theme1);border-bottom:1px solid var(--theme5);}
	.navbar-brand{font-family: var(--w-font-menu);display: flex; width:100%;  flex-direction: column;background-color: rgba(240,240,240,0);padding:0;}
	#logo{width: 269px;text-align:center;padding:10px 5px;background-color:transparent;}
	#woisalogo{
		margin-right: auto !important;
		margin-left: auto !important;
		max-width: 100%;
		height: 150px;;
		text-anchor: middle;
		vertical-align: middle;
		width:100%;
		max-width:100px;
	}
/*MENU*/
.navbar-light .navbar-nav .nav-link{font-family: var(--w-font-menu);display:table-cell;vertical-align:middle;line-height: 2em;text-transform:none;color: var(--theme2);}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .active .nav-link {color: var(--theme2);}
.navbar-expand-md .navbar-nav  li{/*height:48px;*/}
/*.navbar-light .navbar-nav .nav-link:after{
	background-color:var(--ea-rouge);
	transform-origin: 50% 50%;
	transform: translate(-10px, -20px)rotate(0deg);
	width:0px;
	height:0px;
	content:'';
	opacity:0;
	display:block;
	position:relative;
	bottom:0;
	transition: all 0.7s linear;
}
.navbar-light .navbar-nav .active .nav-link:after {
	transform: translate(0px,-30px)rotate(-23deg);
	width:30px;
	height:30px;
	content:'';
	opacity:0.2;
}
.navbar-light .navbar-nav .nav-link:hover:after {
	transform: translate(0px, -30px)rotate(-23deg);
	width:30px;
	height:30px;
	content:'';
	opacity:0.2;
	transition: all 0.7s linear;
}*/
.dropdown {margin-right:1em;}
.dropdown-item {color: rgba(0, 0, 0, 0.55);font-family: var(--w-font-menu);}
.dropdown-item {
	display: block;
	width: 100%;
	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;
	font-size: 1.5em;
line-height: 2em;
}
.dropdown-item:hover, .dropdown-item:focus {
	color: #fff;
	background-color: var(--w-blue2);
}
.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: var(--w-blue2);
}
.dropdown-item.disabled, .dropdown-item:disabled {
	color: #adb5bd;
	pointer-events: none;
	background-color: transparent;
}

.dropdown-menu.show {
	display: block;
}
.dropdown:after {
	display: inline-block;
	position:absolute;
	right:-0.3em;
	top:1.3em;
	content: "";
	border-top: .3em solid transparent;
	border-right: .3em solid transparent;
	border-bottom: .3em solid transparent;
	border-left: .3em solid var(--w-blue2);
}
.dropdown-menu {border-radius: 0;padding:1em;border-width:1px;border-color:var(--w-gris);}
/*toggler*/
.navbar-light .navbar-toggler {
	color: rgba(255, 255, 255, 0.55);
	border-color: rgba(255, 255, 255, 0.5);
	margin-left: auto;
	margin-right: auto;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/*CONTENT*/
.titre-rouge{color:var(--ea-rouge);}
.cf{background-color:var(--w-bg-cf);padding-top: 1rem !important;padding-bottom: 1rem !important;color:var(--w-color-cf);}
.gris{background-color:var(--bg-gris);padding-top: 2em;padding-bottom: 2em;}
.bleu{background-color:var(--w-bg-bleu); color:var(--w-bg-bleu-color);padding: 2em;}
.vert{background-color:var(--w-bg-vert); color:var(--w-bg-vert-color);padding: 2em;}
.rose{background-color:var(--ea-rouge );color:var(--w-white);}
.blanc{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	background-color:var(--w-white);
 }
.div-societe,
.div-statut,
.div-avocat,
.div-adresses,
.div-formules{
	padding: 20px 0;
}
.div-societe .row.pb-4 {
	padding-left: 20px;
}
.div-societe .row.pb-4,
.div-statut .row.pb-4,
.div-avocat .row.pb-4,
.div-adresses .row.pb-4 {
	padding-bottom: 10px !important;
	padding-left: 20px;
}
.div-adresses .row.pb-4 p{
	margin-bottom :0;
}
.div-pays-dom.none {
	position: absolute;
	left: -2500px;
}
.div-adresses.none {
 /* position: absolute;
  left: -2500px;*/
}
#DivFormule .row.pb-4 {
	padding-bottom: 0.5rem !important;
}
#DivFormule .col-1, #DivFormule .col-lg-1 {
	padding-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#DivFormule .col-11, #DivFormule .col-lg-11 {
	padding: 10px 0 10px 30px;
	border-width: 2px;
	border-color: var(--theme3);
	border-style: solid;
	max-width: 80%;
	border-radius: 5px;
}

.div-societe h3,
.div-statut h3,
.div-avocat h3,
.div-formules h3,
.div-adresses h3,
.div-pays{
	color:var(--theme3);
 }

.souscription .descriptif h4,
.souscription .descriptif h3{color:var(--theme5);}
.souscription .span-moisht {
	font-size: 250%;
	padding: 0;
	font-family: "bold";
	display: inline-block;
	color: var(--fml-c);
}
.span-mensualite{display:block;padding-left:0;color:var(--theme3);}
.span-mensualite::after {
	/*content: " )";*/
}
.span-mensualite::before {
	/*content: "( ";*/
}
.souscription .p-dg {
	margin-top: 10px;
	padding: 0 0 0 15px;
	margin-left: 15px;
	margin-bottom: 0;
}
.souscription .p-dg::before {
	content: "+";
	border: 1px solid var(--theme3);
	border-radius: 300px;
	padding: 5px 5px 5px 5px;
	display: block;
	float: left;
	left: -15px;
	position: relative;
	line-height: 15px;
	color:var(--theme3);
	font-size: 2em;
	font-family: "black";
}
.souscription .opjustif {
	padding-bottom: 0px;
	padding-left: 30px;
}
#div_lstjustificatif {
	margin-top: 30px;
}
.justif .desc {
	display: block;
	padding: 0 0 5px 30px;
}
.recap .gris,
.gris.descriptif {
	border-radius: 10px;
}
.optAdresse{padding:20px 0 0 50px;}
.optON{padding:20px 0 30px 50px;}
.spancourrieron{font-family: "titre";color: var(--c-titre);}
.c-titre{display:block;font-family: "titre";color: var(--c-titre);}
.c-note{display:block;}
.second{ padding-top:2em;}
@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;
	}
}
.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(--w-blue7);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: rgba(var(--w-footer-rgb), var(--w-bg-opacity)) !important;
	color:#fff;
	font-family:lato,sans-serif;
	font-size: var(--w-footer-font-size);
	padding-top:30px;
}
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;background-color:transparent;}
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-bluelight)!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;}
.afootcgu{display:block;}
#woisa ,
#woisa a{color: var(--w-footernav-color);font-size: var(--w-footernav-font-size);}
#woisa a:hover{color: var(--w-bluelight)!important;}
.social-links{list-style:none;padding:20px 0 0 0;}
.social-links li{
	border: 0px solid #000;
	background:var(--w-bg-btn);
	color:var(--w-white);
	border-radius: 300px;
	width:2em;height:2em;
	float: left;
	margin-right: 1em;
}
.social-links li:hover{background:var(--w-bg-btnup);}
/*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(--w-bluelight);}
.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-blue7);color:var(--w-white);padding:0.1em;border-radius: 30rem;}
.a-refresh:hover:before{background-color:var(--w-blue7);}
#myCarousel-home a.a-bouton{font-size: 1em;font-family: "menu";    box-shadow: 0 0 0 3px rgba(232,73,133,1)!important;}
@media (min-width:10px){
.connexion{align-items: center !important;justify-content: center !important;flex-wrap: wrap !important; display: flex !important;}
}
.connexion a{background-color: var(--theme2);color:var(--theme1);
	font-family: var(--w-font-menu);
	font-weight:bold;
	display: table-cell;
	vertical-align: middle;
	line-height: 2em;
	padding-right: 0.5rem;
	padding-left: 1rem;
	text-decoration:none;
	font-size:100%;
	border-radius: 300px;
	transition: all 0.3s linear;
}
.connexion a:hover{background-color: var(--theme2));
	transition: all 0.3s linear;
	transform: translate(0px,-3px);
}

.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-default{
	color: #fff;
	background-color: var(--w-bg-btn);
	border-color: var(--w-bg-btn);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0px;
	border-radius: 5px;
}
.recap .btn-default{
	color: #fff;
	background-color: var(--theme7);
	border-color: var(--theme7);

}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	color: #fff;
	background-color: var(--w-bg-btnup);
	border-color: var(--w-bg-btnup);
}
.btn-primary {
	color: var(--theme5);
	background-color: var(--w-bg-btn);
	border-color: var(--w-bg-btn);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0px;
	border-radius: 5px;
	transition: all 0.3s linear;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color:  var(--theme5);
	background-color: var(--w-bg-btnup);
	border-color: var(--w-bg-btnup);
	transition: all 0.3s linear;
	transform: translate(0px,-3px);
	box-shadow: 0 2px .2rem .2rem rgba(100, 156, 162, 0.25);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: var(--theme5);
	background-color:var(--w-bg-btnup);
	border-color:var(--w-bg-btnup);
	box-shadow: 0 0 2px .2rem rgba(100, 156, 162, 0.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 2px .2rem rgba(100, 156, 162, 0.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;
}
.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(--w-bg-bleu);
	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:hover:before{ color: var(--w-bg-btn);}
.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(--w-bg-bleu);
	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:hover:before{ color: var(--w-bg-btn);}
.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(--w-bg-bleu);
	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:hover:before{ color: var(--w-bg-btn);}
.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(--w-bg-bleu);
	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:hover:before{ color: var(--w-bg-btn);}
.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: 1px;
  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(--w-bg-btnup);
  outline: 0;
  box-shadow:  0 0 0px .2rem var(--bs-gray-400);
}
.form-select {border-radius: 1px;border: 2px solid #ced4da;}
.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(--theme3);
  border-color: var(--theme3);
}
.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(--w-bg-btn);}
.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: var(--bs-blue);
    border: 1px solid transparent;
    border-radius: 15px;
}
.pager li > a:hover, .pager li > a:focus {
    background-color: #b30044;
}
.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: var(--w-bg-btnup);
    border-color: transparent;
    cursor: default;
}
/*FORMULES*/

#DivFormule{min-height:174px;}
.souscription .titre{font-family: "bold";}
.souscription .duree{font-size: 80%;color:var(--w-bg-btn);padding-left:1rem;font-family: "titre";}
.souscription .prix{font-size: 140%;padding:10px 0 5px 0;font-family: "thin";}
.souscription .mode{font-family: "lato";display:block;}
.souscription .color{color:var(--w-bg-btn);}
.souscription .text-muted .titre{display:block;font-family: "lato"}
.souscription .text-muted .titre span{display:block;font-family: "lato"}
.souscription .text-muted .duree {color: #6c757d !important;}
.souscription .text-muted .prix{font-size: 100%;padding:0;}
.souscription .text-muted .color{color: #6c757d !important;}
.souscription .text-muted .titre br{display:none;}
/*SPE*/
.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(--w-bg-btn);;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(--ea-rouge);}
.inputnone{display:none;}
.souscription .p-prix, .souscription .span-ht {
  font-size: 200%;
  padding: 0;
  font-family: "medium";
  display: inline-block;
}
.souscription .span-dght{font-weight:bold;}
.souscription .span-loyer{display:block;}
#DivACompt{padding-top:20px;}

footer .dropdown .niv01.nav-link::after {
	content: "";
	left: 0em !important;
	top: 0em !important;
	display: inline-block;
	border-left: 0px solid;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	width: 5px;
	position: relative;
  
}
footer .dropdown::after {
	right: -1em !important;
	top: 0.7em !important;
	border-left: 0em solid var(--w-white);
}
footer .footer-below a, footer .footer-below a.nav-link {
	display: block;
	padding: 0;
	text-align: left;
	font-size: 80%;
	text-transform: uppercase;
}
footer a.niv01:hover{cursor: none;color: #fff!important;}
footer .titre{margin-bottom:8px;}
footer p {margin-bottom:0;}
footer .tel{margin-bottom:5px;}
footer .email{margin-bottom:20px;}
.codepro{padding:30px 0;}
.ulcafe li{list-style: none;}
.ulcafe li:before {
	color: #d8b36a;
	font-size: 1.5em;
	content: "\F26E";
	font-family: ico !important;
	top: 6px;
	position: relative;
}
.divinclus{
	margin:20px;
	padding:20px;
	background-color:#dde7f2;
	border:1px solid #c1cfdd;
	border-radius:25px;
}
#DivOptions .col-12{
	display: flex;
}
#DivOptions .form-check{padding:1em;border:1px solid #e1e7ef;border-radius:15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 20px;
	margin-bottom: 14px;
	border: 2px solid #d9dee7;
	border-radius: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}
#DivOptions .form-check:hover {
	border-color: #d4af37;
}
#DivOptions .form-check .form-check-input{margin-left: 0em;margin-right:1em;}
.option-titre{min-width:200px;max-width:200px;}
/* Checkbox rond */
.form-check-input {
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	min-width: 24px;
	border: 2px solid #c8ced8;
	border-radius: 50%;
	margin-right: 18px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease;
}

/* Checkbox cochée */
.form-check-input:checked {
	border-color: #d4af37;
	background: #fff7df;
	}

/* Icône check */
.form-check-input:checked::after {
	content: "✓";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	font-size: 14px;
	font-weight: bold;
	color: #d4af37;
	}

/* Bloc gauche */
.form-check-label {
	flex: 1;
	font-size: 16px;
	font-weight: 600;
	color: #0b1f44;
	line-height: 1.4;
	}

/* Prix */
.option-puht {
	text-align: right;
	font-size: 14px;
	font-weight: 700;
	color: #0b1f44;
	line-height: 1.2;
	min-width:50px;
	}
/* HT / MOIS */
.option-ht{	padding-left:10px;}
.option-ht, .option-period {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 600;
	color: #6f7b91;
	text-transform: uppercase;
}

/* Etat sélectionné */
.form-check:has(.form-check-input:checked) {
	border-color: #d4af37;
	background: #fffdfa;
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.08);
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background-color: var(--theme5);
  font-weight: normal;
  color: #ffffff;
}