@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:#000000;
	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;
}


.opacity {
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
}


/* 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;
}


#carre_menu {
	border:none;
	position:absolute;
	height:4px;
	width:4px;
	top:97px;
	left:50%;
	margin-left:-153px;
	background-color:white;
	-overflow:hidden;
}	

#titre_texte {
	border:none;
	position:absolute;
	height:16px;
	top:154px;
	right:50%;
	left:0%;
	-left:190px;
	margin-right:32px;
	background-image:url(../images/barre_menu.png);
	background-position:top;
	background-repeat:repeat-x;
	font-size:12px;
	color:white;
	text-align:right;
	padding-right:10px;
}

#cadre_texte {
	border:none;
	position:absolute;
	height:380px;
	-width : 317px;
	top:184px;
	right:50%;
	margin-right:32px;
	left:50%;
	margin-left:-360px;
	text-align:justify;
	font-size:12px;
	color:white;
	padding-right:10px;
	overflow:hidden;
}


#bouton_haut {
	position:absolute;
	height:18px;
	width:14px;
	top:184px;
	left:50%;
	margin-left:-392px;
}

#bouton_bas {
	position:absolute;
	height:18px;
	width:14px;
	top:203px;
	left:50%;
	margin-left:-392px;
}

#cb_defilement {
	position:absolute;
	height:222px;
	width:12px;
	top:226px;
	left:50%;
	margin-left:-392px;
	border:1px solid #FFFFFF;
}

#barre_defilement {
	position: relative;
	height:100px;
	width:12px;
	background-color:#a3a3a3;
}

.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; height:380px; margin-bottom:20px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px}
.newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:95px; width:300px; background:#eef5f6; margin-bottom:20px}
.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:1px solid #9ac1c9}
.newssection {padding:10px; height:75px}


#cadre_miniatures_lv {
	border:none;
	position:absolute;
	height:58px;
	width:2px;
	top:584px;
	left:50%;
	margin-left:-425px;
	background-color:#a3a3a3;
}

#cadre_miniatures_lh {
	border:none;
	position:absolute;
	height:2px;
	width:68px;
	top:594px;
	left:50%;
	margin-left:-442px;
	background-color:#a3a3a3;
	-overflow:hidden;
}

#cadre_miniatures_rv {
	border:none;
	position:absolute;
	height:58px;
	width:2px;
	top:615px;
	left:50%;
	margin-left:23px;
	background-color:#a3a3a3;
}

#cadre_miniatures_rh {
	border:none;
	position:absolute;
	height:2px;
	width:68px;
	top:663px;
	left:50%;
	margin-left:-28px;
	background-color:#a3a3a3;
	-overflow:hidden;
}

#cadre_miniatures {
	border:none;
	position:absolute;
	height: 52px;
	width:436px;
	left:50%;
	margin-left:-418px;
	top:601px;
	text-align:center;
}

#cadre_photo_large {
	border:none;
	position:absolute;
	width:522px;
	height:370px;
	top:159px;
	left:50%;
	margin-left:-19px;
}

#cadre_carousel {
	text-align: center;
    border:none;
}


#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;
}

