/* On travaille sur la balise body, donc sur TOUTE la page */


@font-face {
    font-family: 'Zapfino Extra LT One';
    src: 
        url('MyFontsWebfontsKit/webfonts/34CC40_0_0.ttf') format('truetype'),
        url('MyFontsWebfontsKit/webfonts/34CC40_0_0.eot') format('eot'),
        url('MyFontsWebfontsKit/webfonts/34CC40_0_0.svg') format('svg'),
        url('MyFontsWebfontsKit/webfonts/34CC40_0_0.woff') format('woff'),
        url('MyFontsWebfontsKit/webfonts/34CC40_0_0.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    
}


body
{
    background-color: black; /* Le fond de la page sera noir */
    font-family:'Zapfino Extra LT One','Palatino','Century Schoolbook';
    color: #d2a332;/*#e0ad1e;/*#e0b71e;/*#cc9928 #d2aa56 */
    text-shadow: -2px 1px 6px black;
    


}

header
{
    
    display: flex;
    flex-direction: column;
    width : 100%;
    flex-wrap: nowrap;
    position: fixed;
    top:0px;
    height: 190px;
    background-image: url('Images/degradebonsombre3.png');
    background-size: 100% 100%;  
    z-index: 6;
    padding-top: 17px;
    left:0px;
    padding-left: 6%; 
    
    

    
   

}

.border-top, .border-right, .border-bottom, .border-left {
    background: white none repeat scroll 0 0;
    position: fixed;
    z-index: 100;
}
.border-top {
    height: 1px;
    left: 3%;

    top: 0.2%;
    width: 94%;
}
.border-right {
    height: 99.6%;
    right: 3%;
    top: 0.2%;
    width: 1px;
}
.border-bottom {
    bottom: 0.2%;
    height: 1px;
    left: 3%;

    width: 94%;
}
.border-left {
    height: 99.6%;
    left: 3%;
    top: 0.2%;
    width: 1px;
}
#titre_principal
{
    margin-top: 13px;
    position: fixed;
    height: 120px;/*100 et anciennement 150 donct actuellement 4/5 du depart*/
}

#logo
{
    position: fixed;
    
    
}
#logo img
{
    width: 86px;/*66*/
    
    z-index: 8;

}



#logo h1
{
    margin-top: -116px;
    font-size: 7em;
    margin-left: 120px;
    z-index: 10;


}


#trait_dessus{
    z-index: 7;
}
#trait_dessus img{
    
    width: 88%;
    margin-top: 72px;
    margin-left: -15%;
    

    
}

#description_page
{

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 11%;
    z-index: 10;


}


#description_page h2
{

    font-size: 2.4em;
    margin-top: -2px;
    margin-bottom: 0px;
    
}



#titre_2/*Pour la Page Fruits et Mobilier*/
{
    z-index: 10;
}

#titre_2 h1
{
    font-size: 7em;
    margin-top: -60px;
    margin-left: 180px;
    margin-bottom: -30px;  
}

#titre_10/*Pour la Page Décoration*/
{
    z-index: 10;
}

#titre_10 h1
{
    font-size: 7em;
    margin-top: -60px;
    margin-left: 256px;
    margin-bottom: -30px;  
}

#titre_5
{
    z-index: 10;
}

#titre_5 h1
{
    font-size: 7em;
    margin-top: -60px;
    margin-left: 170px;
    margin-bottom: -30px;  
}

#titre_6
{
    z-index: 10;
}

#titre_6 h1
{
    font-size: 7em;
    margin-top: -60px;
    margin-left: 202px;
    margin-bottom: -30px;  
}


.bloc_photo
{


	padding-top: 140px;
	/*margin-bottom: -10px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 55px;


}

aside .fleches
{
        position: fixed;
        right:5%;
        top: 50%;
        z-index: 13;
}
.fleches img{
    width: 27px;

}

aside .fleches2
{
        position: fixed;
        left:5%;
        top: 50%;
        z-index: 13;
}
.fleches2 img{
    width: 27px;

}

aside .num
{
        position: fixed;
        right:5%;
        top: 3%;
        z-index: 13;
}
.num img{
    width: 35px;

}
#conteneur
{
    padding-top: 22px;/*s ajoute au padding top du bloc photo*/
    display: flex;
    flex-wrap: wrap;
    
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 1060px;
   	margin: auto;
    z-index: 5;

}

#conteneur2
{

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 1000px;
    margin: auto;
    /*margin-top: 20%;
    margin-bottom: 15%;*/
    z-index: 5;

}

#conteneur3
{

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 760px;
    margin: auto;
    /*margin-top: 20%;
    margin-bottom: 15%;*/
    z-index: 5;

}

#conteneur4
{
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 800px;
    margin: auto;
    /*margin-top: 20%;
    margin-bottom: 15%;*/
    z-index: 5;

}

#conteneur5
{
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 600px;
    margin: auto;
    z-index: 5;
}

#conteneur8
{
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 760px;
    margin: auto;
    z-index: 5;
}

#conteneur9
{
    padding-top: -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 832px;
    margin: auto;
    z-index: 5;
}

#conteneur10
{
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 870px;
    margin: auto;
    z-index: 5;
}


#conteneur h1
{
  
    text-align: right;
    font-size: 2em;
    text-decoration: none;
    margin-top: -15px;
    margin-left: -40px;
    margin-right: 25px;

    color: #d2a332;

}


#conteneur8 h1 /*Seulement pour la page Toiles Numériques*/
{
  
    text-align: right;
    font-size: 2em;
    text-decoration: none;
    margin-top: -10px;
    margin-left: -40px;
    margin-right: 28px;

    color: #d2a332;

}

#conteneur8 .land_element_right h1 /*Pour la page Paysage*/
{
    margin-right: -35px;
}

#conteneur4 h1
{
  
    text-align: right;
    font-size: 2em;
    text-decoration: none;
    margin-top: -13px;
    margin-left: -40px;
    margin-right: 28px;

    color: #d2a332;
}

#conteneur4 .land_element_right h1 /*Pour la page Paysage*/
{
    margin-right: -35px;
}

#conteneur5 h1
{
  
    text-align: right;
    font-size: 2em;
    text-decoration: none;
    margin-top: -14px;
    margin-left: -40px;
    margin-right: 32px;

    color: #d2a332;
}

#conteneur5 .land_element_right h1 /*Pour la page Impression*/
{
    margin-right: -35px;
}

#conteneur9 h1
{
  
    text-align: right;
    font-size: 2em;
    text-decoration: none;
    margin-top: -10px;
    margin-left: -40px;
    margin-right: 38px;

    color: #d2a332;
}

#conteneur10 h1
{
  
    text-align: right;
    font-size: 2em;
    text-decoration: none;
    margin-top: -10px;
    margin-left: -40px;
    margin-right: 38px;

    color: #d2a332;
}

.element
{
	width: 200px; 
	height: 225px;
}


.element img
{
	width: 175px; 
	margin-top: auto;
	
}
/*Page Fruit*/

.element2, .element2down, .element2up, .element2up2, .element2up3, .element2up4, .element2up5
{
    width: 180px; /*200*/
    height: 250px;/*280*/

}

.element2 img
{
    width: 160px;/*180*/ 
    margin-top: auto;
    
}

.element2down img
{
    width: 160px; /*180*/
    margin-top: 35px;
    
}



/*Page Infographie */
#conteneur3 .element2, .element2down, .element2up, .element2up2, .element2up3,.element2down2
{
    width: 185px; /*200*/
    height: 230px;/*280*/
}

#conteneur3 .element2down img
{   width: 160px;
    margin-top: 20px;
}

#conteneur3 .element2up img
{
    width: 150px;/*180*/ 
    margin-top: -10px;
    margin-left: 5px;
}

#conteneur3 .element2down2 img
{
    width: 150px; /*180*/
    margin-left: 5px;
    margin-top: 20px;
    
}


.element2up img
{
    width: 160px;
    margin-top: -10px;
}

.element2up2 img
{
    width: 160px;/*180*/ 
    margin-top: -30px;
}

.element2up3 img
{
    width: 160px;/*180*/ 
    margin-top: -15px;
}

.element2up4 img
{
    width: 160px;/*180*/ 
    margin-top: -37px;
}

.element2up5 img
{
    width: 160px;/*180*/ 
    margin-top: -45px;
}



/*Page Facades*/
.land_element, .land_element_down
{
    width: 240px; /*200*/
    height: 210px;/*280*/
}

.land_element img
{
    width: 220px;/*180*/ 
    margin-top: auto;  
}

.land_element_down img
{
    width: 220px;
    margin-top: 40px;
}

/*Page Paysages*/
.land_element_right, .land_element_left
{
    width: 180px; /*200*/
    height: 210px;/*280*/

}

.land_element_left img
{
    margin-top: -7px;
    margin-left: -60px;
    width: 220px;
}

.land_element_right img
{
    margin-top: -25px;
    
    width: 220px;
}

/*Page Vache et Page Impressions*/
#conteneur5 .land_element_left img
{
    margin-top: -20px;
    margin-left: -60px;
    width: 220px;
}

#conteneur5 .land_element_right img /*Uniquement pour la page Impressions*/
{
    margin-top: -20px;
   
    width: 220px;
}



#conteneur5 .elementnoir /*Uniquement pour la page Impressions */
{
    height: 20px;
    width: 180px;
}

#conteneur5 .elementnoir img/*Uniquement pour la page Impressions */
{
    margin-top: 60px;
    width: 160px;
}
#conteneur5 .element2down img /*Uniquement pour la page Impressions */
{
    width: 160px;/*180*/ 
    margin-top: 10px;

}

#conteneur8 .element2
{
    width: 185px; /*200*/
    height: 230px;/*280*/
}
#conteneur8 .land_element_right img/*Pour Toiles numeriques*/
{
    margin-top: -4px;
   
    width: 220px;
}
#conteneur8 .element2down
{
    margin-left: 50px;
    width: 130px;

}

#conteneur9 .legend, .legend2
{
    width: 200px; 
    height: 225px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    color: #d2a332;

}



.legend ul
{
    margin-top: 0px;
    list-style-type:none;
    margin-left: -40px;
}

.legend2 ul
{
    margin-top: -10px;
    list-style-type:none;
    margin-left: -40px;
}

.element9, .element9up
{
    width: 208px; 
    height: 225px;
}

.element9 img
{
    width: 175px; 
    margin-top: auto;
    
}
.element9up img
{
    width: 175px; 
    margin-top: -12px;
    
}

.element10
{
    width: 208px; 
    height: 225px;
}

.element10 img
{
    width: 175px; 
    margin-top: auto;
    
}

.land_element10
{
    margin-top: -4px;
    width: 277px; /*200*/
    height: 210px;/*280*/
}

.land_element10 img
{
    width: 244px; /*200*/
    
}



footer
{
   position: fixed;
   bottom:0px; 
    width: 100%;
    height: 120px;
    background-image: url('Images/degradebonsombre3reverse.png');
    background-size: 100% 100%;    
    z-index: 10;
}


#bas_de_page
{
    /*display: flex;
    flex-direction: row;*/
    position: fixed;
    width: 100%;
    bottom: 0px;/*margin-top: 40px*/
    z-index: 11;

    
}

#text_bas
{

    
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 11%;
    z-index: 11;
    


}
#text_bas h2
{
    text-shadow: -2px 2px 9px black;
    font-size: 2.3em;
    margin-bottom: -12px;
    
}

.colonne_1_footer
{
    
    
    width: 100%auto;/*70*/
    
   

}

.colonne_1_footer img
{
    
    width: 60px;/*70*/
    
    margin-left: 42%;
    margin-bottom: -15px;
    


}




.colonne_2_footer img
{
    position: fixed;
    bottom: 20px;

    right: 5%;
    width: 60px;/*70*/
    z-index: 99;

}


#trait_dessous{
    z-index: 7;
}
#trait_dessous img{
    
    width: 88%;
    margin-left: 0%;
    margin-bottom: 22px;

    
}

#numeros
{
    position: fixed;
    bottom:-2px;
    margin-left:31%;

    z-index: 11;
}

#numeros img{
    width: 25px;
}


#bloc_page
{

    max-width: 90%;
    margin: auto;
    margin-bottom: 0px;

    

}

#bloc_page a {
text-decoration: none;
}






@media screen and (max-width:780px){

    #description_page h2
    {

        font-size: 1.8em;
        margin-top: 8px;
        margin-bottom: 0px;
        
    }

    #text_bas h2
    {
        text-shadow: -2px 2px 9px black;
        font-size: 1.8em;
        margin-bottom: : 5px;
        
        
    }

   
    #logo h1
    {
        margin-top: -110px;
        font-size: 4.8em;
        margin-left: 100px;
        z-index: 10;

    }

    #titre_2 h1
    {
        font-size: 3.9em;
        margin-top: -35px;
        /*margin-bottom: -50px; /*-48 au depart*//*depend de la taille du texte, fait varier la hauteur du logo et de la ligne*/
        margin-left: 170px;
        margin-bottom: -30px;
        
    }
    #numeros
    {
        position: fixed;
        bottom:-2px;
        margin-left:25%;

        z-index: 11;
    }


}



@media all and (max-device-width: 480px)
{
    
header
{
    
    display: flex;
    flex-direction: column;
    width : 100%;
    flex-wrap: nowrap;
    position: fixed;
    top:0px;
    height: 100px;
    background-image: url('Images/degradebonsombre3.png');
    background-size: 100% 100%;  
    z-index: 6;
    padding-top: 12px;
    left:0px;
    padding-left: 6%; 
    

}

#titre_principal
{
    margin-top: 0px;
    position: fixed;
    height: 80px;/*100 et anciennement 150 donct actuellement 4/5 du depart*/
}

#logo
{
    position: fixed;
    
    
}
#logo img
{
    width: 60px;/*66*/
    
    z-index: 8;

}



#logo h1
{
    margin-top: -66px;
    font-size: 3em;
    margin-left: 70px;
    z-index: 10;


}


#trait_dessus{
    z-index: 7;
}
#trait_dessus img{
    
    width: 88%;
    margin-top: 50px;
    margin-left: -15%;
    

    
}


#description_page
{

    display: none;

}




#titre_2/*Pour la Page Fruits et Mobilier*/
{
    z-index: 10;
}

#titre_2 h1
{
    font-size: 3em;
    margin-top: -30px;
    margin-left: 95px;
    margin-bottom: -30px;  
}

#titre_10/*Pour la Page Décoration*/
{

    z-index: 10;

}

#titre_10 h1
{
    font-size: 3em;
    margin-top: -30px;
    margin-left: 130px;
    margin-bottom: -30px;  
}

#titre_5
{
    z-index: 10;
}

#titre_5 h1
{
    font-size: 3em;
    margin-top: -30px;
    margin-left: 80px;
    margin-bottom: -30px;  
}

#titre_6
{
    z-index: 10;
}

#titre_6 h1
{
    font-size: 3em;
    margin-top: -30px;
    margin-left: 105px;
    margin-bottom: -30px;  
}




#conteneur h1
{
  
    text-align: right;
    font-size: 1.6em;
    text-decoration: none;
    margin-top: -15px;
    margin-left: -40px;
    margin-right: 0px;

    color: #d2a332;

}

#conteneur4 h1
{
  
    text-align: right;
    font-size: 1.6em;
    text-decoration: none;
    margin-top: -13px;
    margin-left: -40px;
    margin-right: 2px;

    color: #d2a332;
}

#conteneur5 h1
{
  
    text-align: right;
    font-size: 1.6em;
    text-decoration: none;
    margin-top: -14px;
    margin-left: -40px;
    margin-right: 0px;

    color: #d2a332;
}

#conteneur8 h1 /*Seulement pour la page Toiles Numériques*/
{
  
    text-align: right;
    font-size: 1.6em;
    text-decoration: none;
    margin-top: -14px;
    margin-left: -40px;
    margin-right: 0px;

    color: #d2a332;

}

#conteneur9 h1
{
  
    text-align: right;
    font-size: 1.6em;
    text-decoration: none;
    margin-top: -13px;
    margin-left: -40px;
    margin-right: 0px;

    color: #d2a332;
}

#conteneur10 h1
{
  
    text-align: right;
    font-size: 1.6em;
    text-decoration: none;
    margin-top: -13px;
    margin-left: -40px;
    margin-right: 0px;

    color: #d2a332;
}

.element
{
    width: 115px; 
    height: 148px;
}


.element img
{
    width: 112px; 
    margin-top: auto;
    
}

.element2, .element2down, .element2up, .element2up2, .element2up3, .element2up4, .element2up5
{
    width: 110px; /*200*/
    height: 170px;/*280*/

}

.element2 img
{
    width: 108px;/*180*/ 
    margin-top: auto;
       
}

.element2down img
{
    width: 108px; /*180*/
    margin-top: auto;
    
}

/*Page Infographie */
#conteneur3 .element2, .element2down, .element2up, .element2up2, .element2up3,.element2down2
{
    width: 110px; /*200*/
    height: 170px;/*280*/
}

#conteneur3 .element2down img
{   width: 108px;
    margin-top: auto;
}

#conteneur3 .element2up img
{
    width: 96px;/*180*/ 
    margin-top: auto;
    
}

#conteneur3 .element2up2 img
{
    width: 102px;/*180*/ 
    margin-top: auto;
    
}

#conteneur3 .element2up3 img
{
    width: 105px;/*180*/ 
    margin-top: auto;
    
}

#conteneur3 .element2down2 img
{
    width: 102px; /*180*/
    margin-top: auto;
    
}


.element2up img
{
    width: 108px;
    margin-top: auto;
}

.element2up2 img
{
    width: 108px;/*180*/ 
    margin-top: auto;
}

.element2up3 img
{
    width: 108px;/*180*/ 
    margin-top: auto;
}

.element2up4 img
{
    width: 108px;/*180*/ 
    margin-top: auto;
}

.element2up5 img
{
    width: 108px;/*180*/ 
    margin-top: auto;
}



/*Page Paysages*/
.land_element_right, .land_element_left
{
    width: 140px; /*200*/
    height: 150px;/*280*/

}

.land_element_left img
{
    margin-top: 26px;
    margin-left: 0px;
    width: 135px;
    
}

#conteneur4 .element2up4, .element2up, .element2up3
{
    height: 180px;
}

#conteneur4 .element2
{
    height: 180px;
}
.element2up5
{
    height: 178px;
}



.land_element_right img
{
    
    margin-top: -15px;
    margin-left: 2px;
    width: 135px;;
}

#conteneur4 .land_element_right h1 /*Pour la page Paysage*/
{
    margin-right: 5%;
}

#conteneur4 .land_element_left h1 /*Pour la page Paysage*/
{
    margin-right: 5%;
}


/*Page Vache et Page Impressions*/
#conteneur5 .land_element_left img
{
    margin-top: 28px;
    margin-left: 5%;
    width: 90%;
    max-width: 250px;
}

#conteneur5 .land_element_right img /*Uniquement pour la page Impressions*/
{
    margin-top: 0px;
    margin-left: 5%;
    max-width: 250px;
    width: 90%;
}

#conteneur5 .element2up5 img /*Uniquement pour la page Impressions*/
{
    margin-top: 10px;
    width: 108px;
}



#conteneur5 .element2down img /*Uniquement pour la page Impressions */
{
    width: 108px;/*180*/ 
    margin-top: auto;

}

#conteneur5 .land_element_left h1 /*Pour la page Paysage*/
{
    margin-right: 5%;
}


#conteneur5 .land_element_right h1 /*Pour la page Paysage*/
{
    margin-right: 10%;
}

#conteneur5 .element2
{
    height: 190px;
}

/*Page Facades*/
.land_element, .land_element_down
{
    width: 120px; /*200*/
    height: 122px;/*280*/
}

.land_element img
{
    width: 115px;/*180*/ 
    margin-top: auto;  
}

.land_element_down img
{
    width: 115px;
    margin-top: auto;
}

#conteneur8 .element2
{
    width: 110px; /*200*/
    height: 185px;/*280*/
}
#conteneur8 .land_element_right img/*Pour Toiles numeriques*/
{
    margin-top: -15px;
   
    width: 108px;
}

#conteneur8 .land_element_right h1/*Pour Toiles numeriques*/
{
    margin-right: 7%;
}

#conteneur8 .element2up4 img/*Pour Toiles numeriques*/
{
    margin-top: -300px;
   padding-top: -50px;
    width: 108px;
}

#conteneur9
{
    padding-top: -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*alignement sur l'axe vertical*/
    align-items: center;
    align-content: space-around;
    max-width: 832px;
    margin: auto;
    z-index: 5;
    margin-bottom: 100px;
}

#conteneur9 .legend
{
    margin-top: 10px;
    width: 125px; 
    height: 170px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.22em;
    color: #d2a332;

}

#conteneur9 .legend2
{
    margin-top: 152px;
    width: 125px; 
    height: 170px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.22em;
    color: #d2a332;

}



.legend ul
{
    margin-top: 0px;
    list-style-type:none;
    margin-left: -30px;
    margin-right: -10px;
}

.legend2 ul
{
    margin-top: -10px;
    list-style-type:none;
    margin-left: -30px;
    margin-right: -10px;
}

.element9
{
    width: 110px; 
    height: 135px;
}

 .element9up
{
    width: 110px; 
    height: 165px;
}

.element9 img
{
    width: 108px; 
    margin-top: auto;
    
}
.element9up img
{
    width: 108px; 
    margin-top: 80px;
    
}

.element10
{
    width: 120px; 
    height: 160px;
}

.element10 img
{
    width: 116px; 
    margin-top: auto;
    
}

.land_element10
{
    
    width: 120px; /*200*/
    height: 170px;/*280*/
}

.land_element10 img
{
    width: 116px; /*200*/
    margin-left: 0px;
    
}
#conteneur10 .land_element10 h1
{
    margin-right: 5px;
}
footer
{
   position: fixed;
   bottom:0px; 
    width: 100%;
    height: 90px;
    background-image: url('Images/degradebonsombre3reverse.png');
    background-size: 100% 100%;    
    z-index: 10;
}


#bas_de_page
{
    /*display: flex;
    flex-direction: row;*/
    position: fixed;
    width: 100%;
    bottom: 0px;/*margin-top: 40px*/
    z-index: 11;

    
}

#text_bas
{

    
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 13%;
    z-index: 11;

}

#text_bas h2
{
    text-shadow: -2px 2px 9px black;
    font-size: 1.4em;
    margin-bottom: -32px;
    
}

.colonne_1_footer
{
    
    
    width: 100%auto;/*70*/
    
   

}

.colonne_1_footer img
{
    
    width: 0px;/*70*/
    
    margin-left: 42%;
    margin-bottom: -15px;
    


}




.colonne_2_footer img
{
    display: none;

}


#trait_dessous{
    z-index: 7;
}
#trait_dessous img{
    
    width: 88%;
    margin-left: 0%;
    margin-bottom: 26px;

    
}


#numeros
{
    position: fixed;
    bottom:-2px;
    margin: auto;
    margin-right: 6%;
    z-index: 11;
}

#numeros img{
    width: 7.2%;
    max-width: 25px;
}

aside .num
{
        position: fixed;
        right:6%;
        top: 8px;
        z-index: 13;
}
.num img{
    width: 20px;

}

.bloc_photo
{


    padding-top: 70px;
    /*margin-bottom: -10px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 55px;
    


}

}