/*!
Theme Name: CHAHUT
Theme URI: https://afa-multimedia.com/
Author: Victorine
Description: Description
Version: 1.0.0
Text Domain: theme_chahut

*/

/**********************************
*                                 *
*           FONT FAMILY           *
*		Lato/Pt Serif/Awesome     *
*                                 *
***********************************/

@font-face {
    font-family: 'lato_blackregular';
    src: url('./assets/fonts/lato-black-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-black-webfont.woff') format('woff');
}

@font-face {
    font-family: 'lato_blackitalic';
    src: url('./assets/fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-blackitalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'latobold';
    src: url('./assets/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'latobold_italic';
    src: url('./assets/fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-bolditalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'lato_hairlineregular';
    src: url('./assets/fonts/lato-hairline-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-hairline-webfont.woff') format('woff');
}

@font-face {
    font-family: 'lato_hairlineitalic';
    src: url('./assets/fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-hairlineitalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'latoitalic';
    src: url('./assets/fonts/lato-italic-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-italic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'lato_lightregular';
    src: url('./assets/fonts/lato-light-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'lato_lightitalic';
    src: url('./assets/fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-lightitalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'latoregular';
    src: url('./assets/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/lato-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'pt_serifbold';
    src: url('./assets/fonts/pt_serif-web-bold-webfont.woff2') format('woff2'),
         url('./assets/fonts/pt_serif-web-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'pt_serifbold_italic';
    src: url('./assets/fonts/pt_serif-web-bolditalic-webfont.woff2') format('woff2'),
         url('./assets/fonts/pt_serif-web-bolditalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'pt_serifitalic';
    src: url('./assets/fonts/pt_serif-web-italic-webfont.woff2') format('woff2'),
         url('./assets/fonts/pt_serif-web-italic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'pt_serifregular';
    src: url('./assets/fonts/pt_serif-web-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/pt_serif-web-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    src: url('./assets/fonts/fa-brands-400.woff2') format('woff2'),
         url('./assets/fonts/fa-brands-400.woff') format('woff');
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    src: url('./assets/fonts/fa-regular-400.woff2') format('woff2'),
         url('./assets/fonts/fa-regular-400.woff') format('woff');
}

@font-face {
    font-family: 'Font Awesome 5 Solid';
    src: url('./assets/fonts/fa-solid-900.woff2') format('woff2'),
         url('./assets/fonts/fa-solid-900.woff') format('woff');
}






/**********************************
*                                 *
*           GÉNÉRAL               *
*    Titres/Texte/Boutons/HR      *
*                                 *
***********************************/

*, .selector-for-some-widget  {
	box-sizing:border-box;
	margin:0px;
	padding:0px;
}

.overflow_x_hide {
	overflow-x: hidden;
}

html, body {
	width:100%;
	overflow-x : hidden !important ;
}

body h1 {
	font-family: 'lato_blackregular';	
	font-size: 53px;
}

body h3, body h1 span {
	font-size:19px;	
}

body h4, body h2 {
	font-size:40px;
}

.custom_page h2, .contenu_flexible h2 {
	font-size: 24px;
}

body h5 {
	font-size:25px;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

h2, h4, h5, h6 {
	font-family: 'latobold';
}

h3, a, li, footer p, body h2 span, h1 span  {
	font-family: 'latoregular';
}

p {
	font-family: 'pt_serifregular';
	text-align: justify;
}

hr {
	border-top:4px solid #ffb300;
}

/* img {
	filter: grayscale(100%);
}

header img, footer img {
	filter: none;
} */

.liens:hover, .btn_afa:hover, body a:hover, body a {
	text-decoration:underline;
	color:black;
}

.liens {
	text-decoration:underline;
}

.btn_afa, .liens {
	transition: all 0.2s;	
}

.btn_afa {
	background-color:#5d5d5d;
	padding: 0.8rem 2.5rem;
    border-radius: 1.5rem;
}

.btn_afa, .btn_afa:hover {
    color: white;	
}

.btn_afa:hover {
	background-color:#878787;
}


body .container {
	max-width: none;
	padding-left:0rem;
	padding-right:0rem;
}
body .row {
	margin:0rem;
}






/**********************************
*                                 *
*           HEADER                *
*		                          *
*                                 *
***********************************/

body .bg-light, body .navbar-light .navbar-toggler {
	padding: 0px;	
}

body header, body .bg-light  {
	width:100%;
}

header div:first-child {
	position: relative;
	max-width: 345px;
	margin: auto;
	padding: 1rem 0rem;
}

header img {
	width:10rem;
}

body .navbar-light .navbar-toggler::before {
	content: "MENU";
	color:black;
	vertical-align: middle;
}

body .bg-light {
    z-index: 3;
}

body .dropdown-item:active {
	background: rgba(255,179,0,0.9) ;
	color:#696969;
}

body .bg-light, body .navbar-light .navbar-toggler  {
	top:1rem;
	padding: 0px;
}

body .navbar-light .navbar-toggler, body .bg-light {
	right: 0px;
	position: absolute;	
}

body .navbar-nav .dropdown-menu, body .navbar-light .navbar-toggler {
	border: none;	
}

body .dropdown-item {
	padding:1rem 1.5rem;
}

body .navbar-light .navbar-toggler {
	z-index: 999;
}

body .navbar-nav {
	padding-top: 2.3rem;
}

body .navbar-collapse {
	background:white;
	margin: -25px -35% 0px;
	padding: 1rem 37%;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
}

.dropdown-toggle::after {
	float:right;
	position: relative;
	top: 0.5rem;
}

body .navbar-light .navbar-nav .nav-link {
	text-transform:uppercase;
	padding: 1rem 0rem;
}

.navbar-nav .dropdown:first-of-type {
	margin-top:1rem;
}

.backtop {
    position: fixed;
    width: 4rem;
    bottom: 2rem;
    right: 0rem;
	cursor: pointer;
	font-size: 3rem;
	display: none;
	z-index: 9999;
	text-align: center;
	background: #CEBA63;
	border-radius:3px;
	-webkit-transition: display 3s ease-in-out;
	-moz-transition: display 3s ease-in-out;
	transition: display 3s ease-in-out;
}


.backtop:hover {
	margin-bottom: 1rem;
}

.backtop a {
	font-family: 'lato';
}

.retrait a {
	padding-left:3.5rem;
}







/**********************************
*                                 *
*           FOOTER                *
*		                          *
*                                 *
***********************************/

footer {
	clear:both;	
	padding-bottom: 3rem;
}

footer p.credits{
	text-align:center;
}

footer .col-xl-2, footer .facebook {
	display:none;
}

footer .container {
	margin-top:5rem;
}

footer p {
	font-size: 0.7rem;
}

footer .logo_footer, .credits, footer img  {
	margin: auto;	
}

footer span {
	float:left;
}

footer img {
	display: block;
	width: 10rem;
}

footer .row {
	margin: 0rem auto;
}

.credits {
	padding-top:1rem;
	width:15rem;
}

footer .col-xl-12, footer .container {
	padding:0px;
}

footer ul {
	list-style: none;
}

body footer h3 {
	font-size: 1rem;
	text-transform: initial;
	font-family: 'latobold';
}








/**********************************
*                                 *
*           CONTENU               *
*		      Home                *
*                                 *
*        Couleur jaune :          *
*			#ffb300               *
*	  rgba(255,179,0,0.9)       *
*                                 *
***********************************/

h1, h2, h4 {
	overflow:auto;
	z-index:2;
	position:relative;
}

body h1 {
	padding: 0rem 1.5rem;
	margin-bottom:-3rem;
	width:25rem;
}

h1 span, .border_color h4 span {
	float: left;
}

body h2, body h4 {
	margin-bottom:-1.5rem;
}

body h5 {
	margin:4rem 24px 1rem;
}

body h4 {
	width:13rem;	
}

body .mec-event-article h4 {
	width:auto;
}

.section_04 h5 {
	width: 16rem;
}

.border_color h4 {
	margin:2rem 24px 2rem 0.5rem;;
}

.border_color h4 span {
	font-size:30px;
	margin-top: -0.5rem;
}

body h6 {
	margin-bottom:1rem;
}

p, .fil_ariane {
	z-index:1;
}

.section_01 .conteneur_desc {
	font-family: 'pt_serifregular';
	text-align: justify;
}

.conteneur_desc {
	padding: 5rem 1.5rem 3rem;
}

.section_04 p {
	padding:0rem 24px;
}

.conteneur_general, .blog .conteneur_general_bis, .search .conteneur_general_bis, .archive .conteneur_general_bis {
	max-width: 345px;
	margin: 5rem auto auto;	
}

body section, .fil_ariane {
	clear:both;
}

.fil_ariane {
	position:relative;
}

.fil_ariane div {
	width: 0.3rem;
	height: 220px;
	z-index: 9999;
	margin:-1rem 1rem -2.5rem 0rem;
    float: right;	
}

.home .fil_ariane div {
	margin:-2rem 1rem -2.5rem 0rem;
}

.fil_ariane:nth-of-type(1) div {
	margin-top:-6rem;
}

.sticky_post .fil_ariane div {
	margin-top:-1rem;
}

.blog .fil_ariane div, .search .fil_ariane div, .archive .fil_ariane div, .contenu_flexible .fil_ariane div  {
	margin-top:-2rem;
}

.blog .fil_ariane:last-of-type, .search

 .fil_ariane:last-of-type, .archive .fil_ariane:last-of-type, .legales_pages .fil_ariane_bis, .contenu_flexible .fil_ariane:last-of-type {
	display: none;
}

.bg_color {
	background:#ffb300;	
}

.border_color {
	border:5px solid #ffb300;
}

.border_color .col-xl-6 {
	text-align: center;
	padding:0rem 0rem 3rem 0rem;
}

.biais::after {
	content:"";
	display:block;
	margin-top: -3rem;
	width: 0;
	height: 0;
	border-bottom: 3rem solid transparent;
	border-left: 21.7rem solid #ffb300;
	bottom: -2.90rem;
	z-index:-1;
}

.section_04 {
	margin-top: 5rem;
}
.section_01, .conteneur_act_saison, .conteneur_act_saison div, .fil_ariane div  {
	position: relative;	
}

.conteneur_act_saison img, .conteneur_act_saison h3, .biais::after {
	position: absolute;
}

section .biais, .section_01 .hidden, .section_04 .bg_color, .section_04 .bg_color div:nth-of-type(2) {
	padding:0rem 0rem 3rem 0rem;
	z-index:1;
}

.section_03 .col-xl-8, .section_02 .col-xl-8 {
	padding: 0rem;
}

.btn_afa {
	margin:0px 24px;
}

/* .section_02 .row {
	background-position: bottom;
} */

.section_01 .row {
	background-position-y:85%;
}

/*.section_02 .row,*/ .section_01 .row {
	background-size: contain;
	padding-bottom:10rem;
	background-repeat:no-repeat;
}

.conteneur_act_saison {
    height: 80px;
    margin: 1rem 0;
}

.conteneur_act_saison div, .conteneur_act_saison h3 {
    transition: all .3s ease-in-out;	
}

.home .conteneur_act_saison h3 {
	color:white;
	z-index: 2;
	top: 35%;
	left: 5%;
	margin:0px;
}

.conteneur_act_saison a:hover h3{
	padding-left:1rem;
}

.conteneur_act_saison div {
	background:rgba(0,0,0,0.54); 
    width: 80%; /*60*/
	height:20rem;
}

.conteneur_act_saison a:hover div {
	width:100%;
	-webkit-transform:skew(15deg);
	-moz-transform:skew(15deg);
	-o-transform:skew(15deg);
	tranform:skew(15deg);
}

.img_bg {
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
}

/*.section_04 .liens{
	text-transform:uppercase;
	display:block;
	margin-left:1.5rem;
} Lire la suite */

.hidden {
    overflow: hidden;	
}

h2 span, .section_03 .btn_afa {
	display:none;
}

.font_awe_1 a::before {
	content: "\f3ff";
}

.font_awe_2 a::before {
	content: "\f277";
}

.font_awe_3 a::before {
	content: "\f015";
}

.font_awe_4 a::before {
	content: "\f1ea";
}

.font_awe_5 a::before {
	content: "\f0e0";
}

.font_awe_6 a::before {
	content: "\f658";
}

.font_awe_1 a::before, .font_awe_6 a::before, .font_awe_5 a::before, .font_awe_4 a::before, .font_awe_3 a::before, .font_awe_2 a::before {
	font-family: "Font Awesome 5 Solid";
}

.border_color a::before {
	padding-right: 1rem;
}








/**********************************
*                                 *
*           CONTENU               *
*  Page / Article / Pages légales *
*      404 / Petites pages        *
***********************************/


.page .conteneur_contenu, .custom_page h1, .single h1{
	width:100%;
}

.conteneur_h1 {
	background: #ffb300;
	height: 100%;
}

.conteneur_hide, .conteneur_h1, .container_h1, .blog .fil_ariane, .search .fil_ariane, .archive .fil_ariane, .contenu_flexible .fil_ariane {
	width:100%;
}

.conteneur_hide {
	position: absolute;
	height: 15rem;
	z-index: -1;
	top: 2.7rem;
}

.custom_page .row {
	position: relative;
}

.custom_page h1 {
	margin-bottom: 0rem;
}

.single h1, .custom_page h1 {
	text-align: center;
	font-size:34px;
	margin-top:0.2rem;
}

.single h1 {
	margin: 0;
    padding: 2rem 0.5rem 1rem;
    background: rgba(255,179,0,0.9);
}

.custom_page h2, .single h2, .contenu_flexible h2 {
	margin-bottom:2rem;
}

.custom_page h1, .conteneur_text {
	padding:1rem;	
}

.conteneur_text {
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	margin-bottom:5rem;
	background: white;
	position: relative;
	overflow: hidden; 
}

.single .conteneur_text {
	padding-top: 2rem;
}

.conteneur_contenu .col-md-6 {
	padding:1rem 0rem;
}

.conteneur_contenu p {
	padding-top:1rem;
}

.conteneur_contenu p {
	margin:0px;
	word-wrap: break-word;
}

.conteneur_contenu .col-md-6 {
	margin-bottom: 0px;
}

.conteneur_text h4, .dropdown_content h4 {
	margin-bottom: 1rem;
	/* width: 100%; */
	font-size: 18px;
}

.conteneur_text h6, .conteneur_text h4, .conteneur_text h5  {
	margin:1rem 0rem;
}

.conteneur_text h5 {
	font-size:16.5px;
}

.conteneur_text h6 {
	font-size:15px;
}

 .fil_ariane_bis {
	display:none;
}

.blog .fil_ariane, .search .fil_ariane, .archive .fil_ariane, .contenu_flexible .fil_ariane {
	display: block;
}

.legales_pages h1 {
	font-size:30px;
	background: #ffb300;
}

.legales_pages h2 {
	font-size:20px;
	padding-top: 2rem;
}

.legales_pages h3 {
	padding-top: 1.5rem;
}

.legales_pages li {
	margin-top:2rem;
}

.page_404 h1 {
	text-align: center;
	background: white;
	padding: 1.5rem 1rem 0rem;
	overflow: visible;
}

.page_404 h1 span, .no_single h1 span {
	float: none;
	font-size: 25px;
	position: relative;
	top: 0rem;
	background: #ffb300;
	padding: 1rem;
}

.no_single h1 span {
	display: block;
	margin-top: 1rem;
}

.conteneur_back_home {
	text-align: center;
	width: 100%;
	margin: 10rem auto 5rem;
	position: relative;
}

.conteneur_back_home div {
	height: 0.2rem;
	width: 23rem;
	background: #ffb300;
	top: 0.7rem;
	position: absolute;
	z-index: -1;
	right: 9rem;
}

.conteneur_back_home a:not([href]):not([tabindex]) {
	color: white;
	cursor: pointer;
}

.container_h1 {
	padding-bottom: 4rem;
}

.petites_pages .biais {
	position: relative;
	padding-bottom: 1rem;
}

.petites_pages .conteneur_text, .petites_pages .conteneur_text h2:nth-of-type(1) {
	padding-top: 0rem;
}

.petites_pages .conteneur_text {
	margin-bottom: 0rem;
	padding-top: 5rem;
}

.petites_pages .conteneur_contenu {
	margin:-5rem auto 0rem;
	width:98.5%;
	box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.1);
}

.petites_pages .conteneur_contenu {
	width:98.5%;
}

.petites_pages h1, .petites_pages .biais, .blog .fil_ariane div, .search .fil_ariane div , .archive .fil_ariane div, .contenu_flexible .fil_ariane div{
	background: #ffb300;	
}

.bckg_img {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20rem;
}

.single .bckg_img {
	height: 30rem;
	width: 100%;
	margin-bottom: -20rem;
}

.container_dropdown_single {
    padding-bottom: 12rem;
    background-repeat: no-repeat;
    background-position: bottom;
}

.first_child_dropdown {
	background: #ffb300;
	position:relative;
}

.excerpt_single {
	padding: 9rem 1.5rem 5rem;
	font-family: 'pt_serifregular';
}

.date_event p {
	font-size: 20px;
}

.dropdown_content {
	padding: 0rem 1rem;
    background-color: white;
    overflow: hidden;
    display: none;
    clear: both;
    padding-top: 3rem;
    /*z-index: -1;*/
	position: relative;
	border: 5px solid rgb(255, 237, 153);
}

.show {
	display: block;
}

.read_more, .open_event {
	position: relative;
	top: -15rem;
	float: left;
    margin: -2rem 24px;
    border: none;
	padding: 0rem 2rem 0.3rem;
	min-width: 5rem;
	z-index: 999;
}

.open_event {
	padding:0.5rem 2rem;
}

.read_more::after {
	content: "+";
    font-size: 1.5em;
}

.actif:after {
	content: "-";
}

.blog article, .search article, .archive article {
	position:relative;
	width:100%;
}

.blog .conteneur_general, .search .conteneur_general, .archive .conteneur_general {
	margin-top: 2rem;
}

.blog h1, .archive h1 {
	margin-bottom: 0.4rem;
}

.archive .sans_date h1 {
	margin-bottom: 5rem;
}

.search h1 {
	margin-bottom: 2rem;
}

.first_h2_actus {
	font-size:30px;
	position: absolute;
    width: 93%;
	top: -1rem;
	left:1rem;
	overflow: hidden;
}

.blog .dropdown_content h2, .search .dropdown_content h2, .archive .dropdown_content h2 {
	font-size:25px;
}

.blog .dropdown_content h2:first-of-type, .search .dropdown_content h2:first-of-type, .archive .dropdown_content h2:first-of-type {
	margin-top:-1.5rem;
	padding-top:2rem;
}

.dropdown_content p:last-of-type {
	margin-bottom: 2.5rem;
}

.titre_date, .blog .conteneur_general_bis .bg_color, .blog .first_h4, .search .conteneur_general_bis .bg_color, .search .first_h4, .archive .conteneur_general_bis .bg_color, .archive .first_h4 {
	display: none;
}

/* .blog figure, .search figure, .archive figure {
	padding:0px;
} */

/* .dropdown_content p, .dropdown_content h2, .single .conteneur_text h2, .conteneur_text p {
	clear: both;
} */

.blog .custom_page, .search .custom_page, .archive .custom_page {
	margin-bottom: 10rem;
}

.search h1 span {
	font-size: 35px;
	float: none;
	text-align: center;
}

.search .search-form, .no_single .search-form, .blog .mini_desc_actus {
	margin-bottom: 6rem;
	font-family: 'latoregular';
	width:100%;
}

.search .screen-reader-text, .no_single .screen-reader-text {
	text-transform: uppercase;
}

.search .search-field, .no_single .search-field {
	border-top:none;
	border-bottom: 3px solid #ffb300;
	margin-left: 1rem;
	border-left: 3px solid #ffb300;
	border-right: 3px solid #ffb300;
	padding-left: 0.5rem;
	width: 11.5rem;
	color: rgba(0,0,0,0.7);
	font-family: 'latoitalic';
}

.search .search-field:focus , .no_single .search-field:focus {
	border-color: #CEBA63;
}

.search [type="submit"]:not(:disabled), .no_single [type="submit"]:not(:disabled) {
	border: none;
	margin: auto;
	display: block;
	margin-top: 1rem;
	padding: 0.5rem 2.5rem;
}

.h2_list {
	font-family: 'latoregular';
	font-size: 24px;
	text-align: left;
	padding:1rem 1rem 2rem;
}

.container_list ul {
	list-style: none;
	position:relative;
	z-index: 1;
}

.archive_item, .cat-item a {
	padding: 0.5rem 1rem;
	border-radius: 15px;
	transition: 0.2s ease-in-out;
	width: 100%;
	display: block;
	text-align: left;
	background: #DDDDDD;
}

.container_list ul a:hover, .container_list ul .current-cat a, .focus {
	background: grey;
	color: white;
}

.container_list {
	width: 100%;
	text-align: center;
	margin: 0rem auto 3rem;
	overflow: auto;
}

.container_list li {
	/*width: 100%;*/
	float: left;
	padding: 0.5rem;
}

.container_list .bycategories li {
	width: 100%;
}

.container_list:nth-of-type(2)

 {
	margin-bottom: 6rem;
}

.first_container_list {
	width: 100%;
	border: 5px solid #ffb300;
	margin-bottom: 10rem;
}

.separator {
	height: 0.2rem;
	width: 100%;
	background: rgba(255,237,149,0.5);
	margin: 4rem auto 3rem;
}

ul.page-numbers {
	width: 100%;
	text-align: center;
	margin-top: 5rem;
	font-size: 25px;
}

ul.page-numbers li {
	list-style: none;
	display: inline;
	padding: 0rem 0.2rem;
}

ul.page-numbers .current {
	font-size:35px;
	font-family:'latobold';
}

.text_not_found {
	font-family: latoregular;
	margin-bottom: 3rem;
}

.home .sticky_post .biais::after {
	z-index: 1;
}

.home .sticky_post .first_child_dropdown {
	padding-bottom: 1rem;
}

.home .sticky_post article {
	position: relative;
    margin-top: 7rem;
}

.sticky_title {
	position: absolute;
	margin-top: -1rem;
	font-size:26px;
}

.home .sticky_post .btn_afa {
	position: absolute;
    bottom: 12.5rem;
}

.separateur_post {
	float: left;
    height: 100%;
    width: 0.2rem;
    background: black;
    margin: 0rem 2rem;
}

.separateur_post:last-child {
	display: none;
}

.container_ancre_post {
	width:100%;
}

.container_ancre_post li:first-of-type .archive_item {
	font-family: 'latobold';
}

/* .wp-block-gallery .blocks-gallery-item {
	width:100%;
	margin-right:0px;
} */

blockquote {
	border-left: 5px solid #ffb300;
	padding-left:2rem;
}

blockquote p {
	font-family: 'latoitalic';
}

.conteneur_text h3 {
	margin: 2.5rem 0rem 1.5rem;
	font-family: 'latobold'
}

.conteneur_text h2 {
	margin-top:5rem;
}

.conteneur_text h2:first-of-type {
	margin-top:1.5rem;
}

.petites_pages .btn_afa, .legales_pages .btn_afa, .wp-block-file .btn_afa, .conteneur_text .btn_afa, .dropdown_content a {
	margin:0px;
	background: none;
	text-decoration: underline;
	color:black;
	padding:0rem;
}

.petites_pages .wp-block-file__button, .wp-block-file .wp-block-file__button {
	background: gray;
	padding: 0.5rem 1rem;
	color: white;
	margin: 0rem 1rem;
}

.petites_pages .btn_afa:hover, .legales_pages .btn_afa:hover, .wp-block-file .btn_afa:hover, .conteneur_text .btn_afa:hover, .dropdown_content a:hover {
	text-decoration: none;
}

.conteneur_text p:last-of-type {
	margin-bottom: 3rem;
}

.petites_pages .conteneur_text iframe {
	width: 100%;
	min-height: 400px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.conteneur_text iframe:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.category h1 {
	margin-bottom: 5rem;
}

.section_04 .bg_color .btn_afa {
	float: left;
}

.page-id-249 .wp-block-file .btn_afa {
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 1rem;
}

.page-id-249 .wp-block-file .wp-block-file__button {
	text-align: center;
	width: 10rem;
	margin: auto;
	display: block;
}






/******* FORMULAIRE CONTACT ********/
form input, form textarea, form label {
	width:100%;
}

form input, form textarea {
	border: 4px solid #ffb300;
	border-top: none;
	margin: 1rem 0rem 1rem;
	padding: 0rem 0.5rem;
}

form input:focus, form textarea:focus {
	border-color: #CEBA63;
}

form .wpcf7-submit {
	border:none;
	width: auto;
    margin: auto;
	display: block;
	background-color:#5d5d5d;
	padding: 0.8rem 2.5rem;
	border-radius: 1.5rem;
	color:white;
	transition: all 0.2s;	
	font-family: 'latoregular';
}

form .wpcf7-submit:hover {
	background-color:#878787;
}

input[type="checkbox"] {
	width:1rem;
	margin-bottom: 0rem;
}

form span.wpcf7-list-item {
	margin: 0em;
}




.search label {
	width:auto;
}




/******* ARTICLES FLEXIBLES ********/
.contenu_flexible article {
	position: relative;
	margin:auto;
	clear: both;
}

.contenu_flexible article:first-of-type {
	margin-top:10rem;
}

.contenu_flexible article:last-of-type {
	margin-bottom:10rem;
}







/********* EVENTS *********/

.mec-event-calendar-classic .mec-calendar-side .mec-calendar-table {
	min-height: 0px;
}

body.post-type-archive-mec-events h1 {
	padding-left:0px;
}

.mec-calendar .mec-calendar-header h2 {
	z-index: -1;
}

/* .mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover, .mec-calendar.mec-event-calendar-classic .mec-selected-day, .mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover, .mec-calendar .mec-event-article .mec-event-title a:hover  {
	color: #878787;
} */

.mec-calendar .mec-calendar-side .mec-next-month, .mec-calendar .mec-calendar-side .mec-previous-month {
	background-color: #5d5d5d;
}

 .mec-calendar .mec-calendar-side .mec-previous-month:hover, .mec-calendar .mec-calendar-side .mec-next-month:hover, .mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover {
	background-color: #878787;
}

/* body.post-type-archive-mec-events .mec-calendar dt.mec-has-event:hover {
	background-color:#E8CA80;
}

.mec-calendar .mec-has-event:after {
	background-color: #ffb300;
} */

/* body.post-type-archive-mec-events .mec-calendar .mec-calendar-side .mec-next-month i, body.post-type-archive-mec-events .mec-calendar .mec-calendar-side .mec-previous-month i, .mec-calendar .mec-calendar-side .mec-next-month, .mec-calendar .mec-calendar-side .mec-previous-month, .mec-calendar .mec-calendar-side .mec-previous-month:hover, .mec-calendar .mec-calendar-side .mec-next-month:hover {
	color: white;
}  */

.mec-single-event .mec-events-content {
	padding: 0rem 1rem;
	margin-bottom: 0px;
}

.mec-single-event .mec-events-meta-group-countdown {
	margin-left:0px;
}

.mec-events-meta-group-countdown .countdown-w, .mec-single-event .mec-event-meta dd.mec-events-event-categories:first-of-type {
	padding-top: 0px;
}

.mec-single-event .mec-event-meta dd a i {
	vertical-align: initial;
}

/* .mec-single-event .mec-events-meta-group-booking form > h4::before, .mec-single-event .mec-frontbox-title::before {
	border-bottom: 4px solid #ffb300;
} */

.mec-container {
	width:auto;
}

.mec-single-event .mec-frontbox {
	padding:20px 1rem;
}

.mec-event-cost, .mec-event-more-info, .mec-event-website, .mec-events-meta-date, .mec-single-event-additional-organizers, .mec-single-event-category, .mec-single-event-date, .mec-single-event-label, .mec-single-event-location, .mec-single-event-organizer, .mec-single-event-time {
	padding: 12px 1rem 8px;
}

.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul {
	margin: 15px 0px;
}

.mec-events-meta-group-countdown .countdown-w .label-w {
	text-align: center;
}

/* .mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover {
	border-color: #ffb300;
} */

.mec-wrap h2 {
	font-size: 25px;
}

.mec-wrap h3 {
	font-size: 22px;
}

.mec-wrap h4 {
	font-size: 20px;
}

.mec-wrap h5, .mec-wrap h6 {
	font-size: 19px;
}

.mec-wrap h2, .mec-wrap h3, .mec-wrap h4, .mec-wrap h5, .mec-wrap h6 {
	line-height: initial;
}

.mec-container [class*="col-"] img {
	margin: auto;
	display: block;
	margin-bottom: 1rem;
}

.mec-calendar .mec-event-article .mec-event-image {
	float:right;
}

.mec-calendar .mec-event-article .mec-event-image img, .mec-container .mec-events-event-image img, .mec-event-list-classic .mec-event-image img {
	width: 100%;
	height: auto;
}

.mec-container .mec-events-event-image img {
	margin-bottom: 0px;
}

.mec-single-event .mec-event-content {
	padding-top: 0px;
}



.mec-single-event .mec-events-event-image {
	max-height: 15rem;
	overflow: hidden;
}








/**********************************
*                                 *
*           RESPONSIVE            *
*		                          *
*                                 *
***********************************/

@media screen and (min-width: 520px) {
	.conteneur_general, header div:first-child, footer .container, .blog .conteneur_general_bis, .search .conteneur_general_bis, .archive .conteneur_general_bis {
		max-width: 515px;
	}

	.single h1 {
		font-size:40px;
	}

	.biais::after {
		border-left: 32.5rem solid #ffb300;
	}

	.home .fil_ariane:nth-of-type(1) div {
		margin-top:-3rem;
	}

	.blog .fil_ariane div, .search .fil_ariane div, .archive .fil_ariane div, .contenu_flexible .fil_ariane div {
		height: 200px;
	}

	.page_404 h1 {
		margin: auto;
	}

	.conteneur_back_home div {
		right:14rem;
		width:40rem;
	}

	.container_dropdown_single {
		margin-top: -4rem;
	}

	.category .container_dropdown_single {
		margin-top:-2.5rem;
	}

	.first_h2_actus {
		width: 50%;
		top: -3.2rem;
		left:1.5rem;
	}

	.conteneur_overflow .first_h2_actus {
		top: -3.5rem;
		width:60%;
	}

	.contenu_flexible .first_h2_actus {
		top: -1rem;
		width: 89%;
	}

	.titre_date {
		position: absolute;
		z-index: 2;
		right: 1.5rem;
		top: -3.3rem;
		font-family: 'latobold';
		display: block;
	}

	/*body.category-agenda .titre_date {
		top:-1.3rem;
	}*/

	.dropdown_content {
		padding-left:1.5rem;
		padding-right:1.5rem;
	}

	.search [type="submit"]:not(:disabled), .no_single [type="submit"]:not(:disabled) {
		float: right;
		width: 10rem;
	}

	.search label, .no_single label {
		float: left;
	}

	.no_single {
		width:100%;
	}

	.no_single .conteneur_back_home {
		margin-top:20rem;
	}

	.sticky_post {
		clear:both;
	}

	.home .sticky_post .fil_ariane div {
		margin-top:-1rem;
	}

	.sticky_post .excerpt_single {
		padding: 6rem 1.5rem 5rem;
	} 

	.home .sticky_post article {
		margin-top: 13.5rem;
	}

	.sans_date .conteneur_overflow {
		margin-top:2rem;
	}

	.conteneur_act_saison div {
		width: 60%;
	}

	.conteneur_act_saison a:hover div {
		width:80%;
	}

}



/* @media screen and (min-width: 600px) {
	.wp-block-gallery.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-2 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-item {
		width: 100%;
		margin-right: 0px;
	}
} */







@media screen and (min-width: 768px) {	
	.conteneur_general, header div:first-child , footer .container,

 .blog .conteneur_general_bis, .search .conteneur_general_bis, .archive .conteneur_general_bis {
		max-width: 720px;	
	}

	.conteneur_desc {
		padding: 5rem 4.5rem 3rem 1.5rem;
	}
	
	.section_01 .bg_color {
		background: rgba(255,179,0,0.9);
	}

	.section_01 .biais::after {
		border-left: 26.3rem solid rgba(255,179,0,0.9);
	}
	
	.section_02 .biais::after, .petites_pages .container_h1 .biais::after, .blog .biais::after, .search .biais::after, .archive .biais::after, .home .sticky_post .biais::after, .contenu_flexible .biais::after  {
		z-index: -1;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 90rem solid transparent;
		border-left: 4rem solid #ffb300;
		position: absolute;
		top: 0rem;
		right: -3.9rem;
		margin-top:0rem;
		border-bottom:none;
	}

	.section_03 h2 {
		width:50%;
	}

	.home .sticky_post .biais::after  {
		z-index: 0;
	}

	.sticky_post .excerpt_single {
		padding: 6rem 1.5rem 3rem;
	}

	.home .sticky_post .first_child_dropdown {
		padding-bottom: 3rem;
	}

	.blog .biais::after, .search .biais::after, .archive .biais::after  {
		border-top: 40rem solid transparent;
	}

	.petites_pages .container_h1 .biais::after {
		border-top: 25rem solid transparent;
		right: -3.95rem;
	}
	
	.section_02, .sticky_post .container_dropdown_single {
		overflow:hidden;
	}
	
	.section_03 .btn_afa {
		display:inline;
	}
	
	.section_04 p {
		width:80%;
		padding-right:0rem;
	}
	
	.section_03 .col-xl-8, .section_02 .col-xl-8 {
		padding-left: 1rem;
	}
	
	.section_03 .bg_color {
		padding-bottom:4rem;		
	}
	
	.border_color h4 {
		float: right;
		width: 12rem;
		margin:-1.8rem -1rem 2rem 0rem;
	}
	
	.border_color .row {
		clear:both;
	}
	
	.section_01 .row {
		background-position: right;
		background-size: 50%;
		background-repeat: no-repeat;
	}
	
	/* .section_02 .row {
		background-size:cover;
	} */

	/*.section_02 .row,*/ .section_01 .row {
		padding-bottom:0rem;
	}
	
	.conteneur_act_saison {
		margin:0rem;
		height:22%;
	}
	
	.separateur {
		height:4%;
	}
	
	.conteneur_act_saison img, .conteneur_act_saison div  {
		height:100%;
	}
	
	.conteneur_act_saison div {
		width:98%;
		margin-left:-10%;
	}

	.conteneur_act_saison a:hover div {
		width:107%;
	}

	.conteneur_act_saison a:hover h3{
		padding-left:0.5rem;
	}
	
	.home .fil_ariane:nth-of-type(1) div {
		margin-top:-8.3rem;
	}

	.home .sticky_post .fil_ariane div {
		margin-top: -1rem;
	}

	.home .sticky_post article {
		margin-top: 17rem;
	}
	
	.fil_ariane div {
		height: 360px;
	}

	.home .fil_ariane div {
		margin: -1rem 1rem -2.5rem 0rem;
	}

	footer {
		padding-bottom: 0rem;
	}
	
	footer .container {
		border:5px solid #ffb300;
	}
	
	footer .facebook {
		display:block;
		margin: 1rem 0rem;
	}
	
	footer .facebook .fab {
		font-size:3rem;
		transition: all .2s;
	}
	
	footer .facebook .fab:hover {
		color:  #3b5998;
		margin-top: -0.3rem;
	}
	
	footer .logo_footer {
		padding:0rem;
	}
	
	footer .logo_footer img {
		width:20rem;
		float:right;
	}
	
	footer span {
		float:none;
	}
	.credits {
		width:25rem;
		padding:1rem 0rem;
	}

	.home .sticky_post .btn_afa {
		bottom: 1.5rem;
	}
	


	.single .img_titre {
		margin-bottom: -45%;
	}

	.conteneur_contenu .col-md-6 {
		float:left;
		margin-bottom: -1.5rem;
	}
	
	.custom_page .bg_color, .custom_page .first_h4, .single .bg_color, .single .first_h4 {
		display:initial;
	}
	
	.custom_page section:nth-of-type(2) .row, .single section:nth-of-type(2) .row {
		margin-top:-1.5rem;
	}
	
	.conteneur_hide {
		width:80%;
		left:10%;
	}

	.legales_pages h1 {
		padding:4rem 2rem 1.5rem;
		margin-bottom: 0rem;
	}
	
	.conteneur_text {
		padding-left:4.5rem;
		padding-right:4.5rem;
	}
	
	.single h1 {
		padding:5rem 0.5rem 3rem;
	}
	
	.conteneur_contenu {
		margin: auto;
		max-width:80%;
	}

	.legales_pages .conteneur_contenu {
		width:100%;
		max-width:100%;
	}

	.custom_page h2, .single h2, .contenu_flexible h2 {
		clear:both;
	}

	.conteneur_text h2 {
		padding-top: 3rem;
	}

	.conteneur_text h2:nth-of-type(1) {
		padding-top:0rem;
	}

	.conteneur_text .btn_afa {
		margin:0px;
	}

	.petites_pages .wp-block-file__button, .wp-block-file .wp-block-file__button {
		margin: 0rem 1rem;
	}

	.legales_pages h2 {
		font-size:35px;
	}
	
	.legales_pages h3 {
		font-size:30px;
	}

	.conteneur_back_home div {
		right:22rem;
	}

	.container_h1 {
		width: 50%;
		height: 100%;
		padding-bottom: 0rem;
	}	

	.petites_pages .biais {
		height: 12rem;
		width: 85%;
		margin-top: 3rem;
	}

	.petites_pages h1 {
		position: absolute;
		text-align: left;
		top: 0.4rem;
		background: none;
		width: 21.5rem;;
	}

	.petites_pages .conteneur_contenu {
		margin: 0rem;
		margin-left: -3.6rem;
	}

	.petites_pages .conteneur_contenu {
		width: 58%;
	}

	.petites_pages .conteneur_text {
		padding-top:2rem;
	}

	.conteneur_overflow {
		overflow:hidden;
	}

	.sans_date .conteneur_overflow {
		margin-top:0rem;
	}

	.container_dropdown_single {
		padding-bottom: 0rem;
		background-position: top right;
	}

	.first_child_dropdown {
		width: 60%;
	}

	.first_h2_actus, .conteneur_overflow .first_h2_actus, body.category-agenda .conteneur_overflow .first_h2_actus {
		width: 40%;
		top: -1rem;
	}

	.titre_date {
		right:18.5rem;
		top:-0.7rem;
	}

	/* .dropdown_content figure {
		float: left;
	} */

	.blog .fil_ariane div, .search .fil_ariane div, .archive .fil_ariane div {
		margin: -2rem 1rem -2rem 0rem;
	}

	.contenu_flexible .fil_ariane div {
		margin: -1.3rem 5rem -2rem 0rem;
	}

	.read_more, .open_event {
		top: -4rem;
	}

	.excerpt_single {
		padding: 10rem 1.5rem 5rem;
	}

	.blog .border_color, .search .border_color, .archive .border_color {
		flex:100%;
		max-width:100%;
	}

	.blog .border_color h4, .search .border_color h4, .archive .border_color h4 {
		float:left;
	}

	.blog .border_color .col-xl-6, .search .border_color .col-xl-6, .archive .border_color .col-xl-6 {
		max-width: 50%;
    	float: left;
	}

	.search .search-form, .no_single .search-form, .blog .mini_desc_actus {
		width: 35rem;
		margin: 0rem auto 6rem;
	}

	.container_list {
		width:49.75%;
		float:left;
	}

	.separator {
		height: 100%;
		width: 0.5%;
		margin: auto;
		float: left;
	}

	.first_container_list {
		margin-bottom: 6rem;
	}

	.sticky_title {
		width:25rem;
	}

	.contenu_flexible article {
		max-width:80%;
	}

	.contenu_flexible .first_h2_actus {
		width: 52%;
	}


	.mec-single-event .mec-event-content {
		padding-top: 0px;
	}

	.single .mec-wrap .mec-single-title {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.mec-single-event .mec-frontbox {
		padding: 20px 1rem;
	}

	.mec-events-button {
		padding: 12px 1rem;
	}

/* 	.mec-calendar .mec-has-event:after {
		width: 25px;
		height: 25px;
	} */

}






@media screen and (min-width: 992px) {
	body header {
		position: fixed;
		background: white;
		margin: 0px;
		top: 0px;
		z-index:9999;
	}

	.conteneur_general, header div:first-child, footer .container, .blog .conteneur_general_bis, .search .conteneur_general_bis, .archive .conteneur_general_bis {
		max-width: 920px;	
	}

	.home .conteneur_general {
		margin: 10rem auto auto;	
	}

	.conteneur_general_template {
		margin: 8rem auto auto;
	}

	.backtop {
		display: none !important;
	}

	body h1 {
		margin-bottom: -4rem;
		font-size: 48px; 
	}
	
	body h3, body h1 span {
		font-size: 29px;
	}

	/* .category h3, .single h3, .custom_page h3,*/  .section_03 h3, .conteneur_text h3, .section_02 h3 {
		font-size:19px;
		margin:1rem 0rem;
	}

	.category .titre_date, .section_03 h3, body.category-agenda .titre_date, .section_02 h3 {
		margin:0rem;
	}
	
	body h2, body h4 {
		margin-bottom:-1.5rem;
	}
	
	body h4, body h2, .custom_page h1, .single h1, .petites_pages h1 {
		font-size: 39px; 
	}
	
	.section_04 h5, body h4 {
		width:25rem;
	}
	
	.border_color h4 {
		margin: -1.8rem -1rem 2rem 0rem;
		width:12rem;
	}
	
	body h5 {
		font-size:30px;
	}
	
	.section_04 h5 {
		margin-top:6rem;
	}
	
	.section_04 h5 {
		margin-left: 2.5rem;
	}
	
	.section_04 .bg_color p {
		margin-left:1rem;
	}
	
	.section_01 .conteneur_desc {
		padding-top: 7rem;
	}
	
	/*.section_04 .liens {
		font-size:20px;
	} Lire la suite */
	
	.section_04 p{
		width:74%;		
	}
	
	.section_04 .bg_color div{
		overflow:auto;		
	}

	.section_04 .bg_color .btn_afa {
		margin-left:2.5rem;
	}

	.conteneur_act_saison div {
		width: 83%;
	}

	.conteneur_act_saison a:hover h3{
		padding-left:1.5rem;
	}

	.conteneur_act_saison a:hover div {
		width:95%;
	}

	.conteneur_desc {
		padding: 5rem 7.5rem 3rem 1.5rem;
	}
	
	.section_01 .biais::after {
		border-left: 32.9rem solid rgba(255,179,0,0.9);
	}

	.home .fil_ariane div {
		margin-top:-3rem;
		margin-bottom:-4rem;
		height: 380px;
	}
	
	.home .fil_ariane:nth-of-type(1) div {
		margin-top:-7.5rem;
		margin-bottom:-4rem;
	}

	.home .sticky_post .fil_ariane div {
		margin-top:-3rem;
	}
	
	body .navbar-collapse {
		margin: 0px;
		padding: 1rem;
	}
	
	body .bg-light {
		width: 80%;
	}

	body .navbar-collapse, body .bg-light  {
		box-shadow: none;
	}
	
	.navbar-expand-lg .navbar-collapse {
		position:relative;
	}
	
	.navbar-expand-lg .navbar-nav {
		position: absolute;
		right: 0px;
		top: 0.5rem;
	}
	
	.dropdown-toggle::after {
		float:none;
	}
	
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
		border-radius: 0px;
		margin-top:-0.5rem;
	}
	
	body .navbar-nav/*, .section_04 .liens Lire la suite */ {
		padding: 0px;
	}
	
	.top-nav-collapse {
		padding: 0.5rem 0rem;
		font-size: 0.9rem;
	}
	
	.top-header-collapse {
		box-shadow:1px 2px 1px rgba(0,0,0,0.1);
	}
	
	.navbar {
		-webkit-transition: font-size .3s ease-in-out, padding .3s ease-in-out;
		-moz-transition: font-size .3s ease-in-out, padding .3s ease-in-out;
		transition: font-size .3s ease-in-out, padding .3s ease-in-out;
	}

	.navbar-nav .dropdown:first-of-type {
		margin-top:0rem;
	}
	
	.top-logo-collapse {
		width:8rem;
	}
	
	.logo_header {
		-webkit-transition: width .3s ease-in-out;
		-moz-transition:

 width .3s ease-in-out;
		transition: width .3s ease-in-out;
	}
	
	.top-header-collapse {
		-webkit-transition: box-shadow .1s ease-in-out;
		-moz-transition: box-shadow .1s ease-in-out;
		transition: box-shadow .1s ease-in-out;
	}
	
	body .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 2.5rem;
	}

	body .navbar-expand-lg .navbar-nav .nav-item:last-of-type .nav-link {
		padding-right: 0rem;
	}
	
	body .dropdown-toggle::before {
		display: inline-block;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		position: absolute;
		top:1.8rem;
		right: 1.5rem;
	}
	
	body .navbar-expand-lg .navbar-nav .nav-item .nav-link::after {
		content: '';
		border:none;
		display: block;
		margin: auto;
		height: 3px;
		width: 0px;
		top:0rem;
		background: transparent;
		transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
	}
	
	body .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link::after {
		background: rgba(0,0,0,.7);
		width:100%;
	}

	.home .sticky_post article {
		margin-top: 17.5rem;
	}
	
	



	.conteneur_hide {
		width:100%;
		left:0%;
	}

	.custom_page .conteneur_h1::after {
		z-index: -1;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 15rem solid transparent;
		border-left: 4rem solid #ffb300;
		position: absolute;
		top: 0rem;
		right: -2.2rem;
		margin-top:0rem;
		border-bottom:none;
	}

	.conteneur_h1 {
		padding-top: 1.5rem;
		padding-bottom: 10rem;
		width:93.2%;
	}
	
	.conteneur_contenu .conteneur_text {
		padding: 2rem 5.5rem 1rem;
	}

	.legales_pages .conteneur_text {
		padding:1rem 5.5rem;
	}
	
	.custom_page .conteneur_h1::after {
		right: 0rem;
		border-top:19rem solid transparent;
	}

	.custom_page .conteneur_contenu {
		z-index: 999;
	}

	.legales_pages .conteneur_contenu {
		margin-top: 0rem;
	}

	.legales_pages h1 {
		padding:4rem 2rem 1.5rem;
		margin-bottom: 0rem;
	}

	.page_404 h1 {
		width:30rem;
	}

	.conteneur_back_home div {
		right:31rem;
	}

	.container_h1 {
		width:40%;
	}

	.petites_pages .conteneur_contenu {
		width:66.7%;
	}

	.petites_pages .conteneur_contenu {
		margin-left:-3.9rem;
		margin-top: 0rem;
		z-index: 0;
	}

	.titre_date, body.category-agenda .titre_date {
		right:24.5rem;
		font-size:19px;
	}

	.first_h2_actus {
		width:40%;
	}

	.blog .conteneur_general, .search .conteneur_general, .archive .conteneur_general {
		margin-top: 7rem;
	}

	/*.container_dropdown_single {
		background-position: center;
	}*/

	.sticky_title {
		width:33rem;
	}
	
	.container_list:nth-of-type(1) {
		width:65%;
	}

	.container_list:nth-of-type(3) {
		width:34.5%;
	}

	/*.container_list .container_ancre_post li {
		width: 50%;
	}*/

	.contenu_flexible .fil_ariane div {
		margin-right: 7rem;
	}

	body .dropdown-item {
		padding: 0.7rem 1.5rem;
	}

	.retrait a {
		padding-left:3.5rem;
		padding-top:0rem;
	}

	.single h1, .custom_page h1 {
		margin-top:0rem;
	}

	.mec-container [class*="col-"] img {
		margin: 0px 0px 1rem 0px;
		display: inline;
	}

}



@media screen and (min-width: 1200px) {
	.conteneur_general, header div:first-child, footer .row, .blog .conteneur_general_bis, .search .conteneur_general_bis, .archive .conteneur_general_bis {
		max-width: 1150px;	
	}
	body h1 {
		font-size: 50px;
		margin-bottom:-10.5rem;
	}
	
	body h3, body h1 span {
		font-size:25px;	
	}
	
	body h2 {
		font-size:53px;
		margin-bottom:-0.6rem;
	}
	
	body h2 span {
		font-size:29px;
	}
	
	body h4 {
		font-size:36px;
	}
	
	.border_color h4 span  {
		font-size:26px;
	}
	
	body h5 {
		font-size:25px;
	}
	
	.section_02 .row, .section_03 .row  {
		width:78.5%;
	}
	
	.section_01 .row {
		padding:7rem 0rem;
		background-size:76%;
	}
	
	.section_01 .biais::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 40rem solid transparent;
		border-bottom: none;
		border-left: 4rem solid  rgba(255,179,0,0.9);
		top: 0;
		right: -4rem;
	}
	
	.section_01 .hidden, .section_02 .bg_color, .section_03 .bg_color  {
		padding-bottom:0rem;
	}
	
	.section_01 .conteneur_desc {
		padding-left:5.5rem;
	}
	
	.section_01 a {
		margin: 5rem 2rem 3rem 5.5rem;
	}
	
	.section_02 {
		position:relative;
	}
	
	.section_02 h2, /*.section_02 a,*/ .section_01 .biais::after  {
		position: absolute;
	}
	
	.section_02 .row {
		margin-top:2.2rem;
	} 
	
	.section_02 h2 span {
		display: inherit;
		margin-top: 1rem;
	}
	
	/* .section_02 a {
		left:-16.5rem;
		top:17rem;
	} */
	
	.section_02 .row, .section_03 .row {
		float:right;
		min-height: 430px;
	}
	
	.section_03 .btn_afa {
		display:none;
	}
	
	.section_02 .conteneur_desc, .section_03 .conteneur_desc {
		padding: 4rem 2rem 4rem 2.5rem;
	}
	
	.section_03 .row {
		margin-top:-1rem;
	}

	.home .fil_ariane div {
		height:305px;
	}

	.home .fil_ariane:nth-of-type(1) div, .home .fil_ariane:nth-of-type(2) div {
		margin-top:-3.5rem;
		margin-bottom:-6rem;
	}
	
	.home .fil_ariane:nth-of-type(1) div {
		margin-top:-5em;
	}
	
	.conteneur_act_saison div {
		width:60%;
	}
	
	.conteneur_act_saison a:hover div {
		width:75%;
	}
	
	.section_04, .section_04 .row, footer .container{
		max-width:none;
	}
	
	.section_04 h5, .section_04 .bg_color p, .section_04 .bg_color .btn_afa {
		margin-left:0%;
	}

	.section_04 h5 {
		margin-top: 4.5rem;
	}

	/*.section_04 .liens {
		margin-left:1.5rem;
	} Lire la suite */
	
	.section_04 .bg_color p {
		padding-left: 0%;
	}

	.section_04 .border_color .btn_afa, .section_04 .bg_color p/*, .section_04 .liens Lire la suite */ {
		float:left;
	}
	
	.section_04 .border_color .btn_afa {
		margin:0rem;
		padding: 0.8rem 1.5rem;
	}
	
	.border_color h6 { 
		text-align:left;
	}
	
	.section_04 {
		padding: 10rem 0rem 0rem 0rem;
	}
	
	.section_04 .width_xl {
		width: 200%;
		margin-left: -50%;
		margin-right: -50%;
	}
	
	.section_04 .bg_color {
		padding-left:36rem;
	}
	
	.section_04 .border_color {
		padding-right: 34.5rem;
		margin-left: 0.5rem;
		max-width:49%;
	}
	
	.border_color .col-xl-6 {
		padding-left:14%;
	}
	
	footer .col-xl-2 {
		display:block;
		margin: 2.5rem auto 1.5rem;
	}
	
	footer .container {
		width:102%;
		margin-left:-1%;
	}
	
	footer p{
		width:100%;
		padding:0rem
	}
	
	footer .logo_footer {
		margin:0rem;
	}
	
	footer .logo_footer img {
		float: none;
	}

	footer .logo_footer img {
		width:24rem;
	}
	
	footer .col-xl-2:nth-of-type(1), footer .col-xl-2:nth-of-type(2) {
		padding:0rem 1rem;
	}
	
	footer .logo_footer::before {
		content: "";
		display: block;
		height:100%;
		width:40rem;
		background:#ffb300;
		position:absolute;
		bottom:0rem;
		left:1rem;
		-webkit-transform:skew(10deg);
		-moz-transform:skew(10deg);
		-o-transform:skew(10deg);
		tranform:skew(10deg);
		z-index:-1;
	}
	
	.first_h4	{
		margin-bottom:-1.3rem;
	}
	
	body .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 4.5rem;
	}
	
	body .dropdown-toggle::before {
		right: 3.5rem;
	}

	.home .sticky_post article {
		margin-top: 14rem;
	}

	.home .sticky_post .fil_ariane div {
		margin-top: -3.5rem;
	}

	.sticky_title {
		margin-top: -5.2rem;
		font-size:30px;
	}

	.sticky_post h2 span {
		display: block;
	}

	.sticky_post .container_dropdown_single {
		width: 78%;
    	float: right;
	}

	.home .sticky_post .first_child_dropdown {
   		width: 35%;
	}

	.home .sticky_post .btn_afa {
		bottom: -14.5rem;
		margin:0rem;
	}
	
	
	
	
	
	.fil_ariane_bis, .conteneur_text .btn_afa {
		display:initial;
	}
	
	.conteneur_contenu .fil_ariane_bis {
		text-transform: uppercase;
		font-family: 'latoregular';
	}

	.conteneur_h1  {
		width: 94.5%;
	}
	
	.custom_page h1 {
		padding-left: 10.5rem;
	}

	.legales_pages h1 {
		padding:4rem 2rem 1.5rem;
		margin-bottom: 0rem;
	}
	
	.custom_page h1 , .single h1 {
		text-align:left;
	}
	
	.single h1 {
		margin-bottom: -10rem;
		padding-bottom: 10rem;
		z-index: 1;
	}
	
	.single h1, .single .fil_ariane_bis {
		padding-left: 3rem;	
		padding-right: 3rem;	
	}
	
	.single .fil_ariane_bis {
		display:block;
		margin-bottom: 1.5rem;
	}

	.custom_page .fil_ariane_bis {
		margin-left: 7.5rem;
	} 

	.custom_page .bckg_img {
		margin-bottom: 1rem;
	}

	.petites_pages .bckg_img {
		margin-bottom: 0rem;
	}

	.first_h2_actus {
		padding-top: 2.4rem;
	}

	.category .titre_date, body.category-agenda .titre_date {
		margin: 0.2rem 0rem;
	}

	.single .fil_ariane_bis, .single h1, .single .conteneur_contenu .conteneur_text  {
		position:relative;
	}

	.custom_page .conteneur_text {
		padding: 2.5rem 11rem 4rem;
		margin: 0rem -6rem;
	}

	.legales_pages .conteneur_text {
		padding:1rem 4.5rem;
		margin:0rem;
	}

	.conteneur_contenu {
		max-width:70%;
	}
	
	.single .conteneur_contenu .conteneur_text {
		z-index: 2;
		padding:5rem 9rem;
		margin:0rem -6rem;
	}

	.page_404 h1 {
		font-size: 73px;
	}

	.conteneur_back_home div {
		right: 39rem;
		width: 80rem;
	}

	.conteneur_back_home {
		margin-bottom: -5rem;
	}

	.petites_pages h1 {
		padding-left: 1rem;
		width:24.5rem;
	}

	.petites_pages .conteneur_contenu {
		margin-left: -7rem;
	}

	.conteneur_contenu .conteneur_text {
		padding: 2rem 7.5rem 1rem;
		margin: 0px;
	}

	.petites_pages .conteneur_contenu {
		width: 69.7%;
	}

	.blog h1, .search h1, .archive h1 {
		padding-left:1rem;
	}

	.first_h2_actus, .contenu_flexible .first_h2_actus {
		top: -3.2rem;
	}

	.titre_date, body.category-agenda .titre_date {
		right: 30rem;
		top: -0.9rem;
	}

	.blog .border_color, .search .border_color, .archive .border_color {
		padding-left:35.5rem;
		max-width:100%;
	}

	.search .search-form, .no_single .search-form, .blog .mini_desc_actus {
		margin: 0rem 0rem 6rem 1rem;
	}

	.first_container_list {
		width: 200%;
		margin-left: -50%;
		margin-right: -50%;
		padding-left: 50%;
		padding-right: 50%;
	}

	.search .section_04 {
		padding-top: 3rem;
	}

	.no_single h1 span {
		text-align:left;
	}

	p.h2_list {
		padding-top:2rem;
	}

	.home .fil_ariane

 div:last-of-type {
		margin-bottom: -5rem;
	}

	.contenu_flexible article {
		max-width:70%;
	}

	.conteneur_overflow .first_h2_actus, body.category-agenda .conteneur_overflow .first_h2_actus {
		top: -3.3rem;
	}

	.contenu_flexible .fil_ariane div {
		margin-right: 12rem;
	}
}






@media screen and (min-width: 1600px) {
	.conteneur_general, header div:first-child, footer .row, .blog .conteneur_general_bis, .search .conteneur_general_bis, .archive .conteneur_general_bis {
		max-width: 1550px;	
	}
	
	.home h1 {
		font-size: 65px;
		width:30rem;
		top:11rem;
	}
	
	body h3, body h1 span {
		font-size:30px;	
	}
	
	body h2 {
		font-size:70px;
		margin-bottom:-1rem
	}

	body h4, .custom_page h1, .single h1 {
		font-size:45px;
	}
	
	body h2 span, .custom_page h2, .single h2, .contenu_flexible h2 {
		font-size:34px; 
	}
	
	body h4 {
		font-size:49px;
	}

	/* .section_02 .row {
		background-size:contain;
		background-position: right;
	} */

	.bg_color h4 {
		margin-bottom:2.5rem;
	}
	
	.border_color h4, .custom_page .border_color h4, .single .border_color h4 {
		margin: -2.4rem 0rem 2rem 0rem;
		width:14.9rem;
	}

	.border_color h4 span {
		font-size: 35px;
	}
	
	body h5, h4 span  {
		font-size:26px;
	}
	
	.section_04 h5 {
		width:34rem;
		margin-top: 5.5rem;
	}
	
	.section_01 .hidden {
		margin-top:10rem;
	}
	
	/* .section_02 a {
		left: -22rem;
		top: 20rem;
	} */	

	.section_03 h3, .section_02 h3 {
		font-size: 26px;
	}
	
	.section_04 h6 {
		font-size: 23px;
	}
	
	.section_04 .bg_color {
		padding-left:49rem;
	}
	
	.section_04 .border_color {
		padding-right:46.5rem;
	}
	
	.section_02 .row, .custom_page .section_04 .row {
		margin-top:3rem;
	}
	
	.home .fil_ariane:nth-of-type(1) div {
		margin-top:-3.5rem;
	}
	
	.first_h4 {
		margin-bottom:-1.6rem;
	}
	
	footer .logo_footer::before{
		left:5rem;
		width:70rem;
	}

	.custom_page .fil_ariane_bis {
		margin-left:11.5rem;
	}

	.home .sticky_post article {
		margin-top: 17rem;
	}
	
	
	
	
	
	
	.conteneur_h1 {
		width:95.9%;
	}

	.custom_page h1 {
		padding-left: 14.5rem;
	}

	.legales_pages h1 {
		padding:4rem 2rem 1.5rem;
		margin-bottom: 0rem;
	}
	
	.single h1, .single .fil_ariane_bis{
		padding-left:6rem;
		padding-right:6rem;
	}

	.single .conteneur_contenu .conteneur_text {
		padding: 5rem 12rem;
	}

	.conteneur_text h2 {
		margin-bottom: 2rem;
	}
	
	.custom_page section:nth-of-type(2) .row, .single section:nth-of-type(2) .row {
		margin-top: -1.6rem; 
	}

	.legales_pages h2 {
		font-size:40px;
	}
	.conteneur_back_home div {
		right: 50rem;
	}

	.petites_pages h1 {
		padding-left:1rem;
		width:31.5rem;
		top: 0.2rem;
	}

	.petites_pages .conteneur_contenu {
		width: 72.25%;
	}

	.petites_pages .conteneur_contenu {
		max-width:100%;
		margin-left: -12rem;
	}

	.conteneur_contenu .conteneur_text {
		padding: 2rem 11.5rem 1rem;
	}

	.titre_date, body.category-agenda .titre_date {
		right: 38.6rem;
		font-size: 25px;
		top: -1.2rem;
	}

	.blog .border_color, .search .border_color, .archive .border_color {
		padding-left:47.5rem;
	}

	.blog h1, .search h1, .archive h1 {
		padding-left: 1rem;
	}

	p.h2_list {
		padding-top:2.3rem;
	}

	.home .fil_ariane div:last-of-type {
		margin-bottom: -6rem;
	}

	.sticky_title {
		width: 46rem;
	}

	.first_h2_actus {
		padding-top: 2rem;
	}

	.first_h2_actus, .conteneur_overflow .first_h2_actus  {
		width: 49%;
	}

	.contenu_flexible .first_h2_actus {
		width: 56%;
	}

	.contenu_flexible .fil_ariane div {
		margin-right: 16rem;
	}

	.sticky_post {
		margin-top:-1.5rem;
	}

	.home .sticky_post .fil_ariane div {
		margin-top:-3rem;
	}

	.single .mec-wrap h2 {
		font-size: 28px;
	}
	
}