@charset "iso-8859-1";
/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* END RESET */


/* GLABAL STYLE */
html, body {height:100%; width:100%; }
body {text-align:left; line-height:1.1em }

#wrapper {min-height: 100%; height: auto !important; height: 100%; width:990px;  margin: 0 auto -8em; text-align:center; background:url(site/wrapper_bkg.jpg) top right repeat-y;}
#footer, #push {height: 8em; clear:both; }

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#313131; background:url(site/bkg.jpg) top center repeat-x #ededed;}
h1 {font-size: 1.8em; line-height:3em; font-weight:bold; color:#ababab;}

p {margin:1em 0;}

a { color:#ababab; text-decoration:none;  }
a:hover {text-decoration:none; color:#ababab; }

/* SITE STYLE */
#header {width:990px; margin:0 auto; height:352px;  background:url(site/bkg.jpg) top center repeat-x; position:relative }
	#txt_menu { float:left; padding:0 10px; height: 78px;}
	#txt_menu li {display:none; float:left;}
	#txt_menu span {display:block; line-height:3em; margin:0 10px;}
	#txt_menu span:hover {text-decoration:underline;}
	#txt_menu #nav_1 {display:block;}
	#txt_menu #nav_2 {display:block;}
	
	#langue { float:left; padding:0 10px; height: 1.8em;}
	#langue a {display:block; line-height:1.8em; margin:0 10px;}
	#langue a:hover {text-decoration:underline;}
	
	#Horizontal{height:78px; float:right; padding-left:50px; background:url(site/menu_bkg.png) top left no-repeat; margin-bottom:84px;}
	#Horizontal #nav_1, #Horizontal #nav_2, #Horizontal #nav_9 {display:none;}
		ul.MenuBarHorizontal li{display:block; float:left; line-height:78px; }
		ul.MenuBarHorizontal li a { width:120px; background:url(site/main_menu.png) 0 0 no-repeat; display:block; color:#ffffff; font-size:1.2em;}
		ul.MenuBarHorizontal li.active a, ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background:url(site/main_menu.png) 0 -78px no-repeat}
		ul.MenuBarHorizontal li a span { display:block;}
		
		ul.MenuBarHorizontal li ul{width:120px; background:#3f3f3f url(site/sub_menu_bkg.jpg) top center no-repeat; margin-top:-12px; padding-top:20px; }
		ul.MenuBarHorizontal li ul li{width: 120px; }
		ul.MenuBarHorizontal li ul li a {line-height:normal; font-weight:normal; border-bottom:1px solid #666666; font-size:1em; background:none; }
		ul.MenuBarHorizontal li ul li a span {padding:5px;}
		ul.MenuBarHorizontal li ul li a, ul.MenuBarHorizontal li.active ul li a { background:none; text-decoration:none; }
		ul.MenuBarHorizontal li ul li a:hover, ul.MenuBarHorizontal li ul li.active a  {background:none; text-decoration:underline; }

	#logo {background:url(site/logo.png) no-repeat; width:240px; margin-bottom:-240px; margin-top:-140px; height:126px; float:left;  }

	#news {float:right; text-align:right; width:700px; height:2.4em; background:url(site/news_bkg.png) bottom right no-repeat;}
	#img_menu { width:954px; height:180px; padding:5px; margin-left:26px; background-color:#ffffff;  clear:both; }
	#img_menu a { display:block; float:left;}
	#img_menu img {margin:5px;}
	
#side_menu {float:left; width:36px; height: 300px; margin-right:-10px; z-index:1; position:relative;}
	#side_menu a {display:block; width: 36px; height:80px; background-image:url(site/side_menu.png); background-repeat:no-repeat; margin:10px 0; z-index:1; position:absolute;}
	#side_menu a#client_btt {background-position:0 0; top:0; left:0}
	#side_menu a#client_btt:hover, #side_menu a#client_btt.active { background-position:-36px  0;}
	#side_menu a#soumission_btt {background-position:0 -80px; top:90px; left:0} 
	#side_menu a#soumission_btt:hover, #side_menu a#soumission_btt.active {background-position:-36px  -80px;} 
	#side_menu a#contact_btt {background-position:0 -160px; top:180px; left:0} 
	#side_menu a#contact_btt:hover, #side_menu a#contact_btt.active {background-position:-36px -160px;} 
	#side_menu #box_soumission {width:400px; visibility:hidden; height:400px;  background-color:#161616; border:1px solid #D8F14F; position:absolute; top:100px; left:25px; }
	#side_menu #box_contact {width:400px; visibility:hidden; height:400px; background-color:#161616; position:absolute; border:1px solid #BCFDFE; top:190px; left:25px; }
#main { float:right; width:964px; text-align:left; margin:0; padding:0; }
	#rotator {width:0%; float:left; height:78px; background:#F6FaF9; margin-bottom:25px; margin-top:10px; border:1px solid #fe0000; border-right:none; border-left:none}
	#rotator object {width:100%; height:78px;}
	#act_ctn { padding:40px; width:884px; float:right;}
	
	#side_menu fieldset {margin:15px; padding:15px; border:none; color:#ffffff; text-align:left; font-size:0.9em;}
	#side_menu fieldset legend {color:#ffffff; font-size:1.1em }
	#side_menu fieldset label {width:130px; display:inline-block; color:#ffffff; line-height:1.4em; margin:0.6em 0;}
	#side_menu fieldset input {width:200px; display:inline-block;  height:1.4em; margin:0.6em 0;}
	#side_menu fieldset button {clear:both; float:right; margin:10px;}
	#side_menu fieldset span {color:#FF0000;}
	
#footer {background:#171717;}
	#footer #map {padding:1em;  font-size:0.9em; text-align:center; color:#ffffff; }
	#footer span { margin: 3px; display:inline-block}
	#footer a {color:#ffffff;}
	#footer a:hover {font-weight:normal; text-decoration:underline;}
	#footer .endlink {display:block; margin:0;}
	#footer .optimised {display:block;}

/**********************************************************************************************************************/


div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}

.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear {clear:both;}

ul.MenuBarVertical{cursor: default;}
ul.MenuBarActive{z-index: 1000;}
ul.MenuBarVertical li{position: relative; cursor: pointer;}
ul.MenuBarVertical ul{margin: 0 0 0 100%; position: absolute;z-index: 1020; cursor: default; left: -1000em; top: 0;}
ul.MenuBarVertical ul.MenuBarSubmenuVisible{left: 0;}
ul.MenuBarVertical iframe { position: absolute; z-index: 1010;}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

ul.MenuBarHorizontal{cursor: default;  }
ul.MenuBarHorizontal li{ position: relative; }
ul.MenuBarHorizontal ul{z-index: 1020; cursor: default; position: absolute; left: -1000em;}
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto}
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010;}
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

table.table {width:100%; clear:both; border-collapse:collapse;}
col.col { }
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }