/* CALL TYPO DIN *****  font-family:'dinbold';  *****/
@font-face { font-family: 'dinbold'; src: url('ff_din_bold-webfont.eot'); src: url('ff_din_bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('ff_din_bold-webfont.woff') format('woff'), url('ff_din_bold-webfont.ttf') format('truetype'), url('ff_din_bold-webfont.svg#dinbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'dincond'; src: url('ff_din_condensed_regular_0-webfont.eot'); src: url('ff_din_condensed_regular_0-webfontd41d.eot?#iefix') format('embedded-opentype'), url('ff_din_condensed_regular_0-webfont.woff') format('woff'), url('ff_din_condensed_regular_0-webfont.ttf') format('truetype'), url('ff_din_condensed_regular_0-webfont.svg#dincond-regularregular') format('svg'); font-weight: normal; font-style: normal; }

/* SMOOTH RESPONSIVE */
/**.tr, **/.div5 a, #BoxWhite a, #BoxFlag a, #BoxGrey a.boxpicto, #BoxGrey a b, input#valid_newsletter, .facebook-footer, .twitter-footer, .googleplus-footer, .youtube-footer  { -webkit-transition:all 0.35s ease-out; -chrome-transition:all 0.35s ease-out; -khtml-transition:all 0.35s ease-out; -moz-transition:all 0.35s ease-out; -ms-transition:all 0.35s ease-out; -o-transition:all 0.35s ease-out; transition:all 0.35s ease-out; }


/* FOOTER DECATHLON */
#footer, #footer div.footer { padding:0 !important; margin:0; }
#BoxFooter { width:100%; height:auto; display:block; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
.insideP { max-width:1024px; height:auto; display:block; margin:0 auto; }
/**#BoxFooter .ui-btn-inner {display:none }
**/
/* Grey Zone */
#BoxGrey { display:block; padding:20px 0; background:#eeeeee; }
.div3 { display:block; width:33%; float:left; background:url('../images/sprites-footer-090714.png') -239px 0 no-repeat; min-height:100px; text-align:center; }
.sepaEnd { width:1%; min-height:100px; display:block; float:left; background:url('../images/sprites-footer-090714.png') -239px 0 no-repeat; }
#BoxGrey a { text-decoration:none; color:#686868; font-size:12px; line-height:17px; display:block; }
#BoxGrey a b { font-family:dincond, arial; font-size:28px; color:#191919; font-weight:100; display:block; margin:0 0 8px; }
#BoxGrey a:hover b { color:#0083c1; }
.boxpicto { width:44px; height:34px; display:block; margin:0 auto 10px; background:url('../images/sprites-footer-090714.png') 0 0 no-repeat;  }
.iconlivraison { background-position:4px -60px; }
.iconretour { background-position:-43px -60px; }
.iconpaiement { background-position:-93px -62px; }

/* Blue Zone */
#BoxBlue { display:block; padding:10px 0; background:#0083c1; }
.BlocNews { width:80%; float:left; display:inline; }
	.NewsletterLabel { font-family:dinbold, arial; font-size:30px; color:#ffffff; display:inline; float:left; height:30px; line-height:30px; margin:0; padding:0 10px 0 0; text-transform:uppercase; letter-spacing:-0.5px; border-right:1px solid #006fa4; }
	.MentionsNewsletter { font-size:12px; display:inline; float:left; line-height:14px; color:#ffffff; margin:0; height:30px; padding:0 10px 0 10px; line-height:15px; border-left:1px solid #3098ca; }
.BlocSocial { width:20%; float:right; display:inline; }
#bloc_newsletter { display:inline; float:left; width: 345px; }
form.subscribeNewsLetter { margin:0; padding:0; }
input#zone_txt { height:30px; width:220px; padding:0 5px; display:block; background:#ffffff; float:left; border:none; text-align:left; border-radius:0; font-size:12px; color:#676767; font-family:Arial, Helvetica, sans-serif; }
input#valid_newsletter { height:30px; width:70px; cursor:pointer; display:block; float:left; margin:0; padding:5px 0; font-size:12px; color:#ffffff; background:#191919; border:none; border-radius:0; text-align:center; }
input#valid_newsletter:hover { color:#0083c1; }
.cochevert, .cocherouge { background: url('../images/sprites-footer-090714.png') no-repeat scroll -1px -141px rgba(0, 0, 0, 0); display: inline-block; float: left; height: 16px; margin: 0 4px 0 0; width: 15px; }
.cocherouge { background-position:-1px -159px; }
.subscriptionOk, .subscriptionError, .EmailFormatError, .AlreadyError, .LegalMentionError { font-size: 11px; line-height: 16px; padding: 5px 0 0; text-align: left; color:#ffffff; }
.facebook-footer, .twitter-footer, .googleplus-footer, .youtube-footer { width:34px; height:34px; display:inline-block; float:right; margin:0 0 0 10px; background:url('../images/sprites-footer-090714.png') 0 0 no-repeat; }
.facebook-footer { background-position:0 -98px; }
.twitter-footer { background-position:-40px -98px; }
.googleplus-footer { background-position:-80px -98px; }
.youtube-footer { background-position:-120px -98px; }

/* Dark Zone */
#BoxDark { display:block; padding:20px 0; background:#191919; }
.div5 { display:block; width:46%; float:left; padding:0 4% 15px 0; border-bottom:1px solid #0c0c0c; }
#BoxDark .div5 { text-align:left; }
.resume-footer { font-family:dinbold, arial; font-size:22px; color:#ffffff; display:block; text-align:left; text-transform:uppercase; letter-spacing:-0.5px; margin:0 0 8px; }
.div5 a { text-decoration:none; color:#ffffff; font-size:12px; padding:7px 10px; background:#3a3a3a; border-radius:2px; display:inline-block; width:auto; margin:0 0 5px 0; }
.div5 a:hover { background:#0083c1; }

/* Flag Box */
#BoxFlag { display:block; border-top:1px solid #212121; padding:15px 0; }
#BoxFlag p { font-size:12px; display:inline; color:#ffffff; float:left; margin:0; padding:0 5px 0 0; }
#BoxFlag a { display:inline-block; float:left; width:21px; height:15px; background:url('../images/sprites-footer-090714.png') 0 0 no-repeat; margin:0 10px 0 0; }
#BoxFlag .allemagne { background-position: -105px 0; }
#BoxFlag .belgique { background-position: -21px -30px; }
#BoxFlag .bresil { background-position: -21px 0; }
#BoxFlag .chine { background-position: -42px 0;}
#BoxFlag .espagne { background-position: -126px -15px; }
#BoxFlag .france { background-position: -84px 0; }
#BoxFlag .hongrie { background-position: -126px 0; }
#BoxFlag .inde { background-position: -147px 0; }
#BoxFlag .italie { background-position: 0 -15px; }
#BoxFlag .pays-bas { background-position: -21px -15px; }
#BoxFlag .pologne { background-position: -42px -15px; }
#BoxFlag .portugal { background-position: -63px -15px; }
#BoxFlag .roumanie { background-position: -84px -15px; }
#BoxFlag .russie { background-position: -105px -15px; }
#BoxFlag .turquie { background-position: 0 -30px; }
#BoxFlag .australie { background-position: -42px -30px; }
#BoxFlag .indonesie { background-position: -63px -30px;}
#BoxFlag .malaisie { background-position: -84px -30px; }
#BoxFlag .singapour { background-position: -105px -30px; }
#BoxFlag .thailande { background-position: -126px -30px; }
#BoxFlag .turquie { background-position: 0 -30px; }
#BoxFlag a:hover, #BoxGrey a.boxpicto:hover, .facebook-footer:hover, .twitter-footer:hover, .googleplus-footer:hover, .youtube-footer:hover { opacity:0.6; filter:alpha(opacity=60); }

/* White Zone */
#BoxWhite { display:block; padding:15px 0; background:#ffffff; text-align:center; }
#BoxWhite a, #BoxWhite p { font-size:10px; color:#424242; text-decoration:none; line-height:15px; margin:0; padding:0; }
#BoxWhite a:hover { text-decoration:underline; color:#0083c1; }

@media(max-width:1024px){
	#BoxBlue .insideP { padding:0 10px; }
	#BoxDark .insideP { padding:0 10px; }
	#BoxFlag { text-align:center; padding-bottom:0; }
	#BoxFlag p { display:block; text-align:center; float:none; clear:both; margin-bottom:5px; }
	#BoxFlag a { float:none; }
	#BoxDark { padding:10px 0; }
}

@media(max-width:768px){
	#BoxGrey a b { font-size:24px; }
	#BoxGrey a { font-size:11px; }
	.MentionsNewsletter { display:none; }
	.NewsletterLabel { border:none; }
	.BlocNews { width:70%; }
	.BlocSocial { width:29%; }
}

@media(max-width:660px){
	#BoxGrey { padding:10px 0; }
	.div3 { float:none; clear:both; width:90%; margin:0 auto 10px; background:none; border-bottom:1px solid #ccc; padding-bottom:10px; }
/**	#boxGrey .div3:nth-child(3) { margin-bottom:0; border:none; padding-bottom:0; }
**/	.sepaEnd { display:none; }
	.NewsletterLabel { margin-bottom:5px; }
	.BlocNews { width:50%; }
	.BlocSocial { width:40%; }
	.div5 { width:100%; clear:both; float:none; display:block; padding:0; border:none; }
	#BoxFlag { display:none; }
	#BoxDark .div5:nth-child(1) { margin-bottom:15px; }
}

@media(max-width:480px){
	.BlocNews, .BlocSocial { width:100%; float:none; clear:both; display:block; }
	.BlocNews { margin-bottom:10px; overflow:hidden; position:relative; }
	.facebook-footer, .twitter-footer, .googleplus-footer, .youtube-footer { float:left; margin:0 10px 0 0; }
	#bloc_newsletter { width:100%; display:block; }
	input#zone_txt { width:65%; }
	input#valid_newsletter { width:35%; }
}

@media(max-width:320px){
	.div5 a { width:auto; display:block; }
}



/* turn up */
#messagetop { display:block; position:fixed; bottom:30px; right:30px; z-index:9999999;}
#messagetop a { width:45px; height:45px; display:block; background:url('../images/sprites-footer-090714.png') -215px -146px no-repeat #0083c1; border-radius:2px; text-decoration:none; }