/*
Theme Name: Divi Enfant - DiviKit
Description: Divi Enfant, theme enfant de Divi fourni par WPMarmite
Author: WPMarmite
Template: Divi
*/

/*-----------------------------
--------------ROOT-------------
------------------------------*/


/* Définit un curseur personnalisé rond et bleu */
body {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewport="0 0 44 44"><circle cx="22" cy="22" r="8" fill="%0055FF"/></svg>') 22 22, auto;
}



:root {
	--anthracite : #08142B;
	--or : #C9BA9C;
	--bleu : #0055FF;
	--rouge : #FE5100;
	--grisClair : #F7F7F7;
	--size1: 0.5em;
	--size2: 1em;
	--size3: 1.5em;
	--size4: 2em;
}

.et-cart-info {
	display : none !important;
}


/*-----------------------------
------------- POLICE ----------
------------------------------*/

.et_pb_module p,
.et_pb_module span {
	font-weight: normal;
	
}

.et_pb_post_content p {
	margin-bottom:1.5em;
}


.et_pb_post_content H2 {
	margin-bottom:1em;
}


hr {
	border : none;
	border-bottom:1px solid #e1e1e1;
	margin : 1em 0 2em 0;
}

.et_pb_module a,
.et_pb_button {
  text-decoration: underline;
  text-decoration-color: transparent; /* Cache le soulignement initial */
  text-decoration-thickness: 1px; /* Épaisseur du soulignement */
  text-underline-offset: 5px; /* Décalage du soulignement sous le texte */
  transition: text-decoration-color 0.3s ease-in-out;
}

.et_pb_module a:hover,
.et_pb_button:hover {
  text-decoration-color: var(--bleu); /* Révèle le soulignement au survol */
}





/*-----------------------------
------- ENTETE PAGE ----------
------------------------------*/

.page .et_pb_fullwidth_header .header-content {
	max-width: 800px;
}

.page .et_pb_fullwidth_header .header-content img{
	max-width: 60px;
	margin-bottom: 1em;
}

.page .et_pb_fullwidth_header h1 {
	font-size:1em;
	line-height: 1.3em;
	letter-spacing: 0px;
}

.page .et_pb_fullwidth_header span {
	font-size:3em;
	line-height: 1.1em;
	margin-bottom:0.5em;
}

.page .et_pb_fullwidth_header p {
	font-size:1em;
	line-height: 1.4em;
	margin-bottom:1em;
}

.page-id-2995 .et_pb_fullwidth_section .et_pb_fullwidth_header {
}



/*-----------------------------
------- ENTETE PROJET----------
------------------------------*/

.single-project .et_pb_fullwidth_header h1 {
	font-size:1em;
	line-height: 1.3em;
	letter-spacing: 0px;
}

.single-project .et_pb_fullwidth_header span {
	font-size:3em;
	line-height: 1.2em;
	margin-bottom:0.5em;
}

.single-project .et_pb_fullwidth_header p {
	font-size:2em;
	line-height: 1.3em;
}


/*------- MENU SIDE --------*/

#menu-prouctmenu * {
  display: block;
}

#menu-prouctmenu li {
	width: 100% !important; /* Permet aux items de s'étirer sur toute la largeur */
	border-bottom: 1px solid var(--grisClair);
	padding-bottom:0.5em;
}

.et_pb_blog_grid .et_pb_post  {
	border: none !important;
	background-color: var(--grisClair) !important;
	border-radius: 7px !important;
}

/*------- TOOGLE --------*/

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module {
	margin-bottom:1em;
}

/*------- résumé article --------*/

article .entry-title:hover {
	color : var(--bleu);
}

/*------- fiche projet --------*/

.single-project .et_pb_post_content img {
	border: 3px solid #F7F7F7;
}


/*------- Formulaire --------*/


.et_pb_contact_main_title {
	margin-bottom: 1em;	
}

p.et_pb_contact_field {
	margin-bottom: 1em;
}

.et_pb_contact p input, .et_pb_contact p textarea {
  -webkit-appearance: none;
  background-color: var(--grisClair);
  color: var(--anthracite);
  border:1px solid #EFEFEF;
}

.et_contact_bottom_container {
	margin-top: 1em;
}

.et_contact_bottom_container .et_pb_contact_submit,
.et_contact_bottom_container .et_pb_contact_submit:hover {
	color : var(--anthracite) !important;
}


.et_pb_contact_field_checkbox,
.et_pb_contact_field_radio { 
	float: left; margin-right: 1em;
}