/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 19 2025 | 15:52:25 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 

/* === IMPORTATION DE POLICES === */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,600;1,300;1,400;1,600&display=swap');
/* === */

:root {
	--rouge-p: #E30613;
	--noir-p: #000000;
	--taupe-p: #8F7D66;
	--beige-p: #E3D9CE;
	--blanc-t: #FFFFFF;
	--noir95-t: #2E2D2D;
	--taupe15-t: #E2DEDA;
}


/* NOTES 
 * taille de la weight pour BDO Grotesk
900= black
800 = extra bold
700 = bold
600 = demi bold
500 = medium
400 = regular
300 = light
*/

h1, h2, h3, h4, h5, h6, p, ul, li. ol {font-family: "Poppins", sans-serif;}
h1 {
	font-size: clamp(50px,6.9754464286vw,120px) !important;
	line-height: clamp(58px,7.6450892857vw,132px) !important;
	font-weight: 500 !important;
}
h2 {
	font-size: clamp(40px,3.2366071429vw,65px) !important;
	line-height: clamp(46px,3.5714285714vw,72px) !important;
}
h3 {
    margin-top: 16px;
    margin-bottom: 8px !important;
}
p, ul, li. ol {
	font-size: clamp(20px,1.3392857143vw,30px) !important;
	line-height: 100% !important;
	color: balck;
}

/*====HEADER=====*/

.main-header .main-header-bar, .mhdrleftpan header, .mhdrrightpan header, .main-header-bar.two, .morin-site .main-header-bar:before, header.mhdrrightpan:before, header.mhdrleftpan:before {
    background-color: var(--beige-p) !important;
    border: none !important;
}

img.morin-logo-svg, .custom-logo {
    width: clamp(150px, 25vw, 250px);
    height: auto;
    padding-left: clamp(5px, 3vw, 25px);
    padding-top: 15px;
}

div#primary {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.morin-menu li ul.sub-menu {
    background: var(--beige-p) !important;
}

.top-header-col1 {
    margin-right: 0px;
    margin-left: auto;
    text-align: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

@media screen and (min-width: 1024px) {
	.main-header-bar p, .main-header .morin-menu > li > a, .main-header .menu-custom-html, .main-header .menu-custom-widget, .main-header .widget-title, header.mhdrleftpan p, header.mhdrrightpan p, header.mhdrleftpan .widget-title, header.mhdrrightpan .widget-title, header.mhdrrightpan .content-html, header.mhdrleftpan .content-html, .mhdrrightpan .morin-menu a, .mhdrleftpan .morin-menu a, .mhdrleftpan .content-widget, .mhdrrightpan .content-widget, header.mhdrleftpan .top-header .top-header-bar .widget-title, header.mhdrrightpan .top-header .top-header-bar .widget-title, .mhdrrightpan .morin-menu li a, .mhdrleftpan .morin-menu li a, .mhdrrightpan .bottom-header .morin-menu > li > a, .mhdrleftpan .bottom-header .morin-menu > li > a, .morin-menu li ul.sub-menu li a {
		color: var(--noir-p) !important;
	}
	a:hover, .inifiniteLoader, mark, .single .nav-previous:hover:before, .single .nav-next:hover:after, .page-numbers.current, .page-numbers:hover, .prev.page-numbers:hover, .next.page-numbers:hover, .morin-load-more #load-more-posts:hover, article.morin-article h2.entry-title a:hover, .morin-menu li a:hover, .main-header .morin-menu > li > a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .morin-menu li.menu-active > a, .main-header .main-header-bar a:hover, .morin-menu .content-social .social-icon li a:hover, .mhdrleftpan .content-social .social-icon a:hover, .mhdrrightpan .content-social .social-icon a:hover, .morin-menu li ul.sub-menu li a:hover {
		color: var(--rouge-p) !important;	
	}
}

/*==BURGER==*/
.menu-toggle .menu-btn {
	background-color: transparent;
	border: none;
}
.menu-toggle .icon-bar, .bar-menu-toggle .icon-bar {
	background-color: black;
	height: 1px;
	margin: 5px;
}
@media screen and (max-width: 1290px) and (min-width: 1024px) {
	.sider-inner ul#morin-menu, .main-header .menu-all-pages-container ul.morin-menu {
		display: none;
	}
}
@media screen and (max-width: 1290px) {
	.menu-toggle .menu-btn {
		background-color: transparent;
		border: none;
	}
	.menu-toggle .icon-bar, .bar-menu-toggle .icon-bar {
		background-color: black;
		height: 1px;
		margin: 5px;
	}
	.right .menu-close {background-color: transparent !important;}
	.menu-close-btn {color: white !important;}
	.main-header-bar p, .main-header .morin-menu > li > a, .main-header .menu-custom-html, .main-header .menu-custom-widget, .main-header .widget-title, header.mhdrleftpan p, header.mhdrrightpan p, header.mhdrleftpan .widget-title, header.mhdrrightpan .widget-title, header.mhdrrightpan .content-html, header.mhdrleftpan .content-html, .mhdrrightpan .morin-menu a, .mhdrleftpan .morin-menu a, .mhdrleftpan .content-widget, .mhdrrightpan .content-widget, header.mhdrleftpan .top-header .top-header-bar .widget-title, header.mhdrrightpan .top-header .top-header-bar .widget-title, .mhdrrightpan .morin-menu li a, .mhdrleftpan .morin-menu li a, .mhdrrightpan .bottom-header .morin-menu > li > a, .mhdrleftpan .bottom-header .morin-menu > li > a{
		color: white !important;
	}
	a:hover, .inifiniteLoader, mark, .single .nav-previous:hover:before, .single .nav-next:hover:after, .page-numbers.current, .page-numbers:hover, .prev.page-numbers:hover, .next.page-numbers:hover, .morin-load-more #load-more-posts:hover, article.morin-article h2.entry-title a:hover, .morin-menu li a:hover, .main-header .morin-menu > li > a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .morin-menu li.menu-active > a, .main-header .main-header-bar a:hover, .morin-menu .content-social .social-icon li a:hover, .mhdrleftpan .content-social .social-icon a:hover, .mhdrrightpan .content-social .social-icon a:hover {
		color: var(--noir-p) !important;
	}
	.sider.left .morin-menu > li, .sider.right .morin-menu > li {border-color: white !important;}

	.main-header-col2 .sider.right {
		background-color: var(--taupe-p) !important;
	}
}

/*======FOOTER=======*/
article#post-2 {margin-bottom: 0px !important;}
footer.entry-footer {display: none;}

.top-footer .top-footer-bar, .widget-footer .widget-footer-bar, .bottom-footer .bottom-footer-bar {
	background-color: var(--beige-p) !important;
	border-top: none !important;
}
.bottom-footer-col1 .content-html, ul.morin-bottom-menu li a {
    color: var(--noir-p);
}
ul.morin-bottom-menu li a:hover {color: var(--rouge-p) !important;}

/*=======PREMIÈRE SECTION - ENTÊTE==========*/
@media screen and (max-width: 1249px) {
	.BG-beige-p.wpb_column.vc_column_container.vc_col-sm-8, .BG-rouge-p.pad-gd.pad-tb.wpb_column.vc_column_container.vc_col-sm-4 {
		width: 100%;
	}
}
	
/*====COULEURS=====*/
.BG-rouge-p {background-color: var(--rouge-p);}
.BG-taupe-p {background-color: var(--taupe-p);}
.BG-beige-p {background-color: var(--beige-p);}
.BG-taupe15-t {background-color: var(--taupe15-t);}
.BG-noir-p {background-color: black !important;}

.noir {color: black !important;}
.rouge {color: var(--rouge) !important;}
.taupe {color: var(--taupe) !important;}

.BG-rouge-p h2, .BG-rouge-p h3, .BG-rouge-p h4, .BG-rouge-p h5, .BG-rouge-p h6, .BG-rouge-p p, .BG-rouge-p li, .BG-rouge-p ol, .blanc,
.BG-taupe-p h2, .BG-taupe-p h3, .BG-taupe-p h4, .BG-taupe-p h5, .BG-taupe-p h6, .BG-taupe-p p, .BG-taupe-p li, .BG-taupe-p ol, 
.BG-noir-p h3, .BG-noir-p h4, .BG-noir-p h5, .BG-noir-p h6, .BG-noir-p p, .BG-noir-p li, .BG-noir-p ol {color: white !important;}

.BG-rouge-p .gform-theme--framework .gfield_list_group_item::before, .BG-rouge-p .gform-theme--framework .gform-field-label {color: white !important;}
.BG-taupe-p .gform-theme--framework .gfield_list_group_item::before, .BG-taupe-p .gform-theme--framework .gform-field-label {color: white !important;}

.BG-beige-p h2, .BG-beige-p h3, .BG-beige-p h4, .BG-beige-p h5, .BG-beige-p h6, .BG-beige-p p, .BG-beige-p li, .BG-beige-p ol, .beige-p {color: black !important;}

.BG-noir-p h2 {color: var(--rouge-p) !important;}

/*======CTA======*/
.CTA.vc_row {background-color: var(--taupe-p); padding-top: clamp(32px, 10vw, 130px); padding-bottom: clamp(32px, 10vw, 130px);}
.CTA .wpb_text_column.wpb_content_element {margin: auto; padding-left: clamp(32px, 3vw, 64px); padding-right: clamp(32px, 3vw, 64px);}
.CTA h2 {color: white;}
.CTA .no-padding {padding-left: 0px !important; padding-right: 0px !important;}

@media screen and (max-width: 768px) {
	
	.CTA .no-padding {padding-top: 32px; padding-bottom: 32px;}
	
	.no-padding.BG-noir-p.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {
		padding-left: clamp(32px, 3vw, 64px);
		padding-right: clamp(32px, 3vw, 64px);
	}
	
	.BG-taupe-p .wpb_column.vc_column_container.vc_col-sm-2 {
		display: none;
	}
}

/*=====BOUTON=====*/
a.bouton, input#gform_submit_button_1, input#gform_submit_button_2, input#gform_submit_button_3 {
    padding: clamp(8px, 3vw, 16px) clamp(16px, 3vw, 32px);
    background-color: var(--rouge-p);
    color: white;
    font-weight: 700;
	display: block;
	text-align: center;
	border-radius: 0px !important;
}

a.bouton:hover, input#gform_submit_button_1:hover, input#gform_submit_button_2:hover, input#gform_submit_button_3:hover {
	background-color: #a6180c !important;
	color: var(--beige-p) !important;
}

.BG-rouge-p input#gform_submit_button_1, .BG-rouge-p input#gform_submit_button_2, input#gform_submit_button_3 {
    border-radius: 0px;
    background-color: black;
}


/*======ESPACES=======*/
.espaceur {
    height: clamp(200px, 15vw, 450px) !important;
}
.pad-tb {
	padding-top: clamp(32px, 10vw, 130px);
	padding-bottom: clamp(32px, 10vw, 130px);
}
.pad-gd {
	padding-left: clamp(16px, 10vw, 65px);
	padding-right: clamp(16px, 10vw, 65px);
}

/*======ESPACEMENTS======*/
.no-padding .vc_column-inner {
    padding: unset !important;
    margin: unset !important;
}

/*====FORMULAIRE=====*/
.gform_confirmation_message {
    text-align: center;
    color: white;
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .gform-theme--foundation .gfield textarea {
    color: white;
}
.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {
  color: inherit;
  text-decoration: underline !important;
}