@charset "utf-8";
/* CSS Document */

body{
	padding-top:0px;
	margin:0;
	background-color:#fff;
	color:var(--w-black);
	background-image:none;
	background-repeat:repeat;
	font-family : 'open sans','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,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;}
.logo{max-height: 150px;display: block;margin:0 auto;}
.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;border:1px solid #e1e1e1;}
.first  h1 {font-family: "titre";text-transform: uppercase;letter-spacing: 1px;font-size: 28px;text-align: center;}
.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";}
.img-responsive-center{display: block;max-width: 100%;height: auto;padding: 3px;margin-left: auto;margin-right: auto;max-height: 200px;}
.form-label {color: #0866b8;}
.color{color:#0866b8;}
h2.color{color: #0866b8;}
.h2-sist{text-align:center;color:#bfbfbf;}
.colorDeux  .h2-sist,.colorDeux  .h3-sist{color:#bfbfbf;}
.colorTrois  .h2-sist,.colorTrois  .h3-sist{color:#fff;}
.colorOne  .h2-sist,.colorOne  .h3-sist{color:#fff;}
.hr-sist {border-color:#bfbfbf;
  border-style: solid;
    border-top-style: solid;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;}
.colorDeux  .hr-sist {background-color:#fff;}
.colorOne  .hr-sist {background-color:#fff;}
.h3-sist{text-align:center;color:#bfbfbf;}
/*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(--w-color-cf)}
	.navbar-brand{font-family: var(--w-font-menu);display: flex; width:100%;  flex-direction: column;background-color:var(--w-color-cf));padding:0;}
	#logo{width: 200px;text-align:center;padding:0;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:uppercase;color: var(--w-gold);}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .active .nav-link {color: var(--bs-dark);}
#li-1000  .nav-link{color: var(--w-yellow);}
.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: 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;color:var(--w-black)}
.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);}
.colorDeux{background-color:#27356c;padding-top:30px;padding-bottom:30px;color:#fff;}
.colorOne{background-color:#0866b8;padding-top:30px;padding-bottom:30px;color:#fff;}
.colorOne .color{color:#cee8ff;}
.colorTrois{background-color:#19568a;padding-top: 30px;padding-bottom:30px;color: #fff;}
.colorTrois .color{color:#bce0ff;}

.blanc{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	background-color:var(--w-white);
 }
.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:"thin";
	font-size: var(--w-footer-font-size);
}
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;}
#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:0;}
.social-links li {
	border: 0px solid #000;
	background:var(--w-grey600);
	color:var(--w-white);
	border-radius: 300px;
	width:2em;height:2em;
	float: left;
	margin-right: 1em;
}
.social-links li:hover{background:var(--w-gold );}
/*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(--bs-yellow);
	color: #fff;
	text-transform: none;
	font-size: 0.7em;
	letter-spacing:none;
	text-decoration:none;
	border-radius: calc(.25rem - 1px);
	padding: 10px;
	padding-right: 10px;
	padding-left: 10px;
	display: inline-table;
	padding-left: 30px;
	padding-right: 30px;
}
a.a-bouton:hover {background-color: #0866b8;}
.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-newblue);color:var(--bs-white);
	font-family: var(--w-font-menu);
	display: table-cell;
	vertical-align: middle;
	line-height: 3em;
	padding-right: 0.5rem;
	padding-left: 0rem;
	text-decoration:none;
	font-size:80%;
	border-radius: calc(.25rem - 1px);
}
.connexion a:hover{background-color: #0066ae;
	border-color: #0066ae;
	box-shadow: 0 0 3px 0 #b7b7b7;}
.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;
}
a.btn-default{
	border-radius: calc(.25rem - 1px);
	background-color: var(--bs-yellow);
	border-color: var(--bs-yellow);
	font-size: 0.8em;
	letter-spacing: 1.5px;
	padding:10px 15px;
	white-space: nowrap;
}
a.btn-default:hover{background-color: var(--bs-yellow);
	border-color: var(--bs-yellow);color: #fff;}
.btn-default{
	color: #fff;
	background-color: var(--bs-yellow);
	border-color: var(--bs-yellow);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1.5px;
	border-radius: calc(.25rem - 1px);
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	color: #000;
	background-color: var(--w-gold);
	border-color: var(--w-gold);
}
.btn-primary {
	color: var(--w-white);
	background-color: var(--w-black);
	border-color: var(--w-black);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1.5px;
	border-radius: 0px;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: #000;
	background-color: var(--w-gold);
	border-color: var(--w-gold);
}
.btn-success {
	color: #fff;
	background-color: var(--w-newblue);
	border-color: var(--w-newblue);
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1.5px;
	border-radius: calc(.25rem - 1px);
	}
.btn-success:hover,
.btn-success:active,
.btn-success:focus ,
.btn-success:active:focus{
	color: #fff;
	background-color: #0066ae;
	border-color: #0066ae;
	box-shadow: 0 0 3px 0 #b7b7b7;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #000;
  background-color:var(--w-gold);
  border-color:var(--w-gold);
  box-shadow:  0 0 0px .2rem rgba(30, 173, 217,.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-grey);
	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-yellow);}
.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-grey);
	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-yellow);}
.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-grey);
	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-yellow);}
.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-grey);
	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-yellow);}
.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: 0px;
  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-black);
  outline: 0;
  box-shadow: 0 0 0px .2rem rgba(30, 173, 217,.25);
}
.form-select {border-radius: 1px;border: 2px solid #ced4da;}
.form-select:focus {
  border-color:  var(--w-black);
  outline: 0;
  box-shadow: 0 0 0px .2rem rgba(30, 173, 217,.25);
}
.cont-1234{width:50%;margin-left:25%;displat: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: #31251b;
  outline: 0;
  box-shadow: 0 0 0 1px rgba(49, 37, 27, 0.35);
}
.form-check-input:checked {
  background-color: var(--w-gold);
  border-color: var(--w-gold);
}
.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-gold);
  border-color:  var(--w-gold);
  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");
}
.form-check-input:active {
  filter: brightness(90%);
}
.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{min-height:50px;}
#DivFormule{min-height:50px;}
.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;
}
@keyframes  ico-dom{//from {transform:translate(0,0); ;} to {transform:translate(17px,0);;}}

.spex2 h2{color:var(--ea-rouge);}
.span-ht{font-family: "bold";font-size:120%;}
.span-ttc{font-size:80%;}
.photo {
	display: block;
	width: 150px;
	height: 60px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
@media (min-width: 300px) {
	.mbr{width:30%; display:block;float:left;margin:1%;padding:0;background-color:#f7f7f7;}
	.photo {  width: 80%%;
		height: 150px;
		max-height:150px;
		max-width:100%;
		background-size: contain;
	background-repeat: no-repeat;
	background-position: center, middle;
		}
	.cont-photo {  width: 100%;
		height: 180px;
		background-color: transparent;
		padding-top:10px;
	}
		.rs{text-align:center;font-size:0.8em;margin-top:0.5em;margin-bottom:0.5em;font-family: "titre";min-height:30px;}
		.ad{text-align:center;font-size:0.8em;color:var(--w-black);}
		.cp{text-align:center;font-size:0.8em;color:var(--w-black);}
		.vi{text-align:center;font-size:0.8em;color:var(--w-black);padding-bottom:10px;}
}
.card-deck .card {
  min-width: 220px;
}
.card-deck .card  a {
  color:var(--w-black);
}
.card-deck .card  a:hover .rs{
  color:var(--bs-yellow);
}
.card-deck .card  a.a-card {color:#fff;font-size: 0.8em;letter-spacing:0.2px;min-height:44px;display: flex;
   align-items: center;justify-content: center;width:100%; display: -ms-flexbox;
   -ms-flex-direction: column;}
.card .card-header .btn-default{
	background-color:#0066ae;
	color:#fff;
}
.card .card-footer .plus{
	background-color: var(--w-newblue);
	color: var(--bs-white);
	font-family: var(--w-font-menu);
	display: inline-block;
	padding: 10px 15px;
	border-radius: calc(.25rem - 1px);
	cursor: pointer;
}
.card .card-footer .plus:hover{
	box-shadow:  0 0 3px 0 #b7b7b7;
	background-color: #0066ae;
}
.ul-recherche{width:100%;list-style:none;margin: 0;padding:0px;background-color: #eee;}
.ul-recherche li{width:100%;list-style:none;padding: 5px;border-bottom: 2px solid var(--w-bg-gris);}
.ul-recherche li label{ font-size:0.8em;display: inline-block;width: 70%;line-height: 36px;}
.ul-recherche li select{max-width:30%;float: right;}
.form-select {font-size: 0.8rem;}

.option-r{padding-top:0}
.r-type{padding-bottom:0;}
.r-type p{margin-top: 1rem;margin-bottom: 0rem;}
@media (min-width:576px) {
 .container.recherche {max-width:100%;}
 .col-sm-6.r-type{padding-right:0!important;}
}
@media (min-width:768px) {
 .container.recherche {max-width:720px}
}
@media (min-width:992px) {
 .container.recherche {
  max-width:960px
 }
}
@media (min-width:1200px) {
 .container.recherche {
  max-width:1130px
 }
}
@media (min-width:1300px) {
 .container.recherche {
	max-width:1240px
 }
}
.display{display:none;}