* { 							margin:0; padding:0;}
body { 					background: #777e8b url('style/back_pattern.jpg') top left repeat-x; text-align:center; font-family: times new roman; font-size:10pt; behavior:url('csshover.htc');}
a {							color:#174d71;  text-decoration:none;}		
input.text {				width:60px;}		
span.important { 	font-weight:bold;}
h1 { 						font-size:15px; color:black; width:100%; border-bottom:1px solid #615d55; margin-bottom:20px; font-family: Century Gothic;}
	
a img { border:none; }
	
#page {	position: relative; width: 1000px; text-align:left; margin: 0 auto 0 auto; background:transparent url('style/content_back_pattern.jpg') center center repeat-y;}
#head {	position: relative; width: 1000px; height: 219px; }	
				
#head #utilmenu {		margin-top: 20px; margin-left: 50%; width:45%; font-size:small; color:gray; text-align: right; }		
#head #utilmenu a { 	color: black; }

#path { 			display: none; position: relative; width:0px; padding: 0 20px; font-size: 11px; text-align: right; color: black;}
#path a { 		color: black;}		


#menu {	position: relative; width:960px; margin:0px 0 0 20px; 
			z-index:30; height: 30px; font-family: century gothic;}		

#menu ul {
list-style: none; width: 20%;
margin: 0;
padding: 0; float: left; }



#menu a {
display:block;
height: 1%;
margin: 0;
padding: 2px 3px;
text-decoration: none; color: white;}

#menu ul li { line-height: 16px;}
#menu ul li a { color: white; background: #615d55; }
#menu ul li ul li a { color: white; background: #91886d; font-size:small;}
#menu ul li ul li ul li a { color: white; background: #777e8b; font-size:small; }

#menu a:hover {
display: block;}

#menu li {position: relative; margin:0; padding: 0;}

#menu ul ul {
position: absolute;
z-index: 500;  width: 100%;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
margin-left:-1px;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

* html body  #menu ul li {float: left; width: 100%;}
* html body  #menu ul {width:10em;}



	
	
	
#content { 	position:relative;
			width:960px;
			z-index:10;
			margin-top: 20px;
			padding: 10px 20px;
			background: transparent url('style/content_back_pattern.jpg') top center repeat-y;}
table#table_content  { 	border-collapse:collapse;}
table#table_content td { vertical-align:top;}	





			
table#table_content td.text { 	width:700px;
						padding:10px;
						text-align:justify;
						font-size:11pt; font-family: Arial;}
table#table_content td.text p { margin-bottom:10px; padding: 2px 20px;}
table#table_content td.text p:First-letter { padding-left: 20px;}
#content table#table_content td.text li { list-style-type: none;
									margin-left:30px;}							
#content  p.title { 	font-size:15px;
		color:black;
		width:80%;
		border-bottom:1px solid #615d55;
		margin-bottom:20px; font-family: Century Gothic;}
		
p.subtitle { font-variant: small-caps; font-size: 12px; color: black; font-family: Arial; font-style: italic; }
ul.submenu { margin:20px 0; }
ul.submenu li { display: normal; list-style-type: none; text-align: right; }
ul.submenu li a {}
ul.submenu li img { border: none; }

dl.list { }
dl.list dt, dd {margin-left: 40px; list-style-type: square;}
dl.list dt { font-size: 1em; color:Black; border-left: 10px solid #615d55; padding:0 10px; margin-bottom:5px; margin-top:10px; font-weight: bold; }
dl.list dd { display: list-item; margin:2px; margin-left: 80px;  list-style-type: square;  font-family: century gothic;}
span.big { font-size: 25px; font-weight: bold; color: blue;  }
p.quote { position: relative; width: 50%; margin-left: 20%; text-align: right; }

ul.list { }
ul.list li { font-family: Century gothic; font-size:10pt; font-style: italic; list-style-type: square;}
ul.list li  span { color: #0000C0; font-weight: bold; }

#content #postit { 	font-size:12px; 	color: Black; font-family: Arial Narrow; }
#table_content td.postit {	text-align:center;	width:200px; padding-left: 30px;}
#content #postit p.postit_title { 	text-align: left; font-size: 15px; text-transform: uppercase;}
#content #postit #last_news {	background-color: #615d55; border: 2px solid black; padding:10px; margin:5px 2px; }					
#content #postit #last_news{ 	color:white;	font-size:11px; font-family: century Gothic; width:240px; }
#content #postit #last_news a { 	font-size:12px; color: white; }								
#content #postit #news p.allnews{ 	text-align:right; padding-right:10px; font-size: 12px; }								
#content  #announce { width:240px; text-align:center; margin-top:30px;}
#content #announce img { width:100px; }
#content #announce span { padding: 2px 5px; font-size: 11pt;}
#content #announce span.even { color:#000; }					
	
#content div.osskill  span.odd { color:#F00; }	
#content div.osdoc  span.odd { color:#0000C0; }
						
						
						
						
						
table.form {	}
table.form td.label { 	width:200px;}
table.form td.input {	width:300px;}
table.form input.text {	width:100px;}











#foot {	bottom:0px;
		position:relative;
		width:960px;
		background: url('style/content_back_pattern.jpg') top center repeat-y;
		z-index:30;
		height:100px;
		padding: 20px 20px 10px 20px; }
#foot #logos  { 	position: absolute;
					padding-left:10px;
					padding-top:12px;
					width: 590px;}
#foot #logos p { 	font-size: small;
					color: gray;
					font-style:italic;}
					
#foot #logos  table tr { 	height: 80px; 
							vertical-align:middle;}
#foot #logos  table td {	text-align: center;
							width: 250px;}																		
#foot #coordonnees {	position:absolute;
					margin-left:600px;
					margin-top:20px;
					width:320px;
					color:black;
					font-size:10px;
					text-align: right;
					background-color: transparent;
					padding:10px;}
					
#footer {	height: 22px;
		position:relative;
		width:1000px;
		background: transparent url('style/footer.jpg') top center no-repeat;}

#sitemap { background: transparent url('style/sitemap_back_pattern.jpg') top center repeat-y;  font-size: 0.8em; color: #000066;}
#sitemap dd { padding-left:10px; font-style:italic;}
#sitemap dt { font-weight:bold; margin-bottom: 5px; }
#sitemap table { width:70%; margin:0 15%; border-collapse: separate; border-spacing: 20px; }
#sitemap td,th { padding:0 10px; vertical-align:top; }
#sitemap th { background-color: transparent; text-align:left; padding:10px 0; font-size: larger;}
#sitemap td a, #sitemap th a { color: white;}