body{
	font-family: cursive;
	margin: 0px;
	padding: 0px;
	width: 100%;

	background-image: url("fonds5.jpg");
	background-size: cover;
	background-attachment: fixed;
	
	text-align: center;

}

nav{
	width: 100%;
	background-color: grey;
}

nav > ul {
	margin: 0px;
	padding: 0px;

}

nav > ul::after{
	content: "";
	display: block;
	clear: both;
}

nav > ul > li{
	float: left;
	position: relative;
}

nav > ul > li > a{
	padding: 20px 30px;
	color: #FFF;
}

nav > ul > li:hover a{
	padding: 15px 30px 20px 30px;
}
nav li{
	float: left;
}
nav li{
	list-style-type: none;

}
.submenu{
	display: none;
}
nav a {
	display: inline-block;
	text-decoration: none;
}
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
	z-index: 1000;
}
.submenu li{
	border-bottom: 1px solid #CCC;
	

}
.submenu li a{
	padding: 15px 30px;
	font-size: 13px;
	color: white;
	width: 190px
	
}
.first:hover{
	border-top: 5px solid #474141;
	background-color: rgba(80, 80, 80, 0.15);
}
.menu-dev:hover{
	border-top: 5px solid #474141;
	background-color: rgba(80, 80, 80, 0.15);
}
.menu-source:hover{
	border-top: 5px solid #474141;
	background-color: rgba(80, 80, 80, 0.15);
}
.menu-présentation:hover{
	border-top: 5px solid #474141;
	background-color: rgba(80, 80, 80, 0.15);
}
.déplace:hover{
	border-top: 5px solid #474141;
	background-color: rgba(80, 80, 80, 0.15);
}
.déplace .submenu{
	background-color: #999999;
}
.submenu li:hover a{
	color: #000000;
	font-weight: bolder;
	background-color: rgba(80, 80, 80, 0.15);
}
.déplace .submenu li:hover{
	background-color: #474141;
}







h1{
	font:small-caps bold 35px/1 cursive;
	text-align: center;
	background-color: grey;
    color: white;
    padding: 20px;
    margin: 0px;
}

h2{
	font: italic small-caps bold 25px/1 cursive;
	color: white ;
	text-align: center;
}

h3{
	text-align: center;
    font-family: Cursive;
    
    color:white;

}

p{
	font-family: cursive;
	color: white ;
	font-size: 18px;
}

mark
{
    color: white;
}

button
{
	background-color: #87CEEB;
}




.diaporama1
{
	margin: 0 auto;
	width: 960px;
	height: 500px;
	border: 3px solid #333;
	background-image: url("image1.jpg");

	webkit-animation-name: diapo1;
	webkit-animation-duration: 9s;
	webkit-animation-timing-function: linear;
	webkit-animation-iteration-count: infinite;
	webkit-animation-direction: normal;

	moz-animation-name: diapo1;
	moz-animation-duration: 9s;
	moz-animation-timing-function: linear;
	moz-animation-iteration-count: infinite;
	moz-animation-direction: normal;

	animation-name: diapo1;
	animation-duration: 9s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;

}
@-webkit-keyframes diapo1
{
	0%{background-image: url("image1.jpg");}
	33%{background-image: url("image2.jpg");}
	66%{background-image: url("image3.jpg");}

}
@-moz-keyframes diapo1
{
	0%{background-image: url("image1.jpg");}
	33%{background-image: url("image2.jpg");}
	66%{background-image: url("image3.jpg");}

}
@keyframes diapo1
{
	0%{background-image: url("image1.jpg");}
	33%{background-image: url("image2.jpg");}
	66%{background-image: url("image3.jpg");}

}




#b_6
{
	background-color: #32CD32
}
#b_5
{
	background-color: #32CD32
}
#b_7
{
	background-color: #32CD32
	text-align: center;
}



video
{
	border: 4px solid black;
}



#spc-button
{
	margin:  10px 0px;
	width: 100%;
	padding: 0px;
	text-align: center
}
#text
{

}
#centre
{
	margin:  0 auto;
	width: 70%;
	padding: 10px;	
}
a{
	
	color: white ;
}
.Fond:hover{

	background-color: rgba(000, 112, 192, 0.15);
}
.vid:hover{
	background-color: rgba(000, 112, 192, 0.15);
}
.haut:hover{
	
	background-color: rgba(000, 112, 192, 0.15);
}	
.menu-pré:hover{
	
	background-color: rgba(000, 112, 192, 0.15);
}
.menu-sou:hover{
	
	background-color: rgba(000, 112, 192, 0.15);
}
nav a{
	display: inline-block;
	text-decoration: none;
	padding: 20px 30px;
	color: #FFF;
	margin:0 auto;
}

nav li:hover a{
	padding: 15px 30px 20px 30px;
}
.CENTRE{
	display: table;
	margin: 0 auto;
	padding: 0px;

}

.Trailer{
	font:small-caps bold 35px/1 cursive;
	text-align: center;
	background-color: initial;
    color: white;
    padding: 20px;
    margin: 0px;	
}