/* couleurs

rouge solide : #FF7F8B
rose fond    : #FDA6A6

vert solide  : #336A12
vert fond    : #BDD7AA
autre vert   : #49A11C

*/

body {
   background-color: #ccc;
   font-family: Arial, sans-serif ; 
   font-size: 10pt;
   width: 900px;
   margin: 0 auto;
}

body.panier { 
   width: 756px;
   background-color: white; 
   color: black; 
   font-family: Arial, sans-serif ; 
   margin: 12px auto;
}

sup { 
   vertical-align: text-top;
}

a:link, a:visited, a:active {
   color: #336A12;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

img {
   border: none;
}

tr {
   vertical-align: top;
}

.bot {
   vertical-align: bottom;
}

.toppe {
   vertical-align: top;
}

p {
   margin: 0;
   padding-top: 4px;
   padding-bottom: 9px;
}

form, input {
   padding: 0;
   margin: 0;
}

ul { 
   margin: 0 0 0 0.6em;
   padding: 0 0 0 0.6em;
}

ol { 
   margin: 0 0 0 1em;
   padding: 0 0 0 1em;
}

li { 
   padding-bottom: 0.3em ;
}

.ctr {
   text-align: center;
}

.drt {
   text-align: right;
}

.legende {
   font-size: 0.85em;
}

table {
   border-collapse: collapse;
}


td.spacer18 {
   width: 18px;
}

table.pleinelarg {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 24px;
}

table.corps {
   width: 100%;
   border-collapse: collapse;
}

table.corps td.gauche {
   width: 160px;
   min-width: 160px;
   background-color: white;
   padding: 0 0 0 0;
}

table.corps td.milieu {
   /* border: 1px green solid; */
   padding: 0 12px;
}

table.corps td.droite {
   width: 160px;
   background-color: #FDA6A6;
   padding: 0 6px;
}

table.corps td.description {
   /* border: 1px green solid; */
   padding: 0 18px 0 18px;
}

div.chronique {
   font-family: Georgia, serif;
   font-size: 9.5pt;
   line-height: 1.4em;
   padding: 0;
}

div.chronique div.image {
   display: table;
   margin: 12px auto;
   padding: 0;
}

p.bdv {
   font-style: italic;
   font-size: 0.9em;
}

div.teaser {
   background-color: #ffe361;
   -moz-border-radius: 0 6px 6px 0;
   -webkit-border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   margin: 12px 0;
   padding: 6px 12px;
   font-family: Georgia, serif;
   font-size: 9pt;
   padding: 12px;
}

div.teaser p.suite {
   font-size: 8.5pt;
   font-style: italic;
   font-weight: bold;
   text-align: right;
}

div.panier {
   width: 720px;
   border: 1px #aaa solid;
   padding: 18px;
   margin: 12px auto;
   border-radius: 12px;
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
}

table.panier {
   width: 100%;
   border-collapse: collapse;
   background-color: white;
   margin: 0 auto;
   font-size: 9pt;
}

table.panier tr.gris {
   background-color: #eee;
}

table.panier tr.blanc {
   background-color: white;
}

table.panier td {
   padding: 4px;
   border: 1px #aaa solid;
}

div.lig1gris {
   border-top: 1px #aaa solid;
   padding: 0;
   margin: 12px -18px 0 -18px;
}

div.navig {
   /* width: 160px; */
   padding: 6px;
   background-color: #BDD7AA;
   /* color: #336A12; */
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 9pt;
   margin: 0 0 2px 0;
   border-radius: 0 6px 6px 0;
   -moz-border-radius: 0 6px 6px 0;
   -webkit-border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
}


/* PAGE D'ACCUEIL - NOUVEAUTES */

table.nouveautes {
   font-family: Arial, sans-serif;
   font-size: 9pt;
   width: 100%;
   border-collapse: collapse;
   /* border-spacing: 12px; */
}

table.nouveautes td {
   /* width: 33%; */
   /* border: 1px #cce7e7 dotted; */
   border: 1px #004e62 dotted; 
   /* background-color: #cce7e7; */
   padding: 6px;
   margin: 0;
   text-align: center;
}


/* PAGES DE DESCRIPTION */

table.corps td.description {
   /* border: 1px green solid; */
   padding: 0 18px;
}

div.encadre1 {
   background-color: #ffe361;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   margin: 8px 0 12px 0;
   padding: 6px 12px;
}

div.tech {
   font-size: 8.7pt;
}

div.lig2bleudot {
   border-top: 2px #004e62 dotted;
   margin-top: 4px;
   margin-bottom: 4px;
   clear: both;
}

div.lig1rougedot {
   border-top: 1px #8B0000 dotted;
   margin: 12px 0 6px 0;
}

div.lig3rougedot {
   border-top: 3px #8B0000 dotted;
   margin: 24px 0 6px 0;
}


/* GENERAL */

.ombre {
   box-shadow: 5px 5px 4px #ccc;
   -moz-box-shadow: 5px 5px 4px #ccc;
   -webkit-box-shadow: 5px 5px 4px #ccc;
}

.petit  { 
   font-size: 8pt; 
}

p.titre3 {
   font-size: 14pt;
   font-weight: bold;
   color: #8B0000;
   padding-top: 12px;
   padding-bottom: 4px;
}

p.titre4 {
   font-size: 11pt;
   font-weight: bold;
   color: #8B0000;
}

p.titre5 {
   font-size: 10pt;
   font-weight: bold;
   color: #8B0000;
   padding-top: 9px;
}

p.apres0 {
   margin-bottom: 0;
   padding-bottom: 0;
}

p.avant0 {
   margin-top: 0;
   padding-top: 0;
}

p.cat {
   font-size: 9pt;
   font-weight: bold;
   color: #8B0000;
}

td.ctr {
   text-align: center;
}

td.drt {
   text-align: right;
}

td.bot {
   vertical-align: bottom;
}

div.main {
   position: relative;
   background-color: white;
}

div.entete {
   padding: 8px 6px 0 6px;
   border-bottom: 2px #8B0000 solid;
}

div.pied {
   font-family: Arial, sans-serif;
   font-size: 8.5pt;
   padding: 6px;
   border-top: 2px #8B0000 solid;
}

.rouge { 
   color: #8B0000; 
}

.rougepdf {
   color: #DA271E;
}

div.ajouter {
   width: 84px;
   height: 25px;
   /* background: transparent url(img/ajouter2.gif) no-repeat; */
   cursor: pointer;
   overflow: hidden;
   float: right;
   margin-top: -4px;
   margin-bottom: 6px;
}

div.ajouter:hover input {
   margin-left: -85px;
}