@charset "UTF-8";
/* CSS Document */


body{ background-color: #4c618c; margin: 0px auto 0px auto; padding: 0;height:100%;}

#container { margin: 0px auto 0px auto; width: 824px; height: 100%;}
#header{}
#logo { background-image: url(../images/logo_int.jpg); background-repeat: no-repeat; height: 90px; width: 260px; float: left}
#logo a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #99CCFF; padding: 0 0 0 14px; text-decoration: none; line-height: 3;}
#logo a:hover { color: #6F8DCD; text-decoration: underline;}
#logo ul{ margin:0; padding:0; list-style-type: none;}
#logo li{ float: left; padding-right: 30px;}
#title { background-image: url(../images/title_bg.jpg); background-repeat: no-repeat; height: 90px; width: 564px;margin-left: 260px}

/* 1er ligne */
#title h1{font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 18px; font-weight: bold; padding: 40px 0 0 0; line-height: 1; margin: 0}
#nav{}

/* 2e ligne */
#imgNav{background-image: url(../images/header_img_int.jpg); background-repeat: no-repeat; height: 130px; width: 260px; float: left}

/* fr */
#menufr { width: 466px; height: 130px; position: relative; float: left }
#menufr #nav { margin: 0; padding: 0; }
#menufr #nav li { display: inline; }
#menufr #nav li a { float: left; height: 0; padding-top: 130px; overflow: hidden; }
#menufr #nav li a,
#menufr #prem { background-image: url(../images/bg_buttons_fr.jpg); background-repeat: no-repeat;}

/* buttons */
#menufr #nav li#advise a { background-position: 0 0;  width: 121px;}
#menufr #nav li#quality a { background-position: -121px 0;  width: 114px;}
#menufr #nav li#education a { background-position: -235px 0;  width: 116px;}
#menufr #nav li#tools a { background-position: -351px 0;  width: 115px;}

/* over */
#menufr #nav li#advise a:hover { background-position: 0 -130px; }
#menufr #nav li#quality a:hover { background-position: -121px -130px; }
#menufr #nav li#education a:hover { background-position: -235px -130px; }
#menufr #nav li#tools a:hover { background-position: -351px -130px; }

/* pressed */
#menufr #nav li#advise a:active { background-position: 0 -260px; }
#menufr #nav li#quality a:active { background-position: -121px -260px; }
#menufr #nav li#education a:active { background-position: -235px -260px; }
#menufr #nav li#tools a:active { background-position: -351px -260px; }

/* on state */
#menufr.advise #nav li#advise a{ background-position: 0 -390px !important; }
#menufr.quality #nav li#quality a { background-position: -121px -390px !important; }
#menufr.education #nav li#education a { background-position: -235px -390px !important; }
#menufr.tools #nav li#tools a { background-position: -351px -390px !important; }

/* nl */
#menunl { width: 466px; height: 130px; position: relative; float: left }
#menunl #nav { margin: 0; padding: 0; }
#menunl #nav li { display: inline; }
#menunl #nav li a { float: left; height: 0; padding-top: 130px; overflow: hidden; }
#menunl #nav li a,
#menunl #prem { background-image: url(../images/bg_buttons_nl.jpg); background-repeat: no-repeat;}

/* buttons */
#menunl #nav li#advise a { background-position: 0 0;  width: 121px;}
#menunl #nav li#quality a { background-position: -121px 0;  width: 114px;}
#menunl #nav li#education a { background-position: -235px 0;  width: 116px;}
#menunl #nav li#tools a { background-position: -351px 0;  width: 115px;}

/* over */
#menunl #nav li#advise a:hover { background-position: 0 -130px; }
#menunl #nav li#quality a:hover { background-position: -121px -130px; }
#menunl #nav li#education a:hover { background-position: -235px -130px; }
#menunl #nav li#tools a:hover { background-position: -351px -130px; }

/* pressed */
#menunl #nav li#advise a:active { background-position: 0 -260px; }
#menunl #nav li#quality a:active { background-position: -121px -260px; }
#menunl #nav li#education a:active { background-position: -235px -260px; }
#menunl #nav li#tools a:active { background-position: -351px -260px; }

/* on state */
#menunl.advise #nav li#advise a{ background-position: 0 -390px !important; }
#menunl.quality #nav li#quality a { background-position: -121px -390px !important; }
#menunl.education #nav li#education a { background-position: -235px -390px !important; }
#menunl.tools #nav li#tools a { background-position: -351px -390px !important; }

#endNav{ background-image: url(../images/nav_end.gif); background-repeat: no-repeat; height: 130px; width: 98px; float: left ; }

/* center */

#center{ width: 824px; padding: 0 30px 10px 30px; background-image: url(../images/bg_center_int.gif); background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; overflow: hidden; float: left;}
#center div {float: left}
#center td { padding: 10px}
#center p{font-size: 12px;}
#center h1{ color: #3b5666; font-size: 24px; margin: 0; font-weight: bold;}
#center h2{	color: #3b5666; font-size: 18px; margin: 0; font-weight: bold;}
#center h2 a{	color: #3b5666; font-size: 18px; margin: 0; font-weight: bold;}
#center h3{	color: #3b5666; font-size: 14px; margin: 0; font-weight: bold;}
#center a { color: #000;}
#center a:hover { color: #528bd0;}
#center ul{}
#center li{ font-size: 12px; list-style-image: url(../images/bullet_list.gif); line-height: 1.6;}
#center span{ font-weight:600;}
#coreText{ padding: 0 10px 0 0; width: 560px;}
#coreImg{
	width:201px;
	color:#336699
}
#coreImg a{
	
	color:#336699;
	text-decoration:none;
}
#coreText a{
	
	color:#336699;
	text-decoration:none;
}
#coreText a:hover{
	
	color:#528bd0;
	text-decoration:underline;
}
#footer{ background-image: url(../images/footer_bg.gif); background-repeat: no-repeat; height: 119px; width: 500px; font-family:Arial, Helvetica, sans-serif; color: #3b5666; margin:0; padding: 5px 20px 0 300px; float: left;}
#footer h1{ font-size: 14px; font-weight: bold;}
#footer p{ font-size: 11px; margin-top:-10px;}
#footer a{ color: #3b5666; text-decoration: none;}
#footer a:hover{ text-decoration: underline;}

#footer-belac{ background-image: url(../images/footer_bg.gif); background-repeat: no-repeat; height: 119px; width: 800px; font-family:Arial, Helvetica, sans-serif; color: #3b5666; margin:0; padding: 5px 20px 0 32px; float: left;}
#footer-belac-logo{background-image: url(../images/belac.jpg); height:119px; padding-left:268px; background-repeat: no-repeat; float:left;}
#footer-belac-content{float:left;}
#footer-belac h1{ font-size: 14px; font-weight: bold;}
#footer-belac p{ font-size: 11px; margin-top:-10px;}
#footer-belac a{ color: #3b5666; text-decoration: none;}
#footer-belac a:hover{ text-decoration: underline;}