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


/*

exposant signe

#menu ul li .signe{	display:inline-block;
	position: relative;
top: 1px;
font-size: .8em;
line-height: .8em;
vertical-align:super;
text-decoration:none;}
*/




#generique{
	position:absolute;
	vertical-align:middle;
	top:0px;
	margin-top:13%;
	left:0px;
	right:0px;
	z-index:100;
	padding-bottom:150px;

	}

#menu{

	position:fixed;
	top:0px;
	left:0px;
	right:0px;
 /*	font-size: 19px;*/
 	font-size: 1vw;
/*	margin:auto; */
	z-index:200;
		}
.signe{font-family:'bonusrumeur';}

.signe2{font-family:'bonuskarmilla';}

.font_rumeur{	   font-family: 'rumeur';}

		#sousmenu{

position: fixed;
bottom: 0px;
height: 20px;
left: 0px;
right: 0px;


font-size: 13px;
padding-left: 30px;
padding-right: 30px;
z-index: 20000;
text-align: center;
display: table;
	
		}

#sousmenu .langue{display: table-cell; text-align: left; width: 33vw;}
#sousmenu #sm_gostp{display: table-cell; text-align: center; width: 34vw;}
#sousmenu #opentir{display: table-cell; text-align: right; width: 33vw;}


.lieu{
	width:46%;
	margin-left:2%;

	color:#000;
	/*font-family: 'karmillabold';*/

	font-size:20px;
	display:inline-block;
	vertical-align:top;


	position:relative;
	
	
	
	margin-bottom:160px;
	
		

	
	}
	
	#Btnactus{
		
		 text-decoration : line-through; 
			
		}
	
	
/* TEXTE_INTRO */	
	
#texte_intro{
	
	}	
	
.texte_intro1{	
-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:20px;
	margin-left:20%;
	margin-right:20%;
	
	}

.texte_intro2{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:20px;
	margin-left:5%;
	margin-right:5%;
	
	}

.texte_intro3{
	
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:20px;
	margin-left:5%;
	margin-right:5%;
	
	}
	
	.texte_intro4{
	
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:20px;
	margin-left:5%;
	margin-right:5%;
	
	}
	
	
.texte_read1 {-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:13px;
	margin-left:20%;
	margin-right:20%;}
.texte_read2 {-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count:2; /* Firefox */
    column-count: 2;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:13px;
	margin-left:15%;
	margin-right:15%;}
.texte_read3 {-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:13px;
	margin-left:10%;
	margin-right:10%;}	
.texte_read4 {-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	margin-bottom:160px;
		
	font-size:13px;
	margin-left:5%;
	margin-right:5%;}

/* TIROIRES */
	
.t_titre{
	width:100%; 
	display:table;
	font-family: 'karmillaregular'; 
}

/* STYLE TEXTE */

.font_titre{
	position: relative;
    display:inline-block;
    font-family: 'rumeur';
	margin-right:50px;
	/*font-size:45px;*/
	font-size: 3vw;
}

.font_titre2{
	position: relative;
    display:inline-block;
    font-family: 'rumeur';
	font-size:45px;
}

.font_titre3{
	position: relative;
    display:inline-block;
    font-family: 'rumeur';
	
	/*font-size:45px;*/
	font-size: 2vw;
}

.font_titre_exp{
	   font-family: 'rumeur';
	font-size:45px;
		display:inline-block;
	position: relative;
bottom: 10px;
line-height: 0px;
vertical-align:super;
text-decoration:none;
	}
	
.exposant{
	display:inline-block;
	position: relative;
bottom: 1px;
font-size: .8em;
line-height: .8em;
vertical-align:super;
text-decoration:none;
}

.exposant2{
	display:inline-block;
	
position: relative;
bottom: 1px;
font-size: .4em;
line-height: .8em;
vertical-align:super;
text-decoration:none;
}



.headline{font-size:32px; padding:35px; display:inline-block; font-family: 'rumeur'; text-align:center;}


.btnSpectacle{
		margin-top:30px;
		text-align:center;
		
	font-size:18px; font-family: 'rumeur'; 
		
		}	
	






		
/* PAGE -- INFOS */
	
		
	#plan{
		position:fixed;
		top:160px;
		bottom:25px;
		left:25px;
		}
	#plan img {
		height:100%;
		width:auto;
		
		}	


/* ACTU -- GLOBAL 

.ACTU01 {
	width:25%;
	text-align:right;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:14px;
	top:39%;
	right:7%;
	color:#F00;
	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: 6%;
	color:#F00;
	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: 10%;
	right:40%;
	color:#F00;
	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 
	}
*/

.ACTU01 img{ 
	width:100%; 
	text-align:center; 
	}

.ACTU02 img{ 
	width:100%;
	text-align:center;  
	}

.ACTU03 img{ 
	width:100%; 
	text-align:center; 	 
	}

.ACTU01 a:link{ text-decoration:none; color:#FF3635 !important ; background-color:transparent !important;  } 
.ACTU01 a:visited{ text-decoration:none; color:#FF3635 !important ; background-color:transparent !important;  }   
.ACTU01 a:hover{ text-decoration:none; color:#f9d943 !important; background-color:transparent !important; } 
.ACTU01 a:active{ text-decoration:none; color:#FF3635 !important; background-color:transparent !important;} 

.ACTU02 a:link{ text-decoration:none; color:#FF3635 !important; background-color:transparent !important;} 
.ACTU02 a:visited{ text-decoration:none; color:#FF3635 !important; background-color:transparent !important; } 
.ACTU02 a:hover{ text-decoration:none; color:#f9d943 !important; background-color:transparent !important; } 
.ACTU02 a:active{ text-decoration:none; color:#FF3635 !important; background-color:transparent !important; }  

.ACTU03 a:link{ text-decoration:none; color:#FF3635 !important; background-color:transparent !important; } 
.ACTU03 a:visited{ text-decoration:none; color:#FF3635 !important; background-color:transparent !important; } 
.ACTU03 a:hover{ text-decoration:none; color:#f9d943 !important; background-color:transparent !important; } 
.ACTU03 a:active{ text-decoration:none; color:#FF3635 !important; background-color:transparent !important; }  



/***** MENU LISTE *****/

ul.menu{
	margin:0;
	
	
	}

ul.m_menu li{
	 
	list-style:none;
	display:inline-block;
	vertical-align:top;
	font-size: 1.3vw;
	
}

#compagnie{
		width:25vw;

	}
	
#usinage{
		width:27vw;

	}

#lelieu{
		width:20vw;

	}
	
#sortie{	width:16vw;
	 text-align:right;}
	
ul.sub_menu li{
	display:block;
}

ul#sm_cie li{
	padding-left:6.5vw;
}

ul#sm_us li{
	padding-left:3vw;
}

ul#sm_lieu li{
	padding-left:-1vw;
}

.sub_menu{
	display:none;
position:relative;
margin-top:0vh;



}