@font-face{ 
	font-family: 'darwinaltregular';
	src: url('WebFont.eot');
	src: url('WebFont.eot?#iefix') format('embedded-opentype'),
	     
	     url('WebFont.svg#webfont') format('svg');
}

html {
    font-family: 'Lato', sans-serif;
}
body {
    margin: 0;
	font-family: 'Lato', sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0 none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    box-sizing: content-box;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}

.supprimer{
	text-decoration: line-through;
}

.supprimer em{
	font-weight: 500;
	color: #5E5D5D;
}

.table-responsive{
	min-height: .01%;
    overflow-x: auto;
	box-sizing: border-box;
}

@media screen and (max-width: 767px){
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	
	.table-responsive>.table{
		margin-bottom: 0;
	}
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table caption{
	padding: 8px;
	color:#000000;
	font-size: 1.2em;
	font-weight:600;
	padding-bottom:3px;
	text-align: left;
}

table p,
table li {
	font-size:1em;
}

table .chiffre{
	text-align:right;
}
table ul, table ol {
	font-size:1em;
}
ul li table,
ol li table,
ul li table,
ol li table {
    font-size: 1em;
    margin-top: 5px;
}
.table>tbody>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    border-top: none;
	color:#646464;
	padding-top: 0px;
	text-align: left;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
	border-top: 0;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table th,
table td{
	text-align: left;
	padding: 8px;
}

.table img{
	max-width: 100%;
}
td,
td {
    
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.alert .table>tbody>tr>td, .alert .table>tbody>tr>th {
	border-color:#CAA42B;
}

.table-vertical .table>tbody>tr>th{
	vertical-align: top;
    border-top: 1px solid #ddd;
	border-bottom:0;
    
}

td ul,
td ul {
    margin-left: 18px!important;
    padding: 0;
}
td.case-selectionnee,
td.case-selectionnee {
    text-align: center;
    vertical-align: middle;
    background-color: #EBEAE0;
}

.table-source{
	font-size: 80%;
}
.skip-menu-link, .skip-content-link {
    background-color: #f2f2f2;
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    left: 6px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 6px;
    width: 1px;
    z-index: 100;
}
.skip-menu-link:focus, .skip-content-link:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    width: auto;
}
:focus {
    outline: medium none;
}
[data-state="keyboard"] *:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}
[data-state="keyboard"] p > a:focus {
    background-color: #f2f2f2;
    text-decoration: none;
}
html {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: inherit;
}
img {
    box-sizing: content-box;
}
body {
    background-color: #DEDEDE;
    color: #1a1a1a;
    font-family: Lato,"Arial",sans-serif;
    min-width: 1220px;
    overflow-x: hidden;
}
@media (max-width: 1220px) {
body {
    min-width: 0;
}
}
img, svg, iframe {
    max-width: 100%;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
blockquote {
    margin: 0;
    padding: 0;
}
hr {
    border-bottom: 1px solid #1a1a1a;
    border-top: 0 none;
    margin: 2em 0;
}
hr.is-hidden {
    border-bottom-color: transparent;
    display: block;
}
ul, ol {
    padding: 5px 0;
}
li > ul:first-child, li > ol:first-child {
    margin-top: 10px;
}
nav ul {
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav ul li {
    display: inline-block;
    font-size: 1rem;
    margin: 0;
    padding: 0;
}
nav a {
    text-decoration: none;
}

nav.menu-contenu{
	
    margin-right:15px;
	display:flex;
	flex-basis: 80%;
}
@media (max-width: 767px) {
nav.menu-contenu{
	display:flex;
	flex-basis: 100%;
	margin-right: 0px;
}
}
nav.menu-contenu ul{
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}
nav.menu-contenu ul li{
	/*display:block;*/
}
.single-content nav.menu-contenu a{
    color: /*#212121*/#ffffff;
    display: flex;
    margin-bottom: 1px;
    font-size: 1em;
    font-weight: 600;
    padding: 10px 10px 10px 15px;
    text-decoration: none;
    background-color: /*#DCECC9*/#252525;
}

.single-content nav.menu-contenu a::before{
	display: none;
}
.single-content nav.menu-contenu a.active, .single-content nav.menu-contenu a:hover{
	/*border-left: 5px solid #c6cf0f;
    padding: 10px;	*/
    color: #252525;
    font-weight: 600;
	background-color: /*#8CC152;*/#DBDBDB;
}
code, kbd, pre, samp {
    font-size: 1rem;
}
*::-moz-selection, *::-moz-selection {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    text-shadow: none;
}
.is-mirrored {
    display: inline-block;
    transform: scaleX(-1);
}
.inline-block {
    font-size: 0;
}
.inline-block > * {
    display: inline-block;
    font-size: 1rem;
}
.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix::after {
    clear: both;
}
.svg-fallback {
    display: none;
}
.no-svg .svg-fallback {
    display: inline;
}
.icon-wrapper {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}
.no-svg .icon-wrapper {
    display: inline;
}
.iframe-wrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.iframe-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
html:not(.ie) .iframe-wrapper iframe {
    height: 100%;
}
.map-wrapper.is-locked iframe {
    pointer-events: none;
}
/*.table {
    display: table;
    width: 100%;
}
.tr {
    display: table-row;
}
.td, .th {
    display: table-cell;
}*/
.is-hidden {
    display: none;
}
.is-centered {
    text-align: center;
}
.is-text-align-left {
    text-align: left;
}
.is-text-align-right {
    text-align: right;
}
.is-text-align-center {
    text-align: center;
}
.is-bold {
    font-weight: bold;
}
.is-italic {
    font-style: italic;
}
.is-underline {
    text-decoration: underline;
}
.is-smaller {
    font-size: 0.875rem;
    line-height: 1.4;
}
.is-uppercase {
    text-transform: uppercase;
}
.float-left-content {
    float: left;
    margin-bottom: 3px;
    margin-right: 30px;
    margin-top: 3px;
}
.float-right-content {
    float: right;
    margin-bottom: 3px;
    margin-left: 30px;
    margin-top: 3px;
}
@media print {
* {
    background: transparent none repeat scroll 0 0 !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]::after {
    content: " (" attr(href) ")";
}
abbr[title]::after {
    content: " (" attr(title) ")";
}
a[href^="javascript:"]::after, a[href^="#"]::after {
    content: "";
}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100% !important;
}
p, h2, h3 {
}
h2, h3 {
    page-break-after: avoid;
}
	
}
h1, .h1 {
    color: #363636;
    font-family: 'darwinaltregular';
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
    margin: 0rem 0rem 2rem;
    text-decoration: none;
    text-transform: none;
}
h2, .h2 {
    color: #34782F;
    font-family: 'darwinaltregular';
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.8rem;
    margin: 2.5rem 0rem 0.75rem;
    text-decoration: none;
    /*text-transform: uppercase;*/
}


h3, .h3 {
    color: #363636;
    font-family: 'darwinaltregular';
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    margin: 1.25rem 0rem 0.60rem;
    text-decoration: none;
    text-transform: none;
}
h4, .h4 {
    color: #363636;
    font-family: 'darwinaltregular';
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8rem;
    margin: 1.125rem 0rem;
    text-decoration: none;
    text-transform: none;
}
h5, .h5 {
    color: #363636;
    font-family: 'darwinaltregular';
    font-size: 1.1125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.8125rem;
    margin: 0.9375rem 0rem;
    text-decoration: none;
}
h6, .h6 {
    color: #363636;
    font-family: 'darwinaltregular';
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.6875rem;
    margin: 0.75rem 0rem;
    text-decoration: none;
    text-transform: uppercase;
}


p, .p {
    color: #000000;
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem;
    margin: 0rem 0rem 0.9375rem;
    text-decoration: none;
    text-transform: none;
}

p img, .p img{
	margin: 30px;
}

@media (max-width: 500px) {
	p img, .p img{
		margin: 10px;
		max-width: 50%;
		width: 50%;
	}
	.single-content a[href^="tel"] {
		pointer-events: inherit;
		text-decoration: underline;
	}

}
a, .a {
    color: #0c4706;
    font-family: Lato;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    margin: 0rem;
    text-decoration: underline;
    text-transform: none;
}
.single-content a[href^="tel"] {
	pointer-events: none;
	text-decoration: none;
}
ul, .ul {
    color: #000000;
    font-family: Lato;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    line-height: inherit;
    margin: 0rem 0rem 1.125rem 2.5rem;
    text-decoration: none;
    text-transform: none;
}
ol, .ol {
    color: #000000;
    font-family: Lato;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    line-height: inherit;
    margin: 1.125rem 0rem 0rem 2.5rem;
    text-decoration: none;
    text-transform: none;
}
li, .li {
    color: #000000;
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem;
    margin: 0rem 0rem 0.625rem;
    text-decoration: none;
    text-transform: none;
}
strong, .strong {
    color: #1a1a1a;
    font-family: Lato;
    font-size: inherit;
    font-style: normal;
    font-weight: 700;
    line-height: inherit;
    margin: 0rem;
    text-decoration: none;
    text-transform: none;
}
em, .em {
    color: #1a1a1a;
    font-family: Lato;
    font-size: inherit;
    font-style: italic;
    font-weight: 400;
    line-height: inherit;
    margin: 0rem;
    text-decoration: none;
    text-transform: none;
}
.intro {
    color: #1a1a1a;
    font-family: Lato;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75rem;
    margin: 1.125rem 0rem;
    text-decoration: none;
    text-transform: none;
}
.blockquote {
    color: #1a1a1a;
    font-family: Lato;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.5rem;
    margin: 1.125rem 2.5rem;
    text-decoration: none;
    text-transform: none;
}
.l-footer {
    background-color: #fff;
}
.footer-top {
    align-items: center;
    background-color: #000;
	display: flex;
    margin: 0 auto;
    padding: 25px 40px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.footer-top {
    padding: 25px 30px;
}
}
@media (max-width: 767px) {
.footer-top {
    flex-direction: column;
    padding: 25px 15px;
}
}
.nav-footer {
    display: flex;
    flex-grow: 1;
}
@media (max-width: 767px) {
.nav-footer {
    margin-top: 30px;
    width: 100%;
}
}
.nav-footer-items {
    display: flex;
    width: 100%;
    align-items: center;
   /* flex-direction: column;*/
}
@media (max-width: 767px) {
.nav-footer-items {
    flex-direction: column;
    margin-left: 0;
}
}
@media (max-width: 767px) {
.nav-footer-item {
    text-align: center;
}
}
.nav-footer-item + .nav-footer-item {
    margin-left: 10%;
}
@media (max-width: 767px) {
.nav-footer-item + .nav-footer-item {
    margin-left: 0;
    margin-top: 15px;
}
}
.nav-footer-item-link {
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
}
/*.nav-footer-item-link::after {
    background: #c6cf0f none repeat scroll 0 0;
    bottom: 2px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translateY(10px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    width: 100%;
}*/
.nav-footer-item-link:hover::after {
    opacity: 1;
    transform: translateY(0px);
}
.footer-bottom {
    background-color: #fff/*#363636*/;
}
.footer-bottom-inner-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1880px;
    padding: 25px 40px;
	flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1023px) {
.footer-bottom-inner-wrapper {
    padding: 20px 30px;
}
}
@media (max-width: 767px) {
.footer-bottom-inner-wrapper {
    align-items: center;
    flex-direction: column;
    padding: 20px 15px;
}
}
.footer-bottom-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}
@media (max-width: 767px) {
.footer-bottom-right {
    align-items: center;
    margin-top: 30px;
}
}
.footer-copyright-link {
    color: #000;
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-top: 10px;
    text-decoration: underline;
}
.footer-copyright-link:hover {
    text-decoration: none;
}
.grid {
    font-size: 0;
    margin: 30px 0;
}
.grid > .grid-wrapper {
    margin: 0 -13px;
    position: relative;
}
.grid > .grid-wrapper::before, .grid > .grid-wrapper::after {
    content: "";
    display: block;
    height: 1px;
}
.grid > .grid-wrapper::before {
    margin-bottom: -13px;
}
.grid > .grid-wrapper::after {
    margin-top: -13px;
}
.ie .grid > .grid-wrapper {
    margin: 0 -12px;
}
.grid > .grid-wrapper > [class^="col"] {
    display: inline-block;
    font-size: 1rem;
    margin: 12px;
    transition: all 0s ease 0s, all 150ms ease 0s;
    vertical-align: top;
}
.grid > .grid-wrapper > .col-1-1 {
    width: calc(100% / 1 * 1 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-1-1-mobile[class^="col"] {
    width: calc(100% / 1 * 1 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-1-tablet[class^="col"] {
    width: calc(100% / 1 * 1 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-1-1-desktop[class^="col"] {
    width: calc(100% / 1 * 1 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-1-mobile-tablet[class^="col"] {
    width: calc(100% / 1 * 1 - 25px);
}
}
.grid > .grid-wrapper > .col-1-2 {
    width: calc(100% / 2 * 1 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-1-2-mobile[class^="col"] {
    width: calc(100% / 2 * 1 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-2-tablet[class^="col"] {
    width: calc(100% / 2 * 1 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-1-2-desktop[class^="col"] {
    width: calc(100% / 2 * 1 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-2-mobile-tablet[class^="col"] {
    width: calc(100% / 2 * 1 - 25px);
}
}
.grid > .grid-wrapper > .col-2-2 {
    width: calc(100% / 2 * 2 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-2-2-mobile[class^="col"] {
    width: calc(100% / 2 * 2 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-2-tablet[class^="col"] {
    width: calc(100% / 2 * 2 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-2-2-desktop[class^="col"] {
    width: calc(100% / 2 * 2 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-2-mobile-tablet[class^="col"] {
    width: calc(100% / 2 * 2 - 25px);
}
}
.grid > .grid-wrapper > .col-1-3 {
    width: calc(100% / 3 * 1 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-1-3-mobile[class^="col"] {
    width: calc(100% / 3 * 1 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-3-tablet[class^="col"] {
    width: calc(100% / 3 * 1 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-1-3-desktop[class^="col"] {
    width: calc(100% / 3 * 1 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-3-mobile-tablet[class^="col"] {
    width: calc(100% / 3 * 1 - 25px);
}
}
.grid > .grid-wrapper > .col-2-3 {
    width: calc(100% / 3 * 2 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-2-3-mobile[class^="col"] {
    width: calc(100% / 3 * 2 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-3-tablet[class^="col"] {
    width: calc(100% / 3 * 2 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-2-3-desktop[class^="col"] {
    width: calc(100% / 3 * 2 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-3-mobile-tablet[class^="col"] {
    width: calc(100% / 3 * 2 - 25px);
}
}
.grid > .grid-wrapper > .col-3-3 {
    width: calc(100% / 3 * 3 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-3-3-mobile[class^="col"] {
    width: calc(100% / 3 * 3 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-3-3-tablet[class^="col"] {
    width: calc(100% / 3 * 3 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-3-3-desktop[class^="col"] {
    width: calc(100% / 3 * 3 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-3-3-mobile-tablet[class^="col"] {
    width: calc(100% / 3 * 3 - 25px);
}
}
.grid > .grid-wrapper > .col-1-4 {
    width: calc(100% / 4 * 1 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-1-4-mobile[class^="col"] {
    width: calc(100% / 4 * 1 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-4-tablet[class^="col"] {
    width: calc(100% / 4 * 1 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-1-4-desktop[class^="col"] {
    width: calc(100% / 4 * 1 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-4-mobile-tablet[class^="col"] {
    width: calc(100% / 4 * 1 - 25px);
}
}
.grid > .grid-wrapper > .col-2-4 {
    width: calc(100% / 4 * 2 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-2-4-mobile[class^="col"] {
    width: calc(100% / 4 * 2 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-4-tablet[class^="col"] {
    width: calc(100% / 4 * 2 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-2-4-desktop[class^="col"] {
    width: calc(100% / 4 * 2 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-4-mobile-tablet[class^="col"] {
    width: calc(100% / 4 * 2 - 25px);
}
}
.grid > .grid-wrapper > .col-3-4 {
    width: calc(100% / 4 * 3 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-3-4-mobile[class^="col"] {
    width: calc(100% / 4 * 3 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-3-4-tablet[class^="col"] {
    width: calc(100% / 4 * 3 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-3-4-desktop[class^="col"] {
    width: calc(100% / 4 * 3 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-3-4-mobile-tablet[class^="col"] {
    width: calc(100% / 4 * 3 - 25px);
}
}
.grid > .grid-wrapper > .col-4-4 {
    width: calc(100% / 4 * 4 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-4-4-mobile[class^="col"] {
    width: calc(100% / 4 * 4 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-4-4-tablet[class^="col"] {
    width: calc(100% / 4 * 4 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-4-4-desktop[class^="col"] {
    width: calc(100% / 4 * 4 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-4-4-mobile-tablet[class^="col"] {
    width: calc(100% / 4 * 4 - 25px);
}
}
.grid > .grid-wrapper > .col-1-5 {
    width: calc(100% / 5 * 1 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-1-5-mobile[class^="col"] {
    width: calc(100% / 5 * 1 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-5-tablet[class^="col"] {
    width: calc(100% / 5 * 1 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-1-5-desktop[class^="col"] {
    width: calc(100% / 5 * 1 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-1-5-mobile-tablet[class^="col"] {
    width: calc(100% / 5 * 1 - 25px);
}
}
.grid > .grid-wrapper > .col-2-5 {
    width: calc(100% / 5 * 2 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-2-5-mobile[class^="col"] {
    width: calc(100% / 5 * 2 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-5-tablet[class^="col"] {
    width: calc(100% / 5 * 2 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-2-5-desktop[class^="col"] {
    width: calc(100% / 5 * 2 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-2-5-mobile-tablet[class^="col"] {
    width: calc(100% / 5 * 2 - 25px);
}
}
.grid > .grid-wrapper > .col-3-5 {
    width: calc(100% / 5 * 3 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-3-5-mobile[class^="col"] {
    width: calc(100% / 5 * 3 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-3-5-tablet[class^="col"] {
    width: calc(100% / 5 * 3 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-3-5-desktop[class^="col"] {
    width: calc(100% / 5 * 3 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-3-5-mobile-tablet[class^="col"] {
    width: calc(100% / 5 * 3 - 25px);
}
}
.grid > .grid-wrapper > .col-4-5 {
    width: calc(100% / 5 * 4 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-4-5-mobile[class^="col"] {
    width: calc(100% / 5 * 4 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-4-5-tablet[class^="col"] {
    width: calc(100% / 5 * 4 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-4-5-desktop[class^="col"] {
    width: calc(100% / 5 * 4 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-4-5-mobile-tablet[class^="col"] {
    width: calc(100% / 5 * 4 - 25px);
}
}
.grid > .grid-wrapper > .col-5-5 {
    width: calc(100% / 5 * 5 - 25px);
}
@media (max-width: 767px) {
.grid > .grid-wrapper > .col-5-5-mobile[class^="col"] {
    width: calc(100% / 5 * 5 - 25px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.grid > .grid-wrapper > .col-5-5-tablet[class^="col"] {
    width: calc(100% / 5 * 5 - 25px);
}
}
@media (min-width: 1024px) {
.grid > .grid-wrapper > .col-5-5-desktop[class^="col"] {
    width: calc(100% / 5 * 5 - 25px);
}
}
@media (max-width: 1023px) {
.grid > .grid-wrapper > .col-5-5-mobile-tablet[class^="col"] {
    width: calc(100% / 5 * 5 - 25px);
}
}
.l-header {
    background-color: #000;
}
@media (max-width: 767px) {
.l-header .l-page-wrapper {
    padding: 0;
}
}
.header-mobile-wrapper {
    align-items: center;
    display: none;
    justify-content: space-between;
    padding: 5px 15px;
}
@media (max-width: 767px) {
.header-mobile-wrapper {
    display: flex;
}
}
.is-active .icon-bar {
    position: relative;
    left: 2px;
}
.is-active .icon-bar:nth-child(2){
    margin-top:10px;
    transform: rotate(45deg) translate(-1px,1px);
    transition: 0.3s;
}
.is-active .icon-bar:nth-child(3){
    transition: 0s;
    transition-delay: 0s;
    height: 0px;
}
.is-active .icon-bar:nth-child(4){
    transform: rotate(-45deg) translate(5px,-8px);
    transition: 0.3s;
}
.header-mobile-navbar-text {
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 0.6875rem;
    margin-left: 1.2px;
    text-transform: uppercase;
    position: absolute;
    bottom: -3px;
    right: 2px;
}
.header-mobile-navbar-toggle {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 2px 0;
    vertical-align: top;
    z-index: 8;
    margin-left: auto;
    height: 46px;
    min-height: 46px;
    position: relative;
    bottom: 5px;
}
.header-mobile-navbar-toggle .icon-bar:nth-child(3){
    transition-delay: 0.1ms;
}

.header-mobile-navbar-toggle .icon-bar {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    display: block;
    height: 4px;
    transition: background-color 300ms ease 0s;
    width: 32px;
    margin: 3.5px;
    transition: 0.3s;
}
.header-mobile-navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header-wrapper {
    display: block !important;
}
}
@media (min-width: 1024px) {
.header-wrapper {
    display: block !important;
}
}
@media (max-width: 767px) {
.header-wrapper {
    border-top: 1px solid #090909;
    display: none;
}
}
.header-wrapper .l-piv {
    padding: 0;
}
.header-wrapper .piv {
    display: none;
}
@media (max-width: 767px) {
.header-wrapper .piv {
    display: block;
}
}
.header-wrapper .piv-logo {
    display: none;
}
@media (max-width: 767px) {
.header-wrapper .piv-nav {
    display: block;
    width: 100%;
}
}
.header-inner-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
.header-inner-wrapper {
    align-items: stretch;
    flex-direction: column;
    padding: 20px 0 25px;
}
}
.header-social-items {
    display: flex;
    list-style: outside none none;
    margin: 0 0 0 25px;
}
@media (max-width: 767px) {
.header-social-items {
    margin-left: 0;
    margin-top: 20px;
    padding: 0 15px;
}
}
.header-social-item {
    margin: 0;
}
.header-social-item + .header-social-item {
    margin-left: 5px;
}
@media (max-width: 767px) {
.header-social-item + .header-social-item {
    margin-left: 15px;
}
}
.header-social-item-link {
    align-items: center;
    border: 2px solid;
    border-radius: 32px;
    box-shadow: none !important;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: all 300ms ease 0s;
    width: 32px;
}
.header-social-item-link::after {
    display: none !important;
}
.is-twitter .header-social-item-link {
    border-color: #82d2f2;
    fill: #82d2f2;
}
.is-twitter .header-social-item-link:hover {
    background-color: #82d2f2;
    fill: #fff;
}
.is-fb .header-social-item-link {
    border-color: #6996e1;
    fill: #6996e1;
}
.is-fb .header-social-item-link:hover {
    background-color: #6996e1;
    fill: #fff;
}
.is-youtube .header-social-item-link {
    border-color: #f06545;
    fill: #f06545;
}
.is-youtube .header-social-item-link:hover {
    background-color: #f06545;
    fill: #fff;
}
:first-child {
    margin-top: 0;
}
:last-child {
    margin-bottom: 0;
}
.l-page {
    padding-bottom: 90px;
}
@media (max-width: 767px) {
.l-page {
    padding-bottom: 40px;
}
}
.l-page-wrapper {
    font-size: 0;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    width: 1220px;
}
@media (max-width: 1220px) {
.l-page-wrapper {
    width: auto;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.l-page-wrapper {
    padding: 0 30px;
    width: auto;
}
}
@media (max-width: 767px) {
.l-page-wrapper {
    padding: 0 15px;
    width: auto;
}
}
.is-zoomed .l-page-wrapper {
    margin: 0 40px;
    width: auto;
}
.l-content-section {
    position: relative;
}
.l-fullwidth {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 100vw;
}
.ie8 .l-fullwidth {
    left: auto;
    padding: 0;
    transform: translateX(0px);
    width: auto;
}
.l-block-content, .l-block-sidebar {
    display: inline-block;
    font-size: 1rem;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 999;
}
.is-two-columns .l-block-content {
    width: calc(100% - 240px);
}
.is-two-columns .l-block-sidebar {
    padding-left: 20px;
    width: 240px;
}
.l-breadcrumb {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    left: 50%;
    padding: 10px 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: 50;
}
.breadcrumb-back-trigger-wrapper {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 0.875rem;
    line-height: 0.875rem;
}
.breadcrumb-back-trigger-wrapper::before {
    background: rgba(0, 0, 0, 0) url("../svg/icon-arrow-left-small.svg") no-repeat scroll center center;
    content: "";
    display: block;
    height: 7px;
    margin-right: 5px;
    width: 10px;
}
.breadcrumb-back-trigger-wrapper a {
    color: #fff;
    text-decoration: underline;
}
.btn-rounded {
    -moz-appearance: none;
    background-color: transparent;
    border: 2px solid transparent;
    /*display: inline-block;*/
    font-size: 0.875rem;
    line-height: 1.125rem;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    /*text-transform: uppercase;*/
    transition: background 300ms ease 0s;
    z-index: 2;
}
@media (max-width: 767px) {
.btn-rounded {
    font-size: 0.75rem;
    line-height: 0.875rem;
}
}
.btn-rounded::after {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    /*transform: translateY(100%);*/
    transition: all 300ms ease 0s;
    width: 100%;
    z-index: -1;
}
.btn-rounded:hover::after {
    opacity: 1;
    transform: translateY(0px);
}
.btn-rounded.is-bg-vert {
    background-color: #4074ad;
    box-shadow: none;
    text-decoration: none;
    /*transition: background-color 300ms ease 0s;*/
	color: #FFF;
	margin-right: 15px;
}
.btn-rounded.is-bg-vert.is-disabled {
    background-color: #C3E3FB;
    pointer-events: none;
	color: #212121;
}
.btn-rounded.is-bg-vert.is-disabled:hover {
    background-color: #C3E3FB;
}
.btn-rounded.is-bg-vert.is-disabled:hover::after {
    opacity: 0;
    transform: none;
}
.btn-rounded.is-bg-vert:hover {
    background-color: #C3E3FB;
	color: #212121;
}
/*.btn-rounded.is-bg-vert::after {
    background-color: #4074ad;
}*/
.btn-rounded.is-outlined-vert {
    border: 2px solid #c6cf0f;
    box-shadow: none;
}
.btn-rounded.is-outlined-vert:hover {
    background-color: #b5be00;
}
.btn-rounded.is-outlined-vert::after {
    background-color: #b5be00;
}
.calendar-full-wrapper .content-calendar-items {
    margin-top: 40px;
}
.calendar-full-wrapper .content-calendar-items:first-child {
    border-top: 1px solid #dfdfdf;
}
.fields .field:first-child {
    padding-top: 0;
}
.field {
    border-bottom: 1px dotted #c0c0c0;
    opacity: 1;
    padding: 30px 0;
    transition: opacity 300ms ease 0s, transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
}

.validation p{
	display: flex;
	width: 100%;
}

.validation p span.info{
	text-align: right;
	/*width: 170px;*/
	flex-basis: 15%;
}
.validation p span.reponse{
	text-align: left;
	margin-left: 15px;
	font-weight: 600;
}

.validation .confirmation{
	max-width: 100%;
}

.validation-courriel span{
	
}
@media (max-width: 767px) {
.field {
    padding: 25px 0;
}
}
.field .legend, .field label {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin-bottom: 5px;
    max-width: 100%;
}
@media (max-width: 767px) {
.field .legend, .field label {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
}
.field .description {
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.5rem;
    max-width: 100%;
}
@media (max-width: 767px) {
.field .description {
    font-size: 1rem;
    line-height: 1.125rem;
}
}
.field textarea {
    height: 140px;
    width: 100%;
}
.field.is-full {
    display: inline-block;
    margin: 10px;
    vertical-align: bottom;
    width: calc(100% - 20px);
}
@media (max-width: 767px) {
.field.is-full {
    margin: 15px 0 0;
    width: 100%;
}
}
.field.is-half {
    display: inline-block;
    margin: 10px;
    vertical-align: bottom;
    width: calc(50% - 20px);
}
@media (max-width: 767px) {
.field.is-half {
    margin: 0;
    width: 100%;
}
}
.is-align-top .field.is-half {
    vertical-align: top;
}
.field.is-half input[type="text"], .field.is-half select {
    width: 100%;
}
@media (max-width: 767px) {
.field.is-half + .field.is-half {
    margin-top: 15px;
}
}
.field.is-disabled {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
}
@media (max-width: 767px) {
.field.is-disabled {
    display: none;
}
}
.field.is-accept-field {
    border-bottom: 0 none;
    padding: 0;
}
.field.is-accept-field label {
    font-size: 0.875rem;
    line-height: 1.125rem;
}
input[type="text"], input[type="password"], textarea, select {
   -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color:#f2f2f2;
    border-color: -moz-use-text-color -moz-use-text-color #e1e1e1;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
	border-bottom: 1px solid #000000;
    font-size: 1rem;
    line-height: 1.25rem;
    position: relative;
    z-index: 1;
}
select {
	border: solid 1px #000000;
}
input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled, select:disabled {
    opacity: 0.4;
}
textarea {
    border-radius: 0;
    padding: 10px;
}
select {
    background: #f2f2f2 url("../svg/arrow-select.svg") no-repeat scroll right 4px center;
	background-size: 7%;
    border-radius: 6px;
    font-weight: 300;
    padding: 10px 30px 10px 10px;
}
input[type="text"], input[type="password"] {
    font-weight: 300;
    padding: 10px;
}
input[type="file"] {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
}
.textarea-comment-field {
    border-bottom: 0 none;
}
.textarea-comment-field label {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
}
.textarea-comment-field label .choice-autre-field-remaining {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.125rem;
}
.textarea-comment-field textarea {
    height: 140px;
    margin-top: 5px;
    width: 100%;
}
.radio-checkbox-field-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 30px;
}
.radio-checkbox-field-bg-side {
    align-items: center;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    padding: 10px;
}
.radio-checkbox-field-bg-side .radio-field + .radio-field {
    margin-left: 20px;
    margin-top: 0;
}
.radio-field, .checkbox-field {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    max-width: 100%;
}
.radio-field + .radio-field, .checkbox-field + .radio-field, .radio-field + .checkbox-field, .checkbox-field + .checkbox-field {
    margin-top: 5px;
}
.radio-field label, .checkbox-field label {
    align-items: center;
    color: #363636;
    display: flex;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375rem;
    margin-left: 3px;
    max-width: 60px;
    position: relative;
    transition: opacity 300ms ease 0s;
}
@media (max-width: 767px) {
.radio-field label, .checkbox-field label {
    font-size: 0.875rem;
    line-height: 1.125rem;
}
}
.checkbox-field label::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    border: 2px solid #3f47a6;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 6px;
    position: relative;
    transition: background-color 300ms ease 0s;
    width: 16px;
}
.checkbox-field label::after {
    background: #3f47a6 url("../svg/icon-checked-white.svg") no-repeat scroll center center / 11px 11px;
    border-radius: 3px;
    content: "";
    flex-shrink: 0;
    height: 16px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}
.checkbox-field input:checked + label::after {
    opacity: 1;
}
.checkbox-field input:disabled + label {
    opacity: 0.5;
}
.radio-field label::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    border: 2px solid #565656;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 6px;
    position: relative;
    width: 16px;
}
.radio-field label::after {
    background-color: #3f47a6;
    border-radius: 50%;
    content: "";
    flex-shrink: 0;
    height: 6px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
}
.radio-field input, .checkbox-field input{
	position:absolute;
	z-index: -1;
	opacity: 0;
}
.radio-field input:checked + label::before {
    border-color: #3f47a6;
}
.radio-field input:checked + label::after {
    opacity: 1;
}
.radio-field input:disabled + label {
    opacity: 0.5;
}
.slider-fields-wrapper {
    margin-top: 25px;
}
.slider-field-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
@media (max-width: 767px) {
.slider-field-wrapper {
    flex-wrap: wrap;
}
}
.slider-field-wrapper label {
    color: #363636;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375rem;
}
.slider-field-wrapper + .slider-field-wrapper {
    margin-top: 10px;
}
@media (max-width: 767px) {
.slider-field-wrapper + .slider-field-wrapper {
    margin-top: 15px;
}
}
.slider-field-label-wrapper {
    flex-basis: 50%;
    flex-shrink: 0;
    margin-right: 50px;
}
@media (max-width: 767px) {
.slider-field-label-wrapper {
    flex-basis: 100%;
    margin-right: 0;
}
}
.slider-field-range-wrapper {
    align-items: center;
    display: flex;
}
@media (max-width: 767px) {
.slider-field-range-wrapper {
    flex-basis: 80%;
    max-width: 300px;
}
}
.slider-field-range-wrapper input[type="range"] {
    -moz-appearance: none;
    display: flex;
    margin: 0 5px;
    overflow: visible;
    width: 210px;
}
@media (max-width: 767px) {
.slider-field-range-wrapper input[type="range"] {
    width: 100%;
}
}
.slider-field-range-wrapper input[type="range"]::-moz-range-track {
    background-color: #c6cf0f;
    height: 1px;
}
.slider-field-range-wrapper input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    background-color: #3f47a6;
    border: 0 none;
    border-radius: 50%;
    height: 12px;
    width: 12px;
}
.slider-field-value-wrapper {
    margin-left: 25px;
}
.slider-field-value-wrapper .slider-field-value {
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding: 5px;
    text-align: center;
    width: 30px;
}
.slider-field-value-wrapper .slider-field-value:disabled {
    opacity: 1;
}
.slider-field-range-no {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1rem;
}
fieldset {
    border: 0 none;
    padding: 0;
}
.fields-section.is-border-top {
    border-top: 1px dotted #c0c0c0;
    margin-top: 25px;
    padding-top: 25px;
}
.fields-section.is-border-top.is-no-spacing-top {
    margin-top: 0;
}
.fields-section.is-border-bottom {
    border-bottom: 1px dotted #c0c0c0;
    padding-bottom: 25px;
}
.fields-section-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 10px;
    text-transform: none;
}
.user-infos-section .fields-section-content.is-all-half {
    margin: -10px;
}
@media (max-width: 767px) {
.user-infos-section .fields-section-content.is-all-half {
    margin: 0;
}
}
.user-infos-section .field {
    border: 0 none;
    padding: 0;
}
.user-infos-section .field .radio-field label {
    margin-bottom: 0;
}
.user-infos-section .field .legend, .user-infos-section .field label {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375rem;
    position: relative;
}
.field-label-nowrap {
    flex-wrap: nowrap !important;
}
.error-message {
    background-color: #dc2e2e;
    color: #fff;
    font-size: 1rem;
    line-height: 0.875rem;
    margin-right: 5px;
    padding: 15px 10px;
    margin-top: 5%;
}
.error-message-explanation {
    color: #dc2e2e;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    margin-top: 5px;
    width: 100%;
}
.errors p {
    font-weight: bold;
}
.errors ul {
    list-style-type: none;
    margin-bottom: 20px;
    margin-left: 15px;
    padding: 0;
}
.errors ul li::before {
    display: none;
}
.errors ul li {
    margin: 0;
}
.errors ul li + li {
    margin-top: 5px;
}
.errors a {
    box-shadow: none !important;
    color: #dc2e2e;
    text-decoration: none;
}
.errors a::before {
    content: "- ";
}
.errors a:hover {
    text-decoration: underline;
}
.lbo-aif {
    display: block;
    padding: 8px 0 2px 25px;
    position: relative;
}
.lbo-aif .btn-supprimer {
    background-color: #1a1a1a;
    border: 0 none;
    border-radius: 50%;
    display: block;
    height: 20px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: 20px;
}
.lbo-aif .btn-supprimer::before {
    color: #fff;
    content: "x";
    display: block;
    font-size: 0.875rem;
    left: 50%;
    line-height: 0.875rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.thematique-form-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}
@media (max-width: 767px) {
.thematique-form-footer {
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}
}
.thematique-form-footer .btn-rounded + .btn-rounded {
    margin-left: 15px;
}
@media (max-width: 767px) {
.thematique-form-footer .btn-rounded + .btn-rounded {
    margin-left: 0;
    margin-top: 10px;
}
}
.field-span-elements {
    margin-top: 15px;
}
.field-span-element {
    display: flex;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.375rem;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
.field-span-element {
    flex-direction: column;
}
}
.field-span-element-title {
    flex-basis: 40%;
    flex-shrink: 0;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    margin-right: 40px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
.field-span-element-title {
    flex-basis: auto;
    margin-bottom: 3px;
    margin-right: 0;
}
}
.field-span-element-content {
    flex-basis: 50%;
}
@media (max-width: 767px) {
.field-span-element-content {
    flex-basis: auto;
}
}
.fields-all-required {
    color: #3f47a6;
    display: block;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.25rem;
    margin-bottom: 25px;
}
.choice-autre-field {
    display: none;
    width: 100%;
}
.choice-autre-field label {
    color: #363636;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.125rem;
    margin-left: 3px;
    position: relative;
    text-align: right;
}
@media (max-width: 767px) {
.choice-autre-field label {
    font-size: 0.875rem;
    line-height: 1.125rem;
}
}
.choice-autre-field .question-autre-textarea {
    height: 80px;
}
.choice-autre-field-remaining-wrapper {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-top: 5px;
    text-align: right;
}
.choice-autre-field-overflowed {
    color: #dc2e2e;
    display: none;
    font-weight: 400;
}
.home-hubs {
   /* background: rgba(0, 0, 0, 0) url("../images/bg-boutons.jpg") no-repeat scroll center center / cover ;*/
	background-color: #DEDEDE;
    padding: 40px 0 80px 0;
    position: relative;
	
}
@media (max-width: 767px) {
.home-hubs {
    margin-top: -20px;
    padding: 15px 0 35px;
}
}
.home-hubs-header-title {
    color: #363636;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.875rem;
    text-transform: uppercase;
	
}
@media (max-width: 767px) {
.home-hubs-header-title {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
}
.home-hubs-header-description {
    color: #53585a;
    max-width: 65%;
}
@media (max-width: 767px) {
.home-hubs-header-description {
    max-width: none;
}
}
.home-hubs-header-subtitle {
    display: block;
    font-weight: 500;
    text-transform: none;
}
.home-hubs-list, .content-hubs-list {
    display: flex;
    margin-bottom: 70px;
	margin-top: 30px;
}
.content-hubs-list{
	background-color: #dedede;
	padding:10px;	
}
@media (max-width: 767px) {
.home-hubs-list, .content-hubs-list {
    flex-direction: column;
    margin-top: 35px;
}
	.interne {
		display: inline-flex;
	}
}
.home-hubs-list-item, .content-hubs-list-item {
    backface-visibility: hidden;
    background-color: #fff;
    box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.1);
    flex-basis: 27.3333%;
    
    height: 222px;
    position: relative;
    transform: translateZ(0px);
    transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
}
.content-hubs-list-item {
	height: 122px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.home-hubs-list-item, .content-hubs-list-item {
    height: 275px;
}
.interne .home-hubs-list-item, .interne .content-hubs-list-item {
    height: auto;
}	
	
}
@media (max-width: 767px) {
.home-hubs-list-item, .content-hubs-list-item  {
    flex-basis: auto;
    height: auto;
}
}
.home-hubs-list-item + .home-hubs-list-item, .content-hubs-list-item + .content-hubs-list-item {
    margin-left: 9%;
}
@media (max-width: 767px) {
.home-hubs-list-item + .home-hubs-list-item, .content-hubs-list-item + .content-hubs-list-item {
    margin-left: 0;
    margin-top: 30px;
}
}
/*.home-hubs-list-item.is-featured::after {
    background-color: #6A9E3F;
    border-radius: 8px;
    content: "";
    height: calc(100% + 20px);
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    transition: top 300ms ease 0s, height 300ms ease 0s;
    width: calc(100% - 40px);
    z-index: 1;
}*/

.home-hubs-list-item.is-featured::after{
	background: url(../images/chevron.gif) no-repeat scroll center center / auto auto;
    content: "";
    display: block;
    height: 73px;
    right: -13%;
    position: absolute;
    bottom: -43px;
    width: 73px;
    z-index: 110;
	transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
}

.home-hubs-list-item.is-featured::before{
	background: url(../images/chevron.gif) no-repeat scroll center center / auto auto;
    content: "";
    display: block;
    height: 73px;
    left: -13%;
    position: absolute;
    top: -43px;
    transform: rotate(180deg);
    width: 73px;
    z-index: 110;
	transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
	
}

.home-hubs-list-item.is-featured:hover::before{
	transform: translate(-20px,-20px) rotate(180deg);;
	
}

.home-hubs-list-item.is-featured:hover::after{
	/*right: -20%;
	bottom:-30%;*/
	transform: translate(20px,20px);
}
/*.home-hubs-list-item.is-featured:hover::after {
    height: calc(100% + 30px);
    top: -15px;
}*/
@media (max-width: 767px) {

	.home-hubs-list-item.is-featured::before, .home-hubs-list-item.is-featured::after{
		display: none;
	}
}
.home-hubs-list-item:hover, .content-hubs-list-item:hover {
    transform: scale(1.02) translateZ(0px);
	
}

@media (max-width: 767px) {
.home-hubs-list-item:hover, .content-hubs-list-item:hover {
    transform: scale(1);
}
}
.home-hubs-list-item-link, .content-hubs-list-item-link {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 20px;
    position: relative;
    text-decoration: none;
    z-index: 2;
	
}
@media (max-width: 767px) {
.home-hubs-list-item-link, .content-hubs-list-item-link {
    padding: 25px;
}
}
.home-hubs-list-item-icon, .content-hubs-list-item-icon{
    fill: #34782F;
    min-height: 75px;
	
}
@media (max-width: 767px) {
.home-hubs-list-item-icon, .content-hubs-list-item-icon {
    align-items: center;
    display: flex;
    justify-content: center;
}
}
.home-hubs-list-item-icon .icon-hub-avis {
    width: 45px;
}
.home-hubs-list-item-icon .icon-hub-ecrit {
    width: 45px;
}
.home-hubs-list-item-title, .content-hubs-list-item-title {
    color: #34782F;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1023px) {
.home-hubs-list-item-title, .content-hubs-list-item-title {
    font-size: 0.875rem;
    line-height: 1.4;
}
}
@media (max-width: 767px) {
.home-hubs-list-item-title, .content-hubs-list-item-title {
    font-size: 0.875rem;
    line-height: 1.4;
}
}
.home-hubs-list-item-desc, .content-hubs-list-item-desc {
    display: block;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.4;
    margin-top: 15px;
    max-width: 100%;
    text-align: center;
}
.home-main-content-calendar, .home-main-content-news {
    flex-basis: 66%;
    flex-grow: 1;
	padding-bottom: 45px;
	background: #699E3F url("../images/bg-event.jpg") no-repeat scroll center center / cover ;
	display: flex;
    flex-direction: column;
}

.home-main-content-news{
	background: #FFF;
}

@media (max-width: 767px) {
.home-main-content-calendar {
    flex-basis: auto;
    width: 100%;
}
}
.content-calendar-title-wrapper, .content-main-news-title-wrapper {
    display: flex;
    padding: 35px 40px;
    width: 70%;
    margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-calendar-title-wrapper {
    padding: 35px 30px;
}
}
@media (max-width: 767px) {
.content-calendar-title-wrapper {
    padding: 35px 15px;
}
}
.content-calendar-title-wrapper h2, .content-main-news-title-wrapper h2 {
    flex-basis: 900px;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
	color: #fff;
	margin-left: -40px;
}
.content-main-news-title-wrapper h2 {
	color: #212121;
}
.content-calendar-items h3{
	color:#fff;	
}
.content-calendar-items, .content-main-news-items {
    display: flex;
    flex-direction: column;
	width: 70%;
	margin: 0 auto;
	
}
.contenu-avecnav-box-left .content-calendar-items{
	width: 100%;	
}
.contenu-avecnav-box-left .content-calendar-items h3{
	color:#363636;	
}

@media (max-width: 500px) {
	.content-calendar-items, .content-main-news-items {
		width: auto;
	}
}
.content-calendar-item,  .content-sidebar-news-item{
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
    display: flex;
    /*justify-content: center;*/
    padding: 20px 10px;
	margin-bottom: 10px;
	background-color: #fff;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-calendar-item {
    padding: 35px 30px;
}
}
@media (max-width: 767px) {
.content-calendar-item {
    justify-content: flex-start;
    padding: 25px 15px;
}
}
.content-calendar-item-inner-wrapper {
    align-items: center;
    display: flex;
    flex-basis: 900px;
    justify-content: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-calendar-item-inner-wrapper {
    flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.content-calendar-item-inner-wrapper {
    align-items: flex-start;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: flex-start;
}
}
.content-calendar-item-date {
	align-items: baseline;
    align-self: baseline;
    display: flex;
    flex-basis: 89px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
    position: relative;
    background: #DCECC9;
    margin-top: -6px;
    margin-left: 6px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-calendar-item-date {
    /*flex-basis: 10%;
    padding-right: 35px;*/
	margin-top: -21px;
    margin-left: -17px;

}
}
@media (max-width: 767px) {
.content-calendar-item-date {
    flex-basis: auto;
    flex-direction: row;
    justify-content:center;
	margin: inherit;
	width: 100%;
}
}
/*.content-calendar-item-date::after {
    background: rgba(0, 0, 0, 0) url("../svg/icon-arrow-right.svg") no-repeat scroll center center;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
}*/
.content-calendar-item-date-inner {
    /*align-items: flex-end;*/
	align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content-calendar-item-date-inner.en{
	flex-direction: column-reverse;	
}
@media (max-width: 767px) {
.content-calendar-item-date-inner {
    flex-basis: auto;
    flex-direction: row;
    justify-content: flex-start;
}
}
.content-calendar-item-date-inner + .content-calendar-item-date-inner {
    margin-top: 10px;
}
@media (max-width: 767px) {
.content-calendar-item-date-inner + .content-calendar-item-date-inner::before {
    content: "–";
    margin: 0 5px 0 0;
}
}
.content-calendar-item-date-day {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: right;
}
@media (max-width: 767px) {
.content-calendar-item-date-day {
    font-size: 1rem;
    line-height: 1rem;
}
}
.content-calendar-item-date-month {
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
}
@media (max-width: 767px) {
.content-calendar-item-date-month {
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 5px;
}
}
.content-calendar-item-infos {
    flex-grow: 1;
    padding: 0 20px;
	margin-top: -6px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-calendar-item-infos {
    flex-basis: 80%;
    padding: 0 0 0 15px;
}
}
@media (max-width: 767px) {
.content-calendar-item-infos {
    padding: 15px 0;
}
}
.content-calendar-item-infos-title {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
}
.content-calendar-item-infos-date {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.4;
}
/*.content-calendar-item-infos-schedule a {
    box-shadow: 0 2px 0 #c6cf0f;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-decoration: none;
    transition: box-shadow 150ms ease 0s;
}
.content-calendar-item-infos-schedule a:hover {
    box-shadow: none;
}
.content-calendar-item-infos-schedule a.is-external::after, .content-calendar-item-infos-schedule a.is-not-accessible::after {
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 5px;
    width: 15px;
}*/
.content-calendar-item-infos-schedule a.is-external::after {
    background: rgba(0, 0, 0, 0) url("../svg/icon-external.svg") no-repeat scroll center center / 15px 15px;
}
.content-calendar-item-infos-schedule a.is-not-accessible::after {
    background: rgba(0, 0, 0, 0) url("../svg/icon-not-accessible.svg") no-repeat scroll center center / 15px 15px;
}
.content-calendar-item-infos-schedule a.is-not-accessible.is-external::after {
    background: rgba(0, 0, 0, 0) url("../svg/icon-acc-ext.svg") no-repeat scroll center center / 34px 15px;
    width: 34px;
}
.content-calendar-item-trigger-wrapper {
    flex-basis: 225px;
    flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-calendar-item-trigger-wrapper {
    display: flex;
    flex-basis: 100%;
    margin-top: 25px;
}
}
@media (max-width: 767px) {
.content-calendar-item-trigger-wrapper {
    flex-basis: auto;
}
}
.content-calendar-item-trigger {
    width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-calendar-item-trigger {
    padding: 10px 40px;
    width: 280px;
}
}
@media (max-width: 767px) {
.content-calendar-item-trigger {
    padding: 10px 30px;
    width: 280px;
}
}
.home-main-content-sidebar {
    flex-basis: 33%;
    min-width: 375px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.home-main-content-sidebar {
    min-width: 280px;
}
}
@media (max-width: 767px) {
.home-main-content-sidebar {
    flex-basis: auto;
    min-width: auto;
    width: 100%;
}
}
.content-sidebar-spokepersons {
    background-color: #252525;
    padding: 35px 60px 60px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-sidebar-spokepersons {
    padding: 35px 30px;
}
}
@media (max-width: 767px) {
.content-sidebar-spokepersons {
    padding: 25px 15px;
}
}
.content-sidebar-spokerpersons-title-wrapper {
    margin-bottom: 35px;
}
.content-sidebar-spokerpersons-title-wrapper h2 {
    color: #fff;
    /*font-size: 1.25rem;*/
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}
.content-sidebar-spokepersons-video {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content-sidebar-spokepersons-video .spokepersons-video-link {
    align-items: center;
    color: #c6cf0f;
    display: flex;
    justify-content: center;
    max-width: 100%;
    text-decoration: none;
}
.content-sidebar-spokepersons-video .spokepersons-video-link::after {
    background: rgba(0, 0, 0, 0) url("../svg/icon-arrow-right.svg") no-repeat scroll center center;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 14px;
    margin-left: 10px;
    width: 22px;
}
.content-sidebar-spokepersons-video .spokepersons-video-link:hover {
    text-decoration: underline;
}
.spokepersons-video-wrapper {
    margin-bottom: 15px;
    max-width: 60%;
    overflow: hidden;
    position: relative;
}
@media (min-width: 768px) and (max-width: 1023px) {
.spokepersons-video-wrapper iframe {
    height: 200px;
}
}
@media (max-width: 767px) {
.spokepersons-video-wrapper iframe {
    height: 225px;
}
	.spokepersons-video-wrapper {
		max-width: 100%;
	}
}
.spokepersons-video-play-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.spokepersons-video-play-overlay-button {
    align-items: center;
    background-color: transparent;
    border: 4px solid #c6cf0f;
    border-radius: 50%;
    display: flex;
    fill: #c6cf0f;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.content-sidebar-news {
    padding: 35px 60px 60px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-sidebar-news {
    padding: 35px 30px;
}
}
@media (max-width: 767px) {
.content-sidebar-news {
    padding: 25px 15px;
}
}
.content-sidebar-news-title-wrapper {
    margin-bottom: 35px;
}
.content-sidebar-news-title-wrapper h2{
    /*font-size: 1.25rem;*/
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}
.content-sidebar-news-items {
    display: flex;
    flex-direction: column;
}
.content-sidebar-news-item {
    display: block;
    flex-direction: column;
}
.content-sidebar-news-item + .content-sidebar-news-item {
   /* margin-top: 55px;*/
}
@media (max-width: 767px) {
.content-sidebar-news-item + .content-sidebar-news-item {
    margin-top: 25px;
}
}
.news-item-meta {
    align-items: center;
    display: flex;
	align-self: flex-start;
}
.news-item-meta-icon {
    align-items: center;
    background-color: #dfdfdf;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}
.news-item-meta-icon .icon-play {
    fill: #c6cf0f;
}
.news-item-meta-icon .icon-people {
    fill: #34782F;
}
.news-item-meta-date {
    color: #53585a;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-left: 15px;
    text-transform: uppercase;
}
.news-item-content {
    padding-top: 20px;
}
.news-item-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-bottom: 15px;
}
.news-item-content h3 a {
    color: #363636;
    /*text-decoration: none;*/
}
.news-item-content h3 a:hover {
    text-decoration: none;
}
.news-item-content p {
    font-weight: 300;
    margin: 0;
	max-width: 80%;
}
.home-main-content-wrapper {
    display: inline;
    margin: 0 auto;
	flex-direction: column;
   /* max-width: 1800px;*/
}
@media (max-width: 767px) {
.home-main-content-wrapper {
    flex-direction: column;
}
}

.home-under-header {
	background-color: #F3B5C9;
	text-align: center;
}

.home-under-header > img {
	margin-left:auto;
	margin-right:auto;
}
@media (max-width: 1260px) {
.home-under-header {
    padding: 0 20px;
}
}
@media (max-width: 835px) {
.home-under-header {
   /* align-items: flex-end;*/
}
}
@media (max-width: 767px) {
	.home-under-header > img {
		display: none;
	}
	.home-under-header {
		background-color: none;
		display: none;
	}
}
@media (max-width: 767px) {
	.home-under-header, .home-title {
		background:inherit;
		/*padding: 20px 15px 0;*/
		z-index: 20;
		height: 165px;
		align-items:center;
	}
}
@media (max-width: 767px) {
	.home-under-header, .home-title {
		background:inherit;
		z-index: 20;
		height: 165px;
		align-items:center;
	}
}
.home-under-header::before {
    background-color: #f2f2f2;
    bottom: 0;
    content: "";
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}
@media (max-width: 767px) {
.home-under-header::before {
    display: block;
}
}
.header-en::after {
/*    background: url(../images/cannabis-bandeau-en.jpg) no-repeat scroll center center / auto auto;*/
    content: "";
    display: block;
    height: 400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background-size: cover;
}

.header-fr::after {
/*    background: url(../images/cannabis-bandeau.jpg) no-repeat scroll center center / auto auto;*/
    content: "";
    display: block;
    height: 400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background-size: cover;
}
@media (max-width: 985px) {
.home-under-header::after {
    /*left: auto;
    right: 5%;
    transform: none;
    width: 500px;*/
}
}
@media (max-width: 767px) {
.home-under-header::after {
    /*display: none;*/
	height: 165px;
	/*background: #FFF;*/
}
}

@media (max-width: 600px) {
.home-under-header::after {
    /*display: none;*/
	height: 165px;
	background: #000;
}
}
.home-under-header-wrapper {
   	/*align-items: center;*/
    z-index: 15;
    background-color: #000;
	/*background-color: rgba(21, 21, 21, 0.8);*/
    display: flex;
    color: white;
    justify-content: space-around;
	/*margin-bottom: 2%;*/
	margin-left: 8%;
    height: 287px;
    width: 287px;
	
}

@media (max-width: 1260px) {
	.home-under-header-wrapper {
		/*width: 770px;*/
	}
}

@media (max-width: 835px) {
	.home-under-header-wrapper {
		/*width: 500px;*/
	}
}

@media (min-width: 2556px) and (max-width:5000px){
	.home-under-header-wrapper {
		/*width: 770px;*/
		margin-left: 28%;
	}
}

@media (min-width: 1980px) and (max-width:2555px){
	.home-under-header-wrapper {
		/*width: 770px;*/
		margin-left: 24%;
	}
}

@media (min-width: 1615px) and (max-width:1979px){
	.home-under-header-wrapper {
		/*width: 770px;*/
		margin-left: 20%;
	}
}

@media (min-width: 1445px) and (max-width:1614px){
	.home-under-header-wrapper {
		/*width: 770px;*/
		margin-left: 13%;
	}
}

.home-under-header-title {
    text-transform: uppercase;
    padding: 6px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
	/*background-color: rgba(21, 21, 21, 0.8);*/
}

.l-site-wrapper.new-header {
	display: flex;
	flex-flow: column-reverse;
}
	
.home-title {
	width: 100%;
	background-color: #fff;
	padding-top: 10px;
}
	
.l-page-wrapper.home-over-header-title {
	color: #000;
	display: block;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.l-site-wrapper.new-header {
		display: flex;
		flex-flow: column;
	}
	.home-title {
		width: 100%;
		background-color: #000;
		padding-top: 20px;
	}
	.l-page-wrapper.home-over-header-title {
		padding-bottom: 50px;
	}
	.l-page-wrapper.home-over-header-title {
		text-transform: uppercase;
		padding: 6px;
		display: flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
	}
}




@media (max-width: 1260px) {
.home-under-header-title {
   /*max-width: 280px;*/
}
}
@media (max-width: 985px) {
.home-under-header-title {
    /*background-color: transparent;*/
}
}
@media (max-width: 767px) {
	.home-under-header-wrapper{
		height: 120px;
		width: 37%;
		margin-left: 0%;
	}
	.home-title {
		text-align: center;	
	}
}

@media (max-width: 600px) {
	.home-under-header-wrapper{
		background-color: transparent;
		width: 100%;
		margin-left: inherit;
	}
}
.home-under-header-title .is-light {
    display: inline-flex;
    font-family: 'darwinaltregular';
    color: #FFFFFF;
    font-size: 37px;
    font-weight: 700;
    position: relative;
    align-self: center;
}

.home-over-header-title .is-light {
    display: inline-flex;
    font-family: 'darwinaltregular';
    color: #000;
    font-size: 21.5px;
    position: relative;
    align-self: center;
}

@media (max-width: 835px) {
	.home-under-header-title .is-light{
		/*font-size: 25px;*/
	}
	
}

@media (max-width: 767px) {
	.home-under-header-title .is-light{
		/*font-size: 18px;*/
	}
	
	.home-over-header-title .is-light{
		color: #fff;
		font-size: 37px;
    	font-weight: 700;
	}
}

.home-under-header-title .is-light::before{
	background: url(../images/chevron.gif) no-repeat scroll center center / auto auto;
    content: "";
    display: block;
    height: 46px;
    left: 0%;
    position: absolute;
    top: -86px;
    transform: rotate(180deg);
    width: 46px;
    z-index: 110;
}

@media (max-width: 1260px) {
	.home-under-header-title .is-light::before{
		/* left: -6%;*/
	}
}


@media (max-width: 835px) {
	.home-under-header-title .is-light::before{
		/* left: -8%;*/
	}
}

@media (max-width: 767px) {
	.home-under-header-title .is-light::before{
		display: none;
	}
}

.home-under-header-title .is-new-line:after{
	background: url(../images/chevron.gif) no-repeat scroll center center / auto auto;
    content: "";
    display: block;
    height: 46px;
    right: 0%;
    position: absolute;
    bottom: -86px;
    width: 46px;
    z-index: 110;
}

@media (max-width: 1260px) {
	.home-under-header-title .is-new-line:after{
		/* right: -6%;*/
	}
}

@media (max-width: 835px) {
	.home-under-header-title .is-new-line:after{
		/*right: -8%;*/
	}
}

@media (max-width: 767px) {
	.home-under-header-title .is-new-line:after{
		display: none;
	}
}

.home-under-header-title .is-new-line{	
	font-family: 'darwinaltregular';
    color: #FFFFFF;
    display: inline-flex;
    font-size: 21.5px;
    line-height: 1em;
    position: relative;
    align-self: center;
}

.home-over-header-title .is-new-line{	
	font-family: 'darwinaltregular';
    color: #000;
    display: inline-flex;
    font-size: 21.5px;
    line-height: 1em;
    position: relative;
    align-self: center;
}

@media (max-width: 835px) {
.home-under-header-title .is-new-line{
		/*font-size: 20px;*/
    	/*line-height: 1.5em;*/
		margin-left: 0;
		text-align: center;
	}
}

@media (max-width: 767px) {
.home-under-header-title .is-new-line {
   /* font-size: 16px;*/
}
	.home-over-header-title .is-new-line {
		color: #fff;
	}
}


/*.home-under-header-title .is-new-line:after, .home-under-header-title .is-light::before{
	display: none;
}
}*/
.home-under-header-ministre {
    align-items: center;
    background-color: #DEDEDE;
    /*border-radius: 6px;*/
    bottom: -115px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    position: absolute;
    right: 0;
    width: 480px;
    z-index: 30;
	
}
@media (max-width: 900px) {
.home-under-header-ministre {
    width: 410px;
}
}
@media (max-width: 767px) {
.home-under-header-ministre {
    margin-top: 75px;
    position: static;
    width: 100%;
}
}
.under-header-ministre-pic-wrapper {
    /*border-radius: 50%;*/
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 80px;
}
.under-header-ministre-pic-wrapper img {
    left: 50%;
    position: absolute;
    top: 70%;
    transform: translate(-50%, -50%);
}
.under-header-ministre-title {
    color: #212121;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-top: 20px;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.under-header-ministre-title::after {
    color: #212121;
    content: "- - -";
    display: block;
    margin-top: 5px;
    text-align: center;
}
.under-header-ministre-signature {
    color: #212121;
    display: block;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1rem;
    margin-top: 15px;
    max-width: 100%;
    text-align: center;
}
.under-header-ministre-texte {
    margin-top: 10px;
    max-width: 100%;
}
.under-header-ministre-texte p {
    color: #212121;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.25rem;
    text-align: center;
}
@media (max-width: 900px) {
.under-header-ministre-texte p {
    font-size: 1rem;
    line-height: 1.125rem;
}
}
.nav-main {
    /*flex-basis: 75%;*/
}
@media (max-width: 970px) {
.nav-main {
    flex-basis: 85%;
}
}
@media (max-width: 767px) {
.nav-main {
    flex-basis: auto;
}
}
.nav-main .toplevel {
    display: flex;
    font-size: 0;
    justify-content: space-between;
}
@media (max-width: 767px) {
.nav-main .toplevel {
    flex-direction: column;
}
}
.nav-main .toplevel-item {
    display: inline-block;
    font-size: 1rem;
    margin: 0;
    position: relative;
    vertical-align: bottom;
}
.nav-main .toplevel-item:last-child .sublevel {
    left: auto;
    right: 0;
}
.nav-main .toplevel-item:hover .sublevel {
    display: block;
}
.toplevel-item-link {
    align-items: center;
    color: #ffffff;
    display: flex;
    font-size: 1rem;
    line-height: 1rem;
    padding: 15px;
    text-transform: uppercase;
}
@media (max-width: 970px) {
.toplevel-item-link {
    font-size: 0.875rem;
    line-height: 0.875rem;
}
}
.toplevel-item-link:hover {
    background-color: #0c4706;
    text-decoration: none;
}
.toplevel-item-link-icon {
    fill: #ffffff;
    flex-shrink: 0;
    margin-right: 10px;
}
@media (max-width: 767px) {
.toplevel-item-link-icon {
    text-align: center;
    width: 28px;
}
}
.pagination .pagination-element {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.pagination .pagination-element + .pagination-element {
    margin-left: 10px;
}
.pagination a {
    display: inline-block;
    vertical-align: middle;
}
.participer-hubs {
    padding-top: 25px;
}
.participer-hubs .home-hubs-list {
    margin-top: 0;
}
.participer-thematiques {
    margin-top: 70px;
}
.participer-thematiques-title {
    font-size: 1.875rem;
    line-height: 2.125rem;
    margin-bottom: 45px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 767px) {
.participer-thematiques-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 20px;
}
}
.participer-thematiques-list {
    display: flex;
    flex-wrap: wrap;
    list-style: outside none none;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 767px) {
.participer-thematiques-list {
    margin: 0;
}
}
.participer-thematiques-list-element {
    flex-basis: calc(33.33% - 30px);
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5rem;
    margin: 15px;
}
@media (max-width: 767px) {
.participer-thematiques-list-element {
    flex-basis: 100%;
    margin: 10px 15px;
}
}
.participer-pp-box {
    display: flex;
    margin-top: 50px;
}
@media (max-width: 767px) {
.participer-pp-box {
    flex-direction: column-reverse;
}
}
.participer-pp-box-left {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-basis: 68%;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}
@media (max-width: 767px) {
.participer-pp-box-left {
    flex-basis: auto;
}
}
.participer-pp-box-left h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}
.participer-pp-box-right {
    align-items: center;
    background-color: #3f47a6;
    display: flex;
    flex-basis: 32%;
    justify-content: center;
    padding: 45px 35px;
}
@media (max-width: 767px) {
.participer-pp-box-right {
    flex-basis: auto;
    padding: 20px;
}
}
.participer-pp-box-right .spokepersons-video-wrapper {
    margin: 0;
}
.pp-box-right-image-wrapper {
    border-radius: 8px;
    box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
/* Contenu avec menu */
.contenu-avecnav-box {
    display: flex;
    margin-top: 10px;
}
@media (max-width: 767px) {
.contenu-avecnav-box {
    flex-direction: column;
}
}
.contenu-avecnav-box-left {
    align-items: left;
    background-color: #fff;
    display: flex;
    flex-basis: 75%;
    flex-direction: column;
    justify-content: left;
   /* padding: 20px;*/
}
@media (max-width: 767px) {
.contenu-avecnav-box-left {
    flex-basis: auto;
}
}
.contenu-avecnav-box-left h2 {
    font-size: 2.5rem;
    line-height: 2.8rem;
}
.contenu-avecnav-box-right {
    align-items: left;
    /*background-color: #9EBDA0;*/
    display: flex;
    flex-basis: 25%;
    justify-content: left;
    /*padding: 45px 35px;*/
}
@media (max-width: 767px) {
.contenu-avecnav-box-right {
    flex-basis: auto;
    padding: 15px 5px 30px;
}
}


.l-piv {
    padding-top: 25px;
	background-color: #fff;
}
@media (max-width: 767px) {
.l-piv {
    padding-top: 14px;
}
}
.piv::before, .piv::after {
    content: "";
    display: table;
    line-height: 0;
}
.piv::after {
    clear: both;
}
@media (max-width: 767px) {
.piv {
    text-align: center;
}
}
.piv-logo {
    display: inline-block;
    float: left;
    margin-right: 17px;
    padding-bottom: 30px;
}
@media (max-width: 767px) {
.piv-logo {
    float: none;
    margin-left: 0;
    margin-right: 0;
    max-width: 134px;
    padding-bottom: 14px;
}
}
.piv-nav {
    background-color: #039;
    float: left;
    font-family: "Arial",sans-serif;
    margin-top: 31px;
    width: calc(100% - 211px);
}
@media (max-width: 767px) {
.piv-nav {
    display: none;
    margin-top: 0;
    padding: 30px 0;
}
}
.piv-nav ul {
    box-sizing: border-box;
    /*height: 20px;*/
    list-style-type: none;
    margin-bottom: 0;
    /*padding: 0 9px;*/
    position: relative;
    width: 100%;
}
.piv-nav ul::before, .piv-nav ul::after {
    content: "";
    display: table;
    line-height: 0;
}
.piv-nav ul::after {
    clear: both;
}
@media (max-width: 767px) {
.piv-nav ul {
    height: auto;
    padding: 0 15px;
}
}
.piv-nav li {
    display: inline-block;
    font-size: 0.8125rem;
    line-height: 16px;
    margin: 0 10px;
    transition: all 0.3s ease 0s;
}
@media (min-width: 768px) and (max-width: 1023px) {
.piv-nav li {
    margin: 0 7px;
}
.piv-nav li:first-child {
    margin-left: 0;
}
}
@media (max-width: 767px) {
.piv-nav li {
    margin: 0;
    text-align: left;
    width: 100%;
    margin-top: 7px;
}
}
.piv-nav li:first-child {
    margin-left: 35px;
}
@media (max-width: 767px) {
.piv-nav li:first-child {
    margin-left: 0;
}
}
.piv-nav li::before {
    display: none;
}
.piv-nav li.lang {
    float: right;
    margin-right: 5px;
}
@media (max-width: 767px) {
.piv-nav li.lang {
    float: none;
    margin: 0;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 0;
    width: 50%;
}
}
.piv-nav a {
    color: #fff;
    font-family: "Arial",sans-serif;
	font-size: 14px;
}
.communiques-wrapper {
    margin-top: 40px;
}
.communiques-title {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-bottom: 10px;
}
.communiques-list {
    border-top: 1px solid #c6cf0f;
    margin-top: 25px;
}
.communiques-list-element {
    border-bottom: 1px solid #dfdfdf;
    display: flex;
    flex-direction: column;
    padding: 30px 0;
}
.communiques-list-element-meta {
    color: #3f47a6;
    font-size: 0.875rem;
    line-height: 1rem;
    text-transform: uppercase;
}
.communiques-list-element-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin: 10px 0;
    text-transform: none;
}
.communiques-list-element-title a {
    box-shadow: none !important;
    text-decoration: none;
}
.communiques-list-element-title a:hover {
    text-decoration: underline;
}
.communiques-list-element-text {
    font-size: 1rem;
    line-height: 1.125rem;
    margin: 0;
}
.rel-box {
    background-color: #f2f2f2;
    margin: 30px 0;
    padding: 40px;
}
@media (max-width: 767px) {
.rel-box {
    margin: 15px 0;
    padding: 20px 15px;
}
}
.rel-header {
    align-items: center;
    display: flex;
}
.rel-header-pic-wrapper {
    border-radius: 50%;
    flex-shrink: 0;
    height: 100px;
    margin-right: 25px;
    overflow: hidden;
    width: 100px;
}
@media (max-width: 767px) {
.rel-header-pic-wrapper {
    height: 60px;
    width: 60px;
}
}
.rel-name {
    display: block;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.875rem;
    text-transform: uppercase;
}
@media (max-width: 767px) {
.rel-name {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
}
.rel-poste {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.375rem;
}
@media (max-width: 767px) {
.rel-poste {
    font-size: 1rem;
    line-height: 1.25rem;
}
}
.rel-infos {
    display: block;
    margin-top: 20px;
}
.rel-infos-row {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.375rem;
}
.rel-infos-row a {
    font-weight: 300;
}
.single-content-title {
    display: block;
    font-size: 3rem;
    line-height: 3rem;
    margin: 0 30px 55px;
    max-width: 75%;
    text-align: left;
    width: 75%;
}
@media (max-width: 767px) {
.single-content-title {
    font-size: 2.75rem;
    line-height: 2.550rem;
    margin-bottom: 50px;
    max-width: none;
    padding: 0 15px;
    transform: none;
}
}
.single-content {
    background-color: #fff;
    box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.1);
    padding: 30px 2%;;
    position: relative;
}

.single-content::after{
	background: url(../images/chevron-vert.gif) no-repeat scroll center center / auto auto;
    content: "";
    display: block;
    height: 73px;
    right: -4%;
    position: absolute;
    bottom: -46px;
    width: 73px;
    z-index: 110;
}

.single-content::before{
	background: url(../images/chevron-vert.gif) no-repeat scroll center center / auto auto;
    content: "";
    display: block;
    height: 73px;
    left: -4%;
    position: absolute;
    top: -46px;
    transform: rotate(180deg);
    width: 73px;
    z-index: 110;
}
@media (min-width: 768px) and (max-width: 1023px) {
.single-content {
    padding: 80px 30px;
}
}
@media (max-width: 767px) {
.single-content {
    border-radius: 0;
    padding: 10px 15px 20px;
}
	.single-content::before, .single-content::after{
		display: none;
	}
}

.is-after-blue .single-content::after {
    background-color: #3f47a6;
}
.is-after-green .single-content::after {
    background-color: #c6cf0f;
}
/*.single-content a {
    box-shadow: 0 2px 0 #c6cf0f;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    transition: box-shadow 150ms ease 0s;
	color: #3E6AFB;
    font-weight: 500;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}
.single-content a:hover {
    box-shadow: none;
}*/

.nav-footer-items{
	position: relative;
}

/* Liens */
.single-content a, 
.content-calendar-item-infos-schedule a,
.news-item-content h3 a,
.nav-footer-item-link
{
	font-weight: 500;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-perspective: 600px;
	perspective: 600px;
	/*-webkit-perspective-origin: 50% 100%;
	perspective-origin: 50% 100%;*/
	color: #34782F;
	/*position: relative;*/
    /*display: inline-block;*/
    outline: none;
	/*vertical-align: bottom;*/
    text-decoration: none;
   /* white-space: nowrap*/
}

.interne a{
	border: solid 1px #8cc152;
}

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

.nav-footer-item-link{
	color: #ffffff;
}

.single-content a:hover, 
.content-calendar-item-infos-schedule a:hover,
.news-item-content h3 a:hover,
.nav-footer-item-link:hover{
	text-decoration: underline;
}

/*.single-content a::before, 
.content-calendar-item-infos-schedule a::before,
.news-item-content h3 a::before,
.nav-footer-item-link::before,
.nav-footer-item-link::after{
	position: absolute;
	top: 0;
	left: -5px;
	z-index: -1;
	box-sizing: content-box;
	padding: 0 5px;
	width: 100%;
	height: 100%;
	background-color: #DCECC9;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
	transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
	-webkit-transform: scale(0);
	transform: scale(0);
	color: #212121;
}*/

.single-content a:hover::before,
.single-content a:focus::before,
.content-calendar-item-infos-schedule a:hover::before,
.content-calendar-item-infos-schedule a:focus::before,
.news-item-content h3 a:hover::before,
.news-item-content h3 a:focus::before,
.nav-footer-item-link:focus::before,
.nav-footer-item-link:hover::before{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
} 

.single-content a.is-external::after,
.single-content a.is-pdf::after, 
.single-content a.is-not-accessible::after,
.home-hubs-header-description a.is-external::after,
.content-sidebar-news a.is-external::after,
.content-sidebar-news a.is-pdf::after,
.footer-top a.is-external::after
{
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 5px;
    width: 15px;
}
.single-content a.is-external::after,
.single-content-intro a.is-external::after,
.home-hubs-header-description a.is-external::after,
.content-sidebar-news a.is-external::after,
.footer-top a.is-external::after{
    background: rgba(0, 0, 0, 0) url("../svg/icon-external.svg") no-repeat scroll center center / 15px 15px;
}
.single-content a.is-transcript::before{
    background: rgba(0, 0, 0, 0) url("../svg/icon-transcript.svg") no-repeat scroll center center / 15px 15px;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    width: 15px;
}
.single-content a.is-not-accessible::after{
    background: rgba(0, 0, 0, 0) url("../svg/icon-not-accessible.svg") no-repeat scroll center center / 15px 15px;
}
.single-content a.is-not-accessible.is-external::after{
    background: rgba(0, 0, 0, 0) url("../svg/icon-acc-ext.svg") no-repeat scroll center center / 34px 15px;
    width: 34px;
}
.single-content a.is-pdf::after{
	background: rgba(0, 0, 0, 0) url("../svg/icon-pdf.svg") no-repeat scroll center center / 15px 15px;	
}
.single-content-under-wrapper {
    display: flex;
    margin-top: 30px;
}
@media (max-width: 767px) {
.single-content-under-wrapper {
    flex-direction: column;
}
	.single-content a{
		display: inline;
		white-space: normal;
	}
	
	.interne a {
		display: block;
		
	}
	.single-content a::before{
		display: none;
	}
	.single-content a[href^="tel"] {
		pointer-events: inherit;
		text-decoration: underline;
	}
}
.single-content-under-wrapper.is-halves .single-content-under {
    flex-basis: 50%;
    padding: 50px;
}
@media (max-width: 767px) {
.single-content-under-wrapper.is-halves .single-content-under {
    flex-basis: auto;
}
}
.single-content-under-wrapper.is-halves .single-content-under + .single-content-under {
    margin-left: 40px;
}
@media (max-width: 767px) {
.single-content-under-wrapper.is-halves .single-content-under + .single-content-under {
    margin-left: 0;
    margin-top: 20px;
}
}
.single-content-under {
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    padding: 80px 14%;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
.single-content-under {
    padding: 80px 30px;
}
}
@media (max-width: 767px) {
.single-content-under {
    border-radius: 0;
    flex-basis: auto;
    padding: 30px 15px;
}
}
.single-content-under .icon-wrapper {
    fill: #c6cf0f;
}
.single-content-under h2 {
    color: #3f47a6;
    margin-bottom: 15px;
    max-width: 100%;
    text-align: center;
}
.single-content-under p {
    max-width: 100%;
    text-align: center;
}
.single-content-intro {
    margin-bottom: 25px;
	box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.1);
	border: solid 3px #34782F;
}
.single-content-intro p {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.625rem;
    padding: 10px;
}
@media (max-width: 767px) {
.single-content-intro p {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
}
.single-content-intro.is-no-italic p {
    font-style: normal;
}
.single-content-main-content {
    margin-top: 25px;
}
.single-content-menu{
		
}
ul.featured-list {
    display: flex;
    list-style: outside none none;
    margin: 30px 0;
    padding: 0;
}
@media (max-width: 767px) {
ul.featured-list {
    flex-direction: column;
}
}
ul.featured-list li {
    flex-basis: 33%;
    margin-bottom: 0;
}
@media (max-width: 767px) {
ul.featured-list li {
    flex-basis: auto;
}
}
ul.featured-list li + li {
    border-left: 1px solid #c6cf0f;
}
@media (max-width: 767px) {
ul.featured-list li + li {
    border-left: 0 none;
    border-top: 1px solid #c6cf0f;
}
}
ul.featured-list li:nth-child(1) {
    padding-right: 30px;
}
@media (max-width: 767px) {
ul.featured-list li:nth-child(1) {
    padding: 15px 0;
}
}
ul.featured-list li:nth-child(2) {
    padding: 0 30px;
}
@media (max-width: 767px) {
ul.featured-list li:nth-child(2) {
    padding: 15px 0;
}
}
ul.featured-list li:nth-child(3) {
    padding-left: 30px;
}
@media (max-width: 767px) {
ul.featured-list li:nth-child(3) {
    padding: 15px 0;
}
}
.featured-list-title {
    color: #3f47a6;
    display: block;
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
.featured-list-title {
    font-size: 3.125rem;
    line-height: 3.125rem;
    margin-bottom: 15px;
}
}
.single-content-socials {
    align-items: center;
    border-top: 1px solid #dfdfdf;
    display: flex;
    margin-top: 35px;
    padding-top: 45px;
}
.single-content-socials .header-social-items {
    margin-left: 15px;
}
@media (max-width: 767px) {
.single-content-socials .header-social-items {
    margin-left: 10px;
    margin-top: 0;
}
}
.single-content-socials-title {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 0.875rem;
    text-transform: uppercase;
}
.document-box {
    background-color: #f2f2f2;
    display: flex;
    margin: 20px 0;
    padding: 40px;
}
@media (max-width: 767px) {
.document-box {
    align-items: center;
    flex-direction: column;
    padding: 20px;
}
}
.document-box-img-wrapper {
    flex-basis: 100px;
    flex-shrink: 0;
}
@media (max-width: 767px) {
.document-box-img-wrapper {
    flex-basis: auto;
}
}
.document-box-img-wrapper a::after {
    display: none !important;
}
.document-box-content-wrapper {
    margin-left: 25px;
}
@media (max-width: 767px) {
.document-box-content-wrapper {
    margin-left: 0;
    margin-top: 25px;
}
}
.document-box-content-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.document-box-content-title a {
    box-shadow: none;
    text-decoration: underline;
}
.document-box-content-title a:hover {
    text-decoration: none;
}
.document-box-content-text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    margin-top: 10px;
}
.single-content-icon-success-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
.single-content-icon-success {
    align-items: center;
    border: 5px solid #c6cf0f;
    border-radius: 50%;
    display: flex;
    fill: #3f47a6;
    height: 62px;
    justify-content: center;
    width: 62px;
}
table {
    border-spacing: 0;
    font-size: 1rem;
    line-height: 1.3125rem;
    margin-bottom: 15px;
    width: 100%;
}


table td {
    /*background-color: #DEDEDE;*/
   /*border-bottom:solid 1px #DEDEDE;*/
   /* padding: 10px 18px;*/
    /*text-align: left;*/
   /* vertical-align: middle;*/
}
table td img {
    display: block;
    margin: 0 auto;
    max-width: initial;
}
.single-post-date {
    color: #3f47a6;
    display: block;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.thematique-header {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.thematique-header-title {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 0.75rem;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase;
}
.thematique-header-title::after {
    background-color: #c6cf0f;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100vw;
    z-index: 1;
}
.thematique-header-number {
    background-color: #fff;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 0.75rem;
    padding-left: 15px;
    text-transform: uppercase;
    z-index: 2;
}
.thematique-content {
    margin-top: 85px;
}
@media (max-width: 767px) {
.thematique-content {
    margin-top: 35px;
}
}
.thematique-content-title {
    font-size: 3rem;
    font-weight: 300;
    line-height: 3rem;
}
@media (max-width: 767px) {
.thematique-content-title {
    font-size: 1.625rem;
    line-height: 1.625rem;
}
}
.thematique-content-desc p {
    font-weight: 300;
}
.thematique-content-quiz {
    border-top: 1px solid #c6cf0f;
    margin-top: 50px;
    padding-top: 50px;
}
@media (max-width: 767px) {
.thematique-content-quiz {
    margin-top: 25px;
}
}
.thematique-content-bottom {
    border-top: 1px solid #c6cf0f;
    margin-top: 50px;
    padding-top: 50px;
}
@media (max-width: 767px) {
.thematique-content-bottom {
    margin-top: 25px;
}
}
.thematiques-hubs-list {
    display: flex;
    flex-wrap: wrap;
    margin: 25px -10px -10px;
}
@media (max-width: 650px) {
.thematiques-hubs-list {
    flex-direction: column;
    margin: 25px 0 0;
}
}
.thematiques-hubs-list-element {
    border: 3px solid #f2f2f2;
    border-radius: 6px;
    flex-basis: calc(50% - 20px);
    margin: 10px;
    position: relative;
}
@media (max-width: 650px) {
.thematiques-hubs-list-element {
    flex-basis: auto;
    margin: 0;
}
}
.ie11 .thematiques-hubs-list-element {
    flex-basis: calc(50% - 26px);
}
@media (max-width: 650px) {
.ie11 .thematiques-hubs-list-element {
    flex-basis: auto;
    margin: 0;
}
}
@media (max-width: 650px) {
.thematiques-hubs-list-element + .thematiques-hubs-list-element {
    margin-top: 20px;
}
}
.thematiques-hubs-list-element h2 {
    align-items: center;
    color: #3f47a6;
    display: flex;
    font-size: 1.125rem;
    justify-content: space-between;
    line-height: 1.375rem;
    text-transform: uppercase;
    width: 100%;
}
.thematiques-hubs-list-element h2::after {
    background: rgba(0, 0, 0, 0) url("../svg/icon-arrow-right.svg") no-repeat scroll center center;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 14px;
    width: 22px;
}
.thematiques-hubs-list-element-link {
    align-items: center;
    box-shadow: none !important;
    display: flex;
    height: 100%;
    min-height: 110px;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    text-decoration: none;
    z-index: 2;
}
.thematiques-hubs-list-element-link:hover::after, .is-completed .thematiques-hubs-list-element-link::after {
    opacity: 1;
    transform: translateY(0px);
}
.thematiques-hubs-list-element-link::after {
    background-color: #f2f2f2;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(100%);
    transition: transform 300ms ease 0s, opacity 300ms ease 0s, -webkit-transform 300ms ease 0s;
    width: 100%;
    z-index: -1;
}
.thematiques-hub-list-element-status {
    background-color: #fff;
    border: 3px solid #f2f2f2;
    border-radius: 50%;
    height: 32px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px;
    z-index: 5;
}
.is-completed .thematiques-hub-list-element-status {
    background: #505151 url("../svg/icon-checked-white.svg") no-repeat scroll center center / 17px 12px;
    border: 0 none;
}
.thematiques-trigger-wrapper {
    align-items: center;
    display: flex;
    margin-top: 50px;
}
@media (max-width: 767px) {
.thematiques-trigger-wrapper {
    align-items: flex-end;
    flex-direction: column;
    margin-top: 20px;
}
}
.thematiques-trigger-wrapper p {
    font-weight: 300;
    margin: 0 25px 0 0;
}
@media (max-width: 767px) {
.thematiques-trigger-wrapper p {
    margin: 0 0 25px;
}
}
.thematiques-trigger-wrapper .field {
    margin-right: 25px;
    max-width: 100%;
}
@media (max-width: 767px) {
.thematiques-trigger-wrapper .field {
    margin-bottom: 15px;
    margin-right: 0;
}
}
.thematiques-trigger-wrapper .field label {
    max-width: 100%;
}
.thematiques-trigger-wrapper .field label::before {
    margin-right: 10px;
}
.thematiques-trigger-wrapper .btn-rounded {
    flex-shrink: 0;
}
body.is-single-content .l-breadcrumb {
    display: block;
}
@media (max-width: 767px) {
body.is-single-content .l-block-content .l-page-wrapper {
    padding: 0;
}
}
body.is-single-content .l-page {
    padding-top: 50px;
    position: relative;
}
@media (max-width: 767px) {
body.is-single-content .l-page {
  /*  padding-top: 75px;*/
}
}
body.is-single-content .l-page::before {
    /*background-color: #fff;
    content: "";
    height: 550px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;*/
	/*background: rgba(0, 0, 0, 0) url(../images/cannabis-bandeau_v2.jpg) no-repeat scroll center center;
    content: "";
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-size: cover;*/
}
body.is-single-content .l-page::after {
   /*background: rgba(0, 0, 0, 0) url("../images/cannabis-bandeau_v2.jpg") no-repeat scroll center top;*/
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
body.is-single-content .l-page::after {
    background-size: 225% auto;
}
}
@media (max-width: 767px) {
body.is-single-content .l-page::after {
    background-size: 300% auto;
}
}
body.is-bg-bottom .l-page {
    background: rgba(0, 0, 0, 0) url("../images/bg-single.jpg") no-repeat scroll center bottom / 100% auto;
    padding-bottom: 120px;
}
@media (max-width: 767px) {
body.is-bg-bottom .l-page {
    padding-bottom: 30px;
}
}

/* Programmation d'un événement */
.programmation{
	overflow:hidden;	
}
.programmation h3 {
    background-color: #757575;
    clear: left;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
	color: #fff;
	
}
.programmation .heure {
    float: left;
    margin: 0px 6px 0 0;
    text-align: right;
    width: 16%;
	font-family: "lato" ,sans-serif;
	font-size:1.2rem;
	clear: left;
}
.programmation .theme{
	clear: left;
	font-size: 1.2rem;
	margin-top: 15px;
	float: left;
	font-family: "lato" ,sans-serif;
}
.programmation .description-evenement {
    border-left: 1px solid #757575;
    float: left;
    margin: 0 0 20px;
    padding: 0 6px;
    width: 80%;
	font-family: "lato" ,sans-serif;
}
.programmation .titre-evenement em{
    font-weight: 700;
	font-family: "lato" ,sans-serif;
	/*font-style: normal;*/
}

.programmation .description-evenement ol, .programmation .description-evenement li{
	font-size: 1.1rem;
}
@media (max-width: 767px) {
    .programmation .heure {
    	font-size:1rem;
    }
}

/* DATE DE MISE À JOUR */
.date{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-top: 35px;
}

.date p{
	font-size: 1rem;
	border-top: solid 1px #515151;
}

/* Étape de navigation (formulaire) */
.nav-etapes > li + li::before {
    color: #212121;
    content: ">>> ";
    padding: 20px;;
}
.etape-active span{
	font-weight:bold;	
	    background-color: #8CC152;
	padding: 20px;color: #212121;
}

.validation-courriel, .validation-courriel-champs-vide{
	margin-top: -15px;
	font-size: 16px;;
	flex-basis: 85%;
    margin-left: 16%;
    font-style: italic;
	color: #447934;
}

.validation-courriel-champs-vide{
	margin-left: 0;
}

/* VIDÉOS */

.vid-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px; 
	height: 0; 
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vid-list-container {
	width: 92%;
	overflow: hidden;
	margin-top: 20px;
	margin-left:4%;
	padding-bottom: 20px;
}

.vid-list {
	width: 2200px;
	position: relative;
	top:0;
	left: 0;
}


.vid-item {
	display: block;
	width: 148px;
	height: 175px;
	float: left;
	margin: 0;
	padding: 10px;
}

.vid-item:hover{
	cursor: pointer;
}

.thumb {
	overflow:hidden;
	height: 70px;
}

.thumb img {
	width: 100%;
	position: relative;
	top: -13px;
}

.vid-item .desc p{
	font-size: 15px;
	margin-top:5px;
	color: #ffffff;
}

.arrows {
	position:relative;
	width: 100%;
}

.arrow-left {
    margin-top: 10px;
	color: #222f3e;
	position: absolute;
	background: #ffffff;
	padding: 15px;
	left: 0;
	top: -130px;
	z-index: 99;
	cursor: pointer;
}

.arrow-right {
    margin-top: 10px;
	color: #222f3e;
	position: absolute;
	background: #ffffff;
	padding: 15px;
	right: 0;
	top: -130px;
	z-index:100;
	cursor: pointer;
}

@media (max-width: 624px) {
	.arrows {
		position:relative;
		margin: 0 auto;
		width:96px;
		z-index: 99999;
		margin-bottom: 40px;
	}
	.arrow-left {
		left: 0;
		top: -20px;
	}

	.arrow-right {
		right: 0;
		top: -20px;
	}
}

@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; }
	.programmation h3{
		background-color: white;
		float: none;
		padding: 10px 0 10px 0;
		color: black;
	}
	
	h2, .h2{
		color: black;
	}
	
	.programmation .heure{
		float: none;
		margin: inherit;
		text-align: left;
		width: inherit;
		margin-top: 10px;
	}
	
	body.is-single-content .l-page{
		padding-top: inherit;
		position: inherit;
	}
	
	.l-block-content, .l-block-sidebar{
		display: inline;
		width: auto;
		z-index: inherit;
	}
	
	.programmation{
		overflow: inherit;
	}
	
	.programmation .description-evenement{
		display: inline;
		border: 0;
		float: none;
		margin:inherit;
		padding: inherit;
		width: inherit;
		margin-bottom: 10px;
	}
	.l-page-wrapper{
		width: inherit;
		padding: inherit;
		position: inherit;
	}
	
	.single-content{
		box-shadow: 0 0 0 0 rgba(0,0,0,0);
		padding: inherit;
	}
	
	.single-content-title{
		display: inline;
		margin: inherit;
		max-width: inherit;
		width: inherit;
		text-align: inherit;
	}
	
	body.is-single-content .l-page::after, .single-content::before, .single-content::after, .nav-main .toplevel, .footer-top{
		display: none;
	}
}

/** ACCORDÉONS **/


#accordion {
	width: 100%;
}

#accordion .ui-accordion-header{
	width: 100%;
	display: block;
	padding: 0 18px;
	margin-bottom: 0;
	font-size: 2rem;
}



#accordion .ui-accordion-header:hover{
	cursor: pointer;
}

#accordion .ui-accordion-content{
	padding: 18px;
}

.bandeau {
    padding-bottom: 20px;
}

div.imagedecorative img {
    width: 130px;
    padding: 10px 20px;
    float: left;
}

div.imagedecorative {
    clear: both;
    display: inline-block;
}


@media (max-width: 767px) {
	div.imagedecorative img {
		width: 80px;
	}
}


.l-page-wrapper.new-mobile {
    display: none;
}


@media (max-width: 767px) {
    .l-page-wrapper.new-mobile {
        display: block;
    }
    .l-page-wrapper.new-mobile .home-hubs-list-item,
    .l-page-wrapper.new-mobile .home-hubs-list-item-link {
        background-color: #C2E1AC;
    }
    .l-page-wrapper.new-mobile .home-hubs-list-item-link p {
        color: #063627;
        font-weight: bold;
    }
    .l-page-wrapper.new-mobile .home-hubs-list {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}