/* Version 2.0 06/05/2019 FR correction lien téléphone et mail    */
/*                                                                */

@font-face {
	font-family: 'honeyscript';
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	src: url('../polices/honeyscript.eot');
    src: url('../polices/honeyscript.eot?#iefix') format('embedded-opentype'),
	     url('../polices/honeyscript.woff') format('woff'),
         url('../polices/honeyscript.ttf') format('truetype'),
         url('../polices/honeyscript.svg#honeyscript') format('svg');
}

@media screen and (min-width:1200px)
{

*{
	/*size*/
	margin:0;
	padding:0;
	border:none;
}

html{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
}

body{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	
	/*colors*/
	background-color:#000000;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

/***** GENERAL *****/

#conteneurGeneral{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	display:block;
	
	/*colors*/
	background-color:#000000;
}

/***** MOBILE *****/

#conteneurMobile{
	/*size*/
	display:none;
}

/***** FONDS *****/

#conteneurFonds{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	
	-webkit-transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

#fond1, #fond2, #fond3, #fond4, #fond5, #fond6{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	float:left;
}

/***** BARRES DECO *****/

#barreDecoHaut, #barreDecoBas{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	overflow:hidden;
	
	/*colors*/
	background-image:url(../images/barreMenu/fond.svg);
	background-position:center center;
	background-size:auto 50px;
	background-repeat:repeat x;
}

#barreDecoBas{
	/*colors*/
	background-image:url(../images/barreMenu/fond2.svg);
	background-position:center center;
	background-size:auto 50px;
	background-repeat:repeat x;
}

/***** LOGO EN-TETE *****/

#logoEnTete{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:50px;
	overflow:hidden;
	cursor:pointer;
	
	/*colors*/
	background-image:url(../images/logo/logoVFSimplifie.svg);
	background-position:center center;
	background-size:auto 50px;
	background-repeat:no-repeat;
}

/***** MENU *****/

#conteneurMenu{
	/*size*/
	position:absolute;
	top:20px;
	left:20px;
	width:960px;
	height:50px;
	overflow:hidden;
}

.boutonMenu{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:40px;
	padding:0px;
	padding-top:10px;
	height:40px;
	width:160px;
	float:left;
	cursor:pointer;
	
	/*colors*/
	color:#000000;
	border-radius:160px 160px 0px 0px;
	
	/*text*/
	font-size:30px;
	font-weight:normal;
	font-style:normal;
	font-family:honeyscript;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.boutonMenu:hover{
	/*colors*/
	color:#ffffff;
	background-color:#8e44ad;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#boutonBoutique{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:40px;
	padding:0px;
	padding-top:10px;
	height:40px;
	width:160px;
	float:left;
	cursor:pointer;
	
	/*colors*/
	color:#8e44ad;
	border-radius:160px 160px 0px 0px;
	
	/*text*/
	font-size:30px;
	font-weight:normal;
	font-style:normal;
	font-family:honeyscript;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#boutonBoutique:hover{
	
	/*colors*/
	color:#ffffff;
	background-color:#8e44ad;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/***** CATEGORIES *****/

#conteneurCategories{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	height:500px;
	width:960px;
	overflow:hidden;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#categorie1, #categorie2, #categorie3, #categorie4, #categorie5{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	height:500px;
	width:960px;
	overflow:hidden;
	display:none;
	
	/*colors*/
	color:#ffffff;
}

#categorie1{
	/*size*/
	display:block;
}

/***** ACCUEIL *****/

#logoAccueil{
	/*size*/
	position:relative;
	margin:0px;
	margin-top:110px;
	padding:0px;
	width:960px;
	height:130px;
	overflow:hidden;
	float:left;
	
	/*colors*/
	background-image:url(../images/logo/logoVF.svg);
	background-position:top center;
	background-size:440px auto;
	background-repeat:no-repeat;
}

#texteAccueil{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:300px;
	margin-right:280px;
	padding:0px;
	height:120px;
	width:360px;
	float:left;
	
	/*colors*/
	color:#000000;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:left;
}

#lienAccueil{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:345px;
	margin-right:345px;
	padding:0px;
	padding-top:5px;
	padding-left:40px;
	height:25px;
	width:230px;
	float:left;
	
	/*colors*/
	color:#8e44ad;
	background-image:url(../images/facebook/facebook.svg);
	background-position:top left;
	background-size:auto 30px;
	background-repeat:no-repeat;
	
	/*text*/
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:left;
}

/***** HISTOIRE *****/

#imageHistoire{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	width:480px;
	height:500px;
	overflow:hidden;
	float:left;
	
	/*colors*/
	background-image:url(../images/histoire/histoire.jpg);
	background-position:center center;
	background-size:auto 500px;
	background-repeat:no-repeat;
}

#colonneDroiteHistoire{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	height:500px;
	width:480px;
	float:left;
	
	/*colors*/
	background-color:#ffffff;
}

.titreHistoire{
	/*size*/
	position:relative;
	margin:20px;
	padding:0px;
	height:80px;
	width:440px;
	float:left;
	
	/*colors*/
	color:#8e44ad;
	
	/*text*/
	font-size:80px;
	font-weight:normal;
	font-style:normal;
	font-family:honeyscript;
	text-align:center;
}

.texteHistoire{
	/*size*/
	position:relative;
	margin:40px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	height:260px;
	width:400px;
	float:left;
	
	/*colors*/
	color:#000000;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:left;
}

.signatureHistoire{
	/*size*/
	position:relative;
	margin:40px;
	margin-top:0px;
	padding:0px;
	height:40px;
	width:400px;
	float:left;
	
	/*colors*/
	color:#000000;
	
	/*text*/
	font-size:40px;
	font-weight:normal;
	font-style:normal;
	font-family:honeyscript;
	text-align:right;
}

/***** PRODUITS *****/

#colonneGProduits{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	width:300px;
	height:500px;
	float:left;
}

#image1Produits, #image2Produits, #image3Produits{
	/*size*/
	position:relative;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	width:300px;
	height:160px;
	overflow:hidden;
	float:left;
	
	/*colors*/
	background-image:url(../images/produits/cristal.jpg);
	background-position:center center;
	background-size:300px 160px;
	background-repeat:no-repeat;
}

#image2Produits{
	/*colors*/
	background-image:url(../images/produits/verre.jpg);
	background-position:center center;
	background-size:300px 160px;
	background-repeat:no-repeat;
}

#image3Produits{
	/*colors*/
	background-image:url(../images/produits/mousqueton.jpg);
	background-position:center center;
	background-size:300px 160px;
	background-repeat:no-repeat;
}

#titre1Produits, #titre2Produits, #titre3Produits{
	/*size*/
	position:absolute;
	top:136px;
	left:0px;
	padding:5px;
	width:290px;
	height:14px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(0,0,0,0.8);
	color:#ffffff;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.descriptionAProduits{
	/*size*/
	position:absolute;
	top:160px;
	left:0px;
	padding:20px;
	width:260px;
	height:120px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(0,0,0,0.8);
	color:#ffffff;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#image1Produits:hover .descriptionAProduits, #image2Produits:hover .descriptionAProduits, #image3Produits:hover .descriptionAProduits{
	/*size*/
	top:0px;
	
	/*colors*/
	background-color:#8e44ad;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#image1Produits:hover #titre1Produits, #image2Produits:hover #titre2Produits, #image3Produits:hover #titre3Produits{
	/*size*/
	top:160px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#image4Produits, #image5Produits{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:30px;
	padding:0px;
	width:300px;
	height:500px;
	overflow:hidden;
	float:left;
	
	/*colors*/
	background-image:url(../images/produits/mariage.jpg);
	background-position:center center;
	background-size:auto 500px;
	background-repeat:no-repeat;
}

#image5Produits{
	/*colors*/
	background-image:url(../images/produits/saisons.jpg);
	background-position:center center;
	background-size:300px 500px;
	background-repeat:no-repeat;
}

#titre4Produits, #titre5Produits{
	/*size*/
	position:absolute;
	top:476px;
	left:0px;
	padding:5px;
	width:290px;
	height:14px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(0,0,0,0.8);
	color:#ffffff;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:center;
}

.descriptionBProduits{
	/*size*/
	position:absolute;
	top:500px;
	left:0px;
	padding:20px;
	width:260px;
	height:460px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(0,0,0,0.8);
	color:#ffffff;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#image4Produits:hover .descriptionBProduits, #image5Produits:hover .descriptionBProduits{
	/*size*/
	top:0px;
	
	/*colors*/
	background-color:#8e44ad;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#image4Produits:hover #titre4Produits, #image5Produits:hover #titre5Produits{
	/*size*/
	top:500px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/***** CONTACT *****/

#colonneDroiteContact{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	height:500px;
	width:480px;
	float:right;
	
	/*colors*/
	background-color:#ffffff;
}

.titreContact{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:60px;
	height:80px;
	width:480px;
	float:left;
	
	/*colors*/
	color:#8e44ad;
	
	/*text*/
	font-size:80px;
	font-weight:normal;
	font-style:normal;
	font-family:honeyscript;
	text-align:center;
}

.texteContact{
	/*size*/
	position:relative;
	margin:10px;
	padding:20px;
	width:260px;
	float:left;
	
	/*colors*/
	color:#000000;
	background-color:#ffffff;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:left;
}


/***** A PROPOS *****/

.titreAPropos{
	/*size*/
	position:relative;
	margin:10px;
	padding:20px;
	height:40px;
	width:260px;
	float:left;
	
	/*colors*/
	color:#8e44ad;
	background-color:#ffffff;
	
	/*text*/
	font-size:40px;
	font-weight:normal;
	font-style:normal;
	font-family:honeyscript;
	text-align:center;
}

.texteAPropos{
	/*size*/
	position:relative;
	margin:10px;
	padding:20px;
	width:260px;
	float:left;
	
	/*colors*/
	color:#000000;
	background-color:#ffffff;
	
	/*text*/
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:left;
}

/***** MENU PRINCIPAL *****/

#logoMenu{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	width:1000px;
	height:150px;
	float:left;
	
	/*colors*/
	background-image:url(../images/logo/logo.svg);
	background-position:center center;
	background-size:auto 150px;
	background-repeat:no-repeat;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

h1{
	/*size*/
	position:relative;
	margin:0px;
	margin-top:20px;
	padding:0px;
	height:47px;
	width:1000px;
	float:left;
	
	/*colors*/
	color:#ffffff;
	
	/*text*/
	font-size:47px;
	font-weight:normal;
	font-style:normal;
	font-family:bebas_neueregular;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

h2{
	/*size*/
	position:relative;
	margin:0px;
	margin-bottom:45px;
	padding:0px;
	height:31px;
	width:1000px;
	float:left;
	
	/*colors*/
	color:#ffffff;
	
	/*text*/
	font-size:31px;
	font-weight:normal;
	font-style:normal;
	font-family:bebas_neueregular;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#contactDev{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	padding-top:9px;
	height:31px;
	width:698px;
	opacity:0;
	
	/*colors*/
	color:#ffffff;
	background-color:#000000;
	
	/*text*/
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:center;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#aProposDev{
	/*size*/
	position:absolute;
	top:0px;
	left:310px;
	padding:0px;
	padding-left:20px;
	padding-right:310px;
	height:289px;
	width:359px;
	opacity:0;
	
	/*colors*/
	color:#ffffff;
	border-left:1px solid #ffffff;
	background-image:url(../images/aPropos/photo.png);
	background-position:center right;
	background-size:auto 289px;
	background-repeat:no-repeat;
	
	/*text*/
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:left;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#lienPortfolio{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	padding-top:8px;
	height:32px;
	width:100px;
	cursor:pointer;
	
	/*colors*/
	background-color:#ffffff;
	color:#000000;
	border-radius:30px 0px 0px 30px;
	
	/*text*/
	font-size:24px;
	font-weight:normal;
	font-style:normal;
	font-family:bebas_neueregular;
	text-align:center;
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

#lienPortfolio:hover{
	/*colors*/
	background-color:#333333;
	color:#ffffff;
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

/***** PORTFOLIO *****/

.imagePortfolio{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	width:600px;
	height:400px;
	float:left;
	
	/*colors*/
	border:50px solid #ffffff;
	border-right:25px solid #ffffff;
}

.lienImageProjet{
	/*size*/
	position:absolute;
	top:410px;
	left:500px;
	padding-top:10px;
	height:30px;
	width:150px;
	
	/*colors*/
	color:#ffffff;
	background-color:rgba(0,0,0,0.5);
	border-radius:10px 0px 0px 0px;
	
	/*text*/
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	font-family:bebas_neueregular;
	text-align:center;
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.lienImageProjet:hover{
	/*colors*/
	background-color:rgba(0,0,0,1);
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.titreProjet{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	padding-right:50px;
	padding-top:50px;
	height:20px;
	width:275px;
	float:left;
	
	/*colors*/
	color:#000000;
	background-color:#ffffff;
	
	/*text*/
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	font-family:bebas_neueregular;
	text-align:left;
}

.descriptionProjet{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	padding-right:50px;
	height:278px;
	width:275px;
	float:left;
	
	/*colors*/
	color:#000000;
	background-color:#ffffff;

	/*text*/
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	font-family:arial;
	text-align:left;
}

.dateProjet{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	padding-right:50px;
	padding-bottom:50px;
	height:20px;
	width:275px;
	float:left;
	
	/*colors*/
	color:#000000;
	background-color:#ffffff;
	
	/*text*/
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	font-family:bebas_neueregular;
	text-align:left;
}

.separationProjet{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	padding-right:50px;
	height:41px;
	width:275px;
	float:left;
	
	/*colors*/
	background-color:#ffffff;
}

.separationProjet2{
	/*size*/
	position:relative;
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	height:1px;
	width:275px;
	float:left;
	
	/*colors*/
	background-color:#000000;
}

.flecheGauche, .flecheDroite{
	/*size*/
	position:absolute;
	top:0px;
	left:20px;
	height:80px;
	width:80px;
	cursor:pointer;
	
	/*colors*/
	border-radius:80px;
	background-color:rgba(255,255,255,0.5);
	background-image:url(../images/fleches/flecheGauche.svg);
	background-position:center center;
	background-size:auto 40px;
	background-repeat:no-repeat;
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.flecheDroite{
	/*colors*/
	background-color:rgba(255,255,255,0.5);
	background-image:url(../images/fleches/flecheDroite.svg);
	background-position:center center;
	background-size:auto 40px;
	background-repeat:no-repeat;
}

.flecheGauche:hover{
	/*colors*/
	background-color:rgba(255,255,255,1);
	background-image:url(../images/fleches/flecheGauche.svg);
	background-position:center center;
	background-size:auto 40px;
	background-repeat:no-repeat;
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.flecheDroite:hover{
	/*colors*/
	background-color:rgba(255,255,255,1);
	background-image:url(../images/fleches/flecheDroite.svg);
	background-position:center center;
	background-size:auto 40px;
	background-repeat:no-repeat;
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

#flecheMenu{
	/*size*/
	position:absolute;
	top:0px;
	left:20px;
	padding-top:30px;
	height:50px;
	width:80px;
	cursor:pointer;
	
	/*colors*/
	border-radius:80px;
	background-color:rgba(255,255,255,0.5);
	color:#000000;
	
	/*text*/
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	font-family:bebas_neueregular;
	text-align:center;
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

#flecheMenu:hover{
	/*colors*/
	background-color:rgba(255,255,255,1);
	
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

}