/*  
Theme Name: MANUEL SCHAPIRA 2024 V3
Theme URI: http://matthieulaporte.com/
Description: MANUEL SCHAPIRA
Version: Version : V.3.0.2024
Author: Matthieu Laporte
Author URI: http://matthieulaporte.com/
*/

/* typo couleurs general */
html {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #ffffff;   
    
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
    
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
body {
 
    background-color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
	
}

strong, b {
    font-weight: 500;
}


img {
    pointer-events: none;
}
h1 {
color: #121212;
font-size: 22px;
letter-spacing: 0.5px;
margin: 0;
padding-bottom: 20px;
}
h1 a {
    border-bottom: 0px solid #000;
    padding-bottom: 2px;
}
h2 {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.5px;
margin: 0;
padding-bottom: 20px;
}
h3 {
letter-spacing: 0.5px;
font-weight: 600;
margin: 0;
font-size: 18px;
padding-bottom: 20px;
line-height: 30px;
}
h3 strong {
    font-weight: 800;
}
h3 a {
    color: #121212;
    text-decoration: none;
    display: inline-block;
    border-bottom: 0px solid #eee;
}
h4 {
font-size: 16px;
font-weight: 400;
height: auto;
letter-spacing: 0.5px;
color: #111;
padding-bottom: 20px;
margin: 0;
}
h5 {
    margin: 0;
    padding-bottom: 20px;
}
h6 {
    margin: 0;
    padding-bottom: 20px;
}
pre {
    margin: 0;
    padding-bottom: 20px;

}
p {
font-size: 15px;
line-height: 25px;
margin: 0;
letter-spacing: 0.5px;
padding-bottom: 20px;
}
p a {
    color: #121212;
    text-decoration: none !important;
    position: relative !important; /* Nécessaire pour le positionnement de l'élément ::after */
    border-bottom: 1px solid #eee;
    padding-bottom: 2px; /* Adds spacing inside the element */
    margin: 0px; /* Adds spacing outside the element */
}


p a::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 1px;
    background: #000 !important;
    bottom: 0; /* Place l'élément en bas */
    left: 0; /* Commence à gauche */
    transition: width .3s !important;
    margin-bottom:  -1px;
}

p a:hover::after {
    width: 100% !important;
}
p span {
    font-weight: 500;
}
ul {
    padding-bottom: 20px;
    width: 50%;
}
ol {
    padding-bottom: 20px;
    width: 50%;
}
li {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    letter-spacing: 0.5px;
    padding-bottom: 0px;
}
blockquote {
    margin: 0;
    padding: 40px;
    font-style: italic;
}
blockquote p {
    font-size: 25px;
    line-height: 35px;
}
hr {
    margin-bottom: 20px;
    border-top: 0px solid #fff;
    margin-top: 0px;
    height: 0px;
    color: #eee;
}
pre#tw-target-text.tw-data-text.tw-text-large.tw-ta, pre {
margin: 0px 0px 40px 0px !important;
padding: 16px 20px 20px 20px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
display: block !important;
white-space: pre-wrap !important;
word-wrap: break-word !important;
word-break: break-word !important;
text-wrap-mode: wrap !important;
overflow-x: hidden !important;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;
font-size: 13px !important;
line-height: 1.6 !important;
color: #24292e !important;
text-align: left !important;
background-color: #f6f8fa !important;
border: 0px solid #e1e4e8 !important;
border-left: 4px solid #000000 !important;
border-radius: 0 6px 6px 0 !important;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

/* 5. Ajustement fluide pour les petits écrans de smartphones */
@media (max-width: 480px) {
    pre#tw-target-text.tw-data-text.tw-text-large.tw-ta,
    pre {
        font-size: 13px !important; /* Réduit un poil la taille du texte sur mobile */
        padding: 12px 15px 20px 15px !important; /* Gagne de l'espace sur les côtés */
    }
}

a {
    border: medium none;
    text-decoration: none;
    color: #000000;
    cursor:pointer;
}
a img {
	border:0px;
}