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


/* menu---------------------------------------------------- */
#accueil{
max-height:210px; 
}
#icone-smart{
margin-right:30px;
}
/* header---------------------------------------------------- */

#logo{
z-index:1;
top:30px;
left:0%;
margin:0 auto;
float:none;
background: url("../img/noir.svg") left 0 no-repeat;
}
#l1{
height:170px;
text-align:center;
border-bottom: dotted 1px #cacaca;
background: url("../img/01.png") center 0 no-repeat;
top:50px;
}
#l2{
height:170px;
text-align:center;
background: #eee;
border-bottom: dotted 1px #cacaca;
background: url("../img/02.png") center 0 no-repeat;
top:50px;
}
#l3{
height:170px;
text-align:center;
background: #eee;
border-bottom: dotted 1px #cacaca;
background: url("../img/03.png") center 0 no-repeat;
top:50px;
}
#espace{
width:100%;
height:54px;
}
#rmtit a{
top:40px;
}
#rmtit{  
font-size:1.3em;
left:0px;
top:43px; 
}

/* atelier---------------------------------------------------- */
#slide4{
height:1000px;
}
#presentation{
width:250px;
height:150px;
margin: 0 auto;
text-align:center;
font-size:0.8em;
letter-spacing:1px;
}
#span{ 
margin: 0 auto;
text-align:center;
padding-top:50px;
padding-bottom:5px;
letter-spacing:1px;
font-size:2em;
line-height:32px;
}
#chapeau{ 
width:100%;
text-align:center;
float:none;
font-size:0.67em;
line-height:22px;
}
#petit{ 
margin-top:40px;
width:100%;
text-align:center;
float:none;
font-size:0.62em;
line-height:22px;
margin-left:0%;
letter-spacing:1px;
}
/* contact---------------------------------------------------- */
#slide8{
height:850px;
}
#coordonees{ 
width:100%; 
margin-top:50px;
}
#coordonees span{ 
padding-top:100px;
width:100%;
text-align:left;
color:#293239;
float:left;
font-size:1.3em;
line-height:45px;
}
#coordonees #at{ 
text-align: center; 
padding-top:5px;
}
#texte{ 
width:100%;
margin:0 auto;
}
/* 1*/
#picto1{ 
max-width:100%;
height:30px;
margin:0 auto;
float:none;
}
#picto1 img{ 
width:30px;
height:30px;
margin-top:25px;
margin-bottom:25px;
margin:0 auto;
}
#adresse1{ 
padding-top:15px;
padding-left:0px;
width:100%; height:100px;
text-align:center;
color:#000;
float:none;
}
/* 2*/
#picto2{ 
max-width:100%;
height:30px;
margin:0 auto;
float:none;
}
#picto2 img{ 
width:30px;
height:30px;
margin-top:25px;
margin-bottom:25px;
margin:0 auto;
}
#tel2{ 
padding-top:15px;
padding-left:0px;
width:100%; height:100px;
text-align:center;
color:#000;
float:none;
}
/* 3*/
#picto3{ 
max-width:100%;
height:30px;
margin:0 auto;
float:none;
}
#picto3 img{ 
width:30px;
height:30px;
margin-top:25px;
margin-bottom:25px;
margin:0 auto;
}
#mail3-smart{ 
text-align:center;
margin:0 auto;
float:none;
padding-left:0px;
}
/* bouton mail*/
.box {
 margin:0 auto;
position: relative;
}
#photo{ 
display:none;
}
/* footer---------------------------------------------------- */

.texte3{ 
border-bottom :none;
}
#slidefooter .simple_overlay{ 
height:400px;
}
#tdr{ 
text-align:center;
width:100%;
float:none;
}
.texte3 .customOverlay{ 
padding-top:0px;
text-align:center;
width:100%;
float:none;
}
}















