@media only screen and (max-width: 1000px){
/*------------------------------------*\
    LOADER
\*------------------------------------*/
.circle {
margin-top:52px;
}
/* menu-GLOBAL---------------------------------------------------- */
#accueil{
height:120px; 
}
#menu-global{ 
display:none;
}
#menu-global.fixe { 
display:none;
}
#top-menu {
left:-18px;
}
/* menu-SMART---------------------------------------------------- */
#nav-smart{
background: #fff;
z-index:10000000000000000000000000;
display:block;
height:0px;
margin-top:-15px;
}
#icone-smart{
background: #fff;
cursor: pointer;
width:30px;
height:30px;
float:right;
margin-right:50px;
}
nav{
padding-top:30px;
background:#fff;
min-height:340px;
width:100%;
}
.bandeau{
z-index:10000000000000000000000000;
font-size:0.99em;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight:300;
letter-spacing:0.19em;
text-transform:uppercase;
color:black;
text-align: left;
width: 100%; height:52px;
padding-top:18px;
padding-left:15%;
float: none;
cursor: pointer;
}
 .bandeau:hover{
background:#f8f8f8;
}
#ligne{
border-bottom: solid #eee 1px;
}
#fin{
border-bottom: solid #fff 1px;
}
.img-x{
z-index:10000000000000000000000000;
opacity:0.6;
}
.img-x:hover{
opacity:1;
}
#fermer{
padding-top:10px;
height: 55px;
}
.bandeau  a:hover{
color:#e76435;
}
.bandeau  a{
text-decoration: none;
color:#000;
}
#instagram{
opacity:0.6;
}
#instagram:hover{
opacity:1;
}
/* header---------------------------------------------------- */
#header{
height:127px; 
}
#logo{
z-index:1;
}
#slidevisu{
height:85vh;
}
/* atelier---------------------------------------------------- */
#slide4{
height:950px;
}
#photoatelier{
background: url("../img/image5.jpg") center 0 no-repeat;
width:100%;
height:500px;
color:#fff;
margin-top: -16px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
-khtml-background-size:cover;
background-size:cover;
font-weight: 200px;
line-height:55px;
font-size:45px;
}
/* galerie---------------------------------------------------- */
#photogalerie{
background: url("../img/image2.jpg") center 0 no-repeat;
width:100%;
height:500px;
color:#fff;
margin-top: -16px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
-khtml-background-size:cover;
background-size:cover;
font-weight: 200px;
line-height:55px;
font-size:45px;
}
/* contact---------------------------------------------------- */
#texte{ 
width:40%;
}
#photo{ 
background:url("../img/boutiquetab.svg")right no-repeat;
max-width:60%;
}
/* map---------------------------------------------------- */
#map{
height:500px;
}
/* footer---------------------------------------------------- */
#footer{
height:550px;
}


@media only screen and (max-width: 850px){
/* atelier---------------------------------------------------- */
#slide4{
height:950px;
}
#chapeau{ 
width:100%;
font-size:0.69em;
line-height:25px;
}
#petit{ 
margin-top:30px;
width:100%;
font-size:0.66em;
line-height:25px;
margin-left:0%;
}
/* contact---------------------------------------------------- */
#texte{ 
width:50%;
float:left;
}
#photo{ 
background:url("../img/boutiquesmart.svg")right no-repeat;
max-width:50%;
}
}

@media only screen and (max-width:800px){
/* atelier---------------------------------------------------- */
#slide4{
height:1050px;
}
#presentation{
width:250px;
height:210px;
}
}

@media only screen and (max-width:700px){
/* atelier---------------------------------------------------- */
#slide4{
height:1100px;
}
#picto3 img{ 
margin-top:25px;
margin-bottom:25px;
}
#mail3{ 
display:none;
}
#mail3-smart{ 
display:block;
padding-top:25px;
padding-left:20px;
width:80%;height:100px;
text-align:left;
color:#000;
float:left;
font-family: 'Fira Sans', sans-serif;
letter-spacing:2px;
font-size:0.67em;
line-height:25px;
}
#photo{ 
background:url("../img/boutiquesmart2.svg")right no-repeat;
max-width:50%;
}
}

}