body {background-color:#0050A1; background-image:url(../images/back.gif); background-position:top center; background-repeat:repeat-x;margin:0;padding: 0;font-family:"Trebuchet MS";color:#001C39;font-size:12px;}
.format_png { behavior: url(win_png.htc); }
form {margin:0;padding:0;}
p {margin:0;padding:0; margin-bottom:10px;}
img {border:0;padding:0;margin:0;}
a {text-decoration:underline;color:#001C39;}
a:hover {color:#001C39;text-decoration:none;}
div {margin:0;padding:0;}
h1 { color:#0050a1; font-size:20px; font-weight:bold; margin:0; padding:0; margin-left:20px;}
h2 { color:#0050a1; font-size:20px; margin:0; padding:0; margin-left:20px;}
h3 { margin:0; padding:0; font-size:14px; color:0050a1; text-align:center; padding-top:10px; padding-bottom:10px;}
h4 { color:#0050a1; font-size:16px; margin:0; padding:0; margin-left:20px;}
.barre {}

#wrapper {width: 982px;text-align: left;overflow: visible;position: relative;margin-right: auto;margin-bottom: 0;margin-left: auto;padding: 0; }
#subwrapper {overflow: hidden;position: relative;padding: 0; margin:0;width: 980px; border-left-color:#00264D; border-left-style:solid; border-left-width:1px; background-color:white; }
#nav {font-size:9px; font-weight:normal; margin-left:15px;}
#credits {text-align:right; font-size:10px; color:#0050A1; background-color:white; padding:15px; width:700px; background-image:url(../images/bwhite.gif); background-position:left top; background-repeat:repeat-y; float:right;}
	#credits a {color:#0050A1;}
	#credits a:hover {color:#0050A1; text-decoration:none;}
#creditssom {text-align:right; font-size:10px; color:#0050A1; background-color:#e4f1ff; padding:15px; width:700px; background-image:url(../images/backdroite.gif); background-position:left top; background-repeat:repeat-y; float:right;}
	#creditssom a {color:#0050A1;}
	#creditssom a:hover {color:#0050A1; text-decoration:none;}


#gauche {float:left; width:250px; background-color:white; height: 100%; background-image:url(../images/lfooter.gif); background-position:bottom left; background-repeat:no-repeat;}
	#menu {}
		#menu a {width:235px; height:51px; line-height:50px; float:left; padding-left:15px; font-size:16px; font-weight:bold; text-decoration:none;}
		a.link_1 {color:#0050a1; background-image:url(../images/link1off.gif);}
		a.link_1:hover {color:#0050a1; background-image:url(../images/link1on.gif);}
		a.link_2 {color:#eb067d; background-image:url(../images/link2off.gif);}
		a.link_2:hover {color:#eb067d; background-image:url(../images/link2on.gif);}
		a.link_3 {color:#faa709; background-image:url(../images/link3off.gif);}
		a.link_3:hover {color:#faa709; background-image:url(../images/link3on.gif);}
		a.link_4 {color:#00f8f7; background-image:url(../images/link4off.gif);}
		a.link_4:hover {color:#07bcbb; background-image:url(../images/link4on.gif);}
		a.link_5 {color:#84e407; background-image:url(../images/link5off.gif);}
		a.link_5:hover {color:#84e407; background-image:url(../images/link5on.gif);}
		a.link_6 {color:#d84033; background-image:url(../images/link6off.gif);}
		a.link_6:hover {color:#d84033; background-image:url(../images/link6on.gif);}
	#lfooter {width:250px; text-align:center; font-size:10px; color:#00289c; position: absolute; bottom: 0; padding-bottom:15px;}
		#lfooter a {color:#00289c; text-decoration:none;}
		#lfooter a:hover {text-decoration:underline;}

#droite {float:left; width:730px; background-image:url(../images/backdroite.gif); background-position:left top; background-repeat:repeat-y;min-height:600px;}
	#header {float:left; width:730px; background-image:url(../images/header.jpg); background-position:top center; background-repeat:no-repeat;}
		#headernav {width:700px; padding:10px; float:left; color:#D4E9FF; font-size:10px;}
			#headernav a {color:#D4E9FF; text-decoration:none;}
			#headernav a:hover {color:#D4E9FF; text-decoration:underline;}
			#hng {float:left;}
			#hnd {float:right;}
		#headerinfo {width:710px; padding:10px; float:left; color:#00478F; font-size:16px; font-weight:bold; margin-top:20px;}
			#hinfo {width:510px; float:left; text-align:justify;}
		#map {width:510px; height:300px; border-color:#a7a7a7; border-style:solid; border-width:1px; float:left; margin-left:10px; margin-right:10px;}
		#txthome {width:510px; float:left; font-size:14px; margin-left:10px; margin-top:10px;}
		#pf {margin-top:15px; color:#003368; font-size:12px; margin-left:10px; margin-right:10px;}
			#pf a {color:#003368; text-decoration:none; display:block; margin-bottom:-5px;}
			#pf a:hover {color:#003368; text-decoration:underline;}
		#logos {margin-left:20px; margin-top:15px; text-align:center;}
		#logos1 {width:190px; float:right; margin-left:10px; margin-top:25px; text-align:center;}
		#footer {width:730px; float:left; height:15px;}
		a.arubriques {text-decoration:none; font-size:14px; font-weight:bold;}
		a.arubriques:hover {text-decoration:underline;}
		a.aarticles {text-decoration:underline; font-size:11px;}
		a.aarticles:hover {color:black; text-decoration:none;}
		
#droitegen {float:left; width:730px; background-image:url(../images/bwhite.gif); background-position:left top; background-repeat:repeat-y; min-height:600px;}
	#headergen {float:left; width:730px; background-image:url(../images/hgen.jpg); background-position:top center; background-repeat:no-repeat;}
		#headernavgen {width:700px; padding:10px; float:left; color:#D4E9FF; font-size:10px;}
			#headernavgen a {color:white; text-decoration:none;}
			#headernavgen a:hover {color:white; text-decoration:underline;}
	#logogen {float:left;margin-left:10px;}
	#photogen {float:left;  height:160px; padding-top:20px;margin-left:10px;}
	#txtgen {font-size:14px; padding:20px; text-align: justify;}
	
/* this page declarations */	
#ticker {float:left;}
#wrapp {width: 730px;text-align: left;font: normal 1em Arial;margin: 0 auto;padding: 0;color: black;height:30px;}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {width: 710px; margin: 20px 0 3px 0;}
.gnb h3{font: normal 9px/14px Arial;text-align: right;margin: 0 10px 0 0; padding: 0}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}
code {width:93%;font: normal 11px 'Courier New', Courier, Fixed;color: #000;display: block;padding: 1em;margin: 1em 0;white-space: pre;overflow-x: auto;}
/* liScroll style declarations */
.tickercontainer { /* the outer div with the black border */
border: 1px solid #25609a; border-bottom-color:#5c88b7;width: 738px; height: 27px; margin: 0; padding: 0;overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;left: 10px;top: 8px;width: 718px;overflow: hidden;}
ul.newsticker { /* that's your list */
position: relative;left: 750px;font: bold 10px Verdana;list-style-type: none;margin: 0;padding: 0;}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;padding: 0;}
ul.newsticker a {white-space: nowrap;padding: 0;color: #ffffff;font: bold 10px Verdana;margin: 0 50px 0 0;text-decoration:none;} 
ul.newsticker span {margin: 0 10px 0 0;}