.responsiveOnly{display: none;}

/* @MEDIA */
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {


  	body #cmsinfo_block{
      margin-bottom: 40px;
		}
    body #cmsinfo_block .col-xs-4{
      width: 100%;
    	font-size: 0;
		}
    body #cmsinfo_block .visuel_etape{
      width: auto;
		}
    body #cmsinfo_block .description{
			width: 80%;
      font-size: 12px !important;
		}
    body #cmsinfo_block .col-xs-4,
		body #cmsinfo_block .visuel_etape,
		body #cmsinfo_block .description{
      background: none;
      display: inline-block;
    	vertical-align: top;
      min-height: 0;
		}

    body #cmsinfo_block .visuel_etape a{
      display: none;
		}

    body #cmsinfo_block .visuel_etape .titre_etape .numero{
      width: 74px;
		}



    body #blocInfoHome .blocInfo .contentBlocInfo{
      height: auto;
		}
    body #blocInfoHome .blocInfo.livraison{
      width: 100%;
		}
    /*
    body #blocInfoHome .blocInfo.paiement {
      width: 100%;
    	margin-left: 0;
    	margin-top: 20px;
		}
	*/

		/*Footer*/
    body .footer-container #footer .logoFooter{
      display: none;
		}


	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
	  .block .list-block li a {
	    font-size: 13px;
		}
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {

  	html{
      background-image: url(../img/sv/fond_site_mobile.png);
      background-position: top left;
    	background-repeat: no-repeat;
    	background-size: 100% auto;
      background-color: #dbdbdb;
		}
    body{
   		background-image: none !important;
		}

  	body .header-container #header .nav .container.logo{
      width: 100%;
      margin: 0 auto;
      padding-top: 20px !important ;
		}

    body .header-container #header .nav .container.logo .img-responsive{
			margin: auto;
		}

    /* BlocInfo */
    body .header-container #header .nav .container.blocInfoRight{
      margin: 0 auto;
      width: 100%;
      background: transparent;
		}
    body .header-container #header .nav .container.blocInfoRight .infoTop{
      background-size: 100%;
		}
    body .header-container #header .nav .container.blocInfoRight .infoTop .regionSelect{
      padding: 10px 0px ;
		}
    body .header-container #header .nav .container.blocInfoRight .infoTop .regionSelect a{
			margin :  0 25px;
		}
    body .header-container #header .nav .container.blocInfoRight .row.nav{
      margin: 0;
      padding: 0 ;
      background: transparent;
      text-align: right;
		}

    body .header-container #header .nav .container.blocInfoRight .row.nav .userInfo,
    body .header-container #header .nav .container.blocInfoRight .row.nav .panier{
      /*
      width: auto;
      margin: 5px 15px 0 15px;
      */
      margin:0;
    	vertical-align: top;
		}
	body .header-container #header .nav .container.blocInfoRight .row.nav .panier{
		margin:0;
	}
    body .header-container #header .nav .container.blocInfoRight .row.nav .userInfo{
      padding:0;
		}

/*
    body .header-container #header .nav .container.blocInfoRight .row.nav .panier .shopping_cart .ajax_cart_total{
      display: inline-block !important;
		}
*/
		/*virer les icon et bordure du blocInfo*/
    body .header-container #header .nav .container.blocInfoRight .row.nav .panier .shopping_cart > a:before,
    body .header-container #header .nav .container.blocInfoRight .row.nav .userInfo .header_user_info .userIcon{
      display: none;
		}
    body .header-container #header .nav .container.blocInfoRight .row.nav .panier .shopping_cart > a .cartInfo,
    body .header-container #header .nav .container.blocInfoRight .row.nav .userInfo .header_user_info .header_user_content{
      margin: 0;
			padding: 0 ;
      border: none ;
		}

		/*bouton coupon a gratter*/
    body .header-container #header .nav .container.blocInfoRight .row.nav .panier #scratch_coupon_div{
      top: 61px;
      right: 10px;
      text-align: center;
		}

    .responsiveOnly{display: block;}

		/*--Formulaire--*/
    body .ongletRecherche .onglets .ongletsPoidsLourds,
    body .ongletRecherche .onglets .ongletsMoto,
	body .ongletRecherche .onglets .ongletsAuto,
	body .ongletRecherche .onglets .ongletsPiecesAuto,
	body .ongletRecherche .onglets .ongletsJantes {
		width: 33% !important;
		min-height: 100px;
		margin: 0;
		line-height: 50px;
		background: #1784d9 ;
		color: #fff;
		border: none !important;
		opacity: 0.5;
		position: relative;
		margin-bottom: 5px;
	}
	
	body.sitere .ongletRecherche .onglets .ongletsPoidsLourds,
    body.sitere .ongletRecherche .onglets .ongletsMoto,
	body.sitere .ongletRecherche .onglets .ongletsAuto,
	body.sitere .ongletRecherche .onglets .ongletsPiecesAuto,
	body.sitemq .ongletRecherche .onglets .ongletsJantes {
		width: 33.33% !important;
	}
	
	body .ongletRecherche .onglets .ongletsPiecesAuto a,
    body .ongletRecherche .onglets .ongletsJantes a {
		color: #fff;
	}
    body .ongletRecherche .onglets .ongletsPoidsLourds{
      line-height: 19px;
      padding-top: 14px;
    }
	body.sitere .ongletRecherche .onglets .ongletsPoidsLourds,
	body.sitemq .ongletRecherche .onglets .ongletsPoidsLourds {
      padding-top: 8px;
    }
    body .ongletRecherche .onglets .ongletsAuto{
      border-right: 1px solid #fff !important;
		}
    body .ongletRecherche .onglets .ongletsMoto:hover,
	body .ongletRecherche .onglets .ongletsAuto:hover,
    body .ongletRecherche .onglets .ongletsPoidsLourds:hover,
    body .ongletRecherche .onglets .ongletsPiecesAuto:hover,
    body .ongletRecherche .onglets .ongletsJantes:hover,
	body .ongletRecherche .onglets .ongletsMoto.active,
    body .ongletRecherche .onglets .ongletsPoidsLourds.active,
	body .ongletRecherche .onglets .ongletsAuto.active,
    body .ongletRecherche .onglets .ongletsPiecesAuto.active,
    body .ongletRecherche .onglets .ongletsJantes.active  {
		background: #b0075b ;
		color: #fff;
		opacity: 1;
	}
	body .ongletRecherche .onglets .ongletsPiecesAuto:hover a,
	body .ongletRecherche .onglets .ongletsJantes.active a,
	body .ongletRecherche .onglets .ongletsPiecesAuto:hover a,
	body .ongletRecherche .onglets .ongletsJantes.active a {
		color: #fff;
	}
	body .ongletRecherche .onglets .ongletsMoto.active:before,
    body .ongletRecherche .onglets .ongletsPoidsLourds.active:before,
	body .ongletRecherche .onglets .ongletsAuto.active:before,
	body .ongletRecherche .onglets .ongletsPiecesAuto.active:before,
	body .ongletRecherche .onglets .ongletsJantes.active:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #b0075b transparent transparent transparent;
		/* background-color: red; */
		position: absolute;
		left: 50%;
		margin-left: -5px;
		bottom: -10px;
	}
    body .ongletRecherche .onglets .ongletsMoto:after,
    body .ongletRecherche .onglets .ongletsPoidsLourds:after,
	body .ongletRecherche .onglets .ongletsAuto:after,
	body .ongletRecherche .onglets .ongletsPiecesAuto:after,
	body .ongletRecherche .onglets .ongletsJantes:after {
		content: "";
		display: block;
		width: 76px;
		height: 50px;
		margin: auto;
		background: url(../img/sv/logo-moto.png) top left no-repeat;
	}
    body .ongletRecherche .onglets .ongletsAuto:after{
     	background: url(../img/sv/logo-auto.png) top left no-repeat;
	}
    body .ongletRecherche .onglets .ongletsPoidsLourds:after{
     	background: url(../img/sv/picto-truck.png) top left no-repeat;
		/*margin-top: 4px;*/
	}
	body .ongletRecherche .onglets .ongletsPiecesAuto:after{
     	background: url(../img/sv/amorto1.png) top left no-repeat;
	}
	body .ongletRecherche .onglets .ongletsJantes:after{
     	background: url(../img/sv/white.png) top left no-repeat;
     	background-size: 100%;
	    position: relative;
	    bottom: 8px;
	    width: 50px;
	}
    body .ongletRecherche .onglets .infoRecherche{
      display: none;
		}
    body .barreRecherche{
      margin-bottom: -35px;
		}
    body .barreRecherche .container{
      border: none;
		}
    body .barreRecherche .aideRecherche{
      display: none;
		}
    body .barreRecherche .recherchePoidsLourds,
    body .barreRecherche .rechercheAuto,
		body .barreRecherche .rechercheMoto{
      background: none;
      padding: 0 ;
		}
    body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup .PM_ASCriterionsGroupTitle{
      display: none;
		}
		/*SELECT*/
    body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup .PM_ASCriterionsGroupOuter{
      margin-left: 0;
    	width: 100%;
      max-width: 100%;
    	height: 35px;
		}
    body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASCriterionsOutput div.selector{
			width: 100% !important;
      max-width: 100%;
    	height: 35px;
      padding: 0;
		}
    body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASCriterionsOutput div.selector select{
			width: 100%;
      max-width: 100%;
    	height: 35px;
      color: #454545;
      border: 1px solid #1784D9;
      font-size: 14px;
    	font-weight: bold;
      padding-left: 7px;
      border-radius: 3px;
		}
    body .barreRecherche .groupeHiddenInputs{
      display: block;
		}
		/*afficher marques sur smartphone*/
    body .barreRecherche .groupeHiddenInputs #PM_ASCriterionsGroup_9_10,
		body .barreRecherche .groupeHiddenInputs #PM_ASCriterionsGroup_12_10,
		body .barreRecherche .groupeHiddenInputs #PM_ASCriterionsGroup_10_12,
		body .barreRecherche .groupeHiddenInputs #PM_ASCriterionsGroup_11_10{
      display: block;
		}
		/*cacher Charges Vitesse*/
    body .barreRecherche .groupeHiddenInputs #titre,
    body .barreRecherche #PM_ASCriterionsGroup_12_8,
    body .barreRecherche #PM_ASCriterionsGroup_12_4,
    body .barreRecherche #PM_ASCriterionsGroup_9_8,
    body .barreRecherche #PM_ASCriterionsGroup_9_4,
		body .barreRecherche #PM_ASCriterionsGroup_10_8,
    body .barreRecherche #PM_ASCriterionsGroup_10_4,
    body .barreRecherche #PM_ASCriterionsGroup_11_8,
    body .barreRecherche #PM_ASCriterionsGroup_11_4{
      display: none;
		}
    body .barreRecherche #PM_ASCriterionsGroup_9_11  .PM_ASCriterionsGroupTitle,
    body .barreRecherche #PM_ASCriterionsGroup_9_12  .PM_ASCriterionsGroupTitle,
    body .barreRecherche #PM_ASCriterionsGroup_10_9  .PM_ASCriterionsGroupTitle,
    body .barreRecherche #PM_ASCriterionsGroup_10_10 .PM_ASCriterionsGroupTitle
    /*#PROFILEO407 AL : mayotte START */
    ,body .barreRecherche #PM_ASCriterionsGroup_24_19 .PM_ASCriterionsGroupTitle
    ,body .barreRecherche #PM_ASCriterionsGroup_24_18 .PM_ASCriterionsGroupTitle
    /*#PROFILEO407 AL END */
    {
      display: inline-block;
    	vertical-align: middle;
      margin-right: 5px;
    	color: #454545 !important;
		}
    body .barreRecherche .checkbox span{
      border: 2px solid #097ED7;
		}
    body .barreRecherche #PM_ASCriterionsGroup_9_11  .PM_ASCriterionsGroupOuter,
    body .barreRecherche #PM_ASCriterionsGroup_9_12  .PM_ASCriterionsGroupOuter,
    body .barreRecherche #PM_ASCriterionsGroup_10_9  .PM_ASCriterionsGroupOuter,
    body .barreRecherche #PM_ASCriterionsGroup_10_10 .PM_ASCriterionsGroupOuter
    /*#PROFILEO407 AL : mayotte START */
    ,body .barreRecherche #PM_ASCriterionsGroup_24_19  .PM_ASCriterionsGroupOuter
    ,body .barreRecherche #PM_ASCriterionsGroup_24_18  .PM_ASCriterionsGroupOuter
    /*#PROFILEO407 AL END */
    {
      width: 20px;
    	height: 25px;
		}
    body .barreRecherche .PM_ASForm{
      text-align: center;
		}
    body .barreRecherche #PM_ASCriterionsGroup_10_9,
		body .barreRecherche #PM_ASCriterionsGroup_10_10,
		body .barreRecherche #PM_ASCriterionsGroup_9_11,
		body .barreRecherche #PM_ASCriterionsGroup_9_12
        /*#PROFILEO407 AL : mayotte START */
        ,body .barreRecherche #PM_ASCriterionsGroup_24_19
        ,body .barreRecherche #PM_ASCriterionsGroup_24_18
        /*#PROFILEO407 AL END */
    {
	    display: inline-block;
	    vertical-align: middle;
	    margin-bottom: 6px;
      float: none;
    	margin-left: 40px;
		}
    body .barreRecherche .recherchePoidsLourds,
    body .barreRecherche .rechercheAuto,
		body .barreRecherche .rechercheMoto,
    body .barreRecherche .container .row{
      height: auto;
		}
    body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup{
      margin: 5px 0;
		}
    body .barreRecherche .container .row,
    body .barreRecherche .container{
      background-color: transparent;
		}
    body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASResetSearch,
		body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASShowCriterionsGroupHidden{
      display: none !important;
		}
    body .barreRecherche .PM_ASBlockOutputHorizontal .PM_ASSubmitSearch{
      width: 100%;
	    position: static;
	    margin: 5px 0 25px 0;
	    height: 35px;
	    border-radius: 5px;
	    font-size: 18px;
	    font-weight: bold;
		}



    body.search #center_column{
      width: 100% !important;
		}
    .advertising_block{
      display: none;
		}


		iframe{
      width: auto !important;
		}


    .search #columns{
      display: block !important;
		}


		/*Block CMS INFO*/
    body #cmsinfo_block{
/*      display: none;*/
		}
    body #cmsinfo_block .visuel_etape .titre_etape .numero{
/*      display: none;*/
		}
    body #cmsinfo_block .visuel_etape .titre_etape .texte{
      width: 100%;
		}




		/*block livraison & paiement*/
		body #blocInfoHome .blocInfo.livraison{
      margin-left: 0;
		}
		/*-- Footer --*/
		.footer-container #footer h4{
      padding-left: 20px;
		}
    .footer-container #footer h4:after{
    	top: 0;
      left: 0;
		}
    body .footer-container #footer{
		/*background: #000000 url(../img/sv/footer_carbon.jpg) repeat;*/
		background:url(../img/sv/bg-3.jpg) #000 repeat;
		padding-bottom: 80px;
		}
    body .footer-container #footer #social_block{
      display: none;
		}
    .footer-container #footer .bottom-footer{
      bottom: -245px;
		}

		/*D�pliage des liste du footer*/
		body .footer-container #footer .footer-block h4{
      color: #777;
      padding-left: 0;
		}
    body .footer-container #footer .footer-block h4:after{
      content: "";
		}
    body .footer-container #footer .footer-block ul{
      display: block !important;
		}
    body .footer-container #footer #block_various_links_footer ul li{
      background: none;
		}


    body .footer-container #footer .pneuImage{
	    width: 90%;
	    margin: 0 5%;
	    background-image: url(../img/sv/pneu-footer.png);
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    bottom: -170px;
		}

	}

	@media only screen and (max-width : 680px) {
		body .ongletRecherche .onglets .ongletsPiecesAuto {
			line-height: 19px !important;
			padding-top: 7px;
		}
	}
	@media only screen and (max-width : 525px) {
		body .ongletRecherche .onglets .ongletsPoidsLourds {
			line-height: 19px;
		  	padding-top: 8px;
		}
		/*body.sitere .ongletRecherche .onglets .ongletsPoidsLourds,
		body.sitemq .ongletRecherche .onglets .ongletsPoidsLourds {
	      padding-top: 8px;
	    }*/
	    body .ongletRecherche .onglets .ongletsPoidsLourds:after {
		    margin-top: 4px;
		}
	}

	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px) {
		.footer-container #footer .bottom-footer{ bottom:-205px; }
	}
	
	@media only screen and (max-width : 360px) {
		body .ongletRecherche .onglets div {
			font-size: 14px !important;
		}
		body .ongletRecherche .onglets .ongletsMoto:after, body .ongletRecherche .onglets .ongletsPoidsLourds:after,
		body .ongletRecherche .onglets .ongletsAuto:after, body .ongletRecherche .onglets .ongletsPiecesAuto:after {
			width: 100%;
			background-size: 100%;
		}
		body .ongletRecherche .onglets .ongletsAuto:after {
			background-size: 100%;
		}
		body .ongletRecherche .onglets .ongletsPiecesAuto:after {
			background-position: 0 8px;
		}
	}