@charset "utf-8";
.mobile, .mobile-spe{
	display:none;
}
.no-mobile{
	display:inline-block;
}
*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
body{
	font-size:62.5%;
}
header{
	width:100%;
	height:16%;
	position:relative;
	text-align:right;
}
header nav ul{
	margin-top:5%;
	display:inline-block;
	margin-right:1%;
	width:80%;
}
header nav ul li{
	display:inline;
}
header nav ul li img{
	width:100%;
	max-width:37px;
	height:auto;
}
#global{
	
}
#logo{
	width:16%;
	height:auto;
	position:relative;
	float:left;
	margin-left:1%;
	margin-top:2%;
}
#contenu{
	width:99%;
	height:73%;
	position:relative;
	padding-left:1%;
}
#menu-gauche{
	width:12%;
	height:97%;
	float:left;
	padding-top:5%;
	background: none repeat scroll 0% 0% #D3D3D3;
}
#centre{
	width:42%;
	float:left;
	height:97%;
	padding-top:3.6%;
}
#right{
	width:58%;
	height:100%;
	float:left;
}
#home{
	width:88%;
	height:100%;
	float:left;
}
#menu-gauche ul{
	width:70%;
	display:inline-block;
	height:100%;
	margin-left:15%;
}
#menu-gauche ul li{
	height:25%;
	list-style-type:none;
	display:block;
	text-align:center;
}
#menu-gauche ul img{
	width:100%;
	max-width:100px;
	height:auto;
}
#sous-menu{
	/*position:absolute;*/
	height:100%;
	padding-top: 5.6%;
}
#sous-menu ul li{
	height:25%;
	list-style-type:none;
	/*display:inline-block;*/
	float:left;
	text-align:center;
}
#bg-page-rubrique{
	height:100%;
	width:88%;
	margin-left:12%;
}
#page{
	height:100%;
	background: none repeat scroll 0% 0% #D3D3D3;
	overflow:hidden;
	border-radius:2%;
	display:inline-block;
}
#video{
	width:100%;
	height:auto;
	/*margin-left:20%;
	margin-right:20%;*/
	/*margin-top:10%;*/
	position:relative;
	background-color: transparent !important;
	background:#fff;
	border:0 !important;
}
#border-left, #border-right{
	width:2px;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
}
.mosaique img{
	width:100%;
	height:auto;
}
#page-bg{
	height:10px;
	background:#d3d3d3;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
}
#control-content{
	position:absolute;
	float:left;
	z-index:100;
	/*left:0;*/
	/*display:none;*/
	bottom:-5%;
	opacity:0;
}
#control-content li{
	display:inline;
}
#control-content li img{
	cursor:pointer;
	margin-left:8px;
	margin-right:8px;
}
.mosaique{
	width:100%;
	height:100%;
	border-collapse:collapse;
}
.mosaique img{
	height:100%;
	width:auto;
}
.sous-menu-ul{
	display:block;
	/*width:30%;*/
}
.sous-menu-ul li img{
	width:100%;
	max-width:100px;
	height:auto;
}
.image-menu{
	position: relative;
    top: 10px;
}
.li-ml1{
	margin-left:1%;
}
.hidden{
	display:none;
}
.visible{
	display:block;
}
.contenu{
	width:100%;
	height:auto;
}
.videoYouYube{
	display:inline-block;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
	width:100%;
	max-width:250px;
	height:auto;
}
/* FOND DES SOUS MENUS */
.bg-infos{
	background:url(../images/bg-infos.png) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */

}
.bg-produits{
	background:url(../images/bg-produits.png) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */

}
.bg-strategie{
	background:url(../images/bg-strategie.png) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */

}
.bg-groupe{
	background:url(../images/bg-groupe.png) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */

}
/* LIENS */
a.lien-menu:link, a.lien-menu:visited, .text-menu{
	font-family:'../fonts/HelveticaNeueLTPro-Lt';
	font-size:1.62em;
	color:#545454;
	text-decoration:none;
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
}
a.lien-menu:hover, a.lien-menu:active{
	text-decoration:underline;
}
a.lien-menu-gauche:link, a.lien-menu-gauche:visited, a.lien-menu-gauche2:link, a.lien-menu-gauche2:visited, .menu-select{
	display:block;
	font-size:1.1em;
	color:#545454;
	font-family:Helvetica, arial, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
a.lien-menu-gauche:hover, a.lien-menu-gauche:active, a.lien-menu-gauche2:hover, a.lien-menu-gauche2:active{
	text-decoration:underline;
}
/* COMPLEMENTS LIEN MENU HEADER */
#menu-sound{
	cursor:pointer;
}
/* MEDIA QUERIES */