/* CSS Document */


@import "reset.css";

body {
	background: #171717 url(../images/bg_splash.jpg) no-repeat top center;
}

#conteneur_splash{
	width: 942px;
	height: 684px;
	margin: 0 auto;
	position: relative;
	background: #171717 url(../images/bg_splash.jpg) no-repeat top center;
}

.bloc_contenu_splash{
	width: 345px;
	height: 135px;
	color: #e6e7e8;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.bloc_contenu_splash p{
	margin: 0 0 15px 0;
}

#contenu_splash_left{
	position: absolute;
	bottom: 40px;
	left: 65px;
}

#contenu_splash_left a{
	color: #e51c23;
}

#contenu_splash_left a:hover{
	text-decoration: none;
}

#contenu_splash_right{
	position: absolute;
	bottom: 40px;
	right: 65px;
}

#contenu_splash_right a{
	color: #31a7ae;
}

#contenu_splash_right a:hover{
	text-decoration: none;
}

#french_right{
	display: block;
	width: 35px;
	height: 100px;
	background: transparent url(../images/french_right.png) no-repeat top left;
	position: absolute;
	right: -1px;
	top: 68px;
}

#french_right:hover{
	background: transparent url(../images/french_right_hover.png) no-repeat top left;
}

#english_right{
	display: block;
	width: 35px;
	height: 100px;
	background: transparent url(../images/english_right.png) no-repeat top left;
	position: absolute;
	right: -1px;
	top: 183px;
}

#english_right:hover{
	background: transparent url(../images/english_right_hover.png) no-repeat top left;
}

#french_left{
	display: block;
	width: 35px;
	height: 100px;
	background: transparent url(../images/french_left.png) no-repeat top left;
	position: absolute;
	left: 0px;
	top: 68px;
}

#french_left:hover{
	background: transparent url(../images/french_left_hover.png) no-repeat top left;
}

#english_left{
	display: block;
	width: 35px;
	height: 100px;
	background: transparent url(../images/english_left.png) no-repeat top left;
	position: absolute;
	left: 0px;
	top: 183px;
}

#english_left:hover{
	background: transparent url(../images/english_left_hover.png) no-repeat top left;
}