@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background-color:#ffffc0; background-image: url(../images/fonds/motif2.jpg) }
a:link, a:visited { color:blue; font-size:inherit; font-weight:bold }
a:hover, a:active { color:red; font-weight:bold }
div#contenu { top:120px }
div#notes { width:90%; margin:0 auto 50px auto; padding-top:20px }
div#notes ul { margin:10px 10px }
div#notes li { font-size:14px; list-style-position:outside; margin:5px 0 5px 0 }

/* TABLEAUX CODES PROJETS */
div#tableau1, div#tableau2, div#tableau3, div#tableau4, div#tableau5, div#tableau6, div#tableau7 { z-index:1 !important; position:relative; padding-bottom:5px }
table.tableau, table.tableauvin { border:4px solid white; width:92%; margin:6px auto 15px auto; text-align:left; -moz-border-radius:0px 8px 8px 8px; border-radius:0px 8px 8px 8px; box-shadow:8px 8px 5px #999999; background-color:white }
table.tableau td { vertical-align:middle }
table.codes1 th, table.codes1 td { text-align:center; vertical-align:top }
table.codes2 { float:left; margin:5px 15px 0 15px; background-color:black }
table.codes2 td {text-align:center }
table.codes4 { margin:auto; width:100px; background-color:white }
table.codes4 td { text-align:center }
th { width:8%; border:1px solid #aaaaaa; border-right:2px solid white; padding:5px; vertical-align:top }
th sup { font-size:14px; font-weight:normal }
th, th p { margin:0 0 3px 0; text-align:center; font-size:15px; color:white; font-weight:bold; font-family:"Arial Rounded MT", "Arial Narrow", Arial }
th span.arialnarrow { font-family:"Arial Narrow",Arial; font-weight:normal; font-size:12px }
th.leftcolumn1, th.leftcolumn2, th.leftcolumn3 { width:5%; vertical-align:top; padding-top:15px; border-top:none; border-bottom:1px solid #aaaaaa; border-right:none; color:yellow; font-size:20px }
th.nonactif { background-color:#999999 }
div.title { width:96%; margin:25px auto 0 auto; padding:0; z-index:0 !important }
div.title p { margin:0; padding:6px 15px; background-color:#CC9900; color:yellow; font-family:"Arial Rounded MT", "Arial Narrow", Arial; font-size:24px; font-weight:bold; text-align:left; display:inline; -moz-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; box-shadow:8px 8px 5px #999999; text-shadow:-1px -1px 1px black }
th.numero, div.numero { color:yellow; font-size:24px }
td.details { padding:7px 14px 7px 14px; font-family:Tahoma,Arial; font-size:12px; background-color:#dddddd; vertical-align:top; text-align:justify; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:none; width:auto }
td.details p { margin:3px 0 5px 0; font-size:inherit; font-family:Tahoma,Arial }

/* TYPES */
td.modele1, td.modele1b { width:7%; padding:3px 8px 3px 8px; font-size:10pt; font-family:"Franklin Gothic Condensed",Tahoma,Arial; vertical-align:top; background-color:#aaaaaa; border-top:1px solid white;  border-right:1px solid white; font-weight:bold; font-variant:small-caps; line-height:1.7ex }
td.modele1a { width:7%; padding:3px 8px 3px 8px; font-size:10pt; font-family:"Franklin Gothic Condensed",Tahoma,Arial; vertical-align:top; background-color:#aaaaaa; border-top:1px solid white; font-weight:bold; font-variant:small-caps; line-height:1.7ex }
td.modele1 img, td.modele1a img, td.modele1b img { float:right }
td.modele2, td.modele2b { width:7%; padding:0px 8px 0px 8px; font-size:7pt; font-family:Tahoma,Arial; vertical-align:top !important; background-color:#aaaaaa; border-right:1px solid white; vertical-align:middle }
td.modele2a { width:7%; padding:0px 8px 0px 8px; font-size:7pt; font-family:Tahoma,Arial; vertical-align:top !important; background-color:#aaaaaa;  }
td.modele2 img { margin:0 }
td.modele3, td.modele3b { width:7%; padding:5px 3px 10px 3px; text-align:center; vertical-align:absbottom; background-color:#aaaaaa; border-right:1px solid white; border-bottom:1px solid white }
td.modele3a { width:7%; padding:5px 3px 10px 3px; text-align:center; vertical-align:absbottom; background-color:#aaaaaa; border-bottom:1px solid white }
td.modele3 img, td.modele3a img, td.modele3b img { max-width:120px }


/* NOUVEAUX TABLEAUX CODES PROJETS */
td.codeprecis { padding:5px 14px 5px 14px; font-family:Tahoma,Arial; font-size:12px; background-color:#dddddd; vertical-align:middle; text-align:justify; border-top:1px solid #dddddd; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-left:none; width:20% }
td.codeprecis p { margin:3px 0 5px 0; font-size:inherit; font-family:Tahoma,Arial }
td.codeprecis ul, td.details ul { margin-left:5px }
td.codeprecis img, td.details img { margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0 }
td.dates { padding:5px 14px 5px 14px; font-family:Tahoma,Arial; font-size:12px; vertical-align:middle; border-top:1px solid #cccccc; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-left:none; width:6%; text-align:right; background-color:#cccccc }
td.dates p { margin:3px 0 5px 0; font-size:inherit; font-family:Tahoma,Arial; text-align:right }
td.details { border-top:1px solid #dddddd; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-left:none; vertical-align:middle }
td.profil, td.profil0, td.profil1, td.profil2 { padding:4px 8px 4px 0px; background-color:white; vertical-align:middle; text-align:center; border-top:1px solid #ffffff; border-right:1px solid #aaaaaa; border-bottom:1px solid #cccccc; border-left:none; width:140px; max-width:140px; height:50px }
td.profil p, td.profil1 p, td.profil2 p { text-align:right }
td.profil img, td.profil1 img, td.profil2 img { float:right }
td.profil0 { width:90px; max-width:120px }
td.profil1 { border-bottom:none; padding:0 12px 0 12px; height:45px }
td.profil2 { border-top:none; padding:0 12px 5px 12px; height:30px }
td.profil0 img, td.profil1 img, td.profil2 img { padding-top:none; padding-bottom:none; margin-top:0; margin-bottom:0; height:auto }
td.profil0 p, td.profil1 p, td.profil2 p { text-align:center }
th.leftcolumn2 { padding:3px 14px 3px 14px; color:orange; font-size:18px; font-family:Tahoma, Arial, sans-serif; font-weight:normal }
th.leftcolumn3 { padding:3px 14px 3px 14px; color:navy; font-size:18px; font-family:Tahoma, Arial, sans-serif; font-weight:normal }
td.lettremines { padding:5px 14px 5px 14px; font-family:"Arial Rounded MT", "Arial Narrow", Arial; width:3%; font-size:18px; font-weight:bold; color:green; background-color:#bbbbbb; vertical-align:top; text-align:center; border:1px solid #cccccc; border-left:none }
td.logo, td.logo1 { padding:0 0 0 12px; font-family:Tahoma,Arial; font-size:11px; background-color:white; vertical-align:middle; text-align:left; border-top:1px solid #ffffff; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:none; width:100px; max-width:50px }
td.logo p, td.logo1 p, td.logovertical p { margin:0; padding:0 }
td.logo img, td.logo1 img { margin:0 0 3px 0; padding:0 }
td.logo1 { padding:0 0 0 12px; border:0 }
td.typeprojet, td.typeprojet1, td.typeprojet2, td.typeprojetmatra { padding:15px 8px 5px 8px; font-family:"Arial Rounded MT",Tahoma,serif; width:3%; min-width:60px; max-width:60px; font-size:18px; font-weight:bold; color:black; background-color:#f8b600; vertical-align:top !important; text-align:center; border-top:1px solid #f8b600; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; text-shadow:-1px -1px 1px #eeeeee }
td.typeprojet p, td.typeprojet1 p, td.typeprojet2 p, td.typeprojetmatra p { margin:0; font-family:"Arial Rounded MT",Tahoma,serif; font-size:18px; font-weight:bold; text-align:center }
td.typeprojet1 { color:#cc0000 }
td.typeprojet2 { font-size:16px; font-family:Verdana,Arial, sans-serif; font-weight:normal }
td.typeprojetmatra { color:green }
td.typesmines { padding:5px 14px 5px 14px; font-family:Tahoma,Arial; font-size:11px; background-color:#dddddd; vertical-align:top; text-align:justify; border-right:1px solid #ffffff; border:1px solid #cccccc; border-left:none; width:35% }
td.typesmines p { font-size:inherit; font-family:Tahoma,Arial; margin:0 0 5px 0 }
span.codenavy { font-size:12px; font-weight:bold; color:navy; font-family:Tahoma,Arial }
span.codenavy1 { font-size:12px; font-weight:normal; color:navy; font-family:Tahoma,Arial }


/* TABLEAUX VIN-WMI */
table.codes { text-align:left; margin:0 !important; background-color:white; border:4px groove black; width:100%; color:black }
table.codes th { background-color:#000000; font-size:14px !important; text-align:center !important }
table.codes span { vertical-align:middle }
td.xsmall { font-size:10px }
table.codes td.cellule1 { font-family:Arial; padding:5px; background-color:#cccccc; font-size:12px; width:auto; vertical-align:top }
table.codes td.cellule1 p { font-family:Arial; margin:0; font-size:12px; width:auto }
td.codes1 { padding:5px; font-size:12px; border-bottom:1px solid white; vertical-align:top; background-color:#cccccc; text-align:center !important }
td.codes2 { padding:5px; font-size:12px; border-bottom:1px solid white; vertical-align:top; background-color:#aaaaaa; text-align:center !important }
td.titrecodes { background:white; font-size:14px; font-weight:bold; height:30px; text-align:center !important; vertical-align:middle }
.numerovide { color:gray }
.numeroblanc { color:#ffffff }
.numerobleu { color:#0000FF }
.numerocyan { color:#99FFFF }
.numerogris { color:#999999 }
.numerogrisclair { color:#cccccc }
.numerojaune { color:#FFFF00 }
.numeromarron { color:#C29701 }
.numeroorange { color:orange }
.numerorose { color:#FF66CC }
.numerorouge { color:#FF4045 }
.numerovert { color:#00CC00 }
.numeroviolet { color:#993366 }
.numero, .numeroblanc, .numerobleu, .numerocyan, .numerogris, .numerogrisclair, .numerojaune, .numeromarron, .numeroorange, .numerorose, .numerorouge, .numerovert, .numeroviolet { font-family:"Arial Rounded MT","Arial Narrow",Arial; font-weight:bold; font-size:14px !important; text-align:center; vertical-align:middle; margin:0; border:0; padding:4px }
.vin { width:100%; font-size:10pt; margin:0; padding:0; background-color:black; border:4px solid groove }
span.numerojaune, span.numerorose, span.numeroorange, span.numeroblanc, span.numeroviolet, span.numerocyan, span.numerobleu, span.numerovert, span.numerogris, span.numerogrisclair, span.numeromarron, span.numerorouge { padding:0; vertical-align:absmiddle }
h6.numerojaune { font-size:18px !important }


/* TABLEAUX CHRONOLOGIQUES */
.types {background-color:#999999; color:white; text-align:center; font-size:12px; vertical-align:top }
.types-top {background-color:#999999; color:white; text-align:center; font-size:9px; vertical-align:top }