/* CSS Document */

@charset "utf-8";



/* CSS Document */
/*Module entourant tout les autres DIV*/


body {
width:auto;
}



#page {
	text-align: justify;
	width: 100%;
	margin: 10px auto 10px auto;
	position: relative;
	background: #fff;
	border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
	padding: 0;
	
}
/*Module entourant le menu accessibilité tout en haut de page*/
h2 { 
font-size: 2em;	

margin: 0;
font-weight: bold;
color:#b0ca43;		
}

/*Module bannière*/

#banniere {
background:url(images/gratuit.jpg) no-repeat left #008bcc ;
height:167px;
}

#header {
width: auto;
height:167px;

}

#header a {
		display:block;
width: 180px;
height:150px;
		text-decoration:none;


		}

#header h1 {
text-indent: -5000px;
margin: 0;
line-height: 0;
font-size:0px;
}

#header h2 {
text-indent: -5000px;

}

#easy-access {
text-align:center;
}

#easy-access a {
font-size:0.6em;
display:inline;
text-decoration:none;
color:#CCCCCC;
margin: 0 5px 0;
}

						#menu { /* bloc concernant l'image en arrière-plan */
						width : 190px;
						height: 195px;
						background-image:url(images/trefle.png);
						background-repeat:no-repeat;
						margin-left:70%;
						top: 0px;
						position:absolute;
						}
						
	#menu a {
						
						width:97px;
						height:95px;
						font-size:0px;
					text-indent:-5000px;
						}

						
						
						
						.zone1 { /* zone cliquable de la gallerie photos*/
						position:absolute; 
						width : 90px;
						height: 94px;
						margin-left: 0px;
						margin-top: 0px;
						/* border: 1px dotted white; /* ajouté pour visualiser la zone*/
						}
						
						a.zone1:hover{  /* survol pour la zone cliquable gallerie photos*/
background-image:url(images/trefle_1.png);
background-repeat:no-repeat;
						}
						
						.zone2 { /* zone cliquable pour les infos pratiques */
position:absolute;
width : 100px;
height: 94px;
margin-left: 90px;
margin-top: 0px;
						 /* border: 1px dotted white; ajouté pour visualiser la zone*/
						}
						
						
						
						a.zone2:hover{  /* survol pour la zone cliquable des infos pratiques*/
background-image:url(images/trefle_2.png); 
background-repeat:no-repeat;
						}
						
						
						
						.zone3 { /* zone cliquable pour intervenants et partenaires*/
position:absolute;
width : 90px;
height: 101px;
margin-left: 0px;
margin-top: 94px;
						/*border: 1px dotted white;  ajouté pour visualiser la zone*/
						
						}
						
						
						
						a.zone3:hover{  /* survol pour la zone cliquable intervenants et partenaires*/
background-image:url(images/trefle_3.png);
background-repeat:no-repeat;
						}
						
						
						
						.zone4 { /* zone cliquable pour point presse*/
position:absolute;
width : 100px;
height: 101px;
margin-left: 90px;
margin-top: 94px;
						/* border: 1px dotted white; /* ajouté pour visualiser la zone*/
						}
						
						
						
						a.zone4:hover{  /* survol pour la zone cliquable pour point presse*/
background-image:url(images/trefle_4.png); 
background-repeat:no-repeat;
						}

/*Module entourant le calendrier plus la recherche par lieux*/
#calendrier {
position:absolute;
top:209px;
left: 0px;
float:left;
height: 265px;
width : 200px ;
background: url(images/programmation_02.gif) no-repeat;
background-position:bottom;
}

#calendrier h4 {
	color:#FFFFFF;
	font-weight:900;
}



#pdf a {
color:#FFFFFF;
text-align:center;
text-decoration: none;
font-size: 10pt;
font-weight: bold;
display:block;
width:200px;
height:20px;
position: absolute;
bottom: 10px;
background-image:url(images/logo_pdf.gif);
background-repeat: no-repeat;
}


option {
font-size: 0.8em;
}

select {
width: 190px;
height:20px;
}

#lieux{
width:190px;
}

#tabcalendrier table {
width:95%;
font-size:0.8em;
}

#tabcalendrier tbody{
color:#FFFFFF;
font-weight:900;
text-align:center;
}

#tabcalendrier tbody a {
	color: #ffec00;
}

#programmation {
height: 43px;
background: url(images/programmation_01.gif) no-repeat;
}


#programmation h3 {
text-indent: -5000px;
margin: 0;
line-height: 0;
}

#equipe {
position:absolute;
top:474px;
left: 0px;
float:left;
height: 200px;
width : 200px ;
background:url(images/equipe.gif) no-repeat;
}

		#equipe a {
		display:block;
		width:147px;
		height:59px;
		text-decoration:none;
		text-indent:-5000px;
		}
		
		#equipe a:hover {
		background: url(images/equipe02.gif) no-repeat;
		}
		
		#equipe a:active {
		background: url(images/equipe03.gif) no-repeat;
		}
/*Module commentaires laissés par internautes*/

#commentaires {
float:right;
height:auto;
width : 30% ;
font-size: 0.8em;
text-align:left;
}
#commentaires h2 {
text-indent: -5000px;
margin-top:5%;
height:36px;
font-size:0px;

}
#commentaires h2 a {
		display:block;
width: 207px;
height:36px;
		text-decoration:none;
background:url(images/buzz_03.gif) no-repeat;		
		}

#commentaires h2 a:hover {
		text-decoration:none;
background:url(images/buzz_04.gif) no-repeat;
}




#commentaires h3 {          /*date*/
font-size:1.1em;
font-weight:bold;
color:#CC0066;
border-bottom:dotted;
border-bottom-width:thin;
border-bottom-color:#CCCCCC;
}

#commentaires h4 {           /*pseudo*/
line-height:0;
font-size:1em;
}

#commentaires p {
margin-left:10%;

font-style:italic;

}



/*Module entourant infocontenu et contenu*/

#infocontenu {
width:65%;
border-right-style:solid;
border-right-width:thin;
border-right-color:#b0ca43;
padding-right: 15px;


}

				#infocontenu a{ color: #000033; }
				#infocontenu a:hover {color: #c64980;}
				#infocontenu h2 {
				font-size: 2.75em;
				text-align:center;
				margin: 0 0 0.5em 0;
				font-weight: bold;
				color:#92D969;
				
				}
				
				#infocontenu  h3 {
				font-size: 1.4em;
				text-align:left;
				font-weight: bold;
				line-height: 1.3em;
				color: #008acc;
				margin-bottom: -0.5em;
				}
				
				#infocontenu  h4 {
				font-size: 1.3em;
				line-height: 1em;
				margin-bottom: 0.5em;
				}
				
				#infocontenu  h4 a { 	
				color: #d3438c;
				text-align:left;
				}
				
				#infocontenu  h5 { 	
				line-height: 1em;
				margin-bottom: 0.3em;
				font-size:1em;
				text-align:left;
				}
				
				
				#infocontenu  h6 { 	
				line-height: 1em;
				margin-bottom: 0.3em;
				font-size:0.8em;
				text-align:left;
				color:#999999;
				}
				
				#infocontenu h7 { 	
				font-weight:bold;
				font-size:1em;

				#toutcommentaire h5 {
				line-height: 1em;
				margin-bottom: 0.3em;
				font-size:0.8em;
				text-align:left;
				color:#999999;

				}
				#toutcommentaire h6 {
				font-weight:bold;
				font-size:1em;

				}				
								}
								
.titre  { 	
				color: #d3438c;
				
				}								
								


#contenu {
font-family: Verdana,Arial,Helvetica,sans-serif;
position:absolute;
top:200px;
left: 220px;
width:70%;
margin-right:5px;
background-color:white;
margin-bottom:80px;
font-size: 0.7em;
height:auto;
}

#contenu  p {
	line-height: 1.2em;
}
.texte {
margin-top:5px;}


.texte img {
text-align:justify;
float: right;
margin:0 0 5px 10px;
width:25%;
height:auto;
}
.texte2 img {
text-align:justify;
float: right;
margin:0 0 5px 10px;
width:30%;
height:auto;
}

#contenu form {
margin-top:2em;
}

#contenu a{
text-decoration: none;
color:#97bf3b;
}

#contenu ul {
list-style-type: none;
text-align: left;
}

				
				#descriptifintervenants{
				width: 100%;
				position:relative;
				margin-top:500px;
				}
				
				
				
				#ancresartistes {
				width:50%;
				float:left;
				}
				
				#ancresprofs {
				width:50%;
				float:right;
				}
				

				
				.nom {font-weight : bold ;color:#92D969;}

/*Module du bas de page, contenant le lien retour acceuil + contact*/



#accueil{
height:20px;
width:100%;
background:url(images/puce.gif) left bottom no-repeat;
border-bottom: #f9c115 thin solid;
margin-bottom:0px;
position:absolute;
bottom:-15px;

}
				#accueil a {
				color: #CCCCCC;
				margin-left:10px;
				font-size:0.8em;
				}
				#accueil a:hover {
				color: #f9c115;
				font-size:1em;
				}
				
				
				#accueil ul {
				list-style-type: none;
				display:inline;
				}
				
				#accueil li {
				float: left;
				margin: 7px 5px 0 ;
				
				}

#compteur{
width:100%;
font-size: 0.8em;
color: #CCCCCC;
margin-left:15px;
position:absolute;
bottom:-30px;
}

/*Module entourant le futur module logo partenaires*/

#logopartenaires { /* bloc concernant l'image en arrière-plan */
margin-top:40px;
width : 500px;
height: 60px;
background-image:url(images/logopartenaires.jpg);
background-repeat:no-repeat;

margin-left:-20px;
}
#logopartenaires a{
text-indent:-5000px;
font-size:0px;
}
.paca { /* zone cliquable de la région paca*/
position:absolute; 
width : 40px;
height: 60px;
margin-left: 0px;
margin-top: 0px;
border: 1px dotted white; /* ajouté pour visualiser la zone*/
}

.nice { /*zone cliquable pour la ville de nice*/
position:absolute;
width:50px;
height:60px;
margin-left:40px;
margin-top:0px;}

.musees { /*zone cliquable pour la ville de nice*/
position:absolute;
width:49px;
height:60px;
margin-left:90px;
margin-top:0px; }

.culturesnice {
position:absolute;
width:106px;
height:26px;
margin-left:139px;
margin-top:0px;
margin-bottom:34px;
}

.malmaison {
position:absolute;
width:106px;
height:34px;
margin-left:139px;
margin-top:26px;
margin-bottom:0;
}



.mic{
position:absolute;
width:50px;
height:60px;
margin-left:300px;
margin-top:0;
}

.augier{
position:absolute;
width:53px;
height:28px;
margin-left:447px;
margin-top:0;

}
.unice{
position:absolute;
width:53px;
height:28px;
margin-left:447px;
margin-top:32px;
}
.comed{
position:absolute;
width:97px;
height:27px;
margin-left:350px;
margin-top:2px;
}
.electron {
position:absolute;
width:81px;
height:29px;
margin-left:360px;
margin-top:30px;
}
/*Module gallerie photo et video*/
			#galleriephoto{
			width : 40% ;
			height:auto;
			border-right-style:solid;
border-right-width:thin;
border-right-color:#b0ca43;

float:left;

			}
									
				
				
								#galleriephoto p{
								font-size:0.8em;
								color:#CC0066;
								}
								#galleriephoto h3{
								margin-bottom:2em;
								}

			
			#video{
			height:auto;
			width : 40% ;
			float:right;
			display:inline;
			border-right-width:thin;
			border-right-color:#b0ca43;
			
			
			
			
			}
													
				
							#video p{
							font-size:0.8em;
							color:#CC0066;
							}
							#video h3 {
							width:auto;
							margin-bottom:2em;
							}

			#gallerie {
			
			width:350px;		}