/* CSS Document */

/*Fonts*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/gfx/font/glyphicons-halflings-regular.eot');
  src: url('/gfx/font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/gfx/font/glyphicons-halflings-regular.woff') format('woff'), url('/gfx/font/glyphicons-halflings-regular.ttf') format('truetype'), url('/gfx//font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/*Fonts end*/

/*Account global*/
.wrap {
 width:100%;
}
#containerAccount, #containerAccountMain, #containerHelpMain {
  float: left;
  width:100%;
  margin: 0;
  padding-top: 10px;
}
#containerAccountMain {
  padding-top: 10px;
  font-size:13px;
}
#containerAccountSmall, #containerHelp {
  float: left;
  width: 100%;
  padding-top: 10px;
}
.contentAccount {
  position:relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.ombreBox {
  position:relative;
  float:left;
  width:99.7%;
  margin:0 0 17px 0;
  /*background: transparent url(/gfx/login/fond-ombre-box.png) no-repeat 0 0;*/
}
.title_box {
  position: relative;
  width: 100%;
  line-height: 34px;
  height: 34px;
  background: url(/gfx/login/fond-table.png) repeat-x;
}
span.title_arrow {
  padding: 4px 0 4px 18px;
  background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 2px;
}
.noteAccount {
  position:absolute;
  right:10px;
  top:0;
}
p.nb {
 float:left;
 padding:0 10px;
 margin:0;
}
p.nbAccount {
  margin:0 10px 25px 10px;
  padding:0;
}
p.nbAccount a {
  font-size:12px;
}
p.nbAccount2 {
  clear: both;
  font-size: 12px;
  text-align: justify;
  padding: 0 10px 10px 0;
}
p.checkFormAccount-old {
  float:left;
  margin:0 0 20px 0;
  padding:0;
}
p.checkFormAccount-old input {
  float:left;
  clear:both;
  font-size:11px;
}
p.checkFormAccount-old span {
  display:block;
  width: 80%;
  margin:0 0 10px 0;
  padding: 0 0 0 4px;
  float: left;
}
#titleAccount, #titleAccount2, #titleAccountLogin, #titleAccountHistory, #titleAccountSmall, #titleHelp {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding-bottom:36px;
  background: transparent url(/gfx/login/filet-titleCheckout.png) no-repeat left bottom;
}
#titleAccountLogin {
  padding-bottom:20px;
  background:none;
}
#titleAccount2, #titleAccountHistory {
  padding-bottom:10px;
  background:none;
}
#titleAccountSmall {
  background: transparent url(/gfx/login/filet-titleAccountSmall.png) no-repeat left bottom;
}
#titleHelp {
  background: transparent url(/gfx/login/filet-titleHelp.png) no-repeat left bottom;
}
#titleAccount h1, #titleAccount2 h1, #titleAccountLogin h1, #titleAccountHistory h1, #titleAccountSmall h1, #titleHelp h1 {
  float:left;
  font-size: 21px;
  font-weight: bold;
  color:#1c1c1c;
  margin: 0;
  padding: 8px 5px 8px 40px;
}
#titleHelp h1 {
  font-size: 17px;
}
h1#titleLogin {
  padding-left:45px;
  background: transparent url(/gfx/pictos/id.png) no-repeat 0 0;
}
h1#titlePassword {
  padding-left:36px;
  background: transparent url(/gfx/pictos/password.png) no-repeat 0 0;
}
h1#titleInscription {
  background: transparent url(/gfx/pictos/confirmation.png) no-repeat 0 0;
}
h1#titleEdit {
  padding-left:44px;
  background: transparent url(/gfx/pictos/stabilo.png) no-repeat 0 0;
}
h1#titleAddress {
  background: transparent url(/gfx/pictos/carnet.png) no-repeat 0 0;
}
h1#titleHistory {
  font-weight:normal;
  padding-left:30px;
  background: transparent url(/gfx/pictos/historique.png) no-repeat 0 9px;
}
h1#titleTicket {
  padding-left:30px;
  background: transparent url(/gfx/pictos/demandes.png) no-repeat 0 3px;
}
h1#titleReturn {
  padding-left:44px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -500px;
}
h1#titleShipping {
  padding-left:45px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -420px; 
}
h1#titleOney {
  padding-left:70px;
  background:transparent url(/gfx/common/sprite-garanties2.png) no-repeat -10px -181px;
}
h1#titleCoupon {
  padding-left:80px;
  background:transparent url(/gfx/pictos/coupon.png) no-repeat 0 0;
}
h1#titleCheque {	
  font-size:26px;
  color:#504f4f;
  padding-left:20px;
}
h1#titleProduct {
  padding-left:44px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -104px; 
}
h1#titlePrice {
  padding-left:50px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -181px; 
}
h1#titleOrder {
  padding-left:48px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -260px; 
}
h1#titlePayment {
  padding-left:48px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -341px; 
}
h1#titleSav {
  padding-left:51px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -583px; 
}
h1#titleContact {
  padding-left:52px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -660px; 
}
h1#titleSecurite {
  padding-left:43px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -743px; 
}
h1#titleSuggestions {
  padding-left:40px;
  background: transparent url(/gfx/pictos/sprite-pictos2.png) no-repeat 0 -821px; 
}
h1#titleSelection {
  padding-left:38px;
  background: transparent url(/gfx/pictos/picto-wishlist2.png) no-repeat 0 4px;
  background-size:28px;
}
h1#titleCredit {
  padding-left:40px;
  background: transparent url(/gfx/pictos/picto-credit.png) no-repeat;
}
h1#titleConcours {
  padding-left:40px;
  background: transparent url(/gfx/pictos/picto-concours.png) no-repeat;
}
h1#titleBg-helmets {
  padding-left:40px;
  background: transparent url(/gfx/pictos/picto-helmet.png) no-repeat 0 4px;
}
table.account {
  width: 100%;
  border:1px solid #ccc;
  border-collapse:collapse;
}
table.account th, table.account td {
  padding: 7px 5px 7px 15px;
  margin:0;
  font-size: 12px;
  color:#333;
}
table.account th {
  text-align:left;
  background-color: #eee;
  font-weight:normal;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background: rgb(250,250,250); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
table.account tr:nth-child(odd) td {
  background:#f3f3f3;
}
hr.sepAccount, hr.sepAccount3 {
  visibility:visible;
  border:0;
  height:27px;
  width: 100%;
  margin: 0 0 20px 0;
  background: transparent url(/gfx/login/filet-bottomCheckout.png) no-repeat left top;
}
hr.sepAccount2, hr.sepAccount4 {
  visibility: visible;
  border: 0;
  color: #E2E3E4;
  background-color: #E2E3E4;
  height: 1px;
  width: 100%;
  margin: 32px 0 32px 0;
}
.blocAccount-old hr.sepAccount2, .blocAccount-old hr.sepAccount4 {
 visibility: visible;
 border: 0;
 color: #E2E3E4;
 background-color: #E2E3E4;
 height: 1px;
 width: 790px;
 margin: 32px 0 32px 0;
}
hr.sepAccount3 {
  width: 695px;
  background: transparent url(/gfx/login/filet-bottomCheckout2.png) no-repeat left top;
}
hr.sepAccount4 {
 margin:20px 0;
}
hr.shadow {
  visibility:visible;
  padding:0;
  margin:20px 0;
  border:0;
  width:792px;
  height:27px;
  background: url("/gfx/login/filet-titleCheckout.png") no-repeat scroll center top transparent;
}
#colRightAccount {
  float: right;
  width: 185px;
  margin:0 0 10px 31px;
  color: #000;
  text-align: left;
  padding:0;
}
@media (min-width:768px){
#containerAccount, #containerAccountMain, #containerHelpMain {
  width:78.571%;
}
#containerAccountMain {
  padding-top: 10px;
  font-size:13px;
}
#containerAccountSmall, #containerHelp {
  /*width: 576px;*/
  width:78.571%;
}
}
@media only screen and (max-width:767px){
/*#containerAccount, #containerAccountMain, #containerHelpMain, #containerAccountSmall, #containerHelp {
  width:77.571%;
  margin-right:1%;
}
#containerHelpMain {
  width:100%;
}*/
#titleAccount, #titleAccountSmall, #titleHelp {
  padding-bottom:10px;
  background:none;
}	
#titleAccount h1, #titleAccount2 h1, #titleAccountLogin h1, #titleAccountHistory h1, #titleAccountSmall h1 {
  margin: 0 0 0 10px;
}
h1#titleCheque {
  padding-left: 10px;
}
hr.sepAccount, hr.sepAccount3, hr.sepAccount4, hr.shadow {display:none;}
p.nbAccount {
 margin: 20px 10px;
}
p.checkFormAccount {
  margin-top:20px;
  padding:0 20px;
}
}
/*@media only screen and (max-width:639px){
#containerAccount, #containerAccountMain, #containerAccountSmall {
  width: 100%;
  padding-top:10px;
  margin:0;
}
#containerHelp {
  width: auto;
  padding:10px;
  margin:0;
}
p.nbAccount2 { 
    padding: 0 10px 10px 10px;
}
}*/
/*Account global end*/

/* Help / Account menu */
.contentHelp {
  position:relative;
  float: left;
  width: 576px;
  margin: 0;
  padding: 0;
}
#colLeftHelp {
  float: left;
  /*width: 185px;
  margin:0 31px 10px 0;*/
  width:18.353%;
  margin:0 3.075% 10px 0;
  color: #000;
  text-align: left;
  padding:0;    
}
.titleColHelp {
  display:inline-block;
  padding:10px 2px 10px 10px;
  text-transform:uppercase;
}
.titleCustomer {
  display:block;
  padding: 0 2px 0 10px;
  font-size:13px;
}
#colLeftHelp .titleColHelp {
  margin:0;
  font-weight:bold;
  color:#04cbfd;
}
#colLeftHelp .titleColHelp a, #menuHelpBar .titleColHelp a {
  color:#04cbfd;
}
#colLeftHelp .title, #menuHelpBar .title {
  display: block;
  padding: 10px 18px 10px 12px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  word-wrap: break-word;  
}
#colLeftHelp ul, #menuHelpBar ul {
  padding: 0;
  list-style-type: none;
}
ul.hlp {
  margin: 10px 0;
  padding:0;  
  border:1px solid #eeeeef;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
ul.hlp li {
  border-bottom: 1px solid #eeeeef;
}
ul.hlp li:last-child {
  border-bottom: none;
}
ul.hlp li.toggleSubMenu {
  position:relative;
  margin: 0;
}
ul.hlp li.toggleSubMenu a.expand {
  position: absolute;
  display: block;
  right: 2px;
  top: 7px;
  width: 15px;
  height: 14px;
  /*padding: 0 5px;*/
  font-size: 12px;
  font-weight: bold;
  color: #2BA1D8;
  text-indent:-5000px;
  line-height:0;
  background: transparent url(/gfx/pictos/expand.png) no-repeat center 2px;
  cursor:pointer;
}
ul.hlp li.toggleSubMenu.open a.expand {
  top:10px;
  background-position: center -9px;
}
ul.hlp li .title, ul.hlp li a {
  color: #231F20;
}
ul.hlp li a.selected, ul.hlp li a.on, ul.hlp li a:hover {
  color: #d20f8c;
}
ul.hlp li li a {
  display: block;
  padding: 6px 3px 6px 12px;
  font-size: 11px;
  color: #231F20;
}
ul.hlp li li a:hover {
  color: #231F20;
  background:#f5f5f5;
}
ul.hlp li li a.selected, ul.hlp li li a.on {
  color: #d20f8c;
  font-weight:bold;
  background:#f5f5f5;
}
ul.hlp ul {
  margin: 0 0 10px 0;
}
ul.hlp li li {
  margin: 1px 5px 1px 4px;
  padding: 0;
  border: none;
}
ul.hlp li li:hover {
  background-position: right 0;
}
ul.hlp li li:first-child {
  border-top: none;
}
@media only screen and (min-width:640px) and (max-width:767px){
#colLeftHelp .title, #menuHelpBar .title {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;   
}
}
@media only screen and (min-width:640px){
#menuHelpBar {
 display:none;
}		
.titleMenuHelp {
  display:none;
}
}
@media only screen and (max-width:639px){
#colLeftHelp, #menuHelpBar {
  position:relative;
  width: 100%;
  margin: 0;
}
#colLeftHelp .title, #menuHelpBar .title {
  padding: 14px 18px 13px 14px;	
  font-size: 13px;
}
#colLeftHelp .titleColHelp {
 position:absolute;
 top:15px;
 left:54px;
}
.titleColHelp {
 padding:0;
}
#colLeftHelp ul.hlp {
 display:none;
}
.titleCustomer {
 /*padding-bottom:10px;*/
 display:none;
}
.titleMenuHelp {
 display:block;
 height:27px;
 padding:3px 10px 7px 10px;
 font-size:12px;
 color:#ffffff;
 text-transform:uppercase;
 border-top:1px solid #eeeeef;
 border-bottom:1px solid #eeeeef;
 background:#fff;
}
.titleMenuHelp a {
 position:absolute;
 top:6px;
 display:block;
 width:26px;
 cursor:pointer;
}
.titleMenuHelp a > span.menu-mob {
 display: block;
 width: 35px;
 height: 4px;
 background-color:#04cbfd;
 margin: 4px auto 0 auto;
}
body.js.active {
  overflow:hidden!important;
  -webkit-overflow-scrolling: touch;
  /*height:100%;
  max-height:100%;*/
}
.js .wrap {
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -ms-transition: -ms-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  z-index:1001;
  background-color:#ffffff;
}
.js .wrap.active  {
  -webkit-transform: translate3d(266px,0,0);
  -moz-transform: translate3d(266px,0,0);
  -ms-transform: translate3d(266px,0,0);
  -o-transform: translate3d(266px,0,0);
  transform: translate3d(266px,0,0);
  position:fixed;
  height:100%;
}
.js .menuAcc {
  position:fixed;
  width: 266px;
  /*left:-256px;*//*body translate*/
  height:100%;
  margin:0;
  overflow-y:auto;  
  visibility:hidden;
  z-index:0;
  -webkit-transition: visibility 0 linear .2s;
  -moz-transition: visibility 0 linear .2s;
  -ms-transition: visibility 0 linear .2s;
  -o-transition: visibility 0 linear .2s;
  transition: visibility 0 linear .2s;
}
.js .menuAcc.active {	
  visibility:visible;
  z-index:1001;
  overflow-y:auto;
  -webkit-transition: z-index 0 linear .2s;
 -moz-transition: z-index 0 linear .2s;
 -ms-transition: z-index 0 linear .2s;
 -o-transition: z-index 0 linear .2s;
 transition: z-index 0 linear .2s;
}
ul.hlp {
  border:none;
  border-radius:inherit;
  background: #383838;
  overflow: hidden;
  visibility:hidden;
}
ul.hlp li {
border-bottom: 1px solid gray;
}
ul.hlp li a.selected, ul.hlp li a.on, ul.hlp li a:hover {
color: #fff;
}
ul.hlp li li a {
 padding: 12px 3px 12px 17px;
 font-size:14px;
 color:#fff;
}
ul.hlp li li a:hover {
color: #fff;
background: #04cbfd;
}
ul.hlp li li a.selected, ul.hlp li li a.on {
 color:#fff;
 font-weight:normal;
 background: #04cbfd;
}
ul.hlp .title, ul.hlp li.toggleSubMenu a.expand {
 color: gray!important;
}

ul.hlp li.toggleSubMenu a.expand {
  position: inherit;
  right: inherit;
  top: inherit;
  width: inherit;
  height: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-indent:inherit;
  line-height:inherit;
  background: transparent url(/gfx/pictos/expand_plus2.png) no-repeat right 15px;
}
ul.hlp li.toggleSubMenu.open a.expand {
  top:inherit;
  background-position: right -20px;
}

/*ul.hlp li.toggleSubMenu a.expand {
 top:12px;
 background-image:url(/gfx/pictos/expand-white.png);
}
ul.hlp li.toggleSubMenu.open a.expand {
  top:15px;
}*/
}
@media only screen and (max-width:767px){
#colLeftHelp, #menuHelpBar {
  display:none;
}
}
/* Help / Account menu end */

/* Help center */
.topHelp {
  position:relative;
  width:100%;
  height:270px;
  margin:10px 0 10px 0;
}
#helpMain {
  background: transparent url(/gfx/service/top_help_large.jpg) no-repeat 0 0;
}
.topHelp span {
  position:absolute;
  top:5.4%;
  left:1.5%;
  color:#fff;
  font-size:19px;
  font-weight:bold;
  text-transform:uppercase;
}
ul.mainHelp {
  list-style-type:none;
  margin:0;
  padding:0;   
}
ul.mainHelp li {
  border-bottom: 1px solid #eeeeef;   
}
ul.mainHelp a {
  display:block;
  padding:9px 0 9px 30px;  
}
ul.mainHelp a:hover {
  background:#f5f5f5; 
}
#containerHelp ul {
 margin:0 0 0 10px;
}
#containerHelp ul.accountHelp {
  list-style-type:square;
  margin:10px 0 10px 0;
  padding:0;
}
ul.accountHelp li {
  margin:8px 0 5px 30px;
  padding:0;
}
.subTitleHelp {
  border-bottom: 1px dotted black;
  padding-bottom: 2px;
}
.subTitleHelp2 {
 position:relative;
 margin:34px 0 0 0;
 padding:0;
 border-top:1px solid #cfcfcf;
}
.subTitleHelp2 > span {
 display:block;
 text-align:center;
 margin-top:-22px;
}
.subTitleHelp2 > span > span {
 display:inline-block;
 padding:14px 20px 10px 20px;
 font-family:DinRegular;
 font-weight:bold;
 font-size: 28px;
 color:#000000;
 text-transform:uppercase;
 background:#ffffff;
}
.sectTitleHelp {
 position:relative;
 display:inline-block;
 padding:4px 14px 4px 24px;
 background:#00b2e2;
}
.sectTitleHelp:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;  
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 8px 0;
  border-color: transparent #037097 transparent transparent;  
}
.sectTitleHelp > h2 {
 display:inline;
 margin:0;
 padding:0;
 color:#ffffff;
 text-transform: uppercase;
 font-size:14px;
 font-weight:normal;
}
.sectTitleHelp > h2:before {
  content:'';
  position: absolute;
  left:8px;
  margin-top:2px;
  width:0px;
  height:0px;
  border-style:solid;
  border-width:6px 0 6px 6px;
  border-color:transparent transparent transparent #ffffff;
}
.sectHelp {
 position:relative;
 float:left;
 margin-bottom:45px;
}
.sectHelp.last {
 margin-bottom:0;
}
.sectLeft, .sectRight {
 float:left;
 margin:0;
 padding:0;
}
.sectLeft {
 width: 65%;
 padding-right: 5%; 
 border-right: 1px solid #eaeaea; 
}
.sectRight {
 width: 24%;
 /*margin-left:5%;*/
}
.sectRight > img {
 position:absolute;	
 /*margin-top:-10px;*/
 padding-left:20px;
 /*border-left:1px solid #eaeaea;*/
}
#c-openface {top:25%;}
#c-openface2 {top:25%;}
#c-fullface {top:50%;}
#c-flipup {top:25%;}
#c-crossover {top:25%;}
#c-cross {top:25%;}
#c-trial {top:25%;}
#c-kid {top:50%;}
.sectRight:after {
 clear: both;
}
#menuHelp {
  width:100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menuHelp li.helpRubMenu {
  position:relative;
  float:left;
  margin: 0;
}
#menuHelp ul ul {
  margin: 0 0 10px 0;
}
#menuHelp li li {
  margin: 1px 5px 1px 4px;
  padding: 0;
  border: none;
}
#menuHelp .colMh {
  float:left;
}
#menuHelp #mhLeft {
  width:49.8%;
  border-right:1px solid #eeeeef; 
}
#menuHelp #mhRight {
  width:50%;  
}
#menuHelp a {
  display:block;
  float:left;
  width:100%;
  height:36px;
  line-height:36px;
  margin:0;
  color:#04cbfd;
  border-bottom:1px solid #eeeeef;  
}
#menuHelp a:hover {
  color:#000000;
  background:#f5f5f5;
}
#menuHelp strong {
  display:block;
  padding-left:70px;
  background-image:url(/gfx/pictos/sprite-pictos2.png);
  background-repeat:no-repeat;
}
#menuHelp a#mhLiv, #menuHelp a#mhAbo, :lang(es) #menuHelp a#mhSug, :lang(de) #menuHelp a#mhSug  {
  border-bottom:none;
}
#mh0 {
  background-image:url(/gfx/pictos/picto-concours.png)!important;
  background-position: 20px 2px;  
}
#mh1 {
  background-position:23px -105px;
}
#mh2 {
  background-position:18px -183px;	
}
#mh3 {
  background-position:21px -262px;	
}
#mh4 {
  background-position:22px -343px;	
}
#mh5 {
  background-position:22px -424px;
}
#mh6 {
  background-position:21px -502px;
}
#mh7 {
  background-position:19px -585px;		
}
#mh8 {
  background-position:18px -662px;		
}
#mh9 {
  background-position:23px -742px;		
}
#mh10 {
  background-position:23px -822px;		
}
#mh11 {
  background-position:21px -898px;	
}
#mbg0 {
  background-image:url(/gfx/pictos/picto-helmet.png)!important;
  background-position: 20px 5px;  
}
.imgHelp1 {
 float:left;
 padding:0 15px 10px 0;   
}
.imgHelp2 {
 float:right;
 padding:0;  
}
.imgHelp4 {
 width:100%;
 max-width:576px;
}
.txtHelp {
 float:left;
 margin:0;
}
.txtHelpCenter {
 width:100%;
 text-align:center;
 margin:0;
}
.txtHelpLeft, .txtHelpRight {
 width:45%;
}
.txtHelpLeft {
 padding-right:10%;
}
#txtClignos2 {
 display:block;
 line-height:150px;
 font-size:20px;
 padding:10px 0;
}
#txtClignos3 {
 max-width:45%;
 padding:0;
}
#txtClignos4 {
 display:block;
 padding:0;
}
#txtClignos5 {
 max-width:45%;
 padding:25px 10px 0 0;
}
.sttToggle {
 position:relative;
 display:block;
 padding:10px 15px 10px 10px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 cursor:pointer;
}
.sttToggle:after {
 content: '';
 position:absolute;
 /*top:50%;*/
 bottom:13px;
 right:0;
 margin:0;
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 8px 0 8px 8px;
 border-color: transparent transparent transparent #000000; 
}
.sttToggle.on:after {
 border-width: 8px 8px 0 8px;
 border-color: #000000 transparent transparent transparent;
}
.blockToggle {
 /*display:none;*/
 height:0;
 overflow:hidden;
 -webkit-transition: height .5s ease-in-out;
 transition: height .5s ease-in-out;
 line-height:15px;
}
.blockToggle.on {
 /*display:block;*/
 overflow:auto;
}
#brg-type1-content.on {
 height:535px;
}
:lang(it) #brg-type1-content.on {
 height:545px;
}
:lang(de) #brg-type1-content.on {
 height:615px;
}
#brg-type2-content.on {
 height:1975px;
}
#brg-type3-content.on {
 height:535px;
}
#bg-helmet1-content.on {
 height:2290px;
}
#bg-helmet2-content.on {
 height:480px;
}
#bg-helmet3-content.on {
 height:825px;
}
#bg-helmet4-content.on {
 height:940px;
}
#bg-helmet5-content.on {
 height:1320px;
}
#bg-helmet6-content.on {
 height:540px;
}
#btnHelp button {
 width:50%;
}
#box_jeuconcours {
 width:100%;
 /*height:1032px;*/
}
#entete_jeuconcours {
 display:block;
 width:100%;
 /*height:37.59689%;
 background: transparent url(/gfx/jeux/jeu-concours-shark-2015/entete_jeuconcours-shark.jpg) no-repeat 0 0;*/ 	
}
#lots_jeuconcours {
 position:relative;
 width:100%;
 height:62.40310%;
 list-style-type:none;
 margin:0!important;
 padding:0;
 background: transparent url(/gfx/jeux/jeu-concours-shark-2015/lots_jeuconcours-shark.jpg) no-repeat 0 0; 	
}
#lots_jeuconcours li {
 /*float:left;*/
 position:absolute;
 height:28.5%;
 margin:0;
 padding:0;
 text-indent:-8000px; 	
}
#lots_jeuconcours li#lot2 {
 top:30%;
 width:50%;	
}
#lots_jeuconcours li#lot3 {
 top:30%;
 left:50%;
 width:50%;
}
#lots_jeuconcours li#lot4 {
 top:58.7%;
 left:31%;
 width:40%;
}
#lots_jeuconcours li a {
 display:block;
 width:100%;
 height:100%;
}
#lots_jeuconcours li a {
 display:block;
 width:100%;
 height:100%;
}
#lots_jeuconcours li a:hover {
 display:block;
 width:100%;
 height:100%;
 opacity:0.2;
 background-color:#ffffff;
}
:lang(it) .teloff, :lang(es) .teloff {
 /*display:none;*/
}
#titleAbout {
 font-size:25px;
 font-family:dinBold;
 color:#009fe3;
 padding-bottom:30px;
 margin:0;
 text-transform:uppercase;
}
/*#containerHelp.about_icc {
 width:78.571%;
}*/
/*.about_icc p {
 margin:0 0 30px 0;
}*/
/*.about_icc p {
 display:inline-block;
}*/
.subTitleHelpBlue {
 font-size:16px;
 color:#00acea;
 text-transform:uppercase;
}
.boxFocusBlue {
 padding:15px 10px 10px 15px;
 border:3px solid #009fe3;  
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom:30px;
 /*float:left;*/
 clear:both;
}
.txtHelpFocus {
 padding-left:2%;
 border-left:6px solid #009fe3; 
}
.txtHelpLegend {
 display:block;
 font-size:12px;
 color:#3d3d3d;
 font-style:italic; 
}
.fl-266, .fl-266-off, .fl-398, .fl-398-off, .fl-373, .fl-373-off, .fl-245, .fl-245-off, .fl-337, .fl-337-off, .fl-341, .fl-341-off, .fl-502, .fl-502-off  {
 float:left;
}
.fl-245, .fl-245-off {
 margin:0!important;
}
.fl-266 {
 width:33.588%;
}
.fl-266-off {
 width:66.412%;
 padding-left:2.778%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
.fl-398 {
 width:50.255%;
}
.fl-398-off {
 width:49.745%;
 padding-left:4px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
.fl-373 {
 width:50%;
}
.fl-373-off {
 width:50%;
 padding-left:2.4%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
.fl-245 {
 width:33%;
}
.fl-245-off {
 width:33%;
 padding-left:2.4%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
.fl-337 {
 width:42.553%;
}
.fl-337-off {
 width:57.447%;
 padding-left:2.778%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
.fl-341 {
 width:43.058%;
}
.fl-341 {
 text-align:center;
}
.fl-341-off {
 width:56.942%;
 padding-left:2.778%;
 padding-right:2.778%;
 margin-top:25px!important;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
.fl-502 {
 width:63.386%;
}
.fl-502-off {
 width:36.614%;
 padding-left:2.147%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
.imgHelp5 {
 width:100%;
 max-width:792px;
}
.imgHelp6 {
 padding-right:4px;
}
.imgHelp7 {
 padding-left:4px;
}	
@media only screen and (max-width: 767px) {
.topHelp {
  height:auto;
  padding-top:26.8%;
}
#helpMain {
  background-size:100%;
}
ul.mainHelp a {
  padding:17px 0 17px 30px;  
}
#menuHelp #mhLeft, #menuHelp #mhRight {
  float:none;
  width:100%;
}
#menuHelp #mhLeft {
  border-right:none; 
}
#menuHelp a {
  padding:8px 0;
}
#menuHelp a#mhLiv {
  border-bottom:1px solid #eeeeef;
}
.blockToggle {
 display:none;
 height:inherit;
 overflow:hidden;
}
.blockToggle.on {
 display:block;
 overflow:auto;
}
#brg-type1-content.on, :lang(it) #brg-type1-content.on, :lang(de) #brg-type1-content.on, #brg-type2-content.on, #brg-type3-content.on,
#bg-helmet1-content.on, #bg-helmet2-content.on, #bg-helmet3-content.on, #bg-helmet4-content.on, #bg-helmet5-content.on, #bg-helmet6-content.on {
 height:auto;
}
#btnHelp button {
 width:100%;
}
#box_jeuconcours, #entete_jeuconcours, #lots_jeuconcours {
 height:auto;
}
#entete_jeuconcours > img {
 width:100%;	
}
#lots_jeuconcours {
 padding-top:111.5%;
 background-size:100%; 	
}
.sectRight > img {
 padding-left:1%;
}
/*#containerHelp.about_icc {
 width: 77.571%;
 margin-right: 1%;
}*/
.imgHelp6, .imgHelp7 {
 padding:0 10px;
}
.fl-341, .fl-341-off {
 float:none;
 width:100%; 
 padding-right:0;
 margin-bottom:30px;
}
.fl-341 {
 margin-top:0!important;	
 text-align:center;
}
.fl-502 img, .fl-502-off img {
 width:100%;
}
}
@media only screen and (max-width: 639px) {
.imgHelp1, .imgHelp2, .txtHelp {
 float:none;   
}
.txtHelpLeft, .txtHelpRight {
 width:100%;
 padding:0;
}
.txtHelpLeft {
 margin-bottom:10px;
}
#txtClignos2 {
 line-height:inherit;
}
#txtClignos3, #txtClignos5 {
 max-width:inherit;
}
#brg_support {
 margin-bottom:30px;
}
/*#containerHelp.about_icc {
 width:auto;
 margin:0;
}*/
}
@media only screen and (max-width: 480px) {
.sectLeft, .sectRight {
 float:none;
 width: 100%;
 margin:0;
 padding:0;
}
.sectLeft {
 border:none;
}
.sectRight {
 text-align:center;
}
.sectRight > img {
 position:inherit;
 margin:0;
 padding:20px 0 0 0;
}
#c-openface, #c-openface2, #c-fullface, #c-flipup, #c-crossover, #c-cross, #c-trial, #c-kid {top:inherit;}	
.subTitleHelp2 > span {
 margin-top: -22px;
}	
.subTitleHelp2 > span > span {
 font-size: 24px;
}
}
@media only screen and (max-width: 480px) {
.fl-266, .fl-266-off, .fl-398, .fl-398-off, .fl-373, .fl-373-off, .fl-245, .fl-245-off, .fl-337, .fl-337-off, .fl-502, .fl-502-off {
 float:none;
 width:100%; 
 padding:0;
 margin-bottom:30px;
}
.fl-266, .fl-398, .fl-373, .fl-398-off, .fl-373-off, .fl-245, .fl-337, .fl-502, .fl-502-off {
 text-align:center;
}
.fl-245 {
 padding-bottom:15px;
}
/*.fl-266 img, .fl-337 img, .fl-341 img, .fl-502-off img {
 max-width:320px;
 width:100%;
}*/
/*.fl-398 img, .fl-398-off img, .fl-373 img, .fl-373-off img {
 max-width:400px;
 width:100%;
}*/
}
@media only screen and (max-width: 420px) {
.imgHelp1 {
 padding-right:0;   
}	
.imgHelp3 {
 width:98%;
 margin:0 1%;
}
}
/* Help center end */

/* Liens utiles */
.quickLinks {
 display:none;
 list-style-type:none;
 width:153px;
 margin:0;
 padding:10px 15px;
 border: 1px solid #eeeeef;
 -moz-border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
}
.quickLinks li {
 padding:4px 0;
 font-size:11px;
}
.quickLinks li a {
 color:#231f20;
 padding-left: 18px;
 background: transparent url(/gfx/pictos/arrow-grey2.png) no-repeat left 1px;
}
.quickLinks li a:hover {
 text-decoration:underline;
}
.quickLinks span {
 display:block;
 margin-bottom:7px;
 text-transform:uppercase;
 font-size:11px;
 font-weight:bold;
 color:#04cbfd;
}
@media only screen and (max-width: 767px) {
.quickLinks {
 display:none;
}
}
/* Liens utiles end */

/* Account form OLD */
.blocAccount-old {
 float:left;
}
.blocAccount-old ol {
 list-style-type:none;
 padding:0;
}
.blocAccount-old input[type="radio"] {
 margin-right: 5px;
 margin-bottom:10px;
}
.blocAccount-old input[type="text"], .blocAccount-old input[type="password"] {
 height: 15px;
 padding: 2px;
 width: 175px;
 border:1px solid #dbdbdb;
}
.blocAccount-old select {
 width: 182px;
}
.blocAccount-old li {
 /*height:30px;*/
 min-height:30px;
 line-height:27px;
 font-size:13px;
}
.blocAccount-old label {
 float:left;
 margin-right:20px;
 display:block;
}
.blocAccount-old textarea {
 padding: 10px;
 margin: 0;
 border:1px solid #dbdbdb;
}
.blocAccount-old a {
 font-size:11px;
}
.blocAccount-old a:hover {
 text-decoration:underline;
}
.blocAccount-old ol.log {
  margin:7px 0 10px 15px;
}
.blocAccount-old ol#pass {
 margin:7px 0 10px 0;
}
.blocAccount-old ol.acc {
 position:relative;
  margin:20px 0 10px 0;
}
.blocAccount-old label.login {
 width:150px;
 text-align:right;
}
.blocAccount-old label.password {
 width:100px;
 text-align:left;
}
.blocAccount-old label.account {
 width:160px;
 margin:0;
 text-align:left;
}
.blocAccount-old label.phone {
 line-height:15px;
}
.blocAccount-old p#txtAccountTel {
 position:absolute;
 bottom:21px;
 left:346px;
 font-size:13px;
 margin:0;
 padding:0;
 line-height:12px;
}
@media only screen and (max-width:767px){
.blocAccount-old li {	
 line-height: inherit;
 margin: 10px 0;
}
.one-col .blocAccount-old {
 padding: 0 20px;
}
.blocAccount-old p#txtAccountTel {
 position:inherit;
 bottom:inherit;
 left:inherit;
 margin-bottom:20px;
}
}
@media only screen and (max-width:639px){
.blocAccount-old, .one-col .blocAccount-old {
 padding: 0 10px;
}
.blocAccount-old li {
 height:inherit;
}
.blocAccount-old label.account {
 width: 100%;
 margin-bottom: 5px;
 font-weight: bold;
}
.blocAccount-old ol.acc input[type="text"], .blocAccount-old ol.acc input[type="password"] {
 width: 70%;
 height: 24px;
 padding: 3px 5px;
 margin-bottom:10px;
 font-size:13px;
}
.blocAccount-old ol.acc select {
 width: 70%;
 margin-bottom:10px; 
}
}
/* Account form OLD end */

/* Account form*/
.blocAccount {
 /*float:left;*/
 width:70%;
}
.container .blocAccount {
 width:100%;
}
.blocAccount ol {
 list-style-type:none;
 padding:0;
}
.blocAccount li {
 /*height:30px;*/
 min-height:30px;
 line-height:27px;
 font-size:13px;
}
.blocAccount textarea {
 padding: 10px;
 margin: 0;
 border:1px solid #dbdbdb;
}
.blocAccount a:hover {
 text-decoration:underline;
}
ol.log {
  margin:7px 0 10px 15px;
}
ol#pass {
 margin:7px 0 10px 0;
}
ol.acc {
 position:relative;
  margin:20px 0 10px 0;
}
label.login {
 width:150px;
 text-align:right;
}
label.password {
 width:100px;
 text-align:left;
}
label.account {
 width:160px;
 margin:0;
 text-align:left;
}
label.phone {
 line-height:15px;
}
p#txtAccountTel {
 position:absolute;
 bottom:21px;
 left:346px;
 font-size:13px;
 margin:0;
 padding:0;
 line-height:12px;
}
@media only screen and (max-width:767px){
.blocAccount li {	
 line-height: inherit;
 margin: 10px 0;
}
.one-col .blocAccount {
 padding: 0 10px;
}
p#txtAccountTel {
 position:inherit;
 bottom:inherit;
 left:inherit;
 margin-bottom:20px;
}
}
@media only screen and (max-width:639px){
.blocAccount {
 width:80%;
}	
.blocAccount, .one-col .blocAccount {
 padding: 0 10px;
}
.blocAccount li {
 height:inherit;
}
label.account {
 width: 100%;
 margin-bottom: 5px;
 font-weight: bold;
}
.blocAccount ol.acc input[type="text"], .blocAccount ol.acc input[type="password"] {
 width: 70%;
 height: 24px;
 padding: 3px 5px;
 margin-bottom:10px;
 font-size:13px;
}
.blocAccount ol.acc select {
 width: 70%;
 margin-bottom:10px; 
}
}
@media only screen and (max-width:479px){
.blocAccount {
 width:100%;
}
}
/* Account form end*/

/* Account form V2 */
.titleAcc {
  display:block;
  font-size:15px;
  /*color:#ec008c;*/
  color:#000;
  text-transform:uppercase;
  margin-bottom:20px;
  padding-left:10px;
}
p.nbForm {
  padding:10px;
}
#birthday_group > .col-sm-3, #birthday_group > .col-sm-4 {
 width: 32%;
 padding-left:0;
}
#birthday_group > .col-sm-4 {
 width: 36%;
}
#birthday_group .has-error:after, #birthday_group .has-success:after {
 display:none; 
}
#birthday_group .last.has-error:after, #birthday_group .last.has-success:after {
 display:block; 
}
#birthday_group .last .help-block {
 margin-left:-242px;
}
.form-horizontal .checkbox.checkFormAccount {
 float:left;
 margin: 0 15px 20px 15px;
 width:80%;
text-align:justify;
}
.checkFormAccount span {
 display:block;
 margin-left:30px;
}
.checkFormAccount.checkbox i:before {
 margin-bottom: 10px;
}
#btn-hide1, #btn-hide2 {
 display:none;	
}
@media only screen and (max-width: 767px) {
.titleAcc {
  padding-left:0;
}
p.nbForm {
  padding:10px 0;
}
#birthday_group > .col-sm-3, #birthday_group > .col-sm-4 {
 padding-right:15px;
 float:left;
}
#birthday_group .last .help-block {
 margin-left:-240%;
}
.form-horizontal .checkbox.checkFormAccount {
 width:auto;
}
}
@media only screen and (max-width: 640px) {
#birthday_group .last .help-block {
 margin-left:-245%;
}
}
@media only screen and (max-width: 639px) {
#birthday_group .last .help-block {
 margin-left:-235%;
}
}
@media only screen and (max-width: 480px) {
#birthday_group .last .help-block {
 margin-left:-242%;
}
}
@media only screen and (max-width: 479px) {
#birthday_group .last .help-block {
 margin-left:-236%;
}
}
@media only screen and (max-width: 320px) {
#birthday_group .last .help-block {
 margin-left:-250%;
}
}
/* Account form V2 end */

/*Login*/
#containerLogin {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
.container #containerLogin {
	padding:20px 0;
}
.blocLoginContainer {
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
.container .blocLoginContainer {
	max-width:1038px;
}
.blocLoginSepar {
	width:1px;
	float:left;
	border-left:1px solid #eeeeef;
	height:200px;
	margin:0 33px;
}
.container .blocLoginSepar {
    display:none;
}
#creezCompte {
    float:left;
    /*width:421px;*/
	width:460px;
	padding-left:10px;
}
#accedezCompte {
	float:right;
	/*width:421px;*/
	width:460px;
	padding-left:10px;
}
.blocBtnLog {
 text-align:right;
}
#blocLoginAide  {
    /*width: 1008px;*/
	width:988px;
    float: left;
    padding-top: 50px;
    font-size: 12px;
    /*margin: 10px 0 20px 0;*/
	margin:10px 10px 20px 10px;
	background: transparent url(/gfx/login/filet-bottomCheckoutConf.png) no-repeat left top;
}
#blocLoginAide p  {
    margin: 0 25px;
	padding: 0;
}
#creezCompte p, #accedezCompte p {
  width: 100%;
  margin: 0;
  /*padding: 0 0 40px 40px;*/
  padding: 0 0 40px 0;  
  font-size: 23px;
  /*text-align: center;*/
  text-transform: uppercase;
}
#creezCompte h2, #accedezCompte h2, #blocLoginAide h2 {
  font-weight: normal;;
  padding: 5px 0 5px 25px;
}
h2#create {
  font-size: 14px;
  /*margin:0 0 0 23px;*/
  margin: 0 0 10px 0;
  color:#85c440;
  background: transparent url(/gfx/pictos/arrow-green.png) no-repeat 5px 3px;
}
h2#login {
  font-size: 14px;
  /*margin:0 0 0 23px;*/
  margin: 0 0 10px 0;
  color:#04cbfd;
  background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 5px 3px;
}
h2#sc {
  font-size: 16px;
  margin:0;
  color: #231f20;
  background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 5px 3px;
}
@media only screen and (min-width:768px){
.container #creezCompte {
	width:45%;
}
.container #accedezCompte {
	width:45%;
}
}
@media only screen and (max-width:767px){
#blocLogin {
  background:none;
  padding:0;
}
#creezCompte, #accedezCompte {
  width:308px;
  padding-right:10px;
  /*padding-left:10px;*/
}
#creezCompte ol.log, #accedezCompte ol.log {
  margin:7px 0 10px 40px;
}
#creezCompte li, #accedezCompte li {
  height: auto;
}
label.login {
  text-align: left;
  margin:0 0 5px 0;
}
.blocLoginSepar {
  display: none;
}
#blocLoginAide  {
  /*width:100%;*/
  width:auto;
  padding-top:20px;
  background: none;
  float:none;
  clear:right;
}
}
@media only screen and (max-width:660px){
#creezCompte, #accedezCompte {
  float:none;	
  /*width:100%;*/
  width:auto;
  padding-left:0;
  padding-right:0;
  /*margin-bottom:30px;*/
  margin:0 10px 30px 10px; 
}
h2#create, h2#login {
  /*margin: 0 15%;*/
}
#creezCompte p, #accedezCompte p {
  padding: 0 0 20px 0;
  /*text-align: center;*/
}
#creezCompte ol.log, #accedezCompte ol.log {
  width:100%;
  margin:0;
}
label.login {
  float:none;
  width:auto;
  text-align: center;  
}
#accedezCompte li.passfgt, #creezCompte input[type="submit"], #accedezCompte input[type="submit"] {
  margin:0;
  text-align:center;
}
#accedezCompte li.passfgt {
  margin-bottom:15px;
}
.blocBtnLog {
 text-align:center;
}
}
/*Login end*/

/*Logoff*/
#blocLogoff {
  margin:0 auto 10px auto;
  padding-bottom: 55px;
  background: transparent url(/gfx/login/filet-titleCheckout.png) no-repeat center bottom;
}
#blocLogoff p {
 /*width:335px;*/
 width:auto;
 margin:0 auto;
 padding-top: 40px;
 text-align:center;
 background: transparent url(/gfx/login/deconnexion.png) no-repeat center top;
}
@media only screen and (max-width:767px){
#blocLogoff {
  background:none;
  padding:0;
}
#blocLogoff p {
  padding:40px 5px 10px 5px;
}
}
/*Logoff/

/*Account accueil*/
#enteteAccount {
 margin:0;
 padding:0 17.045% 30px 0;
 border-bottom: 1px solid #eeeeef;
}
#navAccount {
 float:left;
 width:100%;
 margin:20px 0;
}
@media only screen and (max-width:639px){
#enteteAccount {
 margin:0;
 padding:0 0 20px 10px;
}
#navAccount {
 margin: 0;
}
}
/*Account accueil end*/

/*Account History*/
#containerAccount .history, #containerAccountMain .history, .ombreBox .history {
  float:left;
  /*width:776px;*/
  width:98.2%;
  list-style-type:none;
  margin:3px 7px 0 7px;
  padding:0;
}
li.boxHistory {
  /*width:776px;*/
  width:100%;
  margin:0;
  padding:0;
}
.historyRecapInfos {
  float:left;
  /*width:210px;*/
  width:27%;
  padding:0;
}
.historyRecapInfos p {
  margin:0;
  padding:6px 5px 6px 12px;
}
p.numberHistory {
  padding-top:8px;
  background:#fafafb;
}
ul.history ul.historyList {
 float:left;
 /*width:565px;*/
 width:72%;
 list-style-type:none;
 margin:0;
 padding:0;
 border-left:1px solid #eeeeef;
}
li.boxHistory li {
 /*width:565px;*/
 width:100%;
 /*height:134px;*/
 height:100%;
 min-height:134px;
 margin:0;
 /*padding:15px 0 10px 0;*/
 padding:20px 0;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
li.boxHistory li:last-child {
 background: none;
}
.boxHistoryProduct {
 float:left;
 /*width:368px;
 padding: 0 10px;*/
 width:66.666%;
 padding:0 1.5%;
}
.boxHistoryProduct p {
  /*width:220px;*/
  width:59%;
  margin:10px 0 0 12px;
  line-height:18px;
  padding:0 20px 0 0;
}
.boxHistoryActions {
 float:left;
 width:162px;
}
span.titleRecapHistory {
margin-left:12px;
font-size:12px;
text-transform:uppercase;
color: #2A2A2A;
}
span.dateRecapHistory {
margin-left:50px;
font-size:12px;
color: #2A2A2A;
}
span.titleHistoryProducts {
position:absolute;
top:0;
left:255px;
margin:0;
padding:0;
font-size:10px;
text-transform: uppercase;
color: #2A2A2A;
background:none;
}
.ops1, .ops2, .ops3, .ops4, .ops6, .ops7, .ops8, .ops9, .ops10, .ops11, .ops12, .ops13, .ops14, .ops15 {
 color:#000;
}
.ops5 {
 color:#69A032;
}
ul.facture {
  width:200px;
  list-style-type:none;
  margin:0 0 0 12px;
  padding:3px 0;
  border:none;
}
ul.facture li, ul.facture li:last-child {
  width:100%;
  height:100%;
  line-height:20px;
  margin:0;
  padding:0 0 0 22px;
  background: transparent url(/gfx/pictos/pdf_icon.gif) no-repeat left top;
}
#titleOrder {
 float:left;
 margin-bottom:5px;
}
#infosOrder {
 float:left;
 width:500px;
 /*margin-right:10px;*/
}
#infosOrder .orderBoxDetails {
 float:left;
 width:200px;
 padding:20px 10px;
}
.contentBoxOrder {
 position: relative;
 float: left;
 width: 200px;
 padding-bottom: 15px;
 line-height: 20px;
 font-size:12px;
 color: #1c1c1c;
}
#totalOrder {
 width: 280px;
 float: right;	
 padding: 10px 0;
 margin:0;	
 background:#fafafa;
 border: 1px solid #EEEEEF;
 border-top: none;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box; 
}
table#panier th#art2 {
 width:35%;
}
table#panier th#pu2 {
 width:21%;
}
table#panier th#qte2 {
 width:9%;
}
table#panier th#cp2 {
 width:10%;
}
table#panier th#act {
 width:25%;
}
table#panier tr.productLine td.product_name2 {
 max-width:117px;
 padding-left:10px;
}
.history span[oldtitle] {
 display:inline-block;	
 padding:0 18px 0 0;
  background: transparent url(/gfx/pictos/ask.png) no-repeat right 0; 
}
@media only screen and (max-width:767px){
.histo-col table#panier th {
 font-size: 10px;
}
.boxHistoryProduct {
 width:97%;
}
.boxHistoryActions {
 width: auto;
 margin:10px;
}
.histo-col table#panier tr.productLine td.nb img {
  width:60px !important;
  height:60px !important;
}
.histo-col table#panier tr.productLine td {
  padding: 20px 10px 10px 10px;
}
#infosOrder {
 width:45%;
}
#infosOrder .orderBoxDetails, .contentBoxOrder {
 width:auto;
}
#infosOrder .mr50 {
 margin-right:0;
}
#totalOrder {
 width: 50%;
}
}
@media only screen and (max-width:639px){
.ombreBox {
 margin-bottom:30px;
}
.boxHistory .title_box, #titleOrder {
 width:auto;
 line-height: inherit;
 height: inherit;
 padding:10px 0;
 margin-left:12px;
 background: none;
}
span.titleRecapHistory {
 margin:0;
}
span.dateRecapHistory {
 display: block;
 margin:0;
 padding: 10px 0 2px 0;
}
.historyRecapInfos {
 width: 100%;
}
ul.history ul.historyList {
 width:100%;
 padding:0 0 15px 0; 
 border:none;
}
.boxHistoryProduct {
 width:auto;
 padding-bottom:10px;
 padding-top:20px;
}
.boxHistoryProduct p {
 width: inherit;
 max-width: 55%; 
}
.boxHistoryActions {
 width: 100%;
 margin:0;
}
li.boxHistory li {
 min-height:inherit;
 margin:0;
 padding:15px 0 0 0;
 background: none;
}
.histo-col table#panier th#pu2, .histo-col table#panier tr.productLine td.product_price {
 display: none;
}
.histo-col table#panier th#art2 {
 width: 56%;
}
}
@media only screen and (max-width:479px){
#totalOrder, #infosOrder, .contentBoxOrder {
 width: 100%;
}
}
@media only screen and (max-width:399px){
.histo-col table#panier tr.productLine td {
 padding: 20px 5px 10px 5px;
}
}
/*Account History end*/

/*Account Address*/
#addressBook {
 float:left;
 /*width: 776px;*/
 width: 98.2%;
 margin: 3px 7px 0 7px;
 padding: 0;
}
ul.addressBloc {
 margin:0;
 padding:0;
 list-style-type:none;
}
#intAdd {
 margin-left:40px;
}
#titleAdd {
 margin-left:130px;	
}
ul.addressBloc li {
 /*width:776px;*/
 width:100%;
 min-height:140px;
 margin:0;
 background: transparent url(/gfx/login/sprite-adresses.png) no-repeat;
}
ul.addressBloc li:first-child {
 background-position: 30px 0;
}
ul.addressBloc li:nth-child(2) {
 background-position: 30px -145px;
}
ul.addressBloc li:nth-child(3) {
 background-position: 30px -290px;
}
ul.addressBloc li:nth-child(4) {
 background-position: 30px -435px;
}
ul.addressBloc li:nth-child(5) {
 background-position: 30px -580px;
}
ul.addressBloc li .addressName {
 position: relative;
 float: left;
 /*width: 220px;*/
 width:28.3505%;
 min-height:140px;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
ul.addressBloc li .addressName p {
 position: absolute;
 top:50%;
 height:40px;
 margin:-20px 0 0 50px;
}
ul.addressBloc li .addressName p > span.bleu2 {
 font-size:19px;
}
ul.addressBloc li .addressDetail {
 position: relative;
 float: left;
 /*width: 417px;*/
 width:53.7371%;
 min-height:140px;
 border-left: 1px solid #EEEEEF;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
ul.addressBloc li .addressDetail p {
 position: absolute;
 top:50%;
 min-height:90px;
 margin:-45px 0 0 40px;
}
ul.addressBloc li .addressActions {
 float: left;
 /*width: 138px;*/
 width:17%;
 height:86px;
 padding:27px 0;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
ul.addressBloc li:last-child .addressName, ul.addressBloc li:last-child .addressDetail, ul.addressBloc li:last-child .addressActions {
 background: none; 
}
.address-col .nbAccount {
 margin-left:40px;
}
#nbAdd {
 float:left;
 margin:30px 10px 0 40px;
}
@media only screen and (max-width:767px){
#intAdd {
 margin-left:15px;
}
#titleAdd {
 margin-left:70px;	
}
ul.addressBloc li:first-child {
 background-position: 0 0;
}
ul.addressBloc li:nth-child(2) {
 background-position: 0 -145px;
}
ul.addressBloc li:nth-child(3) {
 background-position: 0 -290px;
}
ul.addressBloc li:nth-child(4) {
 background-position: 0 -435px;
}
ul.addressBloc li:nth-child(5) {
 background-position: 0 -580px;
}
ul.addressBloc li .addressName p {
 top:30%;
 margin:-20px 15px 0 15px;
}
ul.addressBloc li .addressName p > span.bleu2 {
 font-size:17px;
}
ul.addressBloc li .addressDetail {
 width:50%;
}
ul.addressBloc li .addressDetail p {
 top:40%;
 min-height:90px;
 margin:-45px 10px 0 10px;
}
ul.addressBloc li .addressActions {
 width:21%;
}
#nbIntitule {
 display:block;
 padding:4px 0 10px 10px;
}
}
@media only screen and (max-width:639px){
#addressBook .title_box {	
 display:none;
}
ul.addressBloc li {
 min-height:inherit;
 background: none;
}
ul.addressBloc li .addressName, ul.addressBloc li .addressDetail, ul.addressBloc li .addressActions {
 width:100%;
 height:inherit;
 min-height:inherit;
}
ul.addressBloc li .addressName {
 background:#eaeaea;
}
ul.addressBloc li .addressActions {
 padding:10px 0;
 background:none;
}
ul.addressBloc li .addressName p, ul.addressBloc li .addressDetail p {
 position: inherit;
 top:inherit;
 height:inherit;
 min-height:inherit;
 margin:10px 15px 10px 15px;
}
ul.addressBloc li:last-child .addressDetail {
 background:transparent url(/gfx/login/filet-box.png) repeat-x left bottom; 
}
ul.addressBloc li:last-child .addressName {
 background:#eaeaea; 
}
.address-col .nbAccount {
 margin:20px 10px;
}
#nbAdd {
 float:none;
 clear:both;
 margin:10px 10px 0 10px;
}
}
/*Account Address end*/

/*Account newsletter*/
#form-newsletter {
 display:block;
 margin-top:60px;
}
#blocNews {
 width:100%;
}
#blocNews .form-group {
 margin-top:30px;
 padding-bottom:230px;
}
#blocNews .form-group .col-sm-4 {
 text-align:right;
}
p#nbNews {
 margin-top:60px;
}
@media only screen and (max-width:767px){
#form-newsletter {
 margin-top:30px;
}	
#blocNews .form-group {
 padding-bottom:115px;
}
#blocNews .form-group .col-sm-4 {
 text-align:left;
 padding-top:30px;
}
p#nbNews {
 margin-top:20px;
}
}
/*Account newsletter end*/

/*Tickets / Retours */
p.nbTicket {
  margin: 0 0 10px 0;
}
p.nbTicket span {
  display:block;
  padding: 5px 0 5px 25px;
  background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 5px 3px;  
}
li.pwdTicket, #logTicket {
 width:342px;
 text-align:right; 
}
#histoTickets, #histoReturn {
 float:left;
 width: 98.2%;
 margin: 3px 7px 0 7px;
 padding: 0;
}
.ttTDate {
 margin-left:5.2%;
}
.ttTSubject {
 margin-left:15.5%;
}
.ttTStatus {
 margin-left:23.6%;
}
.ttTAction {
 margin-left:19.4%;
}
.rtDate {
 margin-left:5.2%;
}
.rtOrder {
 margin-left:14.1%;
}
.rtSubject {
 margin-left:11.3%;
}
.rtAction {
 margin-left:33.4%;
}
ul.ticketBloc, ul.returnBloc {
 margin:0;
 padding:0;
 list-style-type:none;
}
ul.ticketBloc li, ul.returnBloc li {
 width:100%;
 min-height:100px;
 margin:0;
}
ul.ticketBloc li .ticketDate, ul.returnBloc li .returnDate {
 position: relative;
 float: left;
 width: 28.35%;
 min-height:100px;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
ul.returnBloc li .returnDate {
 width: 26.5%;
}
ul.ticketBloc li .ticketDate p, ul.returnBloc li .returnDate p {
 position: absolute;
 top:50%;
 min-height:40px;
 margin:-20px 0 0 17.9%;
}
ul.ticketBloc li .ticketSubject, ul.returnBloc li .returnOrder {
 position: relative;
 float: left;
 width: 29.51%;
 min-height:100px;
 border-left: 1px solid #EEEEEF;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
ul.returnBloc li .returnOrder {
 width: 17.2%;
}
ul.ticketBloc li .ticketStatus, ul.returnBloc li .returnSubject {
 position: relative;
 float: left;
 width: 17.3%;
 min-height:100px;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
ul.returnBloc li .returnSubject {
 width: 31.7%;
}
ul.ticketBloc li .ticketSubject p, ul.returnBloc li .returnSubject p, ul.ticketBloc li .ticketStatus p, ul.returnBloc li .returnOrder p {
 position: absolute;
 top:50%;
 min-height:30px;
 /*margin:-15px 0 0 32px;*/
 margin:-15px 0 0 13.9%; 
}
ul.ticketBloc li .ticketBtn, ul.returnBloc li .returnBtn {
 float:left;
 width:21.1%;
 height:32px;
 padding:30px 0 38px 2.6%;
 background: transparent url(/gfx/login/filet-box.png) repeat-x left bottom;
}
.ticketBtn a.btnBleu, .returnBtn a.btnBleu {
 padding:9px 5px;
}
ul.ticketBloc li:last-child .ticketDate, ul.ticketBloc li:last-child .ticketSubject, ul.ticketBloc li:last-child .ticketStatus, ul.ticketBloc li:last-child .ticketBtn, ul.returnBloc li:last-child .returnDate, ul.returnBloc li:last-child .returnOrder, ul.returnBloc li:last-child .returnSubject, ul.returnBloc li:last-child .returnBtn {
 background: none; 
}
ul#refTicket {
 float:left;
 list-style-type:disc;
 margin:10px 0 25px 0;
 font-size:12px;
}
ul#refTicket li {
 line-height:20px;
}
/*.ticket {
 float:left;
 width:100%;
 overflow:hidden;
 margin-top:20px;
 border:1px solid #CCC;
 text-align:left;
}*/
.ticketHeader {
 float:left;
 width:28.5%;
 min-height:190px;
}
.ticketHeader p {
 line-height:20px;
 margin: 0;
 padding:0 5px 0 12px;
}
p.dateTicketHeader {
 line-height: 34px;
 height: 34px;
 margin-bottom:25px;
 background: url(/gfx/login/fond-table.png) repeat-x; 
}
.ticketMessage {
 float:left;
 width:62%;
 min-height:190px;
 margin: 0;
 padding: 35px 4.55%;
 font-size:12px;
 font-weight:bold;
 border-left: 1px solid #EEEEEF;
}
#commentTicket {
 float:left;
 width:100%; 	
 margin-top:30px;
}
.ticketSuccess {
 font-size:13px;
 padding: 5px 0 10px 0;
}
#ticket_customers_orders_id {
 display:block;
}
#returns_tbl {
 float: left;
 width:576px;
 margin-bottom:10px;
}
#returns_tbl .steps {
 display: none;
 float:left;
 /*width:100%;*/
}
#returns_tbl .butAccountBas2 .steps {
 float:right;
}
#returns_tbl .step3k {
 background: #fafafa;
}
#returns_tbl p.returnSelect {
 float:left;
 height:25px;
 margin:20px 0 55px 0;
 padding-left:25px;
 /*line-height:25px;*/
 background: url(/gfx/pictos/picto-1.png) no-repeat 0 0;
}
#returns_tbl p.produitRetour {
 float:left;
 height:25px;
 margin:0;
 padding-left:25px; 
 background: url(/gfx/pictos/picto-2.png) no-repeat 0 0;
}
/*.returns_reasons_text_content {
 float:right;
 margin: 20px 20px 0 0;
 display:none;
 background-color: #F5F6F6;
 padding: 15px;
 width: 420px;
 font-size:13px;
}*/
/*.inputRequirement {
 font-size: 200%;
 color: orange;
 position: relative;
 top:5px;
 margin-left: 5px;
}*/
#products-list {
 position: relative;
 width:576px;
 float:left;
 margin: 0;
}
ul#products {
 list-style-type:none;
 float:left;
 margin:0 0 20px 0;
 padding:0;
}
ul#products li {
 float:left;
 width:100%;
 position: relative;
 margin:15px 0 10px 0;
 /*padding: 10px 0 20px 0;*/
}
ul#products li .check {
 float: left;
 width: 20px;
 height: 20px;
 margin-top: 34px;
}	
ul#products li .check2 {
 float: left;
 width: 380px;
 margin-top: 34px;
}
ul#products li .reasons_select {
 /*display: none;*/
 float: left;
 width: 100%;
 margin: 15px 0 20px 0;
}
p.motifReturn {
 float:right;
 margin:0 20px 0 0;
 padding:0;
}
#commentReturn {
 margin:20px 0 10px 0;
 width:570px;
}
#commentReturn textarea {
 width:550px;
}
p.merciReturn {
 float:left;
 width:274px;
 margin:0;
}
.check input[type="checkbox"] {
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
}
@media only screen and (max-width:767px){
.ttTDate {
 margin-left:1.8%;
}
.ttTSubject {
 margin-left:15.3%;
}
.ttTStatus {
 margin-left:22.2%;
}
.ttTAction {
 margin-left:18.5%;
}
.rtDate {
 margin-left:1.8%;
}
.rtOrder {
 margin-left:14.7%;
}
.rtSubject {
 margin-left:8.8%;
}
.rtAction {
 margin-left:31.3%;
}
ul.ticketBloc li .ticketDate p, ul.returnBloc li .returnDate p {
 margin-left:5%;
}
ul#refTicket {
 margin-left:10px;
}
#returns_tbl {
 width: 100%;
}
#products-list {
 width:100%;
}
ul#products {
 list-style-type:none;
 float:left;
 margin:0 0 20px 0;
 padding:0;
}
ul#products li .check2 {
 width: auto;
}
.returns_reasons_text_content {
 margin: 20px 20px 0 0;
 width: auto;
}
#commentReturn {
 margin:20px 10px 10px 0;
 width:auto;
}
#commentReturn textarea {
 width:100%;
}
p.merciReturn {
 float:left;
 width:274px;
 margin:0;
}
}
@media only screen and (min-width: 640px) and (max-width:710px){
.ttTDate {
 margin-left:1.4%;
}
.ttTSubject {
 margin-left:12.7%;
}
.ttTStatus {
 margin-left:20.8%;
}
.ttTAction {
 margin-left:17.2%;
}
.rtDate {
 margin-left:1.4%;
}
.rtOrder {
 margin-left:12.7%;
}
.rtSubject {
 margin-left:6.2%;
}
.rtAction {
 margin-left:29.6%;
}
}
@media only screen and (max-width:639px){
.blocAccount input#tlid {
 width:100%;	
 height: 24px;
 padding: 3px 5px;
}
p.nbTicket {
 margin-left:10px;
}
.acc p.nbTicket {
 margin-left: 0;
}
.ticketSuccess {
 padding: 5px 10px 10px 10px;
}
li.pwdTicket, #logTicket {
 width:100%;
 text-align:left; 
}	
#commentTicket {
 clear:both;
 float:none;
 width:auto;
 margin:10px;
}
#histoTickets .title_box, #histoReturn .title_box {
 display:none;
}
ul.ticketBloc li, ul.returnBloc li {
 width:100%;
 min-height:inherit;
 height:100%;
}
ul.ticketBloc li .ticketDate, ul.returnBloc li .returnDate, ul.ticketBloc li .ticketSubject, ul.returnBloc li .returnOrder, ul.ticketBloc li .ticketStatus, ul.returnBloc li .returnSubject {
 width: 100%;
 min-height:inherit;
 border: none;
 padding:5px 0;
 background: none;
}
ul.ticketBloc li .ticketDate, ul.returnBloc li .returnDate {
 padding:10px 0 5px 0;
}
ul.returnBloc li .returnDate, ul.returnBloc li .returnOrder, ul.returnBloc li .returnSubject {
 width: 100%;
}
ul.ticketBloc li .ticketDate p, ul.returnBloc li .returnDate p, ul.ticketBloc li .ticketSubject p, ul.returnBloc li .returnSubject p, ul.ticketBloc li .ticketStatus p, ul.returnBloc li .returnOrder p {
 position: inherit;
 top:inherit;
 min-height:inherit;
 margin:0 10px;
 padding:0; 
}
ul.ticketBloc li .ticketBtn, ul.returnBloc li .returnBtn {
 width:100%;
 padding:5px 0 10px 0;
}
.ticketBtn a.btnBleu, .returnBtn a.btnBleu {
 margin:0 10px;
}
.ticketHeader {
 width:100%;
 min-height:inherit;
}
.ticketMessage {
 float:left;
 width:auto;
 min-height:inherit;
 padding: 20px 5px 20px 12px;
 border: none;
}
#returns_tbl p.returnSelect {
 margin-left: 10px;
}
#returns_tbl {
 width: auto;
}
#returns_tbl .steps {
 padding: 0 10px;
}
p.motifReturn select {
 max-width: 200px;
}
#returns_tbl .butAccountBas2 .steps {
 float: none;
 padding:0;
}
.returnEdit {
 padding:0 10px;
}
}
/*Tickets / Retours end*/

/*Guide des tailles / Choisir son casque*/
ul.recoTaille {
	padding: 0px;
	list-style-type: none;
}
ul.recoTaille li {
	padding: 10px 0 10px 20px;
	background: url(/gfx/pictos/arrow-reco.png) no-repeat 0 10px;
}
#typesCasques ul {
	padding: 0;
	list-style-type: none;
}
#typesCasques ul li {
	position: relative;
	padding: 0 0 30px 0;
}
#typesCasques ul li h3 {
	font-size: 12px;
	color: #fff;
	margin: 4px 0 0 40px;
	padding: 4px 7px 4px 37px;
}
#typesCasques ul li a.lienTypeCasque {
	display:inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 4px 0 0 40px;
	padding: 2px 7px 2px 43px;
	background-color: #95979a;
}
#typesCasques ul li a.lienTypeCasque:hover {
	text-decoration: none;
}
#typesCasques ul li div.visuelCasque {
	position: absolute;
	top: -6px;
	left: 0;
	width: 82px;
	height: 96px;
}
#typesCasques ul li div.texteCasque {
	padding: 5px 0 0 82px;
}
#typesCasques ul li div.texteCasque div.nombreCasques {
	float: right;
	height: 30px;
	padding: 8px 0 0 0;
	text-align: right;
}
#typesCasques ul li div.texteCasque div.nombreCasques a.selectionCasques {
	font-size: 12px;
	font-weight: normal;
	color:#04cbfd;
	margin: 0;
	padding: 0;
	background: none;
}
#typesCasques ul li div.texteCasque div.nombreCasques a.selectionCasques:hover {
	text-decoration: none;
}
#CasquesAdultes {
	padding-top: 275px;
	background: url(/gfx/taille/bg-tailles-casques-adultes.jpg) no-repeat left top;
}
#CasquesAdultes #tabAdultes, :lang(it) #CasquesAdultes #tabAdultes, :lang(en) #CasquesAdultes #tabAdultes, :lang(es) #CasquesAdultes #tabAdultes, :lang(de) #CasquesAdultes #tabAdultes {
	width: 378px;
	height: 85px;
	text-indent: 10px;
	line-height: 20px;
	background: url(/gfx/taille/tableau-taille-casque-adulte.png) no-repeat left top;
}
:lang(it) #CasquesAdultes #tabAdultes {
	background: url(/gfx/taille/tabella-taglia-casco-adulto.jpg) no-repeat left top;
}
:lang(en) #CasquesAdultes #tabAdultes {
	background: url(/gfx/taille/table-adult-helmet-size.jpg) no-repeat left top;
}
:lang(es) #CasquesAdultes #tabAdultes {
	background: url(/gfx/taille/mesa-tallas-cascos-adultos.jpg) no-repeat left top;
}
:lang(de) #CasquesAdultes #tabAdultes {
	background: url(/gfx/taille/tabelle-helmgroessen-erwachsene.jpg) no-repeat left top;
}
#CasquesEnfants {
	padding-top: 260px;
	background: url(/gfx/taille/bg-tailles-casques-enfants.jpg) no-repeat left top;
}
#CasquesEnfants #tabEnfants, :lang(it) #CasquesEnfants #tabEnfants, :lang(en) #CasquesEnfants #tabEnfants, :lang(es) #CasquesEnfants #tabEnfants, :lang(de) #CasquesEnfants #tabEnfants {
	width: 370px;
	height: 119px;
	text-indent: 10px;
	line-height: 20px;
	background: url(/gfx/taille/tableau-taille-casque-enfant.png) no-repeat left top;
}
:lang(it) #CasquesEnfants #tabEnfants {
	background: url(/gfx/taille/tabella-taglia-casco-bambino.jpg) no-repeat left top;
}
:lang(en) #CasquesEnfants #tabEnfants {
	background: url(/gfx/taille/table-children-helmet-size.jpg) no-repeat left top;
}
:lang(es) #CasquesEnfants #tabEnfants {
	background: url(/gfx/taille/mesa-tallas-cascos-ninos.jpg) no-repeat left top;
}
:lang(de) #CasquesEnfants #tabEnfants {
	background: url(/gfx/taille/tabelle-helmgroessen-kinder.jpg) no-repeat left top;
}
#guideTaille #strandsCasquesAdultes, #guideTaille #strandsCasqesEnfants {
	width: 378px;
	height: 250px;
	margin: 10px 49px 10px 0;
}
@media only screen and (max-width:639px){
#CasquesAdultes, #CasquesEnfants {
    padding-top: 72%;
    background-size: 100%;
}
#CasquesEnfants {
    padding-top: 68%;
}
#CasquesAdultes #tabAdultes, #CasquesEnfants #tabEnfants, :lang(it) #CasquesAdultes #tabAdultes, :lang(it) #CasquesEnfants #tabEnfants {
    width: 300px;
	height:68px;
    background-size: 100%;
}
#CasquesEnfants #tabEnfants, :lang(it) #CasquesEnfants #tabEnfants {
	height:97px;
}
}
/*Guide des tailles end*/

/*Contact*/
#containerContact {
 float: left;
 width: 100%;
 margin: 0;
 padding-top:258px;
 background: transparent url(/gfx/account/bg_contact.png) no-repeat center 30px;
}
ul#informationsContact {
 position:relative;
 float:left;
 width: 100%;
 margin:80px 0;
 padding: 0 10px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 list-style-type:none;
}
ul#informationsContact li {
 float:left;
 width:27.45%;
 /*width:277px;*/
 margin:0 8.4% 0 0;
}
ul#informationsContact li:last-child {
 margin:0;
}
.text-contact {
 display:inline-block;
 color:#3d3d3d;
 font-size:18px;
 padding:20px 0;
}
#btn_callback, #btn_callback_call {
	background: url("/gfx/common/bg_callback.png") no-repeat scroll 0% 0% transparent;
	border: none;
	width: 258px;
	height: 50px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	padding-left: 65px;
	text-align: left;
}
#wnd_callback {
  text-align:center;
  padding-bottom:15px;
}
#wnd_callback p {
  font-size:12px;
  color:#444;
  margin: 10px 0 20px 0;  
}
#wnd_callback p.hint {
  color:#666;
}
#wnd_callback input {
  border:none;
  background-color:#ddd;
  margin:0 0 10px;
  padding:8px;
  width:75%;
  border-radius:4px;
  font-size:12px;
}

/*ul#informationsContact p {
 margin:0;
 padding:0;
 text-indent:-5000px;
}
ul#informationsContact li a#icc-contact {
 position:absolute;
 display:block;
 width:200px;
 height:30px;
 top:162px;
 left:275px;
}*/

ul#rejoignezNous {
 float:left;
 width:auto;
 margin:0;
 padding:0 10px;
 list-style-type:none;
}
ul#rejoignezNous li {
 float:left;
 min-height:205px;
 padding:40px 0;
}
ul#rejoignezNous li#news-icc {
 width:28.7%;
 margin-right:4.75%;
}
ul#rejoignezNous li#social-icc {
 width:29.3%;
 margin-right:4.75%;
}
ul#rejoignezNous li#sc-icc {
 width:31.2%;
}
.head-join {
 height:93px;	
 margin:0;
 padding:0;
 text-align:center;
}
.text-join {
 margin:25px 0 0 0;
 padding:0;
 font-size:12px;
}
.title-tj {
 font-size:15px;
 font-weight:bold;
 color:#3d3d3d;
 text-transform:uppercase;
 display:inline-block;
 margin-bottom:5px;
}
.acc-tj {
 font-size:14px;
 color:#30b4e4;
 display:inline-block;
 margin-bottom:5px;
}
.social-group {
 display:inline-block;
 width:68px;
 height:69px;
 margin:24px 10px 0 10px;
 text-indent:-7000px;
 background-image:url(/gfx/account/social-icc.png);;
 background-repeat:no-repeat;
}
.social-fb {
 background-position:0 0;
}
.social-twitter {
 background-position:-100px 0;
}
.social-gg {
 background-position:-201px 0;
}
@media only screen and (max-width:767px){
ul#informationsContact {
 margin:40px 0;
}
ul#rejoignezNous li#news-icc {
 width:44%;
 margin-right:4.75%;
}
ul#rejoignezNous li#social-icc {
 width:44%;
 margin-right:4.75%;
}
ul#rejoignezNous li#sc-icc {
 width:50%;
 margin:0 auto;
}
}
@media only screen and (max-width:639px){
#containerContact h1 {
 font-size:20px;
}
ul#informationsContact li {
 width:100%;
 margin:0 0 40px 0;
}
ul#rejoignezNous li#news-icc, ul#rejoignezNous li#social-icc, ul#rejoignezNous li#sc-icc {
 width:100%;
 padding-bottom:0;
}
}
/*Contact end*/

/*boutons*/
.butAccount, .butAccount2, .butAccountBas, .butAccountBas2 {
 position: relative;
 float: left;
 margin: 0 0 10px 0;
 /*height: 32px;*/
 width: 792px;
}
.butAccountBas {
 margin: 10px 0 10px 0;
}
.butAccountBas2 {
 width: 576px;
 margin: 20px 0 0 0;
}
.butAccount2 {
 width: 695px;
}
.container .butAccount, .container .butAccount2,.container .butAccountBas,.container .butAccountBas2 {
 width: 100%;
}
a.backAccount, a.backAccount2 {
 display:block;
 float: right;
 margin-right:56px;
 font-size: 13px;
 /*line-height: 32px;*/
 line-height:42px;
 color: #5B5555;
}
a.backAccount2 {
 margin-right:5px;
}
a.backAccount:hover, a.backAccount2:hover {
 text-decoration: underline;
}
a.btnGrey, a.btnBleu {
  display:block;
  color:#636466;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  border:1px solid #eeeeef;
  cursor:pointer;  
  /*background: url(/gfx/boutons/btn-grey.png) no-repeat 0 0;*/
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; 
  background:#f5f5f5 center top no-repeat;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f5f5f5 100%); 
}
a.btnBleu {
  color:#fff;
  /*background: url(/gfx/boutons/btn-bleu.png) no-repeat 0 0;*/
  background:#40629f center top no-repeat;
  background-image: -webkit-linear-gradient(top, #67a1d7 0%, #40629f 100%);
  background-image: -moz-linear-gradient(top, #67a1d7 0%, #40629f 100%);
  background-image: -o-linear-gradient(top, #67a1d7 0%, #40629f 100%);
  background-image: -ms-linear-gradient(top, #67a1d7 0%, #40629f 100%);
  background-image: linear-gradient(top, #67a1d7 0%, #40629f 100%);
}
.boxHistoryActions a.btnGrey, .boxHistoryActions a.btnBleu, .addressActions a.btnGrey, .addressActions a.btnBleu {
  width:160px;
  height:24px;
  line-height:24px;  
}
.addressActions a.btnGrey, .addressActions a.btnBleu {
  width:100px;  
}
a.btnGreen2 {
  color:#fff;
  font-weight:bold;
  line-height:120%;
  display:inline-block;
  padding: 0 8px;
  border-radius: 4px;
  border:1px solid #ccc;
  cursor:pointer;
  background: #cdeb8e; /* Old browsers */
  background: -moz-linear-gradient(top,  #c0d716 0%, #7bab29 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0d716), color-stop(100%,#7bab29)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c0d716 0%,#7bab29 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c0d716 0%,#7bab29 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c0d716 0%,#7bab29 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c0d716 0%,#7bab29 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d716', endColorstr='#7bab29',GradientType=0 ); /* IE6-9 */
}
a.btnGrey2, a.btnBleu2 {
  display:block;
  width:100px;
  height:26px;
  line-height:26px;
  color:#636466;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  background: url(/gfx/boutons/btn-grey2.png) no-repeat 0 0;
}
a.btnBleu2 {
  color:#fff;
  background: url(/gfx/boutons/btn-bleu2.png) no-repeat 0 0;
}
a.btnGrey3, a.btnBleu3 {
  display:block;
  width:162px;
  height:32px;
  line-height:32px;
  color:#636466;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  background: url(/gfx/boutons/btn-grey3.png) no-repeat 0 0;
}
a.btnBleu3 {
  color:#fff;
  background: url(/gfx/boutons/btn-bleu3.png) no-repeat 0 0;
}
a.btnBleu4 {
 display:inline-block;
 text-align:center;
 color:#fff;
 padding:2px 8px;
 cursor:pointer;
 background:#00b0ed center top no-repeat;
 background-image: -webkit-linear-gradient(bottom, #3cc6f2, #00b0ed);
 background-image: -moz-linear-gradient(bottom, #3cc6f2, #00b0ed);
 background-image: -o-linear-gradient(bottom, #3cc6f2, #00b0ed);
 background-image: -ms-linear-gradient(bottom, #3cc6f2, #00b0ed);
 background-image: linear-gradient(top, #3cc6f2, #00b0ed);
}
a.btnBleu4:hover {
 background: #3cc6f2 center top no-repeat; 
 text-decoration:none;
}
a.btnOK {
  /*display:block;
  width:200px;*/
  height:32px;
  line-height:32px;
  padding:0 25px;
  color:#fff;
  font-size:13px;
  text-align:center;
  /*background: url(/gfx/boutons/btn-ok.png) no-repeat 0 0;*/
}
a.btnGrey4 {
 display: inline-block;
 text-align: center;
 padding:10px 15px;
 border:1px solid #eeeeef;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px; 
 background:#f5f5f5 center top no-repeat;
 background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
}
a.btnGrey5 {
 display: inline-block;
 text-align: center;
 padding:18px 25px;
 border:1px solid #eeeeef;
 background:transparent;
}
a.btnGrey5:hover {
 background:#f5f5f5 center top no-repeat;
 background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
 background-image: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
}
a.btnGrey6, .btnGrey6 {
 display: inline-block;
 cursor:pointer;
 border:none; 
 background:#5f6266;
 transition: background-color .2s ease-out;  
}
a.btnGrey6:hover, .btnGrey6:hover {
 background:#828282;
}
.btnContact {
 float:left;
}
.btnAide {
 float:right;
}
.btnAccount {
 margin-right:5px;
 padding:0 25px;
 height:32px;
 line-height:32px;
 font-size:13px;
}
.butAccount .btnAccount {
 float:right;
}
.butAccount .btnForm {
 float:right;
 width:35%;
}
@media only screen and (max-width:767px){
.butAccount, .butAccount2, .butAccountBas, .butAccountBas2 {
 float: none;
 width: 100%;
 clear: both;
}
.one-col .butAccount {
 padding: 0 20px;
}
}
@media only screen and (min-width:640px) and (max-width:767px){
.btnGrey5.btnContact, .btnGrey5.btnAide {
 padding:18px 15px;
}
.butAccount .btnForm {
 /*float:none;
 width:66%;*/
 width:45%;
}
}
@media only screen and (max-width:639px){
.butAccount, .butAccount2, .butAccountBas, .butAccountBas2 {
 width:auto;
 height:auto;
 margin:0 10px;
}
.one-col .butAccount {
 padding:0;
}
.btnAccount, a.btnOK {
 float: none;
 width:100%;
 height:inherit;
 line-height:inherit;
 padding:15px 0;
 margin:0;
 font-size:15px; 
}
.btnAccount, a.btnOK {
 margin-top:20px;
}
.butAccount .btnAccount {
 float:none;
}
.butAccount .btnForm {
 float:none;
 width:100%;
}
a.backAccount, a.backAccount2 {
 float: none;
 margin: 10px;
 line-height: inherit;
}
.boxHistoryActions a.btnGrey, .boxHistoryActions a.btnBleu, .addressActions a.btnGrey, .addressActions a.btnBleu {
 width:auto;
 height:31px;
 line-height:31px;
 margin:0 10px; 
}
.addressActions a.btnGrey, .addressActions a.btnBleu {
 margin-bottom:10px; 
}
a.btnGrey4, a.btnGrey5 {
 display:block;
}
.btnContact, .btnAide {
 float:none;
 margin:10px 10px 0 10px;
}
}
/*boutons end*/

/*coupons*/
#headCoupons {
float:left;
height:134px;
width:360px;
padding:10px 0 20px 360px;
font-size:23px;
line-height:40px;
color:#000;
background: transparent url(/gfx/account/top-coupons.png) no-repeat left top;
box-sizing: content-box;
}
#headCoupons .ttec  {
 font-size:40px;
 font-family:Arial Black;
 text-transform:uppercase; 
}
#enteteCoupons {
margin: 0;
padding: 0 10px;
clear:both;
}
#coupons {
 float:left;
 /*width:776px;*/
 width:98.2%;
 margin:3px 7px 0 7px;
 padding:0;
 opacity:1;
}
/*#coupons:hover {
 opacity:0.7;
}*/
#coupons .title_box {
position: relative;
float: left;
width: 100%;
line-height: inherit;
height: inherit;
padding: 9px 0;
background:#eaeaea center top no-repeat;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%);
}
.titreCoupon {
width: 360px;
padding: 0 20px;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 1px;
display: inline-block;
margin-left: 10px;
float: left;
}
.codeCoupon {
width: 235px;
display: inline-block;
float: left;
padding-right:10px;
}
a.btnCoupon {
text-transform: uppercase;
background: transparent url(/gfx/pictos/arrow-grey3.png) no-repeat right 1px;
display: inline-block;
padding: 3px 22px 3px 0;
}
a.btnCoupon:hover {
 text-decoration:underline;
}
#coupons p {
 padding: 4px 10px 4px 12px;
 margin:12px 0;
 font-size:12px;
 float:left;
}
p#noCoupon {
 padding:10px;
 background:#f8f8fa;
 margin-bottom: 20px;
}
@media only screen and (max-width:767px){
#headCoupons {
width: auto;
height:auto;
min-height: inherit;
font-size:18px;
line-height:30px;
padding: 160px 10px 10px 10px;
background-position: 10px 0;
}
#headCoupons .ttec  {
font-size:28px;
}	
.titreCoupon {
 width: auto;
 float: none;
}
.codeCoupon {
 width: auto;
 float: none;
 display: block;
 margin: 8px 0 8px 10px;
}
a.btnCoupon {
 margin-left: 10px;
}
}
/*coupons end*/

/*cheque*/
#topCheque {
 float:left;
 width:100%;
}
p#txtOffreCheque {
 float:left;
 margin:0 20px 20px 20px;
 font-size:13px;
 text-align:justify;
}
#containerAccount.cheque {
 width:100%;
 padding-top:12%;
 background: transparent url(/gfx/cheque/bg-cheques-cadeaux.jpg) no-repeat;
 background-size:100%;
}
:lang(it) #containerAccount.cheque {
 background: transparent url(/gfx/cheque/bg-assegni-regalo.png) no-repeat 0 -15px;
 background-size:auto;
}
:lang(en) #containerAccount.cheque {
 background: transparent url(/gfx/cheque/bg-gift-vouchers.png) no-repeat 0 -15px;
 background-size:auto;
}
:lang(es) #containerAccount.cheque {
 background: transparent url(/gfx/cheque/bg-cheques-regalo.png) no-repeat 0 -15px;
 background-size:auto;
}
:lang(de) #containerAccount.cheque {
 background: transparent url(/gfx/cheque/bg-geschenk-gutschein.png) no-repeat 0 -15px;
 background-size:auto;
}
p#txtCheque {
 margin: 5px 0 0 20px;
 float: left;
 padding: 5px 0 10px 0;
 width:85.9%;
 text-align:justify;
}
.giftVoucher {
 float:left;
 width:98%;
 color:#504F4F;
 margin-bottom:10px;
 padding:0 1%;
}
.giftVoucher ul {
 list-style-type:none;
 margin:10px 0 0 30px;
 padding:0;
}
.giftVoucher ul li.visuVoucher {
 float:left;
 /*width:220px;
 height:96px;*/
 width:190px;
 height:94px;
 margin:0 28px 16px 0;
 text-indent:-5000px;
 background: transparent url(/gfx/cheque/sprite-check.png) no-repeat;
}
.giftVoucher ul li.visuVoucher > input[type="radio"] {
 display:block;
 position:relative;
 left:inherit;
 float:left;
 margin:0;
 padding:0;
 height:96px;
 line-height:96px;
}
.giftVoucher .btnForm {
 float: right;
 width:35%;
 margin-right:20px;
}
li#gv1 {
 background-position:20px 0;
}
li#gv2 {
 background-position:-174px 0;
}
li#gv3 {
 background-position:-369px 0;
}
li#gv4 {
 background-position:20px -114px;
}
li#gv5 {
 background-position:-179px -114px;
}
li#gv6 {
 background-position:-372px -114px;
}
li#messageGiftVoucher {
 /*min-height:152px;*/
 height:auto;
}
li#messageGiftVoucher textarea {
 height:152px;
 width:60%;
}
@media only screen and (max-width:767px){
.giftVoucher ul li.visuVoucher {
 margin-right:10px;
}
:lang(it) #containerAccount.cheque, :lang(en) #containerAccount.cheque, :lang(es) #containerAccount.cheque, :lang(de) #containerAccount.cheque {
 background-size:100%;
}
}
@media only screen and (max-width:639px){
#containerAccount.cheque, :lang(it) #containerAccount.cheque, :lang(en) #containerAccount.cheque, :lang(es) #containerAccount.cheque, :lang(de) #containerAccount.cheque {
 padding-top:15%;
}
/*.giftVoucher {
 padding:0 10px;
}*/
li#messageGiftVoucher textarea {
 width:68%;
}
.giftVoucher .btnForm {
 float: none;
 width: 100%;
 margin-right:0;
}
}
@media only screen and (max-width:479px){
.giftVoucher {
 width:100%;
}
}
/*cheque end*/

/* selection */
/*#send-favorites {
  font-size: 15px;
  padding: 6px 15px;
}*/
ul#favorites-list {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 12px;
}
ul#favorites-list li {
	border-top: 1px solid #eee;
	display:block;
	clear:both;
	padding: 20px 0;
	margin: 10px 0;
}
ul#favorites-list li:first-child {
	border: none;
	padding-top:0;
	margin-top:-10px;
}
ul#favorites-list li img {
	float:left;
	margin: 0 50px 20px 0;
}
ul#favorites-list span {
	display: block;
}
ul#favorites-list span.name {
	color: #3793E2;
	font-size: 15px;
	padding-top: 10px;
}
ul#favorites-list div#blockleft {
	float:left;
	width:300px;
	padding-bottom:10px;
}
ul#favorites-list div#blockright {
	float:right;
	margin-top: 10px;
	margin-left: 10px;
	width: 250px;
}
ul#favorites-list div#blockright .barre {
	color:red;
	text-decoration: line-through;
	font-size: 14px;
}
ul#favorites-list div#blockright .price {
	color: #504F4F;
	font-size: 32px;
	font-weight:bold;
	margin-bottom: 20px;
}
ul#favorites-list p {
	margin: 30px 0 0;
}
ul#favorites-list a.action {
	cursor:pointer;
	font-weight:bold;
	padding: 5px 10px;
}
ul#favorites-list a.remove-favorite {
	padding-left: 0;
	border-right: 1px solid #eee;
}
ul#favorites-list a.action:hover, ul#favorites-list a.remove-favorite:hover {
	text-decoration:underline;
}
ul#favorites-list a.move-to-cart {
	cursor:pointer;
    padding: 10px 6px;
    width: 180px;
}
#form-send-favorites strong {
	font-size:130%;
	margin: 10px 0 5px 0;
}
#form-send-favorites label {
	display:block;
	margin: 5px 0;
}
#form-send-favorites span.info {
	color:#666;
	font-style:italic;
	display:block;
}
#form-send-favorites input#sendto, #form-send-favorites textarea  {
	height:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;		
}
#form-send-favorites input#sendto {
	width:50%;	
}
#form-send-favorites textarea {
	width:90%;
}
#form-send-favorites div#btns {
	margin-top: 15px;
    float:right;
}
#form-send-favorites div#btns a {
	margin:0 10px;
}
@media only screen and (max-width:767px){
ul#favorites-list {
    margin: 30px 0;
}
ul#favorites-list li img {
    margin: 0 20px 20px 0;
}
ul#favorites-list div#blockleft {
	width:30%;
}
ul#favorites-list div#blockright {
    width: auto;
    margin-left: 5px;
}
ul#favorites-list p {
	margin: 15px 0;
}
ul#favorites-list a.remove-favorite {
    display: block;
    border: none;
}
ul#favorites-list a.action {
    padding: 3px 0;
}
}
@media only screen and (max-width:639px){
ul#favorites-list li img {
    margin: 0 20px 0 0;
}
ul#favorites-list div#blockleft {
	width:50%;
}
ul#favorites-list div#blockright {
    width: 100%;
    margin: 10px 0 0 0;
}
ul#favorites-list div#blockright .barre, ul#favorites-list div#blockright .price {
    text-align:center;
}
#send-favorites {
    display: block;
    margin: 0 10px;
    padding: 10px 15px;
}
ul#favorites-list a.move-to-cart {
    width: auto;
    padding: 15px 6px;
	margin: 0 10px 10px 10px;
}
#form-send-favorites input#sendto,
#form-send-favorites textarea  {
	width:100%;	
}
#form-send-favorites div#btns {
    float:none;
}
#form-send-favorites div#btns a {
    margin: 10px 0 0 0;
}
}
/* selection end */

/* credits */
#your_credit {
	clear:both;	
	/*height:43px;*/
	width:395px;
	padding: 15px 10px 15px 0;
	color: #D2A209;
	font-size: 17px;
	font-weight:bold;
	text-transform:uppercase;
	background: transparent url(/gfx/account/bg_coins.jpg) no-repeat right bottom;	
}
#your_credit strong {
	font-size: 145%;
}
table.account .amount {
	font-size: 160%;
	color:#04CBFD;
	font-weight:bold;
}
table.account span.warning {
	padding-right:20px;
	background:transparent url(/gfx/pictos/warning.png) no-repeat right -1px;
}
.credit #credit-block {
	/*margin-top:40px;*/
	float:left;
	padding-bottom:27px;
	background:transparent url(/gfx/login/filet-bottomCheckout.png) no-repeat center bottom;	
}
.credit #gift-block {
	float:right;
	width:56%;
	/*margin-right:20px;*/
	padding-left:3.2%;
	border-left:1px solid #ccc;
}
.credit p.title {
	margin:0;
	color: #3F3D3E;
	font-size: 19px;
	font-weight:bold;
}
.credit #credit-block p#howCredit, .credit #credit-info p#infCredit {
	padding:15px 0;
}
.credit #gift-block p.expl {
	margin:0;
	font-size:10px;
	font-style:italic;
}
.credit #credit-block p#sponsorship-block {
	display:block;
	float:left;
	padding: 0 3.2% 0 0;
	margin:0;
}
.credit #credit-block p#sponsorship-block a {
	display:inline-block;
}
.credit #credit-block #gift-form {
	background:transparent url(/gfx/account/gift.jpg) no-repeat left bottom;
	margin: 0;
	padding: 92px 10px 0px 230px;
}
.credit #credit-block #gift-form input[type="text"] {
	width: 150px;
	font-size:11px;
	/*height:18px;*/
	height:30px;
	text-align:center;
	border:1px solid #ccc;
}
.credit #credit-block #gift-form input[type="submit"] {
    text-align: center;
    padding:9px 7px;
    font-size:11px;
    color:#fff;
    text-transform:uppercase;
}
div#noCredit {
	clear:both;
	padding: 0 10px 20px 0;
	border-bottom:1px solid #ccc;
}
div#noCredit p {
	margin:0;
	font-size:13px;
	font-weight:bold;
}
div#noCredit p#credit-null {
	margin:0;
	padding-top:10px;
	text-align:center;
	font-size:17px;
}
.credit #credit-info {
	float:left;
	width:100%;
	padding:15px 0 0 0;
	font-size:12px;
	background:transparent url(/gfx/pictos/picto-purse.png) no-repeat 0 7px;	
}
.credit #credit-info p {
	margin:0;
	padding:0 0 0 68px;
	font-size:12px;
}
.credit #credit-info p#infCredit {
	padding:5px 0 5px 68px;
	font-size:18px;
}
.credit hr {
	clear:both;
    visibility: visible;
    border: 0;
    height: 27px;
    width: 100%;
    margin: 0;
    background: transparent url(/gfx/login/filet-bottomCheckout.png) no-repeat left top;
}
@media only screen and (max-width:767px){
.credit #credit-block {
	float:none;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	background:none;	
}	
.credit #gift-block {
	float:none;
	width:auto;
	margin:0;
	padding:15px 0 0 0;
	border-left:none;
}
.credit #credit-block p#sponsorship-block {
	float:none;
	padding:0 10px 15px 10px;
	text-align:center;
	border-bottom:1px solid #ccc;	
}
.credit #credit-block #gift-form {
	padding-top: 75px;
}
.credit #credit-block #gift-form input[type="text"] {
	width: 77%;
}
.credit #credit-info {
	float:none;
	width:auto;
	padding:15px 10px;
	/*border-bottom:1px solid #ccc;*/
	background-position: 0 18px;	
}
.credit hr {
	display:none;
}
}
@media only screen and (max-width:639px){
#your_credit {
	width:auto;
	font-size: 15px;
	background-position:55% bottom;
}
table.account {
    width: auto;
	margin: 0 10px;
}
.credit #credit-block {
	padding-bottom:20px;
	background:none;
	border-bottom:1px solid #ccc;		   
}
#your_credit, .credit #gift-block {
	padding-left:10px;
	padding-right:10px;
}
.credit #credit-block #gift-form {
    padding: 10% 10px 0px 30%;
    background-size:27%;
}
.credit #credit-block p#howCredit {
	padding:15px 10px;
}
.credit #credit-info {
	background-position: 10px 18px;
}
div#noCredit {
	padding-left: 10px;
}
div#noCredit p {
	text-align:center;
}
}
@media only screen and (max-width:590px){
#your_credit {
	padding:10px 10px 7px 10px;
	background-size:90px;
}
}
@media only screen and (max-width:520px){
#your_credit {
	background-position:75% bottom;
}
}
@media only screen and (max-width:399px){
#your_credit {
	background-position:right bottom;
}
}
/* credits end */

/* parrainage */
img#sponsor-banner {
	border:1px solid #eee;
	margin-bottom:20px;
}
div.teaser {
	width:370px;
	float:left;
	padding: 0 0 15px 0;
	font-size:20px;
	color:#4D4D4F;
}
div#for-friends {
	padding-left:30px;
	width:390px;
	border-left:1px solid #ddd;
}
div.teaser strong {
	display:block;
	text-transform:uppercase;
	padding:0 0 10px 0;
}
div#for-friends strong {
	padding-bottom:30px;
}
div.teaser div {
	background:#fff url(/gfx/account/red-arrow.png) no-repeat right;
	float:left;
	padding-right: 30px;
}
div.teaser.b2b div {
	background-position: right 10px;
}
#containerAccountMain.sponsorship .blue {
	color:#00C2F2;
}
div.teaser .price {
	color:#00C2F2;
	font-size:46px;
	font-weight:bold;
	line-height:32px;
}
div.teaser .offerts {
	color:#0097C3;
	font-size:32px;
	font-weight:bold;
	text-transform:uppercase;
}
div.teaser.b2b span.price {
	font-size:40px;
}
div.teaser.b2b span.offerts {
	font-size:20px;
}
div.teaser em {
	display:block;
	clear:left;
	font-size:11px;
	font-style:normal;
}
div.teaser .label {
	font-size:16px;
}
div.teaser.b2b div {
	font-size:16px;
	font-weight:bold;
}
div#sponsees-info {
	margin-top:10px;
	font-size:20px;
	color:#4D4D4F;
	font-weight:bold;
}
div#sponsees-info .total {
	font-size:46px;
	color:#DB2F21;
}
div#sponsees-info .total-ok {
	font-size:46px;
	color:#0097C3;
}
div#sponsees-info .price {
	color:#00C2F2;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
}
#containerAccountMain.sponsorship .btnBlueFluo {
	margin-top: 5px;
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	padding:8px 15px;
}

#containerAccountMain.sponsorship h2 {
	font-size: 16px;
	color: #333;
	margin: 20px 0 0;
}
div#sponsees-details {
	display:none;
}
p.infos {
	color:#4D4D4F;
}
.hr01 {
	padding:0;
	margin:25px 0;
	border:none;
	visibility:visible;
	height:10px;
	background:#fff url(/gfx/account/hr.png) no-repeat;
}
#containerAccountMain.sponsorship fieldset {
	border:10px solid #DCDCDC;
	padding: 20px;
	font-size: 12px;
	color: #333;
}
div.sponsee_line {
	margin: 5px 0;
	font-size:11px;
	color:#4D4D4F;
}
div.sponsee_line.err label {
	color: red;
	font-weight:bold;
}
div.sponsee_line label {
	padding: 0 5px;
}
div.sponsee_line span.err {
	color: red;
	font-weight:bold;
	padding-left:15px;
}
#containerAccountMain.sponsorship .btnGrey {
	display:inline-block;
	padding:5px 10px;
	cursor:pointer;	
	margin:5px 0;
}
#containerAccountMain.sponsorship fieldset em {
	font-size:11px;
}
/* parrainage end */

/* coupons */
table.coupons-list {
	width:100%;
	border-collapse:collapse;
}
table.coupons-list tr:nth-child(even) {
	background: #fafafa;
}
table.coupons-list td, table.coupons-list th {
	padding: 10px 4px;
	text-align:center;
}
table.coupons-list th {
	background: #eee;
	font-weight:normal;
}
/* coupons end */