/*
Theme Name: Divi Child Theme
Description: Theme enfant de Divi par Alliance Technique
Author: Alliance Technique
Author URI: https://www.alliance-technique.fr
Template: Divi
Version: 1.1
*/

.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}


/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/*
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}

/* --- static restore patch --- */
.et_animated{opacity:1!important}
.et_pb_slider .et_pb_slide{display:none}
.et_pb_slider .et_pb_slide.et-pb-active-slide{display:block}
.et-pb-slider-arrows a,.et-pb-controllers a{cursor:pointer}
.fb-follow a{color:#DB601C;font-weight:600}

/* ============================================================
   PRE-DELIVERY SWEEP PATCHES (site tokens: teal #2a3f42/#2f4242, orange #ec5501)
   ============================================================ */

/* --- (#9) Reveal Divi waypoint animation modules: no animation JS on the
   static build, so opacity:0 modules (contact-page icon circles) never fire --- */
.et-waypoint{opacity:1 !important}

/* --- (#3) Form fields: give the invisible-bordered default inputs a real
   border + brand focus ring; keep the forms neutered (no action changes) --- */
.et_pb_contact_form .input,
.et_pb_contact_form textarea,
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=url],
.wpcf7-form input[type=number],
.wpcf7-form input[type=date],
.wpcf7-form input[type=datetime-local],
.wpcf7-form textarea,
.wpcf7-form select{
	background-color:#fff !important;
	border:1px solid #ccd3d3 !important;
	border-radius:6px !important;
	transition:border-color .15s ease,box-shadow .15s ease;
}
.et_pb_contact_form .input:focus,
.et_pb_contact_form textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus{
	border-color:#ec5501 !important;
	box-shadow:0 0 0 3px rgba(236,85,1,.15) !important;
	outline:none !important;
}
/* unify the contact (Divi) submit button with the brand orange used by the
   prescription (CF7) button, so both forms read as one system */
.et_pb_contact_form .et_pb_contact_submit.et_pb_button{
	background-color:#ec5501 !important;
	border-color:#ec5501 !important;
	color:#fff !important;
}
.et_pb_contact_form .et_pb_contact_submit.et_pb_button:hover{
	background-color:#d34d01 !important;
	border-color:#d34d01 !important;
}

/* ============================================================
   (#4) LEGAL PAGES — mentions-legales (id 51, full-width) +
   politique-de-cookies-eu (id 453, sidebar). Read as DESIGNED pages of this
   site: gradient title banner (same token as the /equipe hero), readable
   measure, heading hierarchy, styled lists, muted last-updated line.
   ============================================================ */

/* gradient title banner — reuses the /equipe section gradient token */
.legal-hero{
	background:linear-gradient(105deg,#2f4242 0%,rgba(236,85,1,.55) 100%);
	padding:42px 46px;
	border-radius:8px;
	margin:0 0 38px;
	box-shadow:0 6px 24px rgba(42,63,66,.14);
}
.legal-hero h1{color:#fff !important;font-size:34px;font-weight:600;line-height:1.15;margin:0}
.legal-hero .legal-sub{color:rgba(255,255,255,.9) !important;font-size:16px;margin:9px 0 0;font-style:normal}

/* readable measure */
body.page-id-51 .et_pb_text_inner{max-width:820px;margin-left:auto;margin-right:auto}
body.page-id-453 #left-area{padding-right:44px}
body.page-id-453 .entry-content,
body.page-id-453 .cmplz-document{max-width:840px}

/* paragraphs */
body.page-id-51 .et_pb_text_inner p,
body.page-id-453 .entry-content p{font-size:15px;line-height:1.85;color:#4a4a4a;margin-bottom:1.1em}

/* top-level section headings (h3 on mentions, h2 on politique) — teal + orange rule */
body.page-id-51 .et_pb_text_inner h3,
body.page-id-453 .entry-content h2{
	color:#2a3f42;font-weight:600;font-size:22px;line-height:1.3;
	margin:1.9em 0 .55em;padding-bottom:.32em;border-bottom:2px solid rgba(236,85,1,.5);
}
/* sub headings (h3 on politique) */
body.page-id-453 .entry-content h3{
	color:#2a3f42;font-weight:600;font-size:18px;line-height:1.3;margin:1.5em 0 .45em;
}
/* lists */
body.page-id-51 .et_pb_text_inner ul,
body.page-id-51 .et_pb_text_inner ol,
body.page-id-453 .entry-content ul,
body.page-id-453 .entry-content ol{
	font-size:15px;line-height:1.8;color:#4a4a4a;margin:0 0 1.2em;padding-left:1.45em;
}
body.page-id-51 .et_pb_text_inner li,
body.page-id-453 .entry-content li{margin-bottom:.45em}
body.page-id-51 .et_pb_text_inner li::marker,
body.page-id-453 .entry-content li::marker{color:#ec5501}
/* links */
body.page-id-51 .et_pb_text_inner a,
body.page-id-453 .entry-content a{color:#ec5501;text-decoration:underline}

/* muted, styled last-updated line (politique intro italic) */
body.page-id-453 .cmplz-document > p:first-child{
	color:#8a9698 !important;font-size:14px;font-style:italic;
	margin-bottom:2em;padding-bottom:1.15em;border-bottom:1px solid #e4e8e8;
}

/* cookie disclosure list (Complianz <details>) — from raw toggles to a designed list */
body.page-id-453 .cmplz-dropdown{
	border:1px solid #e0e4e4;border-radius:6px;margin:0 0 12px;background:#fff;overflow:hidden;
}
body.page-id-453 .cmplz-dropdown > summary{
	list-style:none;cursor:pointer;padding:13px 18px;background:#f5f8f8;
}
body.page-id-453 .cmplz-dropdown > summary::-webkit-details-marker{display:none}
body.page-id-453 .cmplz-dropdown[open] > summary{border-bottom:1px solid #e0e4e4}
body.page-id-453 .cmplz-dropdown h3{margin:0 !important;font-size:16px;border:0;padding:0}
body.page-id-453 .cmplz-dropdown summary p{margin:3px 0 0 !important;font-size:13px;color:#7a8688}

/* mobile: keep legal content clear of edges, no overflow */
@media only screen and (max-width:782px){
	.legal-hero{padding:30px 24px}
	.legal-hero h1{font-size:26px}
	body.page-id-453 #left-area{padding-right:0}
}