/* mes liens */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap');


/* mes divisons */

.divisionmere 
{ width: 100%;
	 border: 0px solid darkblue;
	font-family: 'Playfair Display', serif;
	display:inline-table; }

.blocimmobile
{ width: 15%;
	 border: 0px solid red;
	font-family: 'Playfair Display', serif;
	display:table-cell;
	position:fixed;
	text-align: center; 
	padding: 2%; }

.blocmobile
{ width: 83%;
	 border: 0px solid black;
	font-family: 'Playfair Display', serif;
	display:table-cell; }
	
.uno 
{ width: 25%;
	 border: 0px solid yellow;
	font-family: 'Playfair Display', serif;
	display:table-cell;
	text-align: center;
}
.dos 
{ width: 25%;
	 border: 0px solid pink;
	font-family: 'Playfair Display', serif; 
	display:table-cell;
	text-align: center; }
	
.tres 
{ width: 25%;
	 border: 0px solid brown;
	font-family: 'Playfair Display', serif;
	display:table-cell;
	text-align: center;  }
	
.unoflex
{ width: 25%;
	 border: 0px solid brown;
	font-family: 'Playfair Display', serif;
	display:table-cell;
	text-align: left;
	padding: 2%;  }
	
.dosflex
{ width: 25%;
	 border: 0px solid brown;
	font-family: 'Playfair Display', serif;
	display:table-cell;
	text-align: left;
	padding-top: 6%;
	padding-left: 2%;
	padding-right: 2%; }

.tresflex
{ width: 25%;
	 border: 0px solid brown;
	font-family: 'Playfair Display', serif;
	display:table-cell;
	text-align: left;
	padding: 1%;  }
	
.titreunoflex
{ width: 2%;
	 border: 0px solid brown;
	font-family: 'Playfair Display', serif;
	display:table-cell;
	text-align: left;
	padding: 9% 9% 9% 9%;  }
	
/* mes images */
                                                   

.images{
	width: 80%;
	}

.imagesuno{
width: 80%;
filter: saturate(0);
transition-duration:3s;
}

.imagesuno:hover 
{
filter: saturate(1) ;
transition-duration:0s;
}

.imagesunoflex{
width: 80%;
}

                                                   


.imagesdos{
width: 80%;
filter: saturate(0);
transition-duration:3s;
}

.imagesdos:hover 
{
filter: saturate(1) ;
transition-duration:0s;
}

.imagesdosflex{
width: 80%;
}
                                                   

.imagestres{
width: 80%;
filter: saturate(0);
transition-duration:3s;
}

.imagestres:hover 
{
filter: saturate(1) ;
transition-duration:0s;
}

.imagestresflex{
width: 80%;
}

                                                   

.imagedeprofil{
width: 50%;
}
                                                   

.imageautre{
width: 80%;
text-align: center;
margin: auto;
display: flex;}


/* mes couleurs de texte */ 

.p1{
	color:red
	}