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

body{
	background-color:#000;
	color:#FFF;
	font-size:13px;
	font-family: 'karmillaregular';
				
	}



.font_titre{
	
	font-family: 'karmillaregular';

	}

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

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


.textalire2 {
 	font-size: 15px;
	line-height: 22px;
	font-weight: lighter;
	color: #FFF;
	letter-spacing: inherit;
	padding:10%;
	width:100%;
	text-align:center;
}
	
	#img{
		position:fixed;
		left:50%;
		margin-left:-425px;
		z-index:50;
		top:50%;
		margin-top:-300px;
		width:850px;
		height:600px;
		
		}

#menu{
	
	
	color:#FFF;	
	background-color:#000;
	
	}
	
			.sousmenuvari{
	color:#FFF;	
	
	background-color:#000;
		}
	
.font_presse a:link{text-decoration:none; color:#fff; }
.font_presse a:active{text-decoration:none; color:#fff;}
.font_presse a:visited{text-decoration:none; color:#fff;}
.font_presse a:hover{text-decoration:none; color:#fff;}

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

.menurelou:hover{color:#FF3635}


/*.m_menu :hover{color:red;}


#compagnie #usinage #lelieu :hover{color:red;}

.m_menu li:hover
#sortie a:hover   { color}	


 #menu:hover #sm_lieu{color:red;}*/

    
.poignee{
	border-bottom:solid 1px black;	
	}


.presse{
	position:relative;
	display:block;
	text-align:center;
	height:100%;
	}	

.archivecreation{
	position:relative;
	display:block;
	text-align:center;
	height:100%;	
	}	
	
.video{
	position:relative;
	display:block;
	text-align:center;
	height:100%;
	}


	
.presseArchiveVideo a:link{text-decoration:none; color:#000;}
.presseArchiveVideo a:active{text-decoration:none;}
.presseArchiveVideo a:visited{text-decoration:none; color:#000;}
.presseArchiveVideo a:hover{ text-decoration:none; background-color:#000; color:#fff;}	



.ACTU01 {
	width:25%;
	text-align:right;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:1vw;
	top:39%;
	right: 41%;
	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: 47%;
	left: 67%;
	color:#FF3635;
	position: fixed;
    display:inline-block;
	transform: skewX(-8deg) skewY(21deg);
	-webkit-transform:skewX(-8deg) skewY(21deg); // Safari and Chrome 
    -moz-transform:skewX(-8deg) skewY(21deg); // Firefox 
    -ms-transform:skewX(-8deg) skewY(21deg); // IE 9 
    -o-transform:skewX(-8deg) skewY(21deg); // Opera 	
	}

.ACTU03 {
	width:25%;
	text-align:center;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:14px;
	bottom: 40%;
	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 
	}