@charset "utf-8";
/* CSS Document */
:root {
	--theme2 : #d0a86a;
	--theme3 : #472817;
	--theme4: #1b130f;
	  --bs-blue: #472817;
	  --w-blue2 : #d0a86a;
	--dropdown-bk : #d0a86a;
	--btn-back:#623831;
	--btn-col:#fff;
	--btn-backhaf:#8c5737;
	--btn-colhaf:#fff;
	--txtcap:#fff;
	--titrecap:#fff;
	--nav-font:font-family: "menu";
	--nav-col: #f7e5c2;
}
body{
	padding-top:0px;
	margin:0;
	background-color:#fefcfb;
	color:#141211;
	background-image:none;
	background-repeat:repeat;
	font-family : lato,sans-serif;
	font-size:1em;
}
.bold{font-family: "bold";}
.black{font-family: "black";}
.cblanc{color:#ffffff;}
.cnoir{color:#000;}
.cmarron{color:#d0a86a;}
.crouge{color:#f15827;}
#logo .one{fill:#472817;}
.two{fill:#472817;}
.txblanc{color:#ffffff;}
a {
  color: var(--bs-blue);
  text-decoration: none;
}
a:hover {
  color: var(--theme4);
}

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{ }
.first  h1 {font-family: "black";}.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.7rem;font-family: var(--w-font-slogan); color: var(--theme4); text-transform: uppercase;}
	 #span-slogan p{margin-bottom:0;}
/*BRAND*/

	.nav-fond{background-color: rgba(12,25,18,0.5);border-bottom:0px solid var(--theme2);box-shadow:  0 0rem 0rem 0rem #472817;z-index:5000;position:absolute;}
	.navbar-brand{font-family: var(--w-font-menu);display: flex; width:100%;  flex-direction: column;background-color: rgba(12,25,18,0);padding:0;font-size:1.6rem;}
	#nom1{font-family: 'nom1';text-transform: uppercase;color:var(--theme4);}
	#logo{width: 200px;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 a,
.navbar-light .navbar-nav .nav-link{
	font-family: var(--nav-font);
	display:table-cell;
	vertical-align:middle;
	line-height: 2em;
	text-transform:uppercase;
	color: var(--nav-col);
	padding: 0.5rem 1rem;
}
.navbar-light .navbar-nav a:hover,
.navbar-light .navbar-nav a:focus,
.navbar-light .navbar-nav .active a,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .active .nav-link {
		color: var(--w-blue2);
	}
.navbar-expand-md .navbar-nav li{/*height:48px;*/}

.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: 0px 0px 5px 5px;padding:0em;border-width:5px;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:1em;padding-bottom:1em;}
.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  h4,
.souscription  h3{color: var(--theme3);}
.souscription .descriptif h4,
.souscription .descriptif h3{color: #000;}
.souscription .span-moisht {
	font-size: 150%;
	padding: 0;
	font-family: "bold";
	display: inline-block;
	color: var(--fml-c);
}
.span-mensualite{padding-left:5px;}
.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 #2a47b9;
	border-radius: 300px;
	padding: 2px 5px 2px 5px;
	display: block;
	float: left;
	left: -15px;
	position: relative;
	line-height: 15px;
	color: #2a47b9;
}
.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;}

#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(--theme3);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:"thin";
	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;}
/*.bg-footer .navbar-nav:hover{color: var(--w-footernav-color-h);}*/
.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(--btn-back);
	color: var(--btn-colhaf);
	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(--btn-backhaf);}
.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(--theme3);color:var(--w-white);padding:0.1em;border-radius: 30rem;}
.a-refresh:hover:before{background-color:var(--theme3);}
#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);
	display: table-cell;
	vertical-align: middle;
	line-height: 2em;
	padding-right: 0.5rem;
	padding-left: 0rem;
	text-decoration:none;
	font-size:80%;
}
.connexion a:hover{background-color: var(--w-bg-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: 5px;
}
.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: #fff;
	background-color: var(--w-bg-btn);
	border-color: var(--w-bg-btn);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing:0;
	border-radius: 5px;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: #fff;
	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(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 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;
}
.lien-bouton{
	display:inline-block;
}

.lien-bouton,
.lien-bouton2{
	padding:18px 35px;
	border-radius:50px;
	text-decoration:none;
	font-size:18px;
	transition:0.3s;
}

.lien-bouton{
	background:#d8a15d;
	color:#fff;
}

.lien-bouton:hover{
	background:#b98345;
}

.lien-bouton2{
	border:2px solid #d8a15d;
	color:#fff;
}

.lien-bouton2:hover{
	background:#d8a15d;
}

.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(--w-blue4);
  border-color: var(--w-blue4);
}
.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;}
.codepro{padding:30px 0;}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(192, 145, 106, 0.25);
  opacity: 1;
}

/*MODULE 4 blocs PAGE ACCUEIL*/
.block1, .block2,.block3,.block4,.block5,.block6{
	height: 300px;
	overflow:hidden;
	
	float:left;
	margin-bottom:20px;
}
@media (min-width:500px){
	.block1, .block2,.block3,.block4,.block5,.block6{
		width:100%;
	}
}
@media (min-width:800px){
	.block1, .block2,.block3,.block4,.block5,.block6{
		width:50%;
	}
	/*.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;
	}*/
}

.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;
}
.petit-titre{
    display:block;
    margin-bottom:14px;
    color:#c58a45;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
}
.x4{
	text-align:center;
}
.x4 img{
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
}
.cafe{color:var(--theme2); max-width:50px;margin:0px auto;border-width:2px;border-color:var(--theme2);border-style:solid;display:block;}
.ulcafe li{list-style: none;}
.ulcafe li:before {

	color: #d8b36a;
	font-size: 1.5em;
	content: "\F26E";
	font-family: ico !important;
	top: 6px;
  position: relative;
}
.first.cafe{
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: radial-gradient(ellipse at top, #cb9869 5%,#472817 100%);
	min-height:170px;
}
.first.cafe {width: 100%;
	max-width: 100%;
	height:164px;
	background-image:url(../img2/GI17789124136742.jpg);
	background-size:cover;
	min-height:164px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	padding: 0 80px;
}