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

body { margin:0; padding:0; background-color:white; background-image:url("../images/fonds/motif2.jpg"); background-repeat:repeat }
p.soustitre { color:brown; font-weight:bold; font-size:20px; margin:0 20px; padding:15px 0 5px 0; text-align:left }
p.titretableau { color:navy; font-weight:bold; font-size:16px; padding:20px 0 0 0; text-align:center; margin:15px auto !important }
p.chapeau { margin-top:40px }
p.info, p.legende { font-size:12px; width:85% !important; margin:0px auto !important; padding:0; font-style:italic }
p.legende { text-align:center; background-color:transparent }
p.note { width:86%; text-align:left; margin:1px 0 0 80px; font-size:10px; padding:0 }
.smaller { font-size:8pt }
ul { padding-bottom:15px }
hr { margin:20px 55px; height:0px; border:1px dotted gray }
hr.white { border:1px solid white; margin:20px 0 20px 0; width:100% }

.nobold { font-weight:normal; font-family:'Arial Narrow',Arial; font-size:smaller }
.pourcent65 { width:60%; height:auto }
.pourcent80 { width:75%; height:auto }
.pourcent90 { width:85%; height:auto }

a:link, a:visited { font-weight:bold }
a:hover, a:active { font-weight:bold }
a:link { color:navy }
a:visited { color:black }
a:hover { color:blue }
a:active { color:cc0000 }

/* STRUCTURE DE LA PAGE */
a.ancre { padding-top:55px !important; clear:both }
.top { width:19px; height:15px; margin:5px 15px 0 0; float:right }
div.section { /* border:2px solid red; */ margin:0 }
a:link, a:visited { color:navy }
a:hover { color:#cc0000 }
a:active { color:red }
div.modele { position:relative; left:345px; top:0; margin:0px 0 10px 20px; padding:0; width:62%; height:auto }
div.introduction { background-color:beige; width:80%; margin:35px auto; position:relative; top:70px; border:none; font-size:11pt !important; z-index:10; clear:both }
div.introduction p img { width:100% }
div.conclusion { background-color:beige; width:80%; margin:-70px auto 100px auto; position:relative; top:70px; border:none; font-size:11pt !important; padding:20px 25px }
div.conclusion p img { font-size:11pt !important; width:100% }
div#contenu { position:relative; height:auto; top:20px }
.notes { position:relative; width:90%; margin:0 auto 40px auto; padding:0 15px 0 15px; font-family:Calibri,Tahoma,Arial; font-size:9pt }
.notes ul { margin:0 0 0 10px; padding:0 }
.notes li { font-size:14px; list-style-position:outside; margin:5px 0; font-family:Calibri,Tahoma,Arial; font-size:9pt }
#maintable { margin-top:160px }

/* INTRODUCTION */
tbody.colonnes td { width:50%; padding:0 15px; vertical-align:top }
tbody.colonnes td p { font-size:14px; width:100%; margin:0 0 6px 0 }
tbody.colonnes td p img { width:100% }
tbody.colonnes td.vline { width:0.05% !important; max-width:1px !important; background-color:gray; padding:0 }
tbody.colonnes ul { margin-left:20px }
tbody.colonnes li { list-style-position:outside }
td p.legendedroite { font-size:12px; margin:-10px auto 5px auto; font-style:italic; float:right; text-align:right; padding:15px 0 0 0; width:85% !important }
tbody.colonnes td p.legende { font-size:12px; margin:-10px auto 5px auto; font-style:italic; text-align:center; padding:5px 0 15px 0; width:95% !important }
tbody.colonnes p img { max-width:100% }
tbody.colonnes p.index { font-family:'Arial Black'; font-weight:normal !important; text-align:center; font-size:8pt !important; background-color:#dddddd; padding:10px }
p.index a:link, p.index a:visited { border:1px solid gray; background-color:#ffffff; padding:1px 5px; line-height:2.2em }
p.index a:hover, p.index a:active { border:1px solid red; background-color:yellow; color:black }

/* ONGLETS */
div.onglet_tab { position:relative; margin:5px auto 0 54px; padding:0; z-index:0 }
div.onglet_tab p { width:300px; margin:0; padding:8px 12px 8px 12px; background-color:#CC9900; color:yellow; font-family:"Arial Rounded MT",Arial; font-size:16px; font-weight:bold; color:yellow; text-align:left; display:inline; -moz-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; text-shadow:1px 1px 1px black; box-shadow:8px 8px 4px #787878 }

/* BANDEAUX DE TITRES */
div.title { margin:0 38px; padding-top:35px; padding-bottom:11px; border-radius:12px 12px 0px 0px; border:0 }
div.title h2, div.title h3 { font-size:14pt; font-family:Archive,'Arial Black'; font-weight:normal; text-align:left; vertical-align:middle; background-color:gold; border-bottom:1px solid gray; text-shadow:1px 1px white; clear:both; background-image:url("../images/fonds/motif3b.png"); border-radius:12px 12px 0px 0px; border-left:2px solid white !important; border-top:2px solid white !important; display:inline; width:auto; margin:0 auto; padding:11px 30px 11px 25px }
h2 img { width:auto; height:16px; margin:0px 0 5px 0; vertical-align:middle }
h2.soustitre { text-align:center; color:black; font-family:'Arial Black',Arial; font-weight:bold; font-size:18px; margin:-25px 0 0 0; padding:0 0 0 0 }
h2 span.rouge { color:#cc0000; text-shadow:2px 2px white }

/* TABLEAUX CODES PROJETS */
div.tableau { position:relative }
table.tableau, table.tableauvin { width:96%; background-color:#D4D4A6; padding:12px; border-radius:0px 8px 8px 8px; left:0; margin:0 auto 25px auto; z-index:1; clear:both; box-shadow:5px 5px 5px 1px gray; border-top:2px solid white; border-left:2px solid white }
th { font-weight:bold; font-family:Arial }
table.tableau tr {  }
table.tableau td { vertical-align:middle; border-top:1px solid white; border-right:1px solid gray; border-bottom:1px solid gray; border-left:1px solid white; border-radius:6px; height:25px }
tbody.special td { padding:5px 10px; vertical-align:top; font-family:Arial }
tbody.special td p img { width:auto }
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 }
table.specialdata, table.serie00, table#codeslettres { margin:15px auto 10px auto; padding:0; width: 90%; font-size: 12px; background-color: gray; border:0px none; clear:both }
table.article { width:92%; margin:15px auto }
table.serie00, table#codeslettres { background-color:white; border:1px solid #333333; border-right:2px solid #333333 }
table.serie00 th, table.serie00 td { padding:8px 12px; border-left:1px solid #333333; border-bottom:1px solid #333333 }
table#codeslettres p { line-height:1.3em; padding:2px auto }
table#codeslettres th, table#codeslettres td { padding:5px 8px; border-right:1px solid #333333; border-bottom:1px solid #333333 }
table#codeslettres td p { font-size:10pt; width:96% }
table#codeslettres td p img { width:auto; height:12px; margin:0 6px 0 4px }
table#codeslettres td.other1 p strong { color:#990000; font-size:11px; font-family:Arial; font-weight:normal }

table#WMI { border:1px solid gray; background-color:white; width:96%; margin:0 auto; padding:5px }
table#WMI th { width:2%; vertical-align:middle }
table#WMI td { width:32%; padding:2px 7px; background-color:#dddddd; vertical-align:middle }
table#WMI td p { margin:0 }

table.newcodes { width:100% }
table.newcodes td { padding:4px 4px 0 6px !important }
table.newcodes th { padding:4px 0 }
table.newcodes th p { margin:0 }
table.newcodes td p { font-size:9pt !important; margin:3px 0; text-align:left }
table.newcodes td p img { width:auto; margin:0 3px 0 5px; margin-bottom:2px }
table.newcodes ul { margin:0; padding:0 6px 2px 15px; font-size:11pt !important }
table.newcodes ul li { margin:2px 3px 3px 0 }
table.newcodes td.sport0 p { margin-left:6px }

table#lettresvin { padding:10px; margin: 25px auto; width:1000px; background-color:transparent; clear: both }
table#lettresvin th { background-color:transparent; font-weight:bold; font-size:9pt; border:0; text-align:left; padding:3px 6px; width:auto }
table#lettresvin td.blank { width:auto; height:16px !important; border:0; padding:0; background-color:transparent }
table#lettresvin td.famille { background-color:#eeeeee; border-bottom:0 }
table#lettresvin td.famille p { font-size:8pt; font-weight:normal; font-family:'Arial Black',Arial; margin:2px 6px; letter-spacing:0.08em }
table#lettresvin td { width:auto !important; border:1px solid #aaaaaa; padding:3px; vertical-align:top }
table#lettresvin td.gold { padding:4px 2px; margin:auto; border-right:0 }
table#lettresvin td.gold0 { padding:4px 5px; width:22% !important; border-right:0 }
table#lettresvin td.gold p { text-align:center !important; font-family:'Arial Rounded MT',Arial !important; font-weight:bold; margin:2px 2px 3px 2px }
table#lettresvin td.gold0 p { text-align:left; margin:2px 2px }
table#lettresvin td.other { background-color:transparent !important; border:1px solid #ff0000; padding:2px 5px }
table#lettresvin td.other0 { padding:6px 2px; background-color:#F7C399 !important; width:4% !important; border:1px solid black }
table#lettresvin td.other p { color:black; font-family:'Arial Black',Arial; font-weight:normal; text-align:center !important; margin:auto }
table#lettresvin td.other0 p { font-weight:bold; color:black; font-family:'Arial Rounded MT',Arial; text-align:center; margin:2px 0 3px 0 }
table#lettresvin img { width:1px; height:auto; margin:0 2px 0 0 }
table#lettresvin img.icone { width:auto; margin:2px 0 -1px 6px }
table#lettresvin img.droite { width:auto; margin:4px 4px 0 4px }

/* CELLULES DIVERSES */
th p { color:white; font-weight:bold; text-align:center !important; margin:3px auto }
td.width2 { width:2% !important; text-align:left !important }
td.width5 { width:5% !important; text-align:left !important }
td.width10 { width:10% !important; text-align:left !important }
td.width15 { width:15% !important; text-align:left !important }
td.width20 { width:20% !important; text-align:left !important }
td.width25 { width:25% !important; text-align:left !important }
td.width30 { width:30% !important; text-align:left !important }
td.width40 { width:40% !important; text-align:left !important }
td.noborder3 { border-bottom:1px dotted #333333 !important }
td.transparent { background-color:transparent; border:0 }

/* SERIE */
td.serie, td.serie0 { 
	/* cellule */ width:1% !important; height:auto !important; background-color:beige !important; padding:5px; box-shadow:1px 1px 1px 0 gray !important;
	/* bordures */ border-left:1px solid white !important; border-bottom:1px solid gray !important; border-right:1px solid #dddddd !important; border-top-right-radius:0 !important; border-bottom-right-radius:0 !important }
td.serie0 { border-left:0 !important }
td.serie p, td.serie0 p  { 
	/* cellule */ margin:0; vertical-align:middle; width:100% !important; text-align:left !important; 
	/* texte */ font-family:Archive,'Arial Rounded MT',Arial; writing-mode:sideways-lr; font-size:12.5pt !important; text-shadow:-2px -2px 0 white !important; color:#AC8F2B; text-transform:uppercase }

/* LOGOS */
td.logo { background-color:#FFE076; width:10%; padding:4px 10px !important; text-align:center; vertical-align:middle; border-right:0 !important; border-top-right-radius:0 !important ; border-bottom-right-radius:0 !important; box-shadow:1px 1px 1px 0 gray !important }
td.logo img { width:90%; height:auto; margin:0; vertical-align:middle }
td.logo p { text-align:center }

/* CODESERIE */
td.codeserie, td.codeserie0 { background-color:#FDCA34; height:auto !important; width:2%; color:darkred; text-shadow:1px 1px 1px white; font-family:Archive,'Arial Black'; font-size:12pt !important; padding-right:0 !important;
	/* bordures */ border-right:1px solid gray !important; border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; border-top-right-radius:6px !important; border-bottom-right-radius:6px !important; box-shadow:1px 1px 1px 0 gray !important; text-align:center !important }
td.codeserie p, td.codeserie0 p { text-align: center; vertical-align:middle !important; font-size:12pt !important; font-weight: normal; color:#aa0000 !important; text-shadow:1px 1px 0px white; font-family: Archive,'Arial Rounded MT', Arial; margin:0 !important; line-height:2.1ex }
td.codeserie p.lettremines { color:black !important; font-size:9pt !important }
td.codeserie p.coderouge { color:red !important }
td.codeserie p.codebleu { color:steelblue !important }

/* PROFIL */
td.profil, td.profil0 { width:4.5% !important; max-width:90px; vertical-align:top; height:auto !important; background-color:#ffffff; padding:2px 0; background-color:white !important; text-align:center;
     /* bordures */ border-top:1px solid #ffffff; border-left:1px solid #aaaaaa !important; border-right:0px !important; border-radius:0px !important; box-shadow:1px 1px 1px 0 gray !important }
td.profil p, td.profil0 p { text-align:center; vertical-align:top; margin:0 auto !important }
td.profil img, td.profil0 img, td.profil p img, td.profil0 p img { text-align:center; vertical-align:top; margin:0 auto !important; width:auto; max-width:85% !important; height:auto; max-height:35px !important; padding:0 0 3px 0 }

/* DETAIL CODE */
td.detailcode, td.detailcode0, td.detailcode1, td.detailcodeD, td.detailcodeH { width:3.5% !important; padding:2px; padding-left:10px !important; background-color:khaki; vertical-align:middle; box-shadow:1px 1px 1px 0 gray !important;
	/* bordures */ border-left:1px solid white !important; border-right:0 !important; border-top-right-radius:0px !important; border-bottom-right-radius:0px !important;
	/* texte */ text-align:left !important; font-size:10pt; font-weight:normal; color:navy; font-family:Archive,'Arial Rounded MT',Arial }
td.detailcode p, td.detailcode0 p, td.detailcode1 p, td.detailcodeD p, td.detailcodeH p { vertical-align:middle !important }
td.detailcode img, td.detailcode0 img, td.detailcode1 img, td.detailcodeD img, td.detailcodeH img, td.detailcode p.img, td.detailcode0 p.img, td.detailcode1 p.img, td.detailcodeD p.img, td.detailcodeH p.img { vertical-align:middle !important }
	td.detailcode p, td.detailcode0 p, td.detailcodeD p, td.detailcodeH p { margin:0; text-align:left !important; font-size:10pt; font-weight:normal; color:navy; font-family:Archive,'Arial Rounded MT',Arial !important }
td.detailcode1 { font-family:Arial !important; font-weight:bold !important; font-size:8pt }
td.detailcodeD, td.detailcodeD p { color:steelblue }
td.detailcodeH, td.detailcodeH p { color:darkmagenta }

/* MINILOGOS */ 
td.minilogos, td.minilogos0 { width:1.5%! important; background-color:lightgoldenrodyellow; padding:2px 0 2px 0 !important; text-align:right; vertical-align:middle; box-shadow:1px 1px 1px 0 gray !important; 
	/* bordures */ border-top:1px solid #dddddd; border-right:0 !important; border-left:0 !important; border-radius:0 !important;
    /* texte */ font-size:8pt; font-family:Arial }
td.minilogos img, td.minilogos0 img { vertical-align:middle; margin-left:1px }

/* DETAILS */ 
td.details, td.details0, td.detailsA, td.detailsB { width:17% !important; background-color:lightgoldenrodyellow; padding:4px 10px 4px 5px; box-shadow:1px 1px 1px 0 gray !important; 
	/* bordures */ border-top:1px solid #dddddd; border-left:0 !important; border-right:0 !important; border-radius:0 6px 6px 0 !important;
	/* texte */ font-family:Arial; text-align:left; font-size:8pt; font-weight:800 !important }
td.details1 { width:400px; background-color:#dddddd; padding:6px 0 6px 10px }
td.detailsA { width:6%; border-right:0 !important; border-top-right-radius:0px !important; border-bottom-right-radius:0px !important }
td.detailsB { width:6%; border-left:0 !important; border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; font-family:Arial !important; font-weight:normal !important }
.details img, .details0 img, img.icone { padding:0; margin:0 3px -1px 0; max-height:12px; vertical-align:baseline !important }

/* DATES */
td.dates, td.dates0 { width:3.5% !important; padding:2px 6px 2px 8px !important; background-color:lightyellow !important; vertical-align:middle !important; box-shadow:0 1px 2px 0 gray !important; 
	/* bordures */ border-left:0 !important; border-right:0 !important; border-radius:6px 0 0 6px !important; 
	/* texte */ font-family:Arial; font-weight:normal; font-size:8pt; text-align:left; }
td.dates img { vertical-align:middle }

/* LIEUX */
td.lieux { background-color:ivory; width:13%; font-size:9pt; font-family:Calibri,Tahoma,Arial; box-shadow:1px 1px 1px 0 gray !important; padding:2px 10px; border-left:0 !important }

/* FICHE */
td.fiche { text-align:center; vertical-align:middle; padding:2px 5px !important }
td.fiche img { border:2px solid transparent !important; margin:0 !important }

/* DESCRIPTION */
td.description, td.description0, td.fiche { width:auto !important; padding:6px 10px !important; background-color:#efefef; box-shadow:1px 1px 1px 0 gray !important; border-top:1px solid #eeeeee; border-left:0 !important; border-radius:0 6px 6px 0 !important; font-size:9pt; font-family:Calibri,Tahoma,Arial !important }
td.description0 { background-image:url("../images/fonds/trame1.gif") !important }

/* CODE MINES */
td.codemines { width:2.5% !important; text-align:center; padding:3px 0px !important; vertical-align:top; box-shadow:1px 1px 1px 0 gray !important; background-color:azure !important; background-image:none !important;  
	/* bordures */ border-left:0 !important; border-right:0 !important; border-radius:6px 0 0 6px !important; 
	/* texte */ font-family:'Arial Rounded MT',Arial; font-size:8pt; font-weight:bold }
td.codemines0 { width:2.5% !important; background-color:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important }

/* TYPES MINES */
td.typesmines, td.typesmines1, td.typesmines1a, td.typesmines2 { padding:2px 10px; background-color:aliceblue; box-shadow:1px 1px 1px 0 gray !important; 
	/* bordures */ border-left:0 !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;
	/* texte */ font-size:8pt; font-family:Calibri,Arial; text-align:left; text-align:left; line-height:2.5ex }
td.typesmines, td.typesmines0 { width:25% !important }
td.typesmines1, td.typesmines1a { width:8% }
td.typesmines1a { box-shadow:0 0 0 !important }
td.typesmines2 { width:6%; border-left:0 !important }
td.typesmines p, td.typesmines1 p, td.typesmines2 p { margin:2px 0 }
td.typesmines0 { 
	/* cellule */ background-color:transparent; background-image:none !important; background-position:-3px 0; padding-left:0 !important; padding-right:25px !important; box-shadow:0 0 0 !important;
	/* bordures */ border:0 !important; border-radius:0 !important; 
	/* texte */ text-align:left; font-family:Calibri,Tahoma,Arial !important; font-size:8pt !important }

/* CODE ALTERNATIF */
td.altcode { width:2.5%; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:2px 0 !important; text-align:center; vertical-align:middle; background-color:antiquewhite !important; font-size:8pt; font-weight:normal; color:navy; font-family:'Arial Rounded MT',Arial; box-shadow:1px 1px 1px 0 gray !important }
td.altcode0 { width:2.5%; border:0 !important; box-shadow:0 0 0 transparent; background-color:transparent; background-image:none !important }

/* CELLULES DIVERSES */
td.detailsliste, td.detailsliste0 { margin:3.5px 0 0 0; background-color:#dddddd; padding:4px 0 6px 8px } 
td.detailsliste, td.logo { padding:10px 6px 4px 8px; height:20px; vertical-align:top }
td.typeprojet, td.typeprojet1 { width:2% !important; padding:5px 0; font-family:Archive,'Arial Rounded MT',Arial,sans-serif; background-color:#f8b600; vertical-align:top !important; border-right:1px solid gray; border-bottom:1px solid gray; text-align:center; vertical-align:middle !important; font-weight:normal }
td.typeprojet p { text-align:center; margin:0; font-family:Archive,'Arial Rounded MT',Arial,sans-serif; font-size:12pt; font-weight:normal }
td.typeprojet1 { color:#dd0000 }
td.descriptionmodele { width:auto; padding:6px 10px; background-color:aliceblue; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; font-size:9pt; font-family:Calibri,Tahoma,Arial }

/* DIVERS */
.vert { background-color:#CBE1C1 !important }
.vert0 { background-color:#D9E8D2 !important }
.gold { background-color:#FFEC91 !important }
.gold0 { background-color:#FFF3BB !important }
.sport { background-color:#CBD1FF !important }
.sport0 { background-color:#E3E7FF !important }
.truck { background-color:#FFE3DD !important }
.truck0 { background-color:#FFEEEB !important }
.other { background-color:#C6C6C6 !important }
.other0 { background-color:#DDDDDD !important }
.other1 { background-color:#EEEEEE !important }
.left {text-align:left !important }
img.vin { float:right; width:376px !important; vertical-align:middle; margin-left:10px; margin-top:-5px }

/* COLONNES CODES (COMMUNS) */
.serie0, .profil0, .codeserie0, .dates0, .altcode0, .detailcode0, .minilogos0, .details0, .dates0, .codemines0, .typesmines0, .typesmines0 { background-image:url("../images/fonds/trame1.gif") !important }
.minilogos0 { background-position:-1px 0 !important }
.codeserie p.cross, .codeserie0 p.cross { font-size:9pt !important; margin:0 !important; text-align:center !important }
.detailcode p.cross, .detailcode0 p.cross, .detailcodeD p.cross { font-family:"Arial Rounded MT",Arial !important; font-size:8pt !important; font-weight:bold !important; margin:0 !important; text-align:left !important }


/* PAGE CONCEPT-CARS */
/* td.dates { width:1%; padding:8px 4px 2px 4px; text-align:center; vertical-align:top; font-family:Arial }
td.dates p { font-family:Arial; font-size:12px; text-align:center }
td.liste0 { background-color:#bbbbbb }
td.logo { background-color:white; width:3%; text-align:center; vertical-align:middle; padding:6px 0 3px 0 }
td.logo p { margin:5px 0; text-align:center }
td.logo img { padding:0; margin:3px 0 } */

/* BARRE FIXE */
div#barrefixe { width:100%; margin:28px 38px; padding:5px 0; position:fixed; top:64px; z-index:10 }
div#barrefixe table { background-color:gray; margin:0; padding-top:8px !important; padding-bottom:5px !important; box-shadow:3px 3px 5px 0 #333333 !important }
div#barrefixe table td { height:10px !important; background-color:#999999 !important; padding-top:0 !important; padding-bottom:0 !important; font-family:'Arial Narrow' !important; font-size:9pt !important; font-weight:bold !important; vertical-align:top !important; color:white !important; text-shadow:0px 0px 0px transparent !important; border:0 !important }
div#barrefixe table tr { background-image:none }
div#barrefixe table tr.ligne1 td { border-radius:0px !important; background-color:transparent !important; height:24px !important; padding-left:8px !important; font-family:'Arial Rounded MT',Arial !important; text-transform:uppercase !important; vertical-align:middle !important }
div#barrefixe table td.separateurvertical { background-color:transparent !important }
div#barrefixe table * { border:0 !important }


td.darkline { height:5px !important; padding:2px 0 !important; background-color:gray; border-top:5px solid #D4D4A6 !important; border-right:0 !important; border-bottom:5px solid #D4D4A6 !important; border-left:0 !important; border-radius:0 !important }
td.separateur, td.grandseparateur { height:1% !important; width:auto !important; padding:0 !important; background-color:transparent; background-image:none !important; border:2px solid transparent !important; box-shadow:none !important }
td.separateurvertical { width:0.5% !important; height:auto !important; padding:0 !important; background-color:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important }
td.grandseparateur { border:5px solid transparent !important }
td.invisible { background-color:transparent; width:1%; border:none }