* {margin:0; padding:0;}
img { border:none;}
body { margin: 0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#fff; }

#top { width:100%; height:200px; background:#000; }

#header { width:1000px; height:200px; margin:auto; }
#logo { width:200px; height:130px; float:left; text-align:center; padding-top:20px; }
#regie { width:800px; height:130px; float:left; padding-top:20px; }
#pubs { width:800px; height:100px; }
#slogan { width:800px; height:18px; padding-top:10px; }

#menu { width:1000px; height:75px; margin:auto; position:relative; top:-40px; }
#accueil { width:985px; height:20px; background:url('../images/onglet.jpg') no-repeat; padding-top:5px; padding-left:15px; }
#qui { width:935px; height:20px; background:url('../images/onglet2.jpg') no-repeat; padding-top:5px; padding-left:65px; }
#raison { width:885px; height:20px; background:url('../images/onglet3.jpg') no-repeat; padding-top:5px; padding-left:115px; }

#contenu { width:1000px; height:100%; margin:auto; padding-top:40px; }

#left { width:456px; height:186px; float:left; margin:20px; border:2px solid #000; text-align:center; padding:20px 0 0 0; }
#right { width:456px; height:186px; float:left; margin:20px; border:2px solid #000; text-align:center; padding:20px 0 0 0; }

#contenu2 { width:100%; height:350px; margin-top:35px; background:#515151; }
#contenu3 { width:1000px; height:350px; margin:auto; }
#cont3left { width:360px; height:350px; float:left; }
#cont3right { width:620px; height:330px; float:left; padding:10px; }

#contenu4 { width:100%; height:400px; margin-top:35px; }
#contenu5 { width:1000px; height:350px; margin:auto; }
#cont5left { width:590px; height:330px; float:left; padding:10px; }
#cont5right { width:390px; height:350px; float:left; }

#contenu8 { width:1000px; height:700px; margin:auto; padding-top:40px; }
#cont8left { width:550px; height:600px; float:left; }
#cont8right {width:418px; height:223px; float:left; text-align:justify; margin:60px 10px 350px 10px; padding:10px 5px 5px 5px; border:1px solid #000; }

#about { width:880px; height:700px; margin:auto; }

#upload { width:1000px; height:600px; margin:auto; clear:both; margin-top:50px; }

a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight:bold; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #fff; }
a:active { text-decoration: none; color: #000; }

a.red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#F00; font-weight:bold; }
a.red:link { text-decoration: none; }
a.red:visited { text-decoration: none; color: #f00; }
a.red:hover { text-decoration: underline; color: #000; }
a.red:active { text-decoration: none; color: #f00; }

a.cond { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#F00; }
a.cond:link { text-decoration: none; }
a.cond:visited { text-decoration: none; color: #f00; }
a.cond:hover { text-decoration: underline; color: #000; }
a.cond:active { text-decoration: none; color: #f00; }

.slogan { font-size: 18px; color:#fff; }
.left { text-align:left; }
.titre { font-weight: bold; font-size: 18px; color:#000; }
.norm { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000; }
.red { color: #F00; }
.title { font-size: 18px; color:#fff; font-weight:bold; }
.videos { font-weight: bold; color:#fff; font-size:11px; }
.gris { font-size: 28px; color: #999; font-weight: bold; }
.gris2 { font-size: 14px; color: #999; }
.urban { font-weight: bold; font-size: 16px; }
.reporter { font-size: 16px; font-weight: bold; color: #F00; }
.center { text-align:center; }
