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

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color:#333333;
		background-color:#ffffff;
		margin:0px;
		
}



#contain {
				width:999px;
				margin:0px auto;
				padding:0px;
				
				
							
}



#menu {
		display:block;
		border-top:#fffffe solid 10px;
		height:45px;
		width:1000px;
		float:left;
		
	
	
		
}

#container {
			display:block;
			position:relative;
			float:left;
			background-image:url(images/bg_container.jpg);
			background-repeat:repeat-y;
			width:995px;
			

}

#colonne_gauche {
		display:block;
		position:relative;
		float:left;
		width:324px;
}



#logo {
		display:block;
		position:relative;
		float:left;
		width:324px;
		height:104px;
}



#conscience {
		display:block;
		position:relative;
		float:left;
		width:324px;
		height:40px;
}

#conscience p { margin:0px;}



#colonne_grise_top {
		display:block;
		position:relative;
		float:left;
		width:324px;
		height:6px;

}



#colonne_grise_centre {
		display:block;
		position:relative;
		float:left;
		width:324px;
		background-image:url(images/col_gris_centre.jpg);
		background-repeat:repeat-y;
		height:425px;
}




#eudoxie {
		display:block;
		position:relative;
		float:left;
		width:284px;
		padding:10px 20px 0px 20px;

}

#eudoxie h1 { color:#4e723b; margin:0px; font-size:1.5em; font-weight:100; text-align:center; font-variant:small-caps; }
#eudoxie h4 { color:#587d46; margin:3px; font-size:1.0em; font-weight: bold; text-align:center }
#eudoxie p {  font-weight: bold; text-align:center; margin:0px; font-size:0.9em;}
#eudoxie hr { color:#5e834a; height:1px; width:284px; margin:20px 0px 20px 0px; }



#eukilibre {
		display:block;
		position:relative;
		float:left;
		width:284px;
		height:291px;
		padding:0px 20px 0px 20px;
}


#eukilibre h4 { color:#587d46; margin:0px; font-size:0.9em; font-weight: bold; }
#eukilibre p {  font-size:0.93em;}
#eukilibre span { color:#22a7dd;}



#colonne_grise_bas {
		display:block;
		position:relative;
		float:left;
		width:324px;
		height:10px;
}

#photo {
			display:block;
			position:relative;
			float: left;
			width:671px;
			height:102px;
			border-top:1px solid #fffffe;
			border-bottom:2px solid #fffffe;

}

#contenu_accueil {
			display:block;
			position:relative;
			float: left;
			width:671px;
			height:585px;
			border-top:1px solid #fffffe;
}



#contenu {
			display:block;
			position:relative;
			float: left;
			width:630px;
			padding:15px 20px 20px 20px;
			line-height:18px;
			border-right:1px solid #CCCCCC;
}

#contenu h2 { color:#4e723b; font-size:1.4em; font-weight:100; font-variant:small-caps; }
#contenu p {  font-size:0.95em; margin:0px;}
#contenu h3 { color:#22a7dd; font-size:1.1em; font-weight: bold;}
#contenu h4 { color:#587d46; margin:20px 0px 0px 0px; font-size:1.0em; font-weight: bold; }

#contenu_activite {
			display:block;
			position:relative;
			float: left;
			width:630px;
			padding:15px 20px 20px 20px;
			line-height:18px;
			border-right:1px solid #CCCCCC;
}

#contenu_activite h4 { color:#587d46; margin:10px 0px 0px 0px; font-size:1.0em; font-weight: bold; }
#contenu_activite p {  font-size:0.95em; margin:0px;}
#contenu_activite h2 { color:#4e723b; font-size:1.4em; font-weight:100; font-variant:small-caps; }
#contenu_activite h3 { color:#22a7dd; font-size:1.1em; font-weight: bold;}

a.vert:link, a.vert:visited, a.vert:active
{					
			text-decoration:none;
			color:#587d46;	
}

a.vert:hover 
{			
			text-decoration:underline;
			color:#587d46;
}

a.bleu:link, a.bleu:visited, a.bleu:active
{					
			text-decoration:none;
			color:#22a7dd;	
}

a.bleu:hover 
{			
			text-decoration:underline;
			color: #22a7dd;
}

.bleu2 { color:#22a7dd;}

#footer {
			display:block;
			position:relative;
			float:left;
			width:999px;
			height:35px;
			background-image:url(images/footer.jpg);
			background-repeat:no-repeat;
}

#footer p { margin:0px}



#alias {
		display:block;
		position:relative;
		float:left;
		width:500px;
		height:35px;
}

#alias p { color:#fffffe; font-size:0.75em; padding:8px 0px 0px 10px;}



a.blanc:link, a.blanc:visited, a.blanc:active
{					
			text-decoration:none;
			color:#fffffe;	
}

a.blanc:hover 
{			
			text-decoration:underline;
			color:#fffffe;
}



#copyright {
		display:block;
		position:relative;
		float:left;
		width:499px;
		height:35px;
}

#copyright p { color:#fffffe; font-size:0.75em; padding:8px 20px 0px 0px; text-align:right}


#bienfaits, #saines, #minutes, #bouger, #chroniques, #poids, #osteo, #arthrite, #cardio, #hyper, #diabete, #mentale  { 
			position:absolute;
 			visibility:hidden;
			 top:225px;
			  width:500px;
			   left:-160px;
			    margin-left:50%;
				 background:#ededed;
				  
				   display:block;
					border:#CCCCCC solid 2px;
					 border-left:#587d46 solid 4px;
					 padding:10px;
					  min-height:200px;
					  
					  }
				  
#bienfaits h4, #saines h4, #minutes h4, #bouger h4, #chroniques h4, #poids h4, #osteo h4, #arthrite h4, #cardio h4, #hyper h4, #diabete h4, #mentale h4 { color:#587d46; margin:5px 0px 0px 0px; font-size:1.0em; font-weight: bold; }


#energie, #actimenu, #epic, #ymca, #hydro, #banque, #breton, #finances, #fondation, #uqas, #udem, #commission, #viactive, #olympe, #ibm, #uqac, #federation, #kino, #uniprix, #csss, #gets  { 
			position:absolute;
 			visibility:hidden;
			 top:210px;
			  width:500px;
			   left:-160px;
			    margin-left:50%;
				 background:#ededed;
				
				   display:block;
					border:#CCCCCC solid 2px;
					 border-left:#587d46 solid 4px;
					 padding:10px;
					  min-height:200px;
					  
					  }


#energie h3, #actimenu h3, #epic h3, #ymca h3, #hydro h3, #banque h3, #breton h3, #finances h3, #fondation h3, #uqas h3, #udem h3, #commission h3, #viactive h3, #olympe h3, #ibm h3, #uqac h3, #federation h3, #kino h3, #uniprix h3, #csss h3, #gets h3
  { color:#22a7dd; font-size:1.1em; font-weight: bold;}