/*
Theme Name: template
Description: Thème enfant pour le thème Divi
Author:  Medialogue
Template: Divi
*/

@import url("../Divi/style.css");

@import url("./css/content.css");

@import url("./css/responsive.css");

#footer-info img {
	margin-bottom: -10px;
	margin-right: 10px;
}

:root {
	--yellow: #c80629;
	--red: #c80629;
}

/* ==========
   1.Basic
   ========== */

p {
	font-size: 16px !important;
}

p span.percent-value {
	font-size: 62px !important;
	line-height: 1em;
}

.et_pb_text_inner li {
	font-size: 16px !important;
}

/* =========
	 2.Helpers
    =========*/
.fullwidth-image img {
	object-fit: cover;
}

.bg-jaune {
	background-color: var(--yellow) !important;
}

.border-jaune {
	border-color: var(--yellow) !important;
}

.border-color:before {
	border-color: var(--red) !important;
}

/* ========
3. HEADER
==========*/
#logo {
	max-height: none;
	margin: 10px;
	top: -40px;
	position:absolute !important;
}

#et-info {
	float: right !important;
}

.et_fixed_nav #main-header {
	z-index: 1000000;
}

#top-header .container {
	width: 100%;
	padding-right: 32px;
	padding-left: 30px;
}

.mobile_menu_bar:before,
.mobile_menu_bar:after,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
	color: var(--red) !important;
}
#top-menu li li a {
	padding: 6px 5px !important;
}

.grecaptcha-badge{
	z-index:99999999;
}

/* =========
4.HOME
=========*/

.home .home-service-listing .et_pb_module:hover p {
	color: white;
	text-shadow: 0px 1px 4px #182335;
}

.home .home-service-listing .et_pb_module:hover a {
	text-shadow: 0px 1px 4px #182335;
}

.home .home-service-listing .et_pb_module:hover h2 {
	text-shadow: 0px 1px 4px rgb(24 35 53 / 67%);
}

#section-partenaire h2 {
	color: #fff !important;
	padding-bottom: 0;
	font-size: 60px;
}

#section-partenaire .et_pb_column_2_3 {
	display: flex;
	align-items: center;
}
#section-partenaire .et_pb_row {
	display: flex;
	align-items: center;
}

/* ==========
5. Page Intérieur
============*/

.service-texte-light h3{
	color:white !important;
}

.service-texte-light,
.service-texte-dark {
	/* font-family: "Noto Serif", Georgia, "Times New Roman", serif; */
}

.service-texte-light h2,
.service-texte-dark h2,
.service-texte-light h3,
.service-texte-dark h3 {
	line-height: 1.3em;
	padding-bottom: 0.5em;
}

.et_pb_bg_layout_dark h1{
	color: #000!important;
}

h1 {
	color: #000!important;
	font-size: 8em !important;
	-webkit-text-stroke: 0.01em #fff;
	text-transform: uppercase;
	font-weight: 300;
}

h2 {
	font-size: 40px !important;
}

h3 {
	font-size: 26px !important;
}

body .et_pb_section h2.et_pb_module_header {
	font-size: 26px !important;
}

h1,
h2,
h3 {
	font-family: "Bebas Neue" !important;
}

.service-texte-light {
	color: #fff;
}
.service-texte-dark {
	color: #333;
}

/* ==========
   15.FOOTER
   ========== */
.gmap img {
	width: 100%;
	object-fit: cover;
}

.wpcf7-form > p {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 1;
}

.wpcf7-form input,
.wpcf7-form textarea {
	width: 100%;
	padding: 14px;
	margin-bottom: 15px;

	border: 0 !important;
}

.wpcf7-form > p > input:only-of-type {
	width: auto;
	padding: 10px 25px;
	font-size: 15px;
	cursor: pointer;
}

.wpcf7-form .wpcf7-form-control-wrap {
	width: 100%;
}

.wpcf7-form-control-wrap.your-message {
	width: 100%;
}

#footer-bottom .container {
	display: flex;
	align-items: center;
}

.footer-infos span.et-waypoint,
.footer-infos .et_pb_blurb_description a {
	color: var(--yellow) !important;
}

.footer-infos {
	padding: 20px 30px;
}

#menu-info {
	margin-left: auto;
	display: flex;
}

#menu-info li {
	margin-left: 10px;
}

/* ==========
   16.RESPONSIVE
   ========== */

@media (max-width: 980px) {
	.inverted-row-mobile {
		display: flex;
		flex-direction: column-reverse;
	}

	.inverted-row-mobile .et_pb_column:first-child {
		margin-bottom: 0px !important;
	}

	.inverted-row-mobile .et_pb_column:last-child {
		margin-bottom: 30px !important;
	}

	#logo{
		max-width:200px !important;
		top:-22px;
	}

	h1{
		font-size:6em !important;
	}
}

@media (max-width:767px){
	#section-partenaire .et_pb_row{
		flex-wrap:wrap;
	}
}


@media (max-width: 479px) {
 	#logo{
 		max-width: 138px !important;
 	}

 	h1{
 		font-size:4em !important;
 	}
}