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


body{ margin:0; padding:20px 0; text-align:left; background:url(img/body/bg-nuage.jpg) #FFF top center no-repeat;}

p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#5e5959; margin:10px 0;}

#container{ width:924px; margin:0 auto; padding:0; background:url(img/body/bg-white.png) top left repeat;}

#container #header{ width:924px; height:100px; margin:0 auto; padding:0;}
#container #header #logo{ width:193px; height:90px; margin:0 auto; padding:10px 0 0 30px; float:left;}
#container #header #logo a img{ border:0;}
#container #header #menu{ width:650px; height:35px; margin:0 auto; padding:65px 0 0 51px; float:left; text-align:right;}
#container #header #menu ul{ font-family: Tahoma, Helvetica, Arial; font-size:12px; font-weight:bold; padding:0; margin:0;}
#container #header #menu ul li{ display:inline-block; width:119px; height:34px; color:#02295c; margin:0 5px 0 0; padding:0; float:left; text-decoration:none; text-align:center; line-height:35px; list-style:none;}
#container #header #menu ul li a{ display:inline-block; width:121px; height:35px; color:#02295c; margin:0 5px 0 0; padding:0; float:left; text-decoration:none; text-align:center; line-height:35px; background:url(img/header/bg-menu2.png) top left no-repeat;}
#container #header #menu ul li a:hover{ background:url(img/header/bg-menu2-hover.png) top left no-repeat;}
#container #header #menu ul li.actif{ background:url(img/header/bg-menu2-hover.png) top left no-repeat;}

#container #flash{ width:924px; height:230px; margin:0 auto; padding:0; border-bottom:2px solid #BCD8ED; border-top:2px solid #BCD8ED;}

#container #contenu{ width:900px; margin:0 auto; padding:12px; background:#FFF;}
#container #contenu h1{ font-family:'century gothic',verdana,arial,helvetica,sans-serif; font-size:30px; color:#004990; margin:0 0 10px 0; text-transform:uppercase; font-weight:normal;}
#container #contenu h2{ font-family:'century gothic',verdana,arial,helvetica,sans-serif; font-size:18px; color:#c91111; font-weight:200; margin:0 0 5px 0; border-bottom:1px dotted #5e5959;}
#container #contenu img{ margin:5px; padding:0; padding:3px; border:1px solid #5e5959;}

#container #contenu #contenuMoitie1{ width:440px; margin:0 10px 0 0; padding:0 0 10px 0; float:left;}
#container #contenu #contenuMoitie2{ width:440px; margin:0 10px 0 0; padding:0 0 10px 0; float:right;}

#container #contenu #contenuLeft{ width:300px; margin:0 10px 0 0; padding:0 0 10px 0; float:left;}
#container #contenu #contenuLeft a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin:0; padding:0 0 10px 0; color:#5e5959; padding:0 0 0 15px; background:url(img/contenu/puce-fleche-rouge.png) 0px 3px no-repeat; text-decoration:none;}
#container #contenu #contenuLeft a:hover{ color:#000;}

#container #contenu #contenuRight{ width:590px; margin:0; padding:0 0 10px 0; float:right;}
#container #contenu #contenuRight a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin:0; padding:0 0 10px 0; color:#5e5959; padding:0 0 0 15px; background:url(img/contenu/puce-fleche-rouge.png) 0px 3px no-repeat; text-decoration:none;}
#container #contenu #contenuRight a:hover{ color:#000;}
#container #contenu #contenuRight iframe{ padding:5px; border:1px solid #eee; margin:0 0 5px 0;}

#container #contenu .contenuBox{ width:159px; margin:0 auto; padding:10px; float:left; border-right:1px solid #c1cace;}
#container #contenu .border0 { border:none;}

#container #contenu #contenuRight a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin:0; padding:0 0 10px 0; color:#5e5959; padding:0 0 0 15px; background:url(img/contenu/puce-fleche-rouge.png) 0px 3px no-repeat; text-decoration:none;}
#container #contenu #contenuRight a:hover{ color:#000;}
#container #contenu #contenuRight iframe{ padding:5px; border:1px solid #eee; margin:0 0 5px 0;}

#container #contenu .contenuBox h4{ display:block; height:40px; font-family:'century gothic',verdana,arial,helvetica,sans-serif; font-size:18px; color:#c91111; font-weight:200; margin:0 0 10px 0; }
#container #contenu .contenuBox p{ display:block; height:90px;font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#5e5959; margin:0; padding:0 0 10px 0; border-bottom:1px solid #d7d7d7;}
#container #contenu .contenuBox ul{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5e5959; margin:0; padding:0; }
#container #contenu .contenuBox ul li{ margin:0; list-style:none; padding:0 0 0 20px; background:url(img/contenu/puce-fleche-rouge.png) 5px 8px no-repeat; border-bottom:1px solid #d7d7d7;}
#container #contenu .contenuBox ul li a{ display:block; height:25px; line-height:25px; color:#5e5959; margin:0; text-decoration:none; text-align:left; padding:0; }
#container #contenu .contenuBox ul li a:hover{ color:#000;}
#container #contenu .contenuBox ul li.cart{ background:url(img/contenu/puce-cart.png) 0 4px no-repeat;}

#container #info{ width:900px; margin:0 auto; padding:12px; background:url(img/contenu/bg-info.gif) top left repeat-x;}
#container #info h5{ font-family:'century gothic',verdana,arial,helvetica,sans-serif; font-size:30px; color:#004990; margin:0 0 10px 0; text-transform:uppercase; font-weight:normal; }
#container #info p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#5e5959; margin:0; padding:0 0 10px 0;}
#container #info a{ color:#5e5959; padding:0 0 0 15px; background:url(img/contenu/puce-fleche-rouge.png) 0px 3px no-repeat; text-decoration:none;}
#container #info a:hover{ color:#000;}
#container #info img{ margin:5px; padding:0; padding:3px; border:1px solid #5e5959;}

#container #footer{ width:727px; height:78px; margin:0 auto; padding:24px 24px 0 173px; background:url(img/footer/logo.gif) #d8d8d8 top left no-repeat; border-top:1px solid #d2d2d2;}
#container #footer p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#5e5959; margin:0; padding:0;}