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

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

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

div#menu {  float: left; width: 800px ; height: 30px ; text-align: center ; background: #000000 ; }

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: 160px ; 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: 800px; text-align: left; background: #999999; overflow: auto;}


div#cadre1 { position: relative; float: left; width: 800px; height: 120px; text-align: left; background: #000000;}

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: 495px; height: 15px; line-height: 15px, text-align: right; background: #000000 }


div#gauche { float: left; width: 300px; text-align: left; background: #1f1f1f; }

div#cadrevisuel { float: left; width: 300px; height: 180px; text-align: left; background: #CCCCCC; }
div#cadrepub2 { float: left; width: 300px; height: 250px; text-align: left; background: #111111; }
div#teaserbas { float: left; width: 300px; height: 100px; text-align: left; background: #ffffff url('imagesv2/teaser-bas.jpg'); }


div#droite { float: right; width: 500px; height: 530px; text-align: left; background: #ffffff; }
html>body #droite {height: auto; min-height: 530px;} 


div#video { float: left; width: 500px; height: 180px; text-align: left; background: #ffffff; }
div#video h1 { padding-top: 10px; padding-left: 10px; line-height: 25px ; font-size: 12pt; font-family: Arial; font-weight: bold; color: #ce0412; ; display : table-cell ; vertical-align: top; }

div#video2 { float: left; width: 500px; height: 250px; text-align: left; background: #A2C1C1; }
div#video2 h3 { padding-left: 15px; line-height: 25px ; font-size: 9pt; font-family: Arial; font-weight: bold; color: #000000; ; display : table-cell ; vertical-align: bottom; }
div#video2 h2 { padding-left: 15px; line-height: 25px ; font-size: 9pt; font-family: Arial; font-weight: bold; color: #000000; ; display : table-cell ; vertical-align: bottom; }


div#video3 { float: left; width: 500px; height: 100px; text-align: left; background: #000000; }
div#video3 h3 { line-height: 35px ; font-size: 9pt; font-family: Arial; font-weight: bold; color: #ce0412; ; display : table-cell ; vertical-align: bottom; }


div#vignette { float: left; width: 125px; height: 90px; text-align: left; margin-left: 5px; margin-top: 5px; background: #000000; }

ul#navigation3 { width: 240px; margin: 0 ; padding: 0 ; list-style: none; }
ul#navigation3 li { float: left ; text-align: left ;  background: url('telechargement/etoile.png') no-repeat 0 0; margin-left: 10px;}
ul#navigation3 li a { width: 240px ; line-height: 15px ; color: #1f1f1f ; display: block ; 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#lienpub { float: left; margin-left: 10px; margin-top: 15px; width: 580px; height: 22px; text-align: left; background: #1f1f1f;}




div#carregauchebas { position: relative; float: left; width: 310px; height: 285px; text-align: left; background: #a1dd00; background: url('http://www.igares.com/images/fondvert.jpg') repeat-y; margin-top: 3;}

div#pub { width: 300px; height: 265px; text-align: left; background: #1f1f1f; margin-top: 4; margin-left: 5;}


div#carrebas { position: relative; float: left; width: 310px; height: 310px; text-align: left; background: #a1dd00; background: url('http://www.igares.com/images/igaresbas.jpg') no-repeat 0 0; margin-top: 3;}
div#pub2 { width: 300px; height: 265px; text-align: left; background: #1f1f1f; margin-top: 4; margin-left: 5;}


div#footer { position: relative; margin-left: auto; margin-right: auto; margin-top: 5px; width: 800px; text-align: left; background: #888888; 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 h2 { 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; }

div#footermenu { float: left; width: 900px ; height: 20px ; text-align: left ; background: #1f1f1f ; }

ul#navigation4 { height: 25px ; margin: 0 ; padding: 0 ; list-style-type: none  }
ul#navigation4 li { float: left ; text-align: left ; border-left: 1px solid #F2F2F2;}
ul#navigation4 li a { line-height: 20px ; color: #F2F2F2 ; display: block ; text-decoration: none ; padding-left: 7px; padding-right: 7px;}
ul#navigation4 li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; color: #a1dd00; }

ul#navigation5 { height: 25px ; margin: 0 ; padding: 0 ; list-style-type: none  }
ul#navigation5 li { float: left ; text-align: left ; border-left: 1px solid #F2F2F2;}
ul#navigation5 li a { line-height: 20px ; color: #F2F2F2 ; display: block ; text-decoration: none ; padding-left: 7px; padding-right: 7px;}
ul#navigation5 li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; color: #a1dd00; }

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

.lienblanc { font-family: Arial; font-size: 9pt; 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: 9pt; color: #ce0412; text-align: right ; font-weight: bold; text-decoration: underline;} 
.grasnoir { font-family: Arial; font-size: 9pt; 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: 9pt; color: #ce0412; text-align: left ; padding-left: 10px;} 
.rougeunder { font-family: Arial; font-size: 9pt; color: #ce0412; text-align: right ; font-weight: bold; text-decoration: underline;} 
.textefilm  { font-family: Arial; font-size: 9pt; color: #1f1f1f; text-align: justify; padding-left: 10px; padding-right: 10px;}
.textefilm2  { font-family: Arial; font-size: 9pt; 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: 9pt; color: #ffffff; text-align: justify; padding-left: 15px; padding-right: 20px; line-height: 15px; }
.textenavig  { font-family: Arial; font-size: 9pt; color: #a3c1c1; text-align: right; 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: 15px; padding-right: 15px;}
.right { font-family: Arial; font-size: 9pt; text-align: right; padding-right: 15px; color: #a3c1c1;} 

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

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

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