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

body{


	color:#000;
	background-color:#FF3635;
	font-size:13px;
	font-family: 'karmillaregular';
				
	}


.imgZoom{margin-left:-3px; width:21vw; padding:0px; border:0px; display:inline-block; vertical-align:top; margin-top:-3px; }


.imgZoomBig{margin-left:-3px; width:40vw; padding:0px; border:0px; display:inline-block; vertical-align:top; margin-top:-3px; }




.font_titre{
	
	
position: relative;
     display:inline-block;
	 
	  transform:scale(0.5,2) ; // W3C 
    -webkit-transform:scale(0.5,2) ; // Safari and Chrome 
    -moz-transform:scale(0.5,2) ; // Firefox 
    -ms-transform:scale(0.5,2) ; // IE 9 
    -o-transform:scale(0.5,2) ; // Opera 
					

	
	}

.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;
}



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


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

#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:#FFF;}

.menurelou:hover{color:#FFF}



#pliee{
	
	}

#depliee{
	display:none;
	}
	
	
.ACTU01 {
	width:25%;
	text-align:right;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:1vw;
	top:27%;
	right:5%;
	color:#FFF;
	position: fixed;
    display:inline-block;
	transform: skewX(9deg) skewY(25deg);
	-webkit-transform:skewX(9deg) skewY(25deg); // Safari and Chrome 
    -moz-transform:skewX(9deg) skewY(25deg); // Firefox 
    -ms-transform:skewX(9deg) skewY(25deg); // IE 9 
    -o-transform:skewX(9deg) skewY(25deg); // Opera 
	}		

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

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