/* ######################################################################################################################### */
/* ############################################## HEADER ###################################################################  */
/* ######################################################################################################################### */
#top .lienlanguediv,#top .booking,#top .notBooking {float:right}
#top .zoneMag,#top .conteneurLogo {float:left;margin-top:10px}

#top .zoneMag .zoneMagNotBooking {margin-left:90px}

/* logo */
#top .conteneurLogo {padding-left:20px;display:inline}

/* Non connecte */
#top-noconnect {margin-left:12px}
#top-noconnect .bt03 {float:left;margin-top:4px}

/* Connecte */
#top-connect .nomMagasin {float:left;font-size:20px;font-weight:bold;padding:9px 8px 0;height:32px;background-color:#fff;color:#00ADE6}
#top-connect .nomMagasin.lignes2 {padding:0 8px 3px;height:38px;font-size:18px;line-height:20px;width:230px}
#top-connect .partir {list-style-type:none;float:left;margin:8px 0 0 6px}
#top-connect .partir li {font-size:10px}
#top-connect .partir li a {text-decoration:none;font-size:10px}
#top-connect .partir li a:hover {text-decoration:underline}
/* specifites RU et CN */
#top .spec-ru {margin-top:3px}
#top .spec-ru .nomMagasin {height:34px}
#top .spec-ru .lignes2 {height:38px;padding-top:2px}
#top .spec-cn {margin-top:5px}
#top .spec-cn .nomMagasin {height:41px}
#top .spec-cn .lignes2 {height:43px;padding-top:4px}


/* Liens changement de langue */
#top .lienlanguediv {margin:10px 10px 0 0;display:none}
#top .lienlanguediv a {display:block;color:#fff;font-weight:bold;text-decoration:none;padding-top:3px;height:20px;width:30px;text-align:center;background:transparent url(../images/static/bg-btn-langue.gif) no-repeat 0 0}
#top .lienlanguediv a:hover {text-decoration:underline}
#top .lienlanguediv a.without-bg {background:0 none}

#top #julie {float:right;display:none;margin:10px 10px 0 0;}
#top #julie a {display:block;float:left;margin:0 auto;border-style:solid;border-color:#ccc;border-width:0 1px;padding:0 10px;text-align:center;text-decoration:none}
#top #julie a:hover span.texteLienAide {text-decoration:underline}
#top #julie a img {display:inline;width:35px}
#top #julie a span.texte {display:block}
/* ######################################################################################################################### */
/* ########################################## HEADER BOOKING ET NOT-BOOKING ##############################################################  */
/* ######################################################################################################################### */
#booking, #notBooking{float:right;margin-top:10px;padding-right:10px}
#booking .eresa {float:left;margin-right:10px}
#booking .eresa .titre, #notBooking .titre{font-size:18px;line-height:18px;color:#FC8F03}
#booking .eresa .infosEresa{text-align:center}
#booking .eresa .infosEresa span.left{line-height:26px;padding:4px 0 6px 12px;background:transparent url(../images/static/bg-btn-orange-g.gif) left center no-repeat}
#booking .eresa .infosEresa span, #booking .eresa .infosEresa a{color:#fff}
#booking .eresa .infosEresa span.right{padding:4px 15px 6px 0;font-weight:bold;background:transparent url(../images/static/bg-btn-orange-d.gif) right top no-repeat}
#booking .eresa .infosEresa a {text-decoration:none;line-height:26px}
#booking .eresa .infosEresa a:hover{text-decoration:underline}

/* Panier */
#panier {float:left}
#booking .panier {float:left;padding-left:10px;background:transparent url(../images/static/bg-panier-g.gif) left top no-repeat}
#booking a.panier {text-decoration:none;cursor:pointer}
#booking .panier .contenu {float:left;padding-right:10px;background:transparent url(../images/static/bg-panier-d.gif) right top no-repeat}
#booking .panier .contenu .infosPanier {background:transparent url(../images/static/picto-panier.gif) no-repeat scroll left center;float:left;padding:5px 0 0 37px;height:36px;color:#00AEE4}
#booking .panier .contenu .infosPanier .nbArticles {font-weight:bold;font-size:12px}

/* ######################################################################################################################### */
/* ########################################## POPUP INFO PERTE PANIER ############################################### */
/* ######################################################################################################################### */
#popup-pertePanier {position:absolute;width:580px;z-index:99999}
#popup-pertePanier .titre {color:#00aee6;text-align:center;font-size:15px;font-weight:bold;margin-bottom:8px;text-transform:uppercase;padding:10px 0 5px;}
#popup-pertePanier .texte {color:#636363;width:540px}
#popup-pertePanier .texte p {padding:5px 0 5px}
#popup-pertePanier .texte ul {padding-left:15px}
#popup-pertePanier .texte li {margin-bottom:3px}
#popup-pertePanier .boutons {width:250px;margin:12px auto}
#popup-pertePanier .boutons .bt02 {margin:0 15px}

/* ######################################################################################################################### */
/* ########################################## POPUP EXPLICATION SERVICE ERESA ############################################### */
/* ######################################################################################################################### */
#popup-commentcamarche {display:none;top:0; left:0;position:absolute; z-index:9999; width:782px;height:585px;}

#popup-commentcamarche-content .contenu {height:480px;overflow-x:hidden;overflow-y: auto}

#popup-commentcamarche-content .contenu .bloc1{width:230px; float:left; display:inline; padding-right:15px}
#popup-commentcamarche-content .contenu .bloc2{width:235px; float:left; display:inline; margin:0 0 0 15px; padding-right:10px}
#popup-commentcamarche-content .contenu .bloc3{width:220px; float:right; display:inline; margin-left:10px}

#ccm-steps {float:left}
#ccm-steps img {display:inline;padding-top:5px}
#ccm-steps ul.explications {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none;}
#ccm-steps ul.explications li {float:left;width:25px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;font-size:11px;color:#636363;}
#ccm-steps ul.explications li span {text-transform:uppercase;font-weight:bold;}
#ccm-steps ul.explications li.etap-1 {width:224px;}
#ccm-steps ul.explications li.etap-2 {width:231px;}
#ccm-steps ul.explications li.etap-3 {width:216px;}
#ccm-steps .nofloat {clear:both;float:none;}

#popup-commentcamarche-content .descri-etapes{overflow:hidden; width:100%; background:url(../images/static/bg-resa-ht.jpg) no-repeat}
#popup-commentcamarche-content .descri-etapes .contenubas{overflow:hidden; width:100%; background:url(../images/static/bg-resa-bs.jpg) 0 100% no-repeat}
#popup-commentcamarche-content .descri-etapes .contenurepeat{overflow:hidden; width:100%; background:url(../images/static/bg-resa-r.jpg) repeat-y; margin:23px 0}

.etapes{color:#FF8C01; font-size:12px; font-weight:bold; padding:0 10px 15px 0; text-align:center}
.pictostexte{overflow:hidden; position:relative}
.pictostexte img{float:left; display:inline; margin-right:3px; margin-left:5px;}
#popup-commentcamarche-content .pictostexte .textes{float:left; font-weight:bold; font-size:10px; text-align:left; width:150px; padding-right:5px}

#popup-commentcamarche-content .descriptif{clear:both; overflow:hidden; text-align:left; width:219px}
#popup-commentcamarche-content .descriptif p{padding-bottom:10px; font-size:11px; padding:0; margin:0 35px 6px 15px; padding-bottom:1px; line-height:1.1em}
#popup-commentcamarche-content .descriptif_pict {text-align:center}
#popup-commentcamarche-content .descriptif_pict img{display:inline}

#popup-commentcamarche-content a.lien06{ clear: both;float:right;font-size:11px}

#popup-commentcamarche-content .barrebouton{overflow:hidden; position:relative; clear:both; width:700px; padding:0 0 5px 250px}

#popup-commentcamarche-content .propositionmagasin{overflow:hidden; position:relative; width:100%; clear:both; font-size:11px}
#popup-commentcamarche-content .propositionmagasin p{margin-bottom:8px; padding-left:25px}
#popup-commentcamarche-content .propositionmagasin span {color:red;}

#ccm-ctitrepopup img {float:left;padding-top:19px; padding-left:2px;}
#ccm-ctitrepopup p {padding-top:15px;}

#popup-commentcamarche-content .contenu1 .imprimer{color:#008ADA;float:right;padding-left:25px;text-decoration:none;background:url(../images/static/picto-imprimer.gif) no-repeat}

/* ######################################################################################################################### */
/* ############################################## RECAPITULATIF PANIER RESERVATION ########################################## */
/* ######################################################################################################################### */
#ebooking {background-color:#fff;margin:1px 18px 0px 18px;width:944px}
#ebooking #global{background:none;background-color:transparent}

.bloc-bas-resa{position:relative; overflow:hidden; width:890px; margin:10px 25px 0 25px;color:#707070; clear:both;}
.bloc-bas-resa a{color:#707070;float:left}
.bloc-bas-resa p{overflow:hidden; position:relative; clear:both}
.bloc-bas-resa .titreresa{overflow:hidden; color:#009EE0; font-weight:bold; font-size:12px; clear:both}
.bloc-bas-resa .azur span{float:left}
.bloc-bas-resa .azur .ou {float:left}
.bloc-bas-resa .azur .logo{margin:0 5px 0 5px; font-size:9px; width:140px;float:left}
.bloc-bas-resa .azur .logo2{margin:0px; font-size:11px; width:150px;}
.bloc-bas-resa .eb-title{overflow:hidden; color:#009EE0; font-weight:bold; font-size:12px; clear:both}
.bloc-bas-resa .eb-line {margin-bottom:5px;}
.eb-line span {float:left;}
.eb-line #ebStorePhoneNum {float:none;}
.eb-line #ebStorePhoneNum span {float:none;}
.bloc-bas-resa .eb-line .eb-telpicto {width:200px; margin-right:5px;}
.bloc-bas-resa .eb-line-a, .bloc-bas-resa .eb-line-b, .bloc-bas-resa .eb-line-c, .bloc-bas-resa .eb-line-d {float:left;}
.eb-line-c a {float:none;}
.eb-line-d .contact {font-weight:bold;}

#ebooking .help-resa{clear:both;}
#ebooking .help-resa a {text-decoration:none}
#ebooking #ccm-steps ul.explications li.etap-1 {width:290px;}
#ebooking #ccm-steps ul.explications li.etap-2 {width:290px;}
#ebooking #ccm-steps ul.explications li.etap-3 {width:250px;}

/* ######################################################################################################################### */
/* #################################################### HEADER UNIVERS  ############################################## */
/* ######################################################################################################################### */
#menu-navigation {margin:1px 0 0 20px;background:url(../images/static/bg-menu-navigation.gif) right top no-repeat;width:660px;float:left;display:inline}
#menu-navigation a {text-decoration:none}
#menu-navigation  ul {list-style-type:none}

/* BOUTONS */
#menu-navigation  ul.item li.bouton {position:relative;border-right:1px solid #fff;float:left;text-transform:uppercase;font-weight:bold;cursor:pointer;z-index:9997}
#menu-navigation  ul.item li.bouton.over {background:transparent url(../images/static/bg-menu-over.gif) left top repeat-x}
#menu-navigation  ul.item li.bouton a.lien-bouton {height:20px;padding:7px 16px 0 16px;float:left;color:#fff}
#menu-navigation  ul.item li.bouton a.lien-bouton.img {padding:3px 16px}
#menu-navigation  ul.item li.bouton a.lien-bouton .bouton-logo {height:21px}
/* specifites bouton sport */
#menu-navigation  ul.item li.bouton#sport {background-repeat:no-repeat;border:0 none;background-image:url(../images/static/bg-menu-sports.gif)}
#menu-navigation  ul.item li.bouton#sport.over {background-image:url(../images/static/bg-menu-sports-over.gif)}
/* bouton boutique soldes */
#menu-navigation  ul.item li.bouton#shop-sales {background-color:#F18A04}
#menu-navigation  ul.item li.bouton#shop-sales.over {background:#F18A04 none}
#shop-sales, #bouton-promo {display:none}

/* CADRES */
#menu-navigation .haut, #menu-navigation .bas {float:left}
#menu-navigation .haut span, #menu-navigation .bas span {float:left;width:7px;line-height:7px}

#menu-navigation .haut {padding-top:4px;background:transparent url(../images/static/bg-cadre-menu-fleche.gif) 50% 0 no-repeat}
#menu-navigation .haut span.haut-g, #menu-navigation .haut span.haut-d {line-height:8px}
#menu-navigation .haut .haut-g {background:transparent url(../images/static/bg-cadre-menu-h-g.gif) left top no-repeat}
#menu-navigation .haut .haut-d {background:transparent url(../images/static/bg-cadre-menu-h-d.gif) right top no-repeat}
#menu-navigation .haut .milieu-h-d, #menu-navigation .haut .milieu-h-g {border-top:1px solid #C6C6C6;background-color:#fff}
#menu-navigation .haut .milieu-h-g {margin-right:10px}

#menu-navigation .bas .bas-g {background:transparent url(../images/static/bg-cadre-menu-b-g.gif) left bottom no-repeat}
#menu-navigation .bas .bas-d {background:transparent url(../images/static/bg-cadre-menu-b-d.gif) right bottom no-repeat}
#menu-navigation .bas .milieu-b {background-color:#fff;border-bottom:1px solid #DAD9DA}

#menu-navigation .over-cadre {display:none;position:absolute;left:0;margin:21px 0 0 -9px}
#menu-navigation .over-cadre ul {float:left;padding:0 10px;background-color:#fff;border-left:1px solid #DAD9DA;border-right:1px solid #DAD9DA}
#menu-navigation .over-cadre ul li {margin-top:2px}
#menu-navigation .over-cadre ul li a {display:block;background:url(../images/static/bg-puce-gris.gif) 0 1px no-repeat;text-transform:none;font-weight:normal;padding:0 5px 0 8px;}
#menu-navigation .over-cadre ul li a:hover {color:#00a7e5;background:transparent url(../images/static/bg-puce-bleu.gif) 0 1px no-repeat}

/* cadre des sports */
#menu-navigation #cadre-sport {padding-top:13px;width:959px;border:0 none;background:transparent url(../images/static/bg-cadre-sport-h.gif) left top no-repeat}
#cadre-sport .contenu {width:933px;float:left;padding:5px 13px 10px;background:transparent url(../images/static/bg-cadre-sport-b.gif) left bottom no-repeat}
#menu-navigation #cadre-sport .contenu ul {padding:0;border:0 none}
#cadre-sport .contenu .ligne {float:left;margin-top:10px;background:transparent url(../images/static/bg-ligne-sport.gif) left bottom repeat-y}
#cadre-sport .contenu .ligne.premiere {margin-top:0}
#cadre-sport .contenu .ligne li.colonne {float:left;width:106px;margin:5px 0 10px;padding-left:10px;overflow:hidden}
#cadre-sport .contenu .ligne li.colonne span {font-size:20px}
#cadre-sport .contenu .ligne li.colonne ul {float:none;margin-top:5px}

/* ######################################################################################################################### */
/* #################################################### MOTEUR DE RECHERCHE  ############################################## */
/* ######################################################################################################################### */
#bandeaurecherche {height:29px;width:273px;margin-left:10px;float:left;background:transparent url(../images/static/bg-moteur-recherche.gif) left top no-repeat}
#bandeaurecherche input{float:right}
#bandeaurecherche form input.recherche{font-size:11px;color:#474747;margin:6px 4px 0 0;width:200px;padding:2px 0;border:0 none}
#bandeaurecherche form .but{height:22px;width:32px;margin:3px 4px 0 0}

#preSearch {width:175px;background-color:transparent;color:#048CC8;font-size:12px;display:none;position:absolute;margin-top:29px;margin-left:29px;}
#preSearchHeader {height:3px;font-size:1px;}
#preSearchTab {border:1px solid #9d9d9d;background-color:white;}
.preSearchClose {height:12px;border-top:1px solid #9d9d9d;background-color:#F9F9F9;font-size:2px;}
.preSearchClose a {float:right;height:12px;width:12px;text-decoration:none;background:url(../images/static/picto-fermer-off.gif) no-repeat;}
.preSearchClose a:hover{background:url(../images/static/picto-fermer-on.gif) no-repeat}
#preSearchList {}
#preSearchList ul {list-style-type:none;margin:5px;}
#preSearchList li {line-height:15px;}
#preSearchList a {display:block;color:#048CC8;font-size:12px;text-decoration:none;border:2px solid white;}
#preSearchList a:hover {text-decoration:none;background-color:#e8e4e4;}
#preSearchList strong {color:black;}

/* ######################################################################################################################### */
/* #################################################### CONTENU DE LA PAGE  ################################################# */
/* ######################################################################################################################### */
#bandeau-haut{height:37px}
#middle-content{margin:4px 20px 0;overflow:hidden;width:940px}
#middle-content.middle-content-full {margin:0;width:980px}
#middle-left{float:left;}
#middle-right{float:right;}

#filter{position:absolute;display:none;top:0;left:0px;width:auto;height:auto;background:#013558;z-index:9998;}

/* ######################################################################################################################### */
/* #################################################### POPUP CONNEXION MAGASIN  ########################################### */
/* ######################################################################################################################### */

#filter_frame{position:absolute;display:none;top:0;left:0; z-index:9999; width:480px; height:273px; background-color:transparent;background-image:none;}
#storeConnexion-body {background-color:transparent;background-image:none;}
#storeConnexion-body img {display:inline;}
div.popup-magasin {position:absolute;top:0px;left:0;width:480px;z-index:100;}

div.popup-magasin div.entete {width:480px;height:77px;background:transparent url(../images/static/popup-mag-back-h.gif) no-repeat left top;}
div.popup-magasin div.entete div.fermer {float:right;margin-right:6px;display:inline;}
div.popup-magasin div.entete div.fermer p a {color:#fff;text-transform:uppercase;text-decoration:none;font-weight:bold;}
div.popup-magasin div.entete div.fermer p a:hover {text-decoration:underline;}
div.popup-magasin div.entete div.texte {float:left;margin:15px 0 0 110px;display:inline}
div.popup-magasin div.entete div.texte p {color:#fff;text-transform:uppercase;font-weight:bold;font-size:14px;width:335px;}

div.popup-magasin div.formulaire {width:480px;padding:7px 0 25px;background:transparent url(../images/static/popup-mag-back-b.gif) no-repeat left bottom;}
div.popup-magasin div.formulaire form {width:300px;padding-left:110px;}
div.popup-magasin div.formulaire form fieldset {margin-top:8px;border:0px;}
div.popup-magasin div.formulaire form fieldset p.intro {color:#636363;font-weight:bold;}
div.popup-magasin div.formulaire form fieldset label {float:left;width:120px;margin-top:3px;color:#636363;}
div.popup-magasin div.formulaire form fieldset label.checkbox {width:auto;margin:0 0 0 5px;}
div.popup-magasin div.formulaire form fieldset select {float:left;width:160px;font-size:11px;}
div.popup-magasin div.formulaire form fieldset select#listeIdCatMagasins {display:none;}
div.popup-magasin div.formulaire form fieldset input {float:left;font-size:11px;}
div.popup-magasin div.formulaire form fieldset input#checkb {height:15px;width:13px;}
div.popup-magasin div.formulaire form fieldset div#rememberme {display:none;width:290px;float:left;margin-top:5px}
div.popup-magasin div.formulaire form fieldset div#rememberme div {float:left;width:30px;}
div.popup-magasin div.formulaire form fieldset div.bt02 {display:inline;margin:8px 0 0 55px;}

/* ######################################################################################################################### */
/* ############################################### BOTTOM LINKS ############################################################# */
/* ######################################################################################################################### */

.contenu-bottom-links {float:left;padding:10px 0;border-top:1px solid #dcdddd;border-bottom:1px solid #dcdddd;background:transparent url(../images/static/bg-bottom-links.gif) repeat-x left top}
.contenu-bottom-links ul {list-style-type:none}
.bottomLinks {float:left;width:980px;background:transparent url(../images/static/bg-bottom-links1.gif) no-repeat left top}
.bottomLinks li {float:left;background-repeat:no-repeat;background-color:transparent;background-position:center top;margin-top:8px;padding:0 4px 0 4px;width:102px;text-align:center}
.bottomLinks li .conteneur-img {height:42px}
.bottomLinks li .conteneur-img a:hover {text-decoration:none;}
.bottomLinks img {display:inline}
.bottomLinks li a {text-decoration:none}
.bottomLinks li a:hover {text-decoration:underline}
.bottomLinks li ul li {margin:0;padding:0;width:auto;float:none}
.bottomLinks li ul li a {padding-left:8px;background:transparent url(../images/static/bg-puce-gris.gif) no-repeat left top}
.bottomLinks li ul li a img {padding:0 5px 2px 0;width:17px;vertical-align:middle}

.bottomLinks li.bloc-1 {margin-left:42px;width:175px;display:inline}
.bottomLinks li.bloc-6 {width:108px}
.bottomLinks li.bloc-7 {width:147px}
.bottomLinks li.bloc-7 ul li {text-align:left}

.bottomLinks li.our-stores p.conteneur-img {float:left;width:75px;}
.bottomLinks li.our-stores p.conteneur-img img{width:75px;}
.bottomLinks li.our-stores p.titre {font-weight:bold;color:#1197CE;text-transform:uppercase;float:right;width:95px;text-align:left;}
.bottomLinks li.our-stores ul {float:right;width:95px;}
.bottomLinks li.our-stores ul li {text-align:left;}

.bottomLinks li#storeContact {display:none;}

/* Agent virtuel */
body #dydu_popin {position:fixed !important;position:absolute}
/* ######################################################################################################################### */
/* ########################################################## FOOTER ####################################################### */	
/* ######################################################################################################################### */
#footer {margin-top:20px;padding-bottom:15px;text-align:center;list-style-type:none}
#footer a {color:#9C9C9C;text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer li {color:#9C9C9C;display:inline}
#footer li img {display: inline}
#footerTxt {margin:-15px 10px 15px 10px;text-align:center;color:#9C9C9C;}

/* ######################################################################################################################### */
/* ########################################################## FIL ARIANE ####################################################### */	
/* ######################################################################################################################### */
.fil-ariane ul {list-style-type:none}
.fil-ariane ul li {display:inline;margin-right:4px}
.fil-ariane ul li a, .fil-ariane ul li {color:#777}
.fil-ariane h1, .fil-ariane .titre-page {float:left;display:inline;font-size:22px;font-weight:bold;color:#0192cb;margin:5px 10px 0 22px}
.fil-ariane .entrez-magasin {float:right;display:none;}

/* ######################################################################################################################### */
/* ########################################################## ZONE ANIMATION ############################################# */	
/* ######################################################################################################################### */
.animationFlash {float:left;margin : 0}
.animationImage {float:left;margin : 0 2px;display:inline}

/* ######################################################################################################################### */
/* ############################################################ POPUP STD  ################################################## */
/* ######################################################################################################################### */
#popup-std {position:absolute;left:0px;top:0px;background-color:white;z-index:99999;display:none;}
.popup-stdClose {font-size:2px;}
.popup-stdClose  a {float:right;height:15px;width:85px;text-decoration:none;background:url(../images/static/bg-fermer.gif) no-repeat;}
.popup-stdClose a:hover{background:url(../images/static/bg-fermer-on.gif) no-repeat}