/*Personnalisation de l'agence*/
 @font-face {
	font-family: 'slogan';
	font-style: normal;
	font-weight: 100;
	src: local('raleway-regular'), local('raleway-regular'), url('/fonts/raleway-regular.woff2') format('woff2'), url('/fonts/raleway-regular.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: "menu";
    src: url('../fonts/raleway-regular.woff2') format('woff2'),
         url('../fonts/raleway-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "titre";
    src: url('../fonts/montserrat-semibold.woff2') format('woff2'),
         url('../fonts/montserrat-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "mthin";
    src: url('../fonts/montserrat-light.woff2') format('woff2'),
         url('../fonts/montserrat-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "mtight";
    src: url('../fonts/montserrat-light.woff2') format('woff2'),
         url('../fonts/montserrat-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "medium";
    src: url('../fonts/montserrat-bold.woff2') format('woff2'),
         url('../fonts/montserrat-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
	font-family: "semibold";
    src: url('../fonts/montserrat-bold.woff2') format('woff2'),
         url('../fonts/montserrat-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "extrabold";
    src: url('../fonts/cinzel-black.woff2') format('woff2'),
         url('../fonts/cinzel-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "black";
    src: url('../fonts/montserrat-regular.woff2') format('woff2'),
         url('../fonts/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thin';
    src: url('../fonts/montserrat-light.woff2') format('woff2'),
         url('../fonts/montserrat-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bold';
    src: url('../fonts/montserrat-bold.woff2') format('woff2'),
         url('../fonts/montserrat-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    src: url('../fonts/montserrat-regular.woff2') format('woff2'),
         url('../fonts/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "texte";
		src: url('../fonts/montserrat-regular.woff2') format('woff2'),
        url('../fonts/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
	--theme1: #0d223f;
	--theme2: #e8c564;
	--theme3: #21c45d;
	--theme4: #f4f7fa;
	--theme5: #0d223f;
	--theme5: #273a56;
	--theme6: #fdf6f2;
	--theme7: #0d223f;
	--bg-gris: #f2f6fa;
	--ac:#212121;
	--ach:#000;
	--bac:#212121;
	--bach:#2583c1;
	--titre:#0c1662;
	--label:#0c1662;
	--fcbdr :#dce4ec;
	--fcbdrf:#e8c564;
	--fsf:#31393c;
	--fsbdr:#dad7ec;
	--fcc:rgba(23, 23, 23, 1);
	--fccf:#505362;
	--bsc:#fff;
	--bsbk:#e8c564;
	--bsbdr:#e8c564;
	--bscf:#0c1662;
	--bsbkf:#e8c564;
	--bsbdrf:#0c1662;
	--bsrad:2px;
	--btnrad:300px;
	--bsbs :#ffefca;
	--bsbtnc:#505362;
	--bsbtnbk:#ffefca;
	--bsdmbk:#eef0f0;
	--bsdmbkf:#bdbdbd;
	--ws-tab:#fff;
	--ws-tab-bg :#e8c564;
	--ws-tab-bd:#e8c564;
	--ws-tab2 :#0c1662;
	--ws-tab-bg2 :#e8c564s;
	--ws-tab-bd2 :#0c1662;
	--ws-tab3: #fff;
	--ws-tab-bg3:#e8c564;
	--ws-tab-bd3:#e8c564;
	--wb-mybdc :#fff;
	--wb-mybdw:2px 2px 0px 2px;
	--wb-mybds:solid;
	--w-input-ph:#dce4ec;
	--tabc:#232323;
	--tabbk:#dfdede;
	--tabbdr:#488dc6;
	--tabbd:#0c1662;
	--tabcf:#fff;
	--tabbkf:#e8c564;
	--tabbdrf:#e8c564;
	--tabbkaf:#fff;
	--wb-bselcol:#505362;
	--wb-bselover:#fff498;
	--ws-disc:#fff;
	--affc:#505362;
	--tdbk:rgba(242, 242, 242, 0.1);
	--thbck:#0c1662;
	--td:rgba(240, 240, 240, 1);
	--td2:rgba(255, 255, 255, 1);
	--tdho:rgba(204, 228, 216, 1);
	--tdar2:rgba(223, 128, 204, 0.3);
	--tdar:rgba(223, 128, 204, 0.6);
	--tdaro:rgba(223, 128, 204, 0.8);
	--mn1bdr:#dad7ec;
	--mn1c:#31251b;
	--mn1bk:#fff;
	--mn1bdrf:transparent;
	--mn1cf:#000;
	--mn1bkf:#fff;
	--mac:#ffffff;
	--mabk:transparent;
	--mabdr:transparent;
	--macf:#e8c564;
	--mabkf:transparent;
	--mabdrf:transparent;
	--marad: 0;
	--odpmbdr:#f2f2f2;
	--odpmrad:calc(.25rem - 1px);
	--oppmp:2px 2px 2px 2px;
	--odpmc:#343a40;
	--odpmcf:#1f212c;
	--odpmcbk:#fff;
	--odpmcbkf:#e8c564;
	--pfill:#505362;
	--pfillah:#488dc6;
	--cw-aabg:#0c1662;
	--cw-aaco:#fff;
	--cw-aco-o:#0c1662;
	--cw-aabd:#fff;
	--cw-abd-o:#0c1662;
	--cw-abg:#e8c564;
	--cw-aco :#fff;
	--cw-abg-o:#e8c564;
	--cw-enbd:#488dc6;
	--foobk:#0d223f;
	--fooc:#ffffff;
	--fooa:#0c1662;
	--fooaf:#0c1662;
	--pagc:#fff;
	--pagbkf:#54b1ff;
	--pagbka :#0c1662;
	--pagbkaf :#21c45d;
	--pagbkah :#afc4bb;
	--pc:#ffffff;
	--pk:#54b1ff;
	--pkhf:#afc4bb;
	--bdc :#fff;
	--bdbk:#343a40;
	--bdbd:#343a40;
	--bdcf :#fff;
	--bdbkf:#514949;
	--bdbdf:#514949;
	--wb-bselcol:#514949;
	--wb-bselover:#e2f6f1;
	--wb-bsbkaf:#e8c564;
	--wb-bsca:#0c1662;
	--mtliac:#21c45d;
	--mtliach:#21c45d;
	--cw-titre:#343a40;
	--cw-atexco:#514949;
	--btnrk:#514949;
	--btnrc:#ffffff;
	--btnrkf:#21c45d;
	--btnrcf:#ffffff;
	--bafh: 0 0 0 0.25rem rgba(13, 110, 253, 0);
	--nwsdate:#505362;
	--modti:#505362;
}
body{
	padding-top:0px;
	margin:0;
	background-color:var(--theme1);
	background-image:none;
	background-repeat:repeat;
	font-family: 'texte';
	font-weight: normal;
	font-style: normal;
}
.first{background-color:#fff;}
.brand{background-color:transparent;}
.nav-fond{background-color:var(--theme1);box-shadow: 0 0px 3px rgba(0,0,0,0.175);padding-left: 0;padding-right:0;}

a{text-decoration:none;font-family: "texte";}
#footer a:hover{border-bottom:solid 1px #488dc6;}

h1, .h1, h2, .h2, h3, .h3,h4,.h4,h5,.h5 {color:var(--theme1);font-family: "titre";text-transform:none;}
h1::after {
  content: " ";
  width: 50%;
  max-width: 145px;
  display: block;
  height: 5px;
  background-color: #fff;
}
.une-news-date{color:#02515e;}
.form-label {color:var(--label);font-family: "titre";margin-bottom:.5rem;}
#logo {max-width: 300px;min-width:300px;width: 300px;}
.refresh {display: block;max-width: 100%;width: 50px;height: auto;padding: 0px;margin: 0 auto;}
.dropdown-toggle::after {border:0;}
.bs-caret{display:none}
.btn-success {
	color: var(--theme5);
  background-color: var(--theme2);
  border-color: var(--theme2);
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0px;
  border-radius: 5px;
  transition: all 0.3s linear;

}
.btn-success:hover {
	color:  var(--theme5);
	background-color: var(--theme2);
	border-color: var(--theme2);
	transition: all 0.3s linear;
	transform: translate(0px,-3px);
	box-shadow: 0 2px .2rem .2rem rgba(100, 156, 162, 0.25);
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color:  var(--bscf);
  background-color: var(--bsbkf);
  border-color:var(--bsbdrf);
  box-shadow: 0 0 0 0.25rem var(--bsbs);
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
  color:  var(--bscf);
  background-color: var(--bsbkf);
  border-color:var(--bsbdrf);
  box-shadow: 0 0 0 0.25rem var(--bsbs);
}
.bootstrap-select .btn {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.connexion .bootstrap-select > .btn-default:hover {
color:var(--bscf);
background-color: var(--bsbkf);
border-color:var(--bsbdrf);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
}
.bootstrap-select .dropdown-menu {padding:0;}
.bootstrap-select .dropdown-menu li {padding:3px 10px;margin-top:2px;background-color:var(--bsdmbk);}
.bootstrap-select .dropdown-menu li:hover{background-color:var(--bsdmbkf);}
.dropup .dropdown-toggle::after {
border:0;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--fcc);
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid var(--fcbdr);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bsrad);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  color: var(--fccf);
  background-color: #fff;
  border-color: var(--fcbdrf);
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--bsbs);
}
.form-control.readonly:hover{
cursor: default;
}
.form-control.readonly:focus {
	border: 2px solid var(--fcbdr);
	background-color: #e9ecef;
	box-shadow: 0 0 0 0.25rem transparent;
	cursor: pointer;
}
.form-select {
  border-radius: var(--bsrad);
  border: 2px solid var(--fsbdr);
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  padding: 0.375rem 0.75rem;
}
.form-select:focus {border-color: var(--fsf);box-shadow: 0 0 0 0.25rem var(--bsbs);}
.connexion .bootstrap-select > .btn-default {border-radius:var(--bsrad);}
.connexion .bootstrap-select > .btn-default:hover {border-radius:var(--bsrad);}
.myTab > li.btn{text-decoration:none;line-height: 1.5;}
.myTab > li > a{text-decoration: none;line-height: 1.5;}
.myTab > li.btn.disabled > a {border: solid 2px var(--ws-disabled);color:var(--ws-disc);padding: 20px 20px;line-height: 1.5;}
.afficher{color:var(--affc);}
#panier{fill:var(--pfill);}
#li-105.active #panier,
#li-105 a:hover  #panier{fill:var(--pfillah);}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow:var(--bafh);
}
.menu .nav > li > a {font-weight: 100;font-family: 'menu';text-transform:none;}
#myTabContent {
	border: 1px solid var(--theme3);
	border-top-color: var(--theme3);
	border-top-style: solid;
	border-top-width: 1px;
}
#myTab.nav-tabs > li > a {font-family: 'texte';}
.navbar-light .navbar-toggler {  margin-top: 1rem;border-color:var(--theme1);}
.navbar-light .navbar-toggler-icon { /*217 58 135*/
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(217, 58, 135, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
.pager li > a:hover, .pager li > a:focus {color:#0c1662;border-color:#0c1662;}
.pagination > li > a:hover, .pagination > li > span:hover {color:#0c1662;border-color:#0c1662;}
.list-news-libelle a{font-family: 'texte';}
.cont-paie{padding-top:2em;padding-bottom:3em;}
.cont-paie .blanc{padding-top:2em;padding-bottom:3em;padding-left:1em;padding-right:1em;}
#card-element{border:2px solid #0c1662;border-radius: 4px 0 0 4px;}
#payment-form #BtnEnvoyer {  width: 30%!important;
  margin: 0 0 0 0!important ;
  padding: 10px 15px!important ;
  border-radius: 0 4px 4px 0;
  border-color:#0c1662;
  border-width:2px 2px 2px 0px;
}
.menu .nav > li > a::before {
  background-color: #3e3e3e;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate(-5px,25px);
  -moz-transform: translate(-5px,25px);
  -ms-transform: translate(-5px,25px);
  transform: translate(-5px,25px);
  width: 0%;
  height: 1px;
  content: '';
  opacity: 0.2;
  display: block;
  position: absolute;
}
.menu .nav > li > a:hover::before {
  background-color: #afc4bb;
  height: 3px;
  opacity: 1;
  width: 90%;
  transition: all 500ms cubic-bezier(0.19,1,0.22,1);
}
.menu .nav > li.active > a::before {background-color: var(--theme2);height: 3px;opacity: 1;width: 90%;}
@media (min-width: 768px) {
	#myTab.nav-tabs > li.active {

		border-color: #21c45d #21c45d #ffffff #21c45d;
		border-width:1px;
		border-style:solid;
	}
}
.nav-tabs {border-bottom: 0px solid #ecf0f1;}
#form-login-client #myTabContent {
	border: 1px solid #fff;
	border-top-color: #fff;
}
.myTab > li > a {
  display: block;
  padding: 20px 20px;
  color: var(--ws-tab);
  background-color: var(--ws-tab-bg);
  border: solid 2px var(--ws-tab-bd);
}
/* Checkbox rond */
.form-check-input {
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	min-width: 24px;
	border: 2px solid #c8ced8;
	border-radius: 50%;
	margin-right: 18px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease;
}

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

/* Icône check */
.form-check-input:checked::after {
	content: "✓";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	font-size: 14px;
	font-weight: bold;
	color: #d4af37;
	}
@media (min-width: 60px) {
  .dropdown.open .niv01 {
    border: 2px solid transparent;
    color: #e8c564;
    background-color: transparent;
  }
}