@charset "UTF-8";
/* CSS Document */

/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/


/****************************************************************/
/* permet d'avoir une barre de menu collée						*/
/****************************************************************/

a img {	border : none; }

/* défini des paramètres généraux */
* {	margin:0; padding:0;}  

/* supprime le tour en pointillés lors d'un clic sur un bouton */
a:focus {outline: none;}

/*lien pas en bleu*/
a {
	text-decoration:none;
	color:#a3a3a3;
}

/*style des liens en hover */
a:hover {
	color:white;
}

/****************************************************************/
html{ width: 100%;  height:100%; }

body {
	background-image:url(../images/background_1440.jpg);
	background-color:black;
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	width: 100%;
	height: 100%;
	text-align:left;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
}



/* position de l'image dans photoshop (point de référence haut-gauche) : top : 20px / left : 140px */

#logo {
	position:absolute;
	width:195px;
	height:71px;
	top:20px;
	left:50%;
	margin-left:-362px;
}


#menu_son {
	border:none;
	position:absolute;
	height:16px;
	width:140px;
	top:0px;
	right:0%;
	background-image:url(../images/barre_menu.png);
	background-position:top;
	background-repeat:repeat-x;
	/*-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);*/
	font-size:11px;
	color:#a3a3a3;
	
}

/* position : top : 103px /  left : 241px */

#menu_back {
	position:absolute;
	height:16px;
	width:auto;
	-width:1009px;
	top:103px;
	left:50%;
	right:0px;
	margin-left:-371px;
	background-image:url(../images/barre_menu.png);
	background-position:top;
	background-repeat:repeat-x;
}

.menu {
	position:relative;
	height:16px;
	width:100%;
	font-size:12px;
	color:#a3a3a3;
}

.menu ul {
	list-style:none; 
	z-index:10; 
	position:absolute; 
	z-index:100;
}
.menu li {float:left}
.menu h1 {
	font-size:12px;
	font-weight:bold;
} 
.menu a:hover {color:white;}

.cases {
	position:relative;
	height:16px;
	width:auto;
	padding-left:7px;
	padding-right:7px;
	text-align:center;
	color:white;
}
.inter {
	position:relative;
	height:16px;
	width:15px;
	text-align:center;
}

#space {
	position:relative;
	height:16px;
	width:120px;
	text-align:right;
}


/* position : top : 155px /  left : 635px */

#menu_intro {
	position:absolute;
	height:16px;
	width:auto;
	top:155px;
	left:50%;
	margin-left:123px;
	right:0px;
	padding-left:10px;
	background-image:url(../images/barre_menu.png);
	background-position:top;
	background-repeat:repeat-x;
	color:white;
}

#cadre_intro_haut {
	border:none;
	position:absolute;
	width:100%;
	height:1px;
	top:220px;
	left:0px;
	right:0px;
	background-color:white;
	-overflow:hidden;
}

#cadre_intro_bas {
	border:none;
	position:absolute;
	width:100%;
	height:1px;
	top:569px;
	left:0px;
	right:0px;
	background-color:white;
	-overflow:hidden;
}

#cadre_video {
	position:absolute;
	height:348px;
	width:716px;
	top:221px;
	left:50%;
	margin-left:-358px;
	background-image:url(../images/smileintro.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:medium;
}

#video_gauche {
	position:absolute;
	height:348px;
	width:30px;
	top:221px;
	left:50%;
	margin-left:-388px;
	background-image:url(../images/left_intro.jpg);
	background-position:top;
}

#video_droite {
	position:absolute;
	height:348px;
	width:30px ;
	top:221px;
	left:50%;
	margin-left:358px;
	background-image:url(../images/right_intro.jpg);
	background-position:top;
}


#pied_de_page {
	border:none;
	position:absolute;
	width:100%;
	height:151px;
	left:0px;
	right:0px;
	top:700px;
	background-image:url(../images/pied_de_page.png);
	background-position:top;
	background-repeat:repeat-x;
}

.pied_de_page_texte {
	border:none;
	position:relative;
	width:700px;
	height:20px;
	top:60px;
	left:50%;
	margin-left:-350px;
	text-align:center;
	color:#a3a3a3;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.pied_de_page_texte ul {
	list-style:none;
	position:relative;
}

.pied_de_page_texte li {float:left;}

#baspage {
	position:absolute;
	text-align:center;
}
	
#cvg {
	position:relative;
	height:20px;
	width:150px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#policy {
	position:relative;
	height:20px;
	width:150px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#credit {
	position:relative;
	height:20px;
	width:150px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#contact {
	position:relative;
	height:20px;
	width:150px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}