/*
Theme Name: Centre Patronal
Theme URI: https://www.centrepatronal.ch
Author: Centre Patronal
Description: A specific theme to use on Centre Patronal website.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.0.2
Text Domain: cp
*/

html { scroll-behavior: smooth; }

.card-service-inner h3 {
	text-transform: none;
}

.white-color {
	color: #FFFFFF;
}

.bloc-fip-produit {
	color: #FFFFFF;
}

.bloc-fip-produit .wp-block-qubely-row .wp-block-qubely-column:first-child p, .bloc-fip-produit .wp-block-qubely-row:first-child p {
	margin-bottom: 0;
}

.bloc-fip-produit .wp-block-qubely-row:first-child .wp-block-qubely-column {
	font-size: 1.2rem;
	font-weight: 300;
}

.bloc-fip-produit .wp-block-qubely-column {
	padding: .75rem !important;
}

.bloc-fip-produit .icons {
	font-size: 1.5rem;
	margin: 1px;
}

.bloc-fip-produit .wp-block-qubely-row {
	border-left: 0px solid !important;
	border-right: 0px solid !important;
	border-top: 0px solid !important;
}

.bloc-fip-produit .wp-block-qubely-row:last-child {
	border-bottom: 0px solid;
}

.medium_sized textarea {
	height: 150px !important;
}

:target:before {
    content: "";
    display: block;
    height: 140px;
    margin: -140px 0 0;
}

.qubely-tab-nav {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 2em;
	text-align: center;
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
}

.qubely-tab-title {
	padding: 0 2% 20px 0;
	font-weight: 500;
	text-transform: uppercase;
	color: #c8c8c8;
}

.qubely-accordion-panel-handler-label {
	position: relative;
	text-transform: none;
	font-size: 1.4rem;
	line-height: 1.1;
	margin: 0;
	padding-right: 40px;
}

.qubely-tab-body {
	margin-left: 16.6666666667%;
	margin-right: 16.6666666667%;
}

.wp-block-qubely-accordion-item:first-child {
	border-top: 1px solid;
}

.wp-block-qubely-accordion-item:last-child {
	border-bottom: 1px solid !important;
}

.gform_wrapper form {
	display: block;
	position: relative;
	text-align: left;
}

.gform_required_legend {
	display: none;
}

.gform_contact_wrapper {
	margin-top: 1em;
}

.gform_wrapper form .gform_description {
	font-size: 1rem;
	line-height: 1.5333333333rem;
	text-transform: uppercase;
	margin: 1.125rem 0;
	font-weight: 500 !important;
}

.gform_wrapper form .gfield {
	clear: left;
	position: relative;
	padding-bottom: 1%;
	padding-right: 0px !important;
	min-height: 50px;
}

.gform_wrapper form .gform_footer {
	margin-top: 0px;
}

.gform_wrapper form .gfield input {
	display: block;
	padding: 8px 0 !important;
	text-indent: 2%;
	border: 1px solid #ABB0B2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.gform_wrapper form .gfield input:focus {
	border-color: #333333;
}

.gform_wrapper form .gfield label, .gform_wrapper form .gfield legend {
	font-weight: normal !important;
}

.gform_wrapper.gravity-theme .ginput_container_date input {
	width: 100% !important;
}

.gform_wrapper form .gform_button {
	border: 1px solid #008ac9;
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 0;
	display: block !important;
	width: auto;
	background: #008ac9 !important;
	color: #fff !important;
	padding: .7em 1.4em !important;
}
	
.gform_wrapper form .gform_button:hover, .gform_wrapper form .gform_button:focus {
	background: #808080 !important;
	color: #fff !important;
	text-decoration: none;
}

.gform_wrapper form.gform_skyblue .gform_button {
	background: #ffffff !important;
	color: #008ac9 !important;
	padding: .7em 4.2em !important;
	border:0 !important;
}

.gform_wrapper form.gform_skyblue .gform_button:hover {
	background: #808080 !important;
	color: #fff !important;
}

.gform_subtitle_nouppercase .gform_description {
	text-transform: none !important;
}

.gform_wrapper .gfield legend {
	text-transform: none !important;
}

.gform_center_title_wrapper {
	text-align: center !important;
}

.gform_skyblue h3, .gform_skyblue .gfield_label, .gform_blue .gfield_label, .gform_skyblue label, .gform_skyblue .gform_description {
	color: #ffffff !important;
}

.gform_skyblue_wrapper .gform_title {
	color: #ffffff !important;
}

.gform_orange .gform_confirmation_message, .gform_blue .gform_confirmation_message, .gform_skyblue .gform_confirmation_message {
	color: #ffffff;
}

.gform_wrapper form.gform_blue .gform_button {
	background: #ffffff !important;
	color: #008ac9 !important;
	padding: .7em 4.2em !important;
}

.gform_wrapper form.gform_blue .gform_button:hover {
	background: #808080 !important;
	color: #fff !important;
}

.list-group-center {
	font-size: 15px;
	text-align: left;
}

.list-group-center li {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 20px 20px 20px 50px;
	border-color: #c8c8c8;
	border-radius: 0;
}

.list-group-center li:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	margin-left: -30px;
	margin-right: 16px;
	color: #737980;
}

.bloc-people-function a:not(:hover) {
	text-decoration: none !important;
}

.t1 a {
	text-decoration: none !important;
}

:root {
	--wp-adminbar--height: 0px;
	--cp-toolbar-container--width: 0px;
}

.admin-bar {
	--wp-adminbar--height: 32px;
}
@media screen and (max-width:782px) {
	.admin-bar {
		--wp-adminbar--height: 46px;
	}
}
.has-toolbar {
	--cp-toolbar-container--width: 120px;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.navbar-nav.pull-xs-right+.navbar-nav {
	margin-right:1rem;
}

.w-100 {
	width: 100% !important
}

.m-x-auto {
	margin-right: auto !important;
	margin-left: auto !important
}

.m-a-0 {
	margin: 0 0 !important
}

.m-t-0 {
	margin-top: 0 !important
}

.m-r-0 {
	margin-right: 0 !important
}

.m-b-0 {
	margin-bottom: 0 !important
}

.m-l-0 {
	margin-left: 0 !important
}

.m-x-0 {
	margin-right: 0 !important;
	margin-left: 0 !important
}

.m-y-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.m-a-1 {
	margin: 1rem 1rem !important
}

.m-t-1 {
	margin-top: 1rem !important
}

.m-r-1 {
	margin-right: 1rem !important
}

.m-b-1 {
	margin-bottom: 1rem !important
}

.m-l-1 {
	margin-left: 1rem !important
}

.m-x-1 {
	margin-right: 1rem !important;
	margin-left: 1rem !important
}

.m-y-1 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important
}

.m-a-2 {
	margin: 1.5rem 1.5rem !important
}

.m-t-2 {
	margin-top: 1.5rem !important
}

.m-r-2 {
	margin-right: 1.5rem !important
}

.m-b-2 {
	margin-bottom: 1.5rem !important
}

.m-l-2 {
	margin-left: 1.5rem !important
}

.m-x-2 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important
}

.m-y-2 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important
}

.m-a-3 {
	margin: 3rem 3rem !important
}

.m-t-3 {
	margin-top: 3rem !important
}

.m-r-3 {
	margin-right: 3rem !important
}

.m-b-3 {
	margin-bottom: 3rem !important
}

.m-l-3 {
	margin-left: 3rem !important
}

.m-x-3 {
	margin-right: 3rem !important;
	margin-left: 3rem !important
}

.m-y-3 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important
}

.p-a-0 {
	padding: 0 0 !important
}

.p-t-0 {
	padding-top: 0 !important
}

.p-r-0 {
	padding-right: 0 !important
}

.p-b-0 {
	padding-bottom: 0 !important
}

.p-l-0 {
	padding-left: 0 !important
}

.p-x-0 {
	padding-right: 0 !important;
	padding-left: 0 !important
}

.p-y-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.p-a-1 {
	padding: 1rem 1rem !important
}

.p-t-1 {
	padding-top: 1rem !important
}

.p-r-1 {
	padding-right: 1rem !important
}

.p-b-1 {
	padding-bottom: 1rem !important
}

.p-l-1 {
	padding-left: 1rem !important
}

.p-x-1 {
	padding-right: 1rem !important;
	padding-left: 1rem !important
}

.p-y-1 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important
}

.p-a-2 {
	padding: 1.5rem 1.5rem !important
}

.p-t-2 {
	padding-top: 1.5rem !important
}

.p-r-2 {
	padding-right: 1.5rem !important
}

.p-b-2 {
	padding-bottom: 1.5rem !important
}

.p-l-2 {
	padding-left: 1.5rem !important
}

.p-x-2 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important
}

.p-y-2 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important
}

.p-a-3 {
	padding: 3rem 3rem !important
}

.p-t-3 {
	padding-top: 3rem !important
}

.p-r-3 {
	padding-right: 3rem !important
}

.p-b-3 {
	padding-bottom: 3rem !important
}

.p-l-3 {
	padding-left: 3rem !important
}

.p-x-3 {
	padding-right: 3rem !important;
	padding-left: 3rem !important
}

.p-y-3 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important
}

.pos-f-t {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}

.text-justify {
	text-align: justify !important
}

.text-nowrap {
	white-space: nowrap !important
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-xs-left {
	text-align: left !important
}

.text-xs-right {
	text-align: right !important
}

.text-xs-center {
	text-align: center !important
}

@media(min-width:544px) {
	.text-sm-left {
		text-align: left !important
	}
	.text-sm-right {
		text-align: right !important
	}
	.text-sm-center {
		text-align: center !important
	}
}

@media(min-width:1025px) {
	.text-md-left {
		text-align: left !important
	}
	.text-md-right {
		text-align: right !important
	}
	.text-md-center {
		text-align: center !important
	}
}

@media(min-width:1200px) {
	.text-lg-left {
		text-align: left !important
	}
	.text-lg-right {
		text-align: right !important
	}
	.text-lg-center {
		text-align: center !important
	}
}

@media(min-width:1600px) {
	.text-xl-left {
		text-align: left !important
	}
	.text-xl-right {
		text-align: right !important
	}
	.text-xl-center {
		text-align: center !important
	}
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.font-weight-normal {
	font-weight: normal
}

.font-weight-bold {
	font-weight: bold
}

.font-italic {
	font-style: italic
}

.text-muted {
	color: #f9f9f9 !important
}

a.text-muted:focus, a.text-muted:hover {
	color: #e0e0e0 !important
}

.text-primary {
	color: #0275d8 !important
}

a.text-primary:focus, a.text-primary:hover {
	color: #025aa5 !important
}

.text-success {
	color: #5cb85c !important
}

a.text-success:focus, a.text-success:hover {
	color: #449d44 !important
}

.text-info {
	color: #5bc0de !important
}

a.text-info:focus, a.text-info:hover {
	color: #31b0d5 !important
}

.text-warning {
	color: #f0ad4e !important
}

a.text-warning:focus, a.text-warning:hover {
	color: #ec971f !important
}

.text-danger {
	color: #d9534f !important
}

a.text-danger:focus, a.text-danger:hover {
	color: #c9302c !important
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.invisible {
	visibility: hidden !important
}

.hidden-xs-up {
	display: none !important
}

@media(max-width:543px) {
	.hidden-xs-down {
		display: none !important
	}
}

@media(min-width:544px) {
	.hidden-sm-up {
		display: none !important
	}
}

@media(max-width:1024px) {
	.hidden-sm-down {
		display: none !important
	}
}

@media(min-width:1025px) {
	.hidden-md-up {
		display: none !important
	}
}

@media(max-width:1199px) {
	.hidden-md-down {
		display: none !important
	}
}

@media(min-width:1200px) {
	.hidden-lg-up {
		display: none !important
	}
}

@media(max-width:1599px) {
	.hidden-lg-down {
		display: none !important
	}
}

@media(min-width:1600px) {
	.hidden-xl-up {
		display: none !important
	}
}

.hidden-xl-down {
	display: none !important
}

.visible-print-block {
	display: none !important
}

@media print {
	.visible-print-block {
		display: block !important
	}
}

.visible-print-inline {
	display: none !important
}

@media print {
	.visible-print-inline {
		display: inline !important
	}
}

.visible-print-inline-block {
	display: none !important
}

@media print {
	.visible-print-inline-block {
		display: inline-block !important
	}
}

@media print {
	.hidden-print {
		display: none !important
	}
}

* {
	box-sizing: border-box
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
	margin: 0;
	padding: 0
}

header, footer, nav, section, article, hgroup, figure {
	display: block
}

body {
	background: #fff;
	font: 100%/1.2 "Poppins", "Helvetica", "Arial", sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #737980
}

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

a:hover, a:focus {
	color: #808080
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1.4rem
}

h1, .t1, h2, .t2 {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2.8rem;
	line-height: 3.0666666667rem;
	text-align: center;
	color: #323232
}

@media(max-width:543px) {
	h1, .t1, h2, .t2 {
		font-size: 1.6rem;
		line-height: 1.4
	}
}

h1.big, .t1.big, h2.big, t2.big {
	font-size: 4.6666666667rem;
	line-height: 4.6rem
}

@media(max-width:1024px) {
	h1.big, .t1.big, h2.big, t2.big {
		font-size: 2.8rem;
		line-height: 3.0666666667rem
	}
}

@media(max-width:543px) {
	h1.big, .t1.big, h2.big, t2.big {
		font-size: 1.4rem;
		line-height: 1.5333333333rem
	}
}

h1 small, .t1 small, h2 small, .t2 small {
	font-size: 1rem;
	margin-left: 1rem
}

.card-article-inner h2, .bloc-article h2 {
	text-align: inherit;
}

h3.big, .t3.big, .card-article-inner h2, .bloc-article h2 {
	color: #323232;
	font-family: "Poppins", "Helvetica", "Arial", sans-serif;
	font-size: 1.4rem;
	line-height: 1.5333333333rem
}

@media(max-width:543px) {
	h3.big, .t3.big {
		font-size: 1.3rem;
		margin-top: 1rem;
		margin-bottom: .8rem
	}
}

h2.picto, .t2.picto {
	margin-bottom: 1rem
}

@media(max-width:543px) {
	h2.picto, .t2.picto {
		margin-top: -10px
	}
}

h3, .t3 {
	color: #737980;
	font-family: "Poppins", "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	line-height: 1.5333333333rem;
	text-transform: uppercase;
	margin: 1.125rem 0
}

h4, .t4 {
	font-family: "Poppins", "Helvetica", "Arial", sans-serif;
	font-size: .9375rem;
	line-height: 1.2;
	text-transform: uppercase;
	color: #737980;
	font-weight: 300
}

h5 {
	font-size: 1rem;
	font-family: "Poppins", "Helvetica", "Arial", sans-serif
}

.subheading {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-weight: normal;
	color: #737980;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5333333333rem;
	margin-top: -1rem;
	margin-bottom: 1.4rem
}

@media(max-width:543px) {
	.subheading {
		font-size: 1rem
	}
}

.no-t {
	text-transform: none
}

.section-identite h1 {
	margin-bottom: .6rem
}

.section-identite .identite-mois {
	text-align: center;
	color: #323232;
	font-size: 1.5rem;
	padding-bottom: 2rem
}

p {
	margin-bottom: 1em;
	line-height: 1.5333333333rem;
	font-weight: 300
}

@media(max-width:543px) {
	p {
		font-size: .9333333333rem
	}
}

blockquote {
	font-style: italic;
	border-left: 1px solid #808080;
	color: #808080;
	padding-left: .7em;
	margin-bottom: 1em
}

hr {
	border: 0;
	height: 1px;
	background: #c8c8c8;
	margin: 2em 0
}

abbr {
	border-bottom: 1px dotted #808080;
	cursor: help
}

strong {
	font-weight: 500;
	color: #323232
}

.section-bleu strong {
	color: inherit;
}

.error {
	color: #f00
}

ol, ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.5333333333rem;
	font-weight: 300;
}

dl {
	overflow: hidden;
	margin: 0 0 1em
}

dt {
	font-weight: bold
}

dd {
	margin-left: 0
}

img, video, object {
	max-width: 100%;
	height: auto
}

iframe {
	margin-bottom: 1em
}

figure {
	margin-bottom: 1em
}

figure img {
	margin-bottom: .5em
}

figcaption {
	font-style: italic
}

.image-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: table
}

.image-container img {
	max-width: 100%;
	height: auto;
	display: block
}

.image-container a {
	position: absolute;
	color: #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 2
}

.image-container .image-overlay {
	opacity: 0;
	position: absolute;
	color: #fff;
	background: rgba(255, 255, 255, .4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
	line-height: 200px;
	transition: opacity .2s ease-in-out;
	z-index: 1
}

.image-container:hover .image-overlay {
	opacity: 1
}

a.link-overlay {
	position: absolute;
	color: #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 0
}

a.link-overlay-button {
	z-index: 100
}

form ol, form ul {
	list-style: none;
	margin-left: 0
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0
}

label {
	display: block;
	padding-bottom: .5em
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0 1px 0
}

input, textarea {
	width: 100%;
	border: 1px solid #808080;
	padding: .35em .65rem
}

input[type=text], input[type=search], input[type=url], input[type=number], textarea {
	-webkit-appearance: none
}

button, input[type="submit"] {
	padding: .35em;
	background: #333;
	border: 1px solid #808080;
	cursor: pointer
}

input[type="checkbox"], input[type="radio"] {
	width: auto;
	margin-right: .3em
}

input[type="search"] {
	-webkit-appearance: none;
	border-radius: 0
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

.field-container {
	margin-bottom: 1em
}

.inline-form fieldset, .inline-form .inline-container {
	position: relative
}

.inline-form input[type=submit], .inline-form button, .inline-form .btn {
	font-size: .9333333333rem;
	padding: .65rem 1.3rem;
	background: #333;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: auto
}

.inline-form input[type=submit]:hover, .inline-form input[type=submit]:focus, .inline-form button:hover, .inline-form button:focus, .inline-form .btn:hover, .inline-form .btn:focus {
	background: #808080;
	color: #fff
}

.has-error {
	border-color: #7a4a4e;
	background-color: tint(#7a4a4e, 80%) !important
}

.has-error .form-control {
	border-color: #7a4a4e;
	background-color: tint(#7a4a4e, 80%)
}

.is-valid {
	border-color: #089e00
}

input.has-error {
	border-color: #7a4a4e;
	background-color: #ffbebe !important
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 solid #414042;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px
}

th {
	text-align: left;
	border-bottom: 1px solid #c8c8c8;
	padding: .75rem;
	text-transform: uppercase;
	font-weight: 500;
	white-space: nowrap;
	color: #323232;
	vertical-align: bottom
}

th i {
	margin-left: 4px;
	color: #c8c8c8
}

th i.on {
	color: #000
}

td {
	border-bottom: 1px solid #c8c8c8;
	padding: .75rem;
	line-height: 1.2
}

tr.total td {
	border: none;
	color: #323232 !important
}

table.helpdesk td {
	vertical-align: top;
	line-height: 1.2
}

table.helpdesk th {
	vertical-align: top;
	line-height: 1.2
}

table.helpdesk h4 {
	line-height: 1.2;
	margin-bottom: .6em;
	text-transform: none;
	color: #323232
}

table.helpdesk p {
	line-height: 1.2;
	margin-bottom: 0
}

table.helpdesk i.file {
	font-size: 1.4rem
}

table.table-acompte-infos {
	margin-top: 0;
	margin-bottom: 0
}

table.table-acompte-infos td {
	color: #fff;
	border: none
}

table.table-acompte-infos th {
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: none
}

table.table-declaration-infos {
	margin-top: 0;
	margin-bottom: 0
}

table.table-declaration-infos td {
	color: #fff;
	border-color: #fff
}

table.table-declaration-infos th {
	color: #fff;
	border-color: #fff
}

table.dashboard {
	margin: 0
}

table.dashboard th {
	color: #fff;
	border-color: #000;
	font-weight: 300;
	padding: .5rem
}

table.dashboard td {
	color: #000;
	border: none;
	padding: .5rem
}

table.dashboard td.title {
	font-size: .8rem
}

table.dashboard tr:last-of-type {
	border-bottom: 1px solid #000
}

table.dashboard tr.total {
	border-bottom: none
}

table.dashboard tr.total td {
	border-top: 1px solid #000;
	color: #fff
}

table.dashboard tr.infos td {
	color: #fff
}

@media(max-width:543px) {
	table.cp-liste th, table.cp-liste td {
		padding: .4rem;
		font-size: .9rem
	}
}

table.cp-liste th.icon {
	text-align: center
}

table.cp-liste td.role, table.cp-liste td.icon {
	text-align: left;
	font-size: 1rem
}

table.cp-liste td.role .ok, table.cp-liste td.icon .ok, table.cp-liste td.statut .ok {
	color: #5cb85c
}

table.cp-liste td.role .ko, table.cp-liste td.icon .ko, table.cp-liste td.statut .ko {
	color: #d9534f
}

table.cp-liste td.role .see, table.cp-liste td.icon .see, table.cp-liste td.statut .see {
	color: #008ac9
}

table.cp-liste td.remove {
	color: #c8c8c8;
	font-size: 1.2rem
}

table.cp-liste tr.total td {
	border-bottom: none
}

table.cp-liste div.label {
	color: #323232
}

table.cp-liste div.label-reference {
	font-size: .9rem;
	margin-top: .5rem;
	min-width: 160px
}

@media(max-width:1024px) {
	table.cp-liste div.label-reference {
		min-width: 130px
	}
}

table.cp-liste td.remarque-print {
	font-size: .9rem
}

table.detail {
	margin: 0;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8
}

table.detail td {
	color: #737980;
	border: none;
	padding: .5rem
}

table.roles {
	border-top: 0
}

table.roles td {
	border-bottom: 1px solid #c8c8c8;
	padding: 2rem .8rem
}

table.roles-form {
	border-top: 0
}

table.roles-form thead {
	border-bottom: 1px solid #c8c8c8
}

table.roles-form td {
	text-align: center;
	border: none;
	padding: 0 .75rem;
	line-height: 1em
}

table.roles-form tbody tr:first-of-type td {
	padding-top: .75rem
}

table.roles-form tbody tr td:first-of-type {
	text-align: left
}

table.controle-donnees {
	border-top: 0
}

table.controle-donnees tbody {
	border-bottom: 1px solid #414042;
	border-top: 1px solid #414042
}

table.controle-donnees th {
	border: none
}

table.controle-donnees td {
	border: none
}

table.controle-donnees tbody tr:first-of-type td {
	padding-top: .75rem
}

table.affilie-editable td.type {
	text-align: center
}

table.affilie-editable td.type .fa {
	color: #5cb85c
}

table.recapitulatif tr:first-of-type {
	border-top: 1px solid #c8c8c8
}

table.recapitulatif tr td:last-of-type {
	text-align: right
}

table.cp-facture td {
	border-bottom: none
}

table.cp-facture td.error {
	white-space: nowrap
}

table.cp-facture tr.total td {
	font-weight: 500;
	border-top: 1px solid #c8c8c8
}

table.detail-blanc {
	border-color: #fff
}

table.detail-blanc td {
	color: #fff
}

table+h5 {
	margin-top: 2.5rem
}

.bloc-fip-produit {
	padding: 2rem
}

@media(max-width:1024px) {
	.bloc-fip-produit {
		padding: 1rem;
		margin-right: -15px;
		margin-left: -15px;
		font-size: .8rem
	}
}

@media(max-width:1024px) {
	.bloc-fip-produit {
		display: none
	}
}

.bloc-fip-produit-mobile {
	padding: 1rem;
	margin-bottom: 20px
}

@media(min-width:1200px) {
	.bloc-fip-produit-mobile {
		display: none
	}
}

.fip-produit {
	margin: 0
}

.fip-produit thead tr th {
	color: #fff;
	border-bottom: 0 solid #fff;
	text-transform: initial;
	font-size: 1.2rem;
	font-weight: 300
}

@media(max-width:1024px) {
	.fip-produit thead tr th {
		font-size: 1rem
	}
}

.fip-produit tbody tr th {
	color: #fff;
	text-transform: initial;
	font-weight: 300
}

@media(max-width:1024px) {
	.fip-produit tbody tr th {
		padding-left: 0
	}
}

.fip-produit tbody tr td {
	color: #000
}

.fip-produit tbody tr td i {
	color: #fff;
	font-size: 1.5rem;
	margin: 1px
}

.fip-produit tbody tr td.niveau {
	vertical-align: initial
}

@media(max-width:543px) {
	.fip-produit tbody tr td.niveau {
		text-align: left
	}
}

.fip-produit tbody tr td.action {
	border: none
}

.fip-produit tbody tr td.action a.btn {
	padding: .7rem
}

.fip-produit tbody tr td p {
	line-height: 1.3
}

@media(max-width:543px) {
	.fip-produit tbody tr td p {
		margin-bottom: .5em
	}
}

@media(max-width:543px) {
	.fip-produit tbody tr td {
		padding-right: 0
	}
}

.fip-produit tbody tr th, .fip-produit tbody tr td {
	vertical-align: top;
	border-top: 1px solid #fff;
	border-bottom: none
}

@media(max-width:1024px) {
	.fip-produit th, .fip-produit td {
		font-size: .9rem
	}
}

@media(max-width:543px) {
	.fip-produit th, .fip-produit td {
		font-size: 1rem
	}
}

.animate-fade {
	transition: opacity .3s ease-out
}

.animate-fade:hover {
	opacity: 0
}

.animate-move>.demo-shape {
	transition: all .8s ease-in-out
}

input[type=date] {
	line-height: normal
}

input, select, textarea {
	color: #737980;
	border-color: #c8c8c8
}

fieldset.light legend, fieldset.light label {
	color: inherit
}

fieldset.light .c-radio .c-indicator {
	border-color: #fff
}

.c-select, .daterangepicker .select-line .month select {
	width: 100%;
	background-image: url("assets/images/chevrons/select-arrow-down.png");
	background-position: right 6px top 6px;
	background-size: 8px;
	border-radius: 0;
	line-height: 20px;
	font-size: 1rem;
	padding: .205rem .75rem;
	height: 37px
}

select.form-control:not([size]):not([multiple]) {
	background-position: top 11px right 10px
}

.form-inline input.form-control {
	height: 2.5rem
}

.select2 .select2-selection {
	height: 2.5rem;
	line-height: 1.8;
	font-size: 1rem;
	border-radius: 0
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	border-radius: 0
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
	border-color: #323232 transparent transparent
}

.c-indicator {
	width: 1.2rem;
	height: 1.2rem;
	background-color: #fff;
	border: #c8c8c8 0 solid
}

.c-inputf {
	color: inherit;
	display: inline-block
}

.c-input>input:checked~.c-indicator {
	background-color: #fff;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center
}

.c-checkbox .c-indicator {
	border-radius: 0
}

.c-checkbox>input:checked~.c-indicator {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=)
}

.c-radio input:checked~.c-indicator {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4=)
}

.custom-file {
	width: 100%
}

.custom-file-control {
	border-radius: 0
}

.custom-file-control::before {
	border-radius: 0;
	color: #fff;
	background-color: #737980;
	text-transform: uppercase
}

.custom-file-control:lang(fr)::after {
	content: attr(data-val)
}

.form-control {
	border-radius: 0
}

label {
	color: #000;
	padding-bottom: .4rem
}

.checkbox-group label, .checkbox label, .radio label {
	padding-left: 0;
	padding-bottom: .8rem
}

.form-inline .form-control {
	width: 100%;
	margin-bottom: 20px
}

.form-inline .form-group {
	padding-left: 2px;
	padding-right: 2px
}

.has-danger .form-control-label {
	color: #7a4a4e
}

.has-danger .form-control {
	border-color: #7a4a4e;
	background-color: tint(#7a4a4e, 80%)
}

td.periode-left {
	padding-right: 3px
}

td.periode-left input[readonly], td.periode-left input.date-picker {
	display: inline-block;
	width: calc(50% - 2px)
}

td.periode-right {
	padding-left: 3px
}

td.periode-right a {
	color: #c8c8c8
}

td.periode-right a:hover, td.periode-right a:focus {
	color: #000
}

fieldset.radio-group legend {
	text-transform: none;
	color: #000
}

fieldset.radio-group label.form-check-inline {
	color: #737980
}

label.label-as-title {
	text-align: center;
	margin: 1rem 0;
	color: #fff;
	font-size: 2rem;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif
}

.date-range-mobile>.form-group:first-child {
	padding-left: 15px;
	padding-right: 2px
}

.date-range-mobile>.form-group+.form-group {
	padding-left: 2px;
	padding-right: 15px
}

.form-horizontal-inline-btn {
	margin-top: 1.7rem
}

.form-horizontal-inline-btn .btn {
	line-height: 1.25;
	padding: .5rem .75rem
}

.f1 {
	padding: 25px;
	background: #fff;
	border-radius: 4px
}

.f1 h3 {
	margin-top: 0;
	margin-bottom: 5px;
	text-transform: uppercase
}

.f1-steps {
	overflow: hidden;
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px
}

.f1-progress {
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd
}

.f1-progress-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	background: #008ac9
}

.f1-step {
	position: relative;
	float: left;
	width: 20%;
	padding: 0 5px
}

.f1-step-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: 4px;
	background: #ddd;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	border-radius: 50%;
	margin-bottom: 10px
}

.f1-step.activated .f1-step-icon {
	background: #fff;
	border: 1px solid #008ac9;
	color: #008ac9;
	line-height: 38px
}

.f1-step.active .f1-step-icon {
	width: 40px;
	height: 40px;
	margin-top: 4px;
	background: #008ac9;
	font-size: 18px;
	line-height: 40px
}

.f1-step p {
	color: #ccc
}

.f1-step.activated p {
	color: #008ac9
}

.f1-step.active p {
	color: #008ac9
}

.f1 fieldset {
	display: none;
	text-align: left
}

.f1-buttons {
	text-align: right
}

.f1 .input-error {
	border-color: #f35b3f
}

.daterangepicker {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
	border-radius: 0;
	padding: 20px
}

.daterangepicker h3 {
	font-size: 1.5em;
	margin: 5px 0 10px 0;
	text-align: center
}

.daterangepicker .end-of-year {
	text-align: center;
	color: #737980;
	margin: 0 0 20px 0
}

.daterangepicker .end-of-year label {
	color: inherit
}

.daterangepicker .select-line {
	width: 100%;
	margin: 10px 0;
	overflow: hidden
}

.daterangepicker .select-line .prev, .daterangepicker .select-line .next {
	width: 10%;
	height: 30px;
	line-height: 30px;
	float: left
}

.daterangepicker .select-line .prev {
	text-align: left
}

.daterangepicker .select-line .next {
	text-align: right
}

.daterangepicker .select-line .month {
	width: 90%;
	float: left
}

.daterangepicker .select-line .month select {
	padding: 0 0 0 5px;
	height: 30px
}

.daterangepicker .select-line .month .monthselect {
	width: 65%;
	margin: 0
}

.daterangepicker .select-line .month .yearselect {
	width: 35%;
	margin: 0
}

.daterangepicker .calendar .daterangepicker_input input {
	border-radius: 0
}

.daterangepicker .calendar table {
	margin: 0 0 20px 0
}

.daterangepicker .calendar td, .daterangepicker .calendar th {
	height: 30px;
	width: 30px;
	font-size: .85rem;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #eee
}

.daterangepicker .calendar td.available:hover {
	background-color: #008ac9;
	color: #fff;
	border-radius: 4px
}

.daterangepicker .calendar td.in-range {
	background-color: #ebf4f8;
	border-color: #fff
}

.daterangepicker .calendar td.active, .daterangepicker .calendar td.active:hover {
	background-color: #008ac9;
	color: #fff
}

.daterangepicker .calendar td.start-date {
	border-radius: 4px 0 0 4px
}

.daterangepicker .calendar td.end-date {
	border-radius: 0 4px 4px 0
}

.daterangepicker .ranges {
	float: none !important
}

.daterangepicker .ranges .range_inputs {
	text-align: center
}

.daterangepicker .ranges .btn {
	border-radius: 0
}

.daterangepicker .ranges .btn:hover, .daterangepicker .ranges .btn:focus {
	background: #808080;
	color: #fff
}

.daterangepicker .ranges .btn.disabled {
	background: #eee;
	color: #808080
}

.daterangepicker .ranges .applyBtn {
	background-color: #008ac9;
	border: 1px solid #008ac9;
	color: #fff
}

.daterangepicker .ranges .cancelBtn {
	border: 1px solid #ccc;
	color: #000
}

.daterangepicker.single .prev, .daterangepicker.single .next {
	width: 6%
}

.daterangepicker.single .month {
	width: 88%
}

.daterangepicker.single .calendar table {
	margin: 0
}

.daterangepicker.single .calendar td.available:hover, .daterangepicker.single .calendar td.start-date {
	border-radius: 0
}

input.has-calendar {
	padding-right: 30px;
	margin-bottom: 0 !important
}

input.has-calendar+.fa-calendar {
	float: right;
	right: 10px;
	top: -28px;
	position: relative;
	z-index: 1;
	pointer-events: none;
	color: #737980;
	height: 0;
	overflow: visible
}

.word-wrap {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

legend, span.legend, p.legend {
	text-transform: uppercase;
	font-size: 1rem;
	margin-bottom: 1em
}

legend.cp {
	text-transform: initial;
	margin-bottom: .5em
}

div#page {
	position: relative
}

@media(min-width:1025px) {
	div#page {
		padding-left: var(--cp-toolbar-container--width);
	}
}

@media(max-width:1199px) {
	.container {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media(max-width:543px) {
	.container {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media(max-width:543px) {
	.m-t-1-xs {
		margin-top: 1rem
	}
	.m-t-2-xs {
		margin-top: 1.5rem
	}
	.m-t-3-xs {
		margin-top: 3rem
	}
}

.header {
	background: #fff;
	background-size: cover;
	padding: 0;
	border: 0 solid #dbdbdb;
	min-height: 65px
}

@media(max-width:543px) {
	.header {
		min-height: 62px
	}
}

.header h2 {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
}

.header-formation {
	background-size: cover;
	min-height: 690px
}

@media(max-width:1199px) {
	.header-formation {
		min-height: 320px
	}
}

@media(max-width:543px) {
	.header-formation {
		min-height: 220px
	}
}

.header-formation .container {
	margin-top: 60px
}

@media(max-width:1199px) {
	.header-formation .container {
		margin-top: 20px
	}
}

.header-white {
	text-align: center;
	background-color: #fff;
	margin-bottom: 20px
}

.header-white h1, .header-white h2 {
	color: #323232
}

.header-white h1.big, .header-white h2.big {
	margin-top: 20px
}

.header-white .breadcrumb li {
	display: inline;
	float: none
}

.header-white .breadcrumb-item+.breadcrumb-item::before {
	color: #323232
}

.header-blue {
	text-align: center;
	background-color: #008ac9
}

.header-blue h1, .header-blue h2, .header-blue p {
	color: #fff
}

.header-blue .breadcrumb li {
	display: inline;
	float: none
}

.breadcrumb>li a, .breadcrumb>li+li:before {
	color: #323232
}

.breadcrumb>li:last-child a {
	color: #323232
}

.breadcrumb>li a:hover {
	color: #323232;
	text-decoration: none
}

@media(max-width:543px) {
	.breadcrumb {
		display: none
	}
}

.logo {
	float: left;
	max-width: 8rem;
	margin: .4rem
}

@media all and (min-width:46.8em) {
	.logo {
		max-width: 9rem
	}
}

.nav-toggle {
	float: right;
	display: block;
	padding: .9rem 1rem .7rem;
	font-size: 1.3rem;
	line-height: 1;
	border-left: 1px solid #dbdbdb
}

@media all and (min-width:46.8em) {
	.nav-toggle {
		display: none
	}
}

@media all and (max-width:17em) {
	.nav-toggle {
		padding-left: .2rem;
		padding-right: .2rem
	}
}

.search-form {
	overflow: hidden;
	max-height: 0
}

@media all and (min-width:46.8em) {
	.search-form {
		float: right;
		max-height: none;
		margin: .65em .5em 0 0
	}
}

.header-like-card {
	font-size: 1.5em
}

header.header-login {
	padding-bottom: 100px
}

header.header-login .login-form {
	background: rgba(255, 255, 255, .5);
	padding: 30px 50px;
	color: #414042
}

header.header-login .login-form a {
	text-decoration: underline
}

header.header-floating-menu #primary-nav-wrapper {
	position: absolute;
	width: calc(100% - var(--cp-toolbar-container--width));
	z-index: 1000
}

@media(min-width:1025px) {
	header.header-floating-menu #primary-nav-wrapper #primary-nav {
		background: transparent
	}
}

@media(max-width:1024px) {
	header.header-floating-menu {
		padding-top: 80px
	}
}

header.header-img {
	position: relative;
	background-position: center center;
	background-size: cover;
	height: 700px
}

@media(max-width:1599px) {
	header.header-img {
		height: 620px
	}
}

@media(max-width:1199px) {
	header.header-img {
		height: 420px
	}
}

@media(max-width:1024px) {
	header.header-img {
		height: 420px;
		margin-top: 65px
	}
}

@media(max-width:543px) {
	header.header-img {
		height: 220px
	}
}

header.header-img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(255, 255, 255, .4)
}

header.header-img .img-caption {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	margin-top: -3rem
}

@media(max-width:543px) {
	header.header-img .img-caption {
		margin-top: -2rem
	}
}

header.header-img .img-breadcrumb {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center
}

header.header-img .img-breadcrumb ul.breadcrumb {
	display: inline-block
}

@media(max-width:543px) {
	header.header-img .img-breadcrumb ul.breadcrumb {
		margin-bottom: 0
	}
}

@media(max-width:543px) {
	header.header-img .img-breadcrumb {
		display: none
	}
}

#header-text {
	background-color: #008ac9;
	padding-top: 4rem;
	padding-bottom: 4rem
}

@media(max-width:543px) {
	#header-text {
		padding-top: 2rem;
		padding-bottom: 2rem
	}
}

#header-text h1 {
	color: #fff;
	font-size: 4.6666666667rem;
	line-height: 4.6rem
}

@media(max-width:543px) {
	#header-text h1 {
		font-size: 2.8rem;
		line-height: 3.0666666667rem
	}
}

#header-text .breadcrumb li {
	display: inline;
	float: none
}

#header-text .breadcrumb {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 0;
	padding: 0
}

@media(max-width:543px) {
	#header-text .breadcrumb {
		display: none
	}
}

#header-text .breadcrumb>li a, #header-text .breadcrumb>li+li:before {
	color: #fff
}

#header-text .breadcrumb>li:last-child a {
	color: #fff
}

#header-text .breadcrumb>li a:hover {
	color: #fff;
	text-decoration: none
}

.pagination {
	overflow: hidden
}

.pagination li {
	float: left;
	border-right: 1px solid #eee
}

.pagination li:last-child {
	border: 0
}

.pagination a, .pagination span {
	padding: .7em
}

.faq-categories-wrapper {
	width: 100%;
	margin: 50px 0 30px 0
}

.faq-categories-menu {
	width: auto;
	text-align: center
}

.faq-category-icon {
	display: inline-block;
	vertical-align: text-top;
	width: 11%;
	min-width: 85px;
	margin: 0;
	padding: 0;
	float: none
}

.faq-category-icon p {
	font-size: 14px;
	color: #737980;
	margin: 0 .5em
}

.faq-category-icon i {
	background-color: #737980;
	padding: 2rem
}

.faq-category-icon a.active, .faq-category-icon a:hover {
	text-decoration: none
}

.faq-category-icon a.active p, .faq-category-icon a:hover p {
	color: #000
}

.faq-category-icon a.active i, .faq-category-icon a:hover i {
	background-color: #000
}

.faq-category-icon a:focus {
	text-decoration: none
}

.faq-detail-nav {
	color: #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.faq-detail-nav .arrows span+span {
	margin-left: 20px
}

.helpdesk-detail-nav {
	color: #c8c8c8;
	margin: 30px 0
}

.nav.nav-picker {
	padding-top: 20px;
	margin-bottom: 2em;
	text-align: center;
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232
}

.nav.nav-picker .nav-item {
	display: inline
}

.nav.nav-picker a.nav-link {
	padding: 0 2% 20px 0;
	font-weight: 500;
	text-transform: uppercase;
	color: #c8c8c8
}

.nav.nav-picker a.nav-link.active, .nav.nav-picker a.nav-link:hover {
	color: #323232
}

.nav.nav-picker a.nav-link.picker-collapse {
	color: #323232
}

.nav.nav-picker a.nav-link.picker-collapse::after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: ""
}

.nav.nav-picker a.nav-link.picker-collapse.collapsed {
	color: #c8c8c8
}

.nav.nav-picker a.nav-link.picker-collapse.collapsed::after {
	content: ""
}

.nav.nav-picker.nav-alphabet {
	border-top: none
}

.nav.nav-picker.nav-alphabet a.nav-link {
	padding: 0 .5% 20px 0
}

.nav.nav-picto {
	padding: 20px 0;
	text-align: center
}

.nav.nav-picto .nav-item {
	display: inline-block
}

.nav.nav-picto .nav-item .nav-link {
	width: 150px;
	max-width: 100%;
	padding: 0;
	margin: 0 2% 2em 0;
	font-weight: 500;
	color: #323232;
	vertical-align: top
}

.nav.nav-picto .nav-item .nav-link img {
	background: #737980;
	border-radius: 50%;
	margin-bottom: 20px
}

.nav.nav-picto .nav-item .nav-link.active img, .nav.nav-picto .nav-item .nav-link:hover img {
	background: #323232
}

.nav.nav-blog {
	text-align: center;
	font-weight: 500;
	padding-top: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #c8c8c8
}

.nav.nav-blog .nav-item {
	padding: 0 1% 1rem 1%;
	margin-left: 0
}

.nav.nav-blog .nav-item .nav-link {
	text-transform: uppercase;
	color: #c8c8c8
}

.nav.nav-blog .nav-item .nav-link.active, .nav.nav-blog .nav-item.current-cat .nav-link, .nav.nav-blog .nav-item .nav-link:hover {
	color: #323232
}

.nav-blog {
	padding-top: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #c8c8c8
}

.nav-blog a {
	color: #323232;
	text-transform: uppercase
}
.nav-blog a:hover {
	color: inherit;
}

.blog-cross-nav {
	margin: 2em 0;
	padding: 1em 0;
	border-bottom: 1px solid #c8c8c8;
	border-top: 1px solid #c8c8c8
}

.blog-cross-nav a {
	color: #323232;
	text-transform: uppercase
}

#primary-nav-wrapper {
	min-height: 2.5rem
}

@media(min-width:1025px) {
	#primary-nav-wrapper {
		min-height: 120px
	}
}

@media(max-width:543px) {
	#primary-nav-wrapper {
		min-height: 65px
	}
}

#primary-nav {
	border-radius: 0;
	color: #c8c8c8;
	background-color: #fff
}

#primary-nav a {
	color: #323232;
	text-transform: uppercase;
	text-align: left
}

#primary-nav .active a, #primary-nav a:hover {
	color: #000
}

#primary-nav .dropdown-item {
	overflow: hidden;
	text-overflow: ellipsis
}

#primary-nav #primary-nav-logo {
	display: inline
}

#primary-nav .navbar-toggler {
	color: #fff;
	margin-top: .5rem
}

@media(min-width:1025px) {
	#primary-nav .navbar-nav {
		margin-top: 45px;
		text-align: center
	}
	#primary-nav .navbar-nav .nav-item {
		margin: 0 .5rem;
		float: none;
		display: inline-block
	}
	#primary-nav .navbar-nav .nav-link {
		padding: .5em
	}
	#primary-nav .dropdown-item {
		color: #323232;
		text-transform: none;
		font-size: .75rem
	}
	#primary-nav .dropdown.open {
		background-color: #fff
	}
	#primary-nav .dropdown.open a {
		color: #323232
	}
	#primary-nav .dropdown-menu {
		left: 50%;
		right: auto;
		transform: translate(-50%, 0);
		min-width: 500px;
		border-radius: 0;
		border: 0;
		margin: 0;
		border-bottom: 1px #eaebec solid;
		border-right: 1px #eaebec solid;
		border-left: 1px #eaebec solid
	}
	#primary-nav .dropdown-col {
		padding: 1em
	}
	#primary-nav .dropdown-col:first-child {
		padding-right: 0
	}
}

@media(max-width:1024px) {
	#primary-nav {
		background-color: #000;
		border-radius: 0;
		position: fixed;
		top: var(--wp-adminbar--height);
		left: 0;
		width: 100%;
		z-index: 80;
		text-align: center
	}
	#primary-nav .dropdown-menu {
		position: static;
		clear: both;
		width: 100%;
		background: none
	}
	#primary-nav+.container {
		margin-top: 5.5rem
	}
	#primary-nav .logo {
		max-height: 2.5rem;
		width: inherit;
	}
	#primary-nav .logo {
		float: none
	}
}

@media(min-width:1200px) {
	#primary-nav {
		padding-right: 10%
	}
}

#primary-nav a#displayNavSearchButton {
	display: none
}

@media(min-width:1025px) {
	#primary-nav.affix {
		position: fixed;
		width: 100%;
		z-index: 100;
		top: var(--wp-adminbar--height);
		padding: 0;
		background: #fff !important;
		transition: all .4s, width 0s, height 0s;
		transform: translate3d(0, 0, 0)
	}
}

@media(min-width:1025px) and (min-width:1025px) {
	#primary-nav.affix {
		width: calc(100% - var(--cp-toolbar-container--width))
	}
}

@media(min-width:1025px) {
	#primary-nav.affix ul.navbar-nav {
		margin-top: 0;
		text-align: left
	}
	#primary-nav.affix a#displayNavSearchButton {
		display: inline-block
	}
	#primary-nav.affix #primary-nav-logo {
		float: left;
		width: 10%;
		transition: width .8s;
		text-align: center
	}
	#primary-nav.affix #primary-nav-logo img.logo {
		float: none;
		height: 2.4rem;
		width:auto;
		margin: .2rem
	}
	#primary-nav.affix .nav-link {
		line-height: 2rem
	}
}

@media all and (min-width:1025px) and (max-width:62em) {
	#primary-nav.affix .nav-item {
		font-size: .9em;
		margin: 0
	}
}

@media(min-width:1025px) and (min-width:1200px) {
	#primary-nav.affix .nav-item {
		margin: 0 1em
	}
}

@media(min-width:1025px) and (min-width:1600px) {
	#primary-nav.affix .nav-item {
		margin: 0 2em
	}
}

@media(max-width:1024px) {
	#primary-nav-menu {
		display: none;
		position: fixed;
		width: 90%;
		max-width: 320px;
		top: var(--wp-adminbar--height);
		right: 0;
		height: 100%;
		z-index: 120;
		background: #16496a;
		animation: slideRight .6s;
		padding: 0 20px;
		color: #fff
	}
	#primary-nav-menu.opened {
		display: block
	}
	#primary-nav-menu #primary-nav-menu-close {
		font-size: 1.5em;
		padding-left: .25em;
		padding-right: .25em
	}
	#primary-nav-menu .dropdown-menu {
		float: none;
		margin: 0;
		padding-top: 0;
		padding-bottom: .5em;
		border: none
	}
	#primary-nav-menu .dropdown-item:hover {
		background: transparent
	}
	#primary-nav-menu a, #primary-nav-menu .active a, #primary-nav-menu a:hover, #primary-nav-menu .dropdown-item a {
		color: #fff
	}
	#primary-nav-usermenu {
		display: none;
		position: fixed;
		width: 90%;
		max-width: 320px;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 130;
		background: #323232;
		animation: slideLeft .6s;
		padding: 0 20px;
		color: #c8c8c8
	}
	#primary-nav-usermenu.opened {
		display: block
	}
	#primary-nav-usermenu #usermenu-header {
		color: #fff;
		font-size: 1.5em
	}
	#primary-nav-usermenu #usermenu-header .btn, #primary-nav-usermenu #usermenu-header .btn-like {
		font-size: 1em;
		padding-left: .25em;
		padding-right: .25em
	}
	#primary-nav-usermenu #usermenu-header #usermenu-username {
		font-size: .6em;
		padding: .8em 2em
	}
	#primary-nav-usermenu #usermenu-body {
		border-top: 1px solid #c8c8c8
	}
	.nav.full-size {
		float: none;
		border-top: 1px solid #c8c8c8;
		margin: 0;
		margin-bottom: 2rem
	}
	.nav.full-size .nav-item {
		float: none;
		border-bottom: 1px solid #737980;
		margin-left: .1rem;
		position: relative
	}
	.nav.full-size .nav-item .tool-icon {
		margin-top: -12px;
		margin-right: 1em;
		opacity: .8
	}
	.nav.full-size .nav-link {
		padding: 1rem 0;
		color: inherit
	}
	.nav.full-size .nav-link:hover {
		color: #fff
	}
	.nav.full-size .nav-link:hover .tool-icon {
		opacity: 1
	}
	.nav.full-size .navbar-form {
		margin: 1.5rem 0
	}
	.nav.full-size .badge:after {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		height: 1.8rem;
		width: 1.8rem;
		line-height: 2rem;
		font-size: .9rem;
		font-weight: 800
	}
}

#mask {
	position: fixed;
	z-index: 70;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	background-color: #000;
	opacity: 0;
	transition: opacity .5s, width 0s .5s, height 0s .5s
}

#mask.active {
	width: 100%;
	height: 100%;
	opacity: .7;
	transition: opacity .5s
}

#nav-top {
	background-color: #000;
	padding: 1em;
	color: #fff;
	font-size: .75rem;
	border-radius: 0
}

#nav-top a {
	color: #c8c8c8;
}

#nav-top a.white {
	color: #fff
}

@media(max-width:1024px) {
	#nav-top {
		display: none
	}
}

#nav-top .nav-link {
	padding: 0;
	text-transform: uppercase;
}

#nav-top #displaySearchButton i {
	opacity: .8;
	transition: opacity .4s ease
}

#nav-top #displaySearchButton:hover i {
	opacity: 1
}

#top-search {
	position: absolute;
	opacity: .5;
	top: 0;
	right: 0;
	width: 0;
	background: #fff;
	overflow: hidden;
	transition: all .4s ease-in-out
}

#top-search input {
	color: #323232;
	border: none;
	padding: 1em 4em 1em 2em
}

#top-search input:focus {
	border: none;
	outline: none
}

#top-search #navTopSearchClose {
	font-size: 1.4em;
	position: absolute;
	top: .5em;
	right: 1em
}

#top-search.opened {
	opacity: 1;
	width: 100%
}

@media(min-width:1025px) {
	#top-search.opened {
		width: calc(100% - var(--cp-toolbar-container--width))
	}
}

#nav-menu-search {
	position: absolute;
	opacity: .5;
	top: 0;
	right: 0;
	width: 0;
	background: #fff;
	overflow: hidden;
	transition: all .4s ease-in-out;
	border-bottom: 1px solid #323232
}

#nav-menu-search input {
	color: #323232;
	border: none;
	padding: 1em 4em 1em 2em
}

#nav-menu-search input:focus {
	border: none;
	outline: none
}

#nav-menu-search #navSearchClose {
	font-size: 1.4em;
	position: absolute;
	top: .5em;
	right: 1em
}

#nav-menu-search.opened {
	opacity: 1;
	width: 100%
}

.toggable {
	display: none
}

.footer {
	clear: both;
	overflow: hidden;
	background: #414042;
	color: #c8c8c8;
	line-height: 1.2;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 0
}

@media(max-width:543px) {
	.footer {
		padding-bottom: 1em;
		padding-top: 1em
	}
}

.footer a {
	color: inherit
}

.footer a:hover {
	color: #fff
}

.footer h2 {
	color: #fff;
	margin-top: 10px;
	margin-left: 68px;
	text-align: left
}

@media(max-width:1260px) {
	.footer h2 {
		font-size: 1.1rem
	}
}

.footer h3 {
	color: #fff
}

.footer p {
	margin-bottom: 2em
}

@media(max-width:543px) {
	.footer p {
		font-size: .75rem;
		line-height: 1rem
	}
}

.footer i {
	font-size: 1.5em
}

.footer .button-wrapper {
	max-width: 21.875rem
}

.footer .btn {
	margin-top: 1em;
	margin-left: 0;
	width: 100%
}

.footer hr {
	border-color: #737980;
	background-color: #737980
}

@media screen and (min-width:1800px) {
	.footer .container {
		max-width: 1600px
	}
}

.logo-footer {
	width: 160px
}

@media(max-width:543px) {
	.logo-footer {
		width: 140px
	}
}

.footer-nav {
	text-align: center
}

.footer-nav a {
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	padding: 1em
}

.footer-nav a:hover {
	color: inherit
}

@media all and (max-width:46.8em) {
	.footer-nav {
		display: none
	}
}

@media all and (min-width:46.8em) {
	.copyright {
		float: right
	}
}

nav#toolbar-container {
	background-color: #323232;
	bottom: 0;
	min-height: 100%;
	position: fixed;
	top: var(--wp-adminbar--height);
	width: var(--cp-toolbar-container--width);
	z-index: 4;
	left: 0;
	padding-top: 60px
}

#toolbar {
	overflow: hidden;
	color: #c8c8c8
}

#toolbar .nav.full-size {
	float: none;
	margin: 0;
	margin-bottom: 2rem
}

#toolbar .nav.full-size .nav-item {
	float: none;
	margin-left: .1rem;
	text-align: center;
	font-size: .75rem
}

#toolbar .nav.full-size .nav-item .tool-icon {
	float: none;
	margin: 0 auto
}

#toolbar .nav.full-size .nav-item.nav-tight {
	margin-left: .3rem;
	margin-right: .2rem
}

#toolbar .badge:after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) translateX(24px);
	height: 1.8rem;
	width: 1.8rem;
	line-height: 2rem;
	font-size: .9rem;
	font-weight: 800
}

#toolbar i.fa:before {
	font-size: 28px
}

#toolbar .toolbar-separate:before {
	content: "";
	display: block;
	margin: 1rem 20%;
	border-top: 1px solid #737980
}

.intro {
	font-size: 1.4rem;
	font-weight: bold
}

.intro-alt {
	font-size: 1.4rem;
	font-weight: 500;
	color: #000
}

.pullquote {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: .8rem
}

.caption {
	font-style: italic
}

.text a {
	text-decoration: underline
}

.text ul {
	list-style: disc;
	margin: 0 0 1em 1.2em
}

.text ul ul {
	margin-bottom: 0
}

.text ol {
	list-style: decimal;
	margin: 0 0 1em 1.5em
}

.text ol ol {
	margin-bottom: 0
}

.outstanding {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	text-align: center
}

p.outstanding {
	font-size: 1.6rem;
	line-height: 2rem
}

[data-icon]:before {
	font-family: 'icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.icon-twitter:before, .icon-stumbleupon:before, .icon-pinterest:before, .icon-linkedin:before, .icon-google-plus:before, .icon-search:before, .icon-play:before, .icon-menu:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-bubble:before, .icon-facebook:before, .icon-feed:before, .icon-youtube:before, .icon-tag:before, .icon-tumblr:before, .icon-instagram, .icon-podcast, .icon-apple, .icon-android, .icon-arrow:after, .icon-envelope:before {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.icon-twitter:before {
	content: "t"
}

.icon-stumbleupon:before {
	content: "u"
}

.icon-pinterest:before {
	content: "p"
}

.icon-linkedin:before {
	content: "i"
}

.icon-google-plus:before {
	content: "g"
}

.icon-search:before {
	content: "s"
}

.icon-play:before {
	content: "a"
}

.icon-menu:before {
	content: "!"
}

.icon-arrow-left:before {
	content: "#"
}

.icon-arrow-right:before {
	content: "$"
}

.icon-bubble:before {
	content: "%"
}

.icon-facebook:before {
	content: "f"
}

.icon-feed:before {
	content: "'"
}

.icon-youtube:before {
	content: "y"
}

.icon-tag:before {
	content: "("
}

.icon-tumblr:before {
	content: "m"
}

.icon-instagram:before {
	content: "\""
}

.icon-podcast:before {
	content: "&"
}

.icon-android:before {
	content: ")"
}

.icon-apple:before {
	content: "*"
}

.icon-envelope:before {
	content: "+"
}

.icon-arrow:after {
	content: "a";
	display: inline-block;
	transform: rotate(90deg)
}

.icon-play:before {
	font-size: .7rem;
	padding-left: .2em
}

.icon-play-box {
	display: block;
	margin-left: 1.4em
}

.icon-play-box:before {
	padding: .175em;
	background: #808080;
	color: #fff;
	margin-left: -1.7rem;
	margin-right: .35em
}

.icon-round {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	border-radius: 50%;
	display: inline-block
}

.btn {
	display: inline-block;
	background: transparent;
	color: #fff;
	line-height: 1;
	font-weight: 400;
	padding: .7em 1.4em;
	border: 0;
	text-align: center;
	text-transform: uppercase
}

.btn:hover, .btn:focus {
	background: #808080;
	color: #fff
}

.btn.disabled {
	background: #eee;
	color: #808080
}

@media(max-width:543px) {
	.btn {
		white-space: initial;
		line-height: 1.5
	}
}

.btn-small {
	padding: .35em
}

.btn-large {
	padding: .35em;
	text-transform: uppercase;
	background: #808080;
	font-size: 1.4rem;
	font-weight: normal
}

@media(max-width:543px) {
	.btn-xs-fluid {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
		max-width: 200px !important
	}
}

@media(max-width:1024px) {
	.btn-sm-fluid {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
		max-width: 200px !important
	}
}

.btn-multi-line {
	white-space: normal
}

.input-group input[type=search]:focus {
	outline: none
}

.input-group .btn-search {
	background-color: #fff;
	color: #414042
}

.text-btn {
	font-style: italic
}

.btn-blanc {
	border: 1px solid #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px
}

.btn-blanc-orange {
	background: #fff;
	color: #e07f15;
	border: 1px solid #fff
}

.btn-bleu {
	border: 1px solid #008ac9;
	background: #008ac9;
	margin-left: auto;
	margin-right: auto
}

.btn-bleu-inverse {
	border: none;
	color: #008ac9;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px
}

.btn-blanc-noir {
	background: #fff;
	color: #323232;
	border: 1px solid #323232
}

.btn-blanc-bleu {
	background: #fff;
	color: #008ac9;
	border: 1px solid #008ac9
}

.btn-wide {
	padding: .7em 4.2em
}

.input-group .form-control {
	border: 1px solid #c8c8c8;
	height: 2.5rem;
	line-height: normal
}

.input-group .form-control:hover, .input-group .form-control:active {
	border-right: none
}

.input-group .input-group-btn .btn {
	height: 2.5rem;
	padding: .5rem 1rem;
	border: 1px solid #c8c8c8;
	border-left: none;
	line-height: normal
}

.brick {
	background: #dcdddc;
	padding: 1.4em;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #eee
}

.block {
	overflow: hidden
}

.block p:last-child {
	margin-bottom: 0
}

.headline {
	line-height: 1.2
}

.block-hero {
	margin-bottom: .5em
}

.block-hero .b-thumb img {
	display: block
}

@media all and (min-width:50em) {
	.block-hero {
		position: relative
	}
	.block-hero .b-text {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, .5);
		color: #fff;
		padding: 1.05em
	}
}

.block-thumb {
	display: table;
	width: 100%;
	border-collapse: collapse
}

.block-thumb .b-inner {
	display: table-row;
	vertical-align: top;
	overflow: hidden
}

@media all and (min-width:29.75em) {
	.block-thumb .b-thumb {
		display: table-cell;
		vertical-align: top;
		width: 30%;
		max-width: 10em
	}
	.block-thumb .b-thumb img {
		display: block;
		width: 100%;
		height: auto
	}
}

@media all and (min-width:29.75em) {
	.block-thumb .b-text {
		display: table-cell;
		width: 70%;
		padding: 0 .7em
	}
}

.block-headline-summary a {
	display: block;
	padding: .35em
}

.block-inset {
	position: relative
}

.block-inset .b-thumb {
	position: relative;
	z-index: 0
}

.block-inset .b-thumb img {
	display: block
}

.block-inset {
	margin-bottom: .5em;
	position: relative
}

.block-inset .headline {
	font-size: 1.1em
}

.block-inset .b-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	padding: .35em
}

.block-thumb-summary .b-thumb {
	float: left;
	width: 50%
}

.block-thumb-summary .b-text {
	margin-left: 50%;
	padding: .35em
}

.bloc-bleu {
	background-color: #008ac9;
	padding: 25px;
	color: #000;
	min-height: 330px;
	margin-bottom: 30px
}

.bloc-bleu h1 {
	color: #fff
}

.bloc-bleu p {
	margin-bottom: 0;
	margin-top: 1rem
}

.bloc-bleu-ass-sociale {
	color: #fff;
	min-height: 220px
}

.bloc-bleu-ass-sociale h2 {
	color: #fff;
	margin-top: 0
}

.bloc-bleu-ass-sociale p {
	margin-bottom: 0;
	margin-top: 1rem
}

@media(max-width:1199px) {
	.bloc-bleu-ass-sociale {
		padding: 16px;
		min-height: 220px;
		margin-bottom: 0
	}
}

@media(max-width:1024px) {
	.bloc-bleu-ass-sociale {
		padding: 16px;
		min-height: 270px;
		margin-bottom: 0
	}
}

@media(max-width:543px) {
	.bloc-bleu-ass-sociale {
		min-height: 170px;
		padding: 20px;
		margin-top: 20px
	}
}

.bloc-bleu-notre-mission {
	color: #fff;
	min-height: 230px;
	text-align: center;
	padding: 25px
}

.bloc-bleu-notre-mission h2 {
	color: #fff;
	margin-top: 0
}

.bloc-bleu-notre-mission p {
	margin-bottom: 0;
	margin-top: 1rem
}

@media(max-width:1599px) {
	.bloc-bleu-notre-mission {
		min-height: 260px
	}
}

@media(max-width:1199px) {
	.bloc-bleu-notre-mission {
		padding: 16px;
		min-height: 240px
	}
}

@media(max-width:1024px) {
	.bloc-bleu-notre-mission {
		padding: 25px;
		margin-top: 30px
	}
}

@media(max-width:543px) {
	.bloc-bleu-notre-mission {
		min-height: 170px;
		padding: 20px
	}
}

.bloc-bleu-offre-emploi {
	background-color: #48aada;
	text-align: center;
	color: #fff;
	min-height: 270px
}

.bloc-bleu-offre-emploi h2, .bloc-bleu-offre-emploi h3 {
	color: #fff;
	margin-top: 0
}

.bloc-bleu-offre-emploi p {
	margin-bottom: 0;
	margin-top: 1rem;
	font-weight: 300
}

@media(max-width:1199px) {
	.bloc-bleu-offre-emploi {
		padding: 16px;
		min-height: 210px;
		margin-bottom: 30px
	}
}

@media(max-width:543px) {
	.bloc-bleu-offre-emploi {
		min-height: 170px;
		padding: 20px;
		margin-top: 20px
	}
}

.bloc-bleu-1 {
	background-color: #008ac9
}

.bloc-bleu-2 {
	background-color: #2b99cc
}

.bloc-bleu-3 {
	background-color: #48aada
}

.bloc-bleu-4 {
	background-color: #82c4e6
}

.bloc-gris-1 {
	background-color: #eaebec;
	color: #737980
}

.bloc-gris-1 h4, .bloc-gris-1 label {
	color: #414042
}

.bloc-orange {
	padding: 20px 40px;
	color: #fff;
	background-color: #e07f15
}

.bloc-orange h1, .bloc-orange h2, .bloc-orange label {
	color: #fff
}

.bloc-orange-3 {
	padding: 15px;
	color: #323232;
	background-color: #eba95c
}

.bloc-orange-3 h1, .bloc-orange-3 h2, .bloc-orange-3 h3, .bloc-orange-3 label {
	color: #fff
}

.bloc-infos-acompte {
	padding: 2rem;
	margin-top: 2rem;
	margin-bottom: 2rem
}

.bloc-infos-acompte h1 {
	color: #fff
}

.bloc-infos-acompte p {
	color: #fff
}

.bloc-review {
	text-align: center;
	font-size: 1.125rem;
	color: #323232;
	margin: 30px 0
}

.bloc-review button {
	display: inline-block
}

.support-form {
	padding: 40px
}

.support-form h2 {
	text-align: center;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	margin-bottom: 1.5em
}

.support-form .subtitle {
	color: #323232
}

.support-form .action {
	margin-top: 40px;
	text-align: center
}

.helpdesk-detail {
	margin-bottom: 20px
}

.helpdesk-detail h2 {
	color: #323232;
	font-size: 1.6rem
}

.helpdesk-detail .helpdesk-messsage {
	border-bottom: 1px solid #737980;
	padding: 20px 0
}

.helpdesk-detail .helpdesk-messsage:first-of-type {
	border-top: 1px solid #737980
}

.helpdesk-detail .helpdesk-messsage .meta {
	color: #323232;
	font-size: .8rem
}

.helpdesk-message-cp .helpdesk-messsage {
	padding: 20px 0;
	color: #fff
}

.helpdesk-message-cp .helpdesk-messsage .meta {
	color: #fff;
	font-size: .8rem
}

.helpdesk-message-cp .helpdesk-messsage a:hover {
	color: #fff
}

.socials .fa {
	color: #131313;
	font-size: 3rem;
	margin: 0 .5rem
}

.socials a:hover i.fa-twitter-square {
	color: #00a8f0
}

.socials a:hover .fa-linkedin-square {
	color: #006eb3
}

.socials a:hover .fa-facebook-square {
	color: #365396
}

.socials a:hover .fa-youtube-square {
	color: #f33
}

.socials a:hover .fa-instagram {
	color: #833ab4
}

.bloc-people-socials a:hover i.fa-twitter {
	color: #00a8f0
}

.bloc-people-socials a:hover .fa-linkedin {
	color: #006eb3
}

.bloc-people-socials a:hover .fa-facebook {
	color: #365396
}

.bloc-people-socials a:hover .fa-youtube {
	color: #f33
}

.bloc-people-socials a:hover .fa-instagram {
	color: #833ab4
}

.bloc-people-socials a:hover .fa-envelope {
	color: #008ac9
}

.chiffres {
	text-align: center;
	color: #131313
}

.chiffres .nb {
	font-weight: 700;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2.8rem;
	line-height: 3.0666666667rem
}

@media(max-width:1024px) {
	.chiffres .nb {
		font-size: 2.1333333333rem;
		line-height: 2.4rem;
		margin-top: -20px
	}
}

@media(max-width:543px) {
	.chiffres .nb {
		font-size: 2.1333333333rem;
		line-height: 2.4rem;
		margin-top: -14px
	}
}

@media(max-width:543px) {
	.chiffres img {
		width: 75%;
		margin-top: 10px
	}
}

.publication-fiche {
	padding-bottom: 4rem
}

.publication-fiche p.prix {
	color: #323232
}

.publication-fiche h2 {
	margin-top: .5rem;
	margin-bottom: .6rem
}

.publication-fiche h4 {
	margin-bottom: 0
}

.publication-fiche .pub-couv-mobile {
	float: left;
	width: 100px;
	margin-right: 15px;
	margin-bottom: 0
}

.bloc-people {
	text-align: center;
	margin-bottom: 30px
}

.bloc-people h3 {
	margin-bottom: 0
}

.bloc-people .bloc-people-socials a {
	margin-left: 3px;
	margin-right: 3px
}

@media(min-width:1200px) {
	.bloc-people {
		padding: 1rem 3rem
	}
}

.bloc-cover {
	position: relative;
	width: 100%;
	background-position: center center;
	background-size: cover;
	color: #323232
}

.bloc-cover h1 {
	text-align: left
}

.bloc-cover .content {
	padding: 8rem 3rem;
	z-index: 500
}

@media(min-width:1600px) {
	.bloc-cover .content {
		min-height: 600px
	}
}

@media(max-width:543px) {
	.bloc-cover .content {
		padding: 2rem
	}
}

.bloc-cover:after {
	position: absolute;
	display: block;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: ' '
}

.bloc-cover.content-right:after {
	background: linear-gradient(to right, transparent 0%, #fff 100%)
}

@media(max-width:543px) {
	.bloc-cover.content-right:after {
		background: rgba(255, 255, 255, .5)
	}
}

.bloc-cover.content-left:after {
	background: linear-gradient(to left, transparent 0%, #fff 100%)
}

@media(max-width:543px) {
	.bloc-cover.content-left:after {
		background: rgba(255, 255, 255, .5)
	}
}

.bloc-article {
	margin-top: 4rem
}

.bloc-article h2 {
	margin-top: .5rem;
	margin-bottom: .6rem;
	line-height: 1.1
}

.bloc-article h4 {
	margin-bottom: 0;
	font-weight: 300
}

@media(max-width:543px) {
	.bloc-article img {
		margin-bottom: 10px
	}
}

.bloc-bleu-fip-offre {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px
}

.bloc-bleu-fip-offre h2, .bloc-bleu-fip-offre h3, .bloc-bleu-fip-offre p.percentage {
	color: #fff
}

.bloc-bleu-fip-offre h2 {
	font-size: 2.8rem;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	line-height: 3.1rem;
	margin: 0
}

.bloc-bleu-fip-offre h3 {
	text-transform: none;
	font-size: 1.3rem;
	margin-top: 0;
	margin-bottom: .5rem
}

.bloc-bleu-fip-offre p.percentage {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	margin: 0;
	font-size: 1.4rem
}

.bloc-bleu-fip-offre p {
	margin: 0
}

.bloc-bleu-fip-offre .btn {
	margin-top: 15px
}

.bloc-bleu-fip-offre>.row {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff
}

.bloc-bleu-fip-offre>.row:last-of-type {
	border-bottom: none
}

.bloc-bleu-fip-offre>.row .row {
	padding-top: 5px;
	padding-bottom: 5px
}

.bloc-big-picto h2 {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2.8rem;
	line-height: 3.0666666667rem;
	margin-bottom: .75rem
}

.bloc-big-picto p {
	color: #000;
	font-weight: 500
}

.bloc-politique-enjeu {
	min-height: 240px;
	margin-bottom: 2em;
	position: relative
}

@media(max-width:543px) {
	.bloc-politique-enjeu {
		min-height: 200px
	}
}

.bloc-politique-enjeu h2, .bloc-politique-enjeu h3 {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2rem;
	line-height: 1.2
}

.bloc-politique-enjeu h3 {
	text-transform: none;
}

@media(max-width:543px) {
	.bloc-politique-enjeu h2, .bloc-politique-enjeu h3 {
		font-size: 1.5rem
	}
}

.bloc-politique-enjeu .action {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px
}

.bloc-prise-position {
	width: 100%;
	min-height: 320px;
	background-color: #008ac9;
	padding: 15px;
	text-align: center;
	margin-bottom: 2em
}

.bloc-prise-position .mini-logo {
	display: block;
	width: 100px
}

.bloc-prise-position .name {
	margin: 30px 0 40px 0;
	color: #fff;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: left
}

.bloc-prise-position .avis {
	display: inline-block;
	background-color: #fff;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	padding: 20px;
	transform: rotate(-7deg);
	margin-bottom: 30px
}

.bloc-prise-position .avis.avis-positif {
	color: #008000
}

.bloc-prise-position .avis.avis-negatif {
	color: #8b0000
}

.bloc-evenement {
	clear: both;
	color: rgba(0, 0, 0, .3)
}

.bloc-evenement a {
	text-decoration: none !important
}

.bloc-evenement .evenement-date {
	float: left;
	width: 100px;
	text-align: center;
	padding: 10px 30px 20px 0
}

.bloc-evenement .evenement-date .day {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 3rem
}

.bloc-evenement .evenement-date .month {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 1.6rem
}

.bloc-evenement .evenement-info {
	overflow: hidden
}

.bloc-evenement .evenement-info h2 {
	color: inherit;
	margin-bottom: .5rem
}

.active .bloc-evenement, .bloc-evenement:hover {
	color: #737980
}

.active .bloc-evenement h2, .bloc-evenement:hover h2 {
	color: #323232
}

div.event-inscription {
	background-color: #fff;
	padding: 20px 5px
}

@media(max-width:543px) {
	div.event-inscription {
		margin-left: -10px;
		margin-right: -10px;
		margin-top: 20px !important
	}
}

div.event-inscription p {
	color: #000
}

div.event-inscription h2 {
	margin-top: 1rem;
	margin-bottom: .5rem
}

div.event-inscription h2.date {
	margin-top: 0;
	text-align: left;
	margin-bottom: 0;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 3rem;
	line-height: 1.1
}

@media(max-width:543px) {
	div.event-inscription h2.date {
		margin-top: 1rem
	}
}

div.event-inscription .month {
	font-size: 1rem;
	text-align: left
}

div.event-inscription .lieu {
	text-align: left;
	margin-bottom: 1rem
}

div.event-inscription div.where {
	margin: 1.5rem 0
}

div.event-inscription div.carte {
	padding-left: 0
}

div.event-inscription .btn {
	margin-right: 1rem
}

@media(max-width:1024px) {
	div.event-inscription .btn {
		margin-bottom: .5rem
	}
}

.bloc-reglements-formulaires {
	margin-top: 3rem
}

.bloc-avantage {
	background-color: #48aada;
	text-align: center;
	color: #fff;
	padding: 25px;
	margin-bottom: 30px
}

@media(min-width:1025px) {
	.bloc-avantage {
		min-height: 333px
	}
}

.bloc-avantage h2, .bloc-avantage h3 {
	color: #fff;
	margin-top: 0;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2.6rem;
	line-height: 1.3;
	text-transform: none;
}

@media(max-width:1024px) {
	.bloc-avantage h2, .bloc-avantage h3 {
		font-size: 2rem
	}
}

.bloc-avantage p {
	margin-bottom: 0;
	font-weight: 300;
	text-align: left
}

div.card-action {
	padding: 1.25rem;
	border-top: 1px solid #fff
}

div.card-action p {
	margin-left: 25px;
	margin-top: 0;
	font-size: 1rem;
	color: #fff;
	margin-bottom: 0;
	font-weight: 400
}

div.card-action i {
	float: left;
	margin-top: 3px;
	color: #fff
}

div.card-action a:hover, div.card-action a:focus {
	color: #fff
}

.card-header {
	text-align: center
}

.card-header-img-top {
	margin: 10px auto;
	width: 100px
}

.card-subtitle {
	margin: 10px 0
}

.card-full {
	padding-left: 0;
	padding-right: 0
}

.card-centered {
	text-align: center
}

.card-gris {
	background-color: #eaebec;
	font-size: 1rem
}

.card-gris .card-header {
	background-color: #eaebec
}

.card-bleu {
	background-color: #82c4e6
}

.card-bleu .card-header {
	background-color: #82c4e6
}

.card-bleu h3 {
	color: #fff
}

.card-columns.cp-dashboard, .card-columns.cp-marketing {
	column-gap: 30px;
	column-count: 3
}

@media(max-width:1024px) {
	.card-columns.cp-dashboard, .card-columns.cp-marketing {
		column-count: 2
	}
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.card-columns.cp-dashboard.cp-dashboard-affilie, .card-columns.cp-marketing.cp-dashboard-affilie {
		height: 1800px
	}
}

.card-columns.cp-dashboard>.card, .card-columns.cp-marketing>.card {
	break-inside: avoid;
	display: inline-block;
	margin-bottom: 0;
	border-bottom: 30px solid #fff
}

@media(min-width:1025px) {
	.break-after-md-up {
		break-after: column
	}
}

.card-publication ul {
	margin-left: 25px
}

.card-publication .abonnement {
	margin-bottom: 2px
}

.card-publication h3.card-title {
	margin-top: 0
}

.widget-dashboard {
	margin-bottom: 30px
}

.widget-dashboard h4 {
	color: #fff;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2.6rem;
	text-align: center;
	text-transform: none
}

.widget-dashboard p.card-text {
	color: #323232;
	text-align: center
}

.widget-dashboard label {
	color: #fff
}

.widget-detail h4 {
	color: #fff;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2.3rem;
	text-align: center;
	text-transform: none
}

.cp-marketing .card h4 {
	color: #fff;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 2rem;
	text-transform: none
}

.widget-bleu-1 {
	color: #fff;
	background-color: #2b99cc
}

.widget-bleu-1 h4 {
	color: #fff
}

.widget-bleu-2 {
	color: #fff;
	background-color: #82c4e6
}

.widget-bleu-2 h4 {
	color: #fff
}

.widget-bleu-3 {
	color: #fff;
	background-color: #48aada
}

.widget-bleu-3 h4 {
	color: #fff
}

.widget-orange-1 {
	color: #fff;
	background-color: #eba95c
}

.widget-orange-1 h4 {
	color: #fff
}

.widget-orange-2 {
	color: #fff;
	background-color: #e8973c
}

.widget-orange-2 h4 {
	color: #fff
}

.widget-orange-3 {
	color: #fff;
	background-color: #e07f15
}

.widget-orange-3 h4 {
	color: #fff
}

.widget-gris-1 {
	background-color: #eaebec;
	color: #737980
}

.widget-gris-1 h4 {
	color: #414042
}

.widget-gris-1 label {
	color: #414042
}

.widget-gris-1 .card-action {
	border-top-color: #c8c8c8
}

.widget-gris-1 .card-action a, .widget-gris-1 .card-action i {
	color: #737980
}

.widget-gris-1 .card-action .btn {
	border: 1px solid #414042;
	color: #414042;
	width: 100%;
	margin-top: 1rem
}

.widget-gris-1 .card-action a:hover, .widget-gris-1 .card-action a:focus {
	color: #737980
}

.widget-blanc {
	background-color: #fff
}

.widget-blanc h5 {
	color: #414042
}

.widget-blanc h4 {
	color: #323232;
	font-family: "Poppins", "Helvetica", "Arial", sans-serif;
	font-size: 1.5rem;
	text-align: left
}

.widget-blanc .card-action {
	border: none;
	padding-top: 0
}

.top-text {
	text-align: center;
	color: #323232;
	font-size: 1.4rem
}

.card-evenement {
	border: 1px solid #414042;
	min-height: 455px;
	margin-bottom: 20px
}

.card-evenement .card-evenement-inner {
	padding: 1rem
}

.card-evenement h2.date {
	margin-top: 1rem;
	text-align: center;
	margin-bottom: 1rem;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 3rem;
	line-height: 1.1
}

.card-evenement .month {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 1.4rem;
	text-align: center
}

.card-evenement-blanc {
	background-color: #fff
}

.card-evenement-blanc h2, .card-evenement-blanc h3 {
	color: inherit !important;
}

.card-evenement-blanc p {
	color: #737980 !important
}

.card-offre {
	margin-bottom: 30px
}

.card-offre .offre-title {
	min-height: 194px;
	padding: 20px
}

.card-offre .offre-title h2, .card-offre .offre-title h3 {
	color: #fff;
	margin-top: 0;
	margin-bottom: .8rem;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 1.1
}

.card-offre .offre-title h3 {
	text-transform: none;
}

.card-offre .offre-title .price {
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 1.4rem;
	text-align: center;
	color: #323232;
	margin-bottom: 1rem
}

.card-offre .offre-title .btn {
	max-width: 100%
}

.card-offre .offre-title.o1 {
	background: #e07f15
}

.card-offre .offre-title.o2 {
	background: #e8973c
}

.card-offre .offre-title.o3 {
	background: #eba95c
}

.card-offre .list-group-item {
	padding: 20px 20px 20px 50px;
	border-color: #c8c8c8
}

.card-offre .list-group-item i.fa {
	margin-left: -30px;
	margin-right: 16px
}

.cards-votation {
	margin-top: 2rem
}

.card-votation {
	padding: 1.25rem;
	margin-bottom: 2em
}

.card-votation p {
	margin-top: 0
}

.card-votation .btn {
	max-width: 80%;
	margin: 0 auto 1em auto
}

.card-votation .card-votation-action {
	text-align: center
}

.card-actu {
	background-color: #eee;
	margin-bottom: 20px
}

.card-actu .card-actu-inner {
	padding: 1rem
}

.card-actu h2 {
	margin-top: .5rem;
	margin-bottom: .6rem
}

.card-actu h4 {
	margin-bottom: 0;
	text-transform: none;
	line-height: 1.4;
	font-weight: 300
}

.card-service {
	background-color: #eee;
	margin-bottom: 20px
}

.card-service .card-service-inner {
	padding: 1rem;
	text-align: center
}

.card-service h2 {
	margin-top: .5rem;
	margin-bottom: .6rem
}

.card-service h4 {
	margin-bottom: 0;
	text-transform: none;
	line-height: 1.4;
	font-weight: 300
}

.card-article {
	background-color: #eee;
	margin-bottom: 20px
}

.card-article .card-article-inner {
	padding: 1rem
}

.card-article h2 {
	margin-top: .5rem;
	margin-bottom: .6rem
}

.card-article h4 {
	margin-bottom: 0;
	text-transform: none;
	font-weight: 300
}

.card-article img {
	width: 100%
}

.card-comment {
	background-color: #eee;
	padding: 1rem;
	margin-bottom: 20px
}

.card-comment .author {
	font-weight: 500;
	font-size: .9375rem
}

@media(max-width:543px) {
	.card-social-intro {
		text-align: center
	}
}

.card-social-intro i {
	font-size: 4rem;
	margin-right: .4rem
}

.card-social-intro i.fa-twitter-square {
	color: #00a8f0
}

.card-social-intro i.fa-linkedin-square {
	color: #006eb3
}

.card-social-intro i.fa-facebook-square {
	color: #365396
}

.card-social-intro i.fa-youtube-square {
	color: #f33
}

.card-social {
	padding: 1rem;
	background-color: #eaebec
}

.card-social span.date {
	color: #737980;
	font-size: .8rem
}

.card-social i {
	font-size: 2rem;
	margin-right: 1rem
}

.card-social i.fa-twitter {
	color: #00a8f0
}

.card-social i.fa-linkedin {
	color: #006eb3
}

.card-social i.fa-facebook {
	color: #365396
}

.card-social i.fa-youtube {
	color: #f33
}

.card-social p {
	margin-top: 1rem
}

#grid[data-columns]::before {
	content: '4 .column.size-1of4'
}

@media screen and (min-width:50em) and (max-width:9999px) {
	#grid[data-columns]::before {
		content: '4 .column.size-1of4'
	}
}

@media screen and (min-width:46.8em) and (max-width:50em) {
	#grid[data-columns]::before {
		content: '2 .column.size-1of2'
	}
}

@media screen and (min-width:0) and (max-width:46.8em) {
	#grid[data-columns]::before {
		content: '1 .column.size-1of1'
	}
}

#grid {
	margin-top: 2rem;
	margin-left: -15px;
	margin-right: -15px
}

@media(max-width:543px) {
	#grid {
		margin-top: 1rem
	}
}

.column {
	float: left;
	padding: 0 .7em
}

.column>div {
	margin-bottom: 1.4em
}

.column.size-1of1 {
	width: 100%
}

.column.size-1of2 {
	width: 50%
}

.column.size-1of3 {
	width: 33.333%
}

.column.size-1of4 {
	width: 25%
}

.search-field {
	padding-right: 3em
}

.inline-form .search-submit {
	background: none;
	padding: .78em 1em;
	border: 0;
	border-left: 1px solid #808080;
	color: #808080
}

section.section-search label {
	color: #fff
}

section.section-search .form-group {
	margin-bottom: 0
}

section.section-search .dropdown-toggle {
	background-color: #fff;
	color: #414042;
	text-transform: none;
	width: 100%;
	background-image: url("assets/images/chevrons/select-arrow-down.png");
	background-position: right 10px top 3px;
	background-repeat: no-repeat;
	text-align: left
}

section.section-search .dropdown-toggle::after {
	content: none
}

section.section-search .btn-group {
	width: 100%
}

section.section-search .form-inline>.row {
	margin-left: 0;
	margin-right: 0
}

div.form-help p {
	margin-left: 25px;
	margin-top: 10px;
	font-size: .9rem;
	color: #737980
}

div.form-help i {
	float: left;
	margin-top: 5px;
	color: #737980
}

input.form-amount {
	text-align: right;
	min-width: 120px
}

input.form-nb {
	text-align: center;
	width: 60px
}

select.form-af {
	min-width: 130px
}

.form-af-date-picker input {
	min-width: 130px
}

td.no-border-bottom {
	border-bottom: none;
	padding-bottom: 0
}

.text-xs-center .g-recaptcha div {
	margin: 0 auto
}

.date-form {
	color: #323232;
	font-size: 1.4rem
}

span.label, p.label {
	color: #323232
}

textarea.remarque {
	width: 350px
}

@media(min-width:1200px) {
	.form-separator-left {
		padding-right: 40px
	}
}

@media(min-width:1200px) {
	.form-separator-right {
		padding-left: 40px
	}
}

.section-orange input.form-control {
	border: none
}

.section-orange textarea {
	border: none
}

.section-orange select {
	border: none
}

.fip-civilite .form-check-inline {
	float: left
}

.fip-civilite legend {
	font-weight: normal;
	font-size: 1rem !important;
	margin-bottom: .4rem !important
}

.inline-list li {
	display: inline-block
}

.social-list li {
	margin: 0 .4rem 1em 0
}

.social-list a {
	font-size: 1.6em
}

.headline-list {
	margin-bottom: 1em
}

.headline-list.flush {
	margin: 0
}

.headline-list h4 {
	font-weight: normal
}

.headline-list li {
	padding: .175em 0;
	border-top: 1px solid #ddd
}

.post-list li {
	margin-bottom: 1em
}

.bullet-list {
	list-style: square;
	margin: 0 0 0 1.2em;
	line-height: 1.3
}

.text-list {
	margin: 0 0 1em;
	line-height: 1.3
}

.text-list li {
	margin-bottom: 1em
}

.disc-list {
	list-style-type: disc;
	margin: 0 0 1em 1.2em;
	line-height: 1.3
}

.help-list {
	list-style: none;
	text-indent: -22px;
	margin-left: 0;
	padding-left: 25px
}

.help-list li::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "";
	margin-right: 10px;
	display: inline-block
}

.faq-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.faq-list li {
	padding: 15px 10px;
	border-bottom: 1px solid #c8c8c8
}

.faq-list li::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "";
	margin-right: 20px;
	display: inline-block
}

.faq-list li.title {
	text-transform: uppercase;
	color: #414042;
	margin-right: 30px
}

.faq-list li.title::before {
	visibility: hidden
}

.search-result {
	margin: 20px 0
}

.search-result h4 {
	text-transform: none;
	margin-bottom: 0
}

.search-result h3 {
	margin: .5rem 0
}

.search-result .search-icon {
	float: left;
	width: 50px
}

.search-result .search-text {
	float: left;
	width: calc(100% - 50px);
	padding-top: 3px
}

.file-list .list-group-item {
	border-left: none;
	border-right: none;
	padding-left: 2rem;
	text-indent: -.7rem
}

.file-list .list-group-item .fa {
	margin-right: .5rem
}

.tooltip-container {
	display: inline-block;
	position: relative
}

.tooltip-container:hover .tooltip {
	display: block
}

.tooltip-link {
	background: #f9f9f9
}

.tooltip {
	display: none;
	position: absolute;
	top: 1.5em;
	left: 0;
	width: 18em;
	padding: .7em;
	background: #fff;
	border: 1px solid #808080;
	box-shadow: .3em .3em 1em 0 rgba(0, 0, 0, .2)
}

.tooltip h2 {
	margin-top: 0
}

@media all and (min-width:24em) {
	.tooltip {
		width: 22em
	}
}

@media all and (min-width:29.75em) {
	.tooltip {
		width: 27em
	}
}

@media all and (min-width:39.8em) {
	.tooltip {
		width: 30em
	}
}

.accordion {
	margin-bottom: 1em
}

.acc-handle {
	background: #131313;
	color: #fff;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-weight: bold;
	display: block;
	position: relative;
	padding: .35em;
	border-bottom: 1px solid #ddd
}

.acc-handle:after {
	content: "+";
	float: right
}

.acc-handle:hover {
	color: #fff;
	background: #333
}

.acc-handle.active {
	background: #333
}

.acc-handle.active:after {
	content: "-"
}

.toggle-container {
	text-align: center;
	margin-top: 1em
}

.toggle-container a {
	position: relative
}

.inscription-toggle-off, .inscription-toggle-on {
	transition: opacity .2s ease-in-out
}

.inscription-toggle-off {
	position: absolute;
	top: 0;
	right: 0
}

.tabs {
	overflow: hidden
}

.tabs ul {
	display: table;
	width: 100%
}

.tabs li {
	display: table-cell;
	text-align: center;
	border-right: 1px solid #ddd
}

.tabs li:last-child {
	border-right: 0
}

.tabs a {
	display: block;
	padding: .35em;
	background: #808080
}

.tabs a:hover, .tabs a:focus {
	background: #ddd
}

.tabs a.active {
	background: #333;
	color: #fff
}

.section {
	margin: 0;
	padding-top: 40px;
	padding-bottom: 40px
}

.section-alert {
	padding-bottom: 0;
	padding-top: 0
}

.section-title {
	margin-bottom: .5em
}

.section-orange h1, .section-orange h2 {
	color: #fff
}

.section-orange p, .section-orange label, .section-orange legend {
	color: #fff
}

.section-search {
	background-color: #008ac9
}

.section-search h1 {
	color: #fff
}

.section-faq-search {
	padding: 50px 0
}

.advantages {
	text-align: center
}

.advantages .advantage h3 {
	margin-bottom: .5rem
}

.section-orange {
	background-color: #e8973c
}

.section-orange-1 {
	background-color: #e07f15
}

.section-bleu {
	background-color: #008ac9
}

.section-bleu a:hover {
	color: #fff
}

.section-teaser {
	background-color: #48aada
}

.section-teaser a:hover {
	color: #fff
}

.section-bleu-light {
	background-color: #e3f5fb
}

.section-gris-light {
	background-color: #ededed
}

.section-gris-extra-light {
	background-color: #f5f5f5
}

.section-orange h2, .section-bleu h2, .section-teaser h2, .section-orange h3, .section-bleu h3, .section-teaser h3 {
	margin-bottom: 1rem;
	color: #fff
}

.section-orange h2:not(.has-text-align-left):not(.has-text-align-right), .section-bleu h2:not(.has-text-align-left):not(.has-text-align-right), .section-teaser h2:not(.has-text-align-left):not(.has-text-align-right), .section-orange h3:not(.has-text-align-left):not(.has-text-align-right), .section-bleu h3:not(.has-text-align-left):not(.has-text-align-right), .section-teaser h3:not(.has-text-align-left):not(.has-text-align-right) {
	text-align: center;
}

@media(max-width:543px) {
	.section-orange h2, .section-bleu h2, .section-teaser h2, .section-orange h3, .section-bleu h3, .section-teaser h3 {
		margin-bottom: .5rem
	}
}

.section-orange p, .section-bleu p, .section-teaser p {
	color: #fff
}

.section-blanc, .section-orange, .section-bleu, .section-bleu-light, .section-gris-light, .section-gris-extra-light {
	padding-top: 4rem;
	padding-bottom: 4rem
}

@media(max-width:1024px) {
	.section-blanc, .section-orange, .section-bleu, .section-bleu-light, .section-gris-light, .section-gris-extra-light {
		padding-top: 2rem;
		padding-bottom: 2rem
	}
}

.section-teaser {
	padding-top: 5rem;
	padding-bottom: 4rem
}

@media(max-width:543px) {
	.section-teaser {
		padding-top: 2rem;
		padding-bottom: 2rem
	}
}

.section-blanc-inside {
	padding-top: 0;
	padding-bottom: 4rem
}

@media(max-width:1024px) {
	.section-blanc-inside {
		padding-bottom: 1rem
	}
}

#conditions-groupe-form-demande p {
	color: #fff;
	font-weight: 300;
	margin-bottom: .3rem
}

#conditions-groupe-form-demande label {
	font-weight: 300
}

#conditions-groupe-form-demande input.form-control {
	margin-bottom: 1rem
}

#conditions-groupe-form-demande legend {
	font-size: 1.3rem;
	color: #fff
}

#conditions-groupe-form-demande .conditions-groupe-intro {
	margin-bottom: 2rem
}

#conditions-groupe-form-demande .form-separator-left {
	border-right: 1px solid #fff;
	padding-right: 80px
}

#conditions-groupe-form-demande .form-separator-right {
	padding-left: 80px
}

#fip-form-demande p {
	color: #fff;
	font-weight: 300;
	margin-bottom: .3rem
}

#fip-form-demande label {
	font-weight: 300
}

#fip-form-demande input.form-control {
	margin-bottom: 1rem
}

#fip-form-demande legend {
	font-size: 1.3rem;
	color: #fff
}

#fip-form-demande .conditions-groupe-intro {
	margin-bottom: 2rem
}

#fip-form-demande .form-separator-left {
	padding-right: 60px
}

#fip-form-demande .form-separator-right {
	padding-left: 60px
}

.article-header h1 {
	font-size: 2.5em
}

.article-content h1 {
	text-align: left
}

.byline {
	font-size: .9333333333rem;
	font-style: italic;
	margin-bottom: .5em
}

.social-share {
	overflow: hidden;
	margin-bottom: 1em
}

.social-share li {
	float: left;
	margin-right: .5em
}

.social-share a {
	background: #333;
	color: #fff;
	display: block;
	padding: .35em
}

.social-share a:hover {
	background: #808080
}

.comments li {
	margin-bottom: 1em
}

.comment-container {
	overflow: hidden;
	margin-bottom: 1em;
	list-style: none
}

.comment-meta {
	float: left;
	width: 6.5em
}

.comment-meta img {
	display: block;
	border: 1px solid #eee;
	margin-bottom: .5em
}

.comment-name {
	font-size: .8rem
}

.comment-text {
	margin-left: 9em
}

.alert {
	text-align: center;
	padding: 1.4em;
	margin-bottom: 1em;
	border: 1px solid #808080;
	background: #f9f9f9;
	border-radius: 0
}

.alert strong, .alert .fa {
	color: inherit !important
}

.alert-error {
	color: #7a4a4e;
	border-color: #7a4a4e;
	background: #ffbebe
}

.alert-error .fa {
	color: #7a4a4e
}

.alert-success {
	color: #089e00;
	border-color: #089e00;
	background: rgba(8, 158, 0, .2)
}

.alert-success .fa {
	color: #089e00
}

.alert-info {
	color: #008ac9;
	border-color: #008ac9;
	background: #82c4e6
}

.alert-info .fa {
	color: #008ac9
}

.alert-warning {
	color: #994a00 !important;
	border-color: #994a00 !important;
	background: #ffd257 !important
}

.panel-cp {
	border-top: 1px solid #323232;
	padding: 20px 0
}

.panel-cp .panel-title {
	position: relative;
	text-transform: none;
	font-size: 1.4rem;
	line-height: 1.1;
	margin: 0;
	padding-right: 40px
}

.panel-cp .panel-title a, .panel-cp .panel-title a:hover {
	color: #323232;
	text-decoration: none
}

.panel-cp .panel-title a:after, .panel-cp .panel-title a:hover:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "";
	position: absolute;
	right: 2px;
	top: 0
}

.panel-cp .panel-title a[aria-expanded=true]:after, .panel-cp .panel-title a:hover[aria-expanded=true]:after {
	content: ""
}

.panel-cp .panel-collapse {
	padding-top: 20px;
	line-height: 1.5
}

.panel-cp:last-of-type {
	border-bottom: 1px solid #323232
}

.bloc-questions-frequentes .panel {
	border-color: #fff;
	color: #fff
}

.bloc-questions-frequentes .panel .panel-title {
	color: #fff
}

.bloc-questions-frequentes .panel .panel-title a, .bloc-questions-frequentes .panel .panel-title a:hover {
	color: #fff
}

.bloc-questions-frequentes .panel:last-of-type {
	border-color: #fff
}

.carousel, .carousel-item {
	overflow: hidden
}

.carousel {
	height: 450px;
	margin: 0
}

.carousel .carousel-item, .carousel .carousel-inner {
	height: 100%
}

.carousel .carousel-inner {
	width: auto;
	margin-left: 80px;
	margin-right: 80px
}

@media(max-width:543px) {
	.carousel .carousel-inner {
		margin-left: 40px;
		margin-right: 40px
	}
}

.carousel .carousel-control span {
	display: none
}

.carousel .carousel-control.left {
	background: url("assets/images/chevrons/gris/arrow-left.png") no-repeat center center;
	width: 80px
}

.carousel .carousel-control.left:hover, .carousel .carousel-control.left:focus {
	background-image: url("assets/images/chevrons/noir/arrow-left.png")
}

.carousel .carousel-control.right {
	background: url("assets/images/chevrons/gris/arrow-right.png") no-repeat center center;
	width: 80px
}

.carousel .carousel-control.right:hover, .carousel .carousel-control.right:focus {
	background-image: url("assets/images/chevrons/noir/arrow-right.png")
}

.carousel .carousel-control.left, .carousel .carousel-control.right {
	padding: 0
}

@media(max-width:543px) {
	.carousel .carousel-control.left, .carousel .carousel-control.right {
		width: 40px
	}
}

.carousel .carousel-indicators li {
	background-color: #fff;
	border: 1px solid #737980;
	border-radius: 12px;
	margin: 1px;
	height: 12px;
	width: 12px
}

.carousel .carousel-indicators li.active, .carousel .carousel-indicators li:hover {
	background-color: #c8c8c8;
	margin: 1px
}

.accueil-carousel {
	width: 100%;
	height: auto
}

.accueil-carousel .carousel-inner {
	margin: 0
}

.accueil-carousel .carousel-item {
	width: 100%;
	background-position: center;
	background-size: cover;
	height: 700px
}

@media(max-width:1599px) {
	.accueil-carousel .carousel-item {
		height: 530px
	}
}

@media(max-width:1199px) {
	.accueil-carousel .carousel-item {
		height: 420px
	}
}

@media(max-width:1024px) {
	.accueil-carousel .carousel-item {
		height: 320px
	}
}

@media(max-width:543px) {
	.accueil-carousel .carousel-item {
		height: 220px
	}
}

.accueil-carousel .carousel-item:after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background: linear-gradient(to top, transparent 0%, #fff 100%);
	content: ' '
}

.accueil-carousel .carousel-item .carousel-caption {
	top: 33%;
	left: 80px !important;
	right: 80px !important;
	bottom: auto
}

.accueil-carousel .carousel-item .carousel-caption p {
	margin-bottom: 2rem;
	color: #414042
}

@media(max-width:1024px) {
	.accueil-carousel .carousel-item .carousel-caption {
		top: 20%
	}
}

@media(max-width:543px) {
	.accueil-carousel .carousel-item .carousel-caption {
		top: 0;
		left: 40px !important;
		right: 40px !important
	}
	.accueil-carousel .carousel-item .carousel-caption p {
		margin-bottom: 1rem
	}
	.accueil-carousel .carousel-item .carousel-caption .btn {
		white-space: initial;
		padding: .6em;
		line-height: 1.2;
		font-size: .9rem
	}
}

#carousel-clients-satisfaits, #carousel-temoignages, #carousel-travailler-au-cp, #carousel-service-juridique {
	height: 380px
}

@media(max-width:1199px) {
	#carousel-clients-satisfaits, #carousel-temoignages, #carousel-travailler-au-cp, #carousel-service-juridique {
		height: 300px
	}
}

@media(max-width:543px) {
	#carousel-clients-satisfaits, #carousel-temoignages, #carousel-travailler-au-cp, #carousel-service-juridique {
		height: 620px
	}
}

@media(max-width:543px) {
	#carousel-clients-satisfaits .slider-image, #carousel-temoignages .slider-image, #carousel-travailler-au-cp .slider-image, #carousel-service-juridique .slider-image {
		margin-bottom: 1rem
	}
}

@media(min-width:1025px) {
	#carousel-clients-satisfaits .slider-content, #carousel-temoignages .slider-content, #carousel-travailler-au-cp .slider-content, #carousel-service-juridique .slider-content {
		padding-top: 3rem
	}
}

@media(min-width:1200px) {
	#carousel-clients-satisfaits .slider-content, #carousel-temoignages .slider-content, #carousel-travailler-au-cp .slider-content, #carousel-service-juridique .slider-content {
		padding-top: 6rem
	}
}

@media(max-width:543px) {
	#carousel-clients-satisfaits {
		height: 480px
	}
}

#carousel-experts-juridiques {
	margin-top: 3rem;
	height: auto !important;
	padding-bottom: 80px
}

#carousel-experts-juridiques .bloc-people {
	padding: 0 5%
}

@media(max-width:543px) {
	#carousel-experts-juridiques .bloc-people {
		padding: 0 15px
	}
}

#carousel-experts-juridiques .carousel-control {
	bottom: 80px
}

@media(max-width:543px) {
	#carousel-experts-juridiques .carousel-control {
		position: absolute;
		top: auto !important;
		bottom: 0;
		margin-top: 0
	}
}

#carousel-guides {
	margin-top: 3rem;
	height: auto !important;
	padding-bottom: 80px
}

#carousel-guides .bloc-guide {
	position: relative;
	min-height: 475px;
	text-align: center
}

#carousel-guides .bloc-guide img {
	margin-bottom: 20px
}

#carousel-guides .bloc-guide .guide-footer {
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px
}

#carousel-guides .carousel-control {
	bottom: 80px
}

@media(max-width:543px) {
	#carousel-guides .carousel-control {
		position: absolute;
		top: auto !important;
		bottom: 0;
		margin-top: 0
	}
}

#carousel-votations-victoires {
	margin-top: 3rem;
	height: auto !important
}

#carousel-votations-victoires .carousel-item {
	background-color: #eaebec;
	padding: 30px 15px
}

#carousel-votations-victoires .carousel-item h2 {
	margin-top: 0;
	font-family: "Soho W01 Light", Times, "Times New Roman", sans-serif;
	font-size: 4.8rem;
	line-height: 1.2
}

@media(max-width:1599px) {
	#carousel-votations-victoires .carousel-item h2 {
		font-size: 4rem
	}
}

@media(max-width:1199px) {
	#carousel-votations-victoires .carousel-item h2 {
		font-size: 3.6rem
	}
}

@media(max-width:1024px) {
	#carousel-votations-victoires .carousel-item h2 {
		font-size: 3rem
	}
}

@media(max-width:543px) {
	#carousel-votations-victoires .carousel-item h2 {
		font-size: 2rem
	}
}

@media(max-width:543px) {
	#carousel-votations-victoires {
		padding-bottom: 80px
	}
	#carousel-votations-victoires .carousel-control {
		position: absolute;
		top: auto !important;
		bottom: 0;
		margin-top: 0
	}
}

#carousel-a-la-une {
	margin-top: 3rem;
	height: auto !important;
	padding-bottom: 80px
}

#carousel-a-la-une .carousel-control {
	bottom: 80px
}

@media(max-width:543px) {
	#carousel-a-la-une .carousel-control {
		position: absolute;
		top: auto !important;
		bottom: 0;
		margin-top: 0
	}
}

#carousel-evenements {
	height: auto !important
}

#carousel-evenements .carousel-inner {
	margin: 0
}

#carousel-evenements .carousel-item {
	margin-bottom: 2em
}

#carousel-evenements .carousel-item img {
	width: 100%
}

#carousel-evenements .carousel-item .caption {
	font-style: normal;
	margin-top: 1rem;
	text-align: center
}

#carousel-evenements .carousel-indicators {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	left: 0;
	bottom: auto;
	text-align: left
}

#carousel-evenements .carousel-indicators li {
	background-color: transparent;
	width: 100%;
	height: auto;
	margin: 0;
	border: 0;
	text-indent: 0;
	border-radius: 0
}

@media(max-width:543px) {
	.mobile-controls-below .carousel-inner {
		margin-left: 0;
		margin-right: 0
	}
	.mobile-controls-below .carousel-control {
		display: block;
		position: relative;
		height: 40px;
		margin-top: -40px
	}
	.mobile-controls-below .carousel-control.left {
		float: left;
		left: 0;
		top: 0
	}
	.mobile-controls-below .carousel-control.right {
		float: right;
		right: 0;
		top: 0
	}
}

.full-carousel {
	width: 100%;
	height: auto
}

.full-carousel .carousel-inner {
	margin: 0
}

.full-carousel .carousel-item {
	width: 100%;
	background-position: center center;
	background-size: cover;
	height: 450px
}

@media(max-width:1599px) {
	.full-carousel .carousel-item {
		height: 450px
	}
}

@media(max-width:1199px) {
	.full-carousel .carousel-item {
		height: 420px
	}
}

@media(max-width:1024px) {
	.full-carousel .carousel-item {
		height: 320px
	}
}

@media(max-width:543px) {
	.full-carousel .carousel-item {
		height: 240px
	}
}

.full-carousel .carousel-item:after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, transparent 0%, #fff 100%);
	content: ' '
}

.full-carousel .carousel-item .carousel-caption {
	top: 33%;
	left: 80px !important;
	right: 80px !important;
	bottom: auto
}

.full-carousel .carousel-item .carousel-caption p {
	margin-bottom: 2rem;
	color: #414042
}

@media(max-width:1024px) {
	.full-carousel .carousel-item .carousel-caption {
		top: 20%
	}
}

@media(max-width:543px) {
	.full-carousel .carousel-item .carousel-caption {
		top: 0;
		left: 40px !important;
		right: 40px !important
	}
	.full-carousel .carousel-item .carousel-caption p {
		margin-bottom: 1rem
	}
}

.full-carousel .carousel-item .content {
	z-index: 500
}

.full-carousel .carousel-item .content h1 {
	text-align: left;
	margin-top: 5rem
}

@media(max-width:1024px) {
	.full-carousel .carousel-item .content h1 {
		margin-top: 1rem;
		margin-bottom: 1rem
	}
}

.full-carousel .carousel-item .content p {
	color: #000;
	margin-bottom: 1rem
}

.full-carousel .carousel-item .content .btn {
	margin-right: 1rem
}

@media(max-width:1024px) {
	.full-carousel .carousel-item .content .btn {
		padding: .5em
	}
}

.full-carousel .carousel-controlf {
	bottom: 80px
}

@media(max-width:543px) {
	.full-carousel .carousel-controlf {
		position: absolute;
		top: auto !important;
		bottom: 80px;
		margin-top: 0
	}
}

@media(min-width:544px) {
	.modal-dialog {
		max-width: 80%
	}
}

@media(min-width:1200px) {
	.modal-dialog {
		max-width: 60%
	}
}

.modal-header {
	border: none
}

.modal-header .close {
	color: inherit;
	opacity: 1;
	font-size: 2rem
}

.modal-body {
	padding: 10px 60px 40px 60px
}

.modal-body h1 {
	color: inherit
}

.modal-body h2 {
	color: inherit
}

.modal-body .alert-success {
	background: #dff0d8
}

.modal-body label, .modal-body legend {
	color: inherit !important;
	text-align: left
}

.modal-bleu-1 {
	background: #008ac9;
	color: #fff
}

.modal-bleu-2 {
	background: #82c4e6;
	color: #fff
}

.modal-bleu-2 legend {
	margin-bottom: 1rem;
	font-size: 1.3rem
}

@media print {
	*, *::before, *::after {
		background: transparent !important;
		color: #000 !important
	}
	html {
		font-size: 12px
	}
	a, a:visited {
		text-decoration: underline
	}
	a.btn {
		text-decoration: none
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "" !important
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	tr, img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	p, h1, h2, h3 {
		orphans: 3;
		widows: 3
	}
	h1, h2, h3 {
		page-break-after: avoid
	}
	section.section {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}
	.row.print-2-col>div[class^='col'] {
		float: left;
		width: 50% !important
	}
	.row.print-2-col div[class^='col']:nth-child(odd) {
		clear: left
	}
	.row.print-2-col .clearfix~div[class^='col']:nth-child(odd), .row.print-2-col .clearfix~.clearfix~.clearfix~div[class^='col']:nth-child(odd) {
		clear: none
	}
	.row.print-2-col .clearfix~div[class^='col']:nth-child(even), .row.print-2-col .clearfix~.clearfix~.clearfix~div[class^='col']:nth-child(even) {
		clear: left
	}
	.row.print-2-col .clearfix~.clearfix~div[class^='col']:nth-child(odd) {
		clear: left
	}
	.row.print-2-col .clearfix~.clearfix~div[class^='col']:nth-child(even) {
		clear: none
	}
	input.form-control, select.form-control, textarea.form-control, textarea {
		border: 1px solid #4d4d4d !important
	}
	ul.breadcrumb {
		display: none
	}
	.bloc-bleu {
		min-height: auto
	}
	.btn-blanc {
		border-color: #000
	}
	.modal-dialog {
		background: #fff !important
	}
	.carousel-indicators {
		visibility: hidden
	}
	.panel-collapse.collapse {
		display: block
	}
}

.messagemaintenance {
	width: 100%;
	background: #7a1f1f;
	color: #fff;
	padding: 15px;
	font-size: 80%;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	.messagemaintenance {
		margin-top: 65px;
	}
}

.cat-links a {
	text-transform: uppercase;
}

.author-bio, .author-theme {
	text-align: center;
}
.author-bio img.avatar {
	border-radius:50%;
}

.related-posts .t1 {
	text-align:center;
}

mark.search-highlight {
	padding:0;
	font-weight:700;
	background:inherit;
}

/**
 * Taken from https://getbootstrap.com/docs/4.6/dist/css/bootstrap.min.css
 */
#main_content .row.align-items-start,
#main_content .row.align-items-end,
#main_content .row.align-items-center, 
#main_content .row.align-items-baseline,
#main_content .row.align-items-stretch {
	display:-ms-flexbox;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	display: flex;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end{
	-ms-flex-align:end !important;
	align-items:flex-end !important;
}

.align-items-center{
	-ms-flex-align:center !important;
	align-items:center !important;
}

.align-items-baseline{
	-ms-flex-align:baseline !important;
	align-items:baseline !important;
}

.align-items-stretch{
	-ms-flex-align:stretch !important;
	align-items:stretch !important;
}

.section-blanc a.nav-link:hover {
	color: inherit;
	text-decoration: underline;
}

.cli-plugin-button {
	text-transform: uppercase;
	border: 1px solid #fff;
}