*, ::after, ::before {
    box-sizing: border-box; 
}

.carre {
  position: absolute;
  width: 50px;      
  height: 50px;      
  z-index: 10;    
}
/*intro*/
.intro, .presentiel{
    background-color:#19191f;
}
.container {
    position: relative !important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.titre{
    width: 50%;
}
.paragraph {
    font-size: 24px;
    line-height: 30px;
    color: #ffff;
    margin-bottom: 50px;
}
.wrapper {
    z-index: 1;
    position: relative !important;
    width:50%;
}
.banner_img{
    position: absolute;
}

.carre1 {
    top: -50px;
    left: 220px;
}
.carre2 {
    top: 370px;
    left: -70px;
}
.carre3 {
    bottom: -180px;
    right: -130px;
}
/*boutons*/
.get_started,.how_it_works {
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.get_started{
    padding: 14px 42px;
    margin-right: 10px;
        align-self: center;
}
.how_it_works {
    align-self: center;
    padding: 15px 32px;
    background-color: transparent;
    border: 1px solid #EE4619;
}

/*triptyque*/
.sous_triptyque {
   gap:3%
}
.partietriptyque{
    border :solid 4px #EBF1F3;
}
.img_poissons{
    width:45%;
    max-width: 800px;
    translate: 5px 80px;
    background: url(/images/poissons.jpg);
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
}
/*philo*/
.philo{
    background-color: #EBF1F3;
}
.conteneurphilo{
    max-width: 1400px;
    margin: 0 auto;
}
/*formation*/

.aaa {
  position: relative;
  display: inline-block; /* Aligne le conteneur à la largeur de l'image */
}

.text_proposition {
  display: block;
  max-width: 100%;
  height: auto;
}

.sur{
    top: -15px;
    left: -5px;
}
.sous{  
    top: -30px;
    left: -20px;}

/*presentiel*/
.evenements li{
  list-style-type :none ;
  padding-left: 20px;
  font-size: 20px;
  background-image: url(/images/checkplein.svg);
  background-repeat: no-repeat;
  text-indent: 25px;
  line-height: 30px;
  vertical-align: middle;
}

.evenements li::marker{
    vertical-align: text-top;
}
.banner-wrapper{
    transform: translate(100px, 110px);
}
.part_droite, .part_gau_re,.part_droit_adhe{ width: 60%;}
.part_gauche,.part_droit_re,.part_gau_adhe{ width: 40%;}

.img_presentiel {
    width: 45%;
    translate: 5px 80px;
    background: url(/images/banquet.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.carre4{
    top: -30px;
    left: 25px;
}
.carre5{
    bottom: 85px;
    right: 105px;
}
/*recherche*/
.recherche{
    background-color: #EBF1F3;
}
.fondrecherche{
    border-top:solid 3px #000000;
}

/*boutique*/
.img_ecrits{
    width: 680px;
    height:650px;
    background: url(/images/tradi.jpg);
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    position: relative;
    transform: translateY(130px);
}
.docs{   
    width:55%;
   position: relative;
    display: inline-block; 
}
.carre7 {
    top: 110px;
    left: 40px;
}
.carre8{
    bottom:20px;
    right:-30px
}
.carre9{
    bottom:-150px;
    right: 300px;
}
/*tisserande*/
.tisserande{
    background-color: #000000;
    color: #ffff;
    padding: 4%;
}

/*perfectionnements*/
.metiers{
    padding: 4%;
}
.imgmetiers{
    margin-bottom: 20px;
}
/*inscription/question*/
.conteneur_question{
    border: solid 4px #EBF1F3;
    padding: 4%;
    position:relative;
}