/* CSS Document */
body { background:#0189B9; margin-left:0; margin-top:0; margin-bottom:0; margin-right:0; }	/* ok */
#page { margin:0 auto; background-position:center; position:relative; text-align:center;}	/* ok */

/* !Header */
#header { background:#e7e7e7; height:215px; background-position:center; }	/* ok */
	/* !Header Center */
	#headercenter { background:#FFFFFF no-repeat; height:215px; width:950px; background:url(../images/banniere.jpg)}	/* ok */
	#headercenter-en { background:#FFFFFF no-repeat; height:215px; width:950px; background:url(../images/banniere_en.jpg)}	/* ok */
	/* !Header Logo */
	#headerlogo { background:#0099FF no-repeat; width:473px; height:158px; float:left; background-image:url(../images/layout/logo.jpg)}
	/* !Header font */
	#headerfont { background:#FFFFFF; width:77px; height:158px; }	/* ok */
	/* !Header Banniere */
	#headerbanniere { width:469px; height:158px; float:right;}	/* ok */

/* !Top */
#top { background:url(../images/layout/top.gif); height:37px; background-position:center; }	/* ok */
	/* !Top Center */
	#topcenter { background:url(../images/layout/top_fond.gif) repeat-x; width:950px; height:37px;}	/* ok */
	/* !Top Left */
	#topleft { background:url(../images/layout/top_left.gif); width:21px; height:37px; float:left;}	/* ok */
	/* !Top Right */
	#topright { background:url(../images/layout/top_right.gif); width:19px; height:37px; float:right;}	/* ok */
	/* !Top Accueil */
	#topaccueil { background:url(../images/layout/top_accueil.gif); width:50px; height:37px; float:left;}	/* ok */
	#topaccueil-en { background:url(../images/layout/top_accueil_en.gif); width:50px; height:37px; float:left;}	/* ok */
	/* !Top Contact */
	#topcontact { background:url(../images/layout/top_contact.gif); width:54px; height:37px; float:left;}	/* ok */
	/* !Top Inscription */
	#topinscription { background:url(../images/layout/top_inscription.gif); width:71px; height:37px; float:left;}	/* ok */
	/* !Top Recherche */
	#toprecherche { background:url(../images/layout/top_recherche.gif) no-repeat; width:79px; height:37px; float:right;}	/* ok */
	/* !Top Edit */
	#topedit { width:100px; height:37px; float:right; vertical-align:middle;}	/* ok */
	/* !Top Sep */
	#topsep { background:url(../images/layout/top_sep.gif); width:9px; height:37px; float:left;}	/* ok */
	

/* !Main */
#main { background:url(../images/layout/main.jpg) no-repeat; background-color:#0089ba; background-position:top; min-height:900px; }	/* ok */

	/* !Main center */
	#maincenter { background:url(../images/layout/main_fond.gif) repeat-y; min-height:900px; display:inline-table; width:950px; }	/* ok */
	
	/* !Main left */
	#mainleft { float:left; min-height:900px; width:234px; text-align:left; clear:both; }
		/* !Main Menu Top */
		#mainmenutop { background:url(../images/layout/top_menu.jpg) no-repeat; height:106px; width:234px; float:left; text-align:left; }
		/* !Main Menu Main */
		#mainmenumain { background:url(../images/layout/menu_border.gif) repeat-y; padding-left:12px; min-height:300px; width:214px; float:left; text-align:left; text-decoration:none; }
		/* !Main Menu Bottum */
		#mainmenubottum { background:url(../images/layout/menu_footer.gif) no-repeat; height:13px; width:234px; float:left; text-align:left; }
		/* !Main Menu Sep */
		#mainmenusep { height:10px; width:234px; float:left; text-align:left; }
		/* !Main News Top */
		#mainnewstop { background:url(../images/layout/news_top.gif) no-repeat; height:39px; width:234px; float:left; text-align:left; }
		#mainnewstop-en { background:url(../images/layout/news_top_en.gif) no-repeat; height:39px; width:234px; float:left; text-align:left; }
		/* !Main News Main */
		#mainnewsmain { background:url(../images/layout/news_fond.gif) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:10px; text-align:justify; padding-left:32px; padding-right:10px; min-height:90px; width:192px; float:left; text-align:left; }
		/* !Main News Bottum */
		#mainnewsbottum { background:url(../images/layout/news_bottum.gif) no-repeat; height:16px; width:234px; float:left; text-align:left; }
		/* !Main Partenaires Top */
		#mainparttop { background:url(../images/layout/partenaires_top.gif) no-repeat; height:39px; width:234px; float:left; text-align:left; }
		#mainparttop-en { background:url(../images/layout/partenaires_top_en.gif) no-repeat; height:39px; width:234px; float:left; text-align:left; }
		/* !Main Partenaires Main */
		#mainpartmain { background:url(../images/layout/news_fond.gif) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:10px; text-align:center; padding-left:21px; padding-right:21px; min-height:90px; width:192px; float:left; }
		
		/* !Main Menu Item */
		#mainmenuitem { height:21px; width:201px; padding-left:8px; padding-top:4px; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#3A67B1; text-decoration:none; }
		/* !Main Menu Item */
		#mainmenuitem:link { height:21px; width:201px; padding-left:8px; padding-top:4px; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#3A67B1; text-decoration:none; }
		/* !Main Menu Item */
		#mainmenuitem:hover { background-color:#E9F4DF; height:21px; width:201px; padding-left:8px; padding-top:4px; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#3A67B1; font-weight:bold; text-decoration:none; }
		/* !Main Menu Item */
		#mainmenuitemsep { background:url(../images/layout/sep_menu.gif) no-repeat; height:12px; width:209px; float:left; text-align:center; }
		/* !Main Menu Item */
		#mainmenunews { background:url(../images/layout/news_font.gif); height:18px; width:48px; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-decoration:blink; float:left; clear:both; }
		/* !Main Menu Item */
		#mainactusep { height:10px; width:620px; border-top:#999 dashed 1px; float:left; text-align:center; }

	/* !Main right */
	#mainright { float:left; padding-left:58px; padding-top:60px; width:658px; text-align:left; min-height:700px; }
		/* !Main right title */
		#mainrighttitle { float:left; width:658px; text-align:left; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#0097D7; }
		/* !Main right subtitle1 */
		#mainrightsubtitle1 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#9E1B34; }
		/* !Main right subtitle2 */
		#mainrightsubtitle2 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#3A67B1; }
		/* !Main right subtitle3 */
		#mainrightsubtitle3 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0097D7; }
		/* !Main right subtitle4 */
		#mainrightsubtitle4 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#7DC242; }
		/* !Main right subtitle5 */
		#mainrightsubtitle5 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#916CAF; }
		/* !Main right subtitle6 */
		#mainrightsubtitle6 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#F37121; }
		/* !Main right action text */
		#mainrightactiontext { float:left; width:638px; padding-right:20px; text-align:right; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; vertical-align:middle; color:#7DC242; clear:both; }
		/* !Main right texte */
		#mainrighttext {
			float:left;
			width:618px;
			text-align:justify;
			min-height:100px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
			padding-right:40px;
			padding-bottom:40px;
		}
		/* !Main right photo */
		#mainrightphoto { float:left; width:154px; height:170px; }
		/* !Main right photo1 */
		#mainrightphoto1 { float:left; text-align:center; min-width:20px; min-height:20px; padding:10px; clear:both; }
		/* !Main right photo2 */
		#mainrightphoto2 { float:left; min-width:30px; min-height:30px; padding-right:10px; padding-bottom:10px; }
		/* !Main right photo3 */
		#mainrightphoto3 { float:right; min-width:30px; min-height:30px; padding:10px; }
		/* !Main right photo4 */
		#mainrightphoto4 { float:none; min-width:30px; min-height:30px; padding:10px; }
		
		/* !Main right sep */
		#mainrightsep { background:url(../images/layout/sep_large.gif) no-repeat; float:left; width:658px; height:34px; }
		
		/* Main right programme */
		#mainrightprogramme_title1 { width:auto; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF; text-align:center; padding-top:4px; margin-top:8px; background-color:#9E1B34; clear:both; }
		#mainrightprogramme_title2 { width:auto; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-align:center; padding-top:2px; margin-top:8px; background-color:#0097D7; clear:both; }
		#mainrightprogramme_text { width:auto; min-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify; padding-top:4px; margin-top:4px; margin-bottom:4px; clear:both; }
		#mainrightprogramme_text_left { width:120px; min-height:20px; float:left; }
		#mainrightprogramme_text_right { width:480px; min-height:20px; float:left; }
		
		#mainrightprogramme_text1 { background-color:#7DC242; width:auto; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:justify; padding-top:2px; margin-top:8px; margin-bottom:4px; clear:both; }
		#mainrightprogramme_text_left1 { width:120px; height:20px; float:left; }
		#mainrightprogramme_text_right1 { width:480px; height:20px; float:left; }
		
		/* !Main right article */
		#mainrightarticle { padding-left:4px; padding-top:4px; padding-bottom:4px; float:left; width:600px; border-bottom:#999 dashed 1px; }
			#mainrightarticle1 { width:50px; font-family:Arial; font-size:12px; float:left; font-weight:bold; }
			#mainrightarticle2 { padding-right:20px; width:420px; font-family:Arial; font-size:12px; float:left; font-style:italic; }
			#mainrightarticle3 { width:110px; font-family:Arial; font-size:12px; float:left }

/* !Sidebar */
#sidebar { float:left; padding:10px; width:160px; }

/* !Footer */
#footer { background:url(../images/layout/footer.gif) no-repeat; height:120px; background-position:bottom; clear:both; }

	/* !Footer Center */
	#footercenter { width:950px; height:120px; }
	/* !Footer Centertop */
	#footertop { background:url(../images/layout/footer_fond1.gif) repeat-x; width:950px; height:17px; }
		/* !Footer TopLeft */
		#footertopleft { background:url(../images/layout/footer_left1.gif); width:7px; height:17px; float:left; }
		/* !Footer TopCenter */
		#footertopcenter { width:936px; height:17px; float:left; }
		/* !Footer TopRight */
		#footertopright { background:url(../images/layout/footer_right1.gif); width:7px; height:17px; float:left; }
	/* !Footer Centermiddle */
	#footermiddle { width:950px; min-height:18px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; }
	/* !Footer Centerbottom */
	#footerbottom { background:url(../images/layout/footer_fond2.gif) repeat-x; width:950px; height:85px; }
		/* !Footer TopLeft */
		#footerbottomleft { background:url(../images/layout/footer_left2.gif) repeat-x; width:7px; height:85px; float:left; }
		/* !Footer TopCenter */
		#footerbottomcenter { width:932px; height:85px; float:left; }
			#footerbottomtextl { width:580px; height:25px; float:left; text-align:left; padding-left:10px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
			#footerbottomtextr { width:332px; height:25px; float:right; text-align:right; padding-left:10px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
			#footerbottomtextc { width:922px; height:43px; float:left; text-align:center; padding-left:10px; padding-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; clear:both; }
		/* !Footer TopRight */
		#footerbottomright { background:url(../images/layout/footer_right2.gif) repeat-x; width:11px; height:85px; float:right; }

/* Boutons */
#buttonediter	{ width:60px; height:16px; background-color:#7DC242; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; float:left; text-align:center; padding-top:4px; }
#buttonsupprimer	{ width:60px; height:16px; background-color:#9E1B34; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; float:left; text-align:center; padding-top:4px; }
#buttonsep	{ width:10px; height:16px; float:left; }

h1 { background:#FFFFFF no-repeat; font-size:1em; width:1024px; height:90px; text-align: left; } 
h1.logo { background:#0099FF no-repeat; width:260px; height:90px; text-align: left; background-image:url(../images/layout/JCI_Bizerte_center.jpg)}
h1.banniere { background:#0099FF no-repeat; width:764px; height:90px; text-align: left;}