@media (min-width: 1200px) {
  .firstlayout {
	height:auto;
  }
}

@media (max-width: 1200px) {
  .firstlayout {
	  height:auto;
  }
}

@media (max-width: 802px) and (min-width: 400px) {
  .firstlayout {
	  height:auto;
  }
  .header .navbar_plein .nav-item-child {
	background-color:rgba(255,255,255,1)!important;
}
}

.img {
	display:inline-block;
	margin: 10px;
}

.input-style {
	background-color:#fff;
	border:2px solid #000;
	padding:10px;
	font-size:12pt;
	margin-bottom:30px;
	width:100%;
}

.header .nav-item-child {
	padding: 12px;
	font-size: 7pt;
}

.navbar {
	border:0px solid #fff!important;
	background-color:rgba(255,255,255,0)!important;
}
.navbar_plein {
	border:0px solid #fff!important;
	background-color:rgba(255,255,255,1)!important;
	/*height:130px!important;*/
}

.btn_class {
	background-color:#fff;
	border:2px solid #000;
	padding:10px;
	font-size:12pt;
	color:#000;
	font-weight:bold;
}
.btn_class:hover {
	background-color:#000;
	border:2px solid #000;
	padding:10px;
	font-size:12pt;
	color:#fff;
	font-weight:bold;
}

.btn_menu {
	border:1px solid #000;
	font-weight:bold;
	padding:10px;
	color:#000;
	background-color:#fff;
	margin-right:10px;
}
.btn_menu:hover {
	background-color:#000;
	color:#fff;
}
.act {
	border:1px solid #000;
	font-weight:bold;
	padding:10px;
	color:#fff;
	background-color:#000;
	margin-right:10px;
}

.fondimg {
	display:block;
	position:absolute;
	font-weight:bold;
	background-color: rgba(255,255,255,0.8);
	width:100%;
	height:100%;
}
.fondimg:hover {
	display:none;
}

.ok {
	font-size:12pt;
	color:#01950a;
}
.not {
	font-size:12pt;
	color:#950101;
}

.stylish_cadre {
	display:inline-block;
	width:350px;
	height:350px;
}
.stylish_cadre .style_photo {
	position:relative;
	background-size:auto 300px;
	background-position:center center;
	width:300px;
	height:240px;
	margin-left:25px;
	color:#fff;
}
.stylish_cadre .stylish_text {
	position:absolute;
	color:#fff;
	padding-left:10px;
	background-color:#000;
	width:auto;
	padding-right:10px;
	line-height:40px;
	margin-top:30px;
}
.stylish_cadre .stylish_btn {
	position:relative;
	background-color:#fff;
	color:#000;
	border:2px solid #000;
	margin-top:30px;
	margin-left:25px;
	width:300px;
	height:30px;
}

.cadre {
	display:none;
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background-color:#fff;
	overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: scroll; /* Add vertical scrollbar */
	z-index:10000;
}

.mur {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background-color:#fff;
	overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: scroll; /* Add vertical scrollbar */
	z-index:400;
}

.imagery {
	display:inline-block;
	margin-right:20px;
}
.origine {
	width:auto;
	height:350px;
	background-position:center;
	background-size:auto 500px;
}

.thumb {
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
	height:60px;
	width:80px;
	margin-right:20px;
	cursor:pointer;
	background-position: center;
	background-size: 100px auto;
}

.cadre_img {
	display:inline-block;
	background-color:#fff;
	border:1px solid #a5a5a5;
	width:50px;
	height:50px;
	text-align:center;
	vertical-align:center;
	font-size:20pt;
	margin-right:10px;
}

@media only screen and (max-width: 960px) {
  .imagery {
	  width:80%;
	  height:auto;
  }
  .origine {
	  width:100%;
	  height:auto;
  }
}