/* Styles pour mobile portrait */
@media only screen and (max-width : 330px) {

.navigation{ display: none}
.decal254{margin-left: 0px}
.titrepages {text-align: center; margin-left: 0px;}
.container>.navbar-header{background-color: #007171;}

.shootingpage {width: 100%; background-color: #000; height: 100%;}
.imagecovergipsy {
  background: url(../images/shooting/BG-gypsy.png) no-repeat center;
  height: 500px;
  opacity: 0.4;
  background-size: cover;
}
.imagecoverlilly {
  background: url(../images/shooting/BG-lilly.png) no-repeat center;
  height: 500px;
  opacity: 0.4;
  background-size: cover;
}

 .description {
     display: none;
     }  
.byebye{display: none;}
}

/* Styles pour petit portrait sup iphone*/
@media only screen and (min-width : 330px) and (max-width : 900px){

.byebye{display: none;}
    
 

}



/* Styles pour mobile landscape */
@media only screen and (min-width : 321px) {
.container>.navbar-header{background-color: #007171;}
.navigation{ display: none}
.titrepages {text-align: center; margin-left: 0px;}
    footer {margin-left: 0px !important;} 

}



/* Styles pour ipad portrait*/

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.container {width: 780px}
.decal254{margin-left: 0px}
.navigation{ display: none}
.titrepages{text-align: center;}
.container>.navbar-header{background-color: #007171;}
.container>.navbar-collapse{ display: none}
.navbar{ display: none}

.shootingpage {width: 100%; background-color: #000}
.imagecovergipsy {
  background: url(../images/shooting/BG-gypsy.png) no-repeat center;
  height: 500px;
  opacity: 0.4;
  background-size: cover;
}
.imagecoverlilly {
  background: url(../images/shooting/BG-lilly.png) no-repeat center;
  height: 500px;
  opacity: 0.4;
  background-size: cover;
}

}




@media only screen and (min-width : 960px) {
.decal254{margin-left: 254px}
.titrepages{text-align: center; }
.navbar{ display: none}
.navigation{ display: block}
.white{margin-left: 254px;display: block;position: absolute;height: 900px;}

#map {
  width: 100%;
  height: 360px;
  background-color: aliceblue;
  margin-bottom: 40px;
}

.shootingpage {
  width: 85%;
  position: fixed;
  float: right;
  background-color: #000;
  height: 100%;
}

.imagecovergipsy{ background: url(../images/shooting/BG-gypsy.png) no-repeat; width: 100%; height: 100%; opacity: 0.4;  background-size: cover;}
.imagecoverlilly{ background: url(../images/shooting/BG-lilly.png) no-repeat; width: 100%; height: 100%; opacity: 0.4;  background-size: cover; }

.imagecovergipsy:hover{opacity: 1}
.imagecoverlilly:hover{opacity: 1}

}



/* Styles pour ipad landscape */
@media only screen and (min-width : 768px) and (max-width : 1034px) and (orientation : landscape) {

.white .container {width: 760px}
.white{margin-left: 254px}

.shootingpage {width: 100%; height: 100%;}
}



/* PORTRAIT TABLETS */ 
@media (min-width: 768px) and (max-width: 979px) {
 
    .navbar-collapse {
        width: 100%;        
        display: none !important;
    }
 
    #.navbar-collapse.in {
        display: block !important;
    }
 
    .navbar-toggle {
        display: block !important;
    }
 
    #main-menu,
    #main-menu li,
    #main-menu li a {
        width: 100%;
        display: block;
    }
 
}





/* Styles pour bigscreen */
@media only screen and (min-width : 1824px) {
	.decal254{margin-left: 254px}
    .white{margin-left: 254px}

}