html, body{margin:0;padding:0; background-image:url('bckground.gif')}
li           {list-style-type: none}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{color: #000000;text-decoration:none}
div#header {background-position: left center; height:160px;background-image: url('drole-video-logo.gif'); background-repeat: no-repeat}
div#header h1{padding-left:40px;margin-left:210px;color: #000000; font-size:16pt}
div#header h2{padding-left:40px;margin-left:210px;color: #FF0000; font-size:14pt}
div#header p{padding-left:40px;margin-left:210px;color: #FF0000; font-size:14pt}


div#container{text-align:left}
div#content p{line-height:1.4;position: relative}
div#navigation{background:#FFFFCC}
div#extra{background:#FFFFCC}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{border:1px solid #0000FF; background:#99CCFF; width:800px;margin:0 auto; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px}
div#wrapper{float:left;width:100%}

div#content{background:#99CCFF;margin: 0 180px}
div#navigation{float:left;width:170px;margin-left:-170px}

div#extra{float:left;width:180px;margin-left:-800px}

div#footer{clear:left;width:100%; text-align:center}
div#pub-haut {text-align:center;width:728px}
h3{font-size: 100%;margin:0;background: #0000FF;color: #FFFFFF;text-align: center;padding-left:0; padding-right:0; padding-top:0; padding-bottom:3px}
hr {color: #FF0000}

div#footer a:link{color: #00FF00; text-decoration:none; font-weight:bold}
div#footer a:visited {color: #00FF00;text-decoration:none; font-weight:bold}

div#content a:link {display:block;color: #000000;text-decoration:none; font-weight:bold}
div#content a:visited {display:block;color: #000000;text-decoration:none; font-weight:bold}
div#content a:hover {background: #0000FF; color:#FFFFFF; font-weight:bold}

div#extra a:link{color: #000000;text-decoration:none}
div#extra a:visited {display:block;color: #000000;text-decoration:none}
div#extra a:hover {background: #0000FF; color:#FFFFFF}
div#extra li {list-style-type: disc}

div#navigation a:link{color: #000000;text-decoration:none}
div#navigation a:visited {color: #000000;text-decoration:none}
div#navigation a:hover {background: #0000FF; color:#FFFFFF}
div#navigation li {list-style-type: none}

div#footer{background: #333;color: #FFF; text-align:center}
div#footer p{margin:0;padding:5px 10px}

.navlist { padding: 2px 0;margin-left: 0; border-bottom: 1px solid #778; font: bold 10px Verdana, sans-serif; }
.navlist li { list-style: none; margin: 0; display: inline; }
.navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #FFC; text-decoration: none; }
.navlist li a:link { color: #448; }
.navlist li a:visited { color: #667; }
.navlist li a:hover { color: #000; background: #AAE; border-color: #227; }
.navlist li a#current { background: white; border-bottom: 1px solid white; }

div#special p {color: #FF0000;text-align:center;font-size:14pt;font-weight:bold}
.center{text-align: center;}
div#code{text-align: center;}
div#blocnews{text-align:right;float:right;padding-right:50px;}		

/**********************/
/* pas de pub google */
/* voir skyscraper */
/* 160 x 600     */
/****************/

img {border: 0px none; }
.gallerycontroller{width: 160px}
.gallerycontent{width: 160px;height: 600px;background-color: #FFFFCC;border: 0px solid #FFFFCC;padding: 3px;display: block;}
a.gallerycontent, a.gallerycontent:visited     { text-decoration: none }

/**********************/
/* pas de pub google */
/* voir 728x90 */
/******************/

.gallerycontroller728{width: 728px}
.gallerycontent728{width: 728px;height: 90px;background-color: #FFFFCC;border: 0px solid #FFFFCC;padding: 3px;display: block;}
a.gallerycontent728, a.gallerycontent728:visited     { text-decoration: none }