@charset "utf-8";
/* CSS Document */
:root {
	--theme1: #2e3192;
	--theme2: #f6ddc8;
	--theme3: #b7e4f7;
	--theme4:#6cd1f5;
	--bodybc:#f2f2f2;
	--bodyc:#000;
	--w-bg-gris:#ffffff;
	--w-bg-btn:#2e3192;
	--w-bd-btn:1px solid #2e3192;
	--w-bd-btnup:1px solid #2e3192;
	--btnrad : 300px;
	--w-bg-btnup:#f6ddc8;
	--w-c-btup:#2e3192;
	--c-h1 :#2e3192;
	--c-titre:#2e3192;
	--check-bk:#6cd1f5;
	--check-bd:#6cd1f5;
	--fml-c:#232323;
	--fm-fc:#00b013;
	--fmsc-fc:#b7e4f7;
	--log-bk:transparent;
	--navlinkca:#2e3192;
	--w-footer-rgb:246,221,200;
	--w-footer-c:#2e3192;
	--w-footernav-color:#2e3192;
	--c-lib:#d95959;
}
body{
	padding-top:0px;
	margin:0;
	background-color:var(--bodybc);
	color:var(--bodyc);
	background-image:none;
	background-repeat:repeat;
	font-family : texte,sans-serif;
	font-size:1em;
}

#logo .one{fill:#0359b0;}
.two{fill:#0359b0;}
.txblanc{color:#ffffff;}
a {
  color: var(--bs-blue);
  text-decoration: none;
}
a:hover {
  color: var(--w-blue7);
}

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;}
.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";color:var(--c-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;}
.first  h1 {font-family: "black";color:var(--c-h1);}.first   h2,.first   h3,.first   h4,.first  h5, .first   h6{font-family: "extrabold";}
.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(--navbc);}
	.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: 100px;text-align:center;padding:0;background-color:#fff;min-width:150px;border-radius: 300px;}
#logo:before{
	content:' ';
	width:47px;
	height:150px;
	display:block;
	background-image:url(../img2/logofond.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:contain;
	float:left;
}
	#logo img{/*max-width:100%;width:100%;*/margin:5px 0 ;max-height:130px;}

	#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);vertical-align:middle;font-size:1em;text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .active .nav-link {color: var(--navlinkca);}
.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(0, 0, 0, 0.55);
	border-color: rgba(0, 0, 0, 0.1);
	margin-left: auto;
	margin-right: auto;
}
/*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(--w-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);
 }
.couleur{color:var(--theme1);font-size:110%;}
#centre{background-color:#fff;padding:20px;margin-bottom:30px;border-radius:10px;}
.div-societe h3,.div-statut h3, .div-avocat h3{font-size: 1.3em;padding-bottom:15px;}
.div-societe .row.pb-4,.div-statut .row.pb-4, .div-avocat .row.pb-4{padding-bottom:10px!important;padding-left: 20px;}
.div-societe .row.pb-4{padding-left:20px;}
.div-pays-dom.none{position:absolute;left:-2500px;}
.div-adresses.none {position:absolute;left:-2500px;}
.optAdresse{padding:20px 0 0 50px;}
.gris.descriptif {background-color:var(--theme3);}
.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:var(--w-footer-c);
	font-size: var(--w-footer-font-size);
}
footer.clfooter {display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; 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;}
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;}
footer .afootcgu, footer .afootml {
  display: block;
  padding-bottom: 10px;
}
footer .titre{font-size: 1em;}
footer .titre:before{
	font-family: ico !important;
	color:var(--theme4);
	content:'\F3E7';
}
footer .adresse{font-size: 1em;}
footer .tel{font-size: 1em;color:var(--theme1);}
footer .tel:before{
	color:var(--theme4);
	font-family: ico !important;
	content:'\F5B7  ';
}
footer .domnum{font-size: 1em;}
footer .email{padding-top:15px;font-size: 0.87em;}
footer .email:before{
	font-family: ico !important;
	color:var(--theme1);
	content:'';
	}

#woisa{padding-top:30px;}
#woisa ,
#woisa a{color: var(--w-bluelight)!important;font-size: var(--w-footernav-font-size);}
#woisa a:hover{color: var(--w-bluelight)!important;}
.social-links{list-style:none;padding: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;
}

.connexion{align-items: center !important;justify-content: center !important;flex-wrap: wrap !important;    display: flex !important;}
.connexion a{background-color: var(--w-bg-btn);color:var(--w-white);
	font-family: var(--w-font-menu);
	border-radius:var(--btnrad);
	border:var(--w-bd-btn);
	display: table-cell;
	vertical-align: middle;
	line-height: 1em;
	padding: 0.7rem;
	text-decoration:none;
	font-size:100%;
	font-weight:100;
}
.connexion a:hover{background-color: var(--w-bg-btnup);color:var(--w-c-btup);border:var(--w-bd-btnup);}
/*.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: 1.5px;
	border-radius: 300px;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	color:  var(--w-c-btup);
	background-color: var(--w-bg-btnup);
	border-color: var(--w-c-btup);
	box-shadow: 0 0 0 0 rgba(60, 153, 110, 0.5);
}
.btn-primary {
	color: #fff;
	background-color: var(--w-bg-btn);
	border-color: var(--w-bg-btn);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1.5px;
	border-radius:300px;
}
.btn-success{}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: var(--theme1);
	background-color: var(--w-bg-btnup);
	border-color: var(--w-bg-btnup);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color:var(--w-bg-btnup);
  border-color:var(--w-bg-btnup);
  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;
}
.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(--fm-fc);
  outline: 0;
  box-shadow:  0 0 0px .2rem var(--bs-gray-400);
}
.form-select {border-radius: 1px;border: 2px solid var(--w-input-b);}
.form-select:focus {
  border-color: var(--fmsc-fc);
  outline: 0;
  box-shadow:  0 0 0px .2rem var(--bs-gray-400);
}
select .form-select option:checked {
  color: black;
}

select.form-select:not(:checked) {
  color: gray;
}

.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 {
	background-color: #f2f2f2;
	min-width:16px;
}
.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(--check-bk);
  border-color: var(--check-bd);
}
.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*/
#DivAdresseDom .row.pb-4{padding-left:20px;}
#DivAdresseDom p{margin:0;}
#DivAdresseDom  .col-lg-1{display: flex;align-items: center;justify-content: center;}
#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:1px 1px 1px 2px; border-color:var(--theme3); border-style:solid;max-width:80%;}
#div_lstjustificatif{margin-top:30px;}
.souscription .titre{font-family: "titre";}
.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: "texte";display:block;}
.souscription .color{color:var(--w-bg-btn);}
.souscription .text-muted .titre{display:block;font-family: "texte"}
.souscription .text-muted .titre span{display:block;font-family: "texte"}
.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;}
.souscription .opjustif{padding-bottom:30px;padding-left:30px;}
.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 #2a47b9;
	border-radius: 300px;
	padding: 2px 5px 2px 5px;
	display: block;
	float: left;
	left: -15px;
	position: relative;
	line-height: 15px;
	color: #2a47b9;
}
.souscription .option-titre{color:var(--bs-gray-900);font-weight:bold;}
.souscription .option-desc::before{content: " - ";}
.souscription .option-desc{color:var(--bs-gray-700);font-size:0.9em;}
.souscription .option-puht::before{content: " : "}
.souscription .option-puht{font-weight:bold;color:var(--theme1);}
.souscription .option-period{font-weight:100;font-size:0.7em;}
.souscription.stripe .first.gris{background-color: var(--bodybc);}
.justif .desc{display:block;padding:0 0 5px 30px;}
/*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;
}
@keyframes  ico-dom{/*from {transform:translate(0,0); ;} to {transform:translate(17px,0);;}*/}

.spex2 h2{color:var(--ea-rouge);}
.inputnone{display:none;}
.souscription .etoile:after{content:'*';color:var(--c-lib);font-size:1.2em;font-family: "thin";}
.souscription .barre{text-decoration: line-through;}
.souscription .span-ht {
  font-size: 150%;
  padding: 0;
  font-family: "medium";
  display: inline-block;
  color:var(--fml-c);
}
.souscription .span-ttc:before{content:"  ";}
.souscription .span-ttc{display:inline;}
.souscription .span-dght {font-weight:bold;}
.souscription .span-dgttc:before{content:" soit ";}
.span-mensualite{font-size: 80%;display:block;padding-left:30px;padding-bottom:10px;}
.span-mensualite:before{content:"(  ";}
.span-mensualite:after{content:"  )";}
.formule-libelle{color:var(--c-lib);}
.souscription .span-moisht{
	font-size: 150%;
	padding: 0;
	font-family: "bold";
	display: inline-block;
	color:var(--fml-c);
}
.p-dg{padding-top:8px;}
.dg-titre{font-weight:100;}
.form-titre{font-weight:bold;color:var(--theme1);}
.inputnone{display:none;}

#card-element{border: 2px solid var(--w-bg-btn);border-radius: 0px;}
#payment-form #BtnEnvoyer.btn-success {
	width: 30%;
	margin: 0;
	padding: 7px 14px;
	background-color: var(--w-bg-btn);
	border-color: var(--w-bg-btn);
}
#payment-form #BtnEnvoyer.btn-success:hover,#payment-form #BtnEnvoyer.btn-success:focus {box-shadow: 0 0 0 0 rgba(60, 153, 110, 0.5);background-color: var(--w-bg-btnup);border-color: var(--w-bg-btnup);}
.recap .gris{color:#6c757d;background-color:var(--theme3);border-radius: 10px;}
.recap .gris h5{color:#6c757d;}
.recap ul{list-style:none;color:#6c757d;}
.recap li:before {
  display: inline-block;
  font-family: ico !important;
  content: "\f26b";
  color:#6c757d;
  padding-right:5px;
}
.formule-libelle ul{list-style:none;}
.formule-libelle li:before {
	display: inline-block;
	font-family: ico !important;
	content: "\f26b";
	color: var(--w-bg-btn);
	padding-right:5px;
	list-style:none;
}
.formule-libelle .p-note{display:block;text-align:center;}
#DivACompt{padding-left:50px;}