/* ######################################################################################################################## */
/* ############################################ HOMEPAGE MAGASIN ########################################################## */
/* ######################################################################################################################## */
.hautpagefull h1{position:relative; overflow:hidden; margin:0; display:block}
.hautpagefull .intromagasin{position:relative; overflow:hidden; clear:both; width:100%; padding-top:10px}
.hautpagefull .intromagasin .visumag{float:left; display:inline;}
.hautpagefull .intromagasin .texte{float:left; display:inline; width:450px; font-size:12px; margin-left:23px; font-weight:bold; color:#414141; line-height:1.5em}
.puce01{background:url(../images/static/bg-fleche05.gif) no-repeat 0 0.35em;padding:0 0 0 15px; }


.hpmag-box {width:881px;margin-left:25px;margin-top:10px;background-color:#FFFFFF;}
.hpmag-boxhaut {background:url(../images/static/bg-encart-liste-res-a.gif) 0 0 no-repeat;}
.hpmag-boxbas {background:url(../images/static/bg-encart-liste-res3-a.gif) 0 100% no-repeat;}

#votremagasin{position:relative; overflow:hidden; width:100%}
#votremagasin .bloctexte{position:relative; overflow:hidden; float:left; display:inline; width:150px; width:460px; padding:60px 0 0 40px; font-size:13px; color:#333}
#votremagasin .bloctexte select{width:220px; font-size:11px; color:#7F7F7F}
#votremagasin .bloctexte a{color:#009EE0; text-decoration:none}
#votremagasin .bloctexte a:hover{text-decoration:underline}
#votremagasin .bloctexte .gpsLink{font-size:16px;font-weight:bold}

#votremagasin .infoconseillers{overflow:hidden; width:100%; position:relative; background:url(../images/static/bg-separ-carte.gif) no-repeat; padding:20px 0}
#votremagasin .textinfoconseil{color:#009EE0; font-size:12px; }

#visu-carte{width:368px; height:304px; overflow:hidden; float:left; margin:2px 3px 0 0 ; display:inline;}
#ville{color:#3398c4;font:bold 14px Arial,Helvetica,sans-serif;text-align:center;width:305px;padding-left: 30px}

/* ######################################################################################################################## */
/* ############################################ HOMEPAGE MARQUE ########################################################### */
/* ######################################################################################################################## */
/* Flash */
#flash-brandHP {width:935px;margin-left:23px;}
#flash-brandHP .no-flash {margin:10px  0;}
/* Zone animation basse */
.tg01_marque{overflow:hidden;padding-bottom:5px;float:left;width:934px;margin-left:24px;display:inline}
.tg01_marque_contenu{width:777px;margin-left:20px;float:left;display:inline}

/* Lien voir tous les produits */
.tg01_marque .voirproduits{overflow:hidden; position:relative; text-align:center; clear:both; margin-bottom:5px; padding-top:5px;position:relative; width:100%;background: url(../images/static/bg-a-voir-aussi2.jpg) 50% 60% repeat-x}
.tg01_marque .voirproduits a{position:relative; color:#fff; text-decoration:none; z-index:8; font-weight:bold; font-size:11px; padding:0 10px}
.tg01_marque .voirproduits a:hover{text-decoration:underline}

/* Lien videos et plus d infos */
.blocdroite{position:relative; float:left; width:133px; overflow:hidden}
.videos{overflow:hidden; position:relative; height:85px}
.videos *{color:#fff}
.videos .contenuvideo{margin:13px 0 0 30px}
.videos .marque{font-weight:bold; font-size:14px; display:block;text-decoration:none}
.videos .liens2{overflow:hidden}
.videos .lienvideos01{display:block; margin:7px 0 0 32px; padding:0; font-size:10px}
.lienvideos02{background:url(../images/static/bg-g.gif) 0 2px no-repeat;padding-left:12px;margin:5px 0 0 0}
.lienvideos02 a{display:block; overflow:hidden;position:relative; clear:both; color:#fff; font-size:10px;text-decoration:none}

.descriptif-marque {clear:both;width:934px;background:transparent url(../images/static/bg-cadre-934-h.gif) no-repeat left top;padding-top:10px;margin:10px auto 0}
.descriptif-marque .contenu {padding:0 10px 10px;background:transparent url(../images/static/bg-cadre-934-b.gif) no-repeat left bottom}

/* ######################################################################################################################## */
/* ############################################ HOMEPAGE FICHE CONSEILS ################################################### */
/* ######################################################################################################################## */
#conseil #middle-right {padding:5px;}

/* ######################################################################################################################## */
/* ################################################### FORMAT PAGE STANDARD *############################################## */
/* ######################################################################################################################## */
.pagestd-desc {clear:both;height:20px;}

#pagestd {position:relative;width:881px;clear:both;background-color:white;margin-left:30px;}
#pagestd .pagestd-haut {overflow:hidden; position:relative;width:881px;  padding:0; background:url(../images/static/bg-encart-liste-res-a.gif) 0 0 no-repeat;}
#pagestd .pagestd-bas {position:relative;width:881px; padding:0; background:url(../images/static/bg-encart-liste-res3-a.gif) 0 100% no-repeat;}
#pagestd .pagestd-liste{width:875px; overflow:hidden}

/* ######################################################################################################################## */
/* ################################################### SERVICES ########################################################### */
/* ######################################################################################################################## */

/* Liste des services */
#bloc-services{overflow:hidden; margin:25px 0 10px 0}
#bloc-services .listeservices{float:left; display:inline; width:292px; padding-left:30px; line-height:0.9em}
#bloc-services .listeservices a{display:block;clear:both;float:left;margin-bottom:10px;width:250px;color:#333333; background:url(../images/static/bg-fleche.gif) 0 4px no-repeat; padding-left:15px;font-size:13px; text-decoration:none; font-weight:bold;cursor:pointer}
#bloc-services .listeservices a:hover, #bloc-services .listeservices a.actif{color:#009EE0}
#bloc-services .listeservices img {float:left}
#bloc-services .listeservices span {display:inline;float:left;margin-left:10px;line-height:14pt}

/* Descriptif du service */
#bloc-services .contenuservice{width:542px; float:left; display:inline; font-size:10px}
#bloc-services .contenuservice .motifhaut{overflow:hidden; position:relative; background:url(../images/static/bg-services-top.jpg) 0 0 no-repeat; padding:35px 0 0 0; width:542px}
#bloc-services .contenuservice .titre{margin-top:-35px; font-size:14px; color:#009ee0; font-weight:bold; margin-left:26px}
#bloc-services .contenuservice .separ{overflow:hidden; background:url(../images/static/bg-services-separ.jpg) no-repeat; height:2px; margin:0 0 15px 26px}
#bloc-services .contenuservice .motifbas{overflow:hidden;  position:relative; background:url(../images/static/bg-services-bottom.jpg) 0 100% no-repeat; padding:0 0 30px 26px; width:526px}
#bloc-services .contenuservice .annonce{overflow:hidden; width:450px; font-size:16px; font-weight:bold}
#bloc-services .contenuservice .detail{width:96%; overflow:hidden; clear:both; font-size:12px; margin-top:15px; color:#414141}
#bloc-services .contenuservice .detail p{padding-bottom:10px}
#bloc-services .contenuservice .detail .img-droite{float:right; display:inline; margin-right:15px}								
#bloc-services .contenuservice .detail .img-gauche{float:left; margin-right:10px}
#bloc-services .contenuservice .detail .lienservice{color:#009EE0; background:url(../images/static/bg-fleche.gif) 0 5px no-repeat; padding-left:15px;}
#bloc-services .contenuservice .plusinfos{overflow:hidden; clear:both; padding-top:4px}
#bloc-services .contenuservice .plusinfos.droite{text-align:right;padding-right:15px}

/* ######################################################################################################################## */
/* ################################################ PLAN DU SITE ########################################################### */
/* ######################################################################################################################## */
#pagestd-liste.map #bloc-map{margin:15px 0 20px 0}

.plandusite{width:860px;margin:10px}
.plandusite div{position:relative; overflow:hidden; width:280px;float:left}
.plandusite div dl{overflow:hidden; float:left; display:inline; width:280px}
.plandusite div dt a{color:#009EE0;text-decoration:none; font-weight:bold; font-size:16px}
.plandusite div dt a:hover{text-decoration:underline}
.plandusite div dd a{display:block; background:url(../images/static/bg-fleche02off.gif) no-repeat 0 3px; padding-left:15px; color:#818181; font-size:12px; text-decoration:none; margin-bottom:3px}
.plandusite div dd a:hover{text-decoration:underline}
.plandusite .separ{position:relative; overflow:hidden; display:block; height:1px; border-top:1px solid #CCD0CF; clear:both; margin:10px 5px 10px 0; }
.plandusite .titrelong{background:#49BDE4; font-weight:bold; text-align:center; font-size:12px; padding:5px 0; color:#fff;clear:both}

/* ######################################################################################################################## */
/* ############################################### AUTRES SITES ########################################################### */
/* ######################################################################################################################## */

.autressites {margin:15px;padding-bottom:15px;}

.autressites .bloclien01{overflow:hidden; width:930px}
.autressites .bloclien01 p{width:250px; float:left; display:inline}
.autressites a:hover{text-decoration:underline}


.autressites h2{clear:both;color:#0192CB; font-size:16px; font-weight:bold}


.autressites .lienfleche01{display:block;background:url(../images/static/bg-fleche02off.gif) no-repeat 0 3px; padding-left:15px; margin-left:10px;color:#818181; font-size:12px; text-decoration:none}
.autressites .bloctypesite{overflow:hidden}
.autressites .bloctypesite a {color:#818181; text-decoration:none}
.autressites .bloctypesite a:hover {text-decoration:underline}
.autressites .bloctypesite p{float:left; display:inline; width:395px;margin-bottom:5px}
.autressites .bloctypesite p a img{display:inline; margin-right:5px}


.autressites .retourhaut {clear:both;float:right; overflow:hidden; position:relative; display:block; font-size:11px; padding:0 0 0 12px; background:url(../images/static/bg-puce06.gif) 0 4px no-repeat;font-weight:bold;color:#0192CB;text-decoration:none}
.autressites .retourhaut:hover{text-decoration:underline;color:#5fcbe7}
/* ######################################################################################################################## */
/* ################################################ CONTENU SPORT ######################################################## */
/* ######################################################################################################################## */
/* Grand titre */
.titrecontent{overflow:hidden; z-index:999; overflow:hidden; width:885px}
.titrecontent h1{color:#009EE0; font-size:24px}

/* Liste des contenus sportifs */ 
#pagecontent {position:relative;width:890px}
#pagecontent .encart-zone-content {overflow:hidden; position:relative;width:881px;  padding:0; background:url(../images/static/bg-encart-liste-res-a.gif) 0 0 no-repeat;margin:10px 0 0 0;background-color:#fff}
#pagecontent .encart-zone-content2 {position:relative;width:881px; padding:0 0 10px 0; background:url(../images/static/bg-encart-liste-res3-a.gif) 0 100% no-repeat; margin-bottom:15px}
#pagecontent .liste-content{width:875px; overflow:hidden}
#bloc-content{overflow:hidden; margin:25px 0 10px 0}
#bloc-content .listecontent{float:left; display:inline; width:292px; padding-left:30px;}
#bloc-content .listecontent a{display:block;clear:both;float:left;margin-bottom:10px;width:250px;color:#333333; background:url(../images/static/bg-fleche.gif) 0 4px no-repeat; padding-left:15px;font-size:13px; text-decoration:none; font-weight:bold;cursor:pointer}
#bloc-content .listecontent a:hover, #bloc-content .listecontent a.actif{color:#009EE0}
#bloc-content .listecontent img {float:left}
#bloc-content .listecontent span {display:inline;float:left;margin-left:10px}

/* Descriptif du contenu sportif */
#bloc-content .contenucontent{width:542px; float:left; display:inline; font-size:10px}
#bloc-content .contenucontent .motifhaut{overflow:hidden; position:relative; background:url(../images/static/bg-services-top.jpg) 0 0 no-repeat; padding:35px 0 0 0; width:542px}
#bloc-content .contenucontent .titre{margin-top:-35px; font-size:14px; color:#009ee0; font-weight:bold; margin-left:26px}
#bloc-content .contenucontent .separ{overflow:hidden; background:url(../images/static/bg-services-separ.jpg) no-repeat; height:2px; margin:5px 0 15px 26px}
#bloc-content .contenucontent .motifbas{overflow:hidden;  position:relative; background:url(../images/static/bg-services-bottom.jpg) 0 100% no-repeat; padding:0 0 30px 26px; width:526px}
#bloc-content .contenucontent .annonce{overflow:hidden; width:450px; font-size:16px; font-weight:bold}
#bloc-content .contenucontent .detail{width:96%; overflow:hidden; clear:both; font-size:12px; margin-top:15px; color:#414141}
#bloc-content .contenucontent .detail p{padding-bottom:10px}
#bloc-content .contenucontent .detail .img-droite{float:right; display:inline; margin-right:15px}								
#bloc-content .contenucontent .detail .img-gauche{float:left; margin-right:10px}
#bloc-content .contenucontent .detail .liencontent{color:#009EE0; background:url(../images/static/bg-fleche.gif) 0 5px no-repeat; padding-left:15px;}
#bloc-content .contenucontent .plusinfos{overflow:hidden; clear:both; padding-top:4px}
#bloc-content .contenucontent .plusinfos.droite{text-align:right;padding-right:15px}


/* ######################################################################################################################## */
/* ######################################## CATALOGUES PRODUITS ########################################################### */
/* ######################################################################################################################## */
.catalogues{font-size:12px; color:#818181; margin:15px;padding-bottom:15px}
/* Liste univers */
.catalogues .bloclien01{overflow:hidden; width:930px}
.catalogues .bloclien01 p{width:250px; float:left; display:inline}
.catalogues a:hover{text-decoration:underline}
.catalogues .lienfleche01{background:url(../images/static/bg-fleche02off.gif) no-repeat 0 3px; padding-left:15px; color:#818181; font-size:12px; text-decoration:none}

/* Liste catalogues */
.catalogues h2{clear:both;color:#0192CB; font-size:16px; font-weight:bold; margin:5px 0}
.catalogues .bloclien02 a{text-decoration:none; color:#0192CB; font-weight:bold}
.catalogues .bloclien02 a:hover{color:#5fcbe7}
.catalogues .bloclien02 img{text-decoration:none; vertical-align:middle; margin:10px auto}
.catalogues .bloclien02 p{margin-bottom:10px;display:block;float:left;width:200px;text-align:center}

/* Retour haut */
.separcatalogues{clear:both;border-top:1px solid #53C4F0}
.catalogues .retourhaut{clear:both; float:right; overflow:hidden; position:relative; display:block; font-size:11px; padding:0 0 0 12px;background:url(../images/static/bg-puce06.gif) 0 4px no-repeat;color:#0192CB;text-decoration:none}
.catalogues .retourhaut:hover{text-decoration:underline;}

/* ######################################################################################################################## */
/* ############################################### MENTIONS LEGALES ####################################################### */
/* ######################################################################################################################## */
/* Popup */
#popup-legal-notice {display:block;float:left;width:740px;background:url(); background-color:#FFFFFF;margin-left:20px}
/* Lien fermer */
#popup-legal-notice .btfermerpopup {position:relative;float:right;}

/* Imprimer */
#popup-legal-notice .imprimer {clear:both;float:right;background: url("../images/static/picto-imprimer.gif") no-repeat scroll 0 0 transparent;color:#008ADA;padding-left:25px;text-decoration:none;}

/* Contenu popup */
#legal-notice {display:block;float:left;padding:20px 20px 0 20px}
/* Logo et titre */
#legal-notice img {float:left}
#legal-notice .titre{clear:both;display:block;float:left;margin:10px 0;padding:0}
#legal-notice .titre h1{color:#009EE0; font-size:24px}
/* Contenu general */
#legal-notice .contenu-legal-notice{clear:both;display:block;float:left;margin-top:10px;font-size:12px;width:700px}
/* Contenu document */
#legal-notice .contenu-document{clear:both;display:block;float:left;padding-bottom:10px;width:100%}
#legal-notice .titre-contenu{float:left;background-color:#009EE0; color:#FFFFFF;font-size:14px;font-weight:bold;width:100%;height:20px;margin-bottom:10px}
#legal-notice .body-contenu{clear:both;display:block;float:left;text-align:left;width:100%}
/* Liens */
#legal-notice a {color:#009EE0;font-weight:bold;text-decoration:none}
#legal-notice .lien-legal-notice {clear:both;display:block;float:left;width:100%;text-align:left}

/* ######################################################################################################################## */
/* ################################################### FIN DE COLLECTION ################################################## */
/* ######################################################################################################################## */
.titreFDC{float:left; color:#ffffff; margin-top:10px;}
.mentions-haut{width:43px;height:50px;float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; }
.mentions-haut-bis {float:right;}
.mention-haut-bis div{padding-top:10px;font-size:20px;}
.mentions { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background-color:#61CBE6;width:43px;float:left;height:300px; }
.mentionCorps1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; padding-top:5px; padding-left:3px;background-color:#FFFFFF;width:517px;float:left;height:300px;}
.mentionImg { float:right; margin-left:20px; }

/* ######################################################################################################################## */
/* ####################################################### POPUP HP ####################################################### */
/* ######################################################################################################################## */
.popup-hp { background-color: #00A6E9;border: 0px #009EE0 solid;height: 100%}
.popup-hp div { text-align:center; width:100%}
.popup-hp p#body1 {color:#FFFFFF; font-size: 24px; font-weight:bold}
.popup-hp p#body2, .popup-hp p#body3 {color:#FFFFFF; font-weight:bold}
.popup-hp img {margin-top: 5px; margin-bottom: 5px}
.popup-hp a{ color:#FFFFFF}

.popup-hp-fs { background-color: #00A6E9;border: 0px #009EE0 solid;height: 100%}
.popup-hp-fs div { text-align:center; width:100%}

/* ############################################################################################### */
/* ################################### POPUP STANDARD  ########################################### */
/* ############################################################################################### */
#popup_standard {width:530px;margin:0 10px 0 10px;text-align:justify;}
#popup_standard .header {margin:5px 0 5px 0;}
#popup_standard .content {margin:0;}
#popup_standard .content .top {background-image:url(../images/static/bg-popup-top.gif);background-position:bottom;background-repeat:no-repeat;margin:0;height:10px;font-size:5px;}
#popup_standard .content .bottom {background-image:url(../images/static/bg-popup-bottom.gif);background-position:top;background-repeat:no-repeat;margin:0;height:10px;font-size:5px;}
#popup_standard .content .middle {font-size:12px;background-image:url(../images/static/bg-popup-middle.gif);background-repeat:repeat-y;height:320px;padding:0 10px 0 10px;}
#popup_standard .content .middle h1{margin-bottom:20px;font-size:16px;height:1px;}
#popup_standard .content .middle #popup_standard_btns {margin-top:20px;}

/* ############################################################################################### */
/* ################################### CHECK POSTCODE  ########################################## */
/* ############################################################################################### */
#cpc-content {padding:20px;}
#cpc-content img.ambience {float:right;}
#cpc-content h1 {color:#0192CB;font-size:22px;font-weight:bold;margin-bottom:20px;}
#cpc-content p {color:black;font-size:13px;}

#cpc-form {margin-top:20px;}
#cpc-form #postcode {border:1px solid #8EB1BC;color:#A59C9C;font-size:13px;margin-right:20px;}
#cpc-form .submit {color:black;}

#cpc-response {margin-top:20px;}

#cpc-response ul {margin-top:20px;}
#cpc-response li {font-size:13px;list-style-type:none;}
#cpc-response li a {color:#33ADDA;}
#cpc-no-store {display:none;}
#cpc-no-store a {font-size:12px;}

/* ############################################################################################### */
/* ################################### OXYLANE COMMENTS ######################################### */
/* ############################################################################################### */

#oxylane-comments {width:920px;padding:10px;background-color:white;}

#oxy-fichep {margin-left:103px;}
#oxy-fichep * {font-family:arial;}

#oxy-fichep #oPict {float:left;width:140px;}
#oxy-fichep #oPict p{text-align:center;}

#oxy-fichep #oDesc{float:left;width:540px; margin-left:29px;}
#oxy-fichep .bPicto {float:left;}
#oxy-fichep .bTitle {float:left;margin-left:8px;}
#oxy-fichep .bTitle h1 {color:#0192CB;font-size:24px;font-weight:bold;text-transform:uppercase;}
#oxy-fichep .bTitle span {color:#737373;font-size:9px;float:left;}
#oxy-fichep .for {border-top:1px solid #EDEDED;font-size:13px;font-weight:bold;overflow:hidden;padding:10px 0 10px 0; width:100%;clear:both;}

#oxy-cmts {clear:both;}

#oxy-liens {float:right;margin:20px 20px 0 0;}
#oxy-liens a {font-size:12px;font-weight:bold;color:#0192CB;}

#oc-infos {height:42px;background-color:#e6e6e6;}
#oc-infos *{font-weight:bold;}
#oc-infos .stars {float:left;width:85px;height:16px;background-color:white;padding:3px;margin:10px;}
#oc-infos .stars img {float:left;}
#oc-infos .note {float:left;margin-top:10px;}
#oc-infos .note * {font-family:Arial,Verdana,Helvetica,sans-serif;font-weight:bold;float:left;padding:3px;}
#oc-infos .note .score {background-color:white;height:16px;color:#0192CB}
#oc-infos .note .number{margin-left:10px;color:#605C5C}
#oc-infos .send {float:right;margin:12px;}
#oc-infos .send a {font-size:12px;color:#0192CB;}

#oc-recommandation {height:15px;font-size:12px;color:#605C5C;padding:5px;font-weight:bold;}

#oxy-cmts .comment {clear:both;margin-bottom:5px;}

#oxy-cmts .revHeader {background-image:url(../images/static/bg-oxy-arrondi-haut-gris.gif);background-repeat:no-repeat;background-position:right;}
#oxy-cmts .resume {height:25px;}
#oxy-cmts .resume * {font-size:13px;font-weight:bold;padding-top:3px;color:#605C5C;} 
#oxy-cmts .resume .score {float:left;height:20px;width:45px;color:#0192CB;font-size:12px;padding-top:3px;padding-left:3px;background-image:url(../images/static/bg-oxy-plaque-note.gif);background-repeat:no-repeat;}

#oxy-cmts .infos {height:20px;font-size:10px;color:#A5A5A6;}
#oxy-cmts .infos p span{color:#E32119;} 

#oxy-cmts .hints {height:25px;}
#oxy-cmts .hints * {font-size:11px;font-weight:bold;color:#605C5C;}
#oxy-cmts .hints .hint {float:left;width:450px;}
#oxy-cmts .hints .hint img {float:left;margin-right:10px}

#oxy-cmts .cmt {height:50px;margin-top:10px;}
#oxy-cmts .cmt * {font-size:11px;}
#oxy-cmts .cmt .cmtQuoteLeft {background-image:url(../images/static/bg-oxy-guillemets-g-gris.gif);background-repeat:no-repeat;background-position:top left;}
#oxy-cmts .cmt .cmtQuoteRight {background-image:url(../images/static/bg-oxy-guillemets-d-gris.gif);background-repeat:no-repeat;background-position:bottom right;margin-left:20px;}

#oxy-cmts .cmtResp  {background-color:#f6f4f4;margin-top:10px;margin-bottom:10px;}
#oxy-cmts .cmtResp * {font-size:11px;}
#oxy-cmts .cmtResp .cmtRespTitle {font-weight:bold;}

#oxy-cmts .revFooter {background-image:url(../images/static/bg-oxy-arrondi-bas-gris.gif);background-repeat:no-repeat;background-position:left;height:45px;}

#oc-none {font-size:16px;font-weight:bold;text-align:center;}

#oxy-partner {height:25px;text-align:center;font-size:11px;}
#oxy-partner img {display:inline;}
