/*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/raleway-bold.woff2') format('woff2'),
         url('../fonts/raleway-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "mthin";
    src: url('../fonts/raleway-light.woff2') format('woff2'),
         url('../fonts/raleway-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "mtight";
    src: url('../fonts/raleway-light.woff2') format('woff2'),
         url('../fonts/raleway-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "medium";
    src: url('../fonts/raleway-bold.woff2') format('woff2'),
         url('../fonts/mraleway-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
	font-family: "semibold";
    src: url('../fonts/raleway-bold.woff2') format('woff2'),
         url('../fonts/raleway-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "extrabold";
    src: url('../fonts/raleway-bold.woff2') format('woff2'),
         url('../fonts/raleway-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "black";
    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: 'thin';
    src: url('../fonts/raleway-light.woff2') format('woff2'),
         url('../fonts/raleway-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bold';
    src: url('../fonts/raleway-bold.woff2') format('woff2'),
         url('../fonts/raleway-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    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: "texte";
		src: url('../fonts/lato-regular.woff2') format('woff2'),
        url('../fonts/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	padding-top:0px;
	margin:0;
	background-color:#f7f7f7;
	background-image:none;
	background-repeat:repeat;
	font-family: 'texte';
	font-weight: normal;
	font-style: normal;
}
:root {
	--theme1:#2e3192 ;
	--theme2:#f6ddc8 ;
	--theme3:#b7e4f7;
	--ac:#212121;
	--ach:#000;
	--bac:#212121;
	--bach:#2583c1;
	--titre:#0c1662;
	--label:#0c1662;
	--fcbdr :#dad7ec;
	--fcbdrf:#0c1662;
	--fsf:#31393c;
	--fsbdr:#dad7ec;
	--fcc:rgba(23, 23, 23, 1);
	--fccf:#505362;
	--bsc:#f6ddc8;
	--bsbk:#2e3192;
	--bsbdr:#2e3192;
	--bscf:#0c1662;
	--bsbkf:#b7e4f7;
	--bsbdrf:#0c1662;
	--bsrad:2px;
	--btnrad:1px;
	--bsbs :rgba(0,220,171,.25);
	--bsbtnc:#2e3192;
	--bsbtnbk:#f6ddc8;
	--bsdmbk:#eef0f0;
	--bsdmbkf:#bdbdbd;
	--ws-tab:#fff;
	--ws-tab-bg :#2e3192;
	--ws-tab-bd:#2e3192;
	--ws-tab2 :#0c1662;
	--ws-tab-bg2 :#b7e4f7;
	--ws-tab-bd2 :#0c1662;
	--ws-tab3: #fff;
	--ws-tab-bg3:#0c1662;
	--ws-tab-bd3:#488dc6;
	--wb-mybdc :#fff;
	--wb-mybdw:2px 2px 0px 2px;
	--wb-mybds:solid;
	--w-input-ph:rgba(130, 130, 130, 0.3);
	--tabc:#232323;
	--tabbk:#dfdede;
	--tabbdr:#488dc6;
	--tabbd:#0c1662;
	--tabcf:#2e3192;
	--tabbkf:#b7e4f7;
	--tabbdrf:#b7e4f7;
	--tabbkaf:#fff;
	--wb-bselcol:#505362;
	--wb-bselover:#fff498;
	--ws-disc:#fff;
	--affc:#2e3192;
	--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:#f6ddc8;
	--mabk:#2e3192;
	--mabdr:#2e3192;
	--macf:#2e3192;
	--mabkf:#b7e4f7;
	--mabdrf:#b7e4f7;
	--marad: 0;
	--odpmbdr:#f2f2f2;
	--odpmrad:calc(.25rem - 1px);
	--oppmp:2px 2px 2px 2px;
	--odpmc:#343a40;
	--odpmcf:#1f212c;
	--odpmcbk:#fff;
	--odpmcbkf:#f2f2f2;
	--pfill:#f6ddc8;
	--pfillah:#2e3192;
	--cw-aabg:#0c1662;
	--cw-aaco:#fff;
	--cw-aco-o:#0c1662;
	--cw-aabd:#fff;
	--cw-abd-o:#0c1662;
	--cw-abg:#2e3192;
	--cw-aco :#fff;
	--cw-abg-o:#b7e4f7;
	--cw-enbd:#b7e4f7;
	--foobk:#f6ddc8;
	--fooc:#0c1662;
	--fooa:#0c1662;
	--fooaf:#0c1662;
	--pagc:#fff;
	--pagbkf:#2e3192;
	--pagbka :#0c1662;
	--pagbkaf :#b7e4f7;
	--pagbkah :#b7e4f7;
	--pc:#ffffff;
	--pk:#2e3192;
	--pkhf:#b7e4f7;
	--bdc :#fff;
	--bdbk:#343a40;
	--bdbd:#343a40;
	--bdcf :#fff;
	--bdbkf:#2e3192;
	--bdbdf:#2e3192;
	--wb-bselcol:#2e3192;
	--wb-bselover:#e2f6f1;
	--wb-bsbkaf:#b7e4f7;
	--wb-bsca:#0c1662;
	--mtliac:#b7e4f7;
	--mtliach:#2e3192;
	--cw-titre:#343a40;
	--cw-atexco:#2e3192;
	--btnrk:#2e3192;
	--btnrc:#ffffff;
	--btnrkf:#b7e4f7;
	--btnrcf:#ffffff;
	--bafh: 0 0 0 0.25rem rgba(13, 110, 253, 0);
	--nwsdate:#505362;
	--modti:#505362;
}

.first{background-color:#f2f2f2;}
.brand{background-color:#fff;}
.nav-fond{background-color:rgba(255,255,255,1);box-shadow: 0 0px 3px rgba(0,0,0,0.175);padding-left: 0;padding-right:0;}
/*.menu {  width: 100%;}
.menu .nav > li  {}
.menu .nav > li > a {height: 5rem;line-height: 5rem;margin:0;padding:0;text-align:center;position:relative;z-index:0;}
.menu .navbar-expand-md.py-3{padding-top:0!important;padding-bottom:0!important;}
@media (min-width:768px) {
.navbar-expand-md { width: 100%;max-width:80%;margin:0 auto;}
.navbar-expand-md .navbar-nav {width: 100%;}
.menu .nav > li  {min-width:16.6666666%;}

.menu .nav > li > a:after{
	background-color:#d94492;content: '';
	position: absolute;
	top: 0;
	right: 100%;
	left: 0;
	bottom: 0;
	width:0;
	background: #d93a87;
	transition: all 500ms cubic-bezier(0.19,1,0.22,1);
	z-index:-1;
	}
	.menu .nav > li > a:hover:after{left:0;width:100%;}
	.open > .dropdown-menu > li > a::after {
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e080";
  font-size: 1rem;
  line-height: 1rem;
  color: #d93a87;
  padding-left: 0.8em;
}
}
@media (min-width:800px) {
.navbar-expand-md { width: 100%;max-width:800px;margin:0 auto;}
}*/
a{text-decoration:none;font-family: "texte";}
#footer a:hover{border-bottom:solid 1px #488dc6;}

h1, .h1, h2, .h2, h3, .h3 {color:var(--titre);font-family: "titre";text-transform:none;}
h1::after {
  content: " ";
  width: 50%;
  max-width: 145px;
  display: block;
  height: 5px;
  background-color: #b7e4f7;
}
.une-news-date{color:#02515e;}
.form-label {color:var(--label);font-family: "titre";margin-bottom:.5rem;}
#logo {max-width: 250px;min-width: 250px;width: 250px;}
.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(--bsc);
	background-color: var(--bsbk);
	border-color:var(--bsbdr);
	border-radius: var(--btnrad);
	font-family: "titre";
	text-transform: uppercase;
font-size: 1em;
letter-spacing: 0px;

}
.btn-success:hover {
	color:  var(--bscf);
	background-color: var(--bsbkf);
	border-color:var(--bsbdrf);
  
}
.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-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: 0px solid #fff;
	border-top-color: #fff;
	border-top-style: solid;
	border-top-width: 0px;
}
#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: var(--mabk);
  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: #2e3192;height: 3px;opacity: 1;width: 90%;}
.card-header {
  background-color: var(--theme2);
}