@font-face {
font-family: "Cormorant_regular";
src:url("Cormorant-Regular.woff2") format("woff2");
}

@font-face {
font-family: "Cormorant_italic_regular";
src:url("Cormorant-Italic.woff2") format("woff2");
}

@font-face {
font-family: "montaga";
src:url("Montaga-Regular.woff2") format("woff2");
}

mark{
	background-color: white;
}

i{
	font-family:Cormorant_italic_regular ;
}

body{
	font-family: Cormorant_regular;
}

a{
text-decoration: none;
color: black;}

a:visited{
text-decoration: none !important;
color: black !important;}

.imgbox{
display: flex;
margin-left: 37%; 
}

.imgbox-work-droite{
display: flex;
margin-left: 75%; 
}

.imgbox-work-gauche{
display: flex;
margin-left: 25%; 
}

.imgbox-work-haut{
display: flex;
margin-left: 5%; 
}

@keyframes xfade{
     0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}  

.menuprincipal{
	font-family: Cormorant_regular;
}       

.menuhover{
		font-family: Cormorant_italic_regular;
		font-size: 100%;
}
/******************************************/

/******************************************/

/******************************************/

/******************************************/


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

#info_cv{
	font-size: 70% !important;
}

#info_cv_2{
	font-size: 70% !important;
	margin-right: 0% !important;
	margin-top: 10% !important;
	margin-left: 0%!important;
}

#info_cv_1{
	font-size: 70% !important;
	margin-right: 0% !important;
	text-indent:42%!important;
}

/* Index */
.menuprincipal{
	font-size: 70% !important;
}

#img_index_1, #img_index_2, #img_index_3{
	min-width: 60% !important;
	margin-left: 20% !important;
	margin-top:45% !important ;
}

.menuhover{
	padding-inline: 2% !important;
}

.menuprincipal_2{
	margin-top: 40% !important;
	font-size: 70% !important;
}

.web{
	margin-top: 118% !important;  
	font-size: 90% !important;
}


/*work*/
.imgbox-work-haut{
	min-width: 40% !important;
	z-index: -2 !important;
	margin-top: -110% !important;
	margin-left: -1% !important;
}

.imgbox-work-gauche{
	min-width: 20% !important;
	margin-left: 1% !important;
	margin-top: 1% !important;
}

.imgbox-work-droite{
	min-width: 10% !important;
	margin-top: -105% !important;
}

/*Peut-être sirène*/
#info_work{
	font-size: 70% !important;
}

#image_sirene_1{
	min-width: 100% !important;
	margin-left: 0% !important;
	margin-top: 25% !important;
}

/*Ces filles en ecumes*/
#photo_ecume{
	min-width: 95% !important;
	margin-top: 3%;
}

#video_ecume{
	margin-top: -20% !important;
	margin-left: 0% !important;
	min-width: 100%;
}

/*rouges écrevisses*/
#video_rouge{
	margin-top: -15% !important;
	margin-left: 2% !important;
	min-width: 120%;
	z-index: -1 !important;
}

/*bye bye butterfly*/
#slide_photo_bye{
	min-width: 90% !important;
	margin-left: 5% !important;
}

#slide_photo_bye_1{
	min-width: 56% !important;
	margin-left: 22% !important;
}

.prev_butterfly{
	margin-left: 0% !important;
	margin-top: -35% !important;
}

.next_butterfly{
	margin-left: 90% !important;
	margin-top: -35% !important;
}

#info_butterfly{
	margin-right: 0%!important;
	font-size: 70%!important;
}

#photo_bye{
	min-width: 90%!important;
	margin-left: 4%!important;
	margin-top: 6%!important;
}

#info_bye{
	margin-right: 0%!important;
	font-size: 70%!important;
	margin-left: 0%!important;
}


/*Les réciteuses*/
#photo_reciteuse_1{
	min-width: 95% !important;
	margin-left: 2%!important;
	margin-top: 8% !important;
}

#extrait_reciteuse{
	margin-top: 5%!important;
	margin-right: 0% !important;
	text-align: revert !important;
}

#photo_reciteuse_2{
	min-width: 95% !important;
	margin-left: 2%!important;
	margin-top: 5% !important;
}


#photo_reciteuse_3{
	min-width: 95% !important;
	margin-left: 2%!important;
	margin-top: 2% !important;
}

#photo_reciteuse_4{
	min-width: 95% !important;
	margin-left: 2%!important;
	margin-top: 2% !important;
}


/*coquilles*/
#video_coquilles{
	min-width: 110% !important;
	margin-top: -70%!important;
	margin-left: 0%!important;

}

#photo_coquille{
	min-width: 95% !important;
	margin-left: 2%!important;
	margin-top: 2% !important;
}


/*rocher*/
#video_rocher{
	min-width: 110% !important;
	margin-top: 0%!important;
	margin-left: 0%!important;

}

#photo_rocher{
	min-width: 100% !important;
	margin-left: 0%!important;
	margin-top: 2% !important;
}

#image_rocher{
	margin-top: -50% !important;
}

#info_work{
	margin-left: 0%!important;
}

/*le vent sur leur peau cristallise le sel*/
#sel_photo{
	min-width: 100% !important;
	margin-left: 0% !important;
	margin-top: 2% !important;
}

/* DE SES YEUX*/
#video_yeux{
	margin-top: -20% !important;
	margin-left: 2% !important;
	min-width: 120% !important;
	z-index: -1 !important;
}

/* Cette nuit passé*/
#cette_nuit_photo{
	min-width: 100% !important;
	margin-left: 0% !important;
	margin-top: 2% !important;
}

#cette_nuit_extrait{
	font-size: 70% !important;
	margin-left: 0% !important;
	margin-top: 2%!important;
}

/* la couleur des troncs*/
#tronc_extrait{
	font-size: 70% !important;
	margin-left: 0% !important;
	margin-top: 4%!important;
	text-align: revert!important;
	margin-right: 0%!important;
}

#slide_photo_tronc{
	min-width: 90% !important;
	margin-left: 4% !important;
	margin-top: 2% !important;
}


.next_tronc{
	margin-left: 91% !important;
	margin-top: -35% !important;
}


/*la sensation de l'eau*/
#photo_sensation_eau{
		min-width: 90% !important;
	margin-left: 4% !important;
	margin-top: 0% !important;
}




/* IMPRESSIONS MUTANTES*/
#info_work_mutantes{
	margin-right: 0%!important;
	font-size: 70%!important;
	margin-top: 0%!important;
}

#title_mutantes{}

/*100 pour 100 VILETTE*/
#info_work_vilette{
	font-size: 70%!important;
	margin-right: 0% !important;
	text-align: revert !important;
	margin-top: -8%!important;
	margin-left: 4% !important;
}

#slide_villette{
	min-width: 90%!important;
	margin-top: 15%!important;
	margin-left: 2%!important;
}

.prev_villette{
	margin-left: -2%!important;
	margin-top: -30%!important;
}

.next_villette{
	margin-left: 88%!important;
	margin-top: -30%!important;
}


/*Deuxieme Festival Impressions Mutantes*/
#slide_festival_2{
	min-width: 90%!important;
	margin-top: 12%!important;
	margin-left: 2%!important;	
}

#info_work_festival_2{	
	font-size: 70%!important;
	margin-right: 0% !important;
	text-align: revert !important;
	margin-left: 4%!important;
	margin-top: -0%!important;}

.prev_festival_2{
	margin-left: -2%!important;
	margin-top: -30%!important;
}

.next_festival_2{
	margin-left: 88%!important;
	margin-top: -30%!important;
}


/* et nous déplacerons des cabanes*/
#slide_cabane{
	min-width: 90%!important;
	margin-top: 15%!important;
	margin-left: 2%!important;
}

#info_work_cabane{	
	font-size: 70%!important;
	margin-right: 0% !important;
	text-align: revert !important;
	margin-left: 4%!important;
	margin-top: -0%!important;}

.prev_cabane{
	margin-left: -2%!important;
	margin-top: -30%!important;
}

.next_cabane{
	margin-left: 88%!important;
	margin-top: -30%!important;
}



/* Sérénade pour des tétard*/

#slide_serenade{
	min-width: 90%!important;
	margin-top: 15%!important;
	margin-left: 2%!important;
}

#info_work_serenade	{
font-size: 70%!important;
	margin-right: 0% !important;
	text-align: revert !important;
	margin-left: 4%!important;
	margin-top: -0%!important;}

.prev_serenade{
	margin-left: -2%!important;
	margin-top: -30%!important;
}

.next_serenade{
	margin-left: 88%!important;
	margin-top: -30%!important;
}

/*Muds lullaby la berceuse des boues*/
#slide_lullaby{
	min-width: 90%!important;
	margin-top: 15%!important;
	margin-left: 3%!important;
}

#info_work_lullaby{
	font-size: 70%!important;
	margin-right: 0% !important;
	text-align: revert !important;
	margin-left: 4%!important;
	margin-top: -0%!important;
}

.prev_lullaby{
	margin-left: -2%!important;
	margin-top: -30%!important;
}

.next_lullaby{
	margin-left: 90%!important;
	margin-top: -30%!important;
}

/*je pense a vous*/
#slide_pense{
	min-width: 90%!important;
	margin-top: 15%!important;
	margin-left: 3%!important;
}

#info_work_pense{
	font-size: 70%!important;
	margin-right: 0% !important;
	text-align: revert !important;
	margin-left: 4%!important;
	margin-top: -0%!important;
}

.prev_pense{
	margin-left: -2%!important;
	margin-top: -60%!important;
}

.next_pense{
	margin-left: 88%!important;
	margin-top: -60%!important;
}


/*premier festival impressions mutantes*/
#slide_festival_1{
	min-width: 90%!important;
	margin-top: 15%!important;
	margin-left: 3%!important;
}

#info_work_festival_1{
	font-size: 70%!important;
	margin-right: 0% !important;
	text-align: revert !important;
	margin-left: 4%!important;
	margin-top: -0%!important;
}


.prev_festival_1{
	margin-left: -2%!important;
	margin-top: -30%!important;
}

.next_festival_1{
	margin-left: 88%!important;
	margin-top: -30%!important;
}






#img_photo_1{
	min-width: 95% !important;
}

}