@charset "UTF-8";
/* SEGYX 3 */
input:invalide{
	outline: #a804dd solid 2px;
}
input:focus:not([type="button"],[type="submit"],[type="checkbox"],[type="radio"]),textarea:focus,select:focus {
	background-color: #ebfcfc!important;
}
input:hover:not([type="button"],[type="submit"],[type="checkbox"],[type="radio"]),textarea:hover,select:hover {
	background-color: #f4fceb!important;
}
.diventete {margin-bottom:0.5em;}
.diventete img{
	margin-right:3em;
	vertical-align: middle;
}
.diventete .divdossier {
	display: inline-block;
	margin-left:3em;
	vertical-align:
	middle;
}
.diventete a{
	text-decoration:none;
}
.spacer {
	clear:both;
}

h1 {
  font-family: Roboto;
  color: #666666;
  font-size: 25px;
  font-weight: bold;
}

.is-disabled,
.is-disabled~label,
.js-disabled,
[disabled],
[disabled]~label {
	opacity: .8;
	color: saddlebrown!important;
	cursor: not-allowed!important;
	filter: grayscale(0.5);
}

.bord-bleu {
    border: 2px solid #2e65b4;
    border-radius: 6px;
}

table th {
  padding: 15px 25px 15px 25px;
  border: #E0E0E0 1px solid;
  /* $tab_lgn="#E0E0E0";  bordures table */
  background: #55acee;
  /* $tab_fd_1="#55acee";  couleur entete table */
  color: #FFFFFF;
  /* $tab_txt1="#FFFFFF"; couleur texte entete table */
  padding-left: 20px;
}


/* menu horizontal barre */
#menu {
  list-style: none;
  border: 2px solid #666666;
  background: #e0e0e0;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#menu li ul hr {
margin : 0!important;
height:1px;
padding:0 !important;
}

#menu li {
  float: left;
  position: relative;
  line-height: 0;
  padding-left: 10px;
  padding-right: 10px;
}

#menu li a {
  float: left;
  color: #666666;
  font: bold 0.9em Roboto;
  text-decoration: none;
  padding: 3px 10px 3px 10px;
}

#menu a:hover {
  background: #55acee; /* $men_fd_2="#55acee"; quand on passe sur les éléments de menu */
  color: #FFFFFF; /* $men_txt_2="#FFFFFF"; quand on passe sur les éléments de menu */
  -moz-border-radius: 5px; /* arrondi des sous menus haut et bas */
  border-radius: 5px; /* arrondi des sous menus haut et bas */
}

#menu li:hover ul {
  display: block;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  border: 1px solid #444444;
  top: 25px;
  z-index: 99999;
  background: #E0E0E0;
  color: #666666;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

#menu ul a {
  padding: 0.5em 1em 0.5em 1em;
  line-height: 1;
  display: block;
  white-space: nowrap;
  float: none;
  text-transform: none;
}

#menu ul li {
  float: none;
  margin: 0;
  padding: 0;
  display: block;
}

#menu ul a:hover {
  background-color: #55acee;
  color: #FFFFFF;
}


#menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}


/* == bloc menu */
.bloc-menu {
	outline: 1px solid #55acee;
	border-radius: 25px 25px 50% 20%/15px 15px 25px 10px;
	overflow:hidden;
	background:#fafbfc;
}
.bloc-menu .titre {
	background:#55acee;
	font-weight: 700;
	font-size:1.2em;
	color:#fff;
	margin:0;
	padding: 0.3rem 0.8rem;
}

.pave_haut {
  padding-left: 10px;
  padding-top: 3px;
  background-color: #55acee;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  
  font-family: Roboto;
  font-size: 17px;
  font-weight: bold;
}

.pave_bas {
	padding-left: 10px;
  background-color: #FFFFFF;
  border: 1px solid gray;
  color: #444444;
  border-radius: 8px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #55acee;
  font-family: Roboto;
  font-size: 16px;
}

.pave_bas a:link {
  color: #444444;
  text-decoration: none;
}

.pave_bas a:visited {
  color: #444444;
  text-decoration: none;
}

.pave_bas a:hover {
  font-weight: bold;
  text-decoration: none;
}


.wlarg {
	width: auto;
}
.ul-ins {width:max-content}

#menu-segyx ul li ul {width:max-content}
#menu-segyx, #menu-segyx ul{
	padding:0;
margin:0;
list-style:none;
/*text-align:center;*/
}
#menu-segyx li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
font-weight:600;
}
#menu-segyx ul li{
display:inherit;
border-radius:0;
padding:1px 1em;
border-width : 0 1px;
border-color : #6495ed;
font-weight:normal;
border-style: solid;
}
#menu-segyx ul li:hover{
border-radius:0;
}
#menu-segyx ul li:last-child{
border-radius:0 0 8px 8px;
border-bottom : 3px;
border-color : #6495ed;
border-style: solid;
}
#menu-segyx ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-segyx li:hover ul{
max-height:30em;
}
/* background des liens menus #D0E3FA #6495ed #738fd0*/
#menu-segyx li:first-child{
background-color: #ebf1fc;
background-image:-webkit-linear-gradient(top, #ebf1fc 0%, #D0E3FA 100%);
background-image:linear-gradient(to bottom, #ebf1fc 0%, #D0E3FA 100%);
}
#menu-segyx li:nth-child(2){
background-color: #ebf1fc;
background-image:-webkit-linear-gradient(top, #ebf1fc 0%, #D0E3FA 100%);
background-image:linear-gradient(to bottom, #ebf1fc 0%, #D0E3FA 100%);
}
#menu-segyx li:nth-child(3){
background-color: #ebf1fc;
background-image:-webkit-linear-gradient(top, #ebf1fc 0%, #D0E3FA 100%);
background-image:linear-gradient(to bottom, #ebf1fc 0%, #D0E3FA 100%);
}
#menu-segyx li:nth-child(4){
background-color: #ebf1fc;
background-image:-webkit-linear-gradient(top, #ebf1fc 0%, #D0E3FA 100%);
background-image:linear-gradient(to bottom, #ebf1fc 0%, #D0E3FA 100%);
}
#menu-segyx li:nth-child(5){
background-color: #ebf1fc;
background-image:-webkit-linear-gradient(top, #ebf1fc 0%, #D0E3FA 100%);
background-image:linear-gradient(to bottom, #ebf1fc 0%, #D0E3FA 100%);
}
#menu-segyx li:nth-child(6){
background-color: #ebf1fc;
background-image:-webkit-linear-gradient(top, #ebf1fc 0%, #D0E3FA 100%);
background-image:linear-gradient(to bottom, #ebf1fc 0%, #D0E3FA 100%);
}
#menu-segyx li:last-child{
background-color: #ebf1fc;
background-image:-webkit-linear-gradient(top, #ebf1fc 0%, #D0E3FA 100%);
background-image:linear-gradient(to bottom, #ebf1fc 0%, #D0E3FA 100%);
}
/* background des liens sous menus */
#menu-segyx li:first-child li{
background:#ebf1fc;
}
#menu-segyx li:nth-child(2) li{
background:#ebf1fc;
}
#menu-segyx li:nth-child(3) li{
background:#ebf1fc;
}
#menu-segyx li:nth-child(4) li{
background:#ebf1fc;
}
#menu-segyx li:nth-child(5) li{
background:#ebf1fc;
}
#menu-segyx li:nth-child(6) li{
background:#ebf1fc;
}
#menu-segyx li:last-child li{
background:#ebf1fc;
}
/* background des liens menus et sous menus au survol */
#menu-segyx li:first-child:hover, #menu-segyx li:first-child li:hover{
background:#6495ed;
}
#menu-segyx li:nth-child(2):hover, #menu-segyx li:nth-child(2) li:hover{
background:#6495ed;
}
#menu-segyx li:nth-child(3):hover, #menu-segyx li:nth-child(3) li:hover{
background:#6495ed;
}
#menu-segyx li:nth-child(4):hover, #menu-segyx li:nth-child(4) li:hover{
background:#6495ed;
}
#menu-segyx li:nth-child(5):hover, #menu-segyx li:nth-child(5) li:hover{
background:#6495ed;
}
#menu-segyx li:nth-child(6):hover, #menu-segyx li:nth-child(6) li:hover{
background:#6495ed;
}
#menu-segyx li:last-child:hover, #menu-segyx li:last-child li:hover{
background:#6495ed;
}
/* les a href */
#menu-segyx a{
text-decoration:none;
display:block;
padding:4px 25px;
color:#000;
font-family:Roboto;
}
#menu-segyx ul a{
padding:3px 0;
}
#menu-segyx li:hover li a{
color:#000;
text-transform:inherit;
}
#menu-segyx li:hover a, #menu-segyx li li:hover a{
color:#fff;
}

#menu-segyx li li.sx-separateur {
height:1px;
padding:0 !important;
background:#6495ed;
}

table tr:first-child th:first-child {
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
}

table tr:first-child th:last-child {
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}

table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
/*.btn--bleu, .btn--orange, .btn--rouge, .btn--vert, .#045FB4*/
/* ========== remplacement boutons =========*/
.btn--gris {
  background-color: #333;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn--gris:active, .btn--gris:focus, .btn--gris:hover {
  background-color: #55acee
}

.btn--bleu {
  background-color: #2e65b4;
  color: #fff;
  border : 1px solid #808080;
  padding: 0.5em 0.7em;
  -webkit-box-shadow: none;
          box-shadow: none
}

.btn--bleu:active, .btn--bleu:focus, .btn--bleu:hover {
  background-color: #55acee
}

.btn--orange {
  background-color: #FF7F50;
  color: #fff;
  border : 1px solid #808080;
  padding: 0.7em 0.7em;
  -webkit-box-shadow: none;
          box-shadow: none
}

.btn--orange:active, .btn--orange:focus, .btn--orange:hover {
  background-color: #FFDAB9;
  color : #000;
}

.btn--vert,
.button--vert {
  background-color: #0da000;
  color: #fff;
  border : 1px solid #808080;
  padding: 0.5em 0.7em;
  -webkit-box-shadow: none;
          box-shadow: none
}
.btn--vert:active, .btn--vert:focus, .btn--vert:hover {
  background-color: #33CC33;
}

.btn--rouge,
.button--rouge {
  background-color: #c91111;
  color: #fff;
  border : 1px solid #808080;
  padding: 0.5em 0.7em;
  -webkit-box-shadow: none;
          box-shadow: none
}
.btn--rouge:active, .btn--rouge:focus, .btn--rouge:hover {
  background-color: #673ab7;
}
/* ========== remplacement boutons =========*/

input.cl_input_text {
  border: 1px solid gray;
  border-radius: 4px;
  color: black;
  background-color: white;
  padding: 3px;
}

input.cl_input_text:hover {
  background-color: #55acee;
}

input.cl_input_text:focus {
  background-color: #FFEFB6;
}

input.cl_input_button {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #0654ba;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
}

input.cl_input_cle {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #8CC6D7;
  border: 1px solid #8CC6D7;
  border-radius: 4px;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
}

input.cl_input_button:hover {
  background-color: #0632ea;
}

input.cl_input_std {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #045FB4;
  align-items: center;
  height: 30px;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
}

input.cl_input_std:hover {
  background-color: #2E9AFE;
}

input.cl_input_crea {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #ff8000;
  align-items:center;
  height: 30px;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
}

input.cl_input_crea:hover {
  background-color: #facc2e;
}

input.cl_input_enreg {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #22AA22;
  align-items :center;
  height: 30px;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
}

input.cl_input_enreg:hover {
  background-color: #33CC33;
}

input.cl_input_supp {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #E83535;
  align-items: center;
  height: 30px;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
}

input.cl_input_supp:hover {
  background-color: #FA8258;
}

input {
	text-align: left;
}
  
a img { 
  border:none; 
}

#look_hi table{
border:medium solid #22AAFF;
border-collapse:collapse;
width:600px;
margin-left: 50px;
}
 
#look_hi th {
  font-family:Roboto;
  font-size:15px;
  border:thin solid #22AAFF; 
  padding:5px;
  background-color:#55acee;
  border : solid 2px white;
  width: 31%;
}
 
#look_hi td {
  font-family:Roboto;
  font-size:13px;
  border:thin solid #22AAFF; 
  padding:5px;
  background-color:#ffffff;
}

.chooseNextPre {
  background-color: #2e65b4;
  margin-top: 10px;
  margin-bottom: 10px;
}
.chooseNextPre:hover {
  background-color: #55acee;
  border-color: #55acee;
}

#look_hi td form{
  margin-top: 10px ;
  font-size: 15px;
}

.fa-arrow-left{
  color : #22AAFF;
}

.ExportsMails,.Excel,.Delete,.Save,.New {
  background-color: #2e65b4;
  color: white;
  font-size: 15px;
}
.New:hover{
  background-color: #FF7F50;
}
.Save:hover{
  background-color: #0da000;
  border-color: #0da000;
}
.Delete:hover{
  background-color: #c91111;
}
.ExportsMails:hover,.Excel:hover {
  background-color: #55acee
}


#look_hi3 table{
border:medium solid #22AAFF;
border-collapse:collapse;
width:420px;}
 
#look_hi3 th{
font-family:Roboto;
font-size:13px;
border:thin solid #00C4EE; 
padding:5px;
background-color:#55acee;}
 
#look_hi3 td{
font-family:Roboto;
font-size:13px;
border:thin solid #00C4EE; 
padding:5px;
background-color:#ffffff;} 


.button_cpt {
	width:60px; text-align:center;
	font-family:Roboto;
	font-size:15px; }

.affiche_cpt {
	text-align:right;
	background-color:#D0E3FA;
	font-size:15px;}
input .affiche_cpt {
	padding:4px 10px;
}

.affiche_choisi {
	width:100%; text-align:left;
	background-color:#FF5555;
	font-family:Roboto;
	font-size:15px; }

.boxhat {
	padding-top: 0rem!important;
	justify-content: flex-start!important;
	flex-direction: initial!important;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #2e65b4}
.boxhat div.hat1 {
	padding: 0.8em 2.5em 0.8em 1em;
	background-color: #2e65b4;
	color : #fff;
	font-weight:800;
	border-radius: 1em 2em 5px 0/ 50%;
	border-bottom:1px solid #2e65b4
}
.boxhat div {
	padding: 0.5em 2.5em;
	background-color:#ebf1fc;
}

.monetik {
	white-space: nowrap;
	text-align: right;
}

.affiche_prix {
	margin-bottom: 4px;
	border: 1px solid #55acee;
	height: 22px;
	padding-left: 5px;
	text-align: right;
	font-family:Roboto;
	font-size:15px; 
	cursor: cell;}

.inputover {
	background-color: #6495ed;
	width: 100%;
        font-family:Roboto;
	font-size:15px; 
	color: white;} 

.inputout {
	background-color: Menu;
	width: 100%;
        font-family:Roboto;
	font-size:15px; 
        color: black;}

.Barre {
	margin-top: 20px;
	margin-left: 20px;
	border: 1px inset; 
	text-align: left;
	Height: 27px;
	width: 610px;}

.type1 { 
	position: absolute;
	visibility: hidden;
	top: inherit;
	border: 1px outset;
	background-color: Menu;
	width: 170px;
	font: Menu;
	cursor: pointer;}

.button {
  margin-top: 0;
  border: 0;
  background-color: Menu;
  height: 20px;
  font-family:Roboto;
  font-size:15px; 
  width: 100%;
  color: black;} 


.textarea1 {
        margin-top: 4px;
	border: 1px solid #6495ed;
	background-color: Menu;
	height: 70px;
	width: 420px;
	padding-left: 5px;
	text-align: left;
	color: black;
	font: Menu;
	cursor: pointer;}

.textarea2 {
        margin-top: 4px;
	border: 1px solid #6495ed;
	background-color: Menu; 
	padding-left: 5px;
	text-align: left;
	color: black;
	font: Menu;
	cursor: pointer;}

.textarea3 {
        margin-top: 4px;
	border: 1px solid #6495ed;
	background-color: Menu; 
	padding-left: 5px;
	text-align: right;
	color: black;
	font: Menu;
	cursor: pointer;}

/* PLACEHOLDER*/
::placeholder {
  color: #996983!important;
}
label {padding-left: 0.3rem;}
.visuonly {
border: 1px solid #126a8b;
opacity: .5;
cursor: not-allowed!important;
filter: grayscale(1);
background-color: #126a8b;
color: #fff;
}
.table thead {
  background: rgb(163 170 176 / 50%);
}
.table td, .table th {
    padding: 0.2rem 0.5rem;
}
.table th {
    font-weight: 500;
    font-style: oblique;
}
.impright {
  text-align: right!important;
}
.impcenter {
  text-align: center!important;
}
.nombre {
    width: 4em;
}
.cvert {
  background-color: #c7dedc
}
.corange {
  background-color: #dbdec7
}
/* TABULAIRE */
.container--tabs .nav-tabs {
  margin: auto;
  width: fit-content;
  list-style-type: none;
  border-bottom: 1px solid #4f575b;
  overflow: hidden;
}
.container--tabs ul {
  padding-inline-start:0px;
}

.container--tabs .nav-tabs > li {
  float: left;
  margin-bottom: -2px;
}
.container--tabs .nav-tabs > li > a {
  float: left;
  margin-right: 2px;
  line-height: 1.42857143;
  padding: 0.5rem 1.5rem;
  border: 1px solid #2e65b4;
  border-top-width: thick;
  border-top-color: transparent;
  border-radius: 20px 10px 0 0;
	text-decoration: none;
	color:#fff;
	background-color: #2e65b4;
}
.container--tabs .nav-tabs > li > a:hover {
	background-color: #2e65b4;
}
.container--tabs .nav-tabs > li.active > a,
.container--tabs .nav-tabs > li.active > a:hover,
.container--tabs .nav-tabs > li.active > a:focus {
  padding: 0.5rem;
  color: #2e65b4;
  cursor: default;
  border-radius: 20px 20px 0 0;
  background-color: #ebf1fc;
  border: 1px solid #2e65b4;
  border-top-color: #2e65b4;
	border-top-width: thick;
  border-bottom-color:transparent;
}
.container--tabs .nav-tabs > li a span.viewtext {
  display: none;
}
.container--tabs .nav-tabs > li.active a span.viewtext {
  display: unset;
}
.container--tabs .tab-content, .container-wrap {
  background-color: #ebf1fc;
  border-radius: 15px;
  outline: 2px solid #2e65b4;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.container--tabs .tab-content > .tab-pane {
  display: none;
}
.container--tabs .tab-content > .tab-pane.active {
  display: block;
}
.container--tabs .tab-content > .active {
  display: block;
}


.boxcnx-in {
  padding-top: 0rem!important;
  justify-content: flex-start!important;
  flex-direction: initial!important;
}

input.enlarge:placeholder-shown {
  background-color: #f9f4ff;
  color: #996983;

}

textarea.enlarge::-webkit-input-placeholder {
  background-color: #f9f4ff;
  color: #996983;

}

textarea.enlarge:-moz-placeholder { /* Firefox 18- */
  background-color: #f9f4ff;
  color: #996983;

}
textarea.enlarge::-moz-placeholder {  /* Firefox 19+ */
  background-color: #f9f4ff;
  color: #996983;

}
textarea.enlarge:-ms-input-placeholder {
  background-color: #f9f4ff;
  color: #996983;

}
textarea.enlarge::placeholder {
  background-color: #f9f4ff;
  color: #996983;

}
/* SIGNATURE */
.m-signature-pad--body canvas {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 20rem;
    border: 1px solid #4f575b;
}
.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  background: transparent;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
          transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
          transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.signature-pad--body
canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* ZONE DL IMAGE */
#imgoutput {max-width: 100%}
#fsetimage {border: 0}
.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;}

.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;}

.garantie input[type="radio"][id="securite"]:checked ~ section>div:not([class*="securite"])
 {display:none}
.garantie input[type="radio"][id="livraison"]:checked ~ section>div:not([class*="livraison"])
 {display:none}
.garantie input[type="radio"][id="client"]:checked ~ section>div:not([class*="client"])
 {display:none}
.garantie input[type="radio"][id="service"]:checked ~ section>div:not([class*="service"])
 {display:none}


.nav-button:before {
	top: 0
}

.nav-button:after {
	bottom: 0
}

.nav-button.is-active {
	background-image: none;
	background-color: #126a8b;
	border-color: #126a8b
}

.nav-button.is-active:after,
.nav-button.is-active:before {
	top: 50%
}

.nav-menu .sub-nav {
	box-shadow: 0 2px 2px 0 rgba(96, 96, 96, .3)
}

.nav-menu .nav-item a,
.submenu-list li a {
	text-decoration: none
}

#imageur {
	height: 30rem;
	width: 30rem;
	overflow-y: scroll;
	overflow-x: scroll;
	border: 1px dotted #126a8b
}

#imageur img {
	max-width: none;
	max-height: none
}

footer,
section header {
	background: #ebf1fc;
	color: #2e65b4;
}



@media screen and (max-width:767px) {
	.hide-mobile {
		display: none
	}
}

.show-mobile {
	display: none
}

@media screen and (max-width:767px) {
	.show-mobile {
		display: inline-block
	}
}
/*PAIEMENT*/
input[type="radio"]:checked+label {
	font-weight: bold;
	border: 1px dashed #126a8b
}
/* Partenaire */
.partenaire span {
  padding: 0 1rem;
}


*,
:after,
:before {
	box-sizing: border-box
}