body { padding: 0; margin: 0; background-color: #BBBBBB; }
h1 { font-family: verdana,sans-serif; font-size: 12px; font-weight: bold; padding: 8px 0 4px 5px; margin: 12px 0 12px 0; background-color: #C7DAE9; background-image: url(/images/h1-bkg.gif); background-repeat: repeat-x; }
h2 { font-family: verdana,sans-serif; font-size: 13px; font-weight: bold; padding: 0; margin: 0 0 14px 0; }
h3 { font-family: verdana,sans-serif; font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 0 0; }
h4 { font-family: verdana,sans-serif; font-size: 11px; font-weight: bold; padding: 0; margin: 0 0 8px 0; }
h5 { font-family: verdana,sans-serif; font-size: 11px; font-weight: bold; padding: 0; margin: 0 0 8px 0; }
form { padding: 3px 0 3px 0; margin: 0; }

.bourret { font-weight: normal; }
.menuUtilitaires { border-top: 1px solid #4C4C4C; border-bottom: 1px solid #4C4C4C; }
.menuUtilitaires ul { list-style: none; display: inline; margin: 0; padding: 0; background-color: #4C4C4C; font-family: arial,sans-serif; font-size: 10px; }
.menuUtilitaires ul li { list-style: none; display: inline; padding: 0 6px 0 6px; margin: 0; border-left: 1px solid #FFFFFF; }
.menuUtilitaires ul li.first { border-left: 1px solid #4C4C4C; }
.menuUtilitaires a { padding: 0 2px 0 2px; margin: 0; color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
.menuUtilitaires a.on { color: #000000; background-color: #E0E0E0; }
.menuUtilitaires a:hover { color: #4C4C4C; background-color: #FFFFFF; text-decoration: none; }

#menuNiveau1 { padding: 0 0 0 171px; margin: 0; border-top: 1px solid #AAA9A9; border-bottom: 7px solid #E0E0E0; }
#menuNiveau1 ul { list-style: none; display: inline; margin: 0; padding: 0; border-left: 1px solid #AAA9A9; background-color: #FFFFFF; font-family: arial,sans-serif; font-size: 11px; }
#menuNiveau1 ul li { list-style: none; display: inline; border-right: 1px solid #AAA9A9; margin: 0; padding: 0; }
#menuNiveau1 a { color: #727272; padding: 0 15px 0 15px; margin: 0; text-decoration: none; text-transform: uppercase; }
#menuNiveau1 a.on { color: #727272; background-color: #E0E0E0; font-weight: bold; }
#menuNiveau1 a:hover { color: #FFFFFF; background-color: #727272; }

#menuNiveau2 { padding: 0; margin: 0; border-top: 1px solid #DDA5B1; }
#menuNiveau2 ul { list-style: none; margin: 0; padding: 0; background-color: #D0E3F2; font-family: arial,sans-serif; font-size: 11px; }
#menuNiveau2 ul li { list-style: none; margin: 0; padding: 0; }
#menuNiveau2 a { color: #000000; padding: 4px 0 2px 7px; margin: 0; text-decoration: none; text-transform: uppercase; display: block; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#menuNiveau2 a.on { color: #000000; background-color: #B1C1CE; font-weight: normal; border-left: 1px solid #D9D9D9; }
#menuNiveau2 a:hover { color: #FFFFFF; background-color: #47708F; }

#menuNiveau3 { padding: 0; margin: 0 0 1px 0; border-bottom: 1px solid #E5E5E5; }
#menuNiveau3 ul { list-style: none; display: inline; margin: 0 0 0 7px; padding: 0; font-family: arial,sans-serif; font-size: 10px; }
#menuNiveau3 ul li { list-style: none; display: inline; border-left: 1px solid #E5E5E5; margin: 0; padding: 0; }
#menuNiveau3 ul li.first { border-left: none; }
#menuNiveau3 a { color: #727272; padding: 0 2px 0 2px; margin: 0 5px 0 5px; text-decoration: none; text-transform: uppercase; }
#menuNiveau3 a.on { color: #727272; background-color: #E5E5E5; font-weight: normal; }
#menuNiveau3 a:hover { color: #FFFFFF; background-color: #727272; }

#colonneGauche { background-color: #F0F0F0; }
#colonneDroite { background-color: #F0F0F0; }

.formSideBar { padding: 0px 0 12px 0; margin: 0; background-color: #E0E0E0; border-bottom: 1px solid #FFFFFF; font-family: verdana,sans-serif; font-size: 10px; }
.formSideBar .heading { background-color: #CCCCCC; font-family: arial,sans-serif; font-size: 11px; margin: 0px; padding: 4px 10px 4px 17px; text-transform: uppercase; font-weight: normal; background-image: url(/images/arrow-heading.gif); background-repeat: no-repeat; }
.formSideBar .data {background-color: #E0E0E0; padding: 2px 20px 2px 20px;}
.formSideBar .data a { text-decoration: none; color: #505050; font-size: 11px; }
.formSideBar .data td { background-color: #E0E0E0; font-family: arial,sans-serif; font-size: 11px;}
.formSideBar input { font-family: arial,sans-serif; font-size: 9px;}
.formSideBar select { font-family: arial,sans-serif; font-size: 9px;}

#etatsCompte { padding: 0px 0 12px 0; margin: 0; background-color: #E0E0E0; border-top: 1px solid #DDA5B1; border-bottom: 1px solid #FFFFFF; font-family: verdana,sans-serif; font-size: 10px;}
#etatsCompte .heading { background-color: #CCCCCC; font-family: arial,sans-serif; font-size: 11px; margin: 0px; padding: 4px 10px 4px 17px; text-transform: uppercase; font-weight: normal; background-image: url(/images/arrow-heading.gif); background-repeat: no-repeat; }
#etatsCompte .dataHeader { padding-left: 20px; padding-bottom: 2px; }
#etatsCompte .dataOdd { padding-left: 20px; background-color: #ECECEC; padding-top: 2px; padding-bottom: 2px; }
#etatsCompte .dataEven { padding-left: 20px; padding-top: 2px; padding-bottom: 2px; }
#etatsCompte a {text-decoration : none; color : #AA1D3C;}

#tauxSurcharge { padding: 0px 0 12px 0; margin: 0; background-color: #E0E0E0; border-top: 1px solid #DDA5B1; border-bottom: 1px solid #FFFFFF; font-family: arial,sans-serif; font-size: 11px; }
#tauxSurcharge .heading { background-color: #CCCCCC; font-family: arial,sans-serif; font-size: 11px; margin: 0px; padding: 4px 10px 4px 17px; text-transform: uppercase; font-weight: normal; background-image: url(/images/arrow-heading.gif); background-repeat: no-repeat; }
#tauxSurcharge .dataOdd { font-family: verdana,sans-serif; font-size: 10px; padding-left: 20px; padding-right: 8px; background-color: #ECECEC; padding-top: 2px; padding-bottom: 2px; }
#tauxSurcharge .dataEven { font-family: verdana,sans-serif; font-size: 10px; padding-left: 20px; padding-right: 8px; background-color: #E0E0E0; padding-top: 2px; padding-bottom: 2px; }
#tauxSurcharge .note { margin-left: 8px; margin-top: 8px; padding-left: 11px; font-weight: bold; background-image: url(/images/arrow-note.gif); background-repeat: no-repeat; }
#tauxSurcharge .note2 { margin-left: 20px; margin-right: 8px;}

#cueillette { padding: 0px 0 12px 0; margin: 0; background-color: #E0E0E0; border-bottom: 1px solid #FFFFFF; font-family: arial,sans-serif; font-size: 10px; }
#cueillette .heading { background-color: #CCCCCC; font-family: arial,sans-serif; font-size: 11px; margin: 0px; padding: 4px 10px 4px 17px; text-transform: uppercase; font-weight: normal; background-image: url(/images/arrow-heading.gif); background-repeat: no-repeat; }
#cueillette .dataOdd { font-family: verdana,sans-serif; font-size: 10px; padding-left: 20px; padding-right: 8px; background-color: #ECECEC; padding-top: 2px; padding-bottom: 2px; }
#cueillette .dataEven { font-family: verdana,sans-serif; font-size: 10px; padding-left: 20px; padding-right: 8px; background-color: #E0E0E0; padding-top: 2px; padding-bottom: 2px; }
#cueillette .date { margin-bottom: 4px; }
#cueillette .data { margin-top: 4px; margin-bottom: 6px; }

#livraisons { padding: 0px 0 12px 0; margin: 0; background-color: #E0E0E0; font-family: arial,sans-serif;}
#livraisons .heading { background-color: #CCCCCC; font-family: arial,sans-serif; font-size: 11px; margin: 0px; padding: 4px 10px 4px 17px; text-transform: uppercase; font-weight: normal; background-image: url(/images/arrow-heading.gif); background-repeat: no-repeat; }
#livraisons .dataOdd { font-family: verdana,sans-serif; font-size: 10px; padding-left: 20px; padding-right: 8px; background-color: #ECECEC; padding-top: 2px; padding-bottom: 2px; }
#livraisons .dataEven { font-family: verdana,sans-serif; font-size: 10px; padding-left: 20px; padding-right: 8px; background-color: #E0E0E0; padding-top: 2px; padding-bottom: 2px; }
#livraisons .data { margin-top: 4px; margin-bottom: 6px; font-size: 9px;}

#contenu { padding: 0; margin: 0; }
#contenu th, td, p, blockquote, input, textarea { font-family: arial,sans-serif; font-size: 12px; color: #000000; }
#contenu img.photoLeft { border: 1px solid #E0E0E0; margin-right: 8px; }
#contenu img.photoRight { border: 1px solid #E0E0E0; margin-left: 8px; }
.notes { font-size: 10px; }

#contenu table.box .bordersSides { border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; background-color: #E0E0E0; background-image: url(/images/boite-bkg.gif); }
#contenu table.box .bordersSidesBottom { border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-bottom: 1px solid #DDA5B1; background-color: #E0E0E0; background-image: url(/images/boite-bkg.gif); padding: 0; margin: 0; }
#contenu table.box th h2 { font-weight: bold; font-size: 11px; padding: 0 0 0 10px; margin: 0 0 5px 10px; background-image: url(/images/boite-h2-bkg.gif); background-repeat: no-repeat; }
#contenu table.box .text  { background: #FBFBFB; padding: 8px; margin: 4px 4px 4px 4px; }
#contenu table.box .text p { margin-top: 0; }
#contenu table.box .text p.last { margin-bottom: 0; }
#contenu table.box .text a { text-decoration: none; color: #505050; }

#contenu table.news { border-right: 1px solid #E0E0E0; border-bottom: 1px solid #DDA5B1; border-left: 1px solid #E0E0E0; }
#contenu table.news th h2 { font-weight: bold; font-size: 11px; padding: 0 0 0 10px; margin: 0 0 5px 10px; background-image: url(/images/boite-h2-bkg.gif); background-repeat: no-repeat; }
#contenu table.news .date { margin: 0 4px 5px 0; font-weight: normal; font-size: 11px; }
#contenu table.news td.bkg { background-color: #E0E0E0; background-image: url(/images/boite-bkg.gif); }
#contenu table.news td.text { background-color: #FBFBFB; padding: 8px; }
#contenu table.news td.text p.summary { height : 100px; }
#contenu table.news td.text a { text-decoration: none; color: #505050; font-size: 11px; }
#contenu table.news .photo { width: 100px; height: 100px; border: 1px solid #4C4C4C; padding: 0; margin: 0 5px 0 0; }
#contenu table.news .photo td { background: #4C4C4C; }

#contenu table.form1 { border-right: 1px solid #C7DAE9; border-bottom: 1px solid #C7DAE9; }
#contenu table.form1 th { text-align: left; background-color: #C7DAE9; }
#contenu table.form1 td.odd { background-color: #EBF2F7; }
#contenu table.form1 td.even { background-color: #FBFBFB; }
#contenu table.form1 td { border-top: 1px solid #C7DAE9; }
#contenu table.form1 td.first { border-left: 1px solid #C7DAE9; }
#contenu .required { color: #D40026; }

#contenu table.listeResultats { border-right: 1px solid #C7DAE9; }
#contenu table.listeResultats th { border-top: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; text-align: left; vertical-align: bottom; background-color: #C7DAE9; }
#contenu table.listeResultats td { border-bottom: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; vertical-align: top;}
#contenu table.listeResultats td.odd { background-color: #FBFBFB; }
#contenu table.listeResultats td.even { background-color: #EBF2F7; }

.exportList { text-align: right; margin-bottom: 4px; }

#contenu table.listeFactures { border-right: 1px solid #C7DAE9; border-bottom: 1px solid #C7DAE9; }
#contenu table.listeFactures th { border-top: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; text-align: left; background-color: #C7DAE9; }
#contenu table.listeFactures td { border-top: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; }
#contenu table.listeFactures td.odd { background-color: #FBFBFB; }
#contenu table.listeFactures td.even { background-color: #EBF2F7; }

#contenu table.listeCueillettes { border-right: 1px solid #C7DAE9; border-bottom: 1px solid #C7DAE9; }
#contenu table.listeCueillettes th { border-top: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; text-align: left; background-color: #C7DAE9; }
#contenu table.listeCueillettes td { border-top: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; background-color: #EBF2F7; font-size: 11px;}

#contenu table.listeResultatsExpeditions { border-right: 1px solid #C7DAE9; border-bottom: 1px solid #C7DAE9; }
#contenu table.listeResultatsExpeditions th { border-top: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; text-align: left; background-color: #C7DAE9; font-weight: normal; }
#contenu table.listeResultatsExpeditions td { border-top: 1px solid #C7DAE9; border-left: 1px solid #C7DAE9; background-color: #EBF2F7; }
#contenu p { margin-top: 0;}

#terminerSession { color: #505050; padding: 8px; background-color: #E0E0E0; border-bottom: 1px solid #FFFFFF; }
#terminerSession a { color: #505050; text-decoration: none; }
#terminerSession a:hover { text-decoration: underline; }


#menuExtranet ul { list-style: none; margin: 0; padding: 0; border: none; }
#menuExtranet ul li.first { border-top: 1px solid #CB939E; border-right: 1px solid #C7DAE9; }
#menuExtranet ul li { border-width: 0 1px 1px 1px; border-style: solid; border-color: white; border-right: 1px solid #C7DAE9; background: #C7DAE9; margin: 0; }
#menuExtranet a { color: black; display: block; padding: 5px 5px 5px 0.5em; text-decoration: none; text-transform: uppercase; }

#pageTop { padding: 0; margin: 12px;}
#pageTop a { color: #505050; text-decoration : none; }
#terminerSession a { color: #505050; text-decoration: none; }

table { border-style: none; }
table tr td { background-color: #FFFFFF; }
table.alternating { border: 1px solid #C7DAE9; border-spacing: 0; }
table.alternating th { background-color: #EBF2F7; text-align: left; padding-top: 14px; padding-left: 7px; padding-right: 7px; font-weight: normal; }
table.alternating tr.pair { background-color: #EBF2F7; }
table.alternating tr.impair { background-color: #FFFFFF; }
table.alternating tr.impair td, table.alternating tr.pair td { padding-left: 7px; padding-right: 7px; vertical-align: top; text-align: justify; }
table.alternating tr.impair td.action, table.alternating tr.pair td.action { vertical-align: top; text-align: center; }
.copyright { font-family: arial,sans-serif; font-size: 11px; background-color: #E0E0E0; margin-top: 1px; padding: 4px 12px 4px 0;}

h2.category { font-size : 12px; color : #EC0E0E0; border-bottom : 1px solid #E0E0E0; padding-top : 10px;}
.categoryContent { margin-left : 10px; }
.categoryContent h3 { text-transform : uppercase; font-weight : normal;}

div.error { color : red; border: 1px solid red; background-color : white; padding : 10px;}
#contenu a { color: #505050; }
#contenu a:visited { color: #CC0033; }