@charset "utf-8";

/*
#sa# mantis413 22/09/2021 02:37:43  btn_lien_promo_dans_courrier_bal
*/


/*
  ==============================================================================================
  -------------------------|                                         |--------------------------
  -------------------------|             CSS CGLib 2019              |--------------------------
  -------------------------|          Thème RDV-Libertins            |--------------------------
  -------------------------|                                         |--------------------------
  ==============================================================================================
*/



/*
  ==============================================================================================
  ------------------------------------------ Général -------------------------------------------
  ==============================================================================================
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto+Slab:300,700');

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #e6e6e6;
}
body::before {
	background: url(../img/background.jpg) 40% 0 no-repeat;
}
.icon,
.icon.couple.white::after {
	background-image: url(../img/icons.svg);
}



/*=========================================== Titres ===========================================*/

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	font-family: 'Roboto Slab';
	font-weight: 300;
	letter-spacing: -.02em;
}



/*========================================= Ruban "new" ========================================*/

.new span {
	background-color: #ff0143;
}



/*=========================================== Textes ===========================================*/

/*---------------------------- Teinte primaire ----------------------------*/

.text-primary {
	color: #ff0143 !important;
}


/*--------------------------- Teinte secondaire ---------------------------*/

.text-secondary {
	color: #36c2e0 !important;
}


/*----------------------- Teinte tertiaire (nouveau) ----------------------*/

.text-tertiary {
	color: #fc7100 !important;
}


/*---------------------- Teinte quaternaire (nouveau) ---------------------*/

.text-quaternary {
	color: #91c830 !important;
}


/*--------------------- Teinte quinquénaire (nouveau) ---------------------*/

.text-quinternary {
	color: #c33f98 !important;
}


/*----------------------------- Teinte claire -----------------------------*/

.text-light {
	color: #aaa !important;
}


/*----------------------------- Teinte sombre -----------------------------*/

.text-dark {
	color: #444 !important;
}


/*----------------------------- Gris (nouveau) ----------------------------*/

.text-gray {
	color: #777 !important;
}



/*========================================== Bordures ==========================================*/

/*---------------------------- Teinte primaire ----------------------------*/

.border-primary {
	border-color: #ff0143 !important;
}


/*--------------------------- Teinte secondaire ---------------------------*/

.border-secondary {
	border-color: #36c2e0 !important;
}


/*----------------------- Teinte tertiaire (nouveau) ----------------------*/

.border-tertiary {
	border-color: #fc7100 !important;
}


/*---------------------- Teinte quaternaire (nouveau) ---------------------*/

.border-quaternary {
	border-color: #91c830 !important;
}


/*--------------------- Teinte quinquénaire (nouveau) ---------------------*/

.border-quinternary {
	border-color: #c33f98 !important;
}


/*----------------------------- Teinte claire -----------------------------*/

.border-light {
	border-color: #f1f1f1  !important;
}


/*----------------------------- Teinte sombre -----------------------------*/

.border-dark {
	border-color: #444 !important;
}


/*----------------------------- Gris (nouveau) ----------------------------*/

.border-gray {
	border-color: #777 !important;
}



/*======================================== Formulaires ========================================*/

input,
textarea,
select,
button {
	font-family: 'Open Sans', sans-serif;
}
.form-control:focus {
	box-shadow: 0 0 0 3px rgba(255, 1, 67, .2);
}

[type=checkbox]:checked + label::before,
[type=radio]:checked + label::before {
	border-color: #ff0143;
	background-color: #ff0143;
}
input:checked + .slider {
	background-color: #ff0143;
}
input:focus + .slider {
	box-shadow: 0 0 1px #ff0143;
}

[type=checkbox].bg-secondary:checked + label::before,
[type=radio].bg-secondary:checked + label::before {
	border-color: #36c2e0;
	background-color: #36c2e0;
}
input.bg-secondary:checked + .slider {
	background-color: #36c2e0;
}
input.bg-secondary:focus + .slider {
	box-shadow: 0 0 1px #36c2e0;
}

[type=checkbox].bg-tertiary:checked + label::before,
[type=radio].bg-tertiary:checked + label::before {
	border-color: #fc7100;
	background-color: #fc7100;
}
input.bg-tertiary:checked + .slider {
	background-color: #fc7100;
}
input.bg-tertiary:focus + .slider {
	box-shadow: 0 0 1px #fc7100;
}

[type=checkbox].bg-quaternary:checked + label::before,
[type=radio].bg-quaternary:checked + label::before {
	border-color: #91c830;
	background-color: #91c830;
}
input.bg-quaternary:checked + .slider {
	background-color: #91c830;
}
input.bg-quaternary:focus + .slider {
	box-shadow: 0 0 1px #91c830;
}

[type=checkbox].bg-quinternary:checked + label::before,
[type=radio].bg-quinternary:checked + label::before {
	border-color: #c33f98;
	background-color: #c33f98;
}
input.bg-quinternary:checked + .slider {
	background-color: #c33f98;
}
input.bg-quinternary:focus + .slider {
	box-shadow: 0 0 1px #c33f98;
}




/*========================================== Tables ==========================================*/

.table tbody {
	background-color: #fff;
}
.table-primary,
.table-primary > th,
.table-primary > td {
	background-color: #ffcdda;
}
thead .table-primary th,
thead .table-primary td {
	border-top-width: 0;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
	background-color: #ffd8e2;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
	background-color: #c8ebf3;
}
thead .table-secondary th,
thead .table-secondary td {
	border-top-width: 0;
}
.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
	background-color: #d6f2f8;
}

.table-tertiary,
.table-tertiary > th,
.table-tertiary > td {
	background-color: #f9d8be;
}
thead .table-tertiary th,
thead .table-tertiary td {
	border-top-width: 0;
}
.table-hover .table-tertiary:hover,
.table-hover .table-tertiary:hover > td,
.table-hover .table-tertiary:hover > th {
	background-color: #fde1cb;
}

.table-quaternary,
.table-quaternary > th,
.table-quaternary > td {
	background-color: #deefc1;
}
thead .table-quaternary th,
thead .table-quaternary td {
	border-top-width: 0;
}
.table-hover .table-quaternary:hover,
.table-hover .table-quaternary:hover > td,
.table-hover .table-quaternary:hover > th {
	background-color: #e8f6d0;
}

.table-quinternary,
.table-quinternary > th,
.table-quinternary > td {
	background-color: #f5d2e9;
}
thead .table-quinternary th,
thead .table-quinternary td {
	border-top-width: 0;
}
.table-hover .table-quinternary:hover,
.table-hover .table-quinternary:hover > td,
.table-hover .table-quinternary:hover > th {
	background-color: #faddf0;
}

.table .thead-light th,
.table-light thead th {
	color: #555;
	background-color: #e0e0e0;
}
.table-light tbody,
.table-light,
.table-light > th,
.table-light > td {
	background-color: #f2f2f2;
}
.table-light {
	background-color: transparent;
}
thead .table-light th,
thead .table-light td {
	border-top-width: 0;
}
.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
	background-color: #f8f8f8;
}

.table .thead-dark tr {
	background-color: #333;
}

.table-dark tbody,
.table-dark,
.table-dark > th,
.table-dark > td {
	background-color: #c7c7c7;
}
.table-dark {
	background-color: transparent;
}
thead .table-dark th,
thead .table-dark td {
	border-top-width: 0;
}
.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
	background-color: #d3d3d3;
}

.table-gray,
.table-gray > th,
.table-gray > td {
	background-color: #e2e2e2;
}
thead .table-gray th,
thead .table-gray td {
	border-top-width: 0;
}
.table-hover .table-gray:hover,
.table-hover .table-gray:hover > td,
.table-hover .table-gray:hover > th {
	background-color: #ececec;
}

.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
	background-color: rgba(0, 0, 0, .12);
}



/*========================================= Tooltips =========================================*/

.tooltip {
	font-family: 'Open Sans';
	font-size: .8em;
}



/*========================================== Modales =========================================*/

.modal.movable .modal-content:hover .modal-header {
	box-shadow: inset 0 5px 0 #bbb;
}
.modal .modal-title,
.modal-promo h4 {
	font-family: 'Roboto Slab';
	font-weight: 300;
	letter-spacing: -.02em;
}
.modal .modal-title strong,
.modal-promo h4 strong {
	font-weight: 700;
}

.modal-promo .modal-content {
	background: url(../img/modal-promo_background.jpg) top right no-repeat;
}
.modal-promo .modal-footer .video {
	background: url(../img/modal-promo_video.jpg) center center no-repeat;
}



/*======================================== Nav pills =========================================*/

.nav-pills.primary {
	border-bottom: 2px solid #ff0143;
}
.nav-pills.primary .nav-link.active,
.nav-pills.primary .show > .nav-link {
	background-color: #ff0143;
}
.nav-pills.primary .nav-link:not(.active):hover,
.nav-pills.primary .show > .nav-link:not(.active):hover {
	color: #ff0143;
}

.nav-pills.secondary {
	border-bottom: 2px solid #36c2e0;
}
.nav-pills.secondary .nav-link.active,
.nav-pills.secondary .show > .nav-link {
	background-color: #36c2e0;
}
.nav-pills.secondary .nav-link:not(.active):hover,
.nav-pills.secondary .show > .nav-link:not(.active):hover {
	color: #36c2e0;
}

.nav-pills.tertiary {
	border-bottom: 2px solid #fc7100;
}
.nav-pills.tertiary .nav-link.active,
.nav-pills.tertiary .show > .nav-link {
	background-color: #fc7100;
}
.nav-pills.tertiary .nav-link:not(.active):hover,
.nav-pills.tertiary .show > .nav-link:not(.active):hover {
	color: #fc7100;
}

.nav-pills.quaternary {
	border-bottom: 2px solid #91c830;
}
.nav-pills.quaternary .nav-link.active,
.nav-pills.quaternary .show > .nav-link {
	background-color: #91c830;
}
.nav-pills.quaternary .nav-link:not(.active):hover,
.nav-pills.quaternary .show > .nav-link:not(.active):hover {
	color: #91c830;
}

.nav-pills.quinternary {
	border-bottom: 2px solid #c33f98;
}
.nav-pills.quinternary .nav-link.active,
.nav-pills.quinternary .show > .nav-link {
	background-color: #c33f98;
}
.nav-pills.quinternary .nav-link:not(.active):hover,
.nav-pills.quinternary .show > .nav-link:not(.active):hover {
	color: #c33f98;
}

.nav-pills.light {
	border-bottom: 2px solid #ddd;
}
.nav-pills.light .nav-link.active,
.nav-pills.light .show > .nav-link {
	color: #333;
	background-color: #ddd;
}
.nav-pills.light .nav-link:not(.active):hover,
.nav-pills.light .show > .nav-link:not(.active):hover {
	color: #000;
}

.nav-pills.dark {
	border-bottom: 2px solid #777;
}
.nav-pills.dark .nav-link.active,
.nav-pills.dark .show > .nav-link {
	background-color: #777;
}
.nav-pills.dark .nav-link:not(.active):hover,
.nav-pills.dark .show > .nav-link:not(.active):hover {
	color: #000;
}

.nav-pills.gray {
	border-bottom: 2px solid #bbb;
}
.nav-pills.gray .nav-link.active,
.nav-pills.gray .show > .nav-link {
	background-color: #bbb;
}
.nav-pills.gray .nav-link:not(.active):hover,
.nav-pills.gray .show > .nav-link:not(.active):hover {
	color: #000;
}



/*========================================= Popovers =========================================*/

.popover {
	font-family: 'Open Sans';
}
.popover h5,
.popover h6 {
	font-family: 'Roboto Slab';
	font-weight: 300;
}
.popover h5 strong,
.popover h6 strong {
	font-weight: 700;
}


/*------------------------- Dial > Filtres > Tri --------------------------*/

.popover #filtre-tri ul li a:not(.active):hover {
	color: #ff0143;
}
.popover #filtre-tri ul li a.active {
	color: #fff;
	background-color: #ff0143;
}


/*------------------------- Notification > Visites ------------------------*/

.popover.visites {
	background-color: rgba(255, 1, 67, .96);
}


/*-------------------------- Notification > Dials -------------------------*/

.popover.dials {
	background-color: rgba(255, 133, 73, .96);
}
.bs-popover-top.dials .arrow::after, 
.bs-popover-auto.dials[x-placement^="top"] .arrow::after {
	border-top-color: rgba(255, 133, 73, .96);
}
.bs-popover-right.dials .arrow::after, 
.bs-popover-auto.dials[x-placement^="right"] .arrow::after {
	border-right-color: rgba(255, 133, 73, .96);
}
.bs-popover-bottom.dials .arrow::after, 
.bs-popover-auto.dials[x-placement^="bottom"] .arrow::after {
	border-bottom-color: rgba(255, 133, 73, .96);
}
.bs-popover-left.dials .arrow::after, 
.bs-popover-auto.dials[x-placement^="left"] .arrow::after {
	border-left-color: rgba(255, 133, 73, .96);
}


/*------------------------ Notification > Courriers -----------------------*/

.popover.courriers {
	background-color: rgba(195, 63, 152, .96);
}
.bs-popover-top.courriers .arrow::after, 
.bs-popover-auto.courriers[x-placement^="top"] .arrow::after {
	border-top-color: rgba(195, 63, 152, .96);
}
.bs-popover-right.courriers .arrow::after, 
.bs-popover-auto.courriers[x-placement^="right"] .arrow::after {
	border-right-color: rgba(195, 63, 152, .96);
}
.bs-popover-bottom.courriers .arrow::after, 
.bs-popover-auto.courriers[x-placement^="bottom"] .arrow::after {
	border-bottom-color: rgba(195, 63, 152, .96);
}
.bs-popover-left.courriers .arrow::after, 
.bs-popover-auto.courriers[x-placement^="left"] .arrow::after {
	border-left-color: rgba(195, 63, 152, .96);
}


/*------------------------ Notification > Contacts ------------------------*/

.popover.contacts {
	background-color: rgba(165, 200, 0, .96);
}
.bs-popover-top.contacts .arrow::after, 
.bs-popover-auto.contacts[x-placement^="top"] .arrow::after {
	border-top-color: rgba(165, 200, 0, .96);
}
.bs-popover-right.contacts .arrow::after, 
.bs-popover-auto.contacts[x-placement^="right"] .arrow::after {
	border-right-color: rgba(165, 200, 0, .96);
}
.bs-popover-bottom.contacts .arrow::after, 
.bs-popover-auto.contacts[x-placement^="bottom"] .arrow::after {
	border-bottom-color: rgba(165, 200, 0, .96);
}
.bs-popover-left.contacts .arrow::after, 
.bs-popover-auto.contacts[x-placement^="left"] .arrow::after {
	border-left-color: rgba(165, 200, 0, .96);
}



/*======================================== Infopanel =========================================*/

#infopanel .infoitem .content .text h5 {
	font-family: 'Roboto Slab';
	font-weight: 700;
}



/*========================================== Alerts ==========================================*/

.alert-primary {
	background-color: #ff0143;
}
.alert-secondary {
	background-color: #36c2e0;
}
.alert-tertiary {
	background-color: #fc7100;
}
.alert-quaternary {
	background-color: #91c830;
}
.alert-quinternary {
	background-color: #c33f98;
}
.alert-light {
	background-color: #f4f4f4;
}
.alert-dark {
	background-color: #777;
}
.alert-gray {
	background-color: #bbb;
}




/*======================================== Nota bene =========================================*/

.notabene-primary {
	border-left-color: #ff0143;
}
.notabene-secondary {
	border-left-color: #36c2e0;
}
.notabene-tertiary {
	border-left-color: #fc7100;
}
.notabene-quaternary {
	border-left-color: #91c830;
}
.notabene-quinternary {
	border-left-color: #c33f98;
}
.notabene-light {
	border-left-color: #ddd;
}
.notabene-dark {
	border-left-color: #777;
}
.notabene-gray {
	border-left-color: #bbb;
}



/*=========================================== Loader ===========================================*/

.spin::before {
	background: linear-gradient(#ff0143, #f5f5f5 50%);
}



/*=========================================== Liens ============================================*/

a {
	color: #ff0143;
}
a:hover {
	color: #e5023f;
}


/*---------------------------- Teinte primaire ----------------------------*/

a.text-primary:hover, 
a.text-primary:focus {
	color: #e5023f !important;
}


/*--------------------------- Teinte secondaire ---------------------------*/

a.text-secondary:hover,
a.text-secondary:focus {
	color: #30abc7 !important;
}


/*----------------------- Teinte tertiaire (nouveau) ----------------------*/

a.text-tertiary:hover,
a.text-tertiary:focus {
	color: #e46600 !important;
}


/*---------------------- Teinte quaternaire (nouveau) ---------------------*/

a.text-quaternary:hover,
a.text-quaternary:focus {
	color: #82b625 !important;
}


/*--------------------- Teinte quinquénaire (nouveau) ---------------------*/

a.text-quinternary:hover,
a.text-quinternary:focus {
	color: #b03086 !important;
}



/*===================================== Blockquote "quote" =====================================*/

/*---------------------------- Teinte primaire ----------------------------*/

blockquote.quote::before, 
blockquote.quote::after,
blockquote.quote.primary::before, 
blockquote.quote.primary::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23FF0143%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}
blockquote.quote.primary-light::before, 
blockquote.quote.primary-light::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23FF5883%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*--------------------------- Teinte secondaire ---------------------------*/

blockquote.quote.secondary::before, 
blockquote.quote.secondary::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%2336C2E0%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*----------------------- Teinte tertiaire (nouveau) ----------------------*/

blockquote.quote.tertiary::before, 
blockquote.quote.tertiary::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23FC7100%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*---------------------- Teinte quaternaire (nouveau) ---------------------*/

blockquote.quote.quaternary::before, 
blockquote.quote.quaternary::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%2391C830%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*--------------------- Teinte quinquénaire (nouveau) ---------------------*/

blockquote.quote.quinternary::before, 
blockquote.quote.quinternary::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23C33F98%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*--------------------------------- Blanc ---------------------------------*/

blockquote.quote.white::before, 
blockquote.quote.white::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*----------------------------- Teinte claire -----------------------------*/

blockquote.quote.light::before, 
blockquote.quote.light::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*----------------------------- Teinte sombre -----------------------------*/

blockquote.quote.dark::before, 
blockquote.quote.dark::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%236E6E6E%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}


/*----------------------------- Gris (nouveau) ----------------------------*/

blockquote.quote.gray::before, 
blockquote.quote.gray::after {
	content: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23ACACAC%22%20d%3D%22M11.656%204.061c.325-.604.828-1.246%201.51-1.928l-1.394-1.114c-.96.867-1.665%201.788-2.112%202.763-.449.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H11.03a5.653%205.653%200%200%201%20.626-1.926zM4.657%204.061c.325-.604.827-1.246%201.509-1.928L4.772%201.019c-.959.867-1.665%201.788-2.112%202.763-.45.975-.721%202.051-.813%203.227l-.232%202.972h3.993l.326-3.994H4.029a5.656%205.656%200%200%201%20.628-1.926z%22%2F%3E%3C%2Fsvg%3E);
}



/*====================================== Couleurs de fond ======================================*/

/*---------------------------- Teinte primaire ----------------------------*/

.bg-primary {
	color: #fff;
	background-color: #ff0143 !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
a:hover .bg-primary,
a:focus .bg-primary {
	background-color: #e5023f !important;
}


/*--------------------------- Teinte secondaire ---------------------------*/

.bg-secondary {
	color: #fff;
	background-color: #36c2e0 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus
a:hover .bg-secondary,
a:focus .bg-secondary {
	background-color: #30abc7 !important;
}


/*----------------------- Teinte tertiaire (nouveau) ----------------------*/

.bg-tertiary {
	color: #fff;
	background-color: #fc7100 !important;
}
a.bg-tertiary:hover,
a.bg-tertiary:focus,
a:hover .bg-tertiary,
a:focus .bg-tertiary {
	background-color: #e46600 !important;
}


/*---------------------- Teinte quaternaire (nouveau) ---------------------*/

.bg-quaternary {
	color: #fff;
	background-color: #91c830 !important;
}
a.bg-quaternary:hover,
a.bg-quaternary:focus,
a:hover .bg-quaternary,
a:focus .bg-quaternary, {
	background-color: #82b625 !important;
}


/*--------------------- Teinte quinquénaire (nouveau) ---------------------*/

.bg-quinternary {
	color: #fff;
	background-color: #c33f98 !important;
}
a.bg-quinternary:hover,
a.bg-quinternary:focus,
a:hover .bg-quinternary,
a:focus .bg-quinternary, {
	background-color: #b03086 !important;
}


/*----------------------------- Teinte claire -----------------------------*/

.bg-light {
	background-color: #f4f4f4 !important;
}
a.bg-light:hover,
a.bg-light:focus,
a:hover .bg-light,
a:focus .bg-light {
	background-color: #e0e0e0 !important;
}


/*----------------------------- Teinte sombre -----------------------------*/

.bg-dark {
	color: #fff;
	background-color: #6e6e6e !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
a:hover .bg-dark,
a:focus .bg-dark {
	background-color: #595959 !important;
}


/*----------------------------- Gris (nouveau) ----------------------------*/

.bg-gray {
	color: #fff;
	background-color: #acacac !important;
}
a.bg-gray:hover,
a.bg-gray:focus,
a:hover .bg-gray,
a:focus .bg-gray {
	background-color: #969696 !important;
}




/*========================================== Boutons ===========================================*/

/*---------------------------- Teinte primaire ----------------------------*/

.btn-primary {
    color: #fff !important;
	background: -moz-linear-gradient(top, #e4003b 20%, #ff396c 100%);
	background: -webkit-linear-gradient(top, #e4003b 20%, #ff396c 100%);
	background: linear-gradient(to bottom, #e4003b 20%, #ff396c 100%);
}
.btn-primary:hover {
	background: -moz-linear-gradient(top, #c90032 20%, #e5325f 100%);
	background: -webkit-linear-gradient(top, #c90032 20%, #e5325f 100%);
	background: linear-gradient(to bottom, #c90032 20%, #e5325f 100%);
}
.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 .2rem rgba(255, 0, 67, .3);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #b0002c 20%, #cc2d55 100%);
	background: -webkit-linear-gradient(top, #b0002c 20%, #cc2d55 100%);
	background: linear-gradient(to bottom, #b0002c 20%, #cc2d55 100%);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(255, 0, 67, .15);
}


/*--------------------------- Teinte secondaire ---------------------------*/

.btn-secondary {
	color: #fff !important;
	background: -moz-linear-gradient(top, #0caacc 20%, #36c2e0 100%);
	background: -webkit-linear-gradient(top, #0caacc 20%, #36c2e0 100%);
	background: linear-gradient(to bottom, #0caacc 20%, #36c2e0 100%);
}
.btn-secondary:hover {
	background: -moz-linear-gradient(top, #0b94b3 20%, #30abc7 100%);
	background: -webkit-linear-gradient(top, #0b94b3 20%, #30abc7 100%);
	background: linear-gradient(to bottom, #0b94b3 20%, #30abc7 100%);

}
.btn-secondary:focus,
.btn-secondary.focus {
	box-shadow: 0 0 0 .2rem rgba(54, 194, 225, .4);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #097f99 20%, #2a95ad 100%);
	background: -webkit-linear-gradient(top, #097f99 20%, #2a95ad 100%);
	background: linear-gradient(to bottom, #097f99 20%, #2a95ad 100%);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(54, 194, 225, .2);
}


/*----------------------- Teinte tertiaire (nouveau) ----------------------*/

.btn-tertiary {
    color: #fff !important;
	background: -moz-linear-gradient(top, #df6400 20%, #fc7100 100%);
	background: -webkit-linear-gradient(top, #df6400 20%, #fc7100 100%);
	background: linear-gradient(to bottom, #df6400 20%, #fc7100 100%);
}
.btn-tertiary:hover {
	background: -moz-linear-gradient(top, #c45800 20%, #e36600 100%);
	background: -webkit-linear-gradient(top, #c45800 20%, #e36600 100%);
	background: linear-gradient(to bottom, #c45800 20%, #e36600 100%);
}
.btn-tertiary:focus,
.btn-tertiary.focus {
	box-shadow: 0 0 0 .2rem rgba(252, 113, 0, .4);
}
.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #ab4d00 20%, #c95b00 100%);
	background: -webkit-linear-gradient(top, #ab4d00 20%, #c95b00 100%);
	background: linear-gradient(to bottom, #ab4d00 20%, #c95b00 100%);
}
.btn-tertiary:not(:disabled):not(.disabled):active:focus,
.btn-tertiary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(252, 113, 0, .2);
}


/*--------------------- Teinte quaternaire (nouveau) ----------------------*/

.btn-quaternary {
    color: #fff !important;
	background: -moz-linear-gradient(top, #7db022 20%, #91c830 100%);
	background: -webkit-linear-gradient(top, #7db022 20%, #91c830 100%);
	background: linear-gradient(to bottom, #7db022 20%, #91c830 100%);
}
.btn-quaternary:hover {
	background: -moz-linear-gradient(top, #6a961d 20%, #7dad2a 100%);
	background: -webkit-linear-gradient(top, #6a961d 20%, #7dad2a 100%);
	background: linear-gradient(to bottom, #6a961d 20%, #7dad2a 100%);
}
.btn-quaternary:focus,
.btn-quaternary.focus {
	box-shadow: 0 0 0 .2rem rgba(145, 200, 48, .4);
}
.btn-quaternary:not(:disabled):not(.disabled):active,
.btn-quaternary:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #587d18 20%, #6b9423 100%);
	background: -webkit-linear-gradient(top, #587d18 20%, #6b9423 100%);
	background: linear-gradient(to bottom, #587d18 20%, #6b9423 100%);
}
.btn-quaternary:not(:disabled):not(.disabled):active:focus,
.btn-quaternary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(145, 200, 48, .2);
}


/*--------------------- Teinte quinquénaire (nouveau) ---------------------*/

.btn-quinternary {
    color: #fff !important;
	background: -moz-linear-gradient(top, #a92d81 20%, #c33f98 100%);
	background: -webkit-linear-gradient(top, #a92d81 20%, #c33f98 100%);
	background: linear-gradient(to bottom, #a92d81 20%, #c33f98 100%);
}
.btn-quinternary:hover {
	background: -moz-linear-gradient(top, #8f276e 20%, #a83682 100%);
	background: -webkit-linear-gradient(top, #8f276e 20%, #a83682 100%);
	background: linear-gradient(to bottom, #8f276e 20%, #a83682 100%);
}
.btn-quinternary:focus,
.btn-quinternary.focus {
	box-shadow: 0 0 0 .2rem rgba(195, 63, 152, .4);
}
.btn-quinternary:not(:disabled):not(.disabled):active,
.btn-quinternary:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #75205a 20%, #8f2e6e 100%);
	background: -webkit-linear-gradient(top, #75205a 20%, #8f2e6e 100%);
	background: linear-gradient(to bottom, #75205a 20%, #8f2e6e 100%);
}
.btn-quinternary:not(:disabled):not(.disabled):active:focus,
.btn-quinternary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(195, 63, 152, .2);
}


/*----------------------------- Teinte claire -----------------------------*/

.btn-light {
	color: #212121 !important;
	background: -moz-linear-gradient(top, #ececec 20%, #fff 100%);
	background: -webkit-linear-gradient(top, #ececec 20%, #fff 100%);
	background: linear-gradient(to bottom, #ececec 20%, #fff 100%);
}
.btn-light:hover {
	background: -moz-linear-gradient(top, #e0e0e0 20%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #e0e0e0 20%, #f2f2f2 100%);
	background: linear-gradient(to bottom, #e0e0e0 20%, #f2f2f2 100%);
}
.btn-light:focus,
.btn-light.focus {
	box-shadow: 0 0 0 .2rem rgba(200, 200, 200, .4);
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #d4d4d4 20%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #d4d4d4 20%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #d4d4d4 20%, #e5e5e5 100%);
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(200, 200, 200, .25);
}


/*----------------------------- Teinte sombre -----------------------------*/

.btn-dark {
	color: #fff !important;
	background: -moz-linear-gradient(top, #424242 20%, #6e6e6e 100%);
	background: -webkit-linear-gradient(top, #424242 20%, #6e6e6e 100%);
	background: linear-gradient(to bottom, #424242 20%, #6e6e6e 100%);
}
.btn-dark:hover {
	background: -moz-linear-gradient(top, #363636 20%, #525252 100%);
	background: -webkit-linear-gradient(top, #363636 20%, #525252 100%);
	background: linear-gradient(to bottom, #363636 20%, #525252 100%);
}
.btn-dark:focus,
.btn-dark.focus {
	box-shadow: 0 0 0 .2rem rgba(200, 200, 200, .4);
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #292929 20%, #555555 100%);
	background: -webkit-linear-gradient(top, #292929 20%, #555555 100%);
	background: linear-gradient(to bottom, #292929 20%, #555555 100%);
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(200, 200, 200, .25);
}


/*----------------------------- Gris (nouveau) ----------------------------*/

.btn-gray {
	color: #fff !important;
	background: -moz-linear-gradient(top, #8f8f8f 20%, #acacac 100%);
	background: -webkit-linear-gradient(top, #8f8f8f 20%, #acacac 100%);
	background: linear-gradient(to bottom, #8f8f8f 20%, #acacac 100%);
}
.btn-gray:hover {
	background: -moz-linear-gradient(top, #828282 20%, #9e9e9e 100%);
	background: -webkit-linear-gradient(top, #828282 20%, #9e9e9e 100%);
	background: linear-gradient(to bottom, #828282 20%, #9e9e9e 100%);
}
.btn-gray:focus,
.btn-gray.focus {
	box-shadow: 0 0 0 .2rem rgba(160, 160, 160, .3);
}
.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #757575 20%, #919191 100%);
	background: -webkit-linear-gradient(top, #757575 20%, #919191 100%);
	background: linear-gradient(to bottom, #757575 20%, #919191 100%);
}
.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(160, 160, 160, .15);
}

/*--------------------- Teinte btn_bouton_lien_promo_dans_courrier_bal (nouveau #sa# mantis413 22/09/2021 02:37:43) STANDARD VIOLET ---------------------*/

.btn_lien_promo_dans_courrier_bal {
  color: #fff !important;
	background: -moz-linear-gradient(top, #a92d81 20%, #c33f98 100%);
	background: -webkit-linear-gradient(top, #a92d81 20%, #c33f98 100%);
	background: linear-gradient(to bottom, #a92d81 20%, #c33f98 100%);
}
.btn_lien_promo_dans_courrier_bal:hover {
	background: -moz-linear-gradient(top, #8f276e 20%, #a83682 100%);
	background: -webkit-linear-gradient(top, #8f276e 20%, #a83682 100%);
	background: linear-gradient(to bottom, #8f276e 20%, #a83682 100%);
}
.btn_lien_promo_dans_courrier_bal:focus,
.btn_lien_promo_dans_courrier_bal.focus {
	box-shadow: 0 0 0 .2rem rgba(195, 63, 152, .4);
}
.btn_lien_promo_dans_courrier_bal:not(:disabled):not(.disabled):active,
.btn_lien_promo_dans_courrier_bal:not(:disabled):not(.disabled).active {
	background: -moz-linear-gradient(top, #75205a 20%, #8f2e6e 100%);
	background: -webkit-linear-gradient(top, #75205a 20%, #8f2e6e 100%);
	background: linear-gradient(to bottom, #75205a 20%, #8f2e6e 100%);
}
.btn_lien_promo_dans_courrier_bal:not(:disabled):not(.disabled):active:focus,
.btn_lien_promo_dans_courrier_bal:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 .3rem rgba(195, 63, 152, .2);
}

/*=========================================== Badges ===========================================*/

/*---------------------------- Teinte primaire ----------------------------*/

.badge-primary {
	background-color: #ff0143;
}
.badge-primary[href]:hover,
.badge-primary[href]:focus {
	background-color: #e5023f;
}


/*--------------------------- Teinte secondaire ---------------------------*/

.badge-secondary {
	background-color: #36c2e0;
}
.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
	background-color: #30abc7;
}


/*----------------------- Teinte tertiaire (nouveau) ----------------------*/

.badge-tertiary {
	color: #fff;
	background-color: #fc7100;
}
.badge-tertiary[href]:hover,
.badge-tertiary[href]:focus {
	background-color: #e46600;
}


/*--------------------- Teinte quaternaire (nouveau) ----------------------*/

.badge-quaternary {
	color: #fff;
	background-color: #91c830;
}
.badge-quaternary[href]:hover,
.badge-quaternary[href]:focus {
	background-color: #82b625;
}


/*--------------------- Teinte quinquénaire (nouveau) ---------------------*/

.badge-quinternary {
	color: #fff;
	background-color: #c33f98;
}
.badge-quinternary[href]:hover,
.badge-quinternary[href]:focus {
	background-color: #b03086;
}


/*----------------------------- Teinte claire -----------------------------*/

.badge-light {
	background-color: #f4f4f4;
}
.badge-light[href]:hover,
.badge-light[href]:focus {
	background-color: #e0e0e0;
}


/*----------------------------- Teinte sombre -----------------------------*/

.badge-dark {
	color: #fff;
	background-color: #6e6e6e;
}
.badge-dark[href]:hover,
.badge-dark[href]:focus {
	color: #fff;
	background-color: #595959;
}


/*----------------------------- Gris (nouveau) ----------------------------*/

.badge-gray {
	color: #fff;
	background-color: #acacac;
}
.badge-gray[href]:hover,
.badge-gray[href]:focus {
	color: #fff;
	background-color: #969696;
}




/*
  ==============================================================================================
  ------------------------------------------- Header -------------------------------------------
  ==============================================================================================
*/

/*======================================== Généralités =========================================*/

header h1 a {
	width: 260px;
	height: 80px;
}
header h1 a::before {
	background: url(../img/logo.svg) 0 0 no-repeat;
	background-size: cover;
}
header h1.addon-noel a::after {
	top: -40px;
	left: -45px;
	-webkit-transform: scaleX(-1);
	   -moz-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		 -o-transform: scaleX(-1);
			transform: scaleX(-1);
}
header h1.addon-nouvelle_annee a::after {
	top: -40px;
	left: -45px;
	-webkit-transform: scaleX(-1);
	   -moz-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		 -o-transform: scaleX(-1);
			transform: scaleX(-1);
}
header h1.addon-stvalentin a::after {
	top: -20px;
	left: 209px;
}
header h1.addon-ete a::after {
	top: -28px;
	left: 219px;
}
header h1.addon-new a::after {
	top: -10px;
	left: 184px;
}
.notifications li.dials a .count {
	background-color: #ff8549;
}
.notifications li.courriers a .count {
	background-color: #c33f98;
}
.notifications li.contacts a .count {
	background-color: #a5c800;
}
@media (max-width: 1199px) {
	header h1 {
		margin-top: -60px;
	}
}
@media (max-width: 575px) {
	.notifications:not(#clonednotifs) li.contacts a .count {
		color: #a5c800 !important;
	}
}



/*======================================== RangeSlider =========================================*/

.irs-line {
	background: #fff;
}
.irs-bar,
.irs-slider {
    background: #ff0143;
}
.irs-slider.state_hover,
.irs-slider:hover {
    background: #e5023f;
}



/*=========================================== Menus ===========================================*/


/*---------------------------- Menu principal -----------------------------*/

#mainmenu ul li a:hover {
	text-decoration: none;
}
#mainmenu ul li a::before {
	opacity: .5;
	background: -moz-linear-gradient(top, #000000 20%, #909090 100%);
	background: -webkit-linear-gradient(top, #000000 20%, #909090 100%);
	background: linear-gradient(to bottom, #000000 20%, #909090 100%);
	box-shadow: inset -1px -1px 1px 1px rgba(0, 0, 0, .55),
				-1px -1px 0 1px rgba(0, 0, 0, .55),
				inset 0 1px 1px 1px rgba(255, 255, 255, .3),
				0 1px 0 1px rgba(255, 255, 255, .2);
}
#mainmenu ul li a:hover::before,
#mainmenu ul li a:focus::before {
	opacity: .8;
	box-shadow: inset -1px -1px 1px 1px rgba(0, 0, 0, .55),
				-1px -1px 0 1px rgba(0, 0, 0, .55),
				inset 0 1px 1px 1px rgba(255, 255, 255, .3),
				0 1px 0 1px rgba(255, 255, 255, .2),
				0 0 16px 3px rgba(242, 30, 81, .6);
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
		-ms-transform: scale(1.04);
		 -o-transform: scale(1.04);
			transform: scale(1.04);
}
#mainmenu ul li a:active::before {
	-webkit-transform: scale(.97);
	   -moz-transform: scale(.97);
		-ms-transform: scale(.97);
		 -o-transform: scale(.97);
			transform: scale(.97);
	box-shadow: inset -1px -1px 1px 1px rgba(0, 0, 0, .55),
				-1px -1px 0 1px rgba(0, 0, 0, .55),
				inset 0 1px 1px 1px rgba(255, 255, 255, .3),
				0 1px 0 1px rgba(255, 255, 255, .2),
				0 0 10px 2px rgba(255, 255, 255, .6);
}
#mainmenu ul li.active a::before {
	opacity: 1;
	background: -moz-linear-gradient(top, #dedede 0%, #fff 50%);
	background: -webkit-linear-gradient(top, #dedede 0%, #fff 50%);
	background: linear-gradient(to bottom, #dedede 0%, #fff 50%);
	box-shadow: inset -1px -1px 0 1px rgba(0, 0, 0, .08),
				-1px -1px 0 1px rgba(0, 0, 0, .05),
				inset 0 2px 0 1px rgba(255, 255, 255, .5);
}
#mainmenu ul li.active a:hover::before,
#mainmenu ul li.active a:focus::before {
	opacity: 1;
	box-shadow: inset -1px -1px 0 1px rgba(0, 0, 0, .08),
				-1px -1px 0 1px rgba(0, 0, 0, .05),
				inset 0 2px 0 1px rgba(255, 255, 255, .5),
				0 0 14px 3px rgba(255, 255, 255, .6);
}
#mainmenu ul li.toggler::after {
	background-image: url(../img/icons.svg);
}


/*----------------------------- Menu en ligne -----------------------------*/

#enligne h4 {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}




/*
  ==============================================================================================
  -------------------------------------------- Dial --------------------------------------------
  ==============================================================================================
*/

/*================================ Dial (tablette & desktop) =================================*/

/*------------------------------- Zone titre ------------------------------*/

aside#dial h4 {
	color: #ff0045;
	font-family: 'Roboto Slab';
	font-size: 1.1rem;
}
aside#dial h4 strong {
	font-weight: 700;
}
aside#dial h4 small {
	font-family: 'Open Sans';
}
aside#dial h4 small strong {
	color: #ff0045;
}

aside#dial #dial-conv-btn {
	background-color: rgba(255, 1, 67, .96);
}
aside#dial #dial-conv-btn .count {
	color: #ff0143;
}
html.dial-opened aside#dial #dial-conv-btn .count {
	background-color: #ff0143;
}


/*-------------------------------- Filtres --------------------------------*/

aside#dial ul.filtres li a.filtered::before {
	background-color: #ff0143;
}



/*================================ Dial (mobile) / Mode liste ================================*/

aside#dial ul.list li.contact a span {
	color: #22ef17;
}
aside#dial ul.list li.busy a span {
	color: #ffa024;
}
aside#dial ul.list li.blocked a span,
aside#dial ul.list li.iblocked a span {
	color: #ff3434;
}
@media (max-width: 575px) {
	aside#dial ul.list li.contact a span {
		color: #29d220;
	}
}



/*=============================== Dial (mobile) / Mode grille ================================*/

/*--------------------------------- Liste ---------------------------------*/

#online.grid aside#dial ul.list li a span.pseudo {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#online.grid aside#dial ul.list li.contact a span {
	color: #22ef17;
}
#online.grid aside#dial ul.list li.busy a span {
	color: #ffa024;
}
#online.grid aside#dial ul.list li.blocked a span,
#online.grid aside#dial ul.list li.iblocked a span {
	color: #ff6666;
}



/*=================================== Dial / Module de chat ==================================*/

#dial-window-header h4 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#dial-window-header > ul li:hover::before {
	background-color: #fc7100;
}
#dial-window-header > ul li:hover a {
	color: #fc7100;
}
#dial-window-content .list h5,
#dial-window-footer h5 {
	font-family: 'Roboto Slab';
	font-weight: 300;
}
#dial-window-content .list h5 strong,
#dial-window-footer h5 strong,
#dial-window-footer .card-img h5 {
	font-weight: 700;
}
#dial-window-content .messages ul.busy::before {
    background-image: url(../img/icons.svg);
}
#dial-window-content .messages ul.busy::after {
	background-color: #f58f0a;
}
#dial-window-content .messages ul li.me .text {
	background-color: #ff9561;
}
#dial-window-content .list ul li.busy a span.pseudo {
	color: #f58f0a;
}
#dial-window-content .list ul li.contact a span.pseudo {
	color: #09bd00;
}
#dial-window-content .list ul li.webcam::after {
	background-image: url(../img/icons.svg);
	box-shadow: 0 0 0 3px #fc7100;
	background-color: #fc7100;
}
#dial-window-content .list ul li:not(.active).unread a {
	background-color: rgba(255, 176, 112, .4);
}
#dial-window-content .list ul li:not(.active).unread a:hover {
	background-color: rgba(255, 176, 112, .6);
}
#dial-window-content .list ul li a .count {
	background-color: #fc7100;
}




/*
  ==============================================================================================
  ---------------------------------------- Volet droite ----------------------------------------
  ==============================================================================================
*/

#searchsidebar h5 {
	font-family: 'Roboto Slab';
	font-weight: 300;
	letter-spacing: -.02em;
}
#searchsidebar h5 strong {
	font-weight: 700;
	color: #ff0143;
}




/*
  ==============================================================================================
  -------------------------------------------- Page --------------------------------------------
  ==============================================================================================
*/

/*------------------------------ Généralités ------------------------------*/

#page .subtitle {
	font-family: 'Roboto Slab';
}




/*
  ==============================================================================================
  ------------------------------------------ Homepage ------------------------------------------
  ==============================================================================================
*/

/*-------------------------------- Profil ---------------------------------*/

#profil-home h5 > strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#profil-home .alert-dark::before {
	border-color: transparent transparent #777 transparent;
}
#profil-home .alert-danger::before {
	border-color: transparent transparent #dc3545 transparent;
}
#profil-home .alert-warning::before {
	border-color: transparent transparent #f29024 transparent;
}


/*------------------------- Membres sélectionnés --------------------------*/

#selection-home .card-title h5 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}


/*----------------------------- Autres membres ----------------------------*/

#carousel-zoomover h5 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}


/*-------------------------------- Webcams --------------------------------*/

#webcams-home {
	background: url(../img/homepage/background-webcams.jpg) center center no-repeat;
	background-size: cover;
}
#webcams-home h5::before {
	border-color: transparent transparent #fc7100 transparent !important;
}
#webcams-home a:hover h5::before {
	border-color: transparent transparent #e46600 transparent !important;
}
#webcams-home h5 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#webcams-home h5 em span {
	color: #ffc99d;
}


/*------------------------------- Annonces --------------------------------*/

#annonces-home {
	background-color: #ececec;
}
#annonces-home .card:hover {
	text-decoration: none;
}
#annonces-home .card-body {
	background-color: #78505a;
}
#annonces-home .card:hover .card-body {
	background-color: #6d3342;
}
#annonces-home h5 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#annonces-home h5 em {
	color: #c2c2c2;
}
#annonces-home .card-body > span::before {
	border-color: transparent transparent #fff transparent !important;
}
#annonces-home .card-body > em {
	color: #ef92aa;
}


/*-------------------------------- Forums ---------------------------------*/

#forums-home {
	background: url(../img/homepage/background-forums.jpg) center center no-repeat;
	background-color: #dfd7ca;
	background-size: cover;
}
#forums-home h2 {
	color: #fff !important;
}
#forums-home h2 strong {
	color: #ff5883 !important;
}
#forums-home h5 {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#forums-home .card-img .img::after {
    box-shadow: 0 0 0 2px #6b4a4d;
}
#forums-home .card-img h6 em {
	color: #b0b0b0;
}
#forums-home .card-body em {
	color: #ef92aa;
}


/*-------------------------------- Profils --------------------------------*/

#profils-home {
	background: url(../img/homepage/background-profils.jpg) center center no-repeat;
	background-color: #ecdfd9;
	background-size: cover;
}
#profils-home .card-title h5 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
	color: #6f6f6f;
}
#profils-home .card-title h5 em {
	color: #979797;
}




/*
  ==============================================================================================
  ------------------------------------------ Annuaire ------------------------------------------
  ==============================================================================================
*/

/*--------------------------------- Liste ---------------------------------*/

#annuaire .list .card-body h4 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}




/*
  ==============================================================================================
  ------------------------------------------ Annonces ------------------------------------------
  ==============================================================================================
*/

/*--------------------------------- Liste ---------------------------------*/

#annonces .list tbody h4 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
@media (max-width: 1023px) {
	#annonces .list tbody tr[hasimage] td.date::after {
		background-image: url(../img/icons.svg);
	}
}
@media (max-width: 767px) {
	#annonces .list tbody tr[hasimage] td.departement::after {
		background-image: url(../img/icons.svg);
	}
}


/*-------------------------- Détail d'une annonce -------------------------*/

#annonces .detail h3,
#annonces .detail .card-img h6 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}




/*
  ==============================================================================================
  ------------------------------------------- Forums -------------------------------------------
  ==============================================================================================
*/

/*--------------------------------- Liste ---------------------------------*/

#forums .list tbody h4 {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#forums .list.forums.results tbody tr:not(.empty) th {
	box-shadow: inset 2px 0 0 #ff0143;
}
#forums .list.results tbody tr:not(.empty) th::after {
	color: #ff0143;
}
#forums .list.results .resultats .count span,
#forums .list.results tr:not(.empty):hover td.resultats .badge,
#forums .list.results tr:not(.empty) th::before {
	background-color: #ff0143;
}


/*---------------------------- Liste (threads) ----------------------------*/

#forums .thread h3 {
	font-weight: 700;
}
#forums .thread h6 strong {
	font-family: 'Roboto Slab';
	
}


/*----------------------------- Créer un sujet ----------------------------*/

#forums .create .theme h4 {
	font-family: 'Roboto Slab';
	font-weight: 700;
}




/*
  ==============================================================================================
  ------------------------------------------- Profil -------------------------------------------
  ==============================================================================================
*/

#profil .advtabs li a:not(.active) {
	color: #36c2e0;
}
#profil ul.grid-gallery li.selected a .img {
	border: 3px solid #36c2e0;
	background-color: #36c2e0;
}
#profil ul.grid-gallery li.selected small {
	background-color: #11b5d8;
}
#profil .list tbody h4 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}


/*----------------------------- Mes forfaits ------------------------------*/

@media (max-width: 767px) {
	#profil .forfaits table tr td:first-child {
		background-color: #ff0143;
	}
}


/*---------------------- Contacts / Profils bloqués -----------------------*/

#profil .list tbody .pseudo .icon.godial {
	background-color: #ff8549
}
#profil .list tbody .pseudo .icon.gocourrier {
	background-color: #c33f98
}




/*
  ==============================================================================================
  ------------------------------------------ Courrier ------------------------------------------
  ==============================================================================================
*/

/*--------------------------------- Liste ---------------------------------*/

#courrier .advtabs li a span.count {
	background-color: #c33f98;
}


/*-------------------------- Lecture d'un mesage --------------------------*/

#courrier .detail h3,
#courrier .detail h6 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}




/*
  ==============================================================================================
  ------------------------------------------- Fiche --------------------------------------------
  ==============================================================================================
*/

/*--------------------------------- Header --------------------------------*/

#fiche .fiche-head .card-body h2 {
	font-family: 'Open Sans', sans-serif;
	color: #fff;

}
#fiche .fiche-head .card-body h2 strong {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
#fiche .fiche-head .options.contact .btn-back::before {
	background-image: url(../img/icons.svg);
}
#fiche .fiche-head .options.contact li a.courrier strong {
	color: #c33f98;
}


/*---------------------------------- Body ---------------------------------*/

#fiche .fiche-body .lastvisible .img::before {
	background-color: rgba(145, 200, 48, .85);
	font-family: 'Roboto Slab';
	font-weight: 300;
}




/*
  ==============================================================================================
  ------------------------------------------ Webcams -------------------------------------------
  ==============================================================================================
*/

/*--------------------------------- Liste ---------------------------------*/

#webcams ul.grid-gallery li a.pseudo {
	font-family: 'Roboto Slab';
	font-weight: 700;
}
	



/*
  ==============================================================================================
  ------------------------------------------- Footer -------------------------------------------
  ==============================================================================================
*/

footer {
	color: #fff;
	background-color: #3e3e3e;
}
footer h6 a {
	width: 170px;
	height: 54px;
	background: url(../img/logo.svg) bottom left no-repeat;
	background-size: cover;
}




/*
  ==============================================================================================
  ------------------------------------------- Divers -------------------------------------------
  ==============================================================================================
*/

@media (min-width: 576px) and (max-width: 680px),
(max-width: 480px) {
	.custom-file-label::after {
		content: '' !important;
		width: 36px;
	    background-image: url(../img/icons.svg);
		background-position: 1px -547px;
		background-size: 400px auto;
	}
}

/*------------------------------- Flatpickr -------------------------------*/

.flatpickr-day.today {
    border-color: #ff0143;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #ff0143;
    border-color: #ff0143;
}



/*================================= Slider vignettes horizontal ================================*/

.imgslider ul li.active a {
	background-color: #ff0143;
}