#presentationBloc .wrappe {width:calc(100% - 64px);margin-right: auto;margin-left: auto;padding-left:0;padding-right:0;max-width: 1280px;}

#presentationBloc .contenu-introduction, #presentationBloc .contenu, #presentationBloc .contenu-reverse{display: flex; /*gap: 40px;*/ gap: 24px; padding: 24px; margin-bottom: 40px;}
#presentationBloc .intro{flex: 1 1 0;}

/*Particularité intro sans vidéo*/
#presentationBloc .contenu-introduction-sV {display: flex; gap: 40px; align-items: center; padding: 24px; margin-bottom: 40px;}
#presentationBloc .intro-sV {width:100%;}
/*Particularité présentation sans intro*/
#presentationBloc .contenu .contenuGauche, #presentationBloc .contenu-reverse .contenuDroit {/*max-width: 560px;*/ max-width: 376px;}
#presentationBloc sup {font-size: 10px;}

/*VIDEO*/
/*Commenté pour recadrage SEO*/
/* #presentationBloc .contenu-introduction h2, #presentationBloc .contenu-introduction-sV h2 {font:normal 24px/36px SFR-Bold} */

/*RecadrageSEO*/
#presentationBloc h2 {font:normal 24px/36px SFR-Bold;}

#presentationBloc .introDroitVideo{flex: 1 1 0;}
#presentationBloc .video-container { position: relative;}
#presentationBloc .video-container iframe, #presentationBloc .video-container object, #presentationBloc .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#presentationBloc .video-container video{width: 100%;}

#presentationBloc .contenu, #presentationBloc .contenu-introduction-sV, #presentationBloc .contenu-introduction{background-color:#fff;  border-radius: 12px;}
#presentationBloc .contenu p.paragraphe, #presentationBloc .contenu .titre{color:#181818;}

#presentationBloc .contenu-reverse{background-color:#ffffff;  border-radius: 12px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.02);}

#presentationBloc .contenuGauche, #presentationBloc .contenuDroit{width:100%; display: flex;/*align-items: center;*/}
#presentationBloc .wrappe div:not(.contenu-introduction):nth-child(even) .contenuGauche, #presentationBloc .wrappe div:not(.contenu-introduction):nth-child(odd) .contenuDroit {display: flex; align-items: baseline; }

#presentationBloc .blocTexte {display: flex; flex-direction: column; height: 100%; gap: 16px;}
#presentationBloc .blocTexte p{font-size: 14px;line-height: 22px;} 
#presentationBloc .blocTexte p b {font-family: 'SFR-Bold';}
#presentationBloc .blocTexte ul {font: 14px/normal SFR-Regular;list-style-position: inside; padding-left: 8px;}
#presentationBloc .blocTexte p.container-small {margin-top: auto;}
#presentationBloc .blocTexte small{font-size: smaller; margin-top: auto; display: block;}
#presentationBloc .texte{display: flex; flex-direction: column; gap: 16px; height: 100%;}

#presentationBloc .blocImage{text-align: center;width: 100%;}
#presentationBloc .illustration{max-width: 100%; padding-bottom: 0; border-radius: 8px;} 

/* Style spécifique pour la BHT */
#FP #Inf #presentationBloc .wrappe {width: unset;}
#Inf p {max-width: 100%; font-size: 14px; line-height: 22px;}
#FP #presentationBloc h2 {margin: 0;}
#FP #Inf #presentationBloc h3 {margin:0; text-align: left;}

/* #FP #Inf #presentationBloc .wrappe {width: 100%;} */



@media (max-width:1100px){
    /*RecadrageSEO*/
    #presentationBloc h2 {font:normal 16px/24px SFR-Bold;}
    
    
    #presentationBloc .contenu-introduction h2, #presentationBloc .contenu-introduction-sV h2 {font-size:16px;line-height:24px}
    #presentationBloc .contenu-introduction,#presentationBloc .contenu-introduction-sV, #presentationBloc .contenu, #presentationBloc .contenu-reverse{gap:24px; padding: 16px;margin: 0 auto 24px; /* width: fit-content; */}
    #presentationBloc .contenuGauche, #presentationBloc .contenuDroit{width:100%; text-align: center;padding-left: 0;}
    #presentationBloc .intro{width:100%; text-align: center;padding-left: 0;}
    #presentationBloc .contenu-introduction {/* width: 100%; */flex-direction: column;}
    #presentationBloc .introDroitVideo {max-width: 560px; width: 100%; margin: 0 auto;}
    #presentationBloc .blocTexte{text-align: left;/*margin: 0 auto;*/}
    #presentationBloc .contenu {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    #presentationBloc .contenu-reverse {-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    #presentationBloc .contenu .contenuGauche, #presentationBloc .contenu-reverse .contenuDroit {max-width: none;}
    
    /* Style spécifique pour la BHT */
    /* #FP #Inf #presentationBloc h3 {font:normal 16px/24px SFR-Bold;} */
}


@media (max-width:768px){
    #presentationBloc .wrappe {width:calc(100% - 32px);}
    #presentationBloc .introDroitVideo {width: 100%; display: inline-block; vertical-align: middle; padding-left: 0; padding-right: 0;}
    #presentationBloc .contenu-reverse, #presentationBloc .contenu{padding:16px} 
    
    /* Style spécifique pour la BHT */
    /*#FP section#Inf { padding: 0 16px;}*/
}
