/* CSS Document */

body { 
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em;  
	background: #000000 url(images/top.jpg) repeat-x top; 
	color: #999999; 
	}

a { color: #DA3B3B; background: inherit; }
a:hover { color: #E16060; background: inherit; text-decoration: underline}
h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; }
h2 { font: bold 1.6em Arial, Sans-Serif; }
h3 { padding: 4px 0; margin:  0; }
h4 { font: 1.5em Arial; color:#FF0000; margin: 0; padding: 0; }
ul { margin: 0; padding : 0; list-style: circle; }
img { border: 2px; border-style: none; color: #999999; }
hr { height: 1px; border-style: none; color: #333333; background-color: #666666; margin: 10px 0; }


#nav { margin: 0px auto; width: 800px; }

/* Top part */
#top { padding-top: 20px; background: transparent; height: 101px; width:800px; margin-left:auto; margin-right:auto;}
	#top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: black }
	#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #666666; margin:0; padding: 0 }
	#top #icons { float: right; margin:20px 0; padding:0 }
	#top #icons img { padding-right: 2px; border: 0 }

/* Second part */
#prec { 	height: 220px; 	margin:0; padding: 0; background: black; border-bottom: 1px solid #666666; overflow: hidden; margin-bottom: 15px }
	#wrap { margin: 0 auto; width: 800px; color: #000000; }
		#wrap #descriptif { float: right; background: #FF0000 url(images/presentation.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
			#wrap #descriptif h2 { float: right; font:  1.0em Arial, Sans-Serif; color: black; letter-spacing: 0px; margin: 0; padding-right: 20px; padding-top: 80px;}
			#wrap #descriptif a { color: #FFF; }
			
		#wrap #menu { padding: 0; margin:0; background: inherit; }
		#wrap #menu a { padding-left: 25px; font:  0.9em Arial, Sans-Serif; text-decoration: none; background: #000000 url(images/lm-li.gif) no-repeat left;  }
		#wrap #menu ul { padding: 10px 0 }
		#wrap #menu li { line-height: 26px; background: #000000 url(images/li-line.gif) no-repeat bottom left; list-style: none }
		
/*  Advertising */

#content {  margin:0px; padding:0px; background: #121212; height: 440px; margin-bottom: 15px; padding-bottom:20px;}

#content a { text-decoration: none }

#content a:hover { text-decoration: underline }

#content h3 { background: #333333; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.6em Arial, Sans-Serif; }

#content h3 span { padding: 1px 10px 0 23px;  line-height: 22px; margin: 0; color:#FFFFFF }

#cel_1 { float: left; margin-top: 20px; margin-left:10px; width: 380px;  }
		#cel_1 p { color: #FFF; padding: 0 5px 0 5px; text-align: justify }
		#cel_1 img { float: left; padding: 0 10px 5px 0 }

#footer { 
 margin:0px; padding:0px; background-image: url(images/footer.jpg); background-repeat: repeat-x; height: 120px; text-align: center;
}
#footer #int {  margin:0px; padding:0px; height:auto; margin-top:30px; }
#footer #int h2 { margin:0px; padding:0px; margin-bottom:10px; font: bold 2.8em Arial, Sans-Serif; color: #FF0000; }
