/* CSS Document */
/* Feuille de style du site MCCHP designed by Esteric */
/* Generic style */
body{ margin:0px; padding:0px; background-color:#CCCCCC; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF}

a {text-decoration:none; color:#999999; }
/*ID style*/
#spacer_gauche_banner{
	width:20px; height:191px; float:left; background-image:url(grafx/spacer_gauche.gif);}
	
#banner{
	width: 934px; height:191px;float: left; position:absolute; left:20px; background-image:url(grafx/banner.gif); background-color:#CCCCCC;}
	
#container_banner{
	width:100%; height:191px; margin-top:0px; background-image:url(grafx/spacer_droit.gif);}
	
#bar_menu{
	width:100%; height:36px; padding-left:270px; top:191px; color:#FFFFFF;padding-top:0px; background-color:#333333; background-image:url(grafx/fond_bar_menu.gif); margin-top:0px;}
	


/* Class stryle*/
.column_gauche{
	width:250px; height:100%; background-color:#2E2E2E;}
	
.container{
	width:739px; height:100%; background-image:url(grafx/fond_container.gif); border-right:1px solid black; }

.footer{ width:989px; height:100px; background-color:#2E2E2E; margin-bottom:0px; border-bottom:1px solid #000000; text-align:center}


		/* Class pour le menu du dessus */
ul#menu li{
float: left ; text-align: center ;list-style-type: none; height:36px;border-left:2px solid #FFFFFF;}

ul#menu li a{
width: 100px ; height: 36px ; color:#FFFFFF; font-size:18px; FONT-FAMILY: helvetica,verdana,arial,sans-serif; font-weight:bold; padding-top: 5px;
	display: block ;
	list-style-type: none;
	text-decoration: none;
	margin:0;}
	
ul#menu li a:hover{
	background-image:url(grafx/fond_bar_menu_active.gif); border-left:1px solid #OOOOOO;
	}
	
		/* Class pour la colone de gauche */
		
.conteneur_menu{
	width:198px; height: auto; text-align: center; background-image:url(grafx/content_menu.gif); text-align:left;margin-top:20px;}
	
.conteneur_menu ul{
	list-style-type:none; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;}

.conteneur_menu a{
	font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:none;}

.conteneur_menu a:hover{
	font-family:Geneva, Arial, Helvetica, sans-serif; color:#B6EE3A; font-size:14px; text-decoration:none;}
	
.titre_menu{
	width:198px; height:40px; background-image:url(grafx/menu.gif); }

.titre_coupe{
	width:198px; height:40px; background-image:url(grafx/coupe.gif);}

.titre_2007{
	width:198px; height:40px; background-image:url(grafx/2007.gif);}
	
.pied_menu{
	width:198px; height:25px; background-image:url(grafx/pied_menu.gif)}
	
/* Class pour le corp de la page */
	
.conteneur_contenu{
	width:610px; Height:100%; background-image:url(grafx/fond_contenu.gif); text-align:left; margin-top:20px; margin-bottom:20px}
		
.titre_contenu{
	width:610px; height:40px; background-image:url(grafx/titre_contenu.gif); text-align:center;}
	
.contenu{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; margin:15px;}

.conteneur_contenu li{
	font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; list-style-type:square;}
	
.conteneur_contenu h1{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#B6EE3A; margin-left:20px; text-decoration:underline;}	
	
.titre{  font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; margin-left:20px;}

.pied_contenu{
	width:610; height:26px; background-image:url(grafx/bas_contenu.gif);}

.photo_droite{
clear:both;float:right; margin-right:15px; border: 1px sold #B6EE3A; margin-top:10px; margin-left:10px}

.photo_gauche{
clear:both;float:left; margin-right:15px; border: 1px sold #B6EE3A; margin-top:10px; margin-left:10px}
 


	
/* class unique */

.photo_coupe{float:right; height:260px; width:250px; background-image:url(grafx/LOGO 2007.jpg); margin-top:30px;}

.conteneur_fondu{
	width:700px; Height:100%;  text-align:left; margin-top:20px; margin-bottom:20px; border:2px solid #B6EE3A}
	
.presentation{ font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-style:oblique; margin-left:20px; margin-top:30px;}


