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

html {margin: 0;padding: 0;width: 100%;	height: 100%;}
body{margin: 0;padding: 0;background-image:url(../images/fr/backgroundBody.jpg);background-repeat:repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:12px}
ul{list-style:none;padding:0px;margin:0px}

#global{position:relative;display:block;width:1070px; height:auto;left:50%;margin-left:-532px;}


/*/////////////////////////////////// //////
/////               HEADER            //////
//////////////////////////////////////////*/

#header{position:relative; display:block;width:1070px;height:209px;background-image:url(../images/fr/backgroundBottomHeader.jpg);background-repeat:no-repeat;}
#header #logo{position:absolute; display:block;width:300px;height:150px;top:0px;left:30px}
#header #logo a{position:relative; display:block;width:300px;height:150px;}

#header #top{position:relative; display:block;width:1070px;height:32px; background-image:url(../images/fr/backgroundTopHeader.jpg);background-repeat:no-repeat;overflow:hidden}

#header #top #flag{position:relative; display:block;width:50px;height:12px;margin:10px 0px 0px 945px }
#header #top #flag ul li{position:relative; display:block;width:18px;height:12px;float:left;margin:0px 5px 0px 0px}
#header #top #flag ul li a{position:relative; display:block;width:18px;height:12px;}

#header #middle{position:relative; display:block;width:179px;height:auto; margin:106px 0px 0px 786px}
#header #middle span{position:relative; display:block;width:179px;height:auto;}
#header #middle span a{position:relative; display:block;width:auto;height:auto;color:#1E5177;text-decoration:none;font-family:arial;font-size:12px;font-weight:normal}
#header #middle span a:hover{text-decoration:underline}


#header #bottom{position:relative; display:block;width:980px;height:40px; margin:14px 0px 0px 47px}
#header #bottom .menu{position:relative; display:block;width:auto;height:40px; float:left}
#header #bottom #home{position:relative; display:block;width:27px;height:40px; }
#header #bottom #home a{position:relative; display:block;width:27px;height:40px; }

#header #bottom #societe{position:relative; display:block;width:76px;height:40px;}
#header #bottom #societe .societeInactive{position:relative; display:block;width:76px;height:40px;background-image:url(../images/fr/societeOff.jpg)}
#header #bottom #societe .societeInactive:hover{background-image:url(../images/fr/societeOn.jpg)}
#header #bottom #societe .societeActive{position:relative; display:block;width:76px;height:40px;background-image:url(../images/fr/societeOn.jpg)}

#header #bottom #newsletter{position:relative; display:block;width:217px;height:18px;padding:10px 0px 0px 83px}
#header #bottom #newsletter #password{position:relative; display:block;width:166px;height:18px;float:left;margin:0px 0px 0px 5px}
#header #bottom #newsletter #btnOk{position:relative; display:block;width:24px;height:18px;float:left;margin:2px 0px 0px 13px}
#header #bottom #newsletter .textfield{width:166px;height:15px;font-size:11px}

#header #bottom #clients{position:relative; display:block;width:84px;height:40px;}
#header #bottom #clients .clientsInactive{position:relative; display:block;width:84px;height:40px;background-image:url(../images/fr/clientOff.jpg)}
#header #bottom #clients .clientsInactive:hover{background-image:url(../images/fr/clientOn.jpg)}
#header #bottom #clients .clientsActive{position:relative; display:block;width:84px;height:40px;background-image:url(../images/fr/clientOn.jpg)}

#header #bottom #partenaires{position:relative; display:block;width:121px;height:40px;}
#header #bottom #partenaires .partenairesInactive{position:relative; display:block;width:121px;height:40px;background-image:url(../images/fr/partenaireOff.jpg)}
#header #bottom #partenaires .partenairesInactive:hover{background-image:url(../images/fr/partenaireOn.jpg)}
#header #bottom #partenaires .partenairesActive{position:relative; display:block;width:121px;height:40px;background-image:url(../images/fr/partenaireOn.jpg)}

#header #bottom #press{position:relative; display:block;width:54px;height:40px;}
#header #bottom #press .pressInactive{position:relative; display:block;width:54px;height:40px;background-image:url(../images/fr/pressOff.jpg)}
#header #bottom #press .pressInactive:hover{background-image:url(../images/fr/pressOn.jpg)}
#header #bottom #press .pressActive{position:relative; display:block;width:54px;height:40px;background-image:url(../images/fr/pressOn.jpg)}

#header #bottom #contact{position:absolute; display:block;width:150px;height:30px;top:-65px;left:720px;}
#header #bottom #contact .contactActive{position:relative; display:block;width:150px;height:30px;}

#header #bottom #phone{position:relative; display:block; width:auto;height:30px; font-size:19px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#0059A0; background-color:#8DD6F4; margin:0px 0px 0px 80px;float:left}

/*/////////////////////////////////// //////
/////               COPRS            //////
//////////////////////////////////////////*/


#corps{position:relative;display:block;width:1025px;height:auto; margin:0px 0px 0px 0px}
#corps #top{position:relative;display:block;width:1007px;height:9px;padding:13px 0px 13px 0px;margin:0px 0px 0px 47px;color:#FFFFFF;border-bottom:1px solid #3696C9;background-image:url(../images/fr/backgroundActu.jpg);background-repeat:no-repeat}
#corps #top span{display:block;color:#FFFFFF; font-size:13px; font-weight:bold;float:left;width:230px;height:25px;}
#corps #top #actu{display:block;color:#FFFFFF; font-size:13px; font-weight:bold;float:left;width:700px;height:25px;}
#corps #top #actu a{display:block;color:#FFFFFF; font-size:13px; font-weight:bold;text-decoration:none}

	/* ----------------- CORPS PAGE HOME ------------------------------------*/
#corps #middle {position:relative;display:block;width:1025px;height:auto;}
#corps #middle #MO a{position:absolute;top:40px;left:130px;display:block;width:240px;height:165px;}
#corps #middle #PRO a{position:absolute;top:40px;left:430px;display:block;width:240px;height:165px;}
#corps #middle #rubriquesHome{position:relative;display:block;width:1070px;height:149px;background-image:url(../images/fr/backgroundRubHome.jpg)} 

#corps #middle #rubriquesHome #bloc1{position:relative;display:block;width:216px;height:auto;margin:0px 0px 0px 153px;float:left} 
#corps #middle #rubriquesHome #bloc1 ul{position:relative;display:block;width:216px;height:auto;color:#FFFFFF} 
#corps #middle #rubriquesHome #bloc1 ul li{position:relative;display:block;height:auto;color:#FFFFFF;}
#corps #middle #rubriquesHome #bloc1 ul li span{position:relative;display:block;width:10px;height:auto;color:#FFFFFF;float:left;padding:5px 0px 5px 0px} 
#corps #middle #rubriquesHome #bloc1 ul li a{position:relative;display:block;width:200px;height:auto;color:#FFFFFF;padding:5px 0px 5px 0px;text-decoration:none} 
#corps #middle #rubriquesHome #bloc1 ul li a:hover{text-decoration:underline} 

#corps #middle #rubriquesHome #bloc2{position:relative;display:block;width:216px;height:auto;margin:0px 0px 0px 79px;float:left} 
#corps #middle #rubriquesHome #bloc2 ul{position:relative;display:block;width:216px;height:auto;color:#FFFFFF} 
#corps #middle #rubriquesHome #bloc2 ul li{position:relative;display:block;height:auto;color:#FFFFFF;}
#corps #middle #rubriquesHome #bloc2 ul li span{position:relative;display:block;width:10px;height:auto;color:#FFFFFF;float:left;padding:5px 0px 5px 0px} 
#corps #middle #rubriquesHome #bloc2 ul li a{position:relative;display:block;width:200px;height:auto;color:#FFFFFF;padding:5px 0px 5px 0px;text-decoration:none} 
#corps #middle #rubriquesHome #bloc2 ul li a:hover{text-decoration:underline} 


	/* ----------------- CORPS PAGE ARTICLES ------------------------------------*/
#corps #middle #menu{position:relative;display:block;width:241px;height:auto;float:left;margin:17px 0px 0px 40px}
#corps #middle #corpsPage{position:relative;display:block;width:704px;height:auto;float:left;margin:18px 0px 0px 8px;}
#corps #middle #corpsPage #middlePage{position:relative;display:block;width:644px;height:auto;background-image:url(../images/fr/backgroundCorpsPage.jpg);background-repeat:repeat;padding:9px 36px 30px 21px;color:#1E5177;}
#corps #middle #corpsPage #middlePage .ariane{position:relative;display:block;width:644px;height:auto;margin:0px 0px 6px 0px}
#corps #middle #corpsPage #middlePage .ariane a{color:#1E5177 ;text-decoration:underline}
#corps #middle #corpsPage #middlePage .titreMO{position:relative;display:block;width:607px;height:auto;color:#FFFFFF;padding:3px 10px 8px 3px;background-color:#EE811F;font-size:19px;margin:0px 0px 2px 18px }
#corps #middle #corpsPage #middlePage .titreEP{position:relative;display:block;width:607px;height:auto;color:#FFFFFF;padding:3px 10px 8px 3px;background-color:#0E9FDB;font-size:19px;margin:0px 0px 2px 18px }
#corps #middle #corpsPage #middlePage .separteurText{position:relative;display:block;width:621px;height:1px;color:#FFFFFF;border-bottom:1px solid #0059A0;margin:0px 0px 17px 18px }
#corps #middle #corpsPage #middlePage .text{position:relative;display:block;width:625px;height:auto;color:#0059A0;font-size:12px;margin:0px 0px 0px 18px;text-align:justify}
#corps #middle #corpsPage #middlePage .text a{text-decoration:none;}
#corps #middle #corpsPage #middlePage .text a:hover{color:#003366}
#corps #middle #corpsPage #middlePage .mediatheque{position:relative;display:block;width:567px;height:auto;background-color:#EE811F;font-size:12px;margin:0px 0px 10px 18px;padding:29px 29px 29px 29px}
#corps #middle #corpsPage #middlePage #video{position:relative;display:block;width:600px;height:410px;margin:20px 0px 30px 30px;}
#corps #middle #corpsPage #middlePage span{position:relative;display:block;width:auto;height:auto;margin:10px 0px 0px 30px;}
#corps #middle #corpsPage #middlePage span a{text-decoration:none;}
#corps #middle #corpsPage #middlePage span a:hover{color:#FF6600}

	/* ----------------- ------------------------------------*/

	/* ----------------- MENU SLID ------------------------------------*/
#navigation {margin: 0;	padding: 0;list-style: none;width: 241px;}
#navigation a, #navigation span {display: block;text-decoration: none;}
#navigation .toggleSubMenu a { height:44px}
#navigation .open a, #navigation .open span {color:#FFFFFF}
#navigation a:hover, #navigation a:focus, #navigation a:active {text-decoration: none;}
#navigation .toggleSubMenu  ul.subMenu li.subMenu1 {font-size: 12px; margin: 0;padding: 0; height:auto; font-weight:normal; list-style:none;background-image: url(../images/fr/backgroundMenuMO.gif);background-repeat:repeat-y }
#navigation .toggleSubMenu  ul.subMenu li.subMenu2 {font-size: 12px; margin: 0;padding: 0; height:auto; font-weight:normal; list-style:none;background-image: url(../images/fr/backgroundMenuEP.gif);background-repeat:repeat-y }
#navigation .toggleSubMenu  ul.subMenu li.subMenu3 {font-size: 12px; margin: 0;padding: 0; height:auto; font-weight:normal; list-style:none;background-image: url(../images/fr/backgroundMenuC.gif);background-repeat:repeat-y }
#navigation .toggleSubMenu  ul.subMenu li.subMenu4 {font-size: 12px; margin: 0;padding: 0; height:auto; font-weight:normal; list-style:none;background-image: url(../images/fr/backgroundMenuP.gif);background-repeat:repeat-y }

#navigation ul.subMenu a {display:block;background-image:none; padding:4px 0px 4px 25px; height:auto; width:209px;margin:0px 0px 0px 4px;color:#FFFFFF}
#navigation ul.subMenu a:hover{text-decoration:none; background-color:#003366}
#navigation .separateur{display:block; margin:0px; padding:0px; width:1px;}
#navigation ul.subMenu .on a{color:#FFFFFF}
#navigation .open .on a{color:#FFFFFF}
#subMenu1{}
#subMenu2{border-bottom:1px solid #FFFFFF;}
	/* ----------------- ------------------------------------*/
	
	
	
#corps #bottom {position:relative;display:block;width:969px;height:108px;color:#1261A4 ;margin:0px 0px 24px 0px;clear:both}
#corps #bottom #logo{position:relative;display:block;width:881px;height:44px;padding:8px 0px 8px 88px;margin:0px 0px 10px 0px}
#corps #bottom #secure{position:relative;display:block;width:981px;height:48px;border-bottom:1px solid #AECAE0; border-top:1px solid #AECAE0   }
#corps #bottom #secure a{text-decoration:none;color:#1361A5}
#corps #bottom #secure span{display:block;width:385px;float:left;margin:16px 0px 0px 88px;}
#corps #bottom #secure #logoSecure{display:block;width:370px;height:36px;background-image:url(../images/fr/backgroundSecure.jpg);background-repeat:no-repeat;float:left;margin:6px 0px 0px 0px;padding:0px 0px 0px 130px}
#corps #bottom #secure #logoSecure .champ{display:block;width:auto;height:auto;float:left;margin:6px 0px 0px 10px}
#corps #bottom #secure #logoSecure .textfield{width:100px;height:15px;font-size:11px;color:#006699}