/* ////////////////////// */
/* ////////////////////// */
/* /////      3      //// */
/* ////////////////////// */
/* ////////////////////// */



@media only screen and (max-width:700px){
#slide6{
height:850px;
}
.nonesmart{
display: none;
}
.scrollable {
width:570px;
height:360px;    
}
.items div {
padding-top:60px;
width:570px;
}
.scrollable img {
width:29%;
}
.scrollable .customOverlay img:hover {
width:30%;
}
.scrollable img {
margin-right:4px;
margin-left:4px;
}
.simple_overlay { 
width:515px;
height:320px;
}
.simple_overlay img{ 
margin-top:-40px;  
width:320px;
height:320px;
}
/* /////////////////FLECHES//////////////////////// */
a.left{ 
background: url("../img/ls.png") center 0 no-repeat;
width:40px;
height: 40px;
}
a.right{ 
background: url("../img/rs.png") center 0 no-repeat;
width:40px;
height: 40px;
}
a.left:hover { 
background: url("../img/los.png") center 0 no-repeat;
width:40px;
height: 40px;
right:5px;
}
a.right:hover { 
background: url("../img/ros.png") center 0 no-repeat; 
width:40px; 
height: 40px;
left:5px;  
}
a.disabled {
background: url("../img/ds.png")center 0 no-repeat !important;   
}
#fleches1{  
width:120px;
height:30px; 
top:-30px !important; 
}
.details {  
}
/* /////////////////CLICK//////////////////////// */
.onglets{
width:300px;
}
.onglets li{
margin-right:20px;
font-size: 1.0em;
}
.onglets .active, .container .slide ul li{
background:url(../img/lias.png) center;
}
.slide ul li:hover{
}
}

@media only screen and (max-width:650px){
.scrollable {
width:530px; 
}
.items div {
width:530px;
}
.scrollable img {
margin-right:0px;
margin-left:0px;
} 
.simple_overlay { 
width:480px;
height:330px;
}  
}

@media only screen and (max-width:600px){
#slide6{
height:870px;
}
.scrollable {
width:490px;
height:360px;    
}
.items div {
width:490px;
}
.scrollable img {
width:30%;
}
.scrollable .customOverlay img:hover {
width:31%;
}
.simple_overlay { 
width:445px;
} 
.simple_overlay img{ 
margin-top:-20px;  
width:325px;
height:325px;
}
}

@media only screen and (max-width:550px){
#slide4{
 width:85%;
}
#slide6{
 width:85%;
}
.scrollable {
width:460px; 
} 
.items div {
width:460px;
}
.simple_overlay { 
width:430px;
}

}
@media only screen and (max-width:520px){
.simple_overlay { 
width:420px;
}
}


@media only screen and (max-width:512px){

#slide4{
 width:80%;
}
#slide6{
 width:80%;
 height:850px;
}
.scrollable {
top:50px !important; 
width:400px;
height:380px; 
} 
.items div {
padding-top:40px;
width:400px;
}
.simple_overlay { 
width:370px;
height:330px;

} 
.simple_overlay img{ 
width:300px;
height:300px;
margin-top:-50px; /* /!!!!pas +/ */
margin-left:40px; 
}
#fleches1{
margin:0 auto;  
float:none;
width:120px;
height:50px;
top:50px !important; 
}
.block_overlay .simple_overlay .close {
top:220px;
}
.details {  
top:270px;   
position:relative;
width:400px;
}
/* /////////////////CLICK//////////////////////// */
.slide{
margin-top:70px;   
}
.onglets{
height:30px;
width:300px;
margin:0 auto;
}
.onglets li{
height:30px;
margin-right:20px;
}
.onglets .active, .container .slide ul li{
border-bottom:solid 1px #e76435;
background:#fafafa;
height:30px;
}
.slide ul li:hover{
height:30px;
}
}



/* ////////////////////// */
/* ////////////////////// */
/* /////      2      //// */
/* ////////////////////// */
/* ////////////////////// */


@media only screen and (max-width:470px){
.nonesmart2{
display: none;
}
#slide4{
 width:90%;
}
.scrollable img {
width:45%;
}
.scrollable .customOverlay img:hover {
width:46%;
}
.simple_overlay img{  
margin-left:30px; 
width:300px;
height:300px;
}
#slide6{
 width:90%;
}
.block_overlay .simple_overlay .close {
right:20px;
}
.details { 
right:20px; 
top:270px;  
position:relative;
width:80%;
}

/* /////////////////CLICK//////////////////////// */
.onglets{
height:30px;
width:280px;
margin:0 auto;
}
.onglets li{
height:30px;
margin-right:10px;
}
.onglets .active, .container .slide ul li{
font-size: 1em;
}

.slide ul li:hover{
font-size: 1em;
height:30px;
}
}
@media only screen and (max-width:420px){
.scrollable {
top:50px !important; 
width:370px; 
} 
.items div {
width:370px;
}
.simple_overlay { 
width:350px;
}
.simple_overlay img{  
margin-left:10px; 
width:300px;
height:300px;
}
#slide6{
height:850px;
}
}


@media only screen and (max-width:400px){
.simple_overlay { 
width:334px;
}
.simple_overlay img{  
width:300px;
height:300px;
}
}

@media only screen and (max-width:370px){
.scrollable {
top:50px !important; 
width:320px; 
} 
.items div {
width:320px;
}
.simple_overlay { 
width:300px;
}
.simple_overlay img{  
width:280px;
height:280px;
}
}
@media only screen and (max-width:350px){
.simple_overlay { 
width:290px;
}
.simple_overlay img{   
width:270px;
height:270px;
}

}
@media only screen and (max-width:320px){
.scrollable {
width:300px; 
} 
.items div {
width:300px;
}
.simple_overlay { 
min-width:270px;
}
.simple_overlay img{  
margin-left:0px; 
}
#slide4{
min-width:280px;
}
#slide6{
min-width:280px;
}
}