*{
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
	}
	
	*{margin : 0;
	padding : 0;
	}
	
	body {
	font-family: "roboto", helvetica, arial, sans-serif;
	font-size: 17px;
	line-height : 1.5em;
	font-weight : 400;
	color : #78909C;
	}
	
	
/* HEADER///////////////////////////////////////////////////////////////// */
	
	
	#header {
	position : absolute;
	top : 0px;
	width : 100%;
	height : 50px;
	background : rgb(15, 15, 18);
	opacity : 0.95;
	filter : alpha(opacity=95);
	font-size : 13px;
	z-index : 10;
	}
	
	#header > h1 {
	width : 120px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	margin-top : 5px;
	}
	
	#header > h1 > a > img {
	width : 120px;
	}
	
	#header > h1:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);
	}
	
	.nav {
	position : absolute;
	top : 50px;
	z-index : 10;
	width : 100%;
	}
	
	.nav > p {
	text-indent : -9999px;
	width : 28px;
	height : 24px;
	margin-top : -37px;
	float : left;
	margin-left : 10px;
	background : url("../../images/burger.png");
	background-size : 28px 24px;
	}
	
	.nav > p > .menu-trigger {
	clear : both;
	color : #ffffff;
	text-decoration : none;
	line-height : 25px;
	display:block;
	}
	
	.nav > ul > li {
	text-align : left;
	width : 70%;
	border-bottom : 1px solid #373d4c; 
	margin-left : auto;
	margin-right : auto;
	display:block;
	line-height : 55px;
	text-transform : uppercase;
	}
	
	.nav > ul > li:hover {
	background : #262c3b;
	}
	
	.nav > ul > li > a > img {
	width : 30px;
	}
	
	.nav > ul > li > a {
	color:#ffffff;
	display:block;
	text-decoration: none;
	}
	
	.nav > ul {
	display:none;
	background : rgb(15, 15, 20);
	}
	
	.nav_selected {
	color : #00A5ff;
	}
	
	
	.drapeau_es {
	opacity: 1.0;
    filter: alpha(opacity=100); 
		}
	
	.drapeau_es:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); 
		}
	
	.drapeau_pt {
	opacity: 0.6;
    filter: alpha(opacity=60); 
		}
	
	.drapeau_pt:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); 
		}
	
	.drapeau_en {
	opacity: 0.5;
    filter: alpha(opacity=50); 
		}
	
	.drapeau_en:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); 
		}
	
/*Bandeau image */
	
	
	#image_generale {
	height : 380px;
	margin : 0 auto;
	/*line-height : 900px;*/
	text-align : center;
	}
	
	#texte_image {
	height : 82px;
	line-height : 82px;
	color : #ffffff;
	padding-top : 260px;
	width : 100%;
	}
	
	#texte_image_interne {
	display:inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	line-height : 1;
	width : 100%;
	}
	
	#texte_image_interne > h1 {
	text-align : center;
	font-weight : 800;
	font-size : 35px;
	color : #ffffff;
	line-height : 1;
	}
	
	#texte_image_interne > p {
	width : 90%;
	margin-left : 5%;
	margin-top : 5px;
	text-align : center;
	font-weight : 600;
	font-size : 18px;
	color : #ffffff;
	line-height : 1;
	}
	
	
/* FOOTER //////////////////////////////////////////////////////////// */
	
	
/* Footer haut */
	
	
	#footer_haut {
	clear : both;
	width : 100%;
	height : 60px;
	background : #425563;
	text-align : center;
	}
	
	#footer_haut > p > a > img {
	margin-top : 11px;
	width : 115px;
	}
	
	#footer_haut > p > a > img:hover {
	opacity : 0.50;
	filter : alpha(opacity=50);
	}
	
	
/* Footer bas */
	
	
	#footer_bas {
	width : 100%;
	height : auto;
	background : #1e2837;
	text-align : center;
	}
	
	#footer_bas_externe {
	display:inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	line-height : 1.2;	
	width : 90%;
	margin : 0 auto;
	padding-bottom : 30px;
	}
	
	
/* Footer navigation */

	
	.navigation_footer {
	text-align : center;
	line-height : 1.4;
	}
	
	.navigation_footer > h3 {
	font-size : 13px;
	color : #00a5ff;
	font-weight : 300;
	margin-top : 10px;
	margin-bottom : 10px;
	}
	
	.navigation_footer > ul > li {
	list-style : none;
	}
	
	.navigation_footer > ul > li > a {
	text-decoration : none;
	color : #768f9f;
	}
	
	.navigation_footer > ul > li > a:hover {
	color : #c1d1db;
	}
	
	.navigation_footer_selected{
	color : #c1d1db;
	}
	
.bouton_footer {
 /*   display : inline-block;
	zoom: 1;
	*display: inline;
	text-align:center;*/
	clear : both;
	margin-top : 30px;
	margin-bottom:30px;
	margin-left : auto;
	margin-right : auto;
	width : 130px;
	height:50px;    
	filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
	/*background-color:#E32CD1;*/
	}
	
	.bouton_footer img {
	/*margin-right:30px;*/
	width:50px;
	height:50px;
	border:none;
	}
	
	.bouton_footer  a:hover {
    filter: alpha(opacity = 50); /* IE < 8 */
    opacity: 0.5;
	}
	
	.linkedin {
   display : block;
   float:left;
	}
	
	.youtube {
   display : block;
   float:right;
	}
	
/* Mentions */
	
	
	#mentions {
	clear : both;
	width : 100%;
	height : auto;
	background : #18202b;
	}
	
	#mentions > p {
	font-size : 12px;
	width : 80%;
	margin-left : auto;
	margin-right : auto;
	padding-top : 15px; 
	padding-bottom : 5px;
	text-align : center;
	color : #4c6270;
	}
	
	#mentions > p > img {
	margin-top : 5px; 
	}