/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1760089911
Updated: 2025-10-10 11:51:51

*/



/* ############### CAMILLE ############# */
@font-face {  
	font-family: Apercu Pro Regular;  
	src: url("/wp-content/themes/Camille_Bloomfield/fonts/Apercu Pro Regular.otf");  
	font-weight: normal;  
}
/* couleur Camille */
:root {
  --vertclair: #44C29C; /* utilisation variable : var(--vertclair)  */
  --vertmoyen: #009688; /* utilisation variable : var(--vertmoyen)  */
  --vertfonce: #669892; /* utilisation variable : var(--vertfonce)  */
  --rose: #FFE3E2; /* utilisation variable : var(--rose)  */	
  --roseclair: #FFF0F0; /* utilisation variable : var(--roseclair)  */	
}


#main-content .et_pb_text_inner h1, #main-content h1.entry-title, .custom-filter-top h1 {
	font-family: "Offside" !important;
	color: var(--vertmoyen) !important;
	font-size: 2.2rem !important;
	margin-bottom: 30px;
}
.custom-filter-top h1:after, #main-content .et_pb_text_inner h1:after, #main-content h1.entry-title:after {
	background: url('/wp-content/uploads/2025/10/ligne_vert-fonce.svg') no-repeat left top/contain ;
  display: block;
  width: 131px; 
  height: 9px;
  content:"";
  margin-top: 15px
}
@media screen and (min-width: 906px) and (orientation: landscape) {
	#main-content .et_pb_text_inner h1, #main-content h1.entry-title {
		font-size: 3rem !important;
	}	
}
#main-content .et_pb_text_inner h2 {
	font-family: "Offside";
	color: var(--vertclair);
    width: fit-content;
	margin-bottom: 30px;
	font-size: 1.2rem !important;
}
#main-content .et_pb_text_inner h2:after {
	background: url('/wp-content/uploads/2025/10/ligne_vert-clair.svg') no-repeat left top/contain ;
  display: block;
  width: 100px; 
  height: 9px;
  content:"";
  margin-top: 15px
	
}
@media screen and (min-width: 906px) and (orientation: landscape) {
	#main-content .et_pb_text_inner h2 {
		font-size: 1.8rem !important;
	}	
}
#main-content .et_pb_text_inner h3 {
	font-size: 1rem !important;
	color: var(--vertmoyen);
}
a {
	color: var(--vertclair);	
}
sup {
    bottom: 0 !important;
}
.et-search-form, blockquote {
    border-color: transparent;
}
blockquote:before {
    content: "’’";
    font-size: 5rem;
    color: var(--vertclair);
    position: absolute;
    left: -4px;
    margin-top: 18px;
}




/* ################################ MENU ############################## */
#menu-principal, footer #menu-principal-1 {
    display: flex;
    align-items: center;
}
/* MENU en texte menu_txt  */
#menu-principal .menu_txt a, footer #menu-principal-1 .menu_txt a {
	color: #FFE3E2 !important;
	border: 2px solid #FFE3E2 !important;
	padding: 10px 30px !important;
	border-radius: 100px !important;
}
#menu-principal .menu_txt a:hover, footer #menu-principal-1 .menu_txt a:hover {
	background-color: #669892 !important;
}
#menu-principal .menu_txt.current-menu-item a, footer #menu-principal-1 .menu_txt.current-menu-item a {
	background-color: #669892 !important;
}
/* ---------------------- */
/* MENU Réseaux sociaux menu_rs  */
#menu-principal li.menu_rs, footer #menu-principal-1 li.menu_rs {
    padding: 7px 5px 0 5px;
    display: inline-block !important;
}

#menu-principal .menu_rs img, footer #menu-principal-1 .menu_rs img {
	height: 18px !important;
}
/* ---------------------------- */
/* MENU Réseaux sociaux mobile */
.et_mobile_menu li.menu_rs img, footer .et_mobile_menu li.menu_rs img {
    height: 30px;
    margin-right: 20px;
}
/* --------------------------- */
/* MENU espace de séparation entre menu_txt et menu_rs */
#menu-principal .menu_space, footer #menu-principal-1 .menu_space {
	width: 40px;
}
.et_mobile_menu li.menu_space, footer .et_mobile_menu li.menu_space {
	display: none;
}
/* --------------------------------------------------- */
/* MENU Search button */
.et_pb_menu__search-button:after, footer .et_pb_menu__search-button:after {
    font-weight: 900;
    margin-left: 20px;
    border: 1px solid var(--rose);
    border-radius: 100px;
    padding: 3px;
    color: var(--rose) !important;
    margin-bottom: -4px;
}
/* MENU Search input */
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__search-input {
    border: 1px solid var(--rose);
    width: 100%;
    color: var(--rose);
    background: transparent;
    font-weight: 800;
    padding: 3px 25px;
}
.et-l .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button {
	color: var(--vertfonce);
}
/* ------------------ */
/* ################################ FIN MENU ############################## */




/* div PROJETS  au dessus des filtres FilterGrid */
.custom-filter-top {
	margin-bottom: 30px;
}

/* CPT */
/*.single footer {
    margin-top: 80px;
}
article.km_archives {
    max-height: 360px !important;
}*/


.single-km_archives #main-content .container  {
	width: 100% !important;
	max-width: 100% !important;
    padding-top: 0 !important;
}
.single-km_archives #main-content .et_pb_post .et_post_meta_wrapper {
	display: none !important;
}
.single-km_archives .et_post_meta_wrapper img{
    display: none; /* ne pas afficher l'image à la une en haut de page */
}
article.km_archives .entry-content .et_pb_row {
/*    width: 90% !important;
    max-width: 100% !important;*/
}

/* Texte de création dans les archives */
.txt_creation {
	font-family: serif;
	font-size: 110%;
}

/* les natures formes et genres des archives */
.article_genre_forme .et_pb_text_inner {
	color: var(--vertfonce);
	font-weight: 300;
}
.article_genre_forme .et_pb_text_inner a{
	font-weight: 900;	
}
.article_genre, .article_forme {
    float: right;
}
.article_genre{
    margin-left:40px;
}
.article_genre a, .article_forme a {
	padding: 0 0 0 20px;
}
.article_forme:nth-child(2) .et_pb_text_inner:before {
    margin-left: 40px;
}
/*.article_forme:nth-child(2).et_pb_text_inner:before {
    content: '|';
    position: absolute;
    left: -20px;
	top: 0;
}*/

/* FLUX */

/* les images intégrées à du texte en float right ou left */
p>img.alignnone[style*="float:left"] {
  margin: 10px 15px 5px 0px;
}
p>img.alignnone[style*="float:right"] {
  margin: 10px 0px 5px 15px;
}


/* ######## visionneuse ########## */
.mfp-title {
    color: var(--rose);
    background: var(--vertfonce);
    padding: 4px 8px;
}
.mfp-counter {
    color: #fff;
}

/* ###### formulaire de contact ####### */
.et_pb_contact p input, .et_pb_contact p textarea {
	border: 1px solid var(--vertclair) !important;
background-color: #fff7f8 !important;
color: var(--vertclair) !important;
}