html, body {
	margin: 0%;
	padding: 0%;
}

body{
	background-image: url("../Images/Background.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


@media only screen and (max-width:1049px){
body{background-image: url("../Images/Background_2.jpg");}
	
header{
	text-align:center;
	width: 100%;
	background: white;
	height: 50px;
	opacity: 0.95;
	box-shadow: 0px 3px 25px  black;
	z-index: 900;
}
#logo{
	vertical-align:middle;
	margin: 0% 4% 0% 4%;
	height:100%;
	z-index: 920;
}

#responsive{
display:none;
}

header:hover  #responsive {
	display:inline-block;
	padding: 0% 6% 0% 6%;
	margin: 1% 1% 0% 1%;
	vertical-align:middle;
}

header:hover #logo{
	display:none;
}

a{
	font-family: PolicePerso;
	font-size: 15px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	color: black;
}
}

	

@font-face {font-family: "PolicePerso"; src: url('../Polices/MontserratLight.TTF');}

/* Header */

header{
	text-align:center;
	width: 100%;
	background: white;
	height: 50px;
	opacity: 0.95;
	box-shadow: 0px 3px 25px  black;
	z-index: 900;
}

#logo{
	vertical-align:middle;
	display: inline;
	margin: 0% 4% 0% 4%;
	height:100%;
	z-index: 920;
}

header a{
	display: inline;
	padding: 0% 3% 0% 2%;	/* Responsive ici */
	z-index: 920;
	font-family: PolicePerso;
	font-size: 15px;
	text-decoration: none;
	color: black;
}

	/* Menu */

.menuderoulant p{
	font-family: PolicePerso;
	font-size: 15px;
	margin-left: 40%;		/* Responsive ici */
}

.menu {
	color: black;
	border: none;
	cursor: pointer;
	padding:0px;
}

.menuderoulant {
	position: relative;
	display: inline-block;
}

.sousmenu {
	position: absolute;
	display: none;
	background-color: white;
	width: 90px;
	left:28%;				/* Responsive ici */
	top:108%;
}

.sousmenu a{
	font-family: PolicePerso;
	font-size: 15px;
	padding:5px 0px 0px 0px;
	color: black;
	text-decoration: none;
	display: block;
}

.sousmenu a:hover{
	color: blue;
}

.menuderoulant:hover .sousmenu {
	display: inline-block;
}

	/* Fin menu */
@media only screen and (min-width:1050px){
.full:hover{
	width:10%;
	-webkit-transition: all 0.4s ease;
	-webkit-transform:scale(1.25); /* Safari and Chrome */
	font-size: 120%;
}
}

	/* Fin header */

.txt{
	margin: 0% 13% 0% 13%;
	font-family: PolicePerso;
	width:75%;
	text-align: center;
}

/* Fading animation */

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

	/* Fin slider */

#description{
	margin: 0% 20% 0% 20%;
	font-size: 16px;
	text-align: center;
}

#description img{
	margin: 1% 0% 2% 0%;
	width:65%
}

	/* Footer */
footer{position: absolute; bottom: 0; text-align: center; height: 30px; width: 100%; background: white;}
#footer_img{height:100%;}
#logoDF{height:100%; float:left;}
#logoIUT{height:100%; float:right;}
	/* Fin footer */

	/* Scrollbar */

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #ffffff;
}

::-webkit-scrollbar-thumb {
	background: #3F3F3F;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #6B6B6B; 
}

/* Fin scrollbar */