body {
   margin:0px;
   padding:0px;
   line-height:20px;
   background: #6c97b2 url(../images/repetDegrade.jpg) repeat-x top center;
   font-family: Arial, Helvetica, sans-serif;
   color:#555;
   font-size:12px;
}
body#popup, body#bleu {
   background: #6B97B2;
}
body#vide {
   background: white;
}
.fond {
   background: url(../images/fond/accueil.jpg) no-repeat top center;
}
.fondDecouverte {
   background: url(../images/fond/decouverte.jpg) no-repeat top center;
}
.fondEntreprise {
   background: url(../images/fond/entreprise.jpg) no-repeat top center;
}
.fondHandicape {
   background: url(../images/fond/handicape.jpg) no-repeat top center;
}
.fondNogaro {
   background: url(../images/fond/nogaro.jpg) no-repeat top center;
}
.fondPorsche {
   background: url(../images/fond/porsche.jpg) no-repeat top center;
}
a {
   color:#555;
   text-decoration: underline;
}
a:hover {
   color:#00b3ff;
   text-decoration: none;
}
.entete {
   width: 100%;
   margin-bottom: 100px;
}
.entete .enteteGauche, .entete .enteteDroite {
   background: url(../images/repetMenuHaut.png) repeat-x top left;
   height: 121px;
}
.entete .enteteCentre {
   width: 957px;
   background: url(../images/fondMenuHaut.png) no-repeat top left;
   height: 121px;
}
.entete #baseMenus {
   height: 121px;
}
.entete #baseMenus a.logo {
   margin: 40px auto 0px 7px;
   display: block;
   width: 413px;
   height: 45px;
}
.entete ul#menus {
   height: 28px;
   list-style: none;
   position: relative;
   padding: 0;
   margin: 0;
}
.entete #menus li {
   padding-top: 13px;
   height: 15px;
   float: left;
}
.entete #menus li.menuActif {
   background: url(../images/positionMenu.png) top center no-repeat;
   color: #00b3ff;
}
.entete #menus a {
   font-weight: bold;
   padding: 0px 10px;
   text-decoration: none;
   color: #fff;
   display: block;
   line-height: normal;
   border-left: 1px solid white;
}
.entete #menus li.premier a {
   border-left:none;
}
.entete #menus a:hover {
   color: #fff;
   text-decoration: underline;
}
.entete #menus li.menuActif a {
   color: #00b3ff;
}
.entete #menus li.menuActif a:hover {
   color: #00b3ff;
}
.entete #menus ul {
   list-style: none;
   position: absolute;
   width: 168px;
   display: none;
   margin: 0px;
   z-index: 100;
   padding:0px;
}
.entete #menus ul li {
   height:auto;
   margin: 0px;
   padding: 0px;
   float:none;
   background: url(../images/fondDeroulant01.png) no-repeat left center;
}
.entete #menus li ul li a, .entete #menus li.menuActif ul li a {
   padding-left: 20px;
   margin: 0px 5px;
   text-decoration: none;
   display: block;
   color: #555;
   font-weight:normal;
   border-top: 1px solid #D3E0E8;
   line-height: 19px;
}
.entete #menus li ul li a.premier, .entete #menus li.menuActif ul li a.premier {
   border-top: none;
}
.entete #menus ul li a:hover {
   color: #00b3ff;
   text-decoration: none;
}
.entete #menus ul li.hautElementMenu, .entete #menus ul li.basElementMenu {
   background: url(../images/fondDeroulant01.png) no-repeat left top;
   padding: 0px;
   height: 10px;
   font-size:1px;
   line-height:1px;
}
.entete #menus ul li.basElementMenu {
   background-position: left bottom;
}
.entete #menus ul.niveau2 {
   z-index: -1;
}
.entete #menus ul.niveau2 li a {
   border-top-color: #BDBDBD;
}
.entete #menus ul.niveau2 li {
   background-image: url(../images/fondDeroulant02.png);
}
.entete #menus ul.niveau2 li.premier {
   background-position: left -10px;
}
.centre {
   width: 970px;
   margin: 0px auto;
   background: url(../images/repetFondCentre.png) repeat-y top center;
   vertical-align: top;
}
.gauche {
   padding: 0px 6px 0px 10px;
   vertical-align: top;
   width: 188px;
   color: #eae9e9;
}
.gauche h1 {
   color: #eae9e9;
   font-size: 20px;
   font-weight: bold;
   margin: 0px 0px 5px;
   padding: 10px 0px 0px 3px;
   text-align: left;
   background:none;
}
.gauche .sousMenus {
   padding-left:3px;
}
.gauche .sousMenus a {
   display: block;
   text-decoration: none;
}
.gauche .sousMenus a:hover {
   text-decoration: none;
}
.gauche .sousMenus a.niveau0 {
   color: #00b3ff;
   background: url(../images/puceMenu.png) no-repeat left center;
   padding-left: 10px;
}
.gauche .sousMenus a.niveau0:hover {
   text-decoration: underline;
}
.gauche .sousMenus a.niveau1, .gauche .sousMenus a.niveau1Actif {
   color: #eae9e9;
   padding-left: 20px;
}
.gauche .sousMenus a.niveau1:hover {
   color: #aeaeae;
}
.gauche .sousMenus a.niveau1Actif {
   color: #7fcded;
   background: url(../images/puceSousMenu.png) no-repeat 10px center;
}
.gauche .sousMenus a.niveau1Actif:hover {
   text-decoration: underline;
}
.gauche .sousMenus a.niveau2, .gauche .sousMenus a.niveau2Actif {
   color: #eae9e9;
   padding-left: 30px;
}
.gauche .sousMenus a.niveau2:hover {
   color: #aeaeae;
}
.gauche .sousMenus a.niveau2Actif {
   color: #7fcded;
   background: url(../images/puceSousMenu.png) no-repeat 20px center;
}
.gauche .sousMenus a.niveau2Actif:hover {
   text-decoration: underline;
}
.gauche .menusAutres {
   margin-bottom:20px;
   padding-left:3px;
}
.gauche .menusAutres a {
   display:block;
   text-decoration:none;
   color:#eae9e9;
   margin-left:5px;
}
.gauche .menusAutres a span {
   display:block;
   float:left;
   width:19px;
   height:19px;
   background:url(../images/spriteAutresLiens.gif) no-repeat;
   font-size:1px;
}
.gauche .menusAutres a:hover {
   color: #aeaeae;
   text-decoration: none;
}
.gauche .menusAutres a.menuActif {
   color: #0193CE;
   text-decoration: none;
}
.gauche .menusAutres a.menuActif:hover {
   color: #0193CE;
   text-decoration: underline;
}
.gauche .liensOrange {
   overflow:visible;
   width:188px;
   margin-bottom:40px;
}
.gauche .liensOrange a {
   display:block;
   text-decoration:none;
   background:url(../images/spriteMenuOrange.png) no-repeat;
   height:39px;
}
.gauche .liensOrange a span.imageLienOrange {
   display:block;
   float:left;
   width:65px;
   height:38px;
   background:no-repeat top left;
   font-size:1px;
}
.gauche .liensOrange a span.texteLienOrange {
   display:block;
   padding-top:5px;
   line-height:normal;
   text-decoration:none;
   color:#fff;
   margin-left:75px;
   font-size:10px;
}
.gauche .liensOrange a:hover span.texteLienOrange {
   color: #fff;
   text-decoration: underline;
}
.gauche .liensOrange a.actif {
   background-position:0px -39px;
   width:204px;
}
.contenus {
   padding: 0px 25px 20px 11px;
   vertical-align: top;
   width: 730px;
}
#popup .contenus {
   width: auto;
   padding: 5px;
   margin: 10px 0px;
   background: #F1F5F8;
}
.contenus .chemin {
   font-size: 10px;
}
.contenus .chemin a {
   text-decoration: none;
}
.contenus .chemin a:hover {
   color: #555;
   text-decoration: underline;
}
.contenus .chemin .racine, .contenus .chemin .racine a {
   color: #00b3ff;
}
.contenuBodyFCK {
   padding: 5px;
   background: #F1F5F7;
}
.cacherLienImage {
   display: none;
}
.contenuBodyFCK .cacherLienImage {
   display: inline;
}
#popup a.fermer {
   padding-right: 15px;
   margin-right: 2px;
   color: black;
   background: url(../images/fermer.gif) no-repeat right center;
}
#popup a.fermer:hover {
   color: black;
}
.outilsHaut, .outilsBas {
   background: url(../images/fondOutilsHaut.png) no-repeat;
   height: 37px;
   width: 970px;
   margin: 0px auto;
}
.outilsHaut {
   padding-top: 17px;
}
.outilsBas {
   height: 47px;
   background: url(../images/fondOutilsBas.png) no-repeat;
}
.action {
   height: 22px;
   margin: 0px 8px 0px auto;
}
#popup .action {
   margin: 10px 0px 0px auto;
}
#popup .actionHaut {
   margin: 0px 0px 10px auto;
}
.actionBas {
   float: right;
   margin: 10px 13px 15px auto;
}
.action a {
   display: block;
   height: 22px;
   background: url(../images/spriteOutils.png) no-repeat;
   text-decoration: none;
}
.action a:hover {
   text-decoration: none;
}
.action a.panier {
   background-position: 0px 0px;
   width: 40px;
}
.action a.panier:hover {
   background-position: 0px -25px;
}
.action a.panierPlein {
   background-position: -386px 0px;
   color:white;
   font-size:11px;
   text-align:center;
   padding:0px 5px 0px 23px;
   width:12px;
   line-height:16px;
}
.action a.panierPlein:hover {
   background-position: -386px -25px;
}
.action a.augmenter {
   background-position: -40px 0px;
   width: 35px;
}
.action a.augmenter:hover {
   background-position: -40px -25px;
}
.action a.diminuer {
   background-position: -75px 0px;
   width: 38px;
}
.action a.diminuer:hover {
   background-position: -75px -25px;
}
.action a.recommander {
   background-position: -112px 0px;
   width: 42px;
}
.action a.recommander:hover {
   background-position: -112px -25px;
}
.action a.imprimer {
   background-position: -154px 0px;
   width: 39px;
}
#popup .actionHaut a.imprimer {
   width: 37px;
}
.action a.imprimer:hover {
   background-position: -154px -25px;
}
.action a.favoris {
   background-position: -193px 0px;
   width: 33px;
}
.action a.favoris:hover {
   background-position: -193px -25px;
}
.action a.contact {
   background-position: -226px 0px;
   width: 138px;
}
.actionHaut a.contact {
   width: 134px;
   margin-right: 4px;
}
.action a.contact:hover {
   background-position: -226px -25px;
}
.action a.haut {
   background-position: -364px 0px;
   width: 23px;
}
.action a.haut:hover {
   background-position: -364px -25px;
}
h1, h2, h3, h4 {
   margin: 0px;
   padding: 0px;
   color:#1593CE;
}
h1 {
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 15px;
   background:url(../images/puceH1.jpg) no-repeat left 2px;
   padding-left:35px;
}
h2 {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 5px;
}
h2.blancs {
   color: white;
}
h3 {
   font-size: 14px;
   font-weight: normal;
   margin-bottom: 5px;
}
h4 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
}
.contenus p {
   margin: 5px 0px;
}
a.blancs {
   color: white;
   text-decoration: underline;
}
a.blancs:hover {
   color: white;
   text-decoration: none;
}
a.plus, a.plusb {
   background: url(../images/pucePlus.png) no-repeat left center;
   padding-left: 15px;
   color: #323638;
   text-decoration: underline;
   font-size: 10px;
}
a.plus:hover, a.plusb:hover {
   color: #323638;
   text-decoration: none;
}
a.plusb {
   background-image: url(../images/pucePlusBlanc.png);
   color: white;
}
a.plusb:hover {
   color: white;
}
a.pilotage {
   display: block;
   width: 137px;
   height: 158px;
   text-align: center;
   text-decoration: none;
   color: #343434;
}
a.pilotage:hover {
   background: url(../images/sousCircuitOver.png) no-repeat;
   text-decoration: none;
   color: #00b3ff;
}
a.pilotage img {
   margin-top: 10px;
   border: none;
}
a.pilotage span.nomStage {
   display: block;
   padding-top: 20px;
}
.legende {
   font-size: 12px;
   font-style: italic;
   color: black;
   margin-top: 10px;
}
.outilsBas .reseauxSociaux {
   float:left;
   height:24px;
   margin:13px 0px 0px;
   width:188px;
   padding-left:10px;
}
.outilsBas .reseauxSociaux div.titleFlecheReseaux {
   position:absolute;
   display:none;
   width:188px;
   height:37px;
}
.outilsBas .reseauxSociaux div.titleReseaux {
   background:url(../images/bulleFollow.jpg) no-repeat -8px 0px;
   width:170px;
   height:30px;
   line-height:31px;
   color:#eae9e9;
   text-align:center;
   margin:0px auto;
}
.outilsBas .reseauxSociaux div.flecheReseaux {
   position:absolute;
   top:30px;
   background:url(../images/bulleFollow.jpg) no-repeat -50px -30px;
   width:15px;
   height:7px;
   font-size:1px;
}
.outilsBas .reseauxSociaux div.liensReseaux {
   height:24px;
   margin:0px auto;
   width:51px;
   background:url(../images/spriteBlog.jpg) no-repeat;
}
.outilsBas .reseauxSociaux div.liensReseaux a {
   display:block;
   width:25px;
   height:24px;
   float:left;
   background:url(../images/spriteBlog.jpg) no-repeat 0px 0px;
   text-decoration:none;
   font-size:1px;
}
.outilsBas .reseauxSociaux div.liensReseaux a:hover {
   text-decoration:none;
   background-position:0px -24px;
}
.outilsBas .reseauxSociaux div.liensReseaux a.tumblr {
   background-position:-25px 0px;
}
.outilsBas .reseauxSociaux div.liensReseaux a.twitter {
   background-position:-50px 0px;
}
.outilsBas .reseauxSociaux div.liensReseaux a.flickr {
   background-position:-75px 0px;
}
.outilsBas .reseauxSociaux div.liensReseaux a.tumblr:hover {
   background-position:-25px -24px;
}
.outilsBas .reseauxSociaux div.liensReseaux a.twitter:hover {
   background-position:-50px -24px;
}
.outilsBas .reseauxSociaux div.liensReseaux a.flickr:hover {
   background-position:-75px -24px;
}
.outilsBas .menusBas {
   line-height: 37px;
   margin-left: 270px;
}
.outilsBas .menusBas a:hover {
   color: #555;
}
.pied {
   background: url(../images/fond/fondBasSite.jpg) no-repeat top center;
   height: 307px;
}
.pied .infos {
   width: 860px;
   color: white;
   line-height: normal;
   margin: 0px auto;
   padding: 40px 0px 0px 90px;
   background: url(../images/flecheInfos.png) no-repeat 20px 40px;
}
.pied .infos span {
   font-size: 14px;
   font-weight: bold;
}
.pied .infos p {
   margin: 20px 0px;
}
.pied .infos p.premier {
   margin: 0px;
}
.pied .infos a, #piedPopup a, #popup #piedAP a, #bleu a {
   color: white;
   text-decoration: underline;
}
.pied .infos a:hover, #piedPopup a:hover, #popup #piedAP a:hover, #bleu a:hover {
   color: white;
   text-decoration: none;
}
.pied .infos #piedAP {
   margin: 10px 0px;
   font-size: 10px;
}
#piedPopup, #popup #piedAP, #bleu {
   color: white;
}
#popup #piedAP, #bleu #piedAP {
   text-align: center;
   line-height: normal;
   font-size: 10px;
}
#popup #xiti, #bleu #xiti {
   margin: 10px;
   text-align: center;
   line-height: normal;
}
div.nomEntreprise {
   font-weight: bold;
   font-size: 18px;
   margin-top: 10px;
}
div.activitesEntreprise {
   margin-bottom:20px;
}
div#menuContact {
   text-align: center;
   margin: 25px auto 15px;
   padding-bottom: 5px;
   width: 529px;
   background: url(../images/trait.png) no-repeat bottom;
}
div#menuContact a {
   padding: 1px 2px;
   margin: 5px;
   color: #666;
   text-decoration: none;
}
div#menuContact a.actif {
   font-weight:bold;
   color:#00b3ff;
}
input.champsTexte, textarea.champsTexte {
   border:1px solid #8DA0AC;
   padding:4px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   margin:0px;
}
td.titre {
   text-align: center;
   font-size: 14px;
   padding-bottom: 10px;
}
div#menuContact a:hover {
   color:#0082b9;
}
table.tableContact {
   width:100%;
}
table.tableContact td {
   padding:5px;
}
table.tableContact td input.champsTexte, table.tableContact td textarea.champsTexte, .formContact .tableAntiSpam input.champsTexte {
   width:345px;
}
table.tableContact td textarea.champsTexte {
   width:710px;
}
.formContact .tableAntiSpam input.champsTexte {
   width:auto;
}
.jourHoraires {
   font-weight: bold;
   padding-right: 25px;
}
.heureHoraires {
   padding: 0px 4px 0px 0px;
}
.commentaireHoraires {
   font-style: italic;
}
.carteFiche {
   height: 350px;
   width: 100%;
   margin: 0px;
}
.commandes {
   float:right;
   text-align: right;
   padding-top: 10px;
   margin-right:5px;
}
.commandes input {
   border: 1px solid #565656;
   background-color: #E2E2E2;
   cursor: pointer;
   padding: 0px 10px 2px;
   height: 26px;
   color:#424d52;
}
.commandes input.over {
   background-color:#87aec4;
   border-color:#87aec4;
   color:white;
}
div.erreur, div.reussi {
   background:#CE0000 url(../images/caution.jpg) no-repeat 5px center;
   color:white;
   text-align:left;
   margin: 5px auto;
   width: 335px;
   padding:10px 10px 10px 50px;
}
div.reussi {
   background:#009F00 url(../images/succeed.jpg) no-repeat 5px center;
}
#vide.livredor div.erreur, #vide.panier div.erreur {
   position: absolute;
   top:0px;
   left:0px;
   width:350px;
   margin:0px;
   border:none;
   line-height:normal;
   height:60px;
   padding:8px 0px 12px 50px;
   background-position:5px 5px;
}
#vide.panier div.erreur {
   height:25px;
}
#vide.livredor div.reussi, #vide.panier div.reussi {
   border:none;
   background:none;
   width:auto;
   color: #19a023;
   text-align:center;
   padding:0px;
}
#vide.panier div.reussi {
   margin:160px auto;
}
div.erreur a {
   color: red;
}
div.reussi a {
   color: #006400;
}
td.infosTitre {
   font-weight: bold;
}
table.recommander .fondGris {
   color:white;
   background-color: #37414A;
}
table.recommander .fondGris a {
   color: white !important;
   font-size: 11px;
}
table.recommander #amis {
   height: 83px;
   background-color: White;
   overflow: hidden;
}
table.recommander #amis div {
   cursor: default;
   height: 16px;
   line-height: 16px;
   overflow: hidden;
   padding:0px 5px;
   color:black;
   font-size:10px;
}
table.recommander .flecheGrise {
   background: url(../images/fleche.gif) no-repeat;
   width: 48px;
}
h1.enConstruction {
   text-align: center;
   background: none;
   font-size: 20px;
   margin: 20px 0px;
   padding: 0px;
}
p.enConstruction {
   margin: 20px;
   text-align: center;
}
.rechImgAS {
   font-size: 11px;
   font-style: italic;
}
#resultatsRecherche span {
   font-weight: bold;
}
#resultatsRecherche p {
   margin: 0px 0px 15px;
}
.divCommentaire {
   margin: 20px auto;
   color: white;
}
.divCommentaire div.hautCommentaire, .divCommentaire div.titreCommentaire, .divCommentaire div.basCommentaire {
   background: url(../images/spriteLivreDor.png) no-repeat;
}
.divCommentaire div.hautCommentaire, .divCommentaire div.basCommentaire {
   height: 5px;
   font-size:1px;
}
.divCommentaire div.titreCommentaire {
   background-position: left -5px;
   background-color: #A9A9A9;
   line-height: 30px;
   padding-left: 50px;
   text-shadow: 0px -1px 0px #868585;
}
.divCommentaire div.titreCommentaire span {
   font-style: italic;
}
.divCommentaire div.titreCommentaire div.actions {
   float:right;
   width:53px;
   height:24px;
   margin-right:5px;
}
.divCommentaire div.titreCommentaire div.actions a {
   display:block;
   float:right;
   width:24px;
   height:24px;
   background:url(../images/spriteCommentaires.jpg) no-repeat 0px 0px;
   font-size:1px;
   line-height:1px;
   text-decoration:none;
}
.divCommentaire div.titreCommentaire div.actions a:hover {
   background-position:0px -24px;
   text-decoration:none;
}
.divCommentaire div.titreCommentaire div.actions a.valider {
   background-position:-24px 0px;
}
.divCommentaire div.titreCommentaire div.actions a.valider:hover {
   background-position:-24px -24px;
}
.divCommentaire div.titreCommentaire div.actions a.supprimer {
   background-position:-48px 0px;
   margin-left:5px;
}
.divCommentaire div.titreCommentaire div.actions a.supprimer:hover {
   background-position:-48px -24px;
}
.divCommentaire div.texteCommentaire, .divCommentaire div.lienAjouterCommentaire {
   background: #A9A9A9;
}
.divCommentaire div.texteCommentaire {
   font-style: italic;
   padding: 0px 10px;
   overflow: hidden;
}
.divCommentaire div.lienAjouterCommentaire {
   font-size: 10px;
   font-style: italic;
   padding-left: 10px;
}
.divCommentaire div.lienAjouterCommentaire a {
   color: white;
   text-decoration: underline;
}
.divCommentaire div.lienAjouterCommentaire a:hover {
   color: white;
   text-decoration: none;
}
.divCommentaire div.basCommentaire {
   background-position: left bottom;
}
table.pages {
   margin: 0px auto;
   color: #929292;
   height: 23px;
}
table.pages td.fondPages {
   background: #E2E2E2;
   padding: 0px 5px;
}
table.pages td.gauchePages, table.pages td.droitePages {
   background: url(../images/spriteLivreDor.png) no-repeat -730px 0px;
   width: 3px;
   font-size: 1px;
}
table.pages td.droitePages {
   background-position: -733px 0px;
}
table.pages a {
   color: #929292;
}
table.pages a.precedent {
   margin-right: 15px;
}
table.pages a.suivant {
   margin-left: 15px;
}
table.pages span.pageCourante {
   font-weight: bold;
   color: #555;
}
div.nbTotalCommentaires {
   font-size: 10px;
   text-align: center;
}
div.nbTotalCommentaires span {
   font-weight: bold;
}
table.tableAntiSpam {
   line-height:normal;
   margin:0px;
   color:#555;
}
#vide.livredor, #vide.panier {
   padding:20px;
}
.livredor h1, .panier h1 {
   margin-bottom:5px;
}
.livredor p {
   line-height:normal;
   margin:0px 0px 10px;
}
.livredor #formCommentaire {
   color:#0092ef;
}
.livredor #formCommentaire div.champ {
   margin-top:5px;
}
.livredor #formCommentaire div input.champsTexte, .livredor #formCommentaire div textarea.champsTexte {
   width:352px;
   font-size:12px;
   padding:5px 3px;
   color:#555;
   font-family: Arial, Helvetica, sans-serif;
   border:1px solid #87aec4;
}
.livredor #formCommentaire div.lgCommentaire, .livredor #formCommentaire div.texteAjoutComm {
   color:#9C9C9C;
   font-size:10px;
   line-height:normal;
}
.livredor #formCommentaire div.lgCommentaire span.erreur {
   color:red;
}
.livredor #formCommentaire div.validerAjoutComm {
   margin-top:15px;
   text-align:right;
}
.livredor #formCommentaire div.validerAjoutComm a {
   color:#0092ef;
}
.livredor #formCommentaire div.texteAjoutComm {
   position:absolute;
   left:5px;
   bottom:5px;
}
.livredor #formCommentaire td.champ #codeAntiSpam {
   padding:5px 3px;
   border:1px solid #87aec4;
}
table.confirmerPanier {
   width:730px;
   margin-bottom:5px;
}
table.confirmerPanier td.gaucheConfirmerPanier,
table.confirmerPanier td.droiteConfirmerPanier,
table.confirmerPanier td.largeurConfirmerPanier {
   vertical-align:top;
   width:365px;
   background:white;
   border-top:5px solid #F1F5F8;
}
table.confirmerPanier td.largeurConfirmerPanier {
   width:730px;
}
table.confirmerCoordonnees td.gaucheConfirmerPanier,
table.confirmerCoordonnees td.droiteConfirmerPanier {
   background:none;
}
table.confirmerPanier td.gaucheConfirmerPanier {
   width:360px;
   border-right:5px solid #F1F5F8;
}
div.panier {
   background:white;
   margin-bottom:10px;
}
div.panier h2 {
   background:#848484;
   color:white;
   padding:5px 10px;
}
div.panier h2 a {
   color:white;
   text-decoration:none;
}
div.panier h2 a.supprimer {
   float:right;
   font-size:12px;
   height:17px;
   line-height:17px;
   background:url(../images/boutSupprimer.jpg) no-repeat top left;
   padding-left:20px;
   text-decoration:none;
}
div.panier h2 a:hover {
   color:white;
   text-decoration:underline;
}
div.panier h2 a span {
   font-size:12px;
}
.panier ul.produit {
   margin:10px 0px;
   padding:0px 0px 0px 15px;
}
div.panier ul.produit {
   margin:0px;
   padding:5px 0px 5px 25px;
}
.panier ul.produit li.choix, .panier ul.produit li.options, .panier ul.produit li.choix ul, .panier ul.produit li.options ul, .panier ul.produit li.beneficiaire, .panier ul.produit li.montant {
   list-style:none;
   padding:0px;
   margin:0px;
}
.panier ul.produit li.choix, .panier ul.produit li.options, .panier ul.produit li.beneficiaire {
   margin:5px 0px 20px;
}
.panier ul.produit li.choix span, .panier ul.produit li.options span {
   display:none;
}
.panier ul.produit li.options span.totalOption {
   display:inline;
}
.panier ul.produit li.choix label, .panier ul.produit li.options label {
   color:#00b3ff;
   font-weight:bold;
}
.panier ul.produit li.label {
   line-height:normal;
}
table.confirmerPanier .panier ul.produit li.label {
   font-weight:bold;
}
.panier li.label span, .panier .obligatoires span {
   color:red;
   font-weight:bold;
}
.panier ul.produit li.montant, .panier #ajouterPanier, .panier .continuer, .panier .gotoPanier {
   background:url(../images/spriteCommande.jpg) no-repeat 0px 0px;
}
.panier ul.produit li.montant {
   width:65px;
   height:23px;
   line-height:23px;
   margin:5px;
   text-align:right;
   padding-right: 5px;
   color:white;
   background-position:0px -105px;
}
.panier #ajouterPanier {
   display:block;
   width:152px;
   margin:13px 5px 5px 20px;
   height:28px;
   line-height:26px;
   color:white;
   text-align:center;
   background-position:-70px -105px;
}
.panier .obligatoires {
   color:#9C9C9C;
   font-size:10px;
   text-align:right;
}
.panier .continuer, .panier .gotoPanier {
   display:block;
   color:white;
   text-decoration:none;
   width:148px;
   height:32px;
   line-height:normal;
   text-align:center;
   padding:12px 40px 8px 60px;
   float:left;
}
.panier .gotoPanier {
   padding:12px 60px 8px 40px;
   background-position:-248px 0px;
}
.panier .continuer:hover, .panier .gotoPanier:hover {
   color:white;
   text-decoration:none;
   background-position:0px -52px;
}
.panier .gotoPanier:hover {
   background-position:-248px -52px;
}
div.panier div.total {
   background:#39ac44;
   color:white;
   padding:5px 10px;
   line-height:normal;
}
div.panier div.total p {
   margin:5px 0px;
   font-size:14px;
}
div.panier div.total span.spanTotal {
   font-weight:bold;
}
div.panier div.total p.legende {
   font-size:10px;
   font-style:italic;
   color:white;
}
a.boutonPanierGris, a.boutonPanierVert, a.boutonPanierRouge, a.boutonPanierVertRond, a.boutonPanierRougeRond {
   float:left;
   width:66px;
   height:19px;
   line-height:19px;
   text-align:center;
   color:white;
   text-decoration:underline;
   background:url(../images/fondModifier.png) no-repeat top left;
   margin-right:5px;
   padding-left:5px;
}
a.boutonPanierGris:hover, a.boutonPanierVert:hover, a.boutonPanierRouge:hover, a.boutonPanierVertRond:hover, a.boutonPanierRougeRond:hover {
   color:white;
   text-decoration:none;
}
a.boutonPanierVert, a.boutonPanierRouge {
   padding:0px 5px 0px 0px;
   width:72px;
   background:url(../images/fondContinuer.png) no-repeat top left;
}
a.boutonPanierRouge {
   width:176px;
   background:url(../images/fondGenerer.png) no-repeat top left;
}
a.boutonPanierVertRond, a.boutonPanierRougeRond {
   padding-left:0px;
   width:130px;
   background:url(../images/payerCommande.png) no-repeat top left;
}
a.boutonPanierRougeRond {
   background:url(../images/annulerCommande.png) no-repeat top left;
}
.tableCoordonnees {
   margin-bottom:10px;
}
.tableCoordonnees th {
   font-weight:normal;
   text-align:left;
   width:100px;
}
.confirmerCoordonnees th {
   font-weight:bold;
}
.coordonneesPanier td.champErreur {
   color:red;
   font-weight:bold;
}
.coordonneesPanier span.oblige {
   color:red;
   font-weight:bold;
}
.coordonneesPanier td.chkAutreLivraison {
   font-weight:bold;
   text-align:center;
}
.coordonneesPanier div.adresseLivraison {
   display:none;
}
.modePaiement {
   border-top:1px solid #a3a5a6;
   padding:5px 0px;
}
.dernierModePaiement {
   border-bottom:1px solid #a3a5a6;
   margin-bottom:15px;
}
.overModePaiement {
   background:#bfd0d9;
}
.modePaiement p {
   margin:5px 5px 5px 20px;
}
.modePaiement p span {
   margin-left:10px;
   font-size:10px;
}
.modePaiement p span img {
   margin-right:5px;
}
.modePaiement p.important {
   color:red;
}
.modePaiement div.legendePaiement {
   font-size:10px;
   float:right;
   width:415px;
   line-height:normal;
}
.bleu {
   color:#1593CE;
   font-weight:bold;
}
#divNewsletter {
   display:none;
   position:absolute;
   background:url(../images/fondInscrNews.png) no-repeat top left;
   width:297px;
   height:190px;
   padding:10px 30px 10px 60px;
   color:white;
   z-index:100;
}
#divNewsletter a#boutonFermerNewsletter {
   position:absolute;
   display:block;
   width:14px;
   height:14px;
   background:url(../images/spriteFermer.jpg) no-repeat;
   right:-15px;
   top:2px;
}
#divNewsletter a#boutonFermerNewsletter:hover {
   background-position:-14px 0px;
}
#divNewsletter h1 {
   color:white;
   margin:2px 0px 5px;
   background:none;
   padding:0px;
   font-size:14px;
}
#divNewsletter div.champsNewsletter {
   height:80px;
}
#divNewsletter div.champ {
   margin-bottom:10px;
}
#divNewsletter div.champ input {
   margin-left:0px;
}
#divNewsletter div.champ input.champsTexte {
   border:none;
   padding:5px;
   width:220px;
}
#divNewsletter a#envoyerNewsletter {
   display:block;
   width:70px;
   background:white;
   padding:3px 5px 2px;
   text-align:center;
   text-decoration:none;
   color:#555;
}
#divNewsletter a#envoyerNewsletter:hover {
   text-decoration:underline;
   color:#555;
}
#divNewsletter div.divForm, #divNewsletter div.divAttente, #divNewsletter div.divTermine {
   position:absolute;
   width:297px;
   height:190px;
}
#divNewsletter div.divAttente {
   text-align:center;
}
#divNewsletter div.divAttente img {
   margin-top:62px;
}
#divNewsletter div.divAttente, #divNewsletter div.divTermine {
   display:none;
}
#divNewsletter div.divTermine {
   text-align:center;
}
#divNewsletter div.divTermine div {
   margin:20px 0px;
   font-weight:bold;
}
#divNewsletter div.divTermine a {
   color:white;
}
#divNewsletter div.divTermine a:hover {
   color:white;
}
.champ label span {
   position:absolute;
   color:#87aec4;
   padding:5px 5px 5px 8px;
   line-height:15px;
   cursor:text;
}
.livredor #formCommentaire .champ label span {
   padding:6px 6px 6px 7px;
}
.galerie .categories {
   width:609px;
   margin:0px auto 20px;
   overflow:hidden;
   line-height:normal;
}
.galerie .categories .categorie {
   width:183px;
   height:169px;
   float:left;
   margin:10px 6px 10px 10px;
   background:url(../images/spriteCategories.jpg) no-repeat top left;
}
html>body .galerie .categories .categorie {
   margin:10px;
}
.galerie .categories .categorieOver {
   background-position:0px -169px;
}
.galerie .categories .categorie a.imageCategorie {
   width:173px;
   height:115px;
   display:block;
   margin:5px;
   text-decoration:none;
}
.galerie .categories .categorie a.imageCategorie:hover {
   text-decoration:none;
}
.galerie .categories .categorie a.texteCategorie {
   color:white;
   margin:5px;
   text-decoration:underline;
}
.galerie .categories .categorie a.texteCategorie:hover {
   text-decoration:underline;
}
.galerie .listeArticles {
   width:209px;
   background:#37414A;
   float:right;
   margin-right:-15px;
   position:relative;
}
.galerie .listeArticles .bordHaut, .galerie .listeArticles .bordBas {
   background:url(../images/spriteGalerie.jpg) no-repeat 0px -58px;
   width:5px;
   height:5px;
   position:absolute;
   left:0px;
   font-size:1px;
}
.galerie .listeArticles .bordHaut {
   top:0px;
}
.galerie .listeArticles .bordBas {
   background-position:0px -88px;
   bottom:0px;
}
.galerie .listeArticles .article {
   padding:13px 0px 0px 13px;
   float:left;
   width:85px;
}
.galerie .listeArticles .article .imageArticle {
   display:block;
   width:85px;
   height:56px;
   line-height:56px;
   text-align:center;
   background:no-repeat center center;
}
.galerie .listeArticles .article .lienArticle {
   color:white;
   text-decoration:none;
}
.galerie .listeArticles .article .lienArticle:hover {
   color:white;
   text-decoration:underline;
}
.galerie .listeArticles .selectionne .imageArticle {
   background-color:#222C35;
}
.galerie .pagesArticles {
   text-align:center;
   color:white;
   clear:both;
}
.galerie .pagesArticles a {
   color:white;
   text-decoration:none;
}
.galerie .pagesArticles a.precedent {
   margin-right:5px;
}
.galerie .pagesArticles a.suivant {
   margin-left:5px;
}
.galerie .pagesArticles span.pageCourante {
   font-weight:bold;
   font-size:13px;
   color:#1593CE;
}
.galerie .pagesArticles a:hover {
   color:white;
   text-decoration:underline;
}
.galerie .divApercuArticle {
   position:absolute;
   display:none;
   border:1px solid black;
   background:black;
   z-index:100;
}
.galerie .divApercuArticle .texteApercu {
   color:white;
   padding:3px;
}
.galerie .cadreGalerie {
   width:519px;
   height:315px;
   position:relative;
   margin-bottom:20px;
}
.galerie .cadreGalerie .photoPrecedente,
.galerie .cadreGalerie .photoSuivante {
   position:absolute;
   width:17px;
   height:29px;
   left:0px;
   top:143px;
   background:url(../images/spriteGalerie.jpg) no-repeat 0px 0px;
   text-decoration:none;
   display:none;
}
.galerie .cadreGalerie .photoSuivante {
   left:auto;
   right:0px;
   background-position:-18px 0px;
}
.galerie .cadreGalerie .photoPrecedente:hover,
.galerie .cadreGalerie .photoSuivante:hover {
   background-position:0px -29px;
   text-decoration:none;
}
.galerie .cadreGalerie .photoSuivante:hover {
   background-position:-18px -29px;
}
.galerie .cadreGalerie .basePhotosArticle {
   width:475px;
   height:315px;
   position:absolute;
   overflow:hidden;
   left:22px;
}
.galerie .cadreGalerie .basePhotosArticle .photosArticle {
   position:absolute;
   height:315px;
   width:0px;
   left:0px;
}
.galerie .cadreGalerie .basePhotosArticle .photosArticle div {
   position:absolute;
   top:0px;
   left:0px;
   z-index:1;
   width:475px;
   height:315px;
   background:no-repeat center center;
}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
.nivo-slice {display:block; position:absolute; z-index:50; height:100%;}
.nivo-directionNav a {display:none;}
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89;}
.nivo-caption p {padding:5px; margin:0;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:black;}
#colorbox{line-height:normal;}
    #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter{font-size:1px;}
    #cboxTopLeft{width:7px; height:7px; background:url(../images/colorbox/controls.png) -129px -39px no-repeat;}
    #cboxTopRight{width:7px; height:7px; background:url(../images/colorbox/controls.png) -146px -39px no-repeat;}
    #cboxBottomLeft{width:7px; height:7px; background:url(../images/colorbox/controls.png) -129px -56px no-repeat;}
    #cboxBottomRight{width:7px; height:7px; background:url(../images/colorbox/controls.png) -146px -56px no-repeat;}
    #cboxMiddleLeft{width:7px; background:#6C98B3;}
    #cboxMiddleRight{width:7px; background:#6C98B3;}
    #cboxTopCenter{height:7px; background:#6C98B3;}
    #cboxBottomCenter{height:7px; background:#6C98B3;}
    #cboxContent{background:#6C98B3;}
        #cboxLoadedContent{margin-bottom:48px;background:white;}
        #cboxTitle{position:absolute; bottom:25px; left:0; text-align:left; width:100%; color:white; overflow:hidden; white-space:nowrap;}
        #cboxCurrent{position:absolute; bottom:3px; left:0px; color:white;}
        #cboxSlideshow{position:absolute; bottom:3px; right:80px; color:white;}
        #cboxPrevious{position:absolute; top:40%; left:-40px; background:url(../images/colorbox/controls.png) -55px 0px no-repeat; width:33px; height:39px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-121px 0px;}
        #cboxNext{position:absolute; top:40%; right:-40px; background:url(../images/colorbox/controls.png) -22px 0px no-repeat; width:33px; height:39px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-88px 0px;}
        #cboxLoadingOverlay{}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) 46px 0px no-repeat; width:68px; height:22px; line-height:22px; color:white;}
        #cboxClose.hover{background-position:46px -22px;}