/*
	Theme Name: Tradiser 26
	Theme URI: https://www.tradiser.com
	Description: Nouvelle version Tradiser 2026
	Author: Tradiser
	Author URI: https://www.tradiser.com
	Version: 1.0.0
	Template: Divi
*/

:root {
  --rose: #e84893; /* logo */
  --darkblue: #22335c;
  --or: #d5b079;
  --anis: #abcc59;
  --fuchsia: #e84893;
  --citron: #fae345;
  --orange: #f07f13;
  --chocolat: #603232;
  --praline: #b1915e;
  --grisclair: #f6f7fe;
}

body {
	font-family: Lato, sans-serif;
	font-size: 1.1rem;
}

body.page-id-22 p,
body.page-id-22 a{font-size: 1.1rem}
.page-id-22 .et-l.et-l--header{display: none;}
.page-id-22 .et_pb_row {max-width: 1920px; width: 100%}
.page-id-22 .maSection1 {padding: 0!important}
.page-id-22 .maSection1 h1{text-align: center;}
.page-id-22 .maSection1 h1 img{width: 90%}
.page-id-22 .maSection1 h2{color: white; font-size: 3.6rem; color: white; line-height: 4.8rem; font-weight: bolder}
.page-id-22 .maSection1 .maRow1{display: flex; padding: 0!important}
.page-id-22 .maSection1 .maRow1>div{width: inherit!important;}
.page-id-22 .maSection1 .maRow1>div:nth-child(1){background-color: var(--darkblue); color: #fff; padding: 4vw; margin-right: 0}
.page-id-22 .double-face{color: var(--rose)}
.page-id-22 .maSection1 p{font-size: 1.1rem}
.page-id-22 .maSection1 p .h2-ligne-2{font-size: 2.4rem; line-height: 3rem;}
.page-id-22 .maSection1 .maRow1>div:nth-child(1) .et_pb_image{margin: 0}
.page-id-22 .maSection1 .maRow2{padding: 8rem 0 3rem!important}
.page-id-22 .maSection1 .maRow2 p{font-size: 2rem; line-height: 2.6rem; max-width: 1300px; text-align: center; margin: 0 auto}
.page-id-22 span.color{color:var(--rose); font-weight: bold;}
.page-id-22 .maSection1 .maRow3{display: flex;}
.page-id-22 .maSection1 .maRow3>div{width: inherit!important; margin: 0!important; text-align: center;}
.page-id-22 .maSection1 .maRow3 .et_pb_image_wrap,
.page-id-22 .maSection1 .maRow3 img{width: 100%}
.page-id-22 .maSection1 .maRow3 .et_pb_button{border: 1px solid white; border-radius: 50px; color: white}
.page-id-22 .maSection1 .maRow3 .et_pb_button:hover {background-color: var(--darkblue);border-color: var(--darkblue);}
.page-id-22 .maSection1 .maRow3 .et_pb_button::after{line-height: 1.1em;}


.page-id-22 .maSection2{max-width: 1920px; margin: 100px auto; /*background: var(--grisclair);*/ padding: 100px 4vw!important;}
.page-id-22 .maSection2 .maRow1,
.page-id-22 .maSection2 .maRow2{max-width: 1300px; margin: 0 auto}
.page-id-22 .maSection2 .maRow2>div:not(:last-child)::before { content: ""; position: absolute; width: 1px; background-color: rgba(53,58,61,.15); right: -14%; height: 50%; top: 50%; transform: translateY(-50%);}
.page-id-22 .maSection2 h2,
.page-id-22 .maSection3 h2{font-size: 2.6rem; font-weight: bold;}

.page-id-22 .maSection3{padding: 50px 4vw!important}
.page-id-22 .maSection3 .maRow1{max-width: 1300px}
.page-id-22 .maSection3 form{display: grid; grid-template-columns:1fr 1fr; gap:50px}
.page-id-22 .maSection3 form>span input,
.page-id-22 .maSection3 form>span textarea{ background:white!important; border:inherit; border-bottom:2px solid var(--grisclair); font-size: 1.1rem;}
.page-id-22 .maSection3 form>span input::placeholder,
.page-id-22 .maSection3 form>span textarea::placeholder {color: #555;}
.page-id-22 .maSection3 form>span[data-name="tradiser-temp-textarea-804"] {grid-column: 1 / -1;}
.page-id-22 .maSection3 form input[type="submit"] {font-size: 1.1rem; letter-spacing: 0px; padding: .3em 1em; border-radius: 50px; border-style: solid; border-color: var(--darkblue); color: var(--darkblue); background-color: #fff; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><g transform='scale(0.7,1)'><text x='30%' y='60%' dominant-baseline='middle' text-anchor='middle' font-size='40'  fill='white'>></text></g></svg>"); background-repeat: no-repeat; background-position: right 15px center; background-size: 0px; transition: all 300ms ease;}
.page-id-22 .maSection3 form input[type="submit"]:hover {padding: .3em 2em .3em .7em;  border-color: var(--darkblue); color: white; background-color: var(--darkblue); -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; padding-right: 40px; background-size: 16px;}
.page-id-22 footer{max-width: 1920px; margin: 0 auto}
.page-id-22 footer .et_pb_section,
.page-id-22 footer .et_pb_menu_0_tb_footer.et_pb_menu{background: var(--darkblue)!important; color: white;}
.page-id-22 footer .et_pb_section>div{max-width: 1300px; padding: 0 4vw;}
.page-id-22 footer .et_pb_menu_0_tb_footer.et_pb_menu a{color: white}
.page-id-22 footer ul#menu-pied-de-page-temp{display: flex; flex-direction: column;}
.page-id-22 .et_pb_button_0_wrapper, .et_pb_button_1_wrapper { margin-top:-8em;}

@media only screen and (max-width: 1600px) {
    .page-id-22 .maSection1 h2 {font-size: 3.6vw; line-height: 3.8vw;}
    .page-id-22 .maSection1 .maRow1 > div:nth-child(1) {padding: 3vw 4vw; display: flex; flex-direction: column; justify-content: center;}
    .page-id-22 .maSection1 .maRow1 > div:nth-child(1) .et_pb_text_1 {padding-bottom: 2vw}
    .page-id-22 .maSection1 p .h2-ligne-2 {font-size: 2.4vw; line-height: 3vw;}
}

@media only screen and (max-width: 1400px) {
	.page-id-22 .maSection1 p {font-size: 1.1rem;}
	.page-id-22 .maSection1 .maRow1 > div:nth-child(1) {padding: 2vw 4vw;}
	.page-id-22 .maSection1 .maRow2 {padding: 8rem 2rem 3rem !important;}
	.page-id-22 .maSection2 {margin: 5vw auto;}
}

@media only screen and (max-width: 1200px) {
	 .page-id-22 .maSection1 p {font-size: 1rem;}
	 .page-id-22 .monH1{margin-bottom: 2%!important}
	 .page-id-22 .maSection1 .maRow1 > div:nth-child(1) {padding: 0vw 3vw;}
	 .page-id-22 .maSection1 .maRow2 p {font-size: 1.8rem; line-height: 2.4rem;}
	 .page-id-22 .maSection1 .maRow2 {padding: 5rem 2rem 1rem !important;}
	 .page-id-22 .maSection2,
	 .page-id-22 .maSection3{padding: 4vw !important;}

	 .page-id-22 .maSection2 h2, .page-id-22 .maSection3 h2 {font-size: 2.2rem;}
}

/* Tablettes (paysage) */
@media only screen and (max-width: 980px) {
	   .page-id-22 .maSection1 p {font-size: 0.9rem; line-height: 1.1rem;}
	   .page-id-22 .maSection1 .maRow1>div:nth-child(1){margin-bottom: 0;}
	   .page-id-22 .maSection1 .maRow1>div:nth-child(1) div:has(h2){margin-bottom: 10px}
	   .page-id-22 .monH1{margin-bottom: 0%!important}
	   .page-id-22 .maSection1 .maRow2 p {font-size: 1.6rem; line-height: 2.2rem;}
	   .page-id-22 .maSection2 h2, .page-id-22 .maSection3 h2 {font-size: 2rem;}
}

/* Tablettes (portrait) / petits écrans */
@media only screen and (max-width: 767px) {
			.page-id-22 .maSection1 h2 {font-size: 3rem; line-height: 3.2rem;}
			.page-id-22 .maSection1 p .h2-ligne-2 {font-size: 2.4rem; line-height: 3rem;}
			.page-id-22 .maSection1 .maRow1 {flex-wrap: wrap;}
			.page-id-22 .maSection1 .maRow1 > div:nth-child(1) {padding: 2vw 4vw 10vw;}
			h1 img{width: 100%}
			.page-id-22 .maSection1 p {font-size: 1.1rem; line-height: inherit;}
			.page-id-22 .maSection1 .maRow3{flex-wrap: wrap}
			.page-id-22 footer .et_pb_menu_0_tb_footer.et_pb_menu a{color: var(--darkblue)}
			.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough.et-last-child{margin-top: 50px!important}
			.page-id-22 .maSection3 form {grid-template-columns: 1fr;}
			.page-id-22 .maSection2 .maRow2>div:not(:last-child)::before {content: none; display: none;}
}

/* Tablettes (portrait) / petits écrans */
@media only screen and (max-width: 600px) {
			.page-id-22 .maSection1 h2 {font-size: 7vw; line-height: 8vw;}
			.page-id-22 .maSection1 p .h2-ligne-2 {font-size: 5vw; line-height: 5vw;}
			.page-id-22 .maSection1 p {font-size: 1rem;}

}

/* Smartphones */
@media only screen and (max-width: 479px) {

}