/* CSS Document */
body{margin:0 auto; background:  #033452 ; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; height: 100%; line-height:20px;  }
div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}


/*----MAIN PANEL----*/

#content{ margin: 0 auto ;
        width: 960px;
        background-color: #FFFFFF;
        overflow:hidden;
			}

/*----Menu----*/
#menucontainer{width:930px; height:55px;  float:left;  margin-top:138px; margin-left:15px;z-index:0;  }
#menu{width:960px; height:195px;  float:left;  margin-top:-151px; background:url(/images/front/banniere.jpg) 0 top no-repeat #FFFFFF; background-color:#FFFFFF;}
#top{z-index:1}

#menu ul{width:897px;  float:left; }
#menu ul li{ width:auto; float:left;  padding-right:15px;}
#menu ul li a{ width:110px; display:block; background:url(/images/front/menu.jpg) 0 7px  no-repeat;  font:12px "Arial",  Helvetica, sans-serif;font-weight:bold; color:#FFFFFF;   text-decoration:none; height:25px; text-align:center; padding-top:13px;}
#menu ul li a:hover{ text-decoration:none; color:#494949; background:url(/images/front/menu-hover.jpg) 0 7px  no-repeat;}
#menu ul li span{  width:110px; display:block; background:url(/images/front/menu-hover.jpg) 0 7px  no-repeat;  font:12px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#000000;   text-decoration:none; height:25px; text-align:center; padding-top:13px;}

.contact a{ width:110px; display:block; float:left; background:url(/images/front/menucontact.jpg) 0 7px  no-repeat;  font:12px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#FFFFFF;   text-decoration:none; height:25px; text-align:center; padding-top:13px;}
.contact a:hover{ text-decoration:none; color:#494949; background:url(/images/front/menucontact-hover.jpg) 0 7px  no-repeat;}

/*----/Menu----*/


/*----left Panel----*/
#leftPan{width:167px; float:left;   color: #000000; background:#FFFFFF; }
#leftPan h1{ width:150px; height:29px;font:13px "Arial",  Helvetica, sans-serif; line-height:25px; font-weight:bold; color:#000000; background:url(/images/front/menu-secondaire.jpg) 0 no-repeat;  padding-left:14px; }
#leftPan ul{width:167px;  padding:10px 0 0; float:left; }
#leftPan li{ width:auto; float:left; padding-left:14px; padding-bottom:10px; }
.current{width:110px; display:block; font:12px "Arial",  Helvetica, sans-serif; font-weight:bold; padding-top:2px; padding-left:20px; background:transparent url(/images/front/menu2-hover.jpg) no-repeat scroll 0 2px;color:#033452;text-decoration:none; margin-left:14px;}
#leftPan li a{ width:110px; display:block; background:url(/images/front/menu2.jpg) 0 2px  no-repeat;  font:12px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#e75113;   text-decoration:none;  padding-top:2px; padding-left:20px;}
#leftPan li a:hover{ text-decoration:none; color:#033452; background:url(/images/front/menu2-hover.jpg) 0 2px  no-repeat;}
#leftPan li span{  width:110px; display:block; background:url(/images/front/menu2-hover.jpg) 0 2px  no-repeat;  font:12px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#000000;   text-decoration:none;  padding-top:2px; padding-left:20px;}
/*----/left Panel----*/

/*----Center Panel----*/
#flash{width:489px;   margin:0 20px 0 auto;  background: #FFFFFF; float:left;}
#flash h1{ padding:6px 0 0 25px; font:14px "Arial",  Helvetica, sans-serif; font-weight:bold; color: #033452; background:url(/images/front/h1center.jpg) 5px 8px no-repeat; float:left ;}
#flash h2{ padding:6px 0 0 25px; font:14px "Arial",  Helvetica, sans-serif; font-weight:bold; color: #033452; background:url(/images/front/h2center.jpg) 7px 9px no-repeat; float:left;}
#flash p{ padding:6px 0px 0 0px; font:12px "Arial",  Helvetica, sans-serif; color: #6a6a6a; text-align:justify; line-height:20px;}
#flash img{  border:0px solid #e75113; margin:5px 5px 5px 5px; }
#flash a{ font:12px "Arial",  Helvetica, sans-serif;  color: #e75113; text-decoration:none; font-weight:bold;}
#flash a:hover{ color: #e75113; text-decoration:underline; }
#flash li{ font:12px "Arial",  Helvetica, sans-serif; color: #6a6a6a; text-align:justify; list-style-type:circle; margin-left:15px;line-height:20px;  }
.textebleu{ font:12px "Arial",  Helvetica, sans-serif; color: #033452;  }
.texteorange{ font:12px "Arial",  Helvetica, sans-serif; color: #e75113;  }
#flash label{clear:both; display:block;float:left;font-size:90%;margin-top:10px;width:100px;}
.submit {margin-left:195px;width:150px !important;}
/*----/Center Panel----*/


/*----Right Panel----*/
#rightPan{width:284px;  float:left; background:#FFFFFF;   }
.actu h1{ width:167px; height:29px;font:15px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#ffffff;  padding-top:7px; padding-left:34px; }
.actu p{line-height:20px;   width:210px; height:29px;font:13px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#ffffff;  padding-top:2px; padding-left:34px; }
.actu a{ width:210px; height:29px;font:13px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#ffffff;  padding-left:150px; }
.actu a:hover{font:13px "Arial",  Helvetica, sans-serif; font-weight:bold; text-decoration:underline;  }
.actu{width:259px; height:101px; float:left;   font:12px Arial, Helvetica, sans-serif; background:url(/images/front/box-actu.jpg) 0 no-repeat; margin-left:10px; }

.recrut{width:260px; height:115px; float:left;   font:12px Arial, Helvetica, sans-serif; background:url(/images/front/box-recrut.jpg) no-repeat; margin-left:10px; margin-top:25px; margin-bottom:25px;line-height:20px;   }
.recrut h1{ width:167px; height:29px;font:15px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#000000;  padding-top:7px; padding-left:24px; background:url(/images/front/fleche-recrut.jpg) 0 38px no-repeat; padding-top:35px; }
.recrut a{ width:210px; height:29px;font:13px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#000000;  padding-left:150px; }
.recrut a:hover{ color: #000000;font:13px "Arial",  Helvetica, sans-serif; font-weight:bold; text-decoration:underline;  }

.download{width:260px; height:50px; float:left;   font:12px Arial, Helvetica, sans-serif; background:url(/images/front/box-download.jpg) no-repeat; margin-left:10px; padding-top:40px; line-height:15px;  }
.download a{ width:210px; height:29px;font:13px "Arial",  Helvetica, sans-serif; font-weight:bold; color:#000000;    }
.download a:hover{ color: #000000;font:13px "Arial",  Helvetica, sans-serif; font-weight:bold; text-decoration:underline;  }


/*----/Right Panel----*/


/*----Footer Panel----*/
#footermainPan { background:url(/images/front/ombre-footer.jpg) top repeat-x #FFFFFF ; height:90px; float:left; width:960px;}
#footerPan{margin:0 auto; clear:both;}

.logo{ background:url(/images/front/logo-footer.jpg) no-repeat; margin-top:10px; width:89px; height:29px; float:left;}

#footerPan ul{width:680px; margin-left:100px;  font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; color: #033451; padding-top:20px; padding-bottom:18px; padding-right:20px;  }
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#033451; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerLine{width:820px; margin-left:105px; height:2px; background:url(/images/front/line-footer.jpg) repeat-x}

#footerPan p.copyright{width:90px; float:right;color:#000000; margin-top:-20px; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan p.copyright a{font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; text-decoration:none;}
#footerPan p.copyright a:hover{font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; color: #033451;}

abbr, acronym
{
   border-bottom: .1em dotted;
   cursor: help;
}