/* CSS Document */
body{margin:0px; padding:0px; background:url(html/images/main-bg.gif) 0 0 repeat-x #ffde00; color:#cc4706; font:14px/18px Segoe ui, "Times New Roman", Times, serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}
h5.puces {display: list-item;list-style-image: url(html/images/post-nav-next.gif);list-style-position: inside;color:#D80000;}
h5.puces:hover{background:#fffde8; color:#7E0202; text-decoration:none;}

/*----EN TETE----*/
#topPan{width:778px; height:141px; position:relative; margin:0 auto; font:14px/18px Segoe ui, "Times New Roman", Times, serif;}
#topPan ul{width:200px; height:22px; position:absolute; top:0px; right:50px;}
#topPan ul li{float:left; width:80px; height:22px;}
#topPan ul li a{width:80px; height:16px; display:block; background:url(html/images/arrow1.gif) 60px 6px no-repeat #410000; color:#fff; font:11px/18px Segoe ui, "Times New Roman", Times, serif; text-decoration:none;}
#topPan ul li a:hover{background:url(html/images/arrow1-hover.gif) 60px 6px no-repeat #410000; color:#FEF0B7; text-decoration:none;}

#topPan ul li.register{float:left; width:100px; height:22px;}
#topPan ul li.register a{width:90px; height:16px; display:block; background:url(html/images/arrow1.gif) 80px 6px no-repeat #410000; color:#fff; font:11px/18px Segoe ui, "Times New Roman", Times, serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{background:url(html/images/arrow1-hover.gif) 80px 6px no-repeat #410000; color:#FEF0B7; text-decoration:none;}

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

/* ---------------------- Menu ---------------------- */
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#561715;width:100%;font-family:Segoe ui,Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:11px;text-transform:uppercase;font-weight:bold;background:#f2ac28 url(html/images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin-left:auto;margin-right:auto;padding:0;list-style-type:none;width:900px;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(html/images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#561715 url(html/images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#561715 url(html/images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- Fin Menu---------------------- */

#bas_menu{background:url(html/images/bas_entete.gif) 0 0 repeat-x #F2F0DC;width:100%;height:14px;padding:0 0 0 0;}
#list li {margin-left:40px;display: list-item; list-style-image: url(html/images/mini-check.gif);}

/*----(Body) les blocs photo----*/
#bodybloc{width:800px; margin-left: auto;margin-right: auto;height:350px;}
/*----bloc gauche----*/
#blocphotoleft{width:402px; color:#940000;padding:10px;float:left;color:#5D5B46;}
#blocphotoleft a{display:block;border:1px solid #dac481;}
#blocphotoleft a:hover{display:block;border:1px solid #910000;} 
/*----bloc milieu----*/
#blocphotomilieu{width:auto; color:#940000;padding:10px;float:left;}
#blocphotomilieu a{display:block;border:1px solid #dac481;margin-bottom:15px;}
#blocphotomilieu a:hover{display:block;border:1px solid #910000;}
/*----bloc droit----*/
#blocphotodroit{width:210px; 0 0 no-repeat #FEFDF0; color:#940000;float:left;}
.para {color:#5D5B46; font:12px/16px Segoe ui, "Times New Roman", Times, serif;padding:10px;}
.para2{color:#5D5B46; font:12px/16px Segoe ui, "Times New Roman", Times, serif;padding:10px;margin-top:40px;}

#barre{background:url(html/images/barre.gif) 0 0 repeat-x #F2F0DC;width:100%;height:32px;text-align: center;padding:10px 0 0 0;}
.titre1 {font:bold 12px/1.5em segoe ui, "Times New Roman", Times, serif;color:#ffffff;text-transform:uppercase;padding-right:100px;}
.titre2 {font:bold 12px/1.5em segoe ui, "Times New Roman", Times, serif;color:#ffffff;text-transform:uppercase;padding-right:100px;padding-left:100px;}
.titre3 {font:bold 12px/1.5em segoe ui, "Times New Roman", Times, serif;color:#ffffff;text-transform:uppercase;padding-left:100px;}

/*----(BODY) BLOC----*/
#bodyPan{width:800px; position:relative; margin:0 auto;}
#bodyPan h2{width:300px; height:54px; background:#fffde8; color:#940000; font:bold 26px/54px Segoe ui, "Times New Roman", Times, serif;padding:0 0 0 40px;}

#text{padding:30px;}
#photo{padding:20px; float:left;}
#speciale{margin-top:80px;}
#bodyPan p.more1{width:102px; height:10px; margin:0 0 0 670px; padding:60px 0 0 0;}
#bodyPan p.more1 a{width:102px; height:16px; display:block; background:#fffde8; color:#D80000; font:13px/16px Segoe ui, "Times New Roman", Times, serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more1 a:hover{background:#fffde8; color:#7E0202; text-decoration:none;}

#bodyPan p{padding:10px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:174px; height:22px; background:#fffde8; color:#000; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.more{width:102px; height:16px; margin:0 0 0 700px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:16px; display:block; background:#fffde8; color:#D80000; font:13px/16px Segoe ui, "Times New Roman", Times, serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{background:#fffde8; color:#7E0202; text-decoration:none;}
#bodyPan p.border{background:url(html/images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}

/*----(Body) les deux carrés----*/
#bodybottomPan{width:778px; position:relative; margin:0 auto; padding:30px 0 0 8px;}
/*----carré gauche----*/
#bottomleftPan{width:375px; float:left; background:url(html/images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#940000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;}
#bottomleftPan h2{width:250px; height:58px; background:url(html/images/icon1.jpg) 0 0 no-repeat; font:bold 22px/26px Segoe ui, "Times New Roman", Times, 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(html/images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(html/images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#5D5B46; font-size:13px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(html/images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#fede6f; line-height:30px;} 
 
#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(html/images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px Segoe ui, "Times New Roman", Times, serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(html/images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/carré gauche----*/

/*----carré droit----*/
#bottomrightPan{width:375px; float:left; background:url(html/images/bodybottombg.gif) 0 0 no-repeat #000000; color:#ffe400; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;}
#bottomrightPan h2{width:250px; height:58px; background:url(html/images/icon2.jpg) 0 0 no-repeat; font:bold 22px/26px Segoe ui, "Times New Roman", Times, serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomrightPan h2 span{font-size:18px; background:#000000; color:#ffe400;}

#bottomrightPan ul{width:290px; margin:15px 0 0 50px;}
#bottomrightPan ul li{width:290px; height:30px; background:url(html/images/bullet1.gif) 0 0 no-repeat;} 
#bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(html/images/bullet1.gif) 0 10px no-repeat #000000; color:#ffe400; font-size:13px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomrightPan ul li a:hover{display:block;background:url(html/images/bullet1.gif) 0 10px no-repeat #000000; color:#e6bd00; line-height:30px;} 
 
#bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(html/images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px Segoe ui, "Times New Roman", Times, serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(html/images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/carré droit----*/

/*----BAS DE PAGE----*/
#footermainPan{height:135px; background:url(html/images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px Segoe ui, "Times New Roman", Times, serif; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}

#footerPan{width:700px; position:relative; margin:0 auto;}

#footerPan ul{width:500px; height:20px; position:relative; margin-left:20%;margin-right:20%;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#000000; text-decoration:none; font-size:11px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:280px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(html/images/html-bg-normal.gif) 0 0 no-repeat #000000; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(html/images/html-bg-hover.gif) 0 0 no-repeat #000000; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:360px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(html/images/css-bg-normal.gif) 0 0 no-repeat #000000; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(html/images/css-bg-hover.gif) 0 0 no-repeat #000000; color:#fff; text-decoration:none;}

#information{width:500px; margin-left: auto;padding:60px 0 0 0;font-size:10px;margin-right: auto;text-align: center;}
/*----/BAS DE PAGE----*/