/************************STYLE PAR DEFAUT*****************************/
*{margin:0; padding:0}
body{background:#001c3a url(../images/bg/bg.gif); font:11px verdana; color:#FFF;}
a:link, a:active, a:visited{font:11px verdana; color:#FFFfff; text-decoration:none;}
a:hover{font:11px verdana; color:#FFFfff; text-decoration:none;}
img{border:0px}
ul{ list-style:none}
/********************************************************************/

#global{width:777px; height:996px; margin:0px auto;}
/******************************* STYLE HEADER**********************************/
#global #header{width:777px; height:216px;}
#global #header .top_menu{width:777px; height:20px; background:url(../images/bg/menu-top.gif); border-top:3px solid #379ED1	}
#global #header .menu-header{height:20px;text-align:right;float:right; width:590px;}
#global #header .menu-header ul{margin:3px 0 0 0; padding:0; }
#global #header .menu-header li{background:url(../images/pictos/liste-style-top.gif) left 7px no-repeat; padding:0 5px 0 7px; float:left}
#global #header .menu-header li a{color:#9becff;text-decoration:none;}
#global #header .menu-header li.noneLeft{background-image:none;padding:0 5px 0 7px;}
#global #header .menu-header li.noneRight{background-image:none;padding:0 0 0 7px; float:left}
*+html #global #header .menu-header li.noneRight{background-image:none;padding:5px 0 0 7px;}
*html #global #header .menu-header li.noneRight{background-image:none;padding:5px 0 0 7px;}
#global #header #espace_top{width:777px; height:191px; background:#1A526E;}
/* Menu Déroulant*/
#menu{width:172px; height:191px;float:left; display:inline;}
#menu ul ul {display: none;left:172px; position: absolute; top: -1px; padding:0; margin:0; }
#menu li {position: relative; background:#143f55;height:18px; padding:8px 0 0 0; text-align:right; margin-bottom:7px}
#menu li.dernier{margin:0;}
#menu li a{text-decoration: none; padding-right:8px;}
#menu li ul.niveau2 {background:#0495d0; filter: alpha(opacity=95); -khtml-opacity: 0.65;-moz-opacity: 0.95;opacity: 0.95;display:none; z-index:99999999; white-space:nowrap; text-align:left; border:1px solid #000000; margin:0; padding:0;color:#9ce2ff; position:absolute; top:0; left:172px; width:140px; border-bottom:none}
#menu li ul.niveau2 li{margin:0;padding:3px 0 2px 15px;text-align:left; background:url(../images/pictos/liste-style-menu.gif) 5px 9px no-repeat;color:#9ce2ff;border-bottom:1px solid #000;}
#menu li ul.niveau2 a{display:block; color:#9ce2ff; text-decoration:none; margin:0; padding:0 0 2px 0; font:10px Verdana;}
#menu li ul.niveau2 a:hover{display:block; color:#ffffff; text-decoration:none; margin:0; padding:0 0 2px 0; font:10px Verdana;}
#menu li:hover ul.niveau2 {display: block;color:#ffffff;}
#menu li.sfhover ul.niveau2 {display: block;color:#ffffff;}
/**/
#global #header #espace_top .banner{width:605px; height:191px; float:left; display:inline;}
/******************************* STYLE body**********************************/
#global #contenu{width:777px; height:214px; background:#012D4A url(../images/bg/contenu_home.gif) no-repeat;}
#global #contenu .actu{width:485px;float:left;}
#global #contenu .actu .contenu{width:456px; padding:0 0 0 26px;}
#global #contenu .actu .contenu p{padding:6px 0 6px 0; margin:0;}
#global #contenu .actu2{width:232px; height:167px; margin-left:60px; float:left; padding-top:12px;}
#global #contenu .actu2 .txt-actu2{width:193px; margin-bottom:8px}
#global #contenu .actu2 .telechargement{width:165px; height:56px; margin-bottom:25px}
#global #contenu .actu2 .telechargement h1{ background:url(../images/pictos/pdf.gif) no-repeat; padding:3px 0 0 20px}
#global #contenu .actu2 .telechargement ul{ padding:5px 0 0 22px; margin:0}
#global #contenu .actu2 .telechargement li{ background:url(../images/pictos/telechargement.gif) left 3px no-repeat; padding:0 0 4px 5px}
#global #contenu .actu2 .telechargement li a{color:#8bddff; text-decoration:none}
#global #contenu .actu .suite{width:81px; height:14px; margin-left:398px;}
#global #actu_flash{width:777px; height:213px;background:#012D4A;}
#global .transMedia{width:777px;height:272px;background:#012D4A;}
#global .transLeft{width:205px; padding:0 0 0 13px; float:left}
#global .transLeft .deezer{width:180px; height:220px; border:1px solid #71d3fe;margin:8px 0 0 0; padding:2px 0 0 2px }
#global .transRight{width:540px;height:263px;float:left;}
#global .transRight .animation{width:525px;height:119px; margin-top:5px; margin-bottom:5px}
#global .transRight .transDescr{width:146px;float:left}
#global .transRight .transDescr .txt{padding:0 0 0 5px;}
#global .transRight .transDescr .txt p{padding:5px 0 0 0;margin:0}
#global .transRight .transDescr .txt a{color:#FFFFFF; text-decoration:none}
#global .transRight .transDescr .txt a:hover{color:#9becff; text-decoration:none}
#global .transRight .transDescr1 {float:left; width:165px; margin-left:21px}
#global .transRight .transDescr1 .txt2{padding:0 0 0 9px; float:left; width:142px;}
#global .transRight .transDescr1 .txt2 p{padding:7px 0 7px 0 !important;padding:8px 0 7px 0;margin:0}
#global .transRight .transDescr1 .txt2 a{color:#FFFFFF; text-decoration:none}
#global .transRight .transDescr1 .txt2 a:hover{color:#9becff; text-decoration:none}
#global .transRight .transDescr2 {float:left; width:182px;margin-left:21px}
#global .transRight .transDescr2 .txt3 {margin:0 0 0 6px; position:relative}
#global .transRight .transDescr2 .txt3 p{padding:17px 0 0 0}
#global .transRight .transDescr2 .txt3 a{color:#8bddff; text-decoration:none;font-size:9px; margin-right:15px}
#global .transRight .transDescr2 .txt3 .link1{position:absolute; right:0px; top:58px;}
/******************************* STYLE footer**********************************/
#global #footer{width:777px; height:63px;clear:both; background:url(../images/bg/bg_footer.gif) no-repeat;}
#global #footer .logo{width:172px; height:63px; float:left;}
#global #footer .partenaire{width:605px; height:63px; float:left;}
#global #footer .menu_footer{height:14px;float:left;width:777px; font:9px tahoma; padding-top:2px}
#global #footer .menu_footer ul{ margin:0; padding:0 0 0 4px; float:left}
#global #footer .menu_footer li{ background:url(../images/pictos/liste-style-bottom.gif) left 6px no-repeat; padding:0 5px 0 7px; float:left}
#global #footer .menu_footer li a{ text-decoration:none; color:#FFFFFF; font:9px tahoma;}
#global #footer .menu_footer li a:hover{ text-decoration:underline; color:#FFFFFF; font:9px tahoma;}
#global #footer .menu_footer li.none{background-image:none; padding:0 5px 0 3px}
#global #footer .menu_footer .copyright{width:auto; height:14px; float:right;} 
#global #footer .menu_footer .copyright a{ color:#FFFFFF; text-decoration:none; font:9px tahoma;} 
#global #footer .menu_footer .copyright a:hover{ color:#FFFFFF; text-decoration:underline;font:9px tahoma;} 
#global #footer .evenement{color:#99a4b0; font:11px verdana; width:361px; padding-left:7px;float:left}
#global #footer .evenement a{color:#99a4b0;font:11px verdana;text-decoration:none}
#global #footer .evenement a:hover{color:#ffffff; font:11px verdana; texet-decoration:underline}
#global #footer .secure{float:right; padding-bottom:10px;padding-top:5px}