/* CSS Document */
body{margin:0px; padding:0px; background:url(main-bg.gif) 0 0 repeat-x #FFAA2A; color:#002AFF; font:13px/18px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:778px; height:121px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;}
#topPan ul li{float:left; width:45px; height:22px;}
#topPan ul li a{width:45px; height:16px; display:block; background:url(arrow1.gif) 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background:url(arrow1-hover.gif) 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#topPan ul li.register{float:left; width:65px; height:22px;}
#topPan ul li.register a{width:65px; height:16px; display:block; background:url(arrow1.gif) 65px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{background:url(arrow1-hover.gif) 65px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#topPan img.logo{width:500px; height:80px; position:absolute; top:23px; left:29px;}

#topPan p.callus{width:119px; height:25px; background:url(callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}

/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{width:778px; height:228px; position:relative; margin:0 auto;}
#headerleftPan{width:46px; height:228px; float:left; background:url(leftfolder.gif) 0 0 no-repeat;}
/*----Header Middle Panel----*/
#headermiddlePan{width:686px; height:228px; float:left;}

/*----Menu Panel----*/
#menuPan{width:686px; height:33px; background:url(menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;}
#menuPan ul li{width:110px; height:28px; float:left;}
#menuPan ul li a{width:109px; height:28px; display:block; background:#fff; color:#ff0000; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:110px; height:28px; background:#2A7FFF; color:#fff; border:none; text-decoration:none;}

#menuPan ul li.home{width:110px; height:28px; background:#2A7FFF; color:#ff0000; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#ff0000; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:110px; height:28px; background:#2A7FFF; color:#fff; border:none; text-decoration:none;}

/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #ff0000; border-top:1px solid #ff0000;}
/*---- Header Red Panel----*/
#headerleftredPan{width:478px; height:123px; background:url(redpan-bg.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px;}
#headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:29px; left:36px; text-transform:uppercase;}
#headerleftredPan h2 span{font-size:39px; line-height:30px;}

#headerleftredPan p{width:182px; height:74px; display:block; position:absolute; top:24px; left:280px; font-size:14px; line-height:17px; text-align: center;} 
#headerleftredPan p span.largetext{font-size:18px; color: #FFFF00; line-height:20px; text-align: center;} 

#headermiddleredPan{width:161px; height:142px; background:url(red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:478px;}
/*----Header MORE Panel----*/
#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#headermorePan a{width:39px; height:38px; display:block; background:url(headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan{width:46px; height:228px; float:left; background:url(rightfolder.gif) 0 0 no-repeat;}
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:686px; position:relative; margin:0 auto;}
#bodyPan h2{width:700px; height:54px; color:#D80000; font:22px/34px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodyPan h3{margin-top:-2px;color:#D80000; font:16px "Trebuchet MS",Arial, Helvetica, sans-serif;font-weight:bold;}
#bodyPan p{padding:10px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:220px; height:22px; color:#FFFFFF; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.texte{text-align: justify; line-height:22px;}
#bodyPan p.black{color:#000000; font-size:14px; line-height:22px; padding:0px;}
#bodyPan p.alert{color:#FFFF00; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.alert a{color:#FFFF00; font-size:12px; line-height:22px; padding:0px;}
#bodyPan p.alert a:hover{color:#0000FF; font-size:12px; line-height:22px; padding:0px;}
#bodyPan p.question{color:#FFFF00; font-size:14px; line-height:22px; padding:0px;}
#bodyPan p.red{color:#370D0D; font-size:14px; line-height:22px; padding:0px;}
#bodyPan p.img{text-align: center;}
#bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:16px; display:block; color:#E8E813; font:14px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{color:#7E0202; text-decoration:none;}
#bodyPan p.border{background:url(dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}

/*----Body Bottom Panel----*/
#bodybottomPan{width:778px; position:relative; margin:0 auto; padding:30px 0 0 8px;}
/*----Bottom Left Panel----*/
#bottomleftPan{width:375px; float:left; background:url(bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000;}

#bottomleftPanBody{width:375px; float:left; background:url(bodybottombgBody.gif) 0 0 repeat-y; color:#D80000; }

#bottomleftPan h2{width:250px; height:58px; background:url(icon1.gif) 0 0 no-repeat; font:24px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px; background:url(bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomleftPan p.more{width:170px; height:21px; padding-left:50px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:170px; height:21px; display:block; background:url(bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{width:375px; float:left; background:url(bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; margin:0 0 0 8px;}

#bottomrightPanBody{width:375px; float:left; background:url(bodybottombgBody.gif) 0 0 repeat-y; color:#D80000; }

#bottomrightPan h2{width:250px; height:58px; background:url(icon2.gif) 0 0 no-repeat; font:24px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 75px; margin:22px 0 0 41px;}
#bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomrightPan ul{width:290px; margin:15px 0 0 50px;}
#bottomrightPan ul li{width:290px; height:30px; background:url(bullet1.gif) 0 0 no-repeat;} 
#bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomrightPan ul li a:hover{display:block;background:url(bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomrightPan p.more{width:170px; height:21px; padding-left:50px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:170px; height:21px; display:block; background:url(bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:135px; background:url(footerbg.gif) 0 0 repeat-x #3B3B3B; color:#0000FF; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:25px 0 0;}
#footermainPan p.enterGestion{float: right; text-decoration:none; margin:0 auto; background: transparent; color:#0000FF;  font-size:13px;}
#footermainPan p.enterGestion a{text-decoration:none;}
#footermainPan p.enterGestion a:hover{text-decoration:none;} 
#footerPan{width:700px; position:relative; margin:0 auto; padding:55px 0 0;}

#footerPan ul{width:600px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 11px 0; color:#0000FF; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{color:#0F0F0F; text-decoration:underline;}

#footerPan p.copyright{width:200px; position:relative; margin:0 auto; color:#fff;  font-size:11px;}


#footerPan ul.makinnovation{width:300px; color:#fff; text-align: center; padding:5px 0 0 0 ; font-size:10px;}
#footerPan ul.makinnovation li{height:20px;}
#footerPan ul.makinnovation li a{color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.makinnovation li a:hover{text-decoration:underline;}
/*----/FOOTER PANEL----*/