.hide{
display: none !important;
}

.argu{
width:100%;
height:655px;
margin:0 auto;
}
.argu figure{
width:100%;
height:455px;
margin:0 auto;
}
#projet{   
top:-20px;
padding-bottom:20px;
height:780px;
width:100%; 
margin:0 auto;
}


.scrollable {
clear:both;
position:relative;
overflow:hidden;
width:1050px;
height:860px;
margin:0 auto;      
}

div .scrollable #scrollable{
}

.scrollable .items {   
width:20000em;
position:absolute;
clear:both;
}

.items div {
padding-top:90px;
float:left;
width:1050px;
}

.scrollable img {
float:left;
padding:0px;
width:23%;
height:auto;
margin-right:5px;
margin-left:5px;
cursor:pointer;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.scrollable .customOverlay img:hover {
width:24%;
}

.scrollable .active {
position:relative;
cursor:default;
}

/* FLECHES */

a.browse { 
margin:5px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
    -ms-border-radius:25px;
border-radius:25px;  
display:inline-block;
width:50px;
height:50px;
float:left;
cursor:pointer;
}

a.left{ 
background: url("../img/l.png") right 0 no-repeat;
width:50px;
height: 50px;
right:0px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
a.right{ 
background: url("../img/r.png") right 0 no-repeat;
width:50px;
height: 50px;
left:0px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
a.left:hover { 
background: url("../img/lo.png") right 0 no-repeat;
right:10px;
}
a.right:hover { 
background: url("../img/ro.png") right 0 no-repeat;    
left:10px;
}
a.disabled {
background: url("../img/d.png") right 0 no-repeat !important;
left:0px !important;
right:0px !important;    
}

#fleches1{  
float:right;
width:120px;
height:50px;
top:-40px !important; 
}

/*OVERLAY*/


/* the overlayed element */
.simple_overlay {   
border:none;
background: #fafafa; 
cursor:crosshair;
display:none;
z-index:10000;
width:100%;
height:570px;
position:absolute;
}

.simple_overlay img{ 
margin-top:-80px;    
border:none;
background: #fafafa; 
cursor:crosshair;
width:790px;
height:790px;
margin-left:70px;
}
 

/* close button positioned o
n upper right corner */

.block_overlay .simple_overlay .close {
top:70px;
z-index:10000;
background-image:url(../img/closef.png); 
position:absolute;
right:50px;
cursor:pointer;
height:50px;
width:50px;
float:right;
opacity:0.7;
}
.block_overlay .simple_overlay .close:hover {
background-image:url(../img/closef.png); 
opacity:1;
}
.details {   
right:40px;   
z-index:1000000000000000;
position:relative;
text-align:right;
width:400px;
float:right;
color:#5a6064;
font-family: 'Fira Sans', sans-serif;
font-weight:300;
font-size:1em;
line-height:25px;
letter-spacing:1px;
}

.details a{
color:#000;
}


/* /////////////////CLICK//////////////////////// */

.hide{
display: none;
}
.slide{
margin-top:110px;   
width:100%;
height:50px;
}
.onglets{
margin-left:-36px;
cursor:pointer;
list-style-type: none;
width:500px;
height:60px;
}
.onglets li{
height:60px;
color:#5a6064;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight:300;
font-size: 1.10em;
letter-spacing:2px;
margin-left:0px;
margin-right:40px;
color:#737373;
display: inline-block;  
}
.onglets .active, .container .slide ul li{
height:60px;
color:#ed5045;
font-weight:300;
background:url(../img/lia.png) center;
}

.slide ul li:hover{
color:#ed5045;
height:60px;
}