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


body {
	
	 position: absolute;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     height: 580px;
	 background:#FFFFFF;
	 color:#000000;
	 font:10px, Helvetica, Arial;	
	 text-transform:uppercase;
}



#sections {
	width:35390px; /*----- ajouter 950 à chaque photo ajoutée -----*/
}



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



ul li {
	float: left;
	margin-right: 75px;
}




.item-1A {
 padding-left:75px;
}











/*--------------------------*/


#header {
	position:fixed;
	top:50%;
	margin-top:-32px;
	padding-left: 20px;
}


.description {	
	
	font-family: Helvetica, Arial;
	text-transform: none;
	line-height:9px;
	font-size:9px;
	color:#666;
	text-transform:uppercase;
	color:#000000;
	font-weight:normal;
	text-align:right;
	
}

.logo {
	 width:195px;
	 height: auto;

}



a {
	text-decoration:none;
	color:#000000;
	padding-left:2px;
	float:left;
	font:10px, Helvetica, Arial;	
	
}





.btn {
       text-decoration:none;
	color:#000000;
	padding-left:2px;
	float:left;
	font:10px, Helvetica, Arial;	
    }

    

/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*-------_--MOBILE----------*/
/*--------------------------*/
/*--------------------------*/



/*----------IPHONE6------------*/

@media (max-width: 667px) 
and (orientation: portrait)
{

	body {
	
	 position: absolute;
     margin: auto;
     right: 0;
     bottom: 0;
     left: 0;
	 top: 85px;
	 background:#FFFFFF;
	 color:#000000;
	 font:10px, Helvetica, Arial;	
	 text-transform:uppercase;
	 
	 
}


#wrapper {
	 top:-15px;
	 padding-top:32px;
	 
	
	
}


#sections {
	width:100%; /*----- ajouter 925 à chaque photo ajoutée -----*/
	z-index:1;
	
}




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



ul li {
	float: none;
	margin-bottom:42px;
	margin-left:5px;
	margin-right:5px;
	
}



.item-1A {
 padding-left: 0;

}
.item-1B {
 padding-bottom: 42px;
}


img {
	width:100%; /*----- ajouter 925 à chaque photo ajoutée -----*/
	 
}




.description {
        display: none !important;
    }


#header {
	position:absolue;
	top: 0;
     right: 0;
     bottom: 0;
	 left:0;
	 margin:0;
	 padding:0;
	 text-align:center;
	 padding-top:12px;
	 
	z-index:4;
	
}

.logo {
	 width:180px;
	 z-index:4;
	

}



.all {
	top: 0;
     right: 0;
     bottom: 0;
	 left:0;
	 margin-top:15px;
	 padding:0;	
}



  
   
}





/*----------IPHONE6------------*/

@media (max-width: 667px) 
and (orientation: landscape)
{
body {
	
	 position: absolute;
     margin: auto;
     top: 0px;
     right: 0;
     bottom: 0;
     left: 0;
	 height: 300px;
	 background:#FFFFFF;
	 color:#000000;
	 
	 text-transform:uppercase;
}







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



ul li {
	float: left;
	margin-right:50px;
	margin-bottom:0;
}




.item-1A {
 padding-left: 50px;
}







img {
	width:420PX; /*----- ajouter 925 à chaque photo ajoutée -----*/
	
}




/*--------------------------*/


#header {
	position:fixed;
	top:50%;
	margin-top:-40px;
	padding-left: 4px;
}


.description {	
	
	font-family: Helvetica, Arial;
	text-transform: none;
	line-height:4px;
	font-size:8px;
	color:#666;
	text-transform:uppercase;
	color:#000000;
	font-weight:normal;
	text-align:right;
	
}

.logo {
	 width:180px;
	 height: auto;

}



a {
	text-decoration:none;
	color:#000000;
	padding-left:2px;
	float:left;
	font:10px, Helvetica, Arial;	
	
}





.btn {
       text-decoration:none;
	color:#000000;
	padding-left:2px;
	float:left;
	font:10px, Helvetica, Arial;	
    }

    
   
}