body { text-align: left; margin: 0; padding: 0; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	font-size: 12px; background-color: #ffffff; color: #666666;}
body, div, td, textarea, select {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: justify;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

#global{text-align: left; margin: 0px auto; padding: 0px; width: 800px;  overflow: hidden; background: url(images/ssmenu.jpg) repeat-y; background-color: #ffffff;}
	#header{float: left; overflow: hidden; margin: 0px; padding: 0px; width: 800px; height: 86px; margin-bottom: 10px;}
	#menu{float: left; overflow: hidden; margin-bottom: 0px; padding: 0px; width: 800px; height: 65px;}
		.menu{float: left; overflow: hidden; margin: 0px; padding: 0px; width: 110px; height: 65px;}
		#menu_droite{float: left; overflow: hidden; margin: 0px; padding: 0px; width: 250px; height: 65px;}
		
	#contenu{float: left; width: 790px; margin: 0px; padding: 0px 5px; overflow: hidden;}
		.separateur{float:left;width: 790px; height: 1px; background: url(images/separateur_footer.gif) repeat-x top;}
		/* PAGE D'INDEX */
		#groupe_rubrique{float: left; overflow: hidden; width: 50%; height: 288px;}
			.rubrique{float: left; overflow: hidden; width: 100%; height: 23px; margin-top: 15px;}
			#rubrique_reference{float: left; overflow: hidden; width: 100%; height: 124px; margin-top: 15px; background: url(images/rubrique_reference.gif) no-repeat;}
		#maison{float: left; overflow: hidden; width: 50%; height: 288px; margin: 0px; padding: 0px; background: url(images/maison.jpg) no-repeat;}
		#reference{float: left; overflow: hidden; width: 50%; margin-top: 15px;}
		#actu{float: left; overflow: hidden; width: 50%; margin-top: 15px;}
			.bloc_actu{float: left; overflow: hidden; width: 100%; margin-top: 10px; background-color: #f1f1f1;}
				.image_actu{float: left; overflow: hidden; width: 79px; height: 61px; margin-top: 5px; padding-left: 5px; margin-bottom: 5px;}
				.texte_actu{float: left; overflow: hidden; width: 73%; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; color: #000000; text-align: justify;}
					.lien_actu{float: left; overflow: hidden; text-align: right; margin-left: 220px; width: 70px;}
			#presentation{float: left; overflow: hidden; width: 100%;}
			#partenaire{float: left; overflow: hidden; width: 100%; padding-top: 10px; font-weight: bold}
		
		/* PAGE COMPETENCES */
		#txtCompetence{float: left; width: 385px; padding: 15px 10px 0px 0px}
		#diapoCompetence{float: left; width: 395px; margin-top: 15px; overflow: hidden}
		
		/* PAGES PRESENTATION ATIVITE */
		.titregeneral{font-size: 20px; font-weight: bold; color: #ff0000;}
		.titrepage{font-size: 16px; font-weight: bold; color: #ff0000;margin-bottom:1px;text-align : left}
		
		
		/* PAGE DE CONTACT */
		#contact{float: left; width: 50%; color: #666666}		
			#formulaire_contact{float: left; width: 50%; color: #666666}
		
		/* PAGE MENTIONS LEGALES */
		#titre_mention{text-align: center; font-size: 14px; font-weight: bold;}
		
	#footer{float: left; margin-top: 10px; padding-top: 5px; padding-left: 5px; padding-right: 5px; width: 800px; height: 50px; background: url(images/separateur_footer.gif) repeat-x top;background: #fff}
		#mentions{float:left; width: 450px; font-size: 12px; color: #666666}
		#infoplus{float:right; width: 300px; font-size: 11px; color: #666666; text-align: right; margin-right: 10px;}
	
	
.titre{font-size: 18px; color: #ff0000; margin-top: 10px;}
	
a img {border: 0;}		

a.footer:link{font-size: 12px; color: #666666;	text-decoration: underline;}
a.footer:visited{font-size: 12px; color: #666666;	text-decoration: underline;}
a.footer:hover{font-size: 12px; color: #666666; text-decoration: underline; font-weight: bold;}

a.actu:link{font-size: 12px; color: #ff0000; text-decoration: none; text-align: right;}
a.actu:visited{font-size: 12px; color: #ff0000;	text-decoration: none; text-align: right;}
a.actu:hover{font-size: 12px; color: #ff0000; text-decoration: underline; text-align: right;}
