@charset "UTF-8";
/* CSS Document */


/******************************************************************
******************************************************************
NE PAS MODIFIER
CES LIGNES ENLEVENT LES PADDING ET MARGIN AJOUTÉS
AUTOMATIQUEMENT PAR LE FICHIER CSS/NORMALIZE.CSS
******************************************************************
******************************************************************/

p, h1, h2, h3, h4, h5, h6, ul, li, figure {
	padding:0;
	margin:0;
}

/******************************************************************
******************************************************************
PLACEZ LES DÉFINITIONS CSS DE VOS PAGES SOUS CETTE LIGNE
PLACEZ LES DÉFINITIONS CSS DE VOS PAGES SOUS CETTE LIGNE
PLACEZ LES DÉFINITIONS CSS DE VOS PAGES SOUS CETTE LIGNE
PLACEZ LES DÉFINITIONS CSS DE VOS PAGES SOUS CETTE LIGNE
PLACEZ LES DÉFINITIONS CSS DE VOS PAGES SOUS CETTE LIGNE
******************************************************************
******************************************************************/

/*.trigger {
	height:100%;
	width:100%;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
}*/


.mobile {
		display:none;
	}

html, body {
	height:100%;
	min-height:100%;
}


div#wrapper{
	width:80%;
	max-width:1200px;
	margin: 0 auto 0 auto;
	background-color:white;
	height:100%;
	position:relative;
	z-index:1;
}



div#wrapper img {
	/**width:82%;
	height:auto;**/
	opacity:0.6;
}

div#wrapper img.logo {
	opacity:1;
}




div#wrapper figure p {
	/*color:white;*/
	/*border-bottom: 1px solid white;*/
font-family: 'Lemon', cursive;
font-size: 90%;
/*font-weight: 400;*/
	/*font-style:italic;*/
}

div#wrapper figure{
	float:left;
	position:relative;
	margin: 0 5% 2% 0;
	width:30%;
	height:25%;
	text-align:center;
	z-index:10000;
	overflow:hidden;
}


div#wrapper figure img{
	width:auto;
	height:100%;
}

div#wrapper figure:hover{
	cursor:pointer;
}

div#wrapper figure p{
	position: absolute;
		opacity:0;
		z-index:100000;
}

div#wrapper figure span.icone{
	position:absolute;
	font-size:300%;
	opacity:0;
	z-index:99999;
}

span.close {
	position:fixed;
	top:20px;
	right:40px;
	color:black;
	font-size:72px;
	z-index:1000000;
}

	span.close:hover { cursor:pointer;  }

div#wrapper figure:nth-child(1),div#wrapper figure:nth-child(2),div#wrapper figure:nth-child(3){
	margin-top:30px;
}

div#wrapper figure:nth-child(3),div#wrapper figure:nth-child(6),div#wrapper figure:nth-child(9) {
	margin-right: 0;
}

figure.tarot{
	background-color:#fde5d8;
}

	figure.ctarot p {
		top: 20%;
		left: 10%;
		color:white;
	}
	
	figure.ctarot span.icone {
		top: 40px;
		right: 40px;
	}

figure.tablier {
	background-color:#ffc0c4;
}

	figure.ctablier p {
		bottom: 15%;
		left:10%;
		color:white;
	}
	
	figure.ctablier span.icone {
		top:10px;
		right:20px;
		color:white;
	}
	

figure.ridm {
	background-color:#b8e3fb;
}

	figure.cridm p {
		position:absolute;
		top: 40px;
		left:20px;
		color:black;
	}
	
	figure.cridm p.separer {
		position:absolute;
		top: 55px;
		left:20px;
		color:black;
	}

	figure.cridm span.icone {
		bottom:20px;
		right: 20px;
		color:white;
	}

figure.domrebel {
	background-color:#defdf0;
}

	figure.cdomrebel p{
		color:black;
		position:absolute;
		top: 10%;
		left:10%;
		
	}

	figure.cdomrebel span.icone {
		bottom: 20px;
		right: 40px;
		color:white;
	}
	
figure.logo ul {
	list-style-type:none;
		text-align:right;
	
}

	figure.logo ul li {
		font-family: 'Work Sans', sans-serif;
		display:inline-block; /*horizontal */
			font-size:70%;
	}
	
		figure.logo ul li.apropos{
			position:absolute;
			bottom:0;
			left:0;
		}
		
		figure.logo ul li.contact{
			position:absolute;
			bottom:0;
			right:0;
		}
		
		figure.logo ul li:hover {
		color:#666;
	}



figure.affiches {
	background-color:#f7d2e7;
}

	figure.caffiches p {
		position:absolute;
		bottom: 30px;
		right:40px;
	}

	figure.caffiches span.icone {
		top: 20px;
		left: 20px;
		color:white;
	}
	


figure.pamphlet {
	background-color:#c4d5ef;
}

	figure.cpamphlet p {
		position:absolute;
		bottom: 20%;
		right:20%;
		color:white;
	}
	
	figure.cpamphlet span.icone {
		top: 10px;
		right: 30px;
		color:white;
	}

figure.trio {
	background-color:#ffffc0;
}

	figure.ctrio p {
		position:absolute;
		top: 30%;
		left:10%;
		color:black;
	}
	
	figure.ctrio span.icone {
		bottom: 20px;
		right: 30px;
		color:black;
	}

figure.vinyle {
	background-color:#fcec9e;
}

	figure.cvinyle p {
		position:absolute;
		bottom: 17%;
		left:10%;
		color:black;
	}
	
	figure.cvinyle span.icone {
		top: 20px;
		right: 20px;
		color:black;
	}

	
	figure.black { background-color:#7A7676; }
	
	
figure.ctarot { background-color:#b36b45; }
figure.ctablier { background-color:#fe2131; }
figure.cridm { background-color:#077dbf; }
figure.cdomrebel { background-color:#29fb6e; }
figure.caffiches { background-color:#f64db6; }
figure.cpamphlet { background-color:#282fb9; }
figure.ctrio { background-color:#ffff00; }
figure.cvinyle { background-color:#fbd521; }





/****el comuns****/

header aside.logo_pageinterieur {
	float: right;
	height:auto;
	width:auto;
	position:relative;
}

/******************* Tarot ***************/

div#tarot{
	background-image:url(../images/background_image_tarot.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:left;
	position:absolute;
	top:-100%;
	left:0;
	display:none;
	z-index:99999;
}

div#tarot figure aside {
	position:absolute;
	top:5%;
	right:30%;
	width:15%;
}

div#tarot figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#tarot figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

div#tarot figure img {
	width:90%;
	height:auto;
	padding: 2% 0 2% 0;
}

/******************* TABLIER ***************/

div#tablier{
	background-image:url(../images/background_image_tablier.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:-100%;
	left:0;
	display:none;
	z-index:99999;
}

div#tablier figure aside {
	position:absolute;
	top:5%;
	right:25%;
	width:30%;
	text-align:left;
}

div#tablier figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#tablier figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

div#tablier figure img {
	width:70%;
	height:auto;
	padding: 2% 0 2% 0;
	margin: 0 auto 0 auto;
}

/******************* ridm ***************/

div#ridm{
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:0;
	right:-100%;
	display:none;
	z-index:99999;
}

div#ridm figure aside {
	position:absolute;
	top:10%;
	right:20%;
	width:15%;
	text-align:left;
}

div#ridm figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#ridm figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

div#ridm figure img {
	width:70%;
	height:auto;
	padding: 2% 0 2% 0;
}


/******************* Domrebel ***************/

div#domrebel{
	background-image:url(../images/background_image_domrebel.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:0;
	left:-100%;
	z-index:99999;
	display:none;
}

div#domrebel figure aside {
	position:absolute;
	top:30%;
	left:10%;
	width:15%;
	text-align:left;
}

div#domrebel figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#domrebel figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

div#domrebel header figure img{
	float:left;
	width:auto;
	height:auto;
	padding: 5% 0 5% 5%;
}

div#domrebel figure img {
	width:80%;
	height:auto;
	padding: 0 0 20px 0;
}




/**************** 3 AFFICHES ****************/
div#affiches {
	background-image:url(../images/background_image_affiches3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin: 0 auto 0 auto;
	top:0;
	right:-100%;
	background-color:white;	
	text-align:center;
	z-index:99999;
	display:none;
	position:absolute;
}

div#affiches figure aside {
	position:absolute;
	top:5%;
	left:10%;
	width:30%;
	text-align:left;
}

div#affiches figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#affiches figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

div#affiches figure img {
	width: 80%;
	height:auto;
	margin:0;
	padding:0;

}

/**************** PAMPHLET ****************/
div#pamphlet {
	background-image:url(../images/background_color_pamphlet.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:0;
	left:-100%;
	z-index:99999;
	display:none;
}

div#pamphlet figure aside {
	position:absolute;
	top:5%;
	left:10%;
	width:30%;
	text-align:left;
}

div#pamphlet figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#pamphlet figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

div#pamphlet figure img{
	width: 70%;
	height:auto;
	padding: 15% 0 2% 0;
}


/******************* TRIO AGRUMES ***************/
div#trio {
	/*width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:center;*/
	position:absolute;
	left:0;
	top:150%;
	height:100%;
	width:100%;
	background-color:white;
	z-index:100000;
	display:none;
}

div#trio figure {
	float:left;
	width:auto;
	height:100%;
	padding: 2% 0 0 20%;
}

div#trio  figure aside {
	position:absolute;
	bottom:10%;
	right:15%;
	width:20%;
	text-align:left;
}

div#trio  figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#trio  figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

	div#trio figure img {
		width:auto;
		height:95%;
}

/******************* VINYLE ***************/
div#vinyle {
	position:absolute;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:left;
	background-image:url(../images/background_image_vinyle.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	top:0;
	right:-100%;
	display:none;
	z-index:99999;
}

div#vinyle figure {
	padding: 2% 0 0 20%;
}

div#vinyle  figure aside {
	position:absolute;
	top:5%;
	right:15%;
	width:20%;
	text-align:left;
}

div#vinyle  figure aside h2 {
	font-family: 'Work Sans', sans-serif;
}

div#vinyle  figure aside p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
}

	div#vinyle figure img {
		width:57%;
		height:auto;
}

/*div#vinyle header figure.cover {
	float:left;
	width:auto;
	height:auto;
	padding: 5% 0 0 10%;
}

div#vinyle figure.dos{
	position:absolute;
	top: 90%;
	right:20%;
	padding: 0 0 20px 0;
}*/



/********** FORMULAIRE CONTACT ******************/

div#contact {
	width:100%;
	height:100%;
	text-align:left;
	top:0;
	right:-100%;
	background-color:white;	
	z-index:99999;
	display:none;
	position:absolute;
}

div#contact h2 {
	font-family: 'Work Sans', sans-serif;
}

div#contact aside {
	padding: 10% 0 0 0;
	margin: 0 auto 0 auto;
	width:70%;
	
}

div#contact form, textarea, label, input {
	display:block;
	width:100%;
}

div#contact label {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 0 10px 0;
	width:100%;
}

div#contact textarea {
	font-family: 'Work Sans', sans-serif;
	width:100%;
	background-color:#474747;
	color:white;
}

div#contact input {
	font-family: 'Work Sans', sans-serif;
	width:100%;
	color:#666;
}

	div#contact input.nom {
	background-color:#C4C4C4;
	color:#666;
	}

	div#contact input.email {
	background-color:#7E7E7E;
	color:white;
	}
	
	div#contact input.sujet {
		background-color:#606060;
		color:white;
	}
	
	div#contact input.soummettre {
		background-color:black;
		color:white;
		width:200px;
		height:40px;
		margin-top:20px;
	}
	
	div#contact p {
		font-family: 'Work Sans', sans-serif;
		font-size:90%;
		padding: 10px 0 20px 0;
	}
	
/********** 	aprpos ******************/

div#apropos {
	margin:0 auto 0 auto;
	position:absolute;
	top:0;
	left:-100%;
	z-index:99999;
	display:none;
	background-color:#061922;	
	height:100%;
	width:100%;
	text-align:center;
}

div#apropos video {
	height:auto;
	width:50%;
	margin:0 auto 0 auto;
	padding: 20px 0 0 0;
}

div#apropos span {
	color:white;
}

	
/********** 	MERCI ******************/

p.merci {
	font-family: 'Work Sans', sans-serif;
	position:absolute;
	top:45%;
	left:38%;
	width:40%;
	font-size:200%;
	text-decoration:none;
}

	p.merci a {
		text-decoration:none;
	}

a.merci {
	font-family: 'Work Sans', sans-serif;
	position:absolute;
	top:40%;
	left:38%;
	width:40%;
	font-size:90%
}


body.merci {
	background-image:url(../images/background_image_merci.jpg);
	background-size:cover;
}

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

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

	
	.desktop {
		display:none;
	}
	
	.mobile {
		display:block;
	}
	
	body {
		
	}
	
header {
	padding: 20px;
	background-color:none;
	z-index:100000;
	background-color:white;
	display:block;
	}
	
	header img {
		float:left;
		width:30%;
		height:auto;
		padding: 0 20px 0 0;
	}
	
	header nav {
		float:left;
		width:auto;
		height:auto;
		padding: 0 0 0 0;
		font-family: 'Work Sans', sans-serif;
		font-size:90%;
		z-index:100000;
	}
	
		header nav ul {
			list-style-type:none;
		}
		
		header nav ul li.apropos{
			padding:10px 0 20px 0;
		}
	
	div#cell {
		max-width:100%;
		margin:0 auto 0 auto;
		text-align:center;
	}
	
	span.close {
	position:fixed;
	top:20px;
	right:40px;
	color:black;
	font-size:60px;
	z-index:1000000;
}
	
	div#cell figure img{
		width:60%;
		height:auto;
		margin:0 auto 0 auto;
	}

	div#cell figure {
		position:relative;
	}

	div#cell figure p{
	font-family: 'Lemon', cursive;
	font-size:120%;
	position: absolute;
}


div#cell figure span.icone{
	position:absolute;
	font-size:300%;
	z-index:99999;
}

span.close-mobile {
	position:fixed;
	top:20px;
	right:40px;
	color:black;
	font-size:50px;
	z-index:1000000;
}


/*****TAROT*****/

	div#cell figure.tarot p{
		top:40px;
		left:30px;
		color:black;
}

/*****TABLIER****/

	div#cell figure.tablier p{
		bottom:20px;
		left:30px;
		color:white;
}

/***** RIDM****/

	div#cell figure.ridm p{
		bottom:40px;
		left:30px;
		color:black;
}

	div#cell figure.ridm p.separer{
		bottom:20px;
		left:30px;
		color:black;
}

/****** DOMREBEL ****/
div#cell figure.domrebel p{
		top:20px;
		left:30px;
		color:black;
}

/****** AFFICHES ****/
div#cell figure.affiches p{
		top:20px;
		left:30px;
		color:black;
}

/****** PAMPHELT ****/
div#cell figure.pamphlet p{
		top:40px;
		left:30px;
		color:black;
}

/****** TRIO ****/
div#cell figure.trio p{
		top:60px;
		left:30px;
		color:black;
}

/****** VINYLE ****/
div#cell figure.vinyle p{
		bottom:30px;
		left:30px;
		color:black;
}



/******************* Tarot ***************/

div#tarot-mobile {
	background-image:url(../images/background_image_tarot.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	margin: 0 auto 0 auto;
	top:0;
	right:-100%;
	background-color:white;	
	text-align:center;
	z-index:99999;
	display:none;
	position:absolute;
	width: 100%;
	height:auto;
}

div#tarot-mobile figure img {
	width:100%;
	height:auto;
}

div#tarot-mobile h2 {
	font-family: 'Work Sans', sans-serif;
	text-align:left;
	padding: 20px 0 20px 20px ;
}

div#tarot-mobile p {
	font-family: 'Work Sans', sans-serif;
	text-align:left;
	width:60%;
	padding: 0 0 0 20px ;
	font-size: 90%;
}

/******* TABLIER****/

div#tablier-mobile{
	background-image:url(../images/background_image_tablier.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:0;
	right:-100%;
	display:none;
	z-index:99999;
}

div#tablier-mobile aside {
	width:60%;
	text-align:left;
}

div#tablier-mobile  aside h2 {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 0 20px 20px ;
}

div#tablier-mobile  aside p {
	font-family: 'Work Sans', sans-serif;
	padding: 0 0 30px 20px ;
	font-size: 90%;
}

div#tablier-mobile figure img {
	width:80%;
	height:auto;
	padding: 2% 0 2% 0;
	margin: 0 auto 0 auto;
}




/******************* ridm ***************/

div#ridm-mobile{
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:0;
	right:-100%;
	display:none;
	z-index:99999;
}

div#ridm-mobile aside {
	text-align:left;
}

div#ridm-mobile aside h2 {
	padding: 20px 20px 20px 20px ;
	font-family: 'Work Sans', sans-serif;
}

div#ridm-mobile  aside p {
	width:60%;
	height:Auto;
	font-family: 'Work Sans', sans-serif;
	padding: 0 0 30px 20px ;
	font-size: 90%;
}

div#ridm-mobile figure img {
	width:100%;
	height:auto;
}


/******************* Domrebel ***************/

div#domrebel-mobile{
	background-image:url(../images/background_image_domrebel.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:0;
	right:-100%;
	z-index:99999;
	display:none;
}

div#domrebel-mobile aside {
	text-align:left;
	width: 60%;

}

div#domrebel-mobile  h2 {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 20px 20px 20px ;
}

div#domrebel-mobile  p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 0 0 30px 20px ;
}

div#domrebel-mobile figure img {
	width:90%;
	height:auto;
}




/**************** 3 AFFICHES ****************/
div#affiches-mobile {
	background-image:url(../images/background_image_affiches3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin: 0 auto 0 auto;
	top:0;
	right:-100%;
	background-color:white;	
	text-align:center;
	z-index:99999;
	display:none;
	position:absolute;
}

div#affiches-mobile aside {
	text-align:left;
	width: 60%;
}

div#affiches-mobile  h2 {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 20px 20px 20px ;
}

div#affiches-mobile  p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 0 0 30px 20px ;
	}

div#affiches-mobile figure img {
	width: 100%;
	height:auto;
}

/**************** PAMPHLET ****************/
div#pamphlet-mobile {
	background-image:url(../images/background_color_pamphlet.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:center;
	position:absolute;
	top:0;
	right:-100%;
	z-index:99999;
	display:none;
	padding:0 0 20px 0;
}

div#pamphlet-mobile aside {
	text-align:left;
	width: 60%;
}

div#pamphlet-mobile  h2 {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 20px 20px 20px ;
}

div#pamphlet-mobile  p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 0 0 30px 20px ;
	}

div#pamphlet-mobile figure img{
	width: 90%;
	height:auto;
}


/******************* TRIO AGRUMES ***************/
div#trio-mobile {
	position:absolute;
	top:0;
	right:-100%;
	height:100%;
	width:100%;
	background-color:white;
	z-index:100000;
	display:none;
}

div#trio-mobile aside {
	text-align:left;
	width: 60%;
}

div#trio-mobile  h2 {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 20px 20px 20px ;
}

div#trio-mobile  p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 0 0 30px 20px ;
	}

	div#trio-mobile figure img {
		width:100%;
		height:auto;
}

/******************* VINYLE ***************/
div#vinyle-mobile {
	position:absolute;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:white;	
	text-align:left;
	background-image:url(../images/background_image_vinyle.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	top:0;
	right:-100%;
	display:none;
	z-index:99999;
	text-align:center;
}


div#vinyle-mobile aside {
	text-align:left;
	width: 60%;
}

div#vinyle-mobile  h2 {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 20px 20px 20px ;
}

div#vinyle-mobile  p {
	font-family: 'Work Sans', sans-serif;
	font-size: 90%;
	padding: 0 0 30px 20px ;
	}

	div#vinyle-mobile figure img {
		width:90%;
		height:auto;
}

/********** FORMULAIRE CONTACT ******************/

div#contact {
	width:100%;
	height:100%;
	text-align:left;
	top:0;
	right:-100%;
	background-color:white;	
	z-index:99999;
	display:none;
	position:absolute;
}

div#contact h2 {
	font-family: 'Work Sans', sans-serif;
}

div#contact aside {
	padding: 10% 0 0 0;
	margin: 0 auto 0 auto;
	width:70%;
	
}

div#contact form, textarea, label, input {
	display:block;
	width:100%;
}

div#contact label {
	font-family: 'Work Sans', sans-serif;
	padding: 20px 0 10px 0;
	width:100%;
}

div#contact textarea {
	font-family: 'Work Sans', sans-serif;
	width:100%;
	background-color:#474747;
	color:white;
}

div#contact input {
	font-family: 'Work Sans', sans-serif;
	width:100%;
	color:#666;
}

	div#contact input.nom {
	background-color:#C4C4C4;
	color:#666;
	}

	div#contact input.email {
	background-color:#7E7E7E;
	color:white;
	}
	
	div#contact input.sujet {
		background-color:#606060;
		color:white;
	}
	
	div#contact input.soummettre {
		background-color:black;
		color:white;
		width:200px;
		height:40px;
		margin-top:20px;
	}
	
	div#contact p {
		font-family: 'Work Sans', sans-serif;
		font-size:90%;
		padding: 10px 0 20px 0;
	}
	


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

div#apropos-mobile {
	width:100%;
	height:100%;
	text-align:center;
	top:0;
	right:-100%;
	background-color:#061922;	
	z-index:99999;
	display:none;
	position:absolute;
	margin: 0 auto 0 auto;
}


div#apropos-mobile video {
	width:60%;
	height:auto;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
}
div#apropos-mobile span {
	color:white;
}


/************* EXTRAS *****************/

div.pousse {
clear:both;
width:0;
height:0;
overflow:0;
}