
:root {
	--primary-color: #B00620;
	--secondary-color: #F1EDEA;
	--tertiary-color: #393738;
	--eolas-color: #2680A9;
	--success-color: #008565;
	--warning-color: #CB4141;
	--white: #FFFFFF;
	--text: #000000;
	--light-grey-1: #F6F6F6;
	--light-grey-2: #F1F1F1;
	--light-grey-3: #D5D5D5;
	--light-grey-4: #CCCCCC;
	--dark-grey-1: #767676;
}

.gedibois {
	--primary-color: #008f3d;
}

.invisible {display: none;}
.alignleft {text-align: left !important;}
.aligncenter {text-align: center !important;}
.alignright {white-space: nowrap; text-align: right !important;}
.alert {font-weight: bold !important; color: var(--warning-color) !important; text-align: center; width: 100%;}
.success {font-weight: bold !important; color: var(--success-color) !important; text-align: center; width: 100%;}
a {color: var(--primary-color);}
a.masque {font-style: italic; color: #999;}
a:hover {color: var(--text);}
a img {border-style: none;}
form {margin: 0; padding: 0;}


/**********/
/* LAYOUT */
/**********/
body {
	font-family: Verdana, Arial Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background-color: var(--white);
}
iframe {
	width: 98%;
	height: 450px;
	border: 2px solid var(--text);
	padding: 5px 1%;
}
body#print {
	background-color: var(--white);
}
#document {
	position: relative;
	min-width: 995px;
}
#corps {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
#menu {
	zoom: 1;
	width: 240px;
	min-width: 240px;
	background-color: var(--secondary-color);
}
#contenu {
	zoom: 1;
	padding: 9px 21px;
	background-color: var(--white);
	border: none;
	min-height: 500px;
	overflow: hidden;
	flex-grow: 1;
	width: 0;
}

.logo-eolas {
	width: 100%;
	margin: 0;
}

.logo-eolas img {
	width: 300px;
}

#contenuPopup {
}
#encaissement {
	margin: auto;
	width: 600px;
	height: 400px;
}

/****************/
/* BANDEAU HAUT */
/****************/
.bandeauHaut {
	background: var(--white);
	min-height: 20px;
	color: var(--text);
	display: flex;
	justify-content: space-between;
}

.bandeauHaut__logo {
	max-height: 60px;
}

.bandeauHaut__left {
	width: 240px;
	min-width: 240px;
	background-color: var(--secondary-color);
	border-bottom: 1px solid var(--light-grey-3);
}

.bandeauHaut__left a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.bandeauHaut__right {
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	align-items: stretch;
	background-color: var(--white);
}

.bandeauHaut__topbar {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	background-color: var(--primary-color);
	justify-content: space-between;
	padding: 2px 20px;
	box-sizing: border-box;
	color: var(--white);
}
.bandeauHaut__topbar-left {
	display: flex;
	align-items: center;
}

.bandeauHaut__topbar-left .item span {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.bandeauHaut__topbar-left .item a {
	background-position: center;
}

.bandeauHaut__topbar-right{
	display: flex;
	gap: 4px;
	align-items: center;
}
.bandeauHaut__center {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
	padding: 0 10px;
	border-bottom: 1px solid var(--light-grey-3);
}
.bandeauHaut__center-list {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	align-items: stretch;
}

.bandeauHaut__center-list > li {
	display: flex;
	align-items: center;
	padding: 5px 0;
	height: auto;
}

.bandeauHaut__center-list > li::after {
	content: "";
	width: 1px;
	height: 20px;
	border-left: 1px solid var(--text);
	background-color: var(--white);
	margin: 0 5px;
}

.bandeauHaut__center-list li:last-child::after {
	content: none;
}

.bandeauHaut h1 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}
.bandeauHaut a { color: var(--white); }

.bandeauHaut .item a {
    padding: 2px 5px 2px 20px;
    text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	display: inline-block;
	min-height: 16px;
}

.bandeauHaut .item a:hover {
    text-decoration: underline;
}
.bandeauHaut .information a {
    background-image: url(images/user.png);
}
.bandeauHaut .home a {
	background-image: url(images/house.png);
	background-position: center;
}
.bandeauHaut .front a {
	background-image: url(images/world.png);
}
.bandeauHaut .deconnexion a {
	background-image: url(images/connect.png);
}
.bandeauHaut .alerte {
	padding: 0 7px;
	font-weight: bold;
	color: var(--white);
	text-align: right;
	border: 1px solid yellow;
}

.bandeauHaut.bandeauHaut--small {
	background-color: var(--primary-color);
	color: var(--white);
	padding: 5px 20px;
	display: flex;
	align-items: center;
}

.bandeauHaut__center li.selected>a,
.bandeauHaut__center li.big_selected>a,
.bandeauHaut__center li.selected:hover>a,
.bandeauHaut__center li.big_selected:hover>a{
	background-color: var(--secondary-color);
}

.bandeauHaut__center a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 8px 10px;
	text-decoration: none;
	color: var(--text);
	display: block;
	text-align: center;
}

.bandeauHaut__center li.selected > a,
.bandeauHaut__center li.big_selected > a {
	color: var(--text);
	font-weight: bold;
}

.bandeauHaut__center li:not(.selected):not(.big_selected):hover > a {
	color: var(--primary-color);
}

.bandeauHaut__subitem {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	background-color: var(--secondary-color);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	text-transform: initial;
	width: 100%;
	justify-content: flex-start;
	gap: 20px;
	flex-wrap: wrap;
	padding: 10px 20px;
	box-sizing: border-box;
	border-top: 1px solid var(--secondary-color);
	max-height: calc(100vh - 68px);
	overflow: auto;
}

.bandeauHaut__center-list > li:hover .bandeauHaut__subitem,
.bandeauHaut__subitem:hover {
	display: flex;
}

.bandeauHaut__subitem > li {
	flex: 0 0 calc(20% - 16px);
}

.bandeauHaut__subitem > li > a,
.bandeauHaut__subitem > li > span {
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.bandeauHaut__subitem a,
.bandeauHaut__subitem span {
	padding: 8px 14px;
	text-align: left;
}

.bandeauHaut__subitem span {
	display: block;
}

.bandeauHaut__niv3 {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	border-top: 1px solid var(--light-grey-3);
}

.bandeauHaut__niv3 a {
	background-image: url(images/chevron-left.png);
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: center left;
}

/********/
/* MENU */
/********/
#menu div.itemMenu {
	border-bottom: 1px solid var(--light-grey-3);
	width: 90%;
	margin: 5px auto 8px auto;
	padding-bottom: 10px;
}

#menu div.itemSousMenu {
	transition: max-height .4s ease-in-out;
	overflow: hidden;
	max-height: 1000px;
}

#menu h4 {
	margin: 0;
	padding: 7px 0;
	font-size: 12px;
	color: var(--primary-color);
	text-align: left;
	overflow: hidden;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

#menu h4::after {
	content: "";
	width: 10px;
	min-width: 10px;
	height: 8px;
	background-image: url(images/chevron-color.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform .4s ease-in-out;
	margin-right: 10px;
}

.gedibois #menu h4::after {
	background-image: url(images/gedibois/chevron-color.png);
}

#menu .notransition div.itemSousMenu,
#menu .notransition h4::after {transition:none;}


#menu .close h4::after {
	transform: rotate(180deg);
}

#menu h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 7px;
	clear: both;
}

#menu h5:hover {
	background-color: var(--white);
}

#menu h5 a {
	float: right;
}
#menu h5 a img {
	padding: 0 2px;
	display: block;
	opacity: .8;
}
#msg_ori {
	margin-top: 10px;
	margin-left: 10px;
}
#msg {
	padding: 5px;
	margin: 0;
	border: 1px solid var(--text);
	color: #33a02b;
	background-color: var(--white);
	cursor: pointer;
	position: absolute;
	z-index: 50;
	width: 20%;
	top: 35%;
	left: 40%;
	list-style-type: none;
}
#msg li {
	padding: 1px 0 1px 20px;
}
#msg .NOTIFICATION {
	color: var(--eolas-color);
	background: url(images/msg_NOTIFICATION.png) no-repeat 0 0;
}
#msg .WARNING {
	color: #FB7922;
	background: url(images/msg_WARNING.png) no-repeat 0 0;
}
#msg .ERROR {
	color: var(--warning-color);
	background: url(images/msg_ERROR.png) no-repeat 0 0;
}


/***************/
/* BANDEAU BAS */
/***************/
#bandeauBas {
    background-color: var(--white);
    border-top: 1px solid #e3e3e3;
    clear: both;
    color: var(--primary-color);
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 14px 0;
    text-align: center;
	width: 100%;
	box-sizing: border-box;
}
#bandeauBas a {
    text-decoration: underline;
}
#bandeauBasPopup {
	clear: both;
	text-align: right;
	padding: 8px;
}


/************/
/* FIELDSET */
/************/
.u-inner-square,
fieldset {
	padding: 30px 20px 10px 20px;
	margin: 5px 0 15px;
	background-color: var(--white);
	position: relative;
	border:1px solid #c8c8c8;
}
.u-subtitle,
legend {
	font-size: 13px;
	color: var(--primary-color);
	position: absolute;
	top: 12px;
	left: 20px;
	font-weight: bold;
}

.IMG_calendar{
	width: 16px;
	cursor: pointer;
	margin-bottom: -2px;
}

.subtitle {
	font-size: 13px;
	color: var(--primary-color);
	font-weight: bold;
}

/*****/
/* H */
/*****/
h2 {
	color: var(--primary-color);
	margin: 0 10px 10px 10px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
#popup h2 {
	margin: 0;
	padding: 5px 8px;
	border-bottom: none;
	color: var(--text);
	background: var(--white);
	letter-spacing: normal;
}

h3 {
	font-size: 12px;
}

/*********/
/* INPUT */
/*********/
input, textarea, select, option, optgroup, .o-button {
	font-family: Verdana, Arial Helvetica, sans-serif;
	font-size: 12px;
}
input, textarea, select {
    border: 1px solid #DEDFCE;
    padding: 4px 5px;
}
optgroup  {
	font-size: 12px;
}
optgroup option {
	padding-left: 10px;
}
input:focus, textarea:focus, select:focus {
	background-color: var(--light-grey-1);
}
.o-button, input.submit, input.ajouter, input.modifier, input.duplicate, input.supprimer, input.retour,input.previsualiser, input.appliquer, input.bo-btn, .bo-btn, a.export {
    background: var(--tertiary-color);
    border: 1px solid var(--tertiary-color);
    color: var(--white);
    cursor: pointer;
    overflow: visible;
    padding: 7px 9px 7px 10px;
	background-repeat: no-repeat;
	background-position: 5px center;
	font-size: 13px;
	text-decoration: none;
}
input.bo-btn, .bo-btn,a.bo-btn {
	color: var(--white);text-decoration: none;
}

.filtre input.submit, .filtre input.ajouter, .filtre input.modifier, .filtre input.supprimer, .filtre input.retour, .filtre input.previsualiser, .filtre input.appliquer, input.bo-btn--small, .bo-btn--small, a.export {
	font-size: 12px;
	padding: 5px 6px;
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.c-form--success .o-button ,input.ajouter, input.modifier {
	padding-left: 25px;
	background-image : url(images/submit_save.png);
	background-color: var(--success-color);
	border-color: var(--success-color);
}
input.duplicate {
	padding-left: 25px;
	background-image : url(images/submit_duplicate.png);
	background-size: 19px;
}
input.supprimer {
	padding-left: 25px;
	background-image : url(images/submit_delete.png);
	background-color: var(--warning-color);
	border-color: var(--warning-color);
}
input.modifier[disabled="disabled"], input.supprimer[disabled="disabled"] {
    color: var(--light-grey-4);
}
input.retour {
	padding-left: 25px;
	background-image : url(images/submit_retour.png);
	background-size: 19px;
}
input.previsualiser {
	padding-left: 25px;
	background-image : url(images/submit_previsualiser.png);
	background-size: 19px;
}
input.date {
	width: 67px;
}
input.checkbox, input.radio {
	border-style: none;
}
input.preparation, input.facture {
	border-style: outset;
}
input.preparation, input.preparation:focus {
	background-color: #E1B9BF;
	border-color: #E1B9BF;
}
input.facture, input.facture:focus {
	background-color: #C4E3C5;
	border-color: #C4E3C5;
}
.bo-btn--export,
a.export{
	text-decoration: none;
	background-color: var(--tertiary-color);
	border-color: var(--tertiary-color);
}

input[type='radio'] {
	position: relative;
	appearance: none;
	height: 14px;
	width: 15px;
}

input[type='radio']::before {
	box-sizing:border-box;
	width: 16px;
	height: 16px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: absolute;
	background-color: var(--white);
	content: '';
	display: inline-block;
	border: 2px solid #666666;
}

input[type='radio']:checked::after {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	top: 2px;
	left: 3px;
	position: absolute;
	background-color: #666666;
	content: '';
	display: inline-block;
}

.btns-in-table {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	justify-content: center;
}
.btn-in-table,
a.btn-in-table,
input.btn-in-table,
.liste .btn-in-table {
	font-weight: bold;
	text-decoration: underline;
	color: var(--text);
}
.btn-in-table--remove,
a.btn-in-table--remove,
input.btn-in-table--remove,
.liste .btn-in-table--remove {
	color: var(--warning-color);
}

.listebtn {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

.listebtn--right {
	align-items: flex-end;
}

.file-drag-drop {
	width: 100%;
	height: 200px;
	display: flex;
	box-sizing: border-box;
	border: 2px dashed #9c9c9c;
	position: relative;
}

.file-drag-drop::before {
	content: "Déposez ici votre visuel";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
}

.file-drag-drop--smaller {
	height: auto;
}

.file-drag-drop--smaller::before {
	content: none;
}

/* Mot de passe */
.tdPassword {
	position: relative;
}

.tdPassword.tdPassword--small {
	width: fit-content;
}

.tdPassword.tdPassword--small-input input {
	width: 108px;
}

.tdLogin input {
	width: 160px;
	box-sizing: border-box;
}

.tdPassword input {
	width: 134px;
	box-sizing: border-box;
}

.tdPassword__inside {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
}

.tdPassword input {
	border-right: 0;
}

.tdPassword img {
	width: 26px;
	height: auto;
	border: 1px solid #DEDFCE!important;
	padding: 4px 5px;
	box-sizing: border-box;
	border-left: none!important;
	cursor: pointer;
	background-color: var(--white);
}

/************/
/* CREATION */
/************/
.creation table {
	width: 100%;
	border-spacing: 0;
}
.creation tr:hover {
	background-color: var(--light-grey-1);
}
.creation th {
	text-align: left;
	vertical-align: top;
}
.creation th label {
	font-weight: normal;
	display: block;
	padding-bottom: 2px;
	/*border-bottom: 1px dashed #bebebe;*/
}
.creation th,
.creation td {
	padding: 9px 10px;
}

.creation .cke_editor th,
.creation .cke_editor td {
	padding: 0;
}

.creation th label.isNotNull {
	font-weight: bold;
}
.creation th label strong {
	font-weight: bold;
	font-size: 110%;
}
.creation td {
	vertical-align: top;
}
.creation hr {
	height: 1px;
	color: var(--primary-color);
	border: none;
	border-top: 1px solid var(--primary-color);
	width: 100%;
	margin: 10px auto;
}
.creation tfoot td {
	text-align: right;
}
.creation ul {
	padding: 0;
	margin: 0 0 5px 25px;
}
.creation a.new {
	text-decoration: none;
	font-style: italic;
	font-size: 95%;
	color: var(--text)
}

.u-inner-square,
.creation fieldset{
	border: 1px solid #e4e4e4;
}
.creation fieldset,
fieldset.blanc {
    background-color: var(--white);
    margin-top: 0;
}

/**********/
/* FILTRE */
/**********/
.filtre {
	width: 500px;
	margin: 0 auto 10px;
}
.filtre.login {
    width: 400px;
}
.filtre table {
	width: 100%;
}
.filtre th {
	text-align: left;
}
.filtre th label {
	font-weight: normal;
}
.filtre th label.isNotNull {
	font-weight: bold;
}
.filtre td {
	text-align: right;
}

.w600 {
    width: 600px;
}
.w800 {
    width: 800px;
}
.w900 {
	 width: 900px;
 }

.filtre .is-close table {
	display: none;
}

/*********/
/* LISTE */
/*********/
.liste {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	background-color: var(--white);
}

.liste--small {
	width: auto;
	margin-left: 0;
}

.liste.liste--small th {
	padding: 5px;
}

.liste th {
	border: 1px solid #DEDFCE;
	background: var(--tertiary-color);
	text-align: center;
	font-weight: normal;
	padding: 10px 5px;
	white-space: nowrap;
	color: var(--white);
	font-size: 12px;
}
.liste th a {
	font-weight: bold;
	color: var(--white);
}

.liste th img {
	width: 11px;
}

.liste td {
	border: 1px solid #dfdfdf;
	padding: 8px 7px;
}
.liste td.preparation {
	background-color: #E1B9BF;
}
.liste td.facture {
	background-color: #C4E3C5;
}
.liste tr.alter0 {
	background-color: var(--light-grey-2);
}
.liste tr.alter1 {
	background-color: var(--white);
}
.liste tr:hover {
	background-color: #F1F0EC;
}
.liste a {
	text-decoration: none;
}
.liste a:hover {
	text-decoration: underline;
}
.liste ul {
	margin: 0;
	padding: 0 0 0 10px;
}
.liste hr {
	height: 1px;
	color: var(--primary-color);
	border: none;
	border-top: 1px solid var(--primary-color);
	width: 75%;
	margin: 10px auto;
}
.liste tr.is-disabled,
.liste tr.is-disabled:hover {
	background-color: var(--light-grey-2);
	opacity: .75;
}


.table-overflow {
	overflow: auto;
}

/*************/
/* SELECTION */
/*************/
table.selection {
	width: auto;
}
.selection select {
	min-width: 150px;
}
.selection input:hover {
	border-style: inset;
	color: var(--white);
	cursor: pointer;
}
.selection th {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}
.selection td {
	vertical-align: middle;
}


/**************/
/* CALENDRIER */
/**************/
.calendrier {
	width: 99%;
	margin: auto;
	border-collapse: collapse;
	background-color: var(--white);
}
.calendrier th {
	border: 1px solid #DEDFCE;
	background: var(--tertiary-color);
	text-align: center;
	font-weight: normal;
	padding: 10px 5px;
	font-size: 12px;
	white-space: nowrap;
	width: 14%;
	color: var(--white);
}
.calendrier td {
	border: 1px solid #dfdfdf;
	padding: 8px 7px;
	vertical-align: middle;
}
.calendrier a {
	text-decoration: none;
	display: block;
}
.calendrier a:hover {
	text-decoration: underline;
}
.calendrier table {
	width: 100%;
}
.calendrier table td {
	border: 0;
	padding: 0;
}


/**************/
/* PAGINATION */
/**************/
.blocNavigation {
	text-align: center;
	padding: 5px;
}
.regletteNavigation {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.regletteNavigation a,
.regletteNavigation span.active-page {
	background-color: var(--light-grey-2);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	min-width: 25px;
	padding: 4px;
	box-sizing: border-box;
	color: var(--text);
	text-decoration: none;
}

.regletteNavigation span.active-page {
	background-color: var(--primary-color);
	color: var(--white);
	font-weight: bold;
}

.regletteNavigation a:hover {
	background-color: var(--primary-color);
}


/****************/
/* NOMENCLATURE */
/****************/
#nomenclature {
	width: 80%;
	margin: auto;
	padding: 5px;
}
.nomenclature strong {
	display: block;
	padding: 2px;
	border: 1px dotted var(--light-grey-4);
	border-right: none;
}

.l1.nomenclature strong {
	border: none;
	font-size: 13px;
	padding: 10px;
}
.l1.nomenclature li{padding-left: 15px;background-image: none;}
.l1.nomenclature li:hover{cursor: initial;}
.l1.nomenclature li.add{padding-bottom: 15px;}
.l1.nomenclature ul ul{padding-left: 15px;}
.l1.nomenclature li a.bo-btn{color:var(--white);}
.nomenclature a {
	text-decoration: none;
}
.nomenclature img {
	padding: 0 2px;
}
.nomenclature li.masque {
	filter: alpha(Opacity=50);
	opacity: .5;
	background-color: #efefef;
}
.nomenclature li.add a,
.nomenclature-btn-famille {
	display: inline-block;
}
.nomenclature li.add a:hover {
	color: var(--white);
}

.nomenclature-add-famille {
	padding-left: 2px;
}

.nomenclature ul {
	list-style-type: none;
	padding: 2px;
}

.l1 .nomenclature ul {
	margin: 10px 0 0;
}

.nomenclature li.hovered {
	background-color: var(--light-grey-4);
	cursor: move;
}

.nomenclature-rayon-sous{
	margin-top: 0;
}
/**********/
/* ONGLET */
/**********/
#onglet {
	overflow: hidden;
	margin: 20px 0 0 0;
	list-style: none outside none;
	background-color: var(--light-grey-2);
}
#onglet li {
	float: left;
	padding: 0;
}
#onglet li:hover {
	background-color: transparent;
}
#onglet .selected a {
	color: var(--white);
	background-color: var(--primary-color);
}
#onglet a {
	font-size: 12px;
	font-weight: bold;
	padding: 8px 14px;
	text-decoration: none;
	color: var(--text);
	display: block;
}
#onglet li.selected a {
	color: var(--white);
}
#onglet li a:hover {
	text-decoration: underline;
}

#onglet.slick-slider {
    display: flex;
    gap: 2px;
}
/*********/
/* PRINT */
/*********/
body#print table {
	width: 98%;
	margin: 10px auto 0;
	text-align: left;
	border-collapse: collapse;
}
body#print table thead th {
	font-weight: bold;
	padding: 3px 0;
	border-bottom: 2px solid;
}
body#print table td {
	font-size: 12px;
	border-bottom: 1px solid;
}



/*Partie CMS : Mise en forme de la page "visualisation générale"*/
.l1 li:hover {
background-color: #e9e9e9;
cursor:move;
}

.l1 li li:hover {
	background-color: var(--white);
}

.l1 li li li:hover {
	background-color: #e9e9e9;
}

.l1 li li li li:hover {
	background-color: var(--white);
}

.l1 ul:hover {
/*background-color:var(--white;*/
cursor:move;
}

.l1 {
	margin: 20px auto auto;
	padding: 5px;
	width: 100%;
}

.l1 strong {
	border-color: var(--light-grey-4) -moz-use-text-color var(--light-grey-4) var(--light-grey-4);
	border-style: dotted none dotted dotted;
	border-width: 1px medium 1px 1px;
	display: block;
	padding: 2px;
}
.l1 a {
text-decoration:none;
}
.l1 img {
padding:0 2px;
}

.l1 li a {
	color: var(--text);
	display: inline-block;
	padding-bottom: 12px;
}

.l1 li {
	padding: 12px 15px 0 47px;
	background: url(images/drag-drop.png) no-repeat 15px 15px #e2e2e2;
	margin-bottom: 5px;
	background-size: 11px;
}
.l1 ul {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 2px;
	transition: max-height .4s ease-in-out;
	overflow: hidden;
}

.l1 > ul ul {
	max-height: 0;
	padding: 0;
}

.l1 ul.is-open {
	max-height: initial;
	padding: 2px;
}

.l1 li li {
	background-color: var(--light-grey-2);
}

.l1 li li li {
	background-color: #e2e2e2;
}

.l1 li li li li {
	background-color: var(--light-grey-2);
}

.l1-arrow {
	width: 14px;
	height: 16px;
	background-image: url(images/chevron-color.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 10px;
	float: right;
	display: none;
	cursor: pointer;
	transform: rotate(180deg);
}

.gedibois .l1-arrow {
	background-image: url(images/gedibois/chevron-color.png);
}

.l1-nb-child + .l1-arrow {
	display: inline-block;
}

.parent-is-open > .l1-arrow {
	transform: rotate(0);
}

.l1-nb-child {
	margin-left: 10px;
	font-size: 11px;
	color: var(--primary-color);
}

.l1--accueil {
	display: flex;
	gap: 24px;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
	width: calc(100% - 20px);
}

.l1--accueil > div {
	flex: 1;
}

.l1--accueil .l1__list {
	padding: 20px 20px 15px;
	background-color: #f9f9f9;
	height: calc(100% - 40px);
	box-sizing: border-box;
	border: 2px dashed var(--light-grey-4);
}

.l1--accueil li {
	padding: 12px 15px 12px 41px;
	background-color: white;
	border: 1px solid var(--light-grey-4);
	border-radius: 3px;
}

.l1--accueil li:hover {
	background-color: transparent;
}

.l1--accueil .l1__list--validate li::before {
	content: "";
	width: 12px;
	height: 12px;
	background-image: url(images/icon-validate--grey.png);
	display: inline-block;
	background-size: contain;
	vertical-align: bottom;
	margin-right: 9px;
	background-repeat: no-repeat;
	opacity: .5;
}

.l1--accueil li.l1__item--empty {
	background: transparent;
	padding: 0;
	display: none;
	pointer-events: none;
	border: none;
}

.l1--accueil li.l1__item--empty::before {
	content: none;
}

.l1--accueil li.l1__item--empty:only-child {
	display: block;
}

.cms-item__nb-child {
	position: absolute;
	right: 50px;
	top: 12px;
}

.cms-item:not(.is-open) > *:not(legend):not(.cms-item__arrow):not(.cms-item__nb-child) {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.cms-item__nb-child ~ .cms-item__arrow {
	display: block;
}

.cms-item__arrow {
	display: none;
}

.cms-item__arrow, .filtre-arrow {
	width: 100%;
	height: 39px;
	background-image: url(images/chevron-color.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.gedibois .cms-item__arrow,
.gedibois .filtre-arrow {
	background-image: url(images/gedibois/chevron-color.png);
}

.cms-item__arrow {
	background-size: 15px;
	transform: scaleY(-1);
	background-position: calc(100% - 20px) center;
}

.filtre-arrow {
	background-size: 12px;
	background-position: calc(100% - 23px) center;
}

.is-open > .cms-item__arrow {
	transform: scaleY(1);
}

.is-close > .filtre-arrow {
	transform: scaleY(-1);
}

/****************************************************************/
/*    CMS PAGE ET ARTICLE :  STYLE DE LA ZONE DES AFFECTATIONS     */
/****************************************************************/
.conteneur_assoc {width:300px; min-height:200px; float:right; margin-right:250px; background: var(--light-grey-2); padding: 10px; }
.listage_assoc {width:280px; min-height:100px;}
.titre_assoc {margin-top:5px; margin-bottom: 2px;}
.menu_assoc {margin-left:10px;}
.menu_assoc a{text-decoration:none;}
.elemAsso, .elemAssoTi:hover  {color:var(--primary-color);}
.elemAssoTi, .elemAssoTi:hover {color:var(--text); font-size:14px;}
.elemAsso:hover,.elemAssoTi:hover, .menu_assoc a:hover {cursor:pointer;}


/****************************************************************/
/*            STYLE DES ASSOCIATIONS DANS LA PAGE MENU CMS        */
/****************************************************************/
.listeAsso li:hover {
background-color:var(--light-grey-4);
cursor:move;
}

.listeAsso ul:hover {
background-color:var(--white);
cursor:move;
}

.listeAsso {
margin:auto;
padding:5px;
width:80%;
}
.listeAsso strong {
border-color:var(--light-grey-4) -moz-use-text-color var(--light-grey-4) var(--light-grey-4);
border-style:dotted none dotted dotted;
border-width:1px medium 1px 1px;
display:block;
padding:2px;
}
.listeAsso a {
text-decoration:none;
}
.listeAsso img {
padding:0 2px;
}

.listeAsso li a {
color:var(--text);

padding-left:5px;
}
.listeAsso li a:hover {
color:#DC5032;
}
.listeAsso ul {
border-bottom:1px dotted var(--light-grey-4);
border-left:1px dotted var(--light-grey-4);
list-style-type:none;
margin:0 0 5px 40px;
padding:2px;
}

#info_ordre {
border:1px solid #98DA6B;
background:#98DA6B;
font-size:12px;
padding:5px; margin:10px;
width:202px;
height:14px;
display:none;
}


/***********/
/* ASPMAIL */
/***********/
.typeDestiNonFix h3 {
color: var(--eolas-color);
}

/**********************************/
/* Etape sucharge EAM (e-mailing) */
/**********************************/

#etape {
	background-color: var(--light-grey-2);
}

#etape ul {
	margin: 0;
	display: flex;
	padding: 0;
}

#etape ul li {
	padding: 0 !important;
	height: auto !important;
	background-image: none !important;
}

#etape ul a {
	font-size: 12px;
	font-weight: bold;
	padding: 8px 15px !important;
	text-decoration: none;
	color: var(--text) !important;
	display: block;
	height: auto !important;
	width: auto !important;
	background-image: none !important;
}

#etape ul li.selected a {
	color: var(--white) !important;
	background-color: var(--primary-color) !important;
}

/***************************/
/* Substitution et service */
/***************************/

.table-substitution__imgs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.table-substitution__imgs img {
	width: 20px;
}

.table-service img {
	max-height: 50px;
}
/***************************/
/* Formulaire de connexion */
/***************************/

.loginForm__subtitle {
	color: var(--primary-color);
	padding-bottom: 10px;
	display: block;
	padding-left: 2px;
	font-weight: bold;
}

.filtre.login tfoot tr:first-child td {
	padding-top: 10px;
}

/**********/
/* Filtre */
/**********/

.filtre-see-more:not(.is-open) ~ * {
	visibility: collapse;
}

.filtre-see-more__btn {
	padding: 8px;
	display: inline-block;
	color: var(--primary-color);
	font-weight: bold;
	cursor: pointer;
}

.filtre-see-more__btn::after {
	content: "";
	width: 10px;
	min-width: 10px;
	height: 8px;
	background-image: url(images/chevron-color.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(180deg);
	margin-left: 10px;
}

.gedibois .filtre-see-more__btn::after {
	background-image: url(images/gedibois/chevron-color.png);
}

.is-open .filtre-see-more__btn::after {
	transform: rotate(0);
}

/**********************************************/
/* Style du plugin select2 pour lautocomplete */
/**********************************************/

.select2 .select2-selection.select2-selection--single,
.select2 .select2-selection.select2-selection--multiple {
	border-radius: 0;
	border: 1px solid #DEDFCE;
}

.select2-container .select2-results .select2-results__option--highlighted[aria-selected]{
	background-color: var(--primary-color);
}

.select2-container .select2-dropdown {
	border-color: #DEDFCE;
}

.select2.select2-container .select2-selection--single .select2-selection__arrow b {
	border-color: black transparent transparent transparent;
}

.select2-fix-width .select2.select2-container {
	width: 220px !important;
}

.select2-with-img .select2-container {
	width: 320px !important;
}

.select2-results__option {
	display: flex;
	max-width: 100%;
	gap: 10px;
	align-items: center;
}

.select2-results__option img {
	width: 100px;
}

.select2 .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
	padding: 4px 7px;
}

.select2 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
	color: var(--text);
}

/***************/
/* FIL DARIANE */
/***************/

.breadcrumbs {
	display: flex;
	list-style: none;
	gap: 7px;
	margin: -8px -21px 15px;
	padding: 10px 10px 10px 32px;
	background-color: var(--white);
	border-bottom: 1px solid var(--light-grey-3);
}

.breadcrumbs li:not(:last-child)::after {
	content: ">";
	margin-left: 7px;
	color: var(--primary-color);
}

.breadcrumbs a {
	color: var(--primary-color);
	text-decoration: none;
}

.breadcrumbs__home {
	color: var(--primary-color);
}

/****************/
/* SLIDER SLICK */
/****************/

.slick-list {
	max-width: 100%;
	overflow: hidden;
}

.slick-slider {
	display: flex;
}

.slick-arrow,
.custom-arrow {
    border: none;
    background-color: var(--tertiary-color);
    color: var(--white);
    padding: 5px;
    min-width: 30px;
}

.slick-arrow.slick-disabled,
.custom-arrow.slick-disabled {
    display: none !important;
}

/***********************************/
/* TABLEAU LIVRAISON MAGASIN */
/***********************************/
.table-liv__postal {
	width: 435px;
}

.table-liv__postal a {
	word-break: break-all;
}
/***********************************/
/* SPECIFIQUE ani_demandeCarteMail */
/***********************************/

.corps--cartemail#corps {
    width: 100%;
}

.corps--cartemail .inner {
    width: 100%;
    padding-top: 125px;
    background-size: 170px
}

.corps--cartemail #contenu {
    width: 100%;
    box-sizing: border-box;
}

.corps--cartemail #contenu > h2 {
    margin-left: 0;
}

/***********************************/
/* UTILITAIRES */
/***********************************/
.u-ml-0 {
	margin-left: 0;
}

.u-m-10-0 {
	margin: 10px 0;
}

.u-m-20-10 {
	margin: 20px 10px;
}

.u-w-100 {
	width: 100%;
}

.u-box {
	background: var(--light-grey-2);
	padding: 13px;
}

.u-max-height-500 {
	max-height: 493px;
	overflow: auto;
}

.u-list-space-10 li:not(:first-child) {
	margin-top: 1rem;
}

/***********************************/
/* ROW */
/***********************************/

.row {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.row > * {
	flex: 1;
}

/***********************************/
/* C-FORM */
/***********************************/

.c-form__row {
	padding: 9px 10px;
	display: flex;
	align-items: center;
	gap: 24px;
}

.c-form__row:hover,
.c-form div:has(> .o-button):hover,
.c-form__compare:hover {
	background-color: var(--light-grey-1);
}

.c-form__row > * {
	width: 100%;
}

.c-form div:has(>.o-button) {
	padding: 9px 10px;
}

.c-form--btn-right div:has(> .o-button) {
	text-align: right;
}

.c-form--label-150 label {
	min-width: 150px;
	width: 150px;
	text-align: left;
}

.c-form--w-75 .c-form__row {
	padding-right: 25%;
}

.c-form--radio-centered div:has(> input[type="checkbox"]),
.c-form--radio-centered div:has(> input[type="radio"]) {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.c-form--radio-centered input[type="checkbox"] + label,
.c-form--radio-centered input[type="radio"] + label {
	padding-right: 15px;
}

.c-form__row input[type="checkbox"],
.c-form__row input[type="radio"] {
	width: auto;
}

.c-form--button-auto button {
	width: auto;
}

.c-form__compare {
	display: flex;
	justify-content: center;
}

.c-form__compare > div {
	align-self: center;
}

.c-form__compare div:has(>.o-button) {
	padding: 3px;
}

.c-form__compare .c-form__row {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 350px;
}

.c-form__compare .c-form__row label {
	text-align: center;
}

.c-form__compare select {
	height: 208px;
}
/***********************************/
/* NOTIFICATION C-NOTIFICATION */
/***********************************/

.c-notification {
	border-radius: 10px;
	border: 1px solid #F6F6F6;
	background: var(--success-color);
	color: #FFFFFF;
	padding: 15px;
	margin: 10px 0 20px 0;
}

.c-notification p {
	margin: 0;
}

.c-notification--error {
	background-color: var(--warning-color);
}

.c-notification--warning {
	background-color: var(--eolas-color);
}

.c-notification--neutral {
	background-color: var(--dark-grey-1);
}

/***********************************/
/* UTILITAIRES */
/***********************************/

.u-subtitle2 {
	color: var(--primary-color);
	padding-left: 10px;
}

.u-mb-0 {
	margin-bottom: 0;
}

.u-info {
	background-color: var(--light-grey-2);
	padding: 15px;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
