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

body{
	background-color:#FFF;
	
	color:#000;
	font-size:13px;

				font-family: 'karmillaregular';
				
	}



#creation_header{
position:relative;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:999;
border:#0F0;

	
	}


.textalire {
 	font-size: 30px;
	line-height: 40px;
	font-weight: lighter;
	color: #000;
	letter-spacing: inherit;
	padding:10%;
	width:50%;
}

.textalire3 {
 	font-size: 30px;
	line-height: 40px;
	font-weight: lighter;
	color: #000;
	letter-spacing: inherit;
	padding:10%;
	width:50%;
	margin-left:30%;
}


.textalire2 {
 	font-size: 15px;
	line-height: 22px;
	font-weight: lighter;
	color: #000;
	letter-spacing: inherit;
	padding:10%;
	width:100%;
	text-align:center;
}

.textalire_distribution {
 	font-size: 15px;
	line-height: 22px;
	font-weight: lighter;
	color: #000;
	letter-spacing: inherit;
	padding:5%;
	width:100%;
	text-align:center;
}



h1.hid { line-height: 1px; font-size: 1px; margin-left: -2000px; padding-bottom: 0px;}





	
	#img{
		position:fixed;
		left:50%;
		margin-left:-425px;
		z-index:50;
		top:50%;
		margin-top:-300px;
		width:850px;
		height:600px;
		
		}

#menu{
	
	
	color:#000;	
	background-color:#fff;
	
	}
	
		.sousmenuvari{
		color:#000;	
	background-color:#fff;	
		}
	

	

#menu a:link{text-decoration:none; color:#000;}
#menu a:active{text-decoration:none;}
#menu a:visited{text-decoration:none; color:#000;}
#menu a:hover{ text-decoration:none;  color:#FF3635;}

.menurelou:hover{color:#FF3635}





/* CREATION -- POST */

.texte01{ position:relative; width:90vw; font-size:200px; padding:2vw; display:inline-block;
line-height:0.9;     font-family: 'rumeur';text-align:center;

 }

.texte02{ position:relative; width:40vw; font-size:32px; padding:2vw; display:inline-block;              font-family: 'rumeur'; float:right; text-align:center;

}

.texte03{ position:relative; width:25vw; font-size:15px; padding:2vw; display:inline-block; margin-right:2vw;      
}


.img01{ position:relative; max-width:55vw; padding:2vw; display:inline-block; margin-left:-4vw; margin-top:-40px; max-height:800px; }

.img02{ position:relative; width:16vw; padding:2vw; display:inline-block; margin-left:-4vw;vertical-align: middle; margin-top:-3vw;}

.img03{ position:relative; width:35vw; padding:2vw; display:inline-block; margin-left:-4vw; vertical-align: top; margin-top:110px; }


.vid01{position:relative;
width:70vw;
height:80vh;
margin-left:15vw;
display:inline-block;
margin-bottom:50px;
margin-top:50px;


}

.vid02{position:relative;
width:24vw;
height:27vh;
display:inline-block;
margin-bottom:50px;
margin-top:50px;
}


.ACTU01 {
	width:25%;
	text-align:right;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:14px;
	top:29%;
	right:70%;
	color:#FF3635;
	position: fixed;
    display:inline-block;
	transform: skewX(15deg) skewY(-35deg);
	-webkit-transform:skewX(15deg) skewY(-35deg); // Safari and Chrome 
    -moz-transform:skewX(15deg) skewY(-35deg); // Firefox 
    -ms-transform:skewX(15deg) skewY(-35deg); // IE 9 
    -o-transform:skewX(15deg) skewY(-35deg); // Opera 
	}		

.ACTU02 {
	width:25%;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:14px;
	text-align:left;
	top: 35%;
	left: 59%;
	color:#FF3635;
	position: fixed;
    display:inline-block;
	transform: skewX(-8deg) skewY(24deg);
	-webkit-transform:skewX(-8deg) skewY(24deg); // Safari and Chrome 
    -moz-transform:skewX(-8deg) skewY(24deg); // Firefox 
    -ms-transform:skewX(-8deg) skewY(24deg); // IE 9 
    -o-transform:skewX(-8deg) skewY(24deg); // Opera 	
	}

.ACTU03 {
	width:25%;
	text-align:center;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:14px;
	bottom: 47%;
	right:10%;
	color:#FF3635;
	position: fixed;
    display:inline-block;
	transform: skewX(1deg) skewY(-8deg);
	-webkit-transform:skewX(1deg) skewY(-8deg); // Safari and Chrome 
    -moz-transform:skewX(1deg) skewY(-8deg); // Firefox 
    -ms-transform:skewX(1deg) skewY(-8deg); // IE 9 
    -o-transform:skewX(1deg) skewY(-8deg); // Opera 
	}