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

*{
padding:0;
margin:0;
}

body{
background-image: url(ressources/motif.jpg);
overflow:hidden;
}

#page{
height:1200px;
width:980px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;



}

#header{
	height:150px;
	width:100%;
	background-color:#DFDFDF;

}

#logo{
height:150px;
width:440px;
background-image:url(ressources/logo.jpg);
background-position:right;
background-repeat:no-repeat;
}


/* Menu */

#monmenu {
	position:relative;
	float:right;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:480px;
	margin-top:-44px;
	margin-right:30px;
	z-index:5;
		
}

#monmenu ul{
    position:absolute;
    float:right;
	width:100%;
	
	margin-top:0px;
	z-index:5;
	
		
}


#monmenu ul.niveau1 li{
	
	
	color:#999999;
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 2px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative;
	line-height:40px;
	float:right;
	text-align:left;	
	width:140px;
}

#monmenu ul.niveau1 li:hover{
	
	color:#993399;
	
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 2px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	
	 
		
}

#monmenu ul.niveau1 li a{
	
	color:#FFFFFF;
	
	
		
}

#monmenu ul.niveau1 li a:hover{
	
	color:#993399;
	
	PADDING-RIGHT: 0px;
			
}

#monmenu ul.niveau1 li#active a{
	color:#FF0000;
	line-height:30px;
	PADDING-RIGHT: 0px;
}



#monmenu UL UL {
	PADDING-RIGHT: 0px;  
	DISPLAY: none; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	margin-top:17px; 
	PADDING-TOP: 2px; 
	POSITION: absolute; 
	z-index:8;
	float:left;
	
}

#monmenu UL UL.niveau2 li.plus {

	line-height:20px;
	width:140px;
	text-align:left;
	float:left;
	
	margin-left:0px;
	
}


#monmenu UL UL.niveau2 li.plus a {


font-weight:thin;
color:#FFFFFF;

text-align:left;
float:left;


}

#monmenu UL UL.niveau2 li.plus a:hover {
	color:#666666;
	text-align:left;

}

#monmenu UL UL.niveau2 li.niveau3 a {


font-weight:thin;
color:#FFFFFF;
background-color:#990033;
list-style: circle;;
text-align:left;
float:left;


}

#monmenu UL UL.niveau2 li.niveau3 a:hover {
	color:#666666;
	text-align:left;

}

#monmenu UL UL UL{
margin-left:150px;
margin-top:-2px;
}

#monmenu ul.niveau3 li{
margin-left:120px;
margin-top:-2px;
line-height:21px;


}

#monmenu ul.niveau3 li:hover{
margin-left:120px;
margin-top:-2px;
line-height:20px;}

#monmenu ul.niveau1 li#active ul.niveau2 li.plus a{
	color:#999999;
	line-height:12px;
}

#monmenu ul.niveau1 li#active ul.niveau2 li.plus :hover{
	color:#993399;
	line-height:30px;
	text-align:left;

}

#monmenu ul.niveau1 li#active ul.niveau2 li#en_cours a{
	color:#FF0000;
	line-height:30px;
	font-weight:thin;
}

#monmenu ul.niveau1 li#active ul.niveau2 li a:hover{
	color:#993399;
	line-height:30px;
	font-weight:thin;
}

#monmenu LI.sfhover {
	BACKGROUND-COLOR: transparent;
}
#monmenu LI A {
	TEXT-DECORATION: none
}
#monmenu LI:hover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}

#arles{
	background-image:url(ressources/btn_arles.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:40px;
	background-color: #FCD24C;
	background-position:center;
}

li#arles ul.niveau2 li.plus{
	
	background-color: #FCE265;
	background-position:center;
	
}

#maison{
	background-image:url(ressources/btn_lamaison.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:40px;
	background-color: #990033;
	background-position:center;
}

li#maison ul.niveau2 li.plus, li#maison ul.niveau2 li.plus ul.niveau3 li{
	background-color: #992533;
	background-position:center;
}



#artistes{
	background-image:url(ressources/btn_artistes.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:40px;
	background-color: #66B8DD;
	background-position:center;
}

li#artistes ul.niveau2 li.plus{
	
	background-color: #74D5F7;
	background-position:center;
	
}

/* TEXTE HEADER */

#pitch{
	position:absolute;
	font-size:12px;
	width:480px;
	height:60px;
	text-align:justify;
	padding:0;
	margin: -110px 30px 0 470px;
	font-style:italic;
	color:#9B004D;
}

#langue{
position:absolute;

height:100px;
width:490px;
margin-left:460px;
margin-top:-147px;
}

a img {
border:none;
}

/* CORPS */
#corps{
width:980px;;
height:67%;
background-color:#FFFFFF;
position:absolute;
overflow:auto;
margin-top:20px;


}

#texte{
position:absolute;
margin-left:40px;
width:380px;

margin-top:10px;
text-align:justify;

}

#texte h1{
color:#990033;
text-align:left;
font-size:18px;
padding-bottom:15px;
}
#texte h2{
color:#66B8DD;
text-align:left;
font-size:18px;
padding-bottom:15px;
}

#texte h3{
	color:#FCD24C;
	text-align:left;
	font-size:18px;
	padding-bottom:15px;
}

#texte p{
padding-bottom:15px;
font-size:12px;
}

#texte p span.bleu{
color:#66B8DD;
font-weight:bold;
}

#texte p a{
color:#990033;
font-weight:normal;
text-decoration:underline;
}

#texte p a:hover {
	color:#0099FF;
	font-weight:normal;
	text-decoration:underline;
}

#texte.sitemap a{
color:#999999;
font-weight:normal;
text-decoration:none;
}

#texte.sitemap a:hover{
color:#BA4242;
font-weight:normal;
text-decoration:underline;
}

#texte.sitemap h4{
color:#666666;
font-weight:bold;
font-size:14px;
padding-bottom:5px;

}

#slide{
position:fixed;
margin-top:50px;
margin-left:470px;
}


 #slide p.legende{
color:#FFFFFF;
font-weight:normal;
width:475px;
margin-top:10px;
text-align:left;
padding: 0 0 0 5px;

} 

#FrogJS{
				width: 470px;
				height: 350px;
				margin: 0 auto;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: center;
				line-height: 140%;
			}




#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-top:5px;
	position : absolute;
	
	
	bottom :0px;
		width : 100%;
	height:25px;
	
}
#footer a {color : #990033 ; text-decoration : underline ; background:#DFDFDF; padding: 5px 5px 5px 5px;}
#footer p {
	font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;
width:980px;
background-color:#990033;
color : #ffffff;
text-align : center;
margin-left:auto;
margin-right:auto;


}
#footer a:hover {color : #990033 ; text-decoration : underline ; }