/* CSS Document */
/* Style.css */
/* 2006, 10 november */
/* © www.ezigraph.com*/

body { background: #585858 url(../img/BG/wall.jpg) repeat-x; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;}
img { border:0;}
ul {margin-left: 0px; text-align:left; padding:0px}
li {margin-left: 25px; list-style-type:disc; list-style-position:outside}
h1 {margin: 5px 0 10px 0; font-size:9px; color:#000000}
h2 {margin: 5px 0 10px 0; font-size:12px; color:#000000 text-decoration: underline}
h21 {margin: 5px 0 10px 0; font-size:10px; color:#000000 text-decoration: underline}
h3 {margin: 5px 0 10px 0; font-size:14px; color:#000}
h4 {margin: 5px 0 10px 0; font-size:14px; color:#FFFFFF}
h41 {margin: 5px 0 10px 0; font-size:12px; color:#FFFFFF}
h42 {margin: 5px 0 10px 0; font-size:14px; font-weight:bold; color:#FFFFFF}
h5 {margin: 10px 0 15px 0; font-size:14px; color:#FFFFFF}
h6 {margin: 2px 0 5px 0; font-size:14px; color:#FFFFFF}
h8 {margin: 5px 0 10px 0; font-size:12px; color:#000000}
h7 {margin: 5px 0 10px 0; font-size:18px; color:#000000}
a:link, a:visited {font-weight:bold; color:#fec54a; text-decoration:none}
a:active, a:hover {font-weight:bold; color:#fec54a; text-decoration:underline}

#princip {background-image:url(../img/BG/princip.gif); width:810px; position:absolute; float:left; left:50%; margin-left:-387px}
#hd1 {background:url(../img/BG/top.jpg) no-repeat #000; height:24px; width:774px; float:left;}
#hd2 {background:url(../img/BG/hd1.jpg) no-repeat #000; height:79px; width:774px; float:left;}
#hd_menu {background:url(../img/BG/hd2.jpg) no-repeat #000; height:239px; width:774px; float:left;}
#hd3 {background:url(../img/BG/hd3.jpg) no-repeat #000; height:172px; width:774px; float:left;}

#td-news {width:294px; vertical-align:top}
#td-droit {width:294px; vertical-align:top}
#dv-menu {background-color:#aeaeae; float:left; width:100%}
#ft-menu {background:url(../img/deco1.jpg); width:200px; height:250px; float:left}
.menu {list-style-image: url(../img/puce.gif); margin: 0 0 10px 30px}
.sous-menu {list-style-image: url(../img/puce2.gif); padding:0px; margin:0 0 5px 14px}
.menu a:link,.menu a:visited {color: #002346; text-decoration:none;}
.menu a:hover {color: #002346; text-decoration:underline}
.menu a:active  {color:#FF6633; text-decoration:underline}

.toplink {background:url(../img/puce.gif) no-repeat center left; margin-right:16px; padding-left:15px; color:#ffffff}
.toplink a:link,.toplink a:visited {color: #ffffff; text-decoration:none;}
.toplink a:hover, .toplink a:active {color: #ffffff; text-decoration:underline}

#table-cont {background: url(../img/BG/cont.jpg) no-repeat top left; width:774px; float:left;}
#td-cont {width:485px; vertical-align:top; padding-right:18px; padding-left:18px}

#footer {background:url(../img/BG/footer.jpg) no-repeat #585858; width:810px; height:43px; float:left; font-size:10px; color:#FFFFFF}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#FFFFFF}
#mention {float:right; text-align:right; padding:6px 30px 5px 0}

/*index*/
.cat { width:145px; height:210px; float:left; border-right: 1px solid #FFFFFF; text-align:center; margin-bottom:15px }
.cat a:link, .cat a:visited {font-weight:normal; color:#ffffff; text-decoration:none}
.cat a:active, .cat a:hover {font-weight:normal; color:#ffffff; text-decoration:underline}
#flash {width:207px; height:154px; background:url(../img/BG/flash.jpg) no-repeat top center #dedede; float:left; padding: 0 15px 0 15px}
#droit {width:207px; height:120px; background:url(../img/BG/flash.jpg) no-repeat top center #dedede; float:left; padding: 0 15px 0 15px}
#video {width:207px; height:100px; background:url(../img/BG/flash.jpg) no-repeat top center #dedede; float:left; padding: 0 15px 0 15px}
#pro {width:207px; height:154px; background:url(../img/BG/flash.jpg) no-repeat top center #dedede; float:left; padding: 0 15px 0 15px}
#actu {width:207px; height:414px; background:url(../img/BG/actu.jpg) no-repeat bottom center #dadada; float:left; padding: 0 15px 0 15px}
#vid {width:100px; height:80px; background:url(../img/BG/vid.gif) no-repeat bottom center #dadada; float:left; padding: 0 15px 0 15px}
#actu2 {width:414px; bottom center #dadada; float:left;}
.news {margin: 0 10px 5px 0; color:#000000}
.news a:link, .news a:visited, .news a:active, .news a:hover {color:#000000}
.arch {margin: 0 8px 5px 0; color:#000000}
.arch a:link, .arch a:visited, .arch a:active, .arch a:hover {color:#000000}