/* CSS Document */
HTML{
margin:0;
padding:0;
overflow: auto;
}

body {
margin-left:0px;
margin-width:0px;
margin-height:0px;
margin-top:0px;
background-color : black;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF;
}
.fond {
margin-width:0px;
margin-height:10px;
margin-top:0px;
width:100%;
height:769px;
padding-top:0cm;
background-image:url(../images/fond-5.jpg);
background-repeat:no-repeat;
background-position: Top center;
left: 50%;
}

.fond16-9 {
margin-width:0px;
margin-height:10px;
margin-top:0px;
width:100%;
height:769px;
padding-top:0cm;
background-image:url(../images/fond-5-16-9.jpg);
background-repeat:no-repeat;
background-position: Top center;
left: 50%;
}

.brunoy {
margin-width:0px;
margin-height:10px;
margin-top:0px;
width:100%;
height:142px;
padding-top:0cm;
background-image:url(../images/entete-brunoy.jpg);
background-repeat:no-repeat;
background-position: Top center;
left: 50%; 
}

.siarv {
margin-width:0px;
margin-height:10px;
margin-top:0px;
width:100%;
height:150px;
padding-top:0cm;
background-image:url(../images/entete-siarv.jpg);
background-repeat:no-repeat;
background-position: Top center;
left: 50%; 
}

.syage {
margin-width:0px;
margin-height:10px;
margin-top:0px;
width:100%;
height:150px;
padding-top:0cm;
background-image:url(../images/entete-syage.jpg);
background-repeat:no-repeat;
background-position: Top center;
left: 50%; 
}

.scrol-blanc {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}

.video {
	position:absolute;
	top:172px;
	width:600px;
	height:279px;
	left: 50%;
	margin-left: -300px; /* moitié de la largeur */
	z-index:3;
	text-align: center;


}

.video16-9 {
	position:absolute;
	left: 50%;
	margin-left: -255px; /* moitié de la largeur */
	top:171px;
	width:509px;
	height:300px;
	z-index:3;
	text-align: center;


}


.memploi{
border: 0px solid #b8b8b8;
margin-bottom: 1em;
position:absolute;
width:600px;
top:762px; 
height:150px; 
z-index:99;
padding: 10px 10px 10px 10px;
left: 50%; 
margin-left: -300px;
text-align: center;
color: #999999;
}

.copyright{  
position:absolute; 
width:100%;
top:748px; 
height:26px; 
z-index:5;
text-decoration: none;
font: normal  Times New Roman, Times, serif;
font-size: .6em;
left:50%;
margin-left: -50px;
}

.Titre {
position:absolute; 
width:600px; 
height:100px; 
z-index:4000; 
left: 50%; 
margin-left: -300px;
text-align: center;
top: 500px;
color: #FFFFFF;
}

.retour {
position:absolute; 
width:81px; 
height:33px; 
z-index:1; 
left: 62px; 
top: 748px;
}

a.squarebutton{
background: transparent url('../images/bg_button_span.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Changez 12px comme désiré */
line-height: 15px; /* valeur   4px   4px (remplissage dessus et bas du SPAN) doit égaler la taille du fond de bouton (default is 23px) */
height: 23px; /* Height of button background height Taille de fond de bouton*/
padding-left: 9px; /* Width of left menu image Largeur d'image gauche de menu */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/bg_button_a.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*9px ci-dessous pour assortir la valeur de la valeur « remplissage-gauche*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container  que vous pouvez utiliser pour entourer un bouton de CSS pour dégager le float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}