body {
	font-size: 18px;
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
input[type=radio]{
	display:none;
}
.cadre-demo1 label{
	position:relative;
	overflow:hidden;
	cursor:pointer;
	z-index: 99;
}

.cadre-demo1{
overflow: hidden;
position: relative;
text-align: center;
height: auto;
width: 50%;
max-width: 800px;
float: left;
}
.cadre_diapo{
width:600px;
height:540px;
margin:20px auto;
overflow:hidden}

.cadre_img{
position:relative;
width:600px;
float:left}

.photos-mini{
margin:auto;
display:inline-block;
overflow-x:hidden;
overflow-y:auto;
}

.cadre-demo1 label, .miniature label img{
display:block;
max-width: 100%;
max-height: 100px;
border-left: 2px solid white;
}
.fenetre{
width:100%;
object-fit:contain;
position:absolute;
transition:.6s;
left:-100%;
opacity:0;
}
#entete{
	width: 100%;
	margin-bottom: 1.5em;
}
.miniature{
display:inline-block;
}

#documentation a.doc{
	margin-right:5px;
}
.fen:checked~.fenetre{
	left:50%;
	transform:translatex(-50%);
	-webkit-transform:translatex(-50%);
	-ms-transform:translatex(-50%);
	opacity:1;
}
#texte{
	float: right;
	width: 48%;
}
#docs{
	padding: 1em;
	float: left;
	width: 100%;
	margin-top: 1em;
}
#caracteristiques{
color: white;
display: inline-block;
width: calc(50% - 10px);
vertical-align: top;
padding: 20px;
}
#documentation{
display: inline-block;
text-align: center;
width: 50%;
}
.image img{
	width: 100%;
}

#video{
	width: 100%;
	margin-top: 4em;
}
#haut{
	width: 100%;
	margin: auto;
	float: left;
}
@media screen and (max-width: 1680px) {
	body {
		font-size: 16px;
	}
}

@media screen and (max-width: 1280px) {
	body {
		font-size: 14px;
	}
}

@media screen and (max-width: 980px) {
}
@media screen and (max-width: 736px) {

	#first, #caracteristiques div, #docsetvideos div {
		width: 95%;
	}
	.cadre-demo1 {
    width: 100%;
	}
	#texte {
    width: 100%;
    float: none;
    margin-right: 0%;
	}
	#caracteristiques {
    margin-right: 0%;
    width: 100%;
    margin-left: 0%;
	}
	#haut {
    width: 95%;
	}
	#documentation {
    display: block;
    width: 100%;
    text-align: center;
	}
	#haut {
    margin-top: 100px;
	}
}