@charset "utf-8";

@media (min-width: 2600px) {
	#block-views-block-en-tete-block-2 .view-en-tete img { min-width: 100%; }
}

@media (min-width: 1450px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1350px;
	}
}
@media (max-width: 1449px) {
	.template-article-full { width:90%; }
	
	/******************************************************************************************************************/
	/************************************************* ACCUEIL ********************************************************/
	/******************************************************************************************************************/
	.view-en-tete .slick-dots { max-width:1140px; margin-left:-570px; }
	#block-views-block-actualites-block-2 h2 { margin-bottom:25px; }

}
@media (max-width: 1199px) {
	h1, .h1 { font-size:1.5em; }
	h2, .h2 { font-size:1.5em; }
	h3, .h3 { font-size:1.25em; }

	.template-article-full { width:100%; }
	
	#overlay-menu .overlay-menu-close-container { width: 60%; }
	#overlay-menu .region-overlay-menu { width: 40%; }
	
	/******************************************************************************************************************/
	/************************************************* ACCUEIL ********************************************************/
	/******************************************************************************************************************/
	.view-en-tete .slick-dots { max-width:960px; margin-left:-480px; }
	.path-frontpage #main .field--name-body h1 { font-size: 20px; }
	#block-accueilcabinetlinardcharbonnel .field--name-body p { font-size:18px; }
	#block-accueilcabinetlinardcharbonnel .field--name-body p:first-child { font-size:40px; }
}
@media (max-width: 991px) {
	
	.template-article-full { display:flex; flex-direction:column; background-color:rgba(var(--color3)); border-left:40px solid rgba(var(--white)); position:relative; width:49%; }
	.template-article-full .views-field-field-image { overflow:hidden; border-right:40px solid rgba(var(--white)); background-color:rgba(var(--white)); border-top:0; margin-bottom: 0px; width:calc(100% + 40px);   } 
	.template-article-full .views-field-field-image img { border-top:14px solid rgba(var(--color3)); }
	.template-article-full:hover .views-field-field-image img { transform: scale(1.025); transition-duration: 225ms; opacity:0.85; }
	.template-article-full .views-field-title { padding:15px 20px 55px; color:rgba(var(--white)); width:100%; background-color: rgba(var(--color3));}
	.template-article-full .views-field-title a { color:rgba(var(--white)); text-decoration:none; }
	.template-article-full .views-field-title a *:is(h2,h3) { color:rgba(var(--white)); margin-bottom:15px; }
	.template-article-full .views-field-title a div { position:absolute; right: 0; width: 100%; bottom: 0; background-color:rgba(var(--color2)); padding:5px 10px; font-size: 14px;font-weight: bold; text-transform:uppercase; color:rgba(var(--white)); display:flex; align-items:center; justify-content:end; margin:0; }
	.template-article-full .views-field-title a div::before { font-family: 'Material Icons'; text-transform:none; content:"play_arrow"; font-size:20px; margin-right:5px; }
	
	.block:is(#block-views-block-articles-de-la-categorie-block-1, #block-views-block-actualites-block-1) .views-row.even .row .template-article-full .views-field-field-image { order:1; }
	.block:is(#block-views-block-articles-de-la-categorie-block-1, #block-views-block-actualites-block-1) .views-row.odd .row .template-article-full { border-left-color:rgba(var(--grey)); }
	.block:is(#block-views-block-articles-de-la-categorie-block-1, #block-views-block-actualites-block-1) .views-row.odd .row .template-article-full .views-field-field-image { border-right-color:rgba(var(--grey)); }
	
	/******************************************************************************************************************/
	/************************************************* ACCUEIL ********************************************************/
	/******************************************************************************************************************/
	#block-views-block-en-tete-block-1 .view-en-tete img { height: 350px; width: auto; max-width: none; }
	.view-en-tete .slick-dots { max-width:720px; margin-left:-360px; }
	.view-en-tete .slick-dots li button { width:15px; height:15px; }
	#block-accueiltextepresentation .field--name-body { padding-left:0; }
	#block-accueilpourquoinouschoisir .d-flex { width:100%; }
	.view:is(.view-articles-associes,.view-listing-articles-par-activite-ville,.view-accueil-articles,.view-nos-secteurs-d-activite,.view-nos-secteurs-d-activite-details-par-ville,.view-guide-local) .view-content .views-row { width:49%; margin-bottom:2%; }
	.view:is(.view-articles-associes,.view-listing-articles-par-activite-ville,.view-accueil-articles,.view-nos-secteurs-d-activite,.view-nos-secteurs-d-activite-details-par-ville,.view-guide-local) .view-content .views-row + .views-row { margin-left:2%; }
	.view:is(.view-articles-associes,.view-listing-articles-par-activite-ville,.view-accueil-articles,.view-nos-secteurs-d-activite,.view-nos-secteurs-d-activite-details-par-ville,.view-guide-local) .view-content .views-row:nth-child(2n+1) { margin-left:0; }
	.view:is(.view-articles-associes,.view-listing-articles-par-activite-ville,.view-accueil-articles) .view-content .views-row:nth-child(3) { display:none; }
	.block:is(#block-views-block-actualites-block-2, #block-views-block-accueil-articles-block-1) h2 { font-size:50px; }
	
	/******************************************************************************************************************/
	/************************************************ CATEGORIE *******************************************************/
	/******************************************************************************************************************/
	.path-activites .region-headband-2 .block:is(#block-views-block-activite-ville-autres-activites-block-1, #block-views-block-activite-ville-autres-villes-block-1) { width:100%; }
	#block-views-block-activite-ville-autres-villes-block-1 { margin-top:25px; }
	
	/******************************************************************************************************************/
	/*************************************************** FOOTER *******************************************************/
	/******************************************************************************************************************/
	#footer #block-footercontacteznous .field--name-body { height:250px; }
	#footer #footer-second .region-footer-second #block-footerlogo { width:50%; }
	#footer #footer-second .region-footer-second #block-footerslogan { width:50%; }
	#footer #footer-first-1 { padding-left:15px; }
	#footer #footer-first-2 { padding-left:15px; }
	#footer #footer-first-2 .field--name-body { display:flex; flex-wrap:wrap; justify-content:center; }
	#footer #footer-first-2 .field--name-body p { width:100%; text-align:center; }
	#footer #footer-first-3 { padding-left:15px; }
	#footer #footer-first-4 { padding-left:15px; }
	
	/******************************************************************************************************************/
	/************************************************* BREADCRUMB *****************************************************/
	/******************************************************************************************************************/
	#breadcrumb .breadcrumb { display:none; }
}
@media (max-width: 767px) {
	#overlay-menu .overlay-menu-close-container { width: 50%; }
	#overlay-menu .region-overlay-menu { width: 50%; }
	
	.template-article-full { width:100%; }
	/******************************************************************************************************************/
	/*************************************************** HEADER *******************************************************/
	/******************************************************************************************************************/
	#header #header-body #header-right { justify-content:center; }
	#header #header-body #header-right #block-headercoordonnees { display:none; }
	
	/******************************************************************************************************************/
	/************************************************* ACCUEIL ********************************************************/
	/******************************************************************************************************************/
	.path-frontpage #main .field--name-body { flex-direction:column; }
	.view-en-tete .slick-dots { max-width:540px; margin-left:-270px; }
	#block-accueilcabinetlinardcharbonnel .field--name-body p:first-child { font-size:35px; }
	#block-accueilpourquoinouschoisir .d-flex > div { border:none!important; }
	.view:is(.view-articles-associes,.view-listing-articles-par-activite-ville,.view-accueil-articles,.view-nos-secteurs-d-activite,.view-nos-secteurs-d-activite-details-par-ville,.view-guide-local) .view-content .views-row { width:100%; margin-bottom:25px; }
	.view:is(.view-articles-associes,.view-listing-articles-par-activite-ville,.view-accueil-articles,.view-nos-secteurs-d-activite,.view-nos-secteurs-d-activite-details-par-ville,.view-guide-local) .view-content .views-row + .views-row { margin-left:0%; }
	.view:is(.view-articles-associes,.view-listing-articles-par-activite-ville,.view-accueil-articles,.view-nos-secteurs-d-activite,.view-nos-secteurs-d-activite-details-par-ville,.view-guide-local) .view-content .views-row:nth-child(2n+1) { margin-left:0; }
	.block:is(#block-views-block-actualites-block-2, #block-views-block-accueil-articles-block-1) h2 { font-size:40px; }
	
	/******************************************************************************************************************/
	/*************************************************** FOOTER *******************************************************/
	/******************************************************************************************************************/
	#footer .container { text-align:center; }
	#footer #footer-second .region-footer-second #block-footerlogo { width:100%; }
	#footer #footer-second .region-footer-second #block-footerslogan { width:100%; }
	#footer #footer-second .region-footer-second #block-footerslogan .field--name-body p { font-size:12px; }
	#footer #footer-first-1 { margin-bottom:15px; }
	#footer #footer-first-2 { margin-bottom:15px; }
	#footer #footer-first-3 { margin-bottom:15px; }
	#footer #footer-first-4 { margin-bottom:15px; }

}

@media (max-width: 575px) {
	#overlay-menu .overlay-menu-close-container { width: 20%; }
	#overlay-menu .region-overlay-menu { width: 80%; }
	
	/******************************************************************************************************************/
	/************************************************* ACCUEIL ********************************************************/
	/******************************************************************************************************************/
	.view-en-tete .slick-dots { max-width:100%; margin:0; left:0; }
	.block:is(#block-views-block-actualites-block-2, #block-views-block-accueil-articles-block-1) h2 { font-size:30px; }
	
	/******************************************************************************************************************/
	/************************************************* ARTICLE  *******************************************************/
	/******************************************************************************************************************/
	body:is(.page-node-type-article, .page-node-type-actualite) #main article .field--name-field-image { width:100%; margin-right:0; }
	
	/******************************************************************************************************************/
	/************************************************* WEBFORM  *******************************************************/
	/******************************************************************************************************************/
	form.webform-submission-form .form-item { width:100%; }
	
}
@media (max-width: 430px) {
	
}