/* Eléments principaux de la page */

body
{
    background: #E1B0AC;
    font-family: 'Raleway', sans-serif;
    color: #181818;
    line-height: 1.6;
}

#page
{
    width: 900px;
    margin: 40px auto;
    background-color: #f9eaea; 
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    padding: 30px 40px;
}

section h1, nav a
{
    font-family: 'Playfair Display', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

/* Header */

header
{
    border-bottom: 3px solid #4d4437;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background: #F2D4D6;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	text-align: center;
}

#titre_page
{
    display: inline-block;
	text-align: center; 
    margin-bottom: 10px;
}

header h1
{
    font-family: 'Playfair Display', sans-serif;
    font-size: 2.5em;
    font-weight: normal;
	display: inline-block;
    margin-bottom: 0px;
}


header h2
{
    font-family: 'Cormorant Garamond', sans-serif;
    font-size: 2.em;
    margin-top: 0px;
    font-weight: normal;
}

/* Navigation */

nav
{
    display: inline-block;
    width: 890px;
    text-align: center;
}

nav ul
{
   list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block; 
}

nav li {
    display: inline-block;
    margin: 0 20px;
}

nav a {
    font-size: 1.3em;
    color: #181818;
    text-decoration: none;
    font-family: 'Playfair Display', sans-serif;
    text-transform: uppercase;
    padding-bottom: 3px;
}

nav a:hover {
    color: #760001;
    border-bottom: 3px solid #760001;
}



/* Corps */

section {
    display: flex;        
    gap: 15px;          
    align-items: stretch; 
}

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}

article
{
   flex: 1;                  
    padding: 15px 20px;
    text-align: justify;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f9eaea;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    box-sizing: border-box;        
    font-size: 0.9em; 
    line-height: 1.5; 
}

	
article strong u {
    font-size: 1.2em;        
    font-weight: bold;       
    color: #CBB7C5;          
    text-decoration: underline; 
    text-decoration-color: #000000; 
    text-decoration-thickness: 1.5px; 
    margin-top: 15px;        
    margin-bottom: 8px;      
    display: block;          
	
}


article p
{
    font-size: 0.8em;
	
}

aside
{
   position: relative;
    width: 235px;
    background-color: #F2D4D6;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 10px;         
    padding: 15px;            
    color: white;
    font-size: 0.95em;
    font-family: 'Playfair Display', serif;
    text-align: center;         
	display: flex;
    flex-direction: column; 
    justify-content: flex-start; 
	
}
aside strong {
    display: block;
    text-align: center;
    font-size: 1.2em; 
    margin-bottom: 10px; 
}
aside p {
    margin: 3px 0;          
    line-height: 1.2;      
    font-size: 0.9em;      
}
aside p strong em {
    display: block;       
    margin-top: 12px;     
    margin-bottom: 6px;   
    font-size: 1em;       
    text-transform: uppercase; 
    color: #ffffff;      

}

}
#contact-btn {
    text-align: center;
    margin-top: 30px; 
}	
#contact-btn a {
    padding: 10px 20px;
    background-color: #CBB7C5;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.3s ease; 
}

#contact-btn a:hover {
    background-color: #A68FA0; 
    transform: scale(1.05);     
    box-shadow: 0 3px 6px rgba(0,0,0,0.2); 
}
linkedin-qr {
    text-align: center;
    margin-top: 25px;
}





#photo
{
    text-align: center;
	
}

#photo img
{
    border: 1px solid #181818;
	

}


/* Footer */

footer
{
    padding-top: 25px;
	font-size:0.2em;
	color:#897962;
	text-align:center;
}

footer a, footer a:link, footer a:visited
{
	color:#897962;
	text-decoration:none;
	
	
}
footer {
    text-align: center;
    font-size: 0.75rem;
    color: #555;
    margin-top: 20px;
    padding: 8px 0;
    border-top: 1px solid #ccc; 
}



/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #titre_page, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie article, .old_ie aside
{
    display: inline;
}

/* Quelques ajustements pour les vieilles versions d'IE pour la maquette CV*/

.old_ie section h1, .ie8 section h1
{
    font-size: 1.1em;
}
section.interets {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 20px;
    justify-content: flex-start;
}

.interet {
    background-color: #F2D4D6; 
    color: #181818;
    padding: 15px 20px;
    border-radius: 10px;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    flex: 1 1 calc(50% - 30px); 
    text-align: center;
    transition: transform 0.3s ease;
	text-decoration: none;

}

.interet:hover {
    transform: scale(1.05);
    cursor: pointer;
	background-color: #E1CAD8; 
}
texte-interet {
    background-color: #f9eaea;
    border-radius: 10px;
    padding: 15px;
    margin-top: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}