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

html, body
	{
	/*height:100%;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background:url(images/bg.jpg) fixed no-repeat;*/
	}

img
	{
	border:none;
	}

body
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#ffffff;
	text-align:justify;
	line-height:16px;
	background-color:#000000;
	}

p
	{
	margin:8px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	}

h1
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

h2
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

h3
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#999999;
	}

a
	{
	text-decoration:none;
	color:#b5de2f;
	}

a:hover
	{
	text-decoration:none;
	}

.center
	{
	width:420;
	text-align:center;
	margin:0 auto;
	}
.bg_italiano
	{
	position:relative;
	top:150px;
	}
#groupe
	{
	width:320px;
	position:relative;
	z-index:1;
	text-align:center;
	padding:0px 25px 0px 18px;
	top:5px;
	margin:0 auto;
	display:block;
	}
.bouton_splash_g a
	{
	float:left;
	background: url(img_common/bouton_splash_bg.png) no-repeat top left;
	width:137px;
	height:42px;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
	display:block;
	}
.bouton_splash_g a:hover
	{
	float:left;
	background: url(img_common/bouton_splash_bg.png) no-repeat top right;
	width:137px;
	height:42px;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
	display:block;
	}
.bouton_splash_d a
	{
	float:right;
	background: url(img_common/bouton_splash_bg.png) no-repeat top left;
	width:137px;
	height:42px;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
	display:block;
	}
.bouton_splash_d a:hover
	{
	float:right;
	background: url(img_common/bouton_splash_bg.png) no-repeat top right;
	width:137px;
	height:42px;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
	display:block;
	}

.menu
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;
	color:#cccccc;
	}

.menu_pf
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#b5de2f;
	}

.clear
	{
	with:0;
	height:0;
	clear:both;
	}

.vert
	{
	color:#b5de2f;
	}

.gris
	{
	color:#999999;
	}

.blanc
	{
	color:#ffffff;
	}

#conteneur
	{
	width:956px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	display:block;
	}
#conteneur_index
	{
	text-align:center;
	margin:0 auto;
	}
#index
	{
    	/*margin-bottom: 20%; 
	margin-top: 10%;*/
	width:100%px;
	height:100%px;
	padding:0px 0px 0px 0px;
	display:block;
	}

#entete
	{
	width:956px;
	height:134px;
	margin:0px 0px 0px 1px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	display:block;
	}

#navig
	{
	/*z-index:1;*/
	text-align:center;
	position:relative;
	margin:0 auto;
	width:635px;
	height:49px;
	display:block;
	}

#milieu
	{
	background:url(img_common/bg_content.jpg) no-repeat;
	width:920px;
	margin:15px 0px 30px 0px;
	padding:30px 18px 0px 18px;
	display:block;
	}

#bas_page
	{
	width:900px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	text-align:center;
	color:#999999;
	margin:0 auto;
	padding:10px 0px 10px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	clear:both;
	display:block;
	}
	
.btn a
	{
	float:left;
	background: url(img_common/btn_bg.png) no-repeat top left;
	width:127px;
	height:49px;
	padding:17px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
	}
.btn a:hover
	{
	float:left;
	background: url(img_common/btn_bg.png) no-repeat top right;
	width:127px;
	height:49px;
	padding:17px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
	}

#flag a
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background: url(img_common/light_flag.jpg) no-repeat top left;
	width:64px;
	height:64px;
	padding:23px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	display:block;
	}
#flag a:hover
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background: url(img_common/light_flag.jpg) no-repeat top right;
	width:64px;
	height:64px;
	padding:23px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	display:block;
	}

.ligne
	{
	position:relative;
	height:1px;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:0px 0px 8px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	border-color:#666666;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-style:dotted;
	clear:both;
	display:block;
	}

.ligne_agenda
	{
	position:relative;
	height:1px;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:10px 0px 10px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	border-color:#666666;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-style:dotted;
	clear:both;
	display:block;
	}

.ptiteligne
	{
	position:relative;
	height:1px;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:10px 0px 10px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	border-color:#666666;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-style:dotted;
	display:block;
	}

#txt_gauche
	{
	text-align:justify;
	width:580px;
	height:100%;
	float:left;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	display:block;
	}

#txt_droite
	{
	text-align:left;
	width:320px;
	float:right;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:5px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	display:block;
	}
#txt_droite_contact
	{
	text-align:left;
	width:320px;
	float:right;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:5px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	display:block;
	}
	
#saison
	{
	width:886;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	text-align:right;
	color:#cccccc;
	padding:10px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	clear:both;
	display:block;
	}

.news
	{
	margin:25px 0px 0px 0px;
	padding:8px 8px 8px 8px;
	display:block;
	background-color:#101010;
	}
.lanews
	{
	margin:4px 0px 8px 0px;
	padding:8px 8px 8px 8px;
	display:block;
	background-color:#191919;
	}
.offertehome
	{
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	}
.offerta
	{
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	display:block;
	}
	
/*
#audio
	{
	text-align:center;
	position:relative;
	margin:0 auto;
	width:530px;
	height:60px;
	display:block;
	}
*/	
#couronne_chance
	{
	float:left;
	position:relative;
	margin:0px 15px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	width:150px;
	height:134px;
	display:block;
	}

#contacts
	{
	position:relative;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	clear:both;
	}

.dj_gauche
	{
	text-align:justify;
	width:437px;
	height:100%;
	float:left;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:15px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

.dj_droite
	{
	text-align:justify;
	width:437px;
	height:100%;
	float:right;
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	margin:15px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

.offerte
	{
	text-align:center;
	}
.offerte img
	{
	margin:8px;
	}

.portfolio
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
.job
	{
	height:80px;
	padding:5px 8px 5px 5px;
	margin:10px 0px 10px 0px;
	display:block;
	border: 1px dotted #999999;
	}
.thumb
	{
	width:220px;
	padding:0px 0px 0px 0px;
	margin:0px 15px 0px 0px;
	float:left;
	display:block;
	}

.smenu_porfolio
	{
	padding:0px 0px 0px 0px;
	margin:8px 0px 15px 0px;
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	}

#fin
	{
	width:956px;
	height:50px;
	background:url(img_common/bg_bottom.jpg) no-repeat bottom;
	display:block;
	}


/*FORMULAIRES ------------------------------------------------------ */
.message_form
	{
	text-align:center;
	}

.cssform
	{
	margin-left:0;
	margin-right:0;
	}

.cssform p
	{
	width: 475px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 100px; /*width of left column containing the label elements*/
	height: 1%;
	}

.cssform label
	{
	float: left;
	margin-top:3px;
	margin-left: -100px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

.cssform input[type="text"]
	{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 455px;
	}

.cssform textarea
	{
	width: 455px;
	height: 150px;
	}

.form_boutons
	{
	margin-top:5px;
	margin-left:100px;
	}
/*FORMULAIRES ------------------------------------------------------ */