@charset "UTF-8";
/*
 Theme Name:   Agence Picteos
 Theme URI:    https://www.agencepicteos.fr/
 Description:  Thème conçu pour Agence Picteos par l'Agence Montpelliéraine Picteos utilisant le thème parent DIVI. Les licences associées au thème et extensions sont accordées pour Agence Picteos uniquement, pour toute la durée de validité du contrat d'exécution de l'offre de prestation de l'agence dont ce site Internet fait l'objet. Tous les droits sont réservés à l'agence Picteos. Toute passation, diffusion ou copie à un tiers est interdite sans accord écrit. Ce thème utilise comme thème parent DIVI pour fonctionner, il ne faut pas le supprimer des thèmes WordPress.
 Author:       Agence Picteos <contact@picteos.com>
 Author URI:   https://www.piceos.com/
 Version:      1.0.0
 License:      Tous droits réservés
 License URI:  https://www.agencepicteos.com/
 Text Domain:  agencepicteos
*/
html{
	font-size: 13px;
}
body{
	margin:0;
	font-size:1em;
	/*font-family: 'Open Sans', sans-serif; /* Utilise Open Sans par défaut */
    font-family: 'Poppins', sans-serif; /* Utilise Poppins par défaut */
    /* font-family: 'Montserrat', sans-serif; /* Utilise Montserrat pour les titres */
	color:#475467;
}
p{
	margin-top:0;
	margin-bottom:0;
}
h1, .page-title{
	margin-top:0;
	margin-bottom:15px;
	font-size:2em;
	font-weight:600;
}

.application{
	background:#f9fafb;
	width:100%;
	min-height:100vh;
	display:flex;
}

.menu-area{
	background:#ffffff;
	width:230px;
	border-right:1px solid #eaecf0;
	/* Fixe la taille du menu */
}

.content-area {
    background: #f9fafb; /* Ajout d'une couleur de fond pour visualiser */
    flex-grow: 1; /* Laisse cette zone prendre tout l'espace restant */
    display: flex;
    flex-direction: column; /* Permet d'organiser le contenu en colonne */
}
.main-content{
	flex-grow: 1; /* Laisse cette zone prendre tout l'espace restant */
}
.inner{
	padding:20px;
}

div.soon{
	padding:5px;
	border:1px solid yellow;
	margin-bottom:10px;
}
.menu{
	margin-top:30px;
}
.menu,
.menu__submenu{
	padding-left:0;
}
.menu__submenu{
	border-bottom: 1px solid #eaecf0;
	margin-top:3px;
	margin-bottom: 10px;
    padding-bottom: 2px;
}
.menu__item{
	list-style-type:none;
	font-weight:600;
}
.menu__submenu__item{
	font-weight:normal;
}

.menu .link{
	padding:5px;
	text-decoration:none;
	color:inherit;
	display:block;
}
.menu .link:hover{
	background-color:#eaecf0;
	border-radius:5px;
}

.menu__item__title{
	padding-left:5px;
}


.user-presentation{
	margin-top:15px;
	display:flex;
	align-items: center; /* Centre verticalement l'image et le texte */
	justify-content: center;
	font-weight:500;
}

.user-presentation img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
img{
	max-width:100%;
}

.brand-logo{
	text-align:center;
}


.mentions{
	font-size:12px;
	color:#98a2b3;
}
.footer .flex{
	display: flex;
	justify-content: space-between;
}

.highlight{
	border-bottom:2px solid #22d172; 
}