/**********
 * Global *
 *********/

:root {
	--primary-color: #2A9D8F;
}
 
html{
	margin: 0px;
	padding: 0px;
	color: #292b2c;
	font-size: 12px;
	border: 0px solid transparent;
	background:#f9f9f9;
	font-family: 'Hind',Arial,sans-serif;
}

body{
	margin: 0px;
	padding: 0px;
	width: 100%; 
	background: #f9f9f9;
}

a { 
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

img { border: none; }

:focus {outline:none;}
::-moz-focus-inner {border:0;}
::-moz-selection { color: #FFF; background: var(--primary-color); }
::selection  { color: #FFF; background: var(--primary-color); }

.flol{ float: left; }
.flor { float: right; }
.alc{ text-align: center; }
.alr{ text-align: right; }
.prel { position: relative; }
.fin{
	clear:both;
	line-height:0;
	height:0;
	font-size:1px;
}
.padB30{ padding: 0 0 30px 0; }
.w50{ width: 50%; }
.w25{ width: 25%; }
.w100{ width: 100% ;}
.nowrap{ white-space: nowrap; }
.ac{align-self: center;}
.strike{ text-decoration: line-through; }
.fb50{ flex-basis: 33.005f73005f7333333%; }
.fb100{ flex-basis: 100%; }
.is_hidden { display: none; }
.ptb15{ padding: 15px 0; }

/**********
 * FLEX *
 *********/

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex!important;
}
.flex.sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex.sa {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flex.start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start; 
}
.flex.end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end; 
}
.flex.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex.jcb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex.ac {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex.col { 
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 
}
.acc {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ast {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.as {
	-ms-flex-item-align: start;
	-ms-grid-row-align: start;
	align-self: flex-start;
}
.ac {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.ae {
	-ms-flex-item-align: end;
	-ms-grid-row-align: end;
	align-self: flex-end;
}
.wrap {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.flex-1-1-0{
	flex: 1 1 0;
}
.fb33{ flex-basis: 33.33333333333333333%; }
.fb70{flex-basis: 70%}
.fb30{flex-basis: 30%}
.fb100{ flex-basis: 100%; }
.fb50{ flex-basis: 50%; }
.fg1{ flex-grow: 1; }

#strErreur, 
#strInfo,
#strValide,
#strLink{ display: none; }
.fas.fa-times{margin-right: 25px;}

.swal2-popup{
	font-size: 1.3rem!important;
}

/**********/

h1,h2,h3,h4,h5,p,a,strong,b{margin-top:0;  margin: 0px; padding:0px; font-weight:normal; text-decoration:none; }
body strong{ font-family: 'Hind',Arial,sans-serif; font-weight:bold; }

.hrSeo{
	background: var(--primary-color) none repeat scroll 0 0;
    border: medium none;
    color: var(--primary-color);
    height: 2px;
    margin: 40px auto;
    width: 80%;
}

.contentFormStd h2.lg{ background: url('/imgs/picto/picto.langues.png') 0 0 no-repeat; padding: 0 0 0 30px; height: 12px; }
.contentFormStd h2.fr{ background-position: 0 0; }
.contentFormStd h2.en{ background-position: 0 -26px; }
.contentFormStd h2.es{ background-position: 0 -52px; }
.contentFormStd h2.po{ background-position: 0 -78px; }
    
@font-face{ 
	font-family: Myriad;
	src: url('/font/MyriadPro-Regular/MyriadPro-Regular.eot');
	src: url('/font/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/font/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),
		 url('/font/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'),
		 url('/font/MyriadPro-Regular/MyriadPro-Regular.svg#myriad') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
	filter: alpha(opacity=99);
}

.mr10{ margin-right: 10px;}

/********************
**** LOADING GIF ****
********************/

#loadingGif {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 4;
	background: #ffffff url('/imgs/picto/Preloader_21.gif') center no-repeat;
}

/*************
**** BODY ****
**************/

.contenerMid {
	background-color:#f9f9f9;	
}
.contenerCxn {
	width:100%; 
	background-color:#f9f9f9;	
}
.contenerMidPad  {padding: 0 1px 30px 1px;}
.contenerCxnPad  {padding:60px 0;}
.contenerMidContent{
	margin: 1px 0 30px 0;
	border: 1px solid rgba(0, 0, 0, 0.05);
	padding: 30px; 
	background-color:#FFFFFF;
}
.contenerCxnContent{
	margin: 0 auto;
	width:40%;
	border: 1px solid rgba(0, 0, 0, 0.05);
	padding: 30px; 
	background-color:#FFFFFF;
}

/*********
*  TOP  *
*********/

.contentTop { 
	padding: 30px;
	color: #000;
}

/* Titre */
.contentTop h1 {
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: 'Hind',Arial,sans-serif; 	
	font-size: 24px;
}

/* Session */
.contentTop .sessionAlert {
	text-align:left;
	display:block;
	font-weight:normal;
	font-family: 'Hind',Arial,sans-serif; 		
	font-size:18px;
	float:right;
	width:50%;
}

.contentTop .sessionAlert .userSessionInfo {
	padding: 0 0 0 30px;
	float:right;
}

.contentTop .sessionAlert .userSessionInfo img{
    display: block;
    height: 45px;
    margin: 0 auto;
    width:45px;
	float:left;
}

.userSessionContenu{
	padding: 30px 10px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}
.contentTop .sessionAlert .userSessionInfo strong.nomUser{
	display: block;
	font-family: 'Hind',Arial,sans-serif; 		
	font-size: 14px;
	padding: 4px 0 2px 0;	
}
.contentTop .sessionAlert .userSessionInfo a.deco{
	text-align:center;
	display:block;
	font-weight:normal;
	font-family: 'Hind',Arial,sans-serif; 	
	font-size:12px;
	padding: 2px 0 4px 0;
}
.contentTop .sessionAlert .userSessionInfo a.deco:hover{ color: var(--primary-color);}

/* Alert */
.userAlert {
	position:relative;
	padding:8px;
	cursor:pointer;
	float:right;
}
.userAlert img{
	display:block;
	margin:0 auto;
}
.userAlert i{
	background: var(--primary-color);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
    color: #ffffff;
    display: inline-block;
    float: right;
    font-family: 'Hind',Arial,sans-serif; 	
    font-size: 11px;
    font-style: normal;
    padding:2px 6px;
	position:absolute;
	top:0%;
	right:0%;
}

/*********
*  MENU  *
*********/

/* Contener */

.menuGauche{
	background-color:#005f73;
	height:100%;
}
.menuGaucheContener{
	padding: 15px 5px;
}
.menuGaucheContener strong.nomSite,
.accueilCxn strong.nomSite{
	text-align:center;
	text-transform:uppercase;
	display:block;
	font-weight:normal;
	font-family: 'Hind',Arial,sans-serif; 	
	font-size:20px;
}
.accueilCxn strong.nomSite{ font-size:30px;}
.accueilCxn h1{ 
	text-align:center;
	text-transform:uppercase;
	display:block;
	font-weight:normal;
	font-family: 'Hind',Arial,sans-serif; 	
	font-size:20px;
	color: var(--primary-color);	
}
.contenerCxnContent h2{ 
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding: 10px 0 20px 0;
	font-weight:normal;
	font-family: 'Hind',Arial,sans-serif; 	
	font-size:18px;	
}

/* User */

.userSession{
	padding: 10px 0;
}
.userSession img.user{
	display:block; 
	margin:0 auto;
	height:80px;
	width:80px;
}
.userSession strong.nomUser{
	text-align:center;
	display:block;
	font-weight:normal;
	font-family: 'Hind',Arial,sans-serif; 		
	font-size:15px;
	padding:10px 0;
}
.userSession .btnStd{ padding: 10px 12px; margin: 10px auto; }

/* Menu */
.menuGontent a{
	text-align:left;
	display:block;
	color:#FFF;
	font-weight:normal;
	font-family: 'Hind',Arial,sans-serif; 		
	font-size: 15px;
	padding: 10px; 
}
.menuGontent a:hover,
.menuGontent a.sel{ border-left: solid 2px #FFF; }
.menuGontent a.tableau-de-bords { background: url('/imgs/picto/rectangles-symbol-with-intersection-area.png') center left no-repeat; }
.menuGontent a.tableau-de-bords:hover { background: url('/imgs/picto/rectangles-symbol-with-intersection-area-2.png') center left no-repeat; }
.menuGontent a cite{ 
	float:right; 
	display:inline-block; 
	font-size:10px; 
	background:var(--primary-color); 
	padding:2px 6px;
	color:#FFFFFF;
	font-style:normal;
	font-family: 'Hind',Arial,sans-serif; 	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
}
span.calendar{
	width: 40px;
	float: left;
	background: #ECEEEF;
	height: 35px;
	display: block;
	line-height: 40px;
	text-align: center;
}
.menuGontent a i{font-size: 18px; min-width: 28px; max-width: 30px;}

/*************
*** BOTTOM ***
**************/
.contentBot {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	padding: 30px 0 0 0;
	color: #292b2c;
	display: block;	
	font-size: 15px;
	font-weight: normal; 
	text-align: center;
}
.contenerCxn  .contentBot {
	border-top: none;
	padding: 70px 0 0 0;
}
.contentBot a:hover{ color:#fecc0d;}

/********************
**** BACK TO TOP ****
********************/

#returnOnTop {
    background:var(--primary-color) url('/imgs/picto.backtotop.png') center center no-repeat;
    bottom:1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 38px;
    width: 38px;
	z-index:3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
    opacity: 1;
    position: fixed;
    right: 1%;
   -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;	
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    background:#dddddd url('/imgs/picto/picto-backtotop.png') center center no-repeat;	
   -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;	
}


/*************
*** BOUTON ***
**************/

.btnStd,
input.btnStd{
	display: table;
	margin: 0 auto;
	padding: 10px 25px;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;		
    font-family: 'Hind',Arial,sans-serif;	
	cursor:pointer;
	text-transform:uppercase;
	background:var(--primary-color);
	color: #fff;	
	border:none;
}
.btnSpe,
input.btnSpe{
	display: table;
	margin: 0 auto;
	padding: 10px 25px;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;		
    font-family: 'Hind',Arial,sans-serif;	
	cursor:pointer;
	text-transform:uppercase;
	color: #242b41;	
	border:none;
}
.btnStd:hover,
input.btnStd:hover,
.btnSpe:hover,
input.btnSpe:hover{
	animation-delay: 0s;
    animation-duration: 1s;
    animation-name: pulse;
}
.btnStd.dark {
    background: #292b2c none repeat scroll 0 0;
}

/**************
*** GENERAL ***
**************/

.contentFormStd h2,
.contentTabStd h2,
.contentFormStd h3{
    display: block;
    font-family: 'Hind',Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
	width: auto;
	display: table;
	text-transform: uppercase;
	margin: 0;
	color: var(--primary-color);
	padding: 0 0 35px 0;
}
.contentFormStd h3{
	padding: 20px 0 5px 0;
}
.badge {
    border-radius: 0.25rem;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 0.25em 1.0em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.badge-primary {
    background-color: var(--primary-color);
}
.badge-default {
    background-color: #EEE;
    color: #292b2c;
}

.dz-clickable{ position: relative; }
.dz-clickable a.supp{
	color: red;
	position: absolute;
	top: 0px;
	right: 5px;
	z-index: 10000;
	cursor: pointer;
}
.dz-clickable a.supp i{ cursor: pointer; }
.admin_option i{display: table; margin: 0 auto; padding: 0 5px;}

/***********
*** FORM ***
***********/

.formStd {
	width:90%; 
}
.formStd fieldset{
	border:none;
	padding: 15px 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex!important;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}

.product_images legend {
	font-size: 2em;
	font-weight: 600;
}

.product_images cite { 
	display: block;
}

label.labelStd{
    margin: 0;
	font-size: 14px;
	line-height:38px;
	color: #292b2c;
	font-weight: normal;
	padding: 0 30px;
	flex: 1 1 20%;
}
label.mWidth{width: 35%;}
label.labelSpe{
	display:block;
    margin: 0;
	font-size: 14px;
	line-height:38px;
	color: #292b2c;
	font-family: 'Hind', Arial,sans-serif; 	
}
input.inputStd{
	border: 1px solid rgba(0, 0, 0, 0.15);
	height: 35px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-indent: 10px;
    margin: 0;
    display: block;
    cursor:pointer;
	font-size: 12px;
	color: #373b3e;
	flex: 1 1 80%;
}
.minImg3{max-width: 150px;}
input.inputStd.min,
.select-style.min{ width: 30%; }
input.textStd{
	display: block;
	font-size: 14px;
	height: 42px;
	width: 100%;
	background:#FFFFFF;
	text-indent:10px;
	padding: 5px 0;
	margin: 0;
	font-family: 'Hind',Arial,sans-serif;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;		
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;	
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;		
}

input.textStd:focus{	
	border:solid 1px var(--primary-color);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;	
}

/* .formStd input.btnStd{ margin: 20px auto 0 auto;} */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#34495e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#34495e;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #34495e;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#34495e;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:#34495e;
}


img.imgWdth{
	display:block;
	padding: 10px 0 0 0;
	max-width:500px;
}
img.imgWdth2{
	display: inline-block;
	padding: 0 10px 0 0;
	max-width: 240px;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}


.input-group-addon:first-child {
    border-right: 0 none;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
.input-group-addon, .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
* {
    box-sizing: border-box;
}
.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
input.inputStd:focus{border: 1px solid var(--primary-color);}
textarea.inputStd{
	height: 250px;	
    background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;	
	width: 80%;
	padding: 10px; 
    margin: 0;
    display: block;
    cursor:pointer;
	font-size: 12px;
	color: #373b3e;
	font-family: 'Hind', Arial,sans-serif;	
}
textarea.inputStd:focus{border: 1px solid var(--primary-color);}

/*Select styles*/
.select-style {
    padding: 0;
    overflow: hidden;
    background: url('/imgs/picto/chevron-up.png') no-repeat right center;
	border: 1px solid rgba(0, 0, 0, 0.15);
	height: 35px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;	
	width:10%;
	text-indent: 10px;
    margin: 0;
    display: block;
    cursor:pointer;
	font-size: 12px;
	color: #373b3e;
	font-family: 'Hind', Arial,sans-serif;
}
.select-style select:focus {border: 1px solid var(--primary-color);}
.select-style select {
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	color: #292b2c;
	display: block;
	font-size: 12px;
	padding:5px 0;
	margin: 0;
	text-indent:5px;
	height: 100%;
}

.select-style select:focus {
    outline: none;
}

select.selectStd option,
select.asmSelect option{
	color: #292b2c;
	display: block;
	font-family: 'Hind',Arial,sans-serif;
	font-size: 14px;
	line-height: 38px;
	padding:2px 0;
	margin: 0;
	text-indent:5px;	
}


/*Checkboxes styles*/
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label {
	display: block;
	position: relative;
	padding: 0 0 0 35px;
	margin: 15px 0; 
	color: #aaa;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-size: 14px;
	line-height:20px;
	color: #292b2c;
	font-family: 'Hind', Arial,sans-serif; 		
}
input[type="checkbox"] + label:last-child { margin-bottom: 0; }
input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid var(--primary-color);
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*Radio styles*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #292b2c;
	font-family: 'Hind', Arial,sans-serif;		
	margin: 8px 0; 	
	font-size: 14px;	
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--primary-color);
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--primary-color);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



/* Radio tri */

.control-group {
	display: inline-block;
	width: 200px;
	height: 210px;
	margin: 10px;
	padding: 30px;
	text-align: left;
	vertical-align: top;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.control {
	font-size: 18px;
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding-left: 30px;
	cursor: pointer;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #e6e6e6;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
	background: var(--primary-color);
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: var(--primary-color);
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: .6;
	background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
	display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
	top: 4px;
	left: 8px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}


/************
*** TABLE ***
************/

.tableStd{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	/*table-layout: fixed;*/
}
.tableStd tr th{	
	background: var(--primary-color);
	padding: 10px 15px;
	color:#FFFFFF;
    font-family: 'Hind',Arial,sans-serif;
    font-size: 14px;
	text-transform:uppercase;
    font-weight: normal;
    text-align: left;
	white-space: nowrap;
}
.tableStd tr td{	
	padding: 10px;
	font-size: 13px;
	background-color: rgba(0, 0, 0, 0.03);	
    font-family: 'Hind',Arial,sans-serif;
    font-weight: normal;
    text-align: left;		
}
.tableStd tr td img {
	max-width: 100px;
	max-height: 100px;
}
.tableStd tr td.alr,
.tableStd tr th.alr{ text-align: right; }
.tableStd tr:hover td,
.tableStd tr:nth-child(even):hover td{ background:rgba(0,0,0,0.05);}
.tableStd tr.odd td { background: #FFFFFF; }
.tableStd tr td a:hover{color:var(--primary-color) ; }
.tableStd tr td img{max-width:300px;}

.actif {color:#2ecc71; }
.inactif {color:#f84747;}

.state,
.action {
	width: 80px;
	text-align: center !important;
}

.action a {
	display: inline-block;
	padding: 0 3px;
}

.tableStd tr.parentCat1 td{ background:rgba(155, 89, 182, 0.06);}
.tableStd tr.odd.parentCat1 td, *.parentCat1 { background:rgba(155, 89, 182, 0.20);}
.tableStd tr:hover.parentCat1 td,.tableStd tr:hover.odd.parentCat1 td{ background:rgba(155, 89, 182, 0.4);}
.tableStd tr.parentCat1 td strong,.tableStd tr.odd.parentCat1 td strong{ color:#9b59b6;}

.tableStd tr.parentCat20 td{ background:rgba(230, 126, 34, 0.06);}
.tableStd tr.odd.parentCat20 td, *.parentCat20{ background:rgba(230, 126, 34, 0.20);}
.tableStd tr:hover.parentCat20 td,.tableStd tr:hover.odd.parentCat20 td{ background:rgba(230, 126, 34, 0.4);}
.tableStd tr.parentCat20 td strong,.tableStd tr.odd.parentCat20 td strong{ color:#e67e22;}

.tableStd tr.parentCat19 td{ background:rgba(142, 68, 173, 0.06);}
.tableStd tr.odd.parentCat19 td, *.parentCat19{ background:rgba(142, 68, 173, 0.20);}
.tableStd tr:hover.parentCat19 td,.tableStd tr:hover.odd.parentCat19 td{ background:rgba(142, 68, 173, 0.4);}
.tableStd tr.parentCat19 td strong,.tableStd tr.odd.parentCat19 td strong{ color:#8e44ad;}

.tableStd tr.parentCat21 td{ background:rgba(26, 288, 156, 0.06);}
.tableStd tr.odd.parentCat21 td, *.parentCat21{ background:rgba(26, 288, 156, 0.20);}
.tableStd tr:hover.parentCat21 td,.tableStd tr:hover.parentCat21 td{ background:rgba(26, 288, 156, 0.4);}
.tableStd tr.parentCat21 td strong,.tableStd tr.odd.parentCat21 td strong{ color:#1ABC9C;}

.tableStd tr.cat6 td{ background:rgba(234, 192, 23, 0.06);}
.tableStd tr.odd.cat6 td, *.cat6{ background:rgba(234, 192, 23, 0.20);}
.tableStd tr:hover.cat6 td,.tableStd tr:hover.cat6 td{ background:rgba(234, 192, 23, 0.4);}
.tableStd tr.cat6 td strong,.tableStd tr.odd.cat6 td strong{ color:var(--primary-color);}

.tableStd tr.parentCat3 td{ background:rgba(231, 76, 60, 0.06);}
.tableStd tr.odd.parentCat3 td, *.parentCat3{ background:rgba(231, 76, 60, 0.20);}
.tableStd tr:hover.parentCat3 td,.tableStd tr:hover.parentCat3 td{ background:rgba(231, 76, 60, 0.4);}
.tableStd tr.parentCat3 td strong,.tableStd tr.odd.parentCat3 td strong{ color: #E74C3C;}

.tableStd tr.parentCat2 td{ background:rgba(230, 126, 34, 0.06);}
.tableStd tr.odd.parentCat2 td, *.parentCat2{ background:rgba(230, 126, 34, 0.20);}
.tableStd tr:hover.parentCat2 td,.tableStd tr:hover.parentCat2 td{ background:rgba(230, 126, 34, 0.4);}
.tableStd tr.parentCat2 td strong,.tableStd tr.odd.parentCat2 td strong{ color: #e67e22;}

.tableStd tr.parentCat13 td{ background:rgba(52, 152, 219, 0.06);}
.tableStd tr.odd.parentCat13 td, *.parentCat13{ background:rgba(52, 152, 219, 0.20);}
.tableStd tr:hover.parentCat13 td,.tableStd tr:hover.parentCat13 td{ background:rgba(52, 152, 219, 0.4);}
.tableStd tr.parentCat13 td strong,.tableStd tr.odd.parentCat13 td strong{ color:#3498DB;}

/************/

.admin-detail-carte .nom{width: 15%;}
.admin-detail-carte .prix{width: 5%;}
.admin-commande .modifier i,
.admin-commande .supprimer i{padding: 0 10px;}
.paginator{font-size: 20px; padding: 15px 0;}
.tableStd tr td.dateLiv{text-align: center;}
.searchType{ color: #FFF; }

/* USER INTERFACE */
.user-profil strong{font-size: 1.4em; font-family: ''Hind''; font-weight: normal;}
.user-profil span{font-size: 1.3em;}
.user-profil .contenerMidContent{padding: 25px; font-family: ''Hind'';}
.user-content-infos div{padding-top: 15px;}
.user-content-action{display: flex; justify-content: flex-end;}
.user-content-action a{margin: 0;}
.user-content-adresse{display: flex; justify-content: space-around;}
.user-content-adresse div{display: flex; flex-direction: column;}
.user-content-adresse span{padding: 8px 0;}
.user-change-password-form legend{font-size: 1.5em; color: var(--primary-color);}
.user-profil hr{margin: 50px 0; width: 30vw;}
.m0{margin: 0 !important;}

/* PAGINATOR */
.paginator .nav span {
	font-size: 1.8em;
}

.paginator {
	width: 100%;
}

.paginator td {
	padding: 15px 0;
}

.paginator a,
.paginator i {
	font-size: 22px; 
	color: #2d3436; 
	padding: 50px 5px; 
	line-height: 100%;
}

.paginator .encours {
	color: #95A5A6; 
}

.catn2 {
	text-indent: 5px;
}

.catn3 {
	text-indent: 25px;
}

.tableStd a {
	margin: 10px;
	display: inline-block;
}

#listeProduit.tableStd tr .product_category span {
	color: #FFF;
	padding: 3px 0;
	font-weight: 500;
	width: 100%;
	display: block;
	text-align: center;
}

#listeProduit.tableStd tr.particuliers .product_category span { background-color: #e3b362; }
#listeProduit.tableStd tr.collectivites .product_category span { background-color: #383F51; }

/***********
 * TABLETTE PORTRAIT
 */
 
 @media screen and (max-width: 960px)
{		
	.contenerMidPad{ padding: 15px; }
	.menuGauche,.contenerMid,
	.contentTop .sessionAlert{ float: none; width: 100%; }
	.contentTop h1{ float: none; width: auto;  margin: 0 auto; display: table; }
	.userSession img.user{ display: none; }
	.userSession{ padding: 10px 0; }
	label.labelStd, input.inputStd.min, .select-style.min{ width: 50%; }
	.contentTop .sessionAlert .userSessionInfo{ float: none; margin: 0 auto; padding: 0px; display: table; }
}