html, body, p {
  margin: 0;
  padding: 0;
}
div#telephone{
	display:none;
}
#bandeau_presentation{
background-image:url("../img/fond1.jpg");
height:200px;
width:106%;
background-attachment: fixed;
}

div#coordo
{
	position:absolute;
	top:5px;
	left:55%;
	font-size:14px;
	color:white;
	width:400px;
	height:180px;
	background-size: 100% 100%;

}
hr{
background-color:#00888a;
}
div#photo
{
	position:absolute;
	background-image:url("../img/photo.jpg");
	width:200px;
	height:185px;
	background-size: 100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	top:5px;
	left:70px;

}
div#cv
{
	position:absolute;
	top:130px;
	left:-30px;
	width:87%;
	height:auto;
	margin:100px;
	padding: 5px 1%;
}
#col {
  column-count: 3;
}
div#cv2
{
	left:10px;
	width:100%;
	margin:0 auto;
	height:auto;
	padding:10px;
}

div#video
{
	text-align: center;
}
video{
	margin:0 auto;
	width:600px;
	height:300px;
}
 div#cv,div#photo,div#coordo{
	border-style:solid;
	border-width: 4px;
	border-color:#00888a;
}

div#barre
{
	border-radius:25px 25px 25px 25px;
	background-color:#CACACA;
	width:40%;
	height:10px;
	background-size: 100% 100%;
}


div#load
{
	border-radius:25px 25px 25px 25px;
	background-color:#F707E7;
	height:10px;
	background-size: 100% 100%;
}

div#load2
{
	border-radius:25px 25px 25px 25px;
	background-color:#F3F707;
	height:10px;
	background-size: 100% 100%;
}

div#load3
{
	border-radius:25px 25px 25px 25px;
	background-color:#07F70F;
	height:10px;
	background-size: 100% 100%;
}
div#load4
{
	border-radius:25px 25px 25px 25px;
	background-color:#00F7FF;
	height:10px;
	background-size: 100% 100%;
}
div#load5
{
        border-radius:25px 25px 25px 25px;
        background-color:#FF7F00;
        height:10px;
        background-size: 100% 100%;
}

@media screen and (max-width: 800px) {
	div#telephone{
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	background-color:red;
	}
	div#load4{display:none;}
	div#load3{display:none;}
	div#load2{display:none;}
	div#load1{display:none;}
	div#video{display:none;}
	div#coordo{display:none;}
	div#cv{display:none;}
	div#cv2{display:none;}
}

