/******************************************************************************/
/*                     Design de la partie utilisateur                        */
/******************************************************************************/
root {display: block;}
body {background-color: #0f0f0f; margin: 10px auto; width: 900px; background-image: url(/images/back.png); background-repeat: no-repeat; background-position: center;}
/******************************************************************************/
/*                          Design du menu vertical                           */
/******************************************************************************/
.menu {font-family: arial, sans-serif; width:106px; font-size:11px; height:150px; position:relative; margin-left: -2px; vertical-align: top; margin-top: 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:white; width:104px; height:40px; text-align:center; /*border: 1px solid black;*/ border-width:1px 1px 0 0; background:#e7101c; line-height:39px; font-size:15px;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:black; background:white;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#e7101c; color:white;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#e7101c; color:white; width:150px; border-top: 1px solid black;}
.menu ul li:hover ul li a:hover {background:white; color:black;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#e7101c; color:white; border-top: 1px solid black;}
.menu ul li:hover ul li:hover ul li a:hover {background:white; color:black;}
/******************************************************************************/
/*                          Design du menu horizontal                         */
/******************************************************************************/
.menuHoriLbl{font-family: arial, sans-serif; font-size:11px; font-size: 15px; color: white; text-decoration: none; padding-left: 12px; padding-right: 12px; text-align: center;}
.menuHoriLbl:hover {background-color: white; color:black; padding-top: 5px; padding-bottom: 5px; padding-left: 12px; padding-right: 12px;}
.menuHoriUl{background-color: #e7101c; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-left: 300px;}
/*****************************************************************************/
/*                        Design de la partie utilisateur                    */
/*****************************************************************************/
.divFacebook {text-align: center; margin-top: 20px; /*border: 1px solid #e7101c; background-color: #e7101c; margin-right: 2px;*/ }
.facebook {margin-left: 5px; border:0; border: none;}
.facebookPos {float: left; margin-top: 10px; margin-left:30px;}
.MarquePos {float: left; margin-top: 10px; border-top: 1px solid #e7101c; padding-top: 10px; text-align: center;}
.LblAccueil {font-family: arial, sans-serif; font-weight: bold; font-size:20px; color: white; text-align: left; margin-top:10px; padding-left: 100px;}
.lblBonsPlans {font-family: arial, sans-serif; font-weight: bold; font-size:20px; color: white; text-align: left; margin-top:10px; padding-left: 100px;}
.tdTabAccueil {padding-top: 0; text-align: center; width: 820px; vertical-align: top;}
/*****************************************************************************/
/*                             Fonction de Recherche                         */
/*****************************************************************************/
.tdRechercheProduit {vertical-align: top; padding-top:10px;}
.txtRerchercheRadio {font-family: arial, sans-serif; font-size:13px; color: #e7101c; float:left; margin-left: 10px;}
.BtnrechercheRadio {float:left; margin-left: 30px;}
.txtRechercheCheckbox {font-family: arial, sans-serif; font-size:13px; color: white; float:left; margin-left: 10px;}
.btnRechercheCheckbox {float:left; margin-left: 70px;}
.btnRechercheOption {float:right; margin-right: 350px; width: 120px;}
/******************************************************************************/
/*                                   Newsletter                               */
/******************************************************************************/
.LblNewsletter {color:#e7101c; font-family: arial, sans-serif; border-bottom: 1px solid #e7101c; padding-bottom: 2px; margin-top: 2px; text-decoration: none; font-size: 17px; }
.newsletterTxt {font-family: arial, sans-serif; font-size:14px; color: white; margin-left:150px;}
.newsletterRadio {float:left; margin-left: 150px;}
.newsletterLbl {font-family: arial, sans-serif; font-size:13px; color: #e7101c; float: left; margin-left: 10px;}
.newsletterBox {float: left; margin-left: 150px;}
.newsletterBtn {float: left; margin-left: 20px;}
.newsTd {vertical-align: top;}
.newsDiv {margin-top: 10px;}
/******************************************************************************/
.erreurMarque {font-family: arial, sans-serif; font-size:14px; color:white; margin-left: 30px;}
.newsDéfilement {overflow: auto; background-color: black; width: 42px;}
.lblPromotion {font-family: arial, sans-serif; font-weight: bold; font-size:20px; color: white; text-align: center;}
.headerImgLeft {position:absolute; top: 10px; left: 10px;}
.headerImgRight {position:absolute; top: 10px; right: 10px;}
.headerAdresse {color: white; font-family: arial, sans-serif; font-size: 15px; padding-top: 4px; padding-bottom: 4px; padding-left: 22px; padding-right: 10px; margin-top: 4px; position: absolute; }
/******************************************************************************/
/*                            Design du pied de page                          */
/******************************************************************************/
.pied {margin-top: 200px; border-top: 1px solid #e7101c; padding: 2px; text-align: center; padding-top: 5px; }
.piedTxt {color: #e7101c; font-family: arial, sans-serif; font-size: 12px;}
.piedTxt:hover {color: white;}
.span {color: white; font-size: 11px; margin-left: 5px; margin-right: 5px;}
/******************************************************************************/
/*                       Design des news qui défilent                         */
/******************************************************************************/
.newsDefilementDate {color: #e7101c; font-size:16px;}
.newsDefilementTexte {color: white; font-size:16px;}
.tabNews {border: 2px solid red; margin-top: 0; margin-left: 30px; width: 650px; font-family: arial, sans-serif; font-size:11px; color: white; height: 100px;}
/******************************************************************************/
/*                        Design de l'affichage des produits                  */
/******************************************************************************/
.tdMenu {width: 100px; vertical-align: top; margin-top:5px;}
.divCorpsDePage {margin-top: 10px; margin-left: 1px;}
.divProduit {width:260px; height: 219px; float: left; margin-left: 1px; margin-top: 5px; vertical-align: top; padding-top: 10px; text-align: center; background-image: url(/images/blanc.png);}
.affichageLibProd {font-family: arial, sans-serif; font-size:14px; color: black; font-weight: bold; text-decoration: none; color:black; text-align: center; }
.divAffichageLibProd {border-bottom: 1px solid #e7101c; margin-left: 20px; margin-right: 20px; height: 35px;}
.affichageLibProd:hover {color: #e7101c;}
.affichagePrixProd {font-family: arial, sans-serif; font-size:15px; color: white; text-decoration: none; float: right; margin-right: 15px; border: 5px solid black; background-color: black;}
.affichagePrixProd:hover {color: #e7101c;}
.affichageImgProd img {max-width:180px; max-height:180px;}
.pagination {color: #e7101c; font-family: arial, sans-serif; font-size:17px; text-align: center; text-decoration: none; clear: left; }
.affichagePrixPromo {font-family: arial, sans-serif; font-size:16px; color: #e7101c; float: right; text-decoration: none; font-weight: bold; border: 5px solid white; margin-right: 5px;}
.affichagePrixPromoNew {font-family: arial, sans-serif; font-size:15px; color: white; text-decoration: none; float: right; margin-right: 25px; border: 5px solid black; background-color: black; text-decoration: line-through;}
.affichagePrixPromoNew:hover {color: #e7101c;}
.imgnew {margin-left: 0px; float:left; height: 48px; width: 48px;}
.AdminLblAuthentification {color:#e7101c; font-family: arial, sans-serif; border-bottom: 1px solid #e7101c; padding-bottom: 10px; margin-top: 0; text-decoration: none; }
.AdminLblAuthentification:hover {color:white;}
.divDescriptionProduit {width: 270px; margin-top: 50px; color:black; font-family: arial, sans-serif; margin-left: 30px; font-size: 14px; border: 1px groove #ffc7c7;}
/******************************************************************************/
/*                        Design de l'affichage des produits                  */
/******************************************************************************/
.divImageHaut {height: 24px; margin-top: 5px; margin-bottom: 0;}
.divFicheProduit {background-color: white; margin-right: 9px; padding-bottom: 10px; margin-top: 0px;}
.divImg {margin-top: 40px; background-color: white;}
.divImg img {max-width: 340px; max-height: 210px;}
.titreProduit {color:#e7101c; font-family: arial, sans-serif; padding-left: 20px; font-size:19px; background-color: white; }
.tableDescription {margin-left: 35px; vertical-align: top;}
.lblDescription {margin-left: 35px; margin-right: 10px; color:white; background-color: black; padding-top: 4px; padding-bottom: 4px; padding-right: 15px; padding-left: 5px; font-family: arial, sans-serif; font-size: 13px;}
.coloneDescriptionCat {text-align: left; font-weight: bold; font-family: arial, sans-serif; font-size: 12px; border-right: 1px solid  #d5d5d1; border-bottom: 1px solid #d5d5d1; background-color: #d5d5d4;}
.coloneDescriptionEqui {text-align: left; font-family: arial, sans-serif; font-size: 12px; border-bottom: 1px solid #d5d5d1; background-color: #eeeeee;}
.lblPrix {margin-left: 35px; margin-right: 0px; color:white; background-color: black; padding-top: 5px; padding-bottom: 4px; padding-right: 15px; padding-left: 5px; font-family: arial, sans-serif; font-size: 13px;}
.lblPrixBarre {margin-left: 35px; margin-right: 0px; color:white; background-color: black; padding-top: 5px; padding-bottom: 4px; padding-right: 15px; padding-left: 5px; font-family: arial, sans-serif; font-size: 13px; text-decoration: line-through;}
.lblPrixPromo {margin-left: 35px; margin-right: 0px; color:red; background-color: black; padding-top: 5px; padding-bottom: 4px; padding-right: 16px; padding-left: 5px; font-family: arial, sans-serif; font-size: 15px; font-weight: bold;}
.prix {margin-left: 35px; margin-right: 0px; background-color: black; padding-top: 5px; padding-bottom: 4px; padding-right: 15px; padding-left: 5px; font-family: arial, sans-serif;}
/*******************************************************************************/
/*                              Horaire                                        */
/*******************************************************************************/
.ImgMag {margin-top:10px; }
.ImgMag img {width: 330px; height: 330px;}
.tdHoraire {vertical-align: top; margin-left: 40px; float:left; width:750px; padding-top: 5px;}
.tdLibHoraire {vertical-align: top; margin-left: 20px; margin-top: 10px; float:left;}
.lblHoraire {color:#e7101c; font-family: arial, sans-serif; border-bottom: 1px solid #e7101c; padding-bottom: 10px; margin-top: 40px; text-decoration: none; }
.lblTexte {color: white; font-family: arial, sans-serif; font-size: 16px; }
.lblTexteRed {color: #e7101c; font-family: arial, sans-serif; font-size: 16px; text-align: center;}
.lblTexteCenter {color: white; font-family: arial, sans-serif; font-size: 16px; text-align: center;}
/*******************************************************************************/
/*                              Contact                                        */
/*******************************************************************************/
.tdContact {width: 800px; vertical-align: top; padding-top: 10px; padding-left: 100px;}
.texteContact {color: white; font-family: arial, sans-serif; font-size: 16px }
.texteRedContact {color: #e7010c; font-family: arial, sans-serif; font-size: 16px }
/******************************************************************************/
.divTop {margin-bottom: 0; height: 8px;}
.divDown {margin-top: -2px; height: 9px; display:inline;}
.lblLiens {color: white; font-family: arial, sans-serif; font-size: 16px; padding-left: 100px;}
.lienTopTeam {color: #e7010c; font-family: arial, sans-serif; font-size: 16px; text-decoration: none;}
.lienTopTeam:hover {color: white; font-family: arial, sans-serif; font-size: 16px;}
.rechercheAcunsResultats {padding-left: 50px; color: white; font-family: arial, sans-serif; font-size: 16px;}
.pagination {color: #e7101c; font-family: arial, sans-serif; font-size:17px; text-align: center; text-decoration: none; }
.pagination:hover {color:white;}
/******************************************************************************/
.listeMarque{text-decoration: none; color:white; font-family: arial, sans-serif;}
.listeMarque:hover{color: #e7101c;}