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

body {
margin:0 auto;
text-align:center;
background-image:url(images/img_bg.jpg);
background-repeat:repeat-x;
font-size:10px;
font-family:Arial;
}

h1 {
	color:#FF6600;
	font-size:14px;
	padding-top:12px;
	padding-bottom:10px;
	margin:0;
	}
li{
	font-size:10px;
}

.li_menu_aud{
	width:165px;
	float:left;
	margin-left:4px;
	font-size:10px;
}

.li_menu{
	font-size:10px;
}


#canvas {
position:relative;
margin:0 auto;
background-color:#FFFFFF;
width:800px;
font-family:Arial;
height:555px;
color: #333333;
}

#canvas_brochure {
position:relative;
margin:0 auto;
background-color:#FFFFFF;
width:800px;
font-family:Arial;
height:372px;
}

#logo {
	position:relative;
	width:275px;
	height:110px;
	text-align:center;
	top:5px;
	left:197px;
}

#anim {
	position:relative;
	width:900px;
	height:110px;
	text-align:center;
	top:0px;
	margin:0 auto
}

#content {
	position:absolute;
	width:750px;
	height:auto;
	}
	
.menu00 {
	position:absolute;
	height:50px;
	width:60px;
	top:126px;
	background-position:top left; 
	background-repeat:no-repeat;
	background-image:url(images/img_menu00.jpg); left:1px;
	font-size:12px;
	padding-top:195px
}

.menu01 {
	position:absolute;
	height:50px;
	width:60px;
	top:126px;
	background-position:left -18px; 
	background-repeat:no-repeat;
	background-image:url(images/img_menu01.jpg); left:62px;
	font-size:12px;
	padding-top:195px
}
.menu02 {
	position:absolute;
	height:50px;
	width:60px;
	top:126px;
	background-position:left -18px; 
	background-repeat:no-repeat;
	background-image:url(images/img_menu02.jpg); left:123px;
	font-size:12px;
	padding-top:195px
}

.menu03 {
	position:absolute;
	height:55px;
	width:60px;
	top:126px;
	background-position:left -18px; 
	background-repeat:no-repeat;
	background-image:url(images/img_menu03.jpg); left:184px;
	font-size:10px;
	padding-top:190px
}

.menu04 {
	position:absolute;
	height:55px;
	width:60px;
	top:126px;
	background-position:left -18px; 
	background-repeat:no-repeat;
	background-image:url(images/img_menu04.jpg); left:245px;
	font-size:12px;
	padding-top:190px}

#main {
	position:absolute;
	left:306px;
	width:484px;
	height:245px;
	background-color:#FFFFFF;
	top:126px;
	text-align:left;
	padding:0;
	padding-left:0px;
	}
#video {
	position:absolute;
	top:126px;
	width:279px;
	height:17px;
	left:0;
	border:#FFFFFF solid 1px;
	background-image:url(images/img_video.jpg);
	z-index:10;
	background-repeat:no-repeat;
	padding : 8px 0 0 25px
}

#video a:link, #video a:visited, #video a:active { color:#FFFFFF}
#video a:hover { color:#FF6600}


a, img {
text-decoration:none;
border:0;
}

.txt {
color:#FFFFFF;
line-height:10px;
}
.txt a:link, .txt a:visited, .txt a:active { color:#FFFFFF}
.txt a:hover { color:#FF6600}


#annonce {
	position:absolute;
	top:371px;
	left:0;
	background-color:#F90;
	width:304px;
	padding-bottom:15px
	}
#annonce a:link, #annonce a:visited, #annonce a:active { color:#FFFFFF}
#annonce a:hover { color:#FF6600}
	
#footer {
	border-top:#CCCCCC solid 1px;
	margin-top:20px;
	padding-top:15px;
	position:absolute;
	text-align:center;
	font-size:10px;
	color:#666666;
	width:480px;
	height:50px;
	left:0;
	margin-left:10px;
	}
	

#footer a:link, #footer a:visited, #footer a:active { color:#999999; text-decoration:none}
#footer	a:hover { text-decoration:none; color:#666666}
.I { color:#FF6600; }	

.header { 
	position:absolute;
	font-size:10px;
	padding-left:10px;
	top:205px;
	left:0}
	
.header a:link { text-decoration:none; color:#FF6600; }
.header a:visited { text-decoration:none; color:#FF6600; }
.header a:hover {text-decoration:none; color:#666666; }
.header a:active { text-decoration:none; color:#FF6600; }

.sous_menu {
	padding:8px 2px 8px 0;
	position:relative;
	left:0;
	margin:-2px;
	margin-top:-9px;
	list-style-type:none;
   	font-size:7.5px;
	color:#666666;
	
	}
.sous_menu a:link,.sous_menu a:visited,.sous_menu a:active { text-decoration:none; color:#666666; }
.sous_menu a:hover {color:#FF9900; }

#img_auditive{
	margin-top:-12px;
	}

#brochure{
	margin-top:10px;
	margin-left:-20px;
	padding:10px;
	}
	
#corps_brochure{
	width:780px;
	font-size:12px;
	text-align:left;
	padding:20px;
	position:absolute;
	font-family:Arial;
	margin-top:-20px;
	}	
	
#centre_brochure{
	width:800px;
	margin:auto;	
}	

#footer_bro{
	border-top:#CCCCCC solid 1px;
	margin-top:20px;
	padding-top:15px;
	position:absolute;
	text-align:center;
	font-size:10px;
	color:#666666;
	width:480px;
	height:50px;
	left:0;
	margin-left:160px;
}
#footer_bro a:link, #footer_bro a:visited, #footer_bro a:active { color:#999999; text-decoration:none}
#footer_bro	a:hover { text-decoration:none; color:#666666}

h3{
	text-align:center;
	color:#F13531;
	}

h4{
	color:#F13531;
}	
	
.ferme{
	display:none;
	}	
	
#brochure a{
	display:block;
	text-decoration:none;
	color: #FF6600;
	}

#ap a:hover{
	text-decoration:underline;
}

#ap{
	margin-top:25px;
}	
	
.souligne{
	text-decoration:underline;
	}
		
	
.savoir {
	text-align:center;
	margin-top:20px;
	margin-bottom:25px;
	font-weight:bold;
	}	
.marche{
	text-align:center;
	font-weight:bold;
	}	
.gras{
	text-decoration:underline;
	font-weight:bold;
	}	
.centre{
	
	background-color:pink;}		

td{
	width:300px;
	text-align:center;
	height:20px;
}	

.box_ap{
	margin-top: 8px;
	margin-bottom: 15px;
}

.cliquezici{
	margin-left:3px;
	color:black;
	font-size:10px;
}

#test_audition{
float:right;
height:135px;
margin-left:8px;
margin-right:5px;
}

#fleur_audition{
float:left;
margin-bottom:10px;
}

.lien_brochure{
	width:150px;
	margin:auto;
	margin-top:14px;
	margin-bottom:-12px;
	color:black;
}

#lien_annuaire{
	width:150px;
	margin:auto;
	margin-top:14px;
	margin-bottom:-12px;
	color:black;
}

#lien_annuaire a:hover{
	text-decoration:underline;
	color:black;
}

#lien_annuaire a:link, #lien_annuaire a:visited, #lien_annuaire a:active { color:black;}

#lien_brochure a:link, #lien_brochure a:visited, #lien_brochure a:active { color:black;}
	

.lien_brochure a:hover{
	text-decoration:underline;
}
#img_casque{
	margin-top:10px;
}

#img_descr_casque{
	float:right;
	height:220px;
	margin: 0 50px 0 0;
	padding-bottom:50px;
}

#livre{
width:400px;
}

.retour{
	width:100px;
	margin:auto;
	margin-top:20px;
}

#videos{
margin-top:15px;
margin-left:1px;
}