@charset "UTF-8";
/* CSS Document */
html, body { 
	background-color:#000;	
	background-image:url(../_images/bg_main.gif);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:1.3;
}

/***General font styles*/
	h1, h2, h3, h4, h5, h6 {
		color:#000;
	}
	
	.t80 {font-size:80%;}
	.t90 {font-size:90%;}
	.t100 {font-size:110%;}
	
	ul {
		list-style-position:outside;
		list-style:disc;
		margin:0;
		padding-left:15px;
	}
	
	ul.circle li { padding-left:20px;}
	
	
	a {text-decoration:none;}
	a:hover {text-decoration:underline}
	a { color:#902130; }
	a.footer {font-size:12px;color:#000;text-decoration:none;}
	a.footer:hover {color:#666; text-decoration:underline;}
	
	.nowrap {white-space:nowrap}
	
	/* Home Page */
	
	/* Error */
	.error{background-color:#FFC;color:#7d1c2a;}
	label.error {font-size:90%;background:none;color:#FFC}
	
	/* Note Box */
	.note {font-size:90%;color:#AAA}
	.ui-widget-content a.note, a.note {color:#AAA; text-decoration:underline}
	
/***Layout*/

	/* Admin Header */
	body > div#adminHeader { position:fixed; }
	
	div#adminHeader { 
		height:30px; z-index:500; text-align:center; left:0; line-height:30px; position:absolute; top:0; width:100%; 
		background:#B4D98F; border-bottom:1px solid black;}
	div#adminHeader a {color:#4c73db}


	/* GRID */
	
	.grid_1 { width:80px; }
	.grid_2 { width:160px; }
	.grid_3 { width:240px; }
	.grid_4 { width:320px; }
	.grid_5 { width:400px; }
	.grid_6 { width:480px; }
	.grid_7 { width:560px; }
	.grid_8 { width:640px; }
	.grid_9 { width:720px; }
	.grid_10 { width:800px; }
	.grid_11 { width:880px; }
	.grid_12 { width:960px; }
	
	.grid_gutter { width:70px; }
	.grid_photo { width:320px; }
	.grid_contentLeft { width: 480px; padding-right:20px; }
	.grid_contentRight { width: 480px; padding-left:20px; }
	.grid_contentMain { width: 560px; padding-right: 40px; }
	.grid_contentRightCol { width: 220px; }
	.grid_half {width:400px}
	
	.column {
		margin: 0 0px;
		overflow: hidden;
		float: left;
		display: inline;
	}
	.row {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}
	.row .row {
		margin: 0 0px;
		width: auto;
		display: inline-block;
	}
	
	
	/* Layout Elements */
	div#header{
		height:213px;
	}
		.topRightMenu {float:right;margin-right:20px;height:40px;line-height:40px;}
		.topRightMenu a {color:#c4c4c4;text-decoration:none}
		.topRightMenu a:hover {color:#e4e4e4;text-decoration:underline}
		
		.logo {margin:40px 0 0 41px;padding-bottom:52px;float:left}
		.menu {margin-left:20px;width:940px;float:left}
		.blackBar {margin-left:10px;background:#000;height:14px; width:940px;float:left}
		
	
	div#contentContainer {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background-color:#C4C4C4;
	}
	
		.contentBG {
			background:url(../_images/bg_contenu.gif);
		}
	
		.thinBlackBar {margin-left:10px;width:940px; float:left;background:#000;}
		.enVedette {width:950px; float:left; background:#000;}
		.feature {margin-left:10px;width:940px; float:left;background:url(../_images/bg_feature.gif) repeat-x; background-color:#414142;}
		.featureContent {padding:13px 60px 60px 60px;}
	
	div#contentFooterContainer {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background:url(../_images/bg_bas_page.gif) repeat-x;
	}
	
	/*Footer*/
	.footerSide {color:#8a8989;}
	.footerSide a {color:#8a8989;}
	.footerCentre {color:#FFF}
	.footerCentre a {color:#FFF}
	
	
	/*Home Page*/
	.grid_photo img {border:6px solid #828283}
	.grid_photo img:hover {border:6px solid #ffdd00}
	
	.home {color:#6c6c6c;}
	.home a {color:#d59600;}
	.home a.seeMore {font-family:Georgia, "Times New Roman", Times, serif; color:#01a9d6;}
	.home h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#717171; font-size:26px; line-height:34px}
	.home h1 a {color:#717171;}
	.home h1 a:hover {color:#f5d00f;}
	
	.tabDate {background:url(../_images/bg_tab_date.gif) no-repeat; width:57px; height:65px; margin-left:13px; text-align:center;}
	.tabDate .mois {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:13px; padding:7px 6px 0 17px; color:#fff}
	.tabDate .jour {font-size:26px; font-weight:bold; line-height:30px; padding:0 9px 0 17px; color:#ffdd00;}
	
	/* Inside */
	.inside {color:#6c6c6c; font-family: Helvetica, Arial, sans-serif; line-height:1.2}
	.inside a {color:#d59600;}
	.inside a.seeMore {font-family:Georgia, "Times New Roman", Times, serif; color:#01a9d6;}
	.inside h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#717171; font-size:26px; line-height:34px}
	.inside h1 a {color:#717171;}
	.inside h1 a:hover {color:#f5d00f;}
	.inside h2 {font-size:120%;}
	
	.contentRight {background:url(../_images/bg_droite.gif) repeat-x; background-color:#fdda03; color:#555; width:180px; padding:10px 10px 10px 30px; font-size:90%; line-height:1.3}
	.contentRight .bullet {float:left; display:inline; margin-left:-10px;}
	.contentRight a {color:#555}
	
	.on {color:#000; font-weight:bold;}
	.on a {color:#000}
	
	.contact {line-height:1.5}
	
	/* Realisation */
	.realisation img.border {border:1px solid #000}
	
	

/** MENU **/
ul#topMenu {margin:0;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
ul#topMenu li.main {float:left; list-style:none; height:50px;}
ul#topMenu li.main a {display: block; white-space: nowrap}
ul#topMenu li.main a img {display: block; border: 0}

	/* SubMenus */
	#topMenu li ul
	{	margin: 0 0 0 -1px;
		padding: 0;
		position: absolute;
		z-index:100;
		visibility: hidden;
		display:block;}
	
	#topMenu li ul li
	{	float: none;
		/*display: inline;*/
		background:url(../_images/bg_sub_menu.gif) repeat-y;
		border-top:1px solid black;}
		
	#topMenu li ul li img.icone { display:inline-block;padding:0;vertical-align:middle; }
	
	#topMenu li ul li.on {background:url(../_images/bg_sub_menu_on.gif) repeat-y;}
	
	#topMenu li ul li a	{	
		width: auto;
		display:block;
		color:#FFF;
		text-decoration:none;
		padding:7px 11px 7px 11px;
		font-size:10pt;
		font-weight:bold;
	}


/** Utility */
.center {text-align:center}
.right {text-align:right}
.black {color:#000}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}