a.opacity img 	{filter:alpha(opacity=100);   
                     -moz-opacity: 1.0;   
                     opacity: 1.0;}

a.opacity:hover img {filter:alpha(opacity=60); 
               -moz-opacity: 0.6; 
               opacity: 0.6;}
	

#global
{
		margin: 0 auto ;
		padding:0px;
		width:980px;
		position:relative;
		
	

}

			   
	   
/*----------------------------------------------------------------------------------
					HEADER - TOP  -  VOIR hiver.css et ete.css
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
					MENU GAUCHE
----------------------------------------------------------------------------------*/

#accueil
{
		text-align:center;
}

#menug

{
			float:left;
			position:relative;
			background-color:#FE9901;
			width:217px;
			text-align: center;
			margin:0px 0px 0px 0px;
			padding:0px;

}
#menug p {padding:0px;margin:0px;}

#accueil
{
		text-align:center;
		
}



		ul#actis
		{
		
			margin: 0 ;
			padding: 0 ;
			/*background: #D8D8D8; */
			list-style-type: none ;
		
			
		}
				
		ul#actis li
		{
			
			text-align: center;
			margin:5px;
		
		}
		
		ul#actis li a
		{
	
	height: 22px;
	font-size: 0.75em;
	background-color:#DE8500;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 20px;

	
	
	
			
		}
		
		ul#actis li a:hover
		{
			color: #FFFFFF;
			background: #424E53; 
		}
		
		
#menug2

{
		border-left:1px solid #FFFFFF;
		margin:10px 0px 30px 10px;
		text-align:left;
		padding:5px 5px 5px 15px;

}


ul#liens
		{
		
			margin: 0 ;
			padding: 0 ;
			list-style-image: url( ../images/gen/fl_menug2.gif);
			
		
		
			
		}
				
		ul#liens li
		{
			
			
			margin:2px;
				text-align: left;
			
		
		}
		
		ul#liens li a
		{
	
	
	font-size: 0.75em;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
		
		}
		
		ul#liens li a:hover
		{
			color: #052533;

		}
		

/*----------------------------------------------------------------------------------
					Page - Contenu
----------------------------------------------------------------------------------*/
#page
{
		
		background:url(../images/gen/fd_page.gif) repeat left top;
		overflow:hidden;
		padding:0px 0px 0px 0px;
		margin:0px;
		
}


#swf_home
{
		float:left;
		background-color:#FFFFFF;
		position:relative;
		padding:0px 0px 0px 0px;
		height:430px;
	
}


#content
{	
		float:left;
		
		background-color:#ffffff;
		width:760px;
		padding:0px 0px 0px 0px;
		margin:0px;
	
}

#titre
{
		background:url(../images/gen/bt_titre.gif) no-repeat right top;
		margin-bottom:20px;
		color:#ffffff;
		font-size:1.2em;
		letter-spacing:1px;
		text-align:center;
		margin:10px 0px 0px 0px;
		line-height:35px;
		padding:0px 20px 0px 20px;
		background-color:#FE9901;
		width:340px;
		
}



/*----------------------------------------------------------------------------------
				ACTIVITES
----------------------------------------------------------------------------------*/

#statut
{
	float:left;
}
#statut p
{
	margin:5px 0px 0px 5px;
	padding:2px;
	font-size:0.6em;
	line-height:18px;

}



#saisons
{
		float:right;
		text-align:left;
		background:url(../images/saison/choix_saison.gif) no-repeat left top;
		margin:2px;
		padding:16px 30px 0px 0px ;
}

#inter
{
		margin:0px 10px 0px 5px;
		padding:5px 10px 5px 5px;
		border-top:2px dotted #FE9901;
		
}
#inter2
{
		margin:0px 10px 0px 5px;
		padding:0px 0px 5px 5px;
		border-top:1px dotted #FE9901;
		font-size:8px;
		text-align:right;
		color:#F0A12A;
		
}

#actig
{
	float:left;
	margin:5px 0px 0px 10px;
	width:500px;
	
	
}



#cont
{
	font-size:0.7em;
	text-align:justify;
	margin:0px 0px 5px 15px;
	padding:0px;
}

#pdf
{
	

	margin:0px 0px 0px 15px;
	padding:0px;
}

#reserv
{
	

	margin:5px 0px 15px 15px;
	padding:0px;
	text-align:left;

}

#reserv a
{
	color:#FE4201;
	font-size:0.75em;
	text-decoration:none;
}
#reserv a:hover
{
	color:#333333;
	font-size:0.75em;
	text-decoration:underline;
}
#actid
{
	float:right;
	margin:5px 10px 0px 0px;
	padding:0px 0px 10px 0px;

}
/*----------------------------------------------------------------------------------
					L'EQUIPE
  ----------------------------------------------------------------------------------*/
#equipe
{
		margin:15px 20px 20px 10px;
}

.tcont1
{
		color:#272727;
		font-size:1.5em;
		letter-spacing:1px;

}

.tcont2
{
		/*background-color:#FE9901;*/
		color:#272727;
		border-bottom:2px dotted #FE9901;
		font-size:0.8em;
		letter-spacing:0px;
		font-weight:bold;
		margin:5px 0px 0px 5px;
		padding:2px 3px 2px 3px;
}

.tcont3
{
		border-bottom:2px dotted #FE9901;
		color:#272727;
		font-size:0.95em;
		letter-spacing:1px;
		padding:3px;
		margin:10px 0px 5px 0px;
		

}
#equipe p
{
		color:#272727;
		font-size:0.75em;
		margin:5px 0px 10px 5px;
		padding:0px;
		text-align:justify;
		
}

#equipe ul
{
		color:#272727;
		font-size:0.75em;
		padding:0px 0px 0px 10px;
		margin:10px 0px 0px 0px;
	
		
		
		
}

#equipe ul li
{
		list-style:none;
		background:url(../images/gen/puce1.gif) no-repeat left top;
		padding:2px 2px 2px 22px;
		margin:0px 0px 5px 0px;
		vertical-align:top;

		
	
}


#bureaug
{
		float:left;
		color:#272727;

		margin:5px 0px 5px 5px;
		padding:0px;
		text-align:justify;
		width:550px;
		line-height:17px;
}

#diplome
{
		margin:25px 0px 0px 0px;
}
#bureaud
{
		float:right;
		color:#272727;
		font-size:0.8em;
		margin:5px 0px 5px 0px;
		padding:0px 0px 0px 20px;
		
}


#imgb
{
		
		margin:10px 5px 10px 5px;
		padding:5px;
		border:2px solid #FE9901;
		text-align:center;
		font-size:0.85em;
		font-weight:bold;

}


.bubbleInfo {
    position: relative;
	
	
	
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	background-color:#ffffff;
	padding:3px;


}

#accomp
{
		background-color:#ffffff;
		color:#1F1F1F;
		font-size:11px;
		font-weight:normal;
		padding:10px;
		width:380px;
		line-height:18px;
		text-align:justify;
		border:2px solid #FE9901;

}

#accomp p
{
		background-color:#1F1F1F;
		font-weight:bold;
		color:#FFFFFF;
		font-size:14px;
		letter-spacing:1px;
		margin:0px 0px 5px 0px;
		padding:2px;
}
/*----------------------------------------------------------------------------------
					CLASSES POUR LA PARTIE CONTACT (formulaire et ar_contact.php)
  ----------------------------------------------------------------------------------*/
#contact{
  margin:20px 20px 20px 10px;  
  position:relative;
}
#div_ar_contact{
  padding:20px;
  margin:50px;
  font:10px Verdana;
  text-align:left;
}
.label_contact{
  width:130px ;
  float:left ;
  font:11px Verdana ;
}
.input_contact{
  width:200px ;
  font:10px Verdana ;
  margin:2px;
  border:1px solid #FE9901;
}
.requis
{
	color:#FE4201;
}

#coord
{	
		position:absolute;
		top:0px;
		left:480px;
		background:url(../images/gen/img_contact.jpg) no-repeat left top;
		width:250px;
		border:2px dotted  #FE9901;
		padding:120px 0px 5px 0px;
		text-align:center;
		font-size:0.8em;
		line-height:18px;
		
}

#coord a

{
		color:#FE4201;
		text-decoration:none;
		font-size:14px;

}

#coord a:hover

{
		color:#212121;
		text-decoration:none;
		
}

/*----------------------------------------------------------------------------------
				CLASSES POUR LA PARTIE CONTACT (formulaire et ar_contact.php)
  ----------------------------------------------------------------------------------*/

#div_entete_activite{
  text-align:center;
  font:14px Arial;
  font-weight:bold ;
  padding:10px;
}

/*----------------------------------------------------------------------------------
			Liens - Partenaires
----------------------------------------------------------------------------------*/
#randoseg
{
	float:left;
	margin:25px 0px 0px 50px;
	width:450px;
	font-size:0.8em;

}

#randosed
{
	float:left;

	margin:15px 0px 0px 10px;
	

}

#randoseg a
{
	color:#FE4201;
		text-decoration:none;
}

#randoseg a:hover
{
	color:#333333;
		text-decoration:underline;
}

ul#part
{
			
			
			margin:10px 0px 30px 30px;
			text-align:left;
			padding:0px;
			list-style-type:square;
			
			
}

ul#part li
{
			
			margin:3px 2px 2px 25px;
			padding:3px;
			font-size:0.75em;
			color:#2B6D5B;
			
			
			
}

ul#part li a
{
		color:#FE4201;
		text-decoration:none;
}
ul#part li a:hover
{
		color:#333333;
		text-decoration:underline;
}
