body { 
    padding : 0 ; 
    margin : 0 ; 
    font-weight : 100 ; 
    background-color : rgb(68,159,63) ;

    font-family : sans-serif
}
h1 { 
    margin : 0 auto ; 
}
p { 
    margin : 0 auto ;
}
button { 
    cursor : pointer ; 
}
@media screen and (max-width : 1920px)
{
.bloc_entête { 
    margin  : 0 ; 
    border-bottom  : solid 10px rgb(20,20,20)
}
.alignement_entête {
    display : flex ; 
    flex-direction : row ; 
    background-color : white ; 
    width : 100% ; 
}
.logo_hamburger { 
    display : none ; 
}
.logo_entête { 
    display : flex ; 
    flex-direction : column ; 
    margin-right:  10% ; 
}

.entête_txt1 { 
    display : flex ; 
    flex-direction : column ; 
    font-size:  20px ;
    margin-right : 5% ; 
    margin-top : 3% ; 
}
.entête_txt2 { 
    display : flex ; 
    flex-direction : column ; 
    font-size:  20px ;
    margin-right : 5% ; 
    margin-top : 3% ; 
}
.entête_txt3 { 
    display : flex ; 
    flex-direction : column ; 
    font-size:  20px ;
    margin-right : 30% ; 
    margin-top : 3% ; 
}
.bouton_entête { 
    display : flex ; 
    flex-direction : column ; 
    margin-top : 2% ;
    height : 5% ; 
    padding: 1% ; 
    color:  white ;
    font-size : 20px ; 
    background-color : rgb(68,68,68); 
    border : solid 1px rgb(68,68,68) ;   
}



.bloc1 { 
    background-image : url('mountain.jpg') ; 
    background-size : cover ;
    height : 150% ; 
    width : 100% ;  
}
.element_bloc1 { 
    position : absolute ; 
    position:  top ; 
    width  : 5% ; 
    height : 10% ; 
    margin-left :55% ; 
    margin-top : 28%
}
.bloc1_txt { 
    position : absolute;
    margin-left : 35% ; 
    margin-top : 30% ; 
}
.titre_bloc1 { 
    color : white ; 
    text-align : center ; 
    font-size:  60px ; 
}
.texte_bloc1 { 
    font-size: 20px ; 
    color: white ; 
    text-align : center ; 
}





.bloc2 { 
    margin-top : 5% ; 
    background-color : rgb(68,159,63) ;
}
.bloc2_alignement { 
    display : flex ; 
    flex-direction : row ; 
}
.bloc2_gauche { 
    display : flex ; 
    flex-direction : column ; 
    margin-left : 5% ; 
}
.element_bloc2 { 
    position : absolute ; 
    width : 8% ;
    height : 17% ;
    margin-left : 40% ; 
    margin-top : 2% ; 
    rotate : 40deg ; 
} 
.bloc2_gauche_background { 
    margin-right : auto ;
    margin-left : 5% ;
}
.image_bloc2_gauche { 
    width : 90% ; 
    height  :100% ; 
}
.image_bloc2_gauche_responsive { 
    display : none ; 
}
.bloc2_gauche_textegras { 
    margin-left : 5%;  
    font-size : 14px ;   
}
.bloc2_texte { 
    font-size : 27px ; 
}
.bloc2_texte_responsive { 
    display : none ; 
}
.bloc2_gauche_soustitres { 
    display : flex ; 
    flex-direction : row ; 
    margin-top : 10% ; 
    width :80% ; 
    border-top : solid 3px rgb(100,100,100); 
}
.bloc2_gauche_soustitre1 { 
    margin-right : 70% ; 
}
.texte1_gauche{ 
    display : flex ; 
    flex-direction : column ; 
    margin-left : auto ; 
    font-weight: bold;
} 
.texte2_gauche { 
    display : flex ; 
    flex-direction : column  ; 
    font-weight: bold;
}



.bloc2_droit{ 
    display : flex ; 
    flex-direction : column ; 
} 
.bloc2_droit_background { 
    margin-left : 5% ; 
    margin-right : auto ; 
}
.image_bloc2_droit { 
    width : 90% ; 
    height  :100% ; 
}
.image_bloc2_droit_responsive { 
    display : none ; 
}
.bloc2_droit_textegras { 
    margin-left : 5%;  
    font-size : 15px ; 
}
.bloc2_droit_soustitres { 
    display : flex ; 
    flex-direction : row ; 
    margin-top : 10% ; 
    width :75% ; 
    border-top : solid 3px rgb(100,100,100); 
}
.bloc2_droit_soustitre1 { 
    display : flex ; 
    flex-direction : column ; 
    margin-right :75% ; 
}
.texte1_droit{ 
    display : flex ; 
    flex-direction : column ; 
    margin-left : auto ; 
} 
.texte2_droit { 
    display : flex ; 
    flex-direction : column  ; 
}




.bloc_fin { 
    margin-top : 10% ; 
}
.div_fin { 
    background-color : rgb(68,68,68); 
    padding  :1% ; 

}
.titre_fin {
    text-align : center ; 
    color : white ; 
    font-size: 15px ; 
}

}

@media screen and (max-width : 720px) 
{
.body { 
    background-color:  rgb(159,66,59);
}
.logo_hamburger { 
    display : flex ; 
    margin-top : 3% ; 
    width : 5% ; 
    height : 5% ; 
    margin-left : 1% ; 
}
.logo_entête { 
    width : 20% ; 
    height : 5% ; 
}
.entête_txt1 { 
    display : none ; 
}
.entête_txt2 { 
    display : none ; 
}
.entête_txt3 { 
    display : none ; 
}
.bouton_entête { 
    width : 13% ; 
    height : 5% ;
    font-size : 15px ; 
    margin-left : 50%;   
}



.bloc1 { 
    width : 100%  ;
    height : 70% ; 
}
.bloc1_txt { 
    position : absolute;
    margin-left : 1% ; 
    margin-top : 20% ; 
}
.element_bloc1 { 
    margin-left :26% ; 
    margin-top : 18% ; 
    width : 5% ;
    height : 7% ;  
}
.titre_bloc1 { 
    text-align : left ;
    font-size : 35px ;  
}
.texte_bloc1 { 
    text-align : left ; 
    font-size : 15px ; 
}



.bloc2 { 
    background-color:  rgb(159,66,59); 
    padding : 5% ;
}
.bloc2_alignement { 
    display : inline ;
}
.bloc2_gauche { 
    display : inline-flex ; 
    margin-left :10% ; 
    margin-right :auto; 
    margin-bottom : 20% ; 
}
.element_bloc2 { 
    display : none ; 
}
.image_bloc2_gauche{ 
    display : none ; 
}
.image_bloc2_gauche_responsive { 
    display : block ; 
    width : 75% ; 
    height : 100% ; 
    border-top-right-radius : 50px ;
    border-top-left-radius:  50px ;  
}
.bloc2_texte { 
    display : none ; 
}
.bloc2_texte_responsive { 
    display : block ; 
    font-size : 22px ; 
}
.bloc2_gauche_soustitre1 { 
    margin-right : 55% ; 
}
.bloc2_droit { 
    display : inline-flex ; 
    margin-left : 10% ; 
    margin-right : auto ; 
}
.image_bloc2_droit { 
    display : none ; 
}
.image_bloc2_droit_responsive { 
    display : block ; 
    width : 75% ; 
    height : 100% ; 
    border-top-right-radius : 50px ;
    border-top-left-radius:  50px ;  
}
.bloc2_texte { 
    font-size : 22px ; 
}
.bloc2_droit_soustitres { 
    width : 79% ; 
}
.bloc2_droit_soustitre1 { 
    margin-right : 60% ; 
}




.div_fin { 
    width : 98% ; 
}
.titre_fin { 
    text-align : right  ;
    padding :2% ; 
}
.bloc_fin { 
    margin : 0 ;
}
}