@import url('https://fonts.googleapis.com/css?family=Lato:400,900');

html, body {
	margin: 0;
	padding: 0;
	font-family: "Lato", sans-serif;
	font-size: 14px;
}

/* MESSAGE ALERTE */

.messageAlert {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	z-index: 1005;
}

.messageAlertContent {
	background-color: #FFF;
	padding: 40px;
	width: 400px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	font-size: 16px;
}

.messageAlertContent a {
	color: #000;
}

.messageAlertTitre {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.messageAlertClose {
	position: absolute;
	top: 0px;
	right: 0;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 5px 10px;
	cursor: pointer;
	z-index: 2;
}

/* FIN */

.content {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}

#header {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

#headerBloc1 {
	position: relative;
	background: rgba(0,0,0,0.7);
}

#headerAdresse {
	margin-left: 320px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 10px;
}

#headerBtns {
	position: absolute;
	top: 10px;
	right: 10px;
}

#monCompte {
	display: inline-block;
	margin-right: 20px;
}

#monCompte a {
	color: #fff;
	font-size: 20px;
}

#coupCoeur {
	display: inline-block;
	margin-right: 20px;
}

#coupCoeur a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

#coupCoeur a span {
	color: #fff;
	padding-left: 10px;
	font-size: 14px;
}

#monPanier {
	display: inline-block;
}

#monPanier a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

#monPanier a span {
	color: #fff;
	padding-left: 10px;
	font-size: 14px;
}

#sliders {
	height: 800px;
	position: relative;
}

#sliderVideo {
	position: relative;
    height: 1200px;
}

.slideVideo {
    height: 100%;
}

.slide {
	height: 100%;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	padding-top: 400px;
	box-sizing: border-box;
}

.slideTexte1 {
	color: #ffff;
	text-align: center;
	font-size: 60px;
	text-transform: uppercase;
	font-weight: 900;
	text-shadow: 2px 2px 2px #000;
}

.slideTexte2 {
	color: #ffff;
	text-align: center;
	font-size: 40px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000;
}

.slideDescription {
	color: #ffff;
	text-align: center;
	font-size: 24px;
	padding-top: 30px;
}

.slideBtn {
	padding-top: 30px;
	text-align: center;
}

.slideBtn a {
	display: inline-block;
	padding: 10px 20px;
	background-color: #D20019;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
}

#slidersList {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 9;
}

.sliderListPoint {
	width: 15px;
	height: 15px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 100%;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    border: 2px #D20019 solid;
}

.sliderListPointSel {
    background-color: #D20019;
}

#sliders .slide:nth-child(1) {
	display: block;
}

#headerBloc2 {
	background: rgba(122,124,128,0.5);
	position: relative;
	height: 80px;
}

#logo {
	position: absolute;
	top: -35px;
	left: 10px;
	z-index: 6;
}

/* MENUS */

#menus {
	position: absolute;
	top: 0;
	right: 100px;
}

#menus ul {
	margin: 0;
	padding: 0;
}

#menus ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
}

#menus ul li.smenu:after {
	width: 12px;
	height: 7px;
	background-image: url(../img/pictoFlechMenu.png);
	position: absolute;
	top: 38px;
	right: 0;
	content: '';
	display: block;
}

#menus ul li.smenu:hover:after {
	background-image: url(../img/pictoFlechMenuOver.png);
}

#menus ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	padding: 30px 20px;
	display: block;
}

#menus ul li a:hover {
	color: #d20019;
}

/* SOUS MENUS */

#sousMenus {
	background-color: #fff;
	-moz-box-shadow: 0px 0px 5px -3px #656565;
	-webkit-box-shadow: 0px 0px 5px -3px #656565;
	-o-box-shadow: 0px 0px 5px -3px #656565;
	box-shadow: 0px 0px 5px -3px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	display: none;
}

#remonteSousMenu {
	text-align: center;
}

#remonteSousMenu span {
	cursor: pointer;
	width: 37px;
	height: 22px;
	background-image: url(../img/BtnFlechSousMenu.png);
	display: inline-block;
	margin: 0 auto;
}

#remonteSousMenu span:hover {
	background-image: url(../img/BtnFlechSousMenuOver.png);
}

.sousMenuTitre {
	padding-top: 30px;
	padding-bottom: 10px;
	border-bottom: 4px #d20019 solid;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 900;
	color: #17344a;
}

.sousMenuTitre .content:before {
	width:84px;
	height: 12px;
	content: '';
	display: inline-block;
	background-image: url(../img/OnementTitre.png);
	margin-right: 10px;
	margin-left: 50px;
}

.sousMenuList .content {
	padding-left: 200px;
}

.sousMenuList .content:after {
	display: block;
	content: '';
	clear: both;
}

.sousMenuCol {
	width: 33%;
	padding: 50px 50px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.sousMenuColImage {
	position: absolute;
	top: 50px;
	left: 50px;
}

.sousMenuColTitre {
	margin-left: 100px;
	border-bottom: 1px #d20019 solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #17344a;
	text-transform: uppercase;
	font-size: 18px;
}

.sousMenuColList {
	margin-left: 100px;
}

.sousMenuColList ul {
	margin: 0;
	padding: 0;
}

.sousMenuColList ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sousMenuColList ul li a {
	color: #17344a;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 5px 0px;
	position: relative;
	padding-left: 15px;
}

.sousMenuColList ul li a:hover {
	color: #d20019;
}

.sousMenuColList ul li a:before {
	width: 5px;
	height: 9px;
	background-image: url(../img/pictos-flech1.png);
	position: absolute;
	top: 9px;
	left: 3px;
	content: '';
	display: block;
}

/* SEARCH BOX */

#searchBox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	width: 0;
	height: 80px;
	overflow: hidden;
}

#searchBox input[type=text] {
	position: absolute;
	top: 22px;
	right: 100px;
	padding: 5px;
	font-size: 16px;
	font-family: "Lato", sans-serif;
	width: 640px;
}

#search {
	position: absolute;
	cursor: pointer;
	top: 25px;
	right: 30px;
	color: #fff;
	font-size: 20px;
	z-index: 6;
}

#blocHomeInfos {
	background-color: #f4f5f7;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.blocHomeInfos {
	display: inline-block;
	width: 350px;
	text-align: center;
}

.blocHomeInfosTexte {
	padding-top: 20px;
}

.blocHomeInfosTexte p {
	padding: 0;
	margin: 0;
	color: #17344a;
	font-size: 18px;
}

.blocHomeInfosTexte p a {
	color: #17344a;
	font-weight: bold;
}

#blocHomeCats {
	padding-top: 50px;
	padding-bottom: 50px;
}

#blocHomeTexte {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #f4f5f7;
}

#blocHomeTexte h1 {
	padding: 0;
	margin: 0;
	text-align: center;
	color: #36424c;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-size: 30px;
	padding-bottom: 20px;
}

#blocHomeTexte .content {
	width: 800px;
	font-size: 16px;
	color: #17344a;
}

#map {
	height: 400px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#footer {
	background-color: #0c1a25;
	padding-top: 50px;
	padding-bottom: 50px;
}

.footerCol {
	display: inline-block;
	vertical-align: top;
	width: 300px;
}

.footerColTitre {
	font-size: 28px;
	font-family: "Lato", sans-serif;
	color: #36424c;
	text-transform: uppercase;
	font-weight: 900;
	border-bottom: 1px #36424c solid;
	display: inline-block;
	padding-bottom: 5px;
}

#copyright {
	background-color: #102230;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 20px #0c1a25 solid;
	color: #b8c3cc;
}

#copyright a {
	color: #b8c3cc;
}

#reseauxSociaux {
	padding-top: 20px;
}

#reseauxSociaux a {
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

#reseauxSociaux a i {
	display: block;
	width: 50px;
	font-size: 30px;
	color: #fff;
	background-color: #a70007;
	text-align: center;
	border-radius: 100%;
	padding: 10px 1px;
}

.footerColTexte {
	padding-left: 30px;
	padding-top: 20px;
}

.footerColTexte p {
	padding: 0;
	margin: 0;
	color: #b8c3cc;
}

.footerColTexte p a {
	color: #b8c3cc;
}

.footerColList {
	padding-left: 30px;
	padding-top: 20px;
}

.footerColList ul {
	margin:  0;
	padding: 0;
}

.footerColList ul li {
	margin:  0;
	padding: 0;
	list-style: none;
}

.footerColList ul li a {
	color: #b8c3cc;
	text-decoration: none;
}

#blocHomeCats {
	text-align: center;
}

.blocHomeCat {
	height: 334px;
	width: 500px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	background-size: cover;
}

.blocHomeCat2 {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	transition: all 0.25s ease 0s;
}

.blocHomeCat:hover .blocHomeCat2 {
	background: rgba(0,0,0,0);
}

.blocHomeCatNum1 {
	background-image: url(../uploads/categories/img-500-334-4.jpg);
}

.blocHomeCatNum2 {
	background-image: url(../uploads/categories/img-500-334-5.jpg);
}

.blocHomeCatNum3 {
	background-image: url(../uploads/categories/img-500-334-6.jpg);
}

.blocHomeCatNum4 {
	background-image: url(../img/img-velos-en-stock.jpg);
}

.blocHomeCat a {
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
}

.blocHomeCatNum1 a {
	background-image: url(../img/ElectriqueImgTexte.png);
}

.blocHomeCatNum2 a {
	background-image: url(../img/RouteImgTexte.png);
}

.blocHomeCatNum3 a {
	background-image: url(../img/ToutTerrainImgTexte.png);
}

.blocHomeCatNum4 a {
	background-image: url(../img/fd-velos-en-stock.png);
}

#contenu {
	padding-top: 200px;
	padding-bottom: 50px;
	background-color: #fbfbfb;
}

#contenu h1 {
	padding: 0;
	margin: 0;
	text-align: center;
	color: #36424c;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-size: 30px;
	padding-bottom: 20px;
}

#contenu .content {
	width: 800px;
	font-size: 16px;
	color: #17344a;
}

#contenu a {
	color: #17344a;
}

.contenuTexte div {
	line-height: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: justify;
}

.contactColOne {
	width: 300px;
	float: left;
	padding-top: 50px;
}

.contactColOne p {
	text-align: center;
	font-size: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.contactColTwo {
	width: 450px;
	float: right;
	padding-top: 50px;
}

.clear {
	clear: both;
}

.tLabel {
	margin-top: 20px;
}

.tChamp {
	margin-top: 10px;
}

.tChamp input[type=text], .tChamp textarea {
	border: 1px #282828 solid;
	background-color: #fff;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: "Lato", sans-serif;
}

.tSubmit {
	margin: 30px;
	text-align: center;
}

.tSubmit input[type=submit] {
	background-color: #282828;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 30px;
	border: 0;
	color: #fff;
	cursor: pointer;
}

.tSubmit input[type=submit]:hover {
	background-color: #E41C5A;
}

.msg {
	color: #E41C5A;
	font-size: 18px;
	font-family: "Lato", sans-serif;
	text-align: center;
	font-weight: bold;
}

/* CAT */

#contenuBandeau {
	height: 300px;
	background-position: center center;
	background-size: cover;
}

#contenuCat {
	background-color: #FBFBFB;
	padding-top: 50px;
	padding-bottom: 50px;
}

#filAriane {
	margin-bottom: 20px;
	color: #17344a;
	text-transform: uppercase;
	padding-left: 20px;
}

#filAriane a {
	color: #17344a;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none;
}

#filAriane span {
	color: #d20019;
}

#pageTitre h1 {
	margin: 0;
	padding: 0;
	font-weight: 900;
	font-family: "Lato", sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	color: #17344a;
}

#pageTitre {
	padding-left: 20px;
	margin-bottom: 20px;
}

#sidebar {
	background-color: #f1f1f1;
	padding: 5px;
	position: relative;
}

#sidebarAff {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sidebarAff a {
	display: inline-block;
	margin-right: 10px;
}

#sidebarTri {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #17344a;
	line-height: 30px;
}

#sidebarTri select {
	background-color: #fff;
	border: 1px #dadada solid;
	color: #17344a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	padding: 5px 10px;
	margin-left: 10px;
}

#sidebarTri select option {
	padding-right: 30px;
}

#sidebarTri:after {
	content: '\f0ab';
	display: block; 
	position: absolute;
	top: 2px;
	right: 6px;
	color: #d20019;
	font-family: "FontAwesome";
}

.catColOne {
	width: 240px;
	float: left;
}

.catColTwo {
	width: 1010px;
	float: right;
}

.catsTitre {
	background-color: #f1f1f1;
	color: #17344a;
	padding: 10px;
	position: relative;
	padding-left: 45px;
	text-transform: uppercase;
}

.catsTitre:before {
	background-image: url(../img/BtnPlus.png);
	width: 35px;
	height: 43px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
}

.catsPrix {
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 10px;
	margin-right: 10px;
}

.catsList {
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 50px;
}

.catsList ul {
	margin: 0;
	padding: 0;
}

.catsList ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.catsList ul li a {
	color: #17344a;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 0px;
	display: block;
	font-size: 15px;
}

.catsList ul li a:hover {
	color: #d20019;
}

.listProduits:after {
	clear: both;
	content: '';
	display: block;
}

.produit {
	background-color: #fff;
	padding: 30px;
	width: 306px;
	height: 385px;
	-moz-box-shadow: 0px 0px 5px -3px #656565;
	-webkit-box-shadow: 0px 0px 5px -3px #656565;
	-o-box-shadow: 0px 0px 5px -3px #656565;
	box-shadow: 0px 0px 5px -3px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	position: relative;
	float: left;
	margin: 30px 30px;
}

.produitPrixRemise {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 100%;
}

.produitImage img {
	width: 100%;
}

.produitTitre {
	font-size: 18px;
	font-weight: 900;
	color: #17344a;
	margin-top: 20px;
}

.produitSousTitre {
	font-size: 14px;
	font-style: italic;
	color: #17344a;
	margin-top: 5px;
}

.produitPrix {
	color: #d20019;
	font-size: 18px;
	margin-top: 5px;
}

.produitAncienPrix {
	color: #17344a;
	font-style: italic;
}

.produitAccroche {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	height: 126px;
	background-image: url(../img/BandeauAngle.png);
}

.produitAccroche span {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 39px;
	left: -52px;
	width: 200px;
	text-align: center;
	color: #fff;
}

.produitFiche {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
}

.produitFiche a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	background-color: #d20019;
	font-size: 16px;
	padding: 10px;
	border: 1px #d20019 solid;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.produitFiche a:hover {
	background-color: #fff;
	color: #d20019;
}

/* produit panier */

.produitPanier {
	position: absolute;
	bottom: 140px;
	right: 30px;
}

.produitPanier a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #d20019;
	border: 1px #d20019 solid;
	display: block;
	text-align: center;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.produitPanier a:hover {
	background-color: #d20019;
	color: #fff;
}

/* produit coeur delete */

.produitCoeurDelete {
	position: absolute;
	bottom: 84px;
	right: 30px;
}

.produitCoeurDelete a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #d20019;
	border: 1px #d20019 solid;
	display: block;
	text-align: center;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.produitCoeurDelete a:hover {
	background-color: #d20019;
	color: #fff;
}

/* produit coeur */

.produitCoeur {
	position: absolute;
	bottom: 84px;
	right: 30px;
}

.produitCoeur a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #d20019;
	border: 1px #d20019 solid;
	display: block;
	text-align: center;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.produitCoeur a:hover {
	background-color: #d20019;
	color: #fff;
}

/* PRODUIT LIGNE */

.produitLigne {
	float: none;
	width: auto;
	height: 235px;
}

.produitLigne .produitImage {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 400px;
}

.produitLigne .produitTitre {
	margin-left: 430px;
}

.produitLigne .produitSousTitre {
	margin-left: 430px;
}

.produitLigne .produitPrix {
	margin-left: 430px;
}

.produitLigne .produitCoeur {
	top: 30px;
	right: 30px;
	bottom: auto;
}

.produitLigne .produitCoeurDelete {
	top: 30px;
	right: 30px;
	bottom: auto;
}

.produitLigne .produitPanier {
	top: 30px;
	right: 80px;
	bottom: auto;
}

.produitLigne .produitAncienPrix {
	margin-left: 430px;
}

.produitLigne .produitFiche {
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	margin-left: 430px;
	margin-top: 30px;
}

/* FICHE PRODUIT */

#ficheProduit {
	background-color: #fff;
	padding-top: 50px;
}

#ficheProduitColOne {
	padding-left: 20px;
	float: left;
	width: 600px;
}

#ficheProduitPhotoPrinc img {
	width: 100%;
}

#ficheProduitPhotos {
	margin-top: 30px;
}

#ficheProduitPhotos img {
	width: 137px;
	margin-right: 10px;
}

#ficheProduitColTwo {
	padding-right: 20px;
	float: right;
	width: 600px;
}

#ficheProduitDetail {
	color: #17344a;
	line-height: 26px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	margin-top: 50px;
}

#ficheProduitDetail h4 {
	font-size: 18px;
	font-weight: 900;
}

#ficheProduitCaracteriques {
	color: #17344a;
	line-height: 26px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	margin-top: 50px;
}

#ficheProduitCaracteriques h4 {
	font-size: 18px;
	font-weight: 900;
}

#ficheProduitPrix {
}

#ficheProduitPrixBarre {
	margin-bottom: 20px;
	font-size: 16px;
}

.ficheProduitSep {
	border-top: 1px #f1f1f1 solid;
}

#ficheProduitStock {
	color: #3bb141;
	font-size: 16px;
	margin-bottom: 10px;
}

#ficheProduitStock.texteRouge {
	color: #dd0000;
}

#ficheProduitTitre h1 {
	margin: 0;
	padding: 0;
	font-weight: 900;
	font-family: "Lato", sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	color: #17344a;
}

#ficheProduitSousTitre {
	color: #17344a;
	font-size: 18px;
}

#ficheProduitPrix {
	font-size: 40px;
	margin-top: 20px;
	font-weight: 900;
	color: #d20019;
}

#ficheProduitMarque {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#ficheProduitMarque img {
	height: 120px;
}

.ficheProduitFormControl {
	margin-top: 20px;
}

.ficheProduitFormControl label {
	display: block;
	color: #17344a;
	font-size: 16px;
	padding-bottom: 10px;
}

.ficheProduitFormControl label span {
	color: #f55;
}

.ficheProduitFormControl select {
	padding: 10px;
	color: #17344a;
	border: 1px #f1f1f1 solid;
	font-size: 16px;
}

.ficheProduitFormControl input[type=text] {
	padding: 10px;
	color: #17344a;
	text-align: center;
	border: 1px #f1f1f1 solid;
	font-size: 16px;
	width: 120px;
}

.ficheProduitFormControl button[type=submit] {
	padding: 10px 30px;
	color: #fff;
	background-color: #d20019;
	font-size: 16px;
	border: 1px #d20019 solid;
	text-transform: uppercase;
	cursor: pointer;
	margin-left: 20px;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.ficheProduitFormControl button[type=submit]:hover {
	background-color: #fff;
	color: #d20019;
}

.ficheProduitFormControl button[type=submit]:before {
	content: '\f07a';
	display: inline-block;
	font-family: "FontAwesome";
	padding-right: 10px;
}

/* btn gris */

.ficheProduitFormControl button[type=submit].btn-gris {
	background-color: #ccc;
	border-color: #ccc;
	color: #fefefe;
}

.ficheProduitFormControl button[type=submit].btn-gris:hover {
	color: #fefefe;
}

/* coup de coeur */

.noCoupCoeur {
	font-size: 18px;
	margin-top: 50px;
	color: #17344a;
	text-align: center;
}

/* PANIER */

.noPanier {
	font-size: 18px;
	margin-top: 50px;
	color: #17344a;
	text-align: center;
}

.cacher {
	display: none;
}

#panierColOne {
	width: 720px;
	float: left;
	background-color: #fff;
	padding: 20px;
	color: #17344a;
}

#panierColOne table input[type=text] {
	width: 50px;
	text-align: center;
	padding: 10px;
	color: #484848;
	font-size: 16px;
	border: 1px #ccc solid;
}

#panierColOne table thead tr th {
	border-bottom: 1px #ccc solid;
	padding-bottom: 15px;
}

.panierPrix {
	font-size: 18px;
	font-weight: bold;
}

.panierResteStock {
	display: block;
	padding-top: 3px;
}

#panierColTwo {
	width: 440px;
	float: right;
	background-color: #fff;
	padding: 20px;
	color: #17344a;
}

.btnPanier input[type=submit] {
	display: inline-block;
	cursor: pointer;
	background-color: #d20019;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 0;
	padding: 10px;
	margin-top: 10px;
}

#panierColTwo h4 {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

.codePromo {
	border-bottom: 1px #ccc solid;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.codePromoTitre {
	color: #d20019;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	cursor: pointer;
}

.codePromoTitre span {
	position: absolute;
	top: -4px;
	right: 0;
	border: 1px #ccc solid;
	padding: 5px 6px;
	color: #ccc;
}

.codePromoDetail {
	display: none;
	padding: 10px;
}

.codePromoDetail label {
	margin-bottom: 10px;
	display: block;
}

.codePromoDetail input[type=text] {
	padding: 10px;
	border: 1px #eee solid;
	font-size: 16px;
	color: #484848;
}

.codePromoDetail input[type=submit] {
	display: block;
	cursor: pointer;
	background-color: #d20019;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 0;
	padding: 10px;
	width: 100%;
	margin-top: 10px;
}

.panierResume {
	display: table;
	width: 100%;
	padding: 10px 0px;
}

.panierResumeTitre {
	color: #d20019;
	font-weight: bold;
	font-size: 14px;
	display: table-cell;
}

.panierResumeMontant {
	display: table-cell;
	text-align: right;
	font-size: 16px;
}

.panierResumeMontantTotal {
	display: table-cell;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
}

.panierCommander {
	margin-top: 20px;
}

.panierCommander input {
	display: block;
	cursor: pointer;
	background-color: #d20019;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 0;
	padding: 10px;
	width: 100%;
}

/* LOGIN */

#clientsColOne {
	width: 580px;
	float: left;
	background-color: #fff;
	padding: 20px;
	color: #17344a;
}

#clientsColTwo {
	width: 580px;
	float: right;
	background-color: #fff;
	padding: 20px;
	color: #17344a;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	display: block;
	margin-bottom: 10px;
}

.form-group input[type=text], .form-group input[type=password] {
	padding: 10px;
	border: 1px #ccc solid;
	font-size: 14px;
	color: #484848;
	width: 100%;
	box-sizing: border-box;
}

.form-group a {
	color: #17344a;
}

input[type=submit].submit {
	background-color: #d20019;
	color: #fff;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 30px;
}

input[type=button].submit2 {
	background-color: #17344a;
	color: #fff;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 30px;
}

.cadreForm {
	width: 680px;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
}

/* recapitulatif */

.recapColOne {
	float: left;
	width: 580px;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 50px;
	color: #17344a;
}

.recapColTwo {
	float: right;
	width: 580px;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 50px;
	color: #17344a;
}

.recapColProduits {
	float: left;
	width: 760px;
	background-color: #fff;
	padding: 20px;
	color: #17344a;
}

.recapColResume {
	float: right;
	width: 400px;
	background-color: #fff;
	padding: 20px;
	color: #17344a;
}

.recapResume {
	display: table;
	width: 100%;
	padding: 10px 0px;
}

.recapResumeTitre {
	color: #d20019;
	font-weight: bold;
	font-size: 14px;
	display: table-cell;
}

.recapResumeTexte {
	display: table-cell;
	text-align: right;
	font-size: 16px;
}

.recapResumeMontant {
	display: table-cell;
	text-align: right;
	font-size: 16px;
}

.recapResumeMontantTotal {
	display: table-cell;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
}

.recapBtn input[type=button] {
	width: 100%;
	margin-top: 20px;
}

.btnRecap {
	display: block;
	cursor: pointer;
	background-color: #d20019;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 0;
	padding: 10px;
}

.btnRecapGris {
	background-color: #aaa !important;
}

.recapCGV {
	margin-top: 30px;
}

.recapCGV a {
	color: #000;
}

/* ESPACE CLIENTS */

#espaceClientsMenus {
	text-align: center;
}

#espaceClientsMenus ul {
	margin: 0;
	padding: 0;
}

#espaceClientsMenus ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	margin: 0px 10px;
}

#espaceClientsMenus ul li a {
	background-color: #d20019;
	display: block;
	padding: 10px 30px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

#espaceClientsCommandes {
	padding: 20px;
	background-color: #fff;
	margin-top: 50px;
}

#espaceClientsCommandes table thead tr th {
	border-bottom: 1px #ccc solid
}

#espaceClientsCommandes table tbody tr:nth-child(even) {
	background-color: #f4f4f4;
}

#espaceClientsCommandes table tbody tr:nth-child(odd) {
	background-color: #fff;
}

#espaceClientsCommandes table tbody tr td a {
	text-decoration: none;
	background-color: #d20019;
	color: #fff;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
}

/* HomeBlocProduits */

.blocHomeProducts {
	overflow: hidden;
	height: 510px;
}

/* ACTU */

#actuList {
	width: 1036px;
	margin: 0 auto;
	margin-top: 20px;
}

.actu {
	width: 156px;
	height: 156px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

#actuList .actuGrand {
	width: 322px;
	height: 322px;
}

.actuTitre {
	text-transform: uppercase;
	color: #d20019;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.actuDetail {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.8);
	color: #d20019;
	padding: 10px;
}

.actuGrand .actuDetail {
	padding: 20px;
}

.actuTexte {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.actuGrand .actuTexte {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.actuInfos {
	text-align: center;
	margin-bottom: 10px;
}

.actuGrand .actuInfos {
	margin-bottom: 20px;
}

.actuDate {
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}

.actuGrand .actuDate {
	font-size: 18px;
	margin-bottom: 20px;
}

.actuVille {
	text-align: center;
	font-size: 10px;
}

.actuGrand .actuVille {
	font-size: 14px;
}

.actuLien {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 20px;
}

.actuGrand .actuLien {
	bottom: 20px;
	right: 20px;
	font-size: 36px;
}

.actuLien a {
	color: #d20019;
}

.actuBig {
	font-size: 20px;
	text-align: center;
	margin-top: 10px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.actuGrand .actuBig {
	bottom: 20px;
	left: 20px;
	font-size: 36px;
}

.actuBig a {
	color: #d20019;
}

.actuImage img {
	width: 100%;
}

#menuMobile {
	display: none;
}

#menuEntete {
	display: none;
}

#sousMenusClose {
	display: none;
}

#pageListSousCat {
	margin-bottom: 20px;
}

#pageListSousCat ul {
	margin: 0;
	padding: 0;
}

#pageListSousCat ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

#pageListSousCat ul li a {
	color: #fff;
	background-color: #aaa;
	display: block;
	text-decoration: none;
	padding: 5px 30px;
	margin: 0px 20px;
	border: 1px #aaa solid;
}

#pageListSousCat ul li a:hover {
	color: #d20019;
	background-color: #fff;
	border: 1px #d20019 solid;
}

#pageListSousCat ul li a.active {
	color: #fff;
	background-color: #d20019;
	border: 1px #d20019 solid;
}

#listAnneeModele {
	margin-top: 30px;
	text-align: center;
}

.affAnneeModele {
	display: inline-block;
	background-color: #fff;
	padding: 20px 50px;
	cursor: pointer;
	margin-left: 30px;
	border: 1px #bdbdbd solid;
	font-size: 20px;
}

.affAnneeModele:hover {
	color: #d20019;
	border-color: #d20019;
}

.affAnneeModele.active {
	background-color: #d20019;
	border-color: #d20019;
	color: #fff;
}

@media (min-width: 751px) and (max-width: 1279px) {


}

@media (max-width: 750px) {

	/* SEARCH BOX */

	#searchBox {
		top: 81px;
		background-color: #fff;
	}

	#searchBox form {
		padding: 20px;
	}

	#searchBox input[type="text"] {
		position: relative;
		right: auto;
		left: auto;
		top: auto;
		width: 100%;
		box-sizing: border-box;
	}

	/* MENU MOBILE */

	#menuMobile {
		display: block;
		color: #fff;
		cursor: pointer;
		font-size: 20px;
		padding: 5px 15px;
	}

	#menus {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		z-index: 999;
		background-color: #fff;
		margin-left: -100%;
	}

	#menuEntete {
		display: block;
		font-size: 20px;
		padding: 15px;
		position: relative;
	}

	#menuEntete span {
		position: absolute;
		top: 15px;
		right: 15px;
		cursor: pointer;
	}

	#menus ul li {
		display: block;
	}

	#menus ul li a {
		color: #000;
		padding: 15px 30px;
	}

	#menus ul li.smenu:after {
		top: 20px;
		right: 20px;
	}

	#sousMenus {
		z-index: 1000;
		position: fixed;
		left: 0;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: #fff;
	}

	#remonteSousMenu {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.sousMenuList .content {
		padding-left: 0;
	}

	.sousMenuCol {
		width: 100%;
		padding: 10px 10px;
		min-height: 60px;
		margin-top: 10px;
	}

	.sousMenuColImage {
		width: 60px;
		top: 10px;
		left: 10px;
	}

	.sousMenuColImage img {
		width: 100%;
	}

	.sousMenuColTitre {
		padding-bottom: 2px;
		font-size: 15px;
		margin-left: 70px;
	}

	.sousMenuColList {
		margin-left: 70px;
	}

	.sousMenuColList ul li a {
		padding: 2px 0px;
		padding-left: 15px;
	}

	.sousMenuColList ul li a::before {
		top: 5px;
	}

	#sousMenusClose {
		position: absolute;
		top: 15px;
		right: 15px;
		cursor: pointer;
		font-size: 20px;
		display: block;
	}

	.sousMenuTitre .content::before {
		width: 14px;
	}

	/* SITE */

	.content {
		width: auto;
	}

	#headerBloc1 {
		height: 35px;
	}

	#monCompte a {
		font-size: 14px;
	}

	#coupCoeur a {
		font-size: 14px;
	}

	#monPanier a {
		font-size: 14px;
	}

	#headerAdresse {
		display: none;
	}

	#logo {
		top: 5px;
	}

	#logo a img {
		height: 65px;
	}

	#sliders {
		height: 400px;
		margin-top: 115px;
	}

	#sliderVideo {
		height: 400px;
		margin-top: 115px;
	}

	.slide {
		background-size: cover;
		padding-top: 80px;
	}

	.sliderListPoint {
		width: 9px;
		height: 9px;
	}

	.slideTexte1 {
		font-size: 22px;
	}

	.slideTexte2 {
		font-size: 16px;
	}

	.slideDescription {
		font-size: 16px;
		padding-top: 20px;
	}

	.slideBtn {
		padding-top: 20px;
	}

	.blocHomeInfosPicto img {
		height: 40px;
	}

	.blocHomeInfosTexte p {
		font-size: 15px;
	}

	#blocHomeInfos {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.blocHomeInfos {
		width: auto;
		display: block;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#homeBlocProductsHP {
		display: none;
	}

	#blocHomeCats {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.blocHomeCat {
		display: block;
		margin: 25px auto;
	}

	#blocHomeTexte h1 {
		font-size: 24px;
	}

	#blocHomeTexte .content {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}

	#footer {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.footerCol {
		display: block;
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#pageTitre h1 {
		font-size: 20px;
	}

	#contenuBandeau {
		height: 150px;
	}

	/* contenu */

	#contenu h1 {
		font-size: 24px;
	}

	#contenu .content {
		width: auto;
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
	}

	#contenu p img {
		max-width: 100%;
	}

	/* produit */

	.produit {
		padding: 20px;
		float: none;margin: 20px;
		width: auto;
	}

	.produitFiche {
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

	.produitFiche a {
		font-size: 14px;
	}

	.produitTitre {
		font-size: 16px;
	}

	#sidebarAff {
		display: none;
	}

	#sidebarTri {
		position: relative;
		top: auto;
		right: auto;
		text-align: right;
	}

	/* contact */

	.contactColOne {
		width: auto;
		float: none;
	}

	.contactColTwo {
		width: auto;
		float: none;
	}

	/* ESPACE CLIENTS */

	#clientsColOne {
		float: none;
		width: auto;
	}

	#clientsColTwo {
		float: none;
		width: auto;
	}

	#espaceClientsMenus ul li {
		display: block;
		margin-top: 10px;
	}

	.cadreForm {
		width: auto;
	}

	.recapColOne {
		float: none;
		width: auto;
	}

	.recapColTwo {
		float: none;
		width: auto;
	}

	.recapColResume {
		float: none;
		width: auto;
	}

	/* fiche produit */

	#ficheProduitColOne {
		float: none;
		width: auto;
		padding-right: 20px;
	}

	#ficheProduitColTwo {
		float: none;
		width: auto;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}

	#ficheProduitTitre h1 {
		font-size: 16px;
	}

	#ficheProduitSousTitre {
		font-size: 14px;
	}

	#ficheProduitPrix {
		font-size: 30px;
		margin-bottom: 20px;
	}

	#ficheProduitMarque img {
		height: auto;
		max-width: 100%;
	}

	.ficheProduitFormControl button[type="submit"] {
		margin-left: 0px;
		font-size: 14px;
		margin-top: 20px;
	}

	/* PANIER */

	#panierColOne {
		float: none;
		width: auto;
	}

	#panierColTwo {
		float: none;
		width: auto;
	}

	/* ACTU */

	#actuList {
		width: auto;
	}

	.actu {
		width: 280px;
		height: 280px;
		float: none;
	}

	#actuList .actuGrand {
		width: 280px;
		height: 280px;
		height: auto;
	}

	#pageListSousCat ul li a {
		padding: 5px 15px;
		margin: 0px 0px 10px 20px;
	}

	.messageAlertContent {
		width: auto;
		height: auto;
		margin-left: 0;
		margin-top: 100px;
		top: auto;
		left: auto;
		padding: 20px;
		font-size: 12px;
	}

}