body { padding: 0 ; text-align: center ; font-family: Arial; font-size: 8pt; background: #999999}

div#entete {position: relative; margin-left: auto; margin-right: auto; width: 902px; height: 120px; text-align: left; background: #999999 }
.conteneur {  text-align: center}

div#film { float: left; width: 902px; height: 90px; text-align: center ; background: #000000; background: url('telechargement/telechargement-films2.jpg') no-repeat 0 0;}

div#menu {  float: left; width: 900px ; height: 30px ; text-align: center ; background: #1f1f1f ; }

ul#navigation { height: 30px ; margin: 0 ; padding: 0 ; list-style-type: none; text-align: center ;  }
ul#navigation li { float: left ; text-align: center ; }
ul#navigation li a { width: 150px ; line-height: 30px ; color: #ce0412 ; display: block ; text-decoration: none ; }
ul#navigation li a:hover { color: #FFFFFF; }

div#centre { position: relative; margin-left: auto; margin-right: auto; margin-top: 3px; width: 900px; text-align: left; background: #999999; overflow: auto;}

div#cherche { float: right; width: 240px; height: 100px; text-align: left; margin-left: 5px; margin-top: 10px; margin-right: 20px; }

div#cadre1 { position: relative; float: left; width: 900px; height: 120px; text-align: left; background: #000000 url('telechargement/test-bandeau2.jpg') no-repeat 0 0;}


div#gauche { float: left; width: 600px; text-align: left; background: #CCCCCC; }
div#droite { float: right; width: 300px; text-align: left; background: #999999; }



div#cadrepub { position: absolute; right: 2px; top: 5px; width: 730px; height: 85px; text-align: right; background: #000000; }
div#navig { position: absolute; bottom: 4px; right: 5px; width: 730px; height: 15px; line-height: 15px, text-align: right; background: #000000 }

div#actua { position: relative; float: left; width: 600px; height: 510px; text-align: left; background: #ffffff; }
div#actua h1 { padding-top: 10px; line-height: 25px ; font-size: 12pt; font-family: Arial; font-weight: bold; color: #ce0412; display : table-cell; vertical-align: top; }
div#actua h2 { padding-left: 10px; line-height: 20px ; font-size: 10pt; font-family: Arial; font-weight: bold; color: #000000; }
div#actua h3 { padding-left: 10px; line-height: 20px ; font-size: 10pt; font-family: Arial; font-weight: bold; color: #000000; }
html>body #actua {height: auto; min-height: 510px;} 

div#date { position: absolute; right: 10px; top: 33px; text-align: right; font-size: 7pt;}

div#basactu { float: left; width: 590px; margin-left: 5px; height: 120px; text-align: left; background: #000000 url('telechargement/onglet-long-noir.jpg') no-repeat 0 0; color: #FFFFFF;}
div#basactu2 { position: relative; float: left; width: 590px; margin-left: 10px; margin-bottom: 10px; text-align: left; }


div#baspub { float: left; width: 520px; text-align: left; background: #111111  }
div#listesites { float: left; width: 180px; margin-left: 10px; text-align: left; background: #CCCCCC }
div#publarge { position: absolute; width: 300px; height: 250px; right: 10px; top: 80px;  text-align: left; background: #F2F2F2 }

ul#actulien { width: 250px; margin: 0 ; padding: 0 ; list-style: none; }
ul#actulien li { float: left ; text-align: left ;  background: url('telechargement/etoile-blanche.jpg') no-repeat 0 0; margin-left: 8px; width: 242px ;}
ul#actulien li a { line-height: 15px ; color: #ce0412 ; font-weight: bold; display: inline ; margin-left: 15px; }
ul#actulien li a:hover { font-style:normal; font-variant:normal; color: #FFFFFF; font-weight: bold; }

div#actu { float: left; width: 290px; height: 100px; text-align: left; color: #FFFFFF; margin-top: 10px}
div#actu h3 { font-size: 10pt; font-family: Arial; font-weight: bold; color: #ffffff; display : table-cell ; vertical-align: top; padding-left: 15px}
div#actu2 { float: right; width: 250px; height: 80px; text-align: left; background: #000000; margin-right: 20px; margin-top: 25px; }

.news { float: left; width: 580px; text-align: left; margin-left: 10px; margin-top: 2px; }
.photonews { float: left; width: 150px; height: 120px; color: #FFFFFF; margin-top: 5px; background: #FFFFFF url('telechargement/petit-carre-noir.jpg') no-repeat 0 0; }
.photocadre { float: left; width: 120px; height: 90px; margin-top: 14px; margin-left: 14px; text-align: left; }
.newstitre { font-size: 10pt; font-family: Arial; font-weight: bold; color: #000000; display : table-cell ; vertical-align: top; padding-left: 5px}
.newstexte { float: left; width: 430px; height: 105px; text-align: left; background: #F2F2F2; color: #000000; margin-top: 10px; }



div#recherche { float: right; width: 300px; height: 120px; text-align: left; background: #000000 url('telechargement/rectangle-noirg2.jpg') no-repeat 0 0;}
div#recherche h3 { padding-top: 10px; padding-left: 15px; line-height: 25px ; font-size: 8pt; font-family: Arial; font-weight: bold; color: #ffffff; ; display : table-cell ; vertical-align: top; }

div#carre0 { float: left; width: 300px; text-align: left; background: #ffffff; }
div#carre1 { float: left; width: 300px; height: 270px; text-align: left; background: #000000 url('telechargement/carre-noir-large.jpg') no-repeat 0 0; }
div#image { float: left; text-align: left; margin-top: 20px; margin-left: 17px; background: #CCCCCC }

div#carre2 { float: left; width: 300px; text-align: left; background: #ffffff; }
div#carre3 { float: left; width: 300px; height: 270px; text-align: center; background: #CCCCCC url('telechargement/carre-noir-largeg.jpg') no-repeat 0 0; }
div#ads { float: left; width: 250px; height: 250px; text-align: center; background: #000000; margin-top: 10px; margin-left: 10px;}

div#carre3large { float: left; width: 300px; height: 270px; text-align: center; background: #CCCCCC }
div#adslarge { float: left; width: 300px; height: 250px; text-align: center; background: #CCCCCC; margin-top: 10px;}

div#carre4 { float: left; width: 300px; height: 270px; text-align: center; background: #000000 url('telechargement/carre-noir-largeg.jpg') no-repeat 0 0; }
div#ads2 { float: left; width: 250px; height: 250px; text-align: center; background: #000000; margin-top: 10px; margin-left: 25px;}


div#rectbas { float: left; width: 300px; height: 120px; text-align: left; background: #000000 url('telechargement/court-noir120.gif'); }
div#rectbas h3 { padding-top: 10px; line-height: 16px ; font-size: 8pt; font-family: Arial; font-weight: bold; color: #ce0412; ; display : table-cell ; vertical-align: top; padding-left: 15px;}


ul#navigation3 { width: 260px; margin: 0 ; padding: 0 ; list-style: none; }
ul#navigation3 li { float: left ; text-align: left ;  background: url('telechargement/etoile-blanche.jpg') no-repeat 0 0; margin-left: 6px; width: 124px ;}
ul#navigation3 li a { line-height: 15px ; color: #f2f2f2 ; display: inline ; margin-left: 15px; }
ul#navigation3 li a:hover { font-style:normal; font-variant:normal; color: #ce0412; }



div#teaser { float: right; width: 300px; height: 120px; text-align: left; background: #ffffff url('telechargement/teaser-bas2.jpg') no-repeat 0 0;}


div#footer { position: relative; margin-left: auto; margin-right: auto; margin-top: 5px; width: 900px; text-align: left; background: #999999; font-size: 1em ; color: #1f1f1f ;  }
div#footer h3 { font-family: Arial; font-size: 8pt; color: #000000; text-align: justify; display : table-cell ; line-height: 15px; font-weight: bold; }
div#footer a { font-family: Arial; font-size: 8pt; color: #000000; text-align: justify; line-height: 15px; font-weight: bold; }

.onglet { font-family: Arial; font-size: 8pt; color: #ce0412; text-align: center ; background: #333333 url('telechargement/onglet-noir-etoile.jpg') no-repeat 0 0;} 
.ongletrouge { font-family: Arial; font-size: 8pt; font-color: #ffffff; text-align: center ; background: #333333 url('telechargement/onglet-rouge-etoile.jpg') no-repeat 0 0;} 

.lienblanc { font-family: Arial; font-size: 8pt; color: #ffffff; text-align: center ; } 
.lientelecharger { font-family: Arial; font-size: 9pt; color: #ffffff; text-align: center ; font-weight: bold; } 
.lienrouge { font-family: Arial; font-size: 8pt; color: #ce0412; text-align: right ; font-weight: bold;} 
.grasnoir { font-family: Arial; font-size: 8pt; color: #000000; text-align: right ; font-weight: bold;} 
.lienrouge2 { font-family: Arial; font-size: 8pt; color: #ce0412; text-align: left ; font-weight: normal;} 
.texterouge { font-family: Arial; font-size: 8pt; color: #ce0412; text-align: left ; padding-left: 10px;} 
.rougeunder { font-family: Arial; font-size: 8pt; color: #ce0412; text-align: right ; font-weight: bold; text-decoration: underline;} 
.textefilm  { font-family: Arial; font-size: 8pt; color: #1f1f1f; text-align: justify; padding-left: 10px; padding-right: 10px;}
.textefilm2  { font-family: Arial; font-size: 8pt; color: #1f1f1f; text-align: justify; padding-left: 15px; padding-right: 15px;}
.textefilmnoir  { font-family: Arial; font-size: 8pt; color: #000000; text-align: justify; padding-left: 15px; padding-right: 15px;}
.texteblanc  { font-family: Arial; font-size: 8pt; color: #ffffff; text-align: justify; padding-left: 15px; padding-right: 20px; line-height: 15px; }
.textenavig  { font-family: Arial; font-size: 8pt; color: #ffffff; text-align: justify; padding-left: 15px; padding-right: 20px; line-height: 15px; display : table-cell ; vertical-align: top;}
.texteblanc2  { font-family: Arial; font-size: 8pt; color: #ffffff; text-align: justify; padding-left: 25px; padding-right: 20px;}
.right { text-align: right ; padding-right: 15px;} 

.titrenoir  { font-family: Arial; font-size: 10pt; color: #000000; text-align: justify; }
.paraphnoir  { font-family: Arial; font-size: 8pt; color: #000000; text-align: justify; }

p { margin-top : 8px; margin-bottom : 0px; } 

a { color: #ce0412; font-size: 8pt; font: 8pt "Arial", helvetica, sans-serif ; text-decoration:none }