* 
{
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}


html
{
	height:100%;
}


body
{
	height:100%;
	color:#FFF;
	background:#000;
	/*background:#000 url(../images/logo.gif) no-repeat fixed 870px bottom;*/
}
sup{font-size:8px;}

/*Part fix et le contenant de la navigation*, du diaporama*, du titre*, et du claim.    *Contenu dans Header pour une gestion global des marges...*/
#part_fix{
	z-index:10;
	position:fixed;
	width:100%;
	background-color: #000;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#claim{
	width:503px;
	height:316px;
	text-indent:-5000px;
	background-image: url(../images/claim.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header{
	position:absolute;
	z-index:20;
	left:380px;
	top:30px;
	width:490px;
}

/*format du titre de la page...la couleur se gere sur la clsse dee chaque page : .titre_home, .titre_metiers, .titre_presta....*/
#navigation{
	position:relative;
	left:-1px;
}
#navigation li{
	list-style:none;
	float:left;
	margin-bottom:1px;
}
#navigation li a{
	font-size:10px;
	line-height:40px;
	padding:0px;
	display:block;
	text-align:center;
	margin-left:1px;
	background:#000;
	color:#fff;
}


.menu1{border-top:#eb0a0a solid 3px; width:136px;}
#navigation li a:hover.menu1{background:#eb0a0a; color:#000;}
#navigation li a.menu1_selected{border-top:#eb0a0a solid 3px; background:#eb0a0a; color:#000; width:136px;}

.menu2{border-top:#ffb400 solid 3px; width:94px;}
#navigation li a:hover.menu2{background:#ffb400; color:#000;}
#navigation li a.menu2_selected{border-top:#ffb400 solid 3px; background:#ffb400; color:#000; width:94px;}

.menu3{border-top:#71cd17 solid 3px; width:90px;}
#navigation li a:hover.menu3{background:#71cd17; color:#000;}
#navigation li a.menu3_selected{border-top:#71cd17 solid 3px; background:#71cd17; color:#000; width:90px;}

.menu4{border-top:#0db5cd solid 3px; width:90px;}
#navigation li a:hover.menu4{background:#0db5cd; color:#000;}
#navigation li a.menu4_selected{border-top:#0db5cd solid 3px; background:#0db5cd; color:#000; width:90px;}

.menu5{border-top:#f43176 solid 3px; width:70px;}
#navigation li a:hover.menu5{background:#f43176; color:#000;}
#navigation li a.menu5_selected{border-top:#f43176 solid 3px; background:#f43176; color:#000; width:70px;}


#flashcontent{
	clear:left;
	width:454px;
	padding:15px 13px 15px 17px;
	background:#000;
	margin:1px 0px 0px 0px;
}
#flashcontent p{
	padding:10px;
	clear:left;
	height:210px;
	background-image: url(../images/fond_diapo.gif);
	background-repeat: no-repeat;
	background-position: -2px 0px;
}
#flashcontent p a{
	color:#FFF;
	text-decoration:underline;
}
#flashcontent p a:hover{
	text-decoration:none;
}



#content{
	position:absolute;
	left:380px;
	top:345px;
	width:450px;
	padding:0px 15px 0px 15px;
}
#content p{
	margin-bottom:12px;
	font-size:11px;
	line-height:15px;
}
#content strong{
	font-weight:bold;
}
#content ul{
	list-style:none;
}
#content h2{
	font-size:18px;
	color:#eb0a0a;
}


#home, #metiers, #prestations, #references, #contact {
	padding-bottom:150px;
}
#home h2{
	margin-bottom:20px;
}
#home h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#home h4{
	margin-top:25px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#eb0a0a;
}
#metiers h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#content #evenement_metiers {
	margin-bottom: 40px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}

#evenement_metiers h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#regie h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#regie li ul{
	margin-left:20px;
	list-style-type: none;	
	line-height: 15px;
}
#regie li ul li{
	margin: 0;
	padding: 0 0 0 15px;
	font-size:11px;
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
/*#evenement_metiers ul li{
	background: url(../images/puce.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}
#evenement_metiers ul{
	padding:0 0 0 20px;
}
*/

#metiers li h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}

/* cible les listes de la liste principal...*/
#metiers li ul{
	margin-left:20px;
	list-style-type: none;	
	line-height: 15px;
}
#metiers li ul li{
	margin: 0;
	padding: 0 0 0 15px;
	font-size:11px;
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}


/*Gestion des galeries des Définitions*/
#galerie{
	margin:0 0 50px 0;
	font-size:11px;
}

#galerie dl{
	text-align:left;
	float:left;
	width:120px;
	border-top:#696969 solid 1px;
	border-left:#696969 solid 1px;
	margin-left:20px;
	margin-top:25px;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#galerie dt{
	margin-bottom:10px;
	padding:2px;
	border-bottom:#696969 solid 1px;
}

#galerie dt strong{color:#ffb400;}

#galerie dd{
	padding-left:5px;
	margin-bottom:5px;
}

#galerie h3{
	text-align:left;
	color:#ffb400;
	font-size:12px;
	margin-top:25px;
	font-weight:bold;
}








.personne{
	width: 290px;
	float: left;
}
#content #contact img {
	float: right;
	padding: 20px 0 0 20px;
}

.titre_prestations{
	line-height:15px;
}
.titre_prestations em{
	font-size:11px;
}
.adaptation{
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}
.gris{
	color:#666;
}

#prestations h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}

#prestations p{
	margin-bottom:5px;
}
#prestations li{
	margin-bottom:25px;
}
#prestations a.bouton{
	text-align:center;
	display:block;
	margin-left:360px;
	font-size:10px;
	color:#000;
	background:#eb0a0a;
	width:90px;
}
#prestations a:hover.bouton{
	color:#fff;
}

#list_spectacle li{margin:10px 0 -15px 0;}
#list_spectacle li em{display:block; position:relative; top:-13px; left:150px;}
#list_spectacle li strong{color:#ffb400;}
.beadcrumb{position:relative; top:-20px; left:17px; font-size:10px; background:#fff; width:445px; color:#000; text-align:right; padding:5px 5px 2px 0px;}
.beadcrumb a{color:#000; font-size:10px;}

#list_presta { margin-top:30px;}
#list_presta p{
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#list_presta ul li{margin-bottom:5px;}
#list_presta li a{color:#fff; font-size:10px; background:#871717; display:block; padding-left:5px;}
#list_presta li a:hover{color:#000; background:#fff;}






#references h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#references li{
	display:inline;
	list-style:none; 
	font-size:11px;
	line-height:15px;
}








#contact, #mention{
	margin-top:-15px;
	font-size:11px;
}

#contact ul, #mention ul{
	margin:0px 0px 20px 0px;
	line-height:14px;
}
#contact h3, #mention h3{
	font-size:12px;
	font-weight:bold;
	color:#ffb400;
	border-bottom:#871717 dotted 1px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}

#contact li a{
	color:#fff;
	
}
#contact li a:hover{
	text-decoration:underline;
}


a.bouton {
	text-align:center;
	display:block;
	width:120px;
	font-size:10px;
	color:#000;
	background:#eb0a0a;
	margin-top:-10px;
	margin-bottom:25px;
}
a.bouton_regie {
	text-align:center;
	font-weight:bold;
	width:141px;
	height:30px;
	font-size:11px;
	color:#000;
	background-image: url(../images/bt_jaune.png);
	background-position: center 0px;
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin: 0 13px 0 0;
	text-decoration: none;
	padding-top: 4px;
}
a.bouton_voyages {
	text-align:center;
	font-weight:bold;
	width:141px;
	height:30px;
	font-size:11px;
	color:#000;
	background-image: url(../images/bt_vert.png);
	background-position: center 0px;
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin: 0 13px 0 0;
	text-decoration: none;
	padding-top: 4px;
}
a.bouton_stand {
	text-align:center;
	font-weight:bold;
	width:141px;
	height:30px;
	font-size:11px;
	color:#000;
	background-image: url(../images/bt_bleu.png);
	background-position: center 0px;
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	text-decoration: none;
	padding-top: 4px;
}
a:hover.bouton_regie {
	color:#fff;
}
a:hover.bouton_voyages {
	color:#fff;
}
a:hover.bouton_stand {
	color:#fff;
}
#content #metiers #bt_famille {
	margin-top: 20px;
	margin-bottom: 80px;
}
#content #prestations #bt_famille {
	margin-top: 20px;
	margin-bottom: 30px;
}
a:hover.bouton{
	color:#fff;
}
a.bouton_obellule {
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
a.bouton_scenographik {
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}




#footer{
	padding-bottom:10px;
	margin-top:35px;
	background:#000;
	width:500px;
	position:fixed;
	bottom:0;
}
#footer a{
	color:#fff;
	font-size:9px;
}
#footer img{
	position:relative;
	left:255px;
}



.clear_left{
	clear:left;
	height: 1px;
	margin:0;
	padding: 0;
	color: #000;
	background-color: #000;
	border:none;
}

#prehome {
	background-image: url(../images/fd_prehome.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100%;
}

#prehome img {
	height: 900px;
	width: 1000px;
	position:absolute;
     left: 50%; 
     margin-left: -500px; /* moitié de la largeur de l'image */
}