/*////////////BANNIERE/////////////////*/

#banner h2 {
font-size:1.5em;
padding-right:120px;
letter-spacing:9px;
font-weight:lighter;
}

#banner h1 {
font-size:6.5em;
}

#banner h3 {
font-weight:400;
padding-right:70px;
letter-spacing:4px;
font-size:1.2em;
}

#banner h3 span {
font-weight:700;
font-size:1.2em;
}

#bouton_start {
	top: 160px;
}

.socialbar {	
	margin-top: 145px;
}

/*///////////////SOUS MENU//////////////*/

#sous_menu {
list-style-type:none;
display:block;
font-family:arial;
height:60px;
letter-spacing:1.5px;
overflow:hidden;
text-align:center;
margin:20px auto 0;
}

#sous_menu li {
display:inline-block;
padding:0;
}

#sous_menu li a {
display:inline-block;
text-decoration:none;
text-transform:uppercase;
color:#929292;
padding:10px 5px 20px;
}

#sous_menu li a:hover,li a:focus {
text-decoration:none;
color:#3a65c7;
}

#sous_menu .active {
padding-bottom:20px;
color:#3a65c7;
border-bottom:3px solid #3a65c7;
}

#barre_sous_menu {
height:3px;
background-color:#bebebe;
position:absolute;
top:646px;
z-index:-1;
width:280px;
margin-left:360px;
}

#Presse {
height:110px;
width:100%;
background-color:#f9f9f9;
text-align:center;
}

#Presse h1 {
color:#3a65c7;
font-size:1.786em;
text-transform:uppercase;
font-weight:700;
letter-spacing:2px;
padding-top:40px;
padding-bottom:30px;
position:relative;
}

#Presse p {
padding-top:20px;
line-height:35px;
color:#12263e;
letter-spacing:.5px;
position:relative;
margin:0 auto;
}

#Presse hr {
height:3px;
background-color:#3a65c7;
width:100px;
position:relative;
margin:0 auto 10px;
}
/*///////////////FIN SOUS MENU//////////////*/

/*///////////////GALERIE///////////////////*/

#galerie {
width:1000px;
height:750px;
margin-top:20px;
text-align:center;
margin-left:125px;
}

#galerie_mini {
float:left;
width:220px;
margin-bottom:0;
list-style-type:none;
padding:0;
}

#galerie_mini li {
float:left;
}

#galerie_mini li a img {
margin-left:10px;
margin-bottom:10px;
}

#photo {
float:left;
clear:both;
position:absolute;
margin:0 auto 0 235px;
border-bottom: solid black 2px;
}

#photo dt {
font-size:1.2em;
font-weight:700;
letter-spacing:2px;
position:absolute;
float:right;
margin-top:670px;
color: white;
}

#photo dd {
float:right;
margin:0;
}

/*///////////////FIN GALERIE///////////////////*/

/* Video de Bob (GN) */

#video-container {
	width: 210px;
	height: 170px;
	position: relative;
}

#video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -o-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.13, rgb(3,113,168)),
		color-stop(1, rgb(0,136,204))
	);
}

#video-container:hover #video-controls {
	opacity: .9;
}

button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

button:hover {
	cursor: pointer;
}

#seek-bar {
	width: 210px;
}

#volume-bar {
	width: 60px;
}