/* =The style for the lab
-------------------------------------------------------------- */
#flag{
	position: fixed;
	z-index: 0;
	margin-left: 540px;
	margin-top: 188px;
}

.zindex{
	z-index: 2;
	position: relative;
}

#sidebar {
    float:left;
}

#content {

}


/* pour que toute les div contenues dans les sections soient au-dessus du logo "chimera-milano" – ne pas oublier de les mettre en relative */
section > div{
	z-index: 10;
	position: relative;
}

/* navigation */

.return{
	float:left;
	text-transform: uppercase;
	font-size:16px;
	top: 130px;
	margin-left: 10px;
	position: absolute;
	position:fixed;
	z-index:30;
}

.return a{
	font-family: 'simplon_edu_monobold';
}

nav {
    background-color:white;
    padding: 10px;
 	text-transform: uppercase;
 	position: fixed;
  	left: 20;   	
  	top: 120px;
  	z-index: 10;
 }
 	

nav.stick {
        margin-left: 180px;
}


nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

nav li {
}

nav li a {
    color:black;
    font-family: 'simplon_edu_monobold';
}

a.nav-active {
    color: red;
}


hr {
    border: none;
    background-color: blue;
    height: 12px;
    margin-bottom: 18px;
}

#restau{
	float: left;
    position: relative;
    background-color: blue;
}

/****************************************header_site*/

.wrapper_menu{
	width:960px;
	margin:0 auto;
	position:relative;
}

header{
	background-color: white;
	color:green;
	z-index: 4;
	margin-top: 40px;
}

/*HOME*/

.ville_adresse{
	padding: 20px 20px 20px 20px;
	margin: 60px 0px 60px 0px;
	background-color: #ffea00;
	float:left;
}

#home{
	background-color: #ffea00;
	float: left;
	z-index:0;
	width:100%;
	
}

.wrapper_home{
	width:960px;
	margin: 0 auto;
	position:relative;

}

#txt_home{
	float:left;
	margin-left: 210px;
	padding: 30px 30px 30px 30px ;
	background-color: white;
	margin-top: 30px;
	z-index:4;
}

#txt_home2{
	float:left;
	margin-top: 126px;
	margin-left: 210px;
	padding: 50px ;
	background-color: white;
	margin-bottom: 80px;
	z-index:4;
}


.bienvenue{
	font-size: 45px;
 	text-transform: uppercase;
 	background-color :white;
 	padding: 20px;
 	float: left;
 	z-index: 4;
 	margin-top: 203px;
 	letter-spacing: 3px; 
}

.bienvenue2{
	font-size: 45px;
 	text-transform: uppercase;
 	background-color :white;
 	padding: 20px;
 	float: left;
 	z-index: 4;
 	margin-top: 300px;
 	letter-spacing: 3px; 
}


.translate{
	text-transform: uppercase;
    text-decoration:none;
    margin-left: 581px;
    position: relative;
    z-index:4;
    float:right;
}

.langue{
	color: black;
	padding: 5px 0px;
    float:left;
    margin:0px 20px 0px 0px;
    z-index:4;
}

.langue2{
	color: black;
	padding: 5px 0px;
    float:left;
    margin:0px 0px 0px 0px;
    z-index:4;
}

.langue a:hover {
  color: blue;

}



/*//////////////////////////////////////RESTAURANT*/

h1{
    font-family: 'simplon_edu_monobold';
}

#cache{
	visibility: hidden;
}

.cache_accueil{
	visibility: hidden;
}


h6{
	font-size:0.00001px;
}

#restaurant{
	background-color: blue;
	float: left;
	z-index:0;
	width:100%;
	
}

.wrapper_restaurant{
	width:960px;
	margin: 0 auto;
	position:relative;
	margin-bottom: 120px;

}


#brazil{
	background-color:white;
	padding: 90px 90px 90px 90px;
	position:relative;
	float:left;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	margin:151px 0px 0px 180px;
	
}

#brazil:hover{
		background-image:url('../img/web/brazil03.jpg');
}

#inde{
	background-color:white;
	position:relative;
	float:left;
	margin:350px 0px 0px 0px;
	padding: 90px 90px 90px 90px;

}

#inde:hover{
		background-image:url('../img/web/inde03.jpg');
}

#erythree{
	background-color:white;
	position:relative;
	float:left;
	margin:0px 33px 0px 0px;
	padding: 90px 90px 90px 90px;
}

#erythree:hover{
		background-image:url('../img/web/erythreen04.jpg');
}

#italie{
	background-color:white;
	position:relative;
	float:left;
	margin:200px 0px 0px 45px;
	padding: 90px 90px 90px 90px;
}

#italie:hover{
		background-image:url('../img/web/italie01.jpg');
}

#japon{
	background-color:white;
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 90px 90px 90px 90px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
}

#japon:hover{
		background-image:url('../img/web/japon01.jpg');
}

#liban{
	background-color:white;
	position:relative;
	float:left;
	margin:50px 0px 0px 0px;
	padding: 90px 90px 90px 90px;		
}

#liban:hover{
		background-image:url('../img/web/liban01.jpg');
}

#suisse{
	background-color:white;
	position:relative;
	float:left;
	margin:60px 0px 0px 230px;
	padding: 90px 90px 90px 90px;
}

#suisse:hover{
		background-image:url('../img/web/ss4.jpg');
}

#portugal{
	background-color:white;
	position:relative;
	float:left;
	margin:40px 0px 0px 18px;
	padding: 90px 90px 90px 90px;

}

#portugal:hover{
		background-image:url('../img/web/portugal07.jpg');
}

#senegal{
	background-color:white;
	position:relative;
	float:right;
	margin:110px -10px 9px 40px;
	padding: 90px 90px 90px 90px;
}

#senegal:hover{
		background-image:url('../img/web/s1.jpg');
}

#vietnam{
	background-color:white;
	position:center;
	float:left;
	margin:111px 0 218px 271px;
	padding: 90px 90px 90px 90px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
}

#vietnam:hover{
		background-image:url('../img/web/viet3.jpg');
}

/*/////////////projet/////////////*/

#projet{
	background-color:;
	float: left;
	z-index:0;
	width:100%;
}

.wrapper_projets{
	width:960px;
	margin: 0 auto;
	position:relative;

}

#cache2{
	visibility: hidden ;
}


#projet1{
	background-color: white;
    float: left;
	margin: 203px 0px 0px 301px;
    padding: 20px;
    position: relative;
    z-index: 4;
}

img_projet1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#projet2{
	background-color: white;
    float: left;
	margin: 60px 0 0 430px;
    padding: 60px 20px 60px 100px;
    position: relative;
    z-index: 4;
}


#projet3{
	background-color: white;
    float: left;
	margin:80px 0px 0px 300px;
    padding: 75px 20px 60px 100px;
    position: relative;
    z-index: 4;
    
}


#projet4{
	background-color: white;
    float: right;
    padding: 20px;
    position: relative;
    z-index: 4;
    margin:80px 0px 120px 0px;

}


.rotation1{
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	position: absolute;
	left:-129px;
	top:180px;	
}

.rotation2{
	padding: 0px;
	margin: 0px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	position: absolute;
	left:-90px;
	top:214px;	
}


/*/////////////identité/////////////*/

#identite{
	background-color: black;
	float: left;
	z-index:0;
	width:100%;
	padding-bottom:151px;

}

.wrapper_identite{
	width: 960px;
	margin:0 auto;
	position:relative;
	margin-bottom: 120px;
}

.recherches{
	color: black;
	background-color:white;
	padding: 130px 230px 130px 30px;
	position:relative;
	float:left;
	margin: 46px 0 0 252px;	
}

.recherches:hover{
	color: #d7d7d7;
}

.plans{
	color: black;
	background-color:white;
	padding: 150px 269px 150px 30px;
	position:relative;
	float:left;
	margin: 46px 0 0 407px;	
}

.plans:hover{
	color: #d7d7d7;
}


.installations{
	color: black;
	background-color:white;
	padding: 150px 220px 150px 30px;
	position:relative;
	float:left;
	margin: 66px 0 0 304px;	
}

/*

.installations:hover{
	color: #d7d7d7;
}

*/
/*contact*/

#contact{
	float: left;
	z-index: 0;
	width:100%;
}

.wrapper_contact{
	margin: 0 auto;
	width:960px;
	position:relative;

}

.contact_footer{
	padding: 20px 20px 20px 20px;
	margin: 60px 0px 60px 0px;
	background-color: #ffea00;
	float:right;
}

.mail{
	font-weight: 900;
}

.tel{
	line-height: 0.8;
}


#footer{
	background-color: yellow;
	margin-left: 600px;
	z-index:4;
}

#menu2{
    background-color:#fff;
    float:left;
    width:960px;
    margin:0px 0px 40px 0px;
    padding:0px 0px 0px 0px;

}

/*////////////////projet | camera_macula/////////////////*/

#camera_macula{
	background-image: url('../img/bruit.jpg');
	background-repeat: -y x;
	float: left;
	padding: 0px 0px 0px 0px;
	z-index:0;
}

#culina_rapida{
	background-image: url('../img/bruit.jpg');
	background-repeat: -y x;
	float: left;
	padding: 0px 0px 0px 0px;
	z-index:0;
}

#citta_aquaria{
	background-image: url('../img/bruit.jpg');
	background-repeat: -y x;
	float: left;
	padding: 0px 0px 0px 0px;
	z-index:0;
}

#musica_cromatica{
	background-image: url('../img/bruit.jpg');
	background-repeat: -y x;
	float: left;
	padding: 0px 0px 0px 0px;
	z-index:0;
}


/*//////////////// ARTICLES DES PROJETS/////////////////*/

#camera_macula{
	float: left;
	z-index:0;
	width:100%;

}

.wrapper_camera_macula{
	width: 960px;
	margin:0 auto;
	position:relative;
}

/*////////////////////////////////*/

#culina_rapida{
	float: left;
	z-index:0;
	width:100%;

}

.wrapper_culina_rapida{
	width: 960px;
	margin:0 auto;
	position:relative;
}

/*////////////////////////////////*/

#citta_aquaria{
	float: left;
	z-index:0;
	width:100%;

}

.wrapper_citta_aquaria{
	width: 960px;
	margin:0 auto;
	position:relative;
}

/*////////////////////////////////*/

#musica_cromatica{
	float: left;
	z-index:0;
	width:100%;
}

.wrapper_musica_cromatica{
	width: 960px;
	margin:0 auto;
	position:relative;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!REMERCIEMENTS*/

#remerciements{
	float: left;
	z-index:0;
	width:100%;
	background-color: blue;
}

.wrapper_remerciements{
	width: 960px;
	margin:0 auto;
	position:relative;
}

.remerciements{
	font-size: 11px;

}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!CSS LIGHTBOX IMAGES */