/*---------------NORMALIZE----------------*/

#lhc_status_container{display:none!important}

.legende_litige{color:orange}

#france{position: absolute;
    right: 0;
    z-index: 100;
	margin-top: -130px;}


html {

	font-size: 62.5%

}

html, body {

	width: 100%;

	height: 100%;

}

body {

	margin: 0;

	padding: 0;

	line-height: normal;

	font-family: 'Roboto Condensed', Arial;

	color: #000000;

}

a {

	text-decoration: none;

	cursor: pointer;

}

a:active, a:hover {

	outline: 0

}

a img {

	border: none

}

em {

	font-style: italic

}

strong {

	font-weight: 700

}

fieldset, form {

	margin: 0;

	padding: 0;

	border: none

}

button, input, select {

	vertical-align: middle

}

iframe {

	border: none;

}

/*---------------SYLVAIN----------------*/



.item_commentaire ul.notation {

	float: left;

	width: auto;

	margin: 0 10px 0 0;

	padding: 0;

}

#commentaire_commentaire {

	resize: vertical;

}

.ajouter_commentaire h2 {

	font-size: 1.35em;

	display: block;

	float: none;

}

.ajouter_commentaire label {

	display: inline-block;

	width: 180px;

	vertical-align: top;

	margin-bottom: 20px;

	font-size: 1.4em;

	padding-top: 8px;

}

.ajouter_commentaire input, .ajouter_commentaire textarea {

	vertical-align: top;

	width: calc(100% - 200px);

	border: 1px solid #CCC;

	background: #FFF;

	padding: 10px;

}

.ajouter_commentaire input[type="submit"] {

	width: 100% !important;

	border: 0;

	background: #d4145a;

	padding: 10px;

	color: #FFF;

	text-transform: uppercase;

	font-weight: bold;

	cursor: pointer;

}

.bloc_produit_photo .miniatures {

	text-align: center;

	margin-top: 5px;

	border-top: 1px solid #dee0de;

	padding-top: 5px;

}

.bloc_produit_photo .miniatures img {

	width: auto;

	height: auto;

}

#partage_mail_form {

	background: #FFF;

	margin: 0 auto;

	max-width: 600px;

	padding: 25px;

	font-size: 1.5em;

	border-radius: 4px;

	position:relative;

}

#partage_mail_form strong{

	text-align: center;

	color:#d4145a;

	font-size: 1.2em;

	display:block;

}

#partage_mail_form p{

	text-align: center;

}

#partage_mail_form .col-5 {

	margin-top: 6px;

}

#partage_mail_form label{

	padding:7px 12px 0 0;

	text-align: right;

	display:block;

}

#partage_mail_form input {

	width: 100%;

	border: 1px solid #CCC;

    padding: 5px;

    border-radius: 3px;

    height: 35px;

	color: #666666;

}

#partage_mail_form textarea {

	width: 100%;

	min-height: 120px;

	border: 1px solid #CCC;

    padding: 5px;

    border-radius: 3px;

	color: #666666;

}

#partage_mail_form button{

	background: #d4145a;

    color: #FFF;

    text-align: center;

	font-size: 14px;

    line-height: 1.25em;

	cursor:pointer;

}

#partage_mail_form button:hover{

	background: #000000;

}

#partage_mail_form .mfp-close{

	float:right;

	opacity:1 !important;

}

.alert_message {

	margin: 0 auto;

	max-width: 240px;

	padding: 10px;

	background: #e82121;

	color: #FFFFFF;

	font-size: 1.3em;

	font-size: 700;

	text-align: center;

}

.alert_message p {

	margin: 0;

}

.msg_wrapper {

	padding: 0px 20px 10px 0px;

}

.un_livreur {

	width: 20%;

	float: left;

	text-align: center;

	font-size: 14px;

}

.un_livreur img {

	max-width: 100%;

}

.un_livreur p {

	font-size: 15px;

}

.un_livreur p strong {

	color: #d4145a;

}

#chronopost_pr_table {

	width: 100%;

	border: #CCC 1px solid !important;

	font-size: 12px !important;

	color: #666;

}

#chronopost_pr_table tbody tr td:nth-child(2) {

	color: #d4145a;

}

#chronopost_pr_table tbody tr td:last-child {

	text-align: center;

}

#chronopost_pr_table tbody tr td label {

	padding: 5px;

	width: 100%;

	height: 100%;

	display: block;

}

#chronopost_pr_table tbody tr:hover td {

	background: #EAEAEA;

}

#chronopost_pr_table input[type="radio"] {

	display: block;

	margin: auto;

}

#chronopost_pr_table tr:nth-of-type(even) {

	background: #F4F4F4;

}

.chronopost_btn_information {

	cursor: pointer;

	display: inline-block;

	padding: 4px 8px;

	background: #d4145a !important;

	color: #FFF;

	text-align: center;

}

.titre_blanc {

	padding: 12px !important;

	color: #FFF;

	background: #d4145a;

	font-size: 16px;

}

#choix_mode_livraison {

	margin: 20px 0 !important;

	border: #CCC 1px solid !important;

	font-size: 13px;

}

#choix_mode_livraison h4 {

	font-size: 15px;

}

#choix_mode_livraison td {

	padding: 0px 4px;

}

td.des {

	padding-bottom: 20px !important;

}

.tab_recherche_relais {

	width: 100%;

	font-size: 13px;

	text-align: center;

	border: #CCC 1px solid !important;

}

.tab_recherche_relais input[type="text"] {

	font-size: 13px !important;

}

.tab_recherche_relais input[type="button"] {

	font-size: 13px !important;

	border: none;

	cursor: pointer;

	background: #212121;

	color: #FFF;

	padding: 6px 12px;

}

.td_radio {

	width: 20%;

	display: inline-block;

}

.td_nom_relais {

	width: 20%;

	display: inline-block;

}

.td_distance {

	width: 20%;

	display: inline-block;

}

.td_adresse {

	width: 20%;

	display: inline-block;

}

.td_detail {

	width: 20%;

	display: inline-block;

}

.clear_mob {

	display: none;

}

.panier_emballage {

	display:block;

	font-size: 1.5em;

	background: #FFFFFF;

	padding:15px;

	border:1px solid #E5E4DF;

	margin: 15px 0 0 0;

}

.panier_emballage label, .panier_emballage input{

	cursor:pointer;

}

.panier_emballage strong{

	color:#d4145a;

}

.select_emballage{

	background: #f4f6f7;

	border:1px solid #E5E4DF;

	padding:15px;

	margin:15px 0 0 0;

}

.select_emballage .emballage {

	display: inline-block;

	margin: 15px 15px 0 0;

	vertical-align: top;

	text-align: center;

	cursor: pointer;

	padding: 15px;

	background: #FFFFFF;

	border: 2px solid #FFFFFF;

	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

}

.select_emballage .emballage.selected, .select_emballage .emballage:hover {

	border: 2px solid #d4145a;

	box-shadow: none;

}

.select_emballage .prix{

	color:#d4145a;

}

.img_emballage img {

	width: 50% !important;

	margin: 0 auto !important;

}

.selected_emballage {

	font-size: 0.7em;

	background: #f4f6f7;

	border:1px solid #E5E4DF;

	padding:15px;

	margin:15px 0 0 0;

}

.selected_emballage .nom_article{

	font-size: 1.4em;

	float:left;

}

.selected_emballage .nom_article strong{

	color:#d4145a;

}



/*---------------SYLVAIN----------------*/



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

/* retablissement de l'apparance des selects (surtout ios) */

input:not([type="checkbox"]):not([type="radio"]) {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	-moz-border-radius: 0px;   /* Firefox 1, probably can drop this */

	-webkit-border-radius: 0px;   /* Safari 3-4, also probably droppable */

	border-radius: 0px;

	position: relative;

}

#commentaire select, #commentaire input:not([type="checkbox"]):not([type="radio"]) {

	font-size: 1.4rem;

}

input, textarea {

	font-family: Arial, Helvetica, sans-serif;

}

.message {

	padding: 10px;

	border: 1px solid;

	font-size: 16px;

	margin-bottom: 16px

}

.message.erreur {

	color: #FFF;

	background: #d00;

	border: none;

}

.message.confirmation {

	color: #0A0;

	background: #EFE;

}

#commentaire_sujet {

	border: 1px solid #CCC;

}

/*---------------BASE----------------*/



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {

	float: left;

}

.col-1 {

	width: 8.3333333333%;

}

.col-2 {

	width: 16.6666666666%;

}

.col-3 {

	width: 25%;

}

.col-4 {

	width: 33.3333333333%;

}

.col-5 {

	width: 41.6666666666%;

}

.col-5-1 {

	width: 48%

}

.col-6 {

	width: 50%;

}

.col-7 {

	width: 58.3333333333%;

}

.col-8 {

	width: 66.6666666666%;

}

.col-9 {

	width: 75%;

}

.col-10 {

	width: 83.3333333333%;

}

.col-11 {

	width: 91.6666666666%;

}

.col-12 {

	width: 100%;

}

.col_left {

	float: left;

}

.col_right {

	float: right;

}

h1 {

}

h2 {

	display: inline-block;

	color: #000000;

	font-size: 2.9em;

	font-weight: 300;

	text-transform: uppercase;

	border-bottom: 2px solid #000000;

	padding: 12px 0px;

}

h3 {

	font-size: 1.8em;

}

h4 {

}

.overall {

	margin: 0 auto;

	max-width: 1180px;

	position: relative;

}

.decallage {

	margin: 0 -10px;

}

.clear {

	display: block;

	clear: both

}

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.display {

	display: none;

}

a {

	color: #d4145a;

	-webkit-transition: color 300ms;

	-moz-transition: color 300ms;

	-o-transition: color 300ms;

	-ms-transition: color 300ms;

	transition: color 300ms;

}

a:hover {

	color: #000000;

}

#page p, #page ul {

	font-size: 15px;

	text-align: justify;

}

#page h1 {

	border-bottom: 2px solid #000000;

	color: #000000;

	display: inline-block;

	font-size: 2.9em;

	font-weight: 300;

	padding: 12px 0;

	text-transform: uppercase;

}

#page h2 {

	color: #d4145a;

	display: block;

	font-size: 2.2em;

	border: none;

	margin: 0 0 20px;

	text-transform: uppercase;

}

/*---------------HEADER----------------*/



header .fb {

	float: left;

	width: 33px;

	height: 33px;

	background: url('../images/sprite.png') no-repeat 13px -77px;

}

header .tw {

	float: left;

	width: 33px;

	height: 33px;

	background: url('../images/sprite.png') no-repeat -11px -78px;

}

header .insta {

	float: left;

	width: 33px;

	height: 33px;

	background: url('../images/insta.png') no-repeat center;

}

header .gplus {

	float: left;

	width: 33px;

	height: 33px;

	background: url('../images/sprite.png') no-repeat -40px -77px;

}

#entete {

	background: #000000;

	height: 33px;

	color: #FFF;

	font-size: 1.3em;

	font-weight: 700;

}

#entete a {

	color: #FFF;

}

#entete .overall>div:first-child {

	float: left;

}

#entete .overall>div:last-child {

	float: right;

}

#entete .overall>div:last-child a {

	display: inline-block;

	padding: 8px 15px;

}

#entete .overall>div:last-child a:hover {

	text-decoration: underline;

}

#entete .recherche {

	display: inline-block;

	vertical-align: middle;

}

#entete .recherche input {

	color: #FFFFFF;

	background: #626e62;

	border: none;

	padding: 4px 6px;

	min-width: 220px;

	border-radius: 2px;

}

#entete .tel:before {

	content: '';

	display: inline-block;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -42px -54px;

	width: 14px;

	height: 14px;

	margin-right: 6px;

}

#entete .compte:before {

	content: '';

	display: inline-block;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat 0 -53px;

	width: 13px;

	height: 15px;

	margin-right: 6px;

}

#entete .pro:before {

	content: '';

	display: inline-block;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -21px -53px;

	width: 13px;

	height: 15px;

	margin-right: 6px;

}

#logo {

	float: left;

	text-align: center;

	width: 23%;

	padding: 8px 0px;

}

#logo img {

	width: 100%;

}

header h1, header .h1 {

	font-size: 1.4em;

	font-weight: 300;

	text-transform: uppercase;

	margin: 5px auto;

	max-width: 70%;

}

#sb-site {

	padding-top: 1px !important;

	margin-top: -1px !important;

	position: relative;

}

#fil_ariane {

	border-bottom: 1px solid #dee0de;

}

#fil_ariane ol {

	padding: 5px;

	color: #626e62;

	font-size: 1.3em;

}

#fil_ariane ol li {

	float: left;

	list-style: none;

	padding: 0 5px 0 0;

}

#fil_ariane li a {

	color: #626e62;

	padding: 4px;

}

#fil_ariane li:before {

	content: '';

	display: inline-block;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -56px 0;

	width: 13px;

	height: 13px;

	margin: -2px 5px 0 0;

}

#fil_ariane li:first-of-type:before {

	display: none;

}

#fil_ariane li a:hover {

	color: #000000;

}

/*---------------MENU----------------*/



#menu {

	/*position: relative;*/

	min-height: 50px;

	display: block;

}

#picto_menu span {

	width: 24px;

	height: 4px;

	display: block;

	margin-bottom: 4px;

	border-radius: 1px;

	background: #FFF;

}

#picto_menu span:last-child {

	margin: 0;

}

#picto_menu {

	float: left;

}

#btn_menu {

	display: none;

}

nav {

	float: right;

	padding: 30px 0px;

}

nav div:first-child {

	float: left;

}

nav ul#deroulant {

	padding: 0;

	margin: 0;

	list-style: none;

	display: table;

	padding-right: 5px;

}

nav ul#deroulant>li {

	display: table-cell;

	vertical-align: middle;
	text-align: center;

}

nav ul#deroulant>li>a {

	display: block;

	font-size: 1.4em;

	text-transform: uppercase;

	padding: 40px 9px 10px;

	line-height: 1em;

	color: #000000;

	font-weight: 400;

	border-bottom: 2px solid #FFFFFF;

}

nav ul#deroulant>li>a:after {

	content: '';

	display: inline-block;

	vertical-align: middle;

	margin-left: 4px;

}



nav ul#deroulant>li#multimedia>a {

	background: url(../images/picto_multimedia2.png) no-repeat top center;

}




nav ul#deroulant>li#multimedia>a:after {

	background: url('../images/sprite.png') no-repeat -120px -203px;

	width: 10px;

	height: 6px;

}

nav ul#deroulant>li#multimedia>a:hover {

	border-bottom: 2px solid #6c3287;

}


nav ul#deroulant>li#cuisine>a {

	background: url(../images/picto_cuisine2.png) no-repeat top center;

}




nav ul#deroulant>li#cuisine>a:after {

	background: url('../images/sprite.png') no-repeat -60px -203px;

	width: 10px;

	height: 6px;

}

nav ul#deroulant>li#cuisine>a:hover {

	border-bottom: 2px solid #c1cb30;

}



nav ul#deroulant>li#textiles>a {

	background: url(../images/picto_vetement2.png) no-repeat top center;

}



nav ul#deroulant>li#vetements>a:after, nav ul#deroulant>li#textiles>a:after {

	background: url('../images/sprite.png') no-repeat -210px -203px;

	width: 10px;

	height: 6px;

}

nav ul#deroulant>li#vetements>a:hover, nav ul#deroulant>li#textiles>a:hover {

	border-bottom: 2px solid #e9c225;

}



nav ul#deroulant>li#mug-tasse>a {

	background: url(../images/picto_mug2.png) no-repeat top center;

}



nav ul#deroulant>li#vaisselle>a:after, nav ul#deroulant>li#mug-tasse>a:after {

	background: url('../images/sprite.png') no-repeat -180px -203px;

	width: 10px;

	height: 6px;

}

nav ul#deroulant>li#vaisselle>a:hover, nav ul#deroulant>li#mug-tasse>a:hover {

	border-bottom: 2px solid #e00e86;

}




nav ul#deroulant>li#bagagerie>a {

	background: url(../images/picto_bagage2.png) no-repeat top center;

}




nav ul#deroulant>li#accessoires>a:after, nav ul#deroulant>li#bagagerie>a:after {

	background: url('../images/sprite.png') no-repeat 0 -203px;

	width: 10px;

	height: 6px;

}

nav ul#deroulant>li#accessoires>a:hover, nav ul#deroulant>li#bagagerie>a:hover {

	border-bottom: 2px solid #32bebb;

}

nav ul#deroulant>li#accessoires>a:after {

	background: url('../images/sprite.png') no-repeat -150px -203px;

	width: 10px;

	height: 6px;

}




nav ul#deroulant>li#accessoires>a {

	background: url(../images/picto_photo2.png) no-repeat top center;

}


nav ul#deroulant>li#accessoires>a:hover {

	border-bottom: 2px solid #ff7426;

}




nav ul#deroulant>li#broderie>a {

	background: url(../images/picto_broderie2.png) no-repeat top center;

}



nav ul#deroulant>li#broderie>a:after {

	background: url('../images/sprite.png') no-repeat -30px -203px;

	width: 10px;

	height: 6px;

}

nav ul#deroulant>li#broderie>a:hover {

	border-bottom: 2px solid #2883ac;

}




nav ul#deroulant>li#gravure>a {

	background: url(../images/picto_gravure2.png) no-repeat top center;

}

nav ul#deroulant>li#gravure>a:after {

	background: url('../images/sprite.png') no-repeat -90px -203px;

	width: 10px;

	height: 6px;

}

nav ul#deroulant>li#gravure>a:hover {

	border-bottom: 2px solid #e82121;

}


nav ul#deroulant>li#coin-pros>a {

	background: url(../images/picto_pro.png) no-repeat top center;

}


nav ul#deroulant>li#saint-valentin>a {

	background: url(../images/picto_valentin.png) no-repeat top center;

}


nav ul#deroulant>li#coin-pros>a:after {

	background: url('../images/sprite.png') no-repeat -240px -203px;

	width: 10px;

	height: 6px;

}


nav ul#deroulant>li#coin-pros>a:hover {

	border-bottom: 2px solid #73351c;

}




nav ul#deroulant>li#covid-19>a {

	background: url(../images/picto_covid19.png) no-repeat top center;

}


nav ul#deroulant>li#fete-des-meres>a {

	background: url(../images/picto_coeur.png) no-repeat top center;

}


nav ul#deroulant>li#covid-19>a:after {

	background: url('../images/sprite.png') no-repeat -290px -203px;

	width: 10px;

	height: 6px;

}


nav ul#deroulant>li#covid-19>a:hover {

	border-bottom: 2px solid #ab1212;

}



















nav ul#deroulant>li#ethique>a {

	background: url(../images/picto_ethique.png) no-repeat top center;

}


nav ul#deroulant>li#ethique>a:after {

	background: url('../images/sprite.png') no-repeat -270px -203px;

	width: 10px;

	height: 6px;

}


nav ul#deroulant>li#ethique>a:hover {

	border-bottom: 2px solid #008D36;

}

















nav ul#deroulant>li#le-coin-geeks>a {

	background: url(../images/picto_geek2.png) no-repeat top center;

}


nav ul#deroulant>li#le-coin-geeks>a:after {

	background: url('../images/sprite.png') no-repeat -270px -203px;

	width: 10px;

	height: 6px;

}



nav ul#deroulant>li#le-coin-geeks>a:hover {

	border-bottom: 2px solid #1c930e;

}



nav ul#deroulant>li#selection-noel>a {

	background: url(../images/noel.png) no-repeat top center;

}



nav ul#deroulant>li#selection-noel>a {

	background: url(../images/noel.png) no-repeat top center;

}



nav ul#deroulant>li#selection-noel>a:after {

	background: url('../images/sprite.png') no-repeat -90px -203px;

	width: 10px;

	height: 6px;

}


nav ul#deroulant>li#selection-noel>a:hover {

	border-bottom: 2px solid red;

}

nav ul#deroulant>li#coin-pros>a:hover {

	border-bottom: 2px solid #73351c;

}

nav ul#deroulant>li#ethique>a:hover {

	border-bottom: 2px solid #1c930e;

}



#menu > ul > li:hover {

	background: #45C3D3;

}

nav ul#deroulant>li:hover {

}

nav ul#deroulant>li>a:hover {

	color: #626e62;

}

.nav_actif {

	background: #000000;

	color: #FFF !important;

	border: 1px solid rgba(255,255,255,0.25) !important;

}

nav ul#deroulant.actif {

	display: block;

	position: absolute;

	z-index: 10;

}

nav ul#menu_secondaire {

	padding: 0;

	margin: 0;

	list-style: none;

	display: table;

	float: right;

	padding-right: 10px;

}

nav ul#menu_secondaire>li {

	display: table-cell;

	vertical-align: middle;

}

nav ul#menu_secondaire>li>a {

	display: block;

	font-size: 1.4em;

	padding: 12px;

	line-height: 1em;

	color: #626e62;

	font-weight: 400;

	padding-right: 0px;

}

nav ul#menu_secondaire>li>a:hover {

	color: #000000;

}

nav ul#menu_secondaire>li>a:after {

	content: '|';

	display: inline-block;

	vertical-align: middle;

	margin-left: 12px;

}

nav ul#menu_secondaire>li:last-child>a:after {

	content: '';

	display: inline-block;

	vertical-align: middle;

	margin-left: 12px;

}

#acces_panier {

	float: right;

	position: absolute;

	right: 0;

	border: 1px solid #dee0de;

	width: 66px;

	height: 66px;

	margin: 32px 0 0 0;

	background: url(../images/panier.png) center no-repeat #FFFFFF;

}

#acces_panier:hover {

	background-color: #e9eae9;

}

#acces_panier span {

	position: absolute;

	background: #000;

	color: #FFF;

	font-weight: 700;

	font-size: 1.4em;

	text-align: center;

	padding: 7px;

	width: 30px;

	height: 30px;

	border-radius: 15px;

	margin: -15px -15px 0 50px;

}

/*-----Sous menu----------*/

nav ul#deroulant>li>ul {

	z-index: 3;

	background: #FFFFFF;

	position: absolute;

	display: none;

	padding: 0;

	margin: 0;

	list-style: none;

	width: 1180px;

	left: 50%;

	margin-left: -719px;
	
	border: 3px solid #CCC;

}

nav ul#deroulant>li#multimedia>ul {

	border: 3px solid #6c3287;

}

nav ul#deroulant>li#cuisine>ul {

	border: 3px solid #c1cb30;

}


nav ul#deroulant>li#coin-pros>ul {

	border: 3px solid #73351c;

}

nav ul#deroulant>li#covid-19>ul {

	border: 3px solid #ab1212;

}




nav ul#deroulant>li#ethique>ul {

	border: 3px solid #1c930e;

}

nav ul#deroulant>li#vetements>ul, nav ul#deroulant>li#textiles>ul {

	border: 3px solid #e9c225;

}

nav ul#deroulant>li#vaisselle>ul, nav ul#deroulant>li#mug-tasse>ul {

	border: 3px solid #e00e86;

}

nav ul#deroulant>li#accessoires>ul, nav ul#deroulant>li#bagagerie>ul {

	border: 3px solid #32bebb;

}

nav ul#deroulant>li#accessoires>ul {

	border: 3px solid #ff7426;

}

nav ul#deroulant>li#broderie>ul {

	border: 3px solid #2883ac;

}

nav ul#deroulant>li#gravure>ul {

	border: 3px solid #e82121;

}



nav ul#deroulant>li#le-coin-pros>ul {

	border: 3px solid #73351c;

}








nav ul#deroulant>li#le-coin-geeks>ul {

	border: 3px solid #1c930e;
	

}



nav ul#deroulant > li:hover ul {

	display: block;

	padding: 10px;

}

nav ul#deroulant>li>ul>li {

	width: 25%;

	float: left;

}

nav ul#deroulant>li>ul>li div {

	padding: 10px;

	width: 100%;

}

nav ul#deroulant>li>ul>li div p {

	margin: 0 0 6px 0;

	padding: 0 0 0 0;

	font-size: 1.3em;

	font-weight: 600;

}








nav ul#deroulant>li>ul>li div p a {

	display: block;

	padding: 8px;

	color: #000000;

	border-bottom: 1px solid #dee0de;

}










nav ul#deroulant>li>ul>li div>a {

	color: #000000;

	font-size: 1.3em;

	display: block;

	padding: 7px 0px 7px 12px;

	border-bottom: 1px dotted #dee0de;

	-webkit-transition: all 200ms;

	-moz-transition: all 200ms;

	-o-transition: all 200ms;

	-ms-transition: all 200ms;

	transition: all 200ms;

}

nav ul#deroulant>li>ul>li:hover a {

	background: #000000;

	color: #FFFFFF;

}











nav ul#deroulant>li#multimedia>ul>li div>a:hover {

	background: #6c3287;

}

nav ul#deroulant>li#cuisine>ul>li div>a:hover {

	background: #c1cb30;

}

nav ul#deroulant>li#vetements>ul>li div>a:hover, nav ul#deroulant>li#textiles>ul>li div>a:hover {

	background: #e9c225;

}

nav ul#deroulant>li#vaisselle>ul>li div>a:hover, nav ul#deroulant>li#mug-tasse>ul>li div>a:hover {

	background: #e00e86;

}

nav ul#deroulant>li#accessoires>ul>li div>a:hover, nav ul#deroulant>li#bagagerie>ul>li div>a:hover {

	background: #32bebb;

}

nav ul#deroulant>li#accessoires>ul>li div>a:hover {

	background: #ff7426;

}

nav ul#deroulant>li#broderie>ul>li div>a:hover {

	background: #2883ac;

}

nav ul#deroulant>li#gravure>ul>li div>a:hover {

	background: #e82121;

}

nav ul#deroulant>li#le-coin-pros>ul>li div>a:hover {

	background: #73351c;

}




/*----------------SLIDER----------------*/

.slide {

	display: block;

	position: relative;

}

.slide img {

	width: 100%;

	height: auto;

	display: block;

}

#menu_slider {

	padding: 0;

	margin: 0;

	list-style: none;

	position: relative;

	z-index: 2;
	
	display:none;

}

#menu_slider>li {

	width: 11.1%;

	float: left;

}

#menu_slider>li>a {

	display: block;

	height: 100px;

	-webkit-transition: all 300ms;

	-moz-transition: all 300ms;

	-o-transition: all 300ms;

	-ms-transition: all 300ms;

	transition: all 300ms;

}

#menu_slider>li>a:hover {

	height: 112px;

	margin-top: -12px;

	-webkit-box-shadow: 0 -3px 8px rgba(0,0,0,0.4);

	-moz-box-shadow: 0 -3px 8px rgba(0,0,0,0.4);

	box-shadow: 0 -3px 8px rgba(0,0,0,0.4);

}

#ms_1 {

	background: url(../images/picto_multimedia.png) center no-repeat #6c3287;

}

#ms_2 {

	background: url(../images/picto_cuisine.png) center no-repeat #c1cb30;

}

#ms_3 {

	background: url(../images/picto_vetement.png) center no-repeat #e9c225;

}

#ms_4 {

	background: url(../images/picto_mug.png) center no-repeat #e00e86;

}

#ms_5 {

	background: url(../images/picto_bagage.png) center no-repeat #32bebb;

}

#ms_6 {

	background: url(../images/picto_photo.png) center no-repeat #ff7426;

}

#ms_7 {

	background: url(../images/picto_broderie.png) center no-repeat #2883ac;

}

#ms_8 {

	background: url(../images/picto_gravure.png) center no-repeat #e82121;

}

#ms_9 {

	background: url(../images/picto_geek.png) center no-repeat #1c930e;

}

/*----------------CONTENT----------------*/

#reassurance {

	float: left;

	width: 100%;

	margin: 20px auto;

	list-style: none;

	padding: 0px;

}

#reassurance>li {

	float: left;

	width: 25%;

	border-right: 1px solid #dee0de;

	color: #626e62;

	padding: 15px 0px 15px 80px;

	font-size: 1em;

	letter-spacing: -0.025em;

}

#reassurance>li:last-child {

	border: none;

}

#reassurance>li:nth-child(1) {

	background: url(../images/tel_reassurance.png) left no-repeat;

}

#reassurance>li:nth-child(2) {

	background: url(../images/fdp_reassurance.png) left no-repeat;

}

#reassurance>li:nth-child(3) {

	background: url(../images/chrono_reassurance.png) left no-repeat;

}

#reassurance>li:nth-child(4) {

	background: url(../images/engagement_reassurance.png) left no-repeat;

}

#reassurance>li>span {

	font-size: 1.5em;

	color: #fff;

	font-weight: 300;

}

#reassurance>li>strong {

	font-weight: 700;

	font-size: 1em;

}

.content {

	padding: 20px 0px;

}

.gris {

	background: #edeeed;

}

.content h2 {

	margin: 0 0 20px 0;

}

.content h1 {

	display: inline-block;

	color: #000000;

	margin: 0 0 20px 0;

	font-size: 2.9em;

	font-weight: 300;

}

.content h1 span {

	text-transform: uppercase;

	border-bottom: 2px solid #000000;

	padding: 10px 0px;

	display: inline-block;

}

.help {
	color: grey;
	margin-left: 1em;
}

.content_btn_voir_tout {

	display: inline-block;

	background: url('../images/sprite.png') no-repeat 0 0;

	width: 28px;

	height: 28px;

	margin: 0 0 -5px 10px;

}

.item_actu {

	width: 50%;

	float: left;

}

.item_actu a {

	color: #abb2ab;

	display: block;

	padding: 0 20px 0 0;

	font-size: 1.5em;

}

.item_actu a:hover strong {

	color: #d4145a;

}

.item_actu img {

	width: 40%;

	float: left;

	max-width: 180px;

	min-width: 180px;

	margin: 0 20px 15px 0;

}

.item_actu a strong {

	display: block;

	color: #000;

	font-size: 1.1em;

	font-weight: 400;

	margin-bottom: 10px;

}

.item_actu .date {

	position: absolute;

	color: #FFF;

	background: #abb2ab;

	padding: 5px 8px;

	margin: 132px 0 0 0;

}

/*----------------LISTING_PRODUIT----------------*/



#cat_multimedia:before, #cat_cuisine:before, #cat_textile:before, #cat_mug:before, #cat_bagagerie:before, #cat_accessoire:before, #cat_broderie:before, #cat_gravure:before {

	content: '';

	display: inline-block;

	vertical-align: top;

	width: 56px;

	height: 56px;

	padding: 0 0 0 20px;

}

#cat_multimedia:before {

	background: url('../images/sprite.png') no-repeat 0 -232px;

}

#cat_cuisine:before {

	background: url('../images/sprite.png') no-repeat -78px -232px;

}

#cat_textile:before {

	background: url('../images/sprite.png') no-repeat -156px -232px;

}

#cat_mug:before {

	background: url('../images/sprite.png') no-repeat -234px -232px;

}

#cat_bagagerie:before {

	background: url('../images/sprite.png') no-repeat 0 -296px;

}

#cat_accessoire:before {

	background: url('../images/sprite.png') no-repeat -78px -296px;

}

#cat_broderie:before {

	background: url('../images/sprite.png') no-repeat -156px -296px;

}

#cat_gravure:before {

	background: url('../images/sprite.png') no-repeat -234px -296px;

}

.carousel_produit:before {

	margin-bottom: 10px;

}

.bloc_produit {

	float: left;

	width: 25%;

}

.carousel_produit .item {

	margin: 10px;

	position: relative;

	transition: all 400ms;

	color: #918a7a;

	overflow: hidden;

	border: 1px solid #e2e2e2;

}

.listing_produit .item {

	margin: 10px 10px 20px 10px;

	position: relative;

	transition: all 400ms;

	color: #918a7a;

	overflow: hidden;

	border: 1px solid #e2e2e2;

}

.carousel_produit .item span, .listing_produit .item span {

	display: block;

	overflow: hidden;

}

.carousel_produit .item:hover, .listing_produit .item:hover {

	box-shadow: 0 3px 10px rgba(0,0,0,0.20);

}

.carousel_produit .item img, .listing_produit .item img {

	display: block;

	-webkit-transition: transform 500ms;

	-moz-transition: transform 500ms;

	-o-transition: transform 500ms;

	-ms-transition: transform 500ms;

	transition: transform 500ms;

	width: 100%;

}

.carousel_produit .item:hover img, .listing_produit .item:hover img {

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

.carousel_produit .item div, .listing_produit .item div {

	padding: 16px;

	min-height: 140px;

	background: #FFF;

}

.carousel_produit .item div a::before, .listing_produit .item div a::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}

.carousel_produit .item div a, .listing_produit .item div a {

	display: block;

	color: #abb2ab;

	font-size: 1.5em;

	height: 60px;

	overflow: hidden;

}

.carousel_produit .item div a strong, .listing_produit .item div a strong {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

	color: #000000;

	font-size: 1.2em;

	transition: all 400ms;

	font-weight: 400;

}

.carousel_produit .item div a:hover strong, .listing_produit .item div a:hover strong {

	color: #d4145a;

}

.carousel_produit .item div p, .listing_produit .item div p {

	margin: 10px 0 0 0;

	/* display: inline-block; */

	font-size: 1.5em;

	color: black;

	font-weight: 700;

	border-top: 2px solid #e9eae9;

	padding-top: 10px;

	font-weight: 400;

}

.carousel_produit .item div p>span.prix, .listing_produit .item div p>span.prix { 
	font-size: 2.4em;

	color: #d4145a;

	font-weight: 700;
}

.carousel_produit .item div p>span.barre, .listing_produit .item div p>span.barre {

	display: inline-table;

	color: #abb2ab;

	font-weight: 300;

	font-size: 0.7em;

	text-decoration: line-through;

	margin: 0 0 0 10px;

}

.carousel_produit .item img, .listing_produit .item img {

	display: block;

	width: 100%;

}

.carousel_produit .owl-prev {

	position: absolute;

	overflow: hidden;

	text-indent: -500px;

	right: 60px;

	top: 10px;

	margin-top: -75px;

	width: 41px;

	height: 41px;

	transition: all 300ms;

	border-radius: 22px;

}

.carousel_produit .owl-prev:hover {

	background: #FFFFFF !important;

}

.carousel_produit .owl-prev::before {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -21px 0 0 -20px;

	content: "";

	background: url('../images/sprite.png') no-repeat -58px -125px;

	width: 41px;

	height: 41px;

}

.carousel_produit .owl-next {

	position: absolute;

	overflow: hidden;

	text-indent: -500px;

	right: 10px;

	top: 10px;

	margin-top: -75px;

	width: 41px;

	height: 41px;

	transition: all 300ms;

	border-radius: 22px;

}

.carousel_produit .owl-next:hover {

	background: #FFFFFF !important;

}

.carousel_produit .owl-next::before {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -21px 0 0 -20px;

	content: "";

	width: 10px;

	height: 17px;

	background: url('../images/sprite.png') no-repeat 0 -125px;

	width: 41px;

	height: 41px;

}

.pastille_reduc {

	position: absolute;

	z-index: 10;

	width: 48px;

	height: 48px;

	margin: 12px 0 0 78%;

	text-align: center;

	background: #d4145a;

	border-radius: 24px;

	padding: 13px 7px;

	color: #FFF;

	font-size: 1.8em;

	font-weight: 700;

}

#pagination {

	padding: 15px 15px 25px 15px;

}

.pagination {

	padding: 0;

	margin: 0;

	display: block;

	width: 100%;

	text-align: center;

}

.pagination li {

	text-align: center;

	display: inline-table;

	list-style: none;

	padding: 0;

	margin: 5px;

}

.pagination li a {

	background: #e9eae9;

	border: 2px solid #ccd0cc;

	border-radius: 21px;

	width: 42px;

	padding: 11px 12px;

	display: block;

	color: #abb2ab;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 1.5em;

}

.pagination li a:hover, .pagination li a.page_active {

	background: #d4145a;

	border: 2px solid #d4145a;

	color: #FFFFFF;

}

/*----------------DETAIL_PRODUIT----------------*/



#fiche_detail h1 {

	font-size: 2.5em;

}

#fiche_detail h1 span {

	border-bottom: none;

	padding: 12px 0px;

}

.detail_produit {

	border: 1px solid #e2e2e2;

	background: #FFFFFF;

}

.bloc_produit_detail {

	padding: 15px;

}

.bloc_produit_photo {

	float: left;

	max-width: 400px;

	width: 35%;

}

.bloc_produit_photo img {

	width: 100%;

	height: auto;

}

.bloc_produit_contenu {

	float: left;

	width: 65%;

	font-size: 1.5em;

	padding: 0 0 0 30px;

}

#descr {

	float: left;

	width: 70%;

	height: 60vh;

	padding-right: 0.5em;

	overflow-y: scroll;

}

.bloc_produit_contenu h2 {

	font-size: 1.8em;

	line-height: 1em;

	display: block;

}

.bloc_produit_contenu p {

	text-align: justify;

}

.descr_infos {

	color: #d4145a;

}

.descr_infos:before {

	content: '';

	display: inline-block;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -278px -128px;

	width: 22px;

	height: 22px;

	margin: -2px 5px 0 0;

}

#col_prix {

	float: right;

	width: 25%;

	min-width: 165px;

	min-height: 300px;

}

#col_prix p {
	text-align: center;

	background: #971442;

	color: #FFFFFF;

	font-size: 1.7em;

	padding-top: 1em;

	font-weight: 300;

	margin-bottom: -0.4em;

}

#col_prix .prix {

	text-align: center;

	color: #FFFFFF;

	font-size: 2.7em;

	font-weight: 800;

	padding-bottom: 1em;

	margin-top: -0.4em;

}

.btn_personnaliser {

	display: block;

	background: #d4145a;

	padding: 15px;

	text-align: center;

	color: #FFFFFF;

	text-transform: uppercase;

	font-size: 2.7em;

	font-weight: 700;

	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.30);

	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.30);

	box-shadow: 0px 0px 15px rgba(0,0,0,0.30);

}

.btn_personnaliser:hover {

	box-shadow: none;

	color: white;

	background: #971442;

}


#ajout_sans_perso {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #abb2ab;
}

#ajout_sans_perso p {
	padding: 0.5em;
	font-size: 1.7em;
	color: white;
}
#menu_module_perso {
	display: flex;
	flex-direction: column;
}

ul.notation {

	margin: 0px;

	padding: 15px 0 0 0;

	text-align: center;

}

ul.notation li {

	display: inline-table;

	background: url('../images/sprite.png') no-repeat -145px -95px;

	width: 21px;

	height: 19px;

}

ul.notation li.active {

	background: url('../images/sprite.png') no-repeat -145px -70px;

	width: 21px;

	height: 19px;

}

.resume_commentaire {

	background: #e9eae9;

	margin: 15px 0 0 0;

}

.resume_commentaire p {

	text-align: center;

	padding: 15px;

	line-height: 1em;

	margin: 0px;

}

.resume_commentaire p strong {

	display: block;

}

.btn_laisser_commentaire {

	display: block;

	background: #dee0de;

	padding: 15px;

	color: #000000;

	text-transform: uppercase;

	line-height: 1em;

	font-size: 0.9em;

}

.btn_laisser_commentaire span:before {

	content: '';

	float: left;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -212px 0;

	width: 27px;

	height: 24px;

	margin: 0 10px 0 0;

}

.btn_guide_taille {

	display: block;

	background: #ccd0cc;

	padding: 15px;

	color: #000000;

	text-transform: uppercase;

	line-height: 1em;

	font-size: 0.9em;

	margin: 15px 0 0 0;

}

.btn_guide_taille span:before {

	content: '';

	float: left;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -222px -36px;

	width: 7px;

	height: 18px;

	margin: -3px 10px 0 0;

}

.btn_laisser_commentaire:hover, .btn_guide_taille:hover {

	background: #971442;

	color: #FFFFFF;

}

#infos_reseaux {

	background: #e9eae9;

	display: block;

	padding: 15px;

	margin: 15px 0 0 0;

}

#infos_reseaux p {

	float: left;

	margin: 0px;

	padding: 0px 20px;

	border-right: 1px solid #FFFFFF;

	font-size: 1.6em;

	color: #626e62;

}

#infos_reseaux p:first-of-type {

	padding-left: 0px;

}

#infos_reseaux p:last-of-type {

	border-right: none;

}

#infos_reseaux p span {

	display: inline-block;

}

#infos_reseaux p strong {

	color: #d4145a;

	padding-top: 6px;

	display: inline-block;

}

#info_lavage:before {

	content: '';

	float: left;

	background: url('../images/sprite.png') no-repeat -128px -128px;

	width: 33px;

	height: 36px;

	margin: -2px 10px 0 0;

}

#info_livraison:before {

	content: '';

	float: left;

	background: url('../images/sprite.png') no-repeat -177px -128px;

	width: 62px;

	height: 34px;

	margin: -2px 10px 0 0;

}

#dates_livraison {
	display: flex;
	justify-content: space-between;
	font-size: 1.7em;
	color: #d4145a;
}

ul#partage_reseaux {

	float: right;

	margin: 0px;

}

#partage_reseaux li {

	float: left;

	list-style: none;

	padding: 0px 4px;

}

#partage_reseaux li a {

	display: block;

	width: 34px;

	height: 33px;

}

#partage_reseaux li a:hover {

	opacity: 0.9;

}

#partage_facebook {

	background: url('../images/sprite.png') no-repeat 0 -364px;

}

#partage_twitter {

	background: url('../images/sprite.png') no-repeat -40px -364px;

}

#partage_gplus {

	background: url('../images/sprite.png') no-repeat -81px -364px;

}

#partage_pinterest {

	background: url('../images/sprite.png') no-repeat -122px -364px;

}

#partage_mail {

	background: url('../images/sprite.png') no-repeat -163px -364px;

}

.bloc_commentaire {

	padding: 15px;

	background: #e9eae9;

}

.bloc_commentaire .titre {

	display: inline-block;

	color: #000000;

	font-size: 2.6em;

	font-weight: 300;

	text-transform: uppercase;

	margin: 0px;

}

.bloc_commentaire .titre:before {

	content: '';

	float: left;

	background: url('../images/sprite.png') no-repeat -206px -73px;

	width: 40px;

	height: 35px;

	margin: 0 10px 0 0;

}

.bloc_commentaire .connexion {

	float: right;

	font-size: 1.3em;

	margin: 0px;

}

.bloc_commentaire .connexion span, .bloc_commentaire .connexion a {

	display: inline-block;

}

.bloc_commentaire .connexion a {

	padding: 10px 12px;

	background: #FFFFFF;

	border: 1px solid #e2e2e2;

	color: #d4145a;

	border-radius: 4px;

	text-transform: uppercase;

	font-weight: 700;

	margin: 0 0 0 10px;

}

.bloc_commentaire .connexion a:hover {

	background: #d4145a;

	color: #FFFFFF;

}

.item_commentaire {

	padding: 15px;

	background: #FFFFFF;

	border: 1px solid #DCDCDC;

	border-radius: 4px;

	margin: 15px 0 5px 0;

	-webkit-box-shadow: 3px 3px 0px rgba(0,0,0,0.15);

	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.15);

	box-shadow: 3px 3px 0px rgba(0,0,0,0.15);

	font-size: 1.3em;

}

.item_commentaire p.sujet {

	font-size: 1.4em;

	color: #d4145a;

	border-bottom: 1px solid #DCDCDC;

	margin: 0px;

	padding: 0 0 10px 0;

}

.item_commentaire p.sujet span.date {

	float: right;

	color: #000000;

	font-style: italic;

	font-size: 0.8em;

}

span.auteur {

	display: inline-block;

	color: #d4145a;

	font-style: italic;

	padding: 5px 0 0 0;

}

#produits_associes{

	padding:0 20px;

}

#decli_select_both, #decli_non_disponible {

	padding: 0 0 10px 10px;

	color: #D00;

	transition: .3s all ease;

}

#decli_select_both {

	color: #971442;

}

.btn_ajout_panier[disabled] {

	cursor: not-allowed !important;

	background: #666 !important;

}

#form_ajout_panier {

	float: right;

	width: 62%;

	font-size: 1.4em;

	background: #e9eae9;

}

#form_ajout_panier button {

	display: block;

	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.30);

	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.30);

	box-shadow: 0px 0px 15px rgba(0,0,0,0.30);

	text-transform: uppercase;

	font-weight: 700;

	font-size: 1.2em;

}

#form_ajout_panier button:hover {

	background: #971442;

}

#form_ajout_panier .col {

	float: left;

	width: 25%;

	padding: 10px;

	box-sizing: border-box;

}

#form_ajout_panier .col:not(:first-child) {

	padding-left: 0px;

}

#form_ajout_panier input {

	border: 1px solid #DDD !important;

	height: 36px;

	width: 100%;

	background: #FFF !important;

}

#form_ajout_panier select{

	border: 1px solid #DDD !important;

	height: 36px;

	width: 100%;

	padding:0px 8px;

	background:#FFFFFF !important;

}

#form_ajout_panier input[type=number] {

	color: #666;

	padding: 8px;

	box-sizing: border-box;

	max-width: 50%;

}

#form_ajout_panier button {

	width: 100%;

	background: #d4145a;

	height: 36px;

	color: #FFF;

	font-family: 'Roboto Condensed', Arial, sans-serif;

	cursor: pointer;

}



/*----------------FORM----------------*/



.input_recherche {

	float: left;

	width: 100%;

	padding: 10px;

}

.btn_submit {

	width: 32px;

	float: right;

	margin: 0 -32px 0 0;

	background-color: #c7b299;

}

/*---------------FOOTER----------------*/



footer {

	background: #000000;

	color: #abb2ab;

	font-size: 1.5em;

}

footer .overall {

	padding: 30px 0px;

}

.titre_footer {

	display: block;

	font-size: 1.7em;

	color: #FFFFFF;

	font-weight: 300;

	margin: 15px 0px;

	margin-top: 0px;

}

footer .col-3 ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

footer .col-3 ul>li>a {

	display: block;

	padding: 5px 0px;

}

footer a {

	color: #abb2ab;

}

footer a:hover {

	color: #FFFFFF;

}

footer .col-3 span {

	display: block;

	margin-bottom: 10px;

}

footer .col-3 span strong {

	font-weight: 700;

	color: #FFFFFF;

}

footer .col-3 input[type="text"] {

	color: #e9eae9;

	background: #626e62;

	border: none;

	padding: 12px;

	font-style: italic;

}

footer .col-3 input[type="submit"] {

	color: #ffffff;

	background: #d4145a;

	border: none;

	padding: 12px;

	cursor: pointer;

	font-size: 0.9em;

	font-weight: 700;

}

footer .col-3 input[type="submit"]:hover {

	background: #b4004c;

}

footer .col-3 .fb {

	display: inline-block;

	background: url('../images/sprite.png') no-repeat -273px 0;

	width: 27px;

	height: 27px;

	margin: 0px 2px;

}

footer .col-3 .tw {

	display: inline-block;

	background: url('../images/sprite.png') no-repeat -273px -40px;

	width: 27px;

	height: 27px;

	margin: 0px 2px;

}

footer .col-3 .insta {

	display: inline-block;

	background: url('../images/insta2.png') no-repeat center;

	width: 27px;

	height: 27px;

	margin: 0px 2px;

}

footer .col-3 .gplus {

	display: inline-block;

	background: url('../images/sprite.png') no-repeat -273px -80px;

	width: 27px;

	height: 27px;

	margin: 0px 2px;

}

footer .fb-page {

	margin-top: 15px;

}

.sb-slidebar.sb-left.sb-active {

	box-shadow: inset -4px 0 2px rgba(0,0,0,0.2);

	border-right:1px solid #dee0de;

}

#note_comment {

	width: 150px;

	height: 30px;

	position: relative;

	display: inline-block;

}

.note_comment {

	width: 75px;

	height: 15px;

	position: relative;

}

#note_comment > div, .note_comment > div {

	position: absolute;

	width: 100%;

	height: 100%;

}

#note_comment > .fond_etoile, .note_comment > .fond_etoile {

	background: #999;

}

#note_comment > .fond_couleur_etoile, .note_comment > .fond_couleur_etoile {

	background: #d4145a;

	width: 0%;

}

.etoile {

	background: url(../images/etoile.png) no-repeat center center;

	background-size: contain;

	float: left;

	width: 20%;

	height: 100%;

}

/*************** panier *************/



.btn_retour, .content_base .btn {

	float: left;

	cursor: pointer;

	vertical-align: middle;

	line-height: 1.2em;

	font-size: 1.5em;

	border: 1px solid #d4145a;

	padding: 10px 20px;

}

.btn_def {

	float: right;

	cursor: pointer;

	vertical-align: middle;

	line-height: 2em;

	font-size: 1.5em;

	border: 1px solid;

	padding: 10px 20px;

	margin-top: 15px;

}

.article {

	width: 100%;

}

.decls_article {

	width: 80%;

	float: left;

}

.decl_article:not(:last-of-type) {

	border-bottom: 1px dashed #DADADA;

}

.bloc_article {

	width: 100%;

	background: #f4f6f7;

	border-bottom: 1px solid #DADADA;

	padding: 15px 20px;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;

}

.bloc_panier {

	padding: 15px 0 35px 0;

}


.img_article {

	float: left;

	width: 15%;

	padding: 10px;

	border: 1px solid #CCCCCC;

	margin-right: 20px;

	background: #FFFFFF;

}

.img_article a {

	display: block;

	margin: 0;

	padding: 0;

	overflow: visible;

}

.descrip_article {

	width: 50%;

	float: left;

	font-size: 1.3em;

}

.img_article img {

	width: 100%;

	display: block;

}

.nom_article {

	color: #212121;

	font-size: 1.7em;

	margin: 0;

}

.ref_article {

	color: #d4145a;

	font-family: Arial, Helvetica, sans-serif;

	margin: 5px 0 10px 0;

}

.supp {

	font-size: 0.875em;

	font-family: Arial, Helvetica, sans-serif;

	color: #fff;

	padding: 5px 15px;

	background: #AAA;

	border-radius: 12px;

	border: none;

	display: inline-block;

	margin-top: 6px;

}

.supp:hover {

	background: #666;

	color: #fff;

}

.nbr_article {

	float: right;

	width: 40%;

}

.prix_article {

	width: 50%;

	float: left;

	color: #d4145a;

	/*font-family: 'ubuntu_titlingbold';*/

	font-size: 2em;

	display: block;

	text-align: center !important;

	padding: 0px;

}

.prix_article>span.unite {

	font-size: 0.613em;

}

.bloc_quantite {

	float: left;

	width: 50%;

	text-align: center;

	padding:20px 0px;

	font-size: 12px;

}

.bloc_quantite>span {

	font-size: 1.2em;

	display: block;

	text-align: center;

	padding-bottom: 10px;

}

.bloc_quantite .input_qte {

	height: 28px;

	width: 38px;

	font-size: 1.2em;

	box-shadow: none !important;

	border: 1px solid #CCC;

}

.bloc_quantite ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.bloc_quantite ul li {

	display: inline-table;

}

.bloc_quantite .supp {

	font-size: 1.1em;

}

.btn_quantite {

	font-family: 'open_sanssemibold';

	font-size: 1.500em;

	color: #564D49;

}

.bloc_quantite ul li .btn_quantite {

	display: block;

	width: 28px;

	height: 28px;

	margin: 6px 0 0 0;

	line-height: 1em;

	color: #FFF;

	position: relative;

	background: #9ab83c;

}

.bloc_quantite ul li .btn_quantite:hover {

	background: #4a7739;

}

.input_qte {

	color: #999999;

	background: #F2F2F2;

	border-radius: 2px;

	box-shadow: inset 2px 2px 4px rgba(0,0,0,0.1);

	text-align: center;

	width: 30px;

	border: none;

	margin-top: -5px;

}

.bloc_reduction {

	width: 100%;

	background: #d4145a;

	font-size: 1.5em;

	color: #FFF;

	padding: 10px 15px;

	margin: 30px 0 0 0;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;

	text-align: center;

}

.bloc_reduction .label {

	padding: 4px 0 0 0;

}

.bloc_reduction .label, .bloc_reduction .inputs {

	display: inline-block;

	text-transform: uppercase;

	padding: 0px 10px;

}

.bloc_reduction .inputs input {

	width: 180px;

	border: none;

	padding: 5px;

}

#valider_promotion {

	width: 60px;

}

.bloc_reduction form {

	padding: 0;

}

#recap {

	width: 100%;

}

#recap>div {

	background: #fff;

	padding: 15px 20px;

	font-size: 1.4em;

}

#recap>div {

	border-bottom: 1px solid #E5E4DF;

}

#recap>div:last-child {

	border-bottom: none;

}

#recap>div>span:last-child {

	float: right;

}

#total {

	background: #f4f6f7 !important;

	color: #d4145a;

	font-size: 2em !important;

	padding: 20px !important;

	margin-bottom: 30px;

}

.bloc_panier_navigation {

	margin-top: 20px;

	border-top: 1px solid #E5E4DF;

	padding-top: 10px;

	line-height: 32px;

}

#contenu_panier .moins {

	display: inline-block;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -25px -195px;

	width: 25px;

	height: 25px;

	margin: 0px 2px;

	transform: translateY(1px);

}

#contenu_panier .plus {

	display: inline-block;

	vertical-align: middle;

	background: url('../images/sprite.png') no-repeat -25px -195px;

	width: 25px;

	height: 25px;

	margin: 0px 2px;

	transform: rotate(180deg) translateY(1px);

}

/*************** fin panier *************/



/* le menu */



.half {

	width: 50%;

	float: left;

}

#menu_compte_client {

	padding: 0;

	margin: 0;

	width: 100%;

}

#menu_compte_client>li {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	list-style: none;

	background: #FFFFFF;

	border-bottom: 1px solid #CCC;

}

#menu_compte_client>li.active {

	background: #d4145a;

}

#menu_compte_client>li>a {

	color: #666;

	display: block;

	font-size: 1em;

	padding: 13px 10px;

	background: #e5e9eb;

}

#menu_compte_client>li>a:before {

	content: '►';

	display: inline-block;

	vertical-align: middle;

	margin-right: 8px;

	font-size: 0.688em;

}

#menu_compte_client>li>a:hover {

	background: #212121;

	color: #ffffff;

}

/* accueil espace client */

#page_compte {

	background: #FFF;

	padding-bottom: 20px;

	font-size: 1.5em;

}

#page_compte .half {

	width: 50%;

	border: none;

	background: #FFF;

}

#page_compte .half label, #page_compte .half p {

	font-size: 0.875em;

}

.td_gauche input[type="text"], .td_gauche input[type="tel"], .td_gauche input[type="email"], .td_gauche input[type="password"], .td_gauche select, .td_droite input[type="text"], .td_droite input[type="password"], .td_droite select, .td_droite textarea, .contact_droite input[type="text"] {

	border: 1px solid #CCC;

	padding: 5px;

	width: 80%;

	border-radius: 3px;

	height: 35px;

}

.td_droite input[type="text"], .td_droite input[type="tel"], .td_droite input[type="email"], .td_droite input[type="password"], .td_droite select, .td_droite input[type="text"], .td_droite input[type="password"], .td_droite select, .td_droite textarea, .contact_droite input[type="text"] {

	border: 1px solid #CCC;

	padding: 5px;

	width: 80%;

	border-radius: 3px;

	height: 35px;

	font-size: 1.1em;

}

.td_droite textarea {

	height: 70px;

}

.td_droite textarea {

	min-height: 120px;

}

.td_gauche select.min, .td_droite select.min {

	width: 20%;

}

.td_gauche {

	width: 35%;

	float: left;

	padding: 4px 0;

}

#page_compte .half .td_gauche label {

	padding: 8px 12px 0 0;

	display: block;

	text-align: right;

}

.td_droite {

	width: 65%;

	float: right;

	padding: 4px 0;

}

#page_compte .half .td_droite, .half .td_droite {

	text-align: left !important;

}

#page_compte .half .button, .half .button {

	margin-top: 20px;

}

#page_compte .half h2, .half h2 {

	color: #d4145a;

	margin-top: 0;

	font-size: 1.25em;

	text-transform: uppercase;

}

#page_compte .half, .half {

	float: left;

	text-align: center;

	width: 49%;

	margin-top: 20px;

	padding: 20px 14px;

}

#page_compte .half:first-of-type, .half:first-of-type {

	border-right: 1px solid #E5E9EB;

}

#page_compte .half table, .half table {

	width: 100%;

}

.select_naissance {

	float: left;

	width: 25% !important;

	margin-right: 5px;

}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="submit"], textarea, select, button {

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;

	background: #FFF;

	border: none;

	padding: 8px 10px;

	font-size: 0.875em;

	box-sizing: border-box;

}

input[type="submit"], input[type="button"] {

	cursor: pointer;

}

select {

	position: relative;

	display: block;

	padding-right: 32px;

	background: url(../images/puce_select.png) center right no-repeat !important;

}

.bloc_compte {

	float: left;

	width: 33%;

	padding-bottom: 30px;

	font-size: 0.913em;

}

.blocs_compte {

	background: #e5e9eb;

	padding: 5px;

}

.blocs_compte .bloc_compte {

	float: left;

	background: #FFF;

	margin: 1%;

	width: 48%;

	min-height: 245px;

	padding: 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	border: 1px solid #E5E9EB;

}

.blocs_compte .bloc_compte_adresse {

	float: left;

	background: #FFF;

	border-radius: 4px;

	margin: 5px;

	width: 212px;

	min-height: 238px;

	padding: 20px;

}

.blocs_compte .bloc_compte_adresse b {

	color: #77AD42;

}

.blocs_compte .bloc_compte .contenu_bloc_compte {

	float: left;

	width: 100%;

	margin: 0 0 10px 0;

}

.blocs_compte .bloc_compte .contenu_bloc_compte .picto {

	float: left;

	margin-right: 15px;

	margin-bottom: 10px;

}

.blocs_compte .bloc_compte .contenu_bloc_compte table {

	float: right;

	width: 85%;

	margin-top: 10px;

}

.blocs_compte .bloc_compte .contenu_bloc_compte table td {

	border-bottom: 1px solid #EAEAEA;

}

.blocs_compte .bloc_compte a {

	background: #212121;

	border-radius: 3px;

	color: #FFFFFF;

	float: right;

	padding: 5px 12px;

	margin-top: 4px;

	font-size: 1em;

	text-transform: uppercase;

}

.blocs_compte .bloc_compte a:hover {

	color: #FFF;

	background: #d4145a;

}

.contenu_bloc_compte p {

	font-size: 1em;

}

.contenu_bloc_compte p.titre_bloc_compte {

	font-size: 1.2em;

	padding: 15px 0 0 0;

	color: #28411a;

	text-align: left;

}

/* ESPACE COMPTE */





#page_compte input[type="submit"], #espace_droite input[type="submit"], a.btn_def, input[type="submit"].btn_def {

	background: #d4145a;

	color: #FFF;

	text-align: center;

}

#page_compte input[type="submit"]:hover, #espace_droite input[type="submit"]:hover, a.btn_def:hover, input[type="submit"].btn_def:hover {

	background: #000000;

}

#espace_droite .btn_retour, #espace_droite .btn {

	margin-top: 15px;

}

#espace_droite h2 {

	color: #d4145a;

	border: none;

	font-size: 2.2em;

	padding: 0;

	text-transform: none;

}

#espace_droite .btn_def {

	font-size: 14px;

	line-height: 1.25em;

}

#page_compte .half .td_gauche input[type="checkbox"] {

	float: right;

	margin-top: 5px !important;

}

#menu_gauche {

	width: 26%;

	float: left;

	margin-top: 30px;

	margin-bottom: 30px;

	font-size: 1.375em;

}

#espace_droite {

	float: right;

	width: 72%;

	font-size: 1.375em;

	margin-bottom: 50px;

}

#espace_droite h1 {

	margin-bottom: 20px;

	color: #212121;

}

.contenu_bloc_compte .td_droite {

	font-weight: 700;

}

form .td_gauche {

	clear: both;

	text-align: right;

	position: relative;

}

form .td_gauche label {

	display: block;

	padding-top: 8px;

	padding-right: 10px;
	
	font-size: 14px;
}

.bloc_compte h3 {

	color: #d4145a;

	margin-top: 0;

	margin-bottom: 20px;

	font-size: 1.5em;

}

#titre_affiner_recherche.affiner_espace_client {

	display: none;

}

/*************** fin espace client *************/



.table {

	border: 1px solid #c4c2bb;

	width: 100%;

	border-spacing: 1px;

	margin-bottom: 30px;

}

.table th {

	background: #212121;

	color: #FFF;

	font-weight: normal;

	/*font-family: 'open_sanssemibold';*/

	padding: 5px;

	font-size: 1.3em;

}

.table td {

	text-align: center;

	font-size: 1.2em;

	padding: 5px;

	border-bottom: 1px solid #EAEAEA;

}

/* etapes panier */

#panier_breadcrumbs {

	padding-bottom: 10px;

	margin-bottom: 20px;

	font-size: 1.3em;

}

#panier_breadcrumbs img {

	height: 9px;

	margin: 0 5px 0 0;

}

#panier_breadcrumbs ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#panier_breadcrumbs ul li {

	float: left;

	width: 20%;

	margin: 0;

	padding: 0;

	text-align: center;

	box-sizing: border-box;

	line-height: 32px;

}

#panier_breadcrumbs ul li a {

	display: block;

	background: #212121;

	font-size: 1.2em;

	color: #e5e4df;

}

#panier_breadcrumbs ul li.current a {

	background: url(../images/fleche_panier.png) no-repeat center right #d4145a;

	background-size: auto 100%;

	color: #FFF;

	text-decoration: none !important;

}

#panier_breadcrumbs ul li.current_last a {

	background: #9ab83c;

	background-size: auto 100%;

	color: #FFF;

	text-decoration: none !important;

}

#panier_breadcrumbs ul li.passee a {

	background: #d4145a;

	color: #ffffff;

	text-decoration: none !important;

}

/* fin etapes panier */





#entete_page h1, #espace_droite h1 {

	color: #000000;

	font-size: 2.9em;

	font-weight: 300;

	border-bottom: 2px solid #000000;

	padding: 5px 0 10px 0;

	text-transform: uppercase;

	display: inline-block;

}

#apercu_detail {

	display: none;

}

#apercu_aj_panier {

	width: 760px;

	border: 10px solid #FFFFFF;

	padding: 10px;

	box-shadow: 0px 5px 15px rgba(0,0,0,0.4);

	position: fixed;

	z-index: 2005;

	left: 50%;

	top: 50%;

	height: 600px;

	margin-top: -310px;

	margin-left: -390px;

	background: #FFF;

	border-radius: 4px;

	font-size: 1.4em;

}

#apercu_aj_panier p:first-of-type {

	font-size: 18px;

	margin-top: 0;

}

#apercu_aj_panier_fermer {

	float: right;

	padding: 4px 8px;

	float: right;

	background: #000;

	color: #FFF;

}


.panier_apercu_propose {

	padding: 12px;

	border: 1px solid #DADADA;

	text-align: center;

}

#apercu_aj_panier .btn {

	display: inline-block;

	padding: 10px 16px;

	margin: 18px 12px 0 0;

	border: 1px solid #d4145a;

	color: #d4145a;

	transition: all .2s;

}

#apercu_aj_panier .btn:hover {

	background: #d4145a;

	color: #FFF;

}

#valide_panier {

	float: right;

	background: #d4145a;

	color: #FFF !important;

}

.panier_apercu_propose .bloc_produit {

	position: relative;

}

.panier_apercu_propose .bloc_produit .item div {

	padding: 10px;

}

.panier_apercu_propose .bloc_produit a::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}

#produit_ajoute {

	display: block;

}

#produit_ajoute img, #produit_ajoute span {

	display: inline-block;

	vertical-align: middle;

}

#message_fond {

	position: fixed;

	z-index: 2004;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0,0,0,0.6);

}

#egalement {

	border-top: 1px solid #DADADA;

	padding: 16px 0 10px 0;

	font-size: 1.1em;

}

.btn_retour, .content_base .btn {

	font-size: 14px !important;

}

.adresse_confirmation .btn {

	float: none;

	margin: auto;

}

.adresse_confirmation {

	text-align: center;

	font-size: 13px;

	display: inline-block;

	width: 33%;

	border: 1px solid #CACACA;

	padding: 16px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	min-height: 240px;

	vertical-align: top;

}

.adresse_confirmation input {

	display: block;

	margin: auto;

	margin-bottom: 10px;

}

.adresse_confirmation a {

	display: inline-block;

	float: none;

	margin: auto;

}

.choix_paiement {

	float: left;

	width: 25%;

	text-align: center;

	font-size: 14px;

	padding: 15px 0;

}

.textarea {

	width: 100%;

	min-height: 120px;

	border: 1px solid #DADADA;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.trait {

	height: 30px;

	clear: both;

	margin: 0;

	border-bottom: 1px solid #EAEAEA;

}

#phrase_cgv {

	font-size: 14px;

}

#recap_paie {

	font-size: 14px;

}

#p_panier_vide {

	font-size: 14px;

	text-align: center;

	background: #EAEAEA;

	border: 1px solid #DADADA;

	padding: 40px 25px;

}

.table_overflow {

	display: block;

	overflow: auto;

	font-size: 12px;

}

#popup_fancy {

	padding: 30px;

	font-size: 15px;

	line-height: 25px;

}

#popup_fancy table tr td {

	font-size: 14px !important;

}

#popup_fancy h2 {

	line-height: auto !important;

	font-size: 1.8em !important;

}

.horaires_relais .trait {

	height: 0px;

	clear: none !important;

}

#map_canvas {

	margin-bottom: 20px !important;

}

.fancybox-skin {

	background: #FFF !important;

}

.img_gauche {

	float: left;

	margin: 0 20px 10px 0;

	max-width: 40%;

	height: auto;

}

.img_droite {

	float: right;

	margin: 0 0 10px 20px;

	max-width: 40%;

	height: auto;

}

.col_gauche {

	float: left;

	width: 48%;

}

.col_droite {

	float: right;

	width: 48%;

}



#mes_personnalisations{

	padding: 0;

	margin: 0;

	list-style: none;

}

#mes_personnalisations li{

	display: inline-block;

	width: 25%;

	text-align: center;

	padding-bottom: 12px;

}

#mes_personnalisations li a{

	display: block;

	padding: 10px;

}

#mes_personnalisations li a img{

	max-width: 100%;

	height: auto;

}

#mes_personnalisations li strong{

	display: block;

}

#perso_ou_sans {
	width: 100%;
	display: flex;
	flex-direction: column;
}





/*-----------------------------RESPONSIVE------------------------*/

@media screen and (min-width:1200px) {

.sb-slidebar.sb-left {

	position: absolute;

	min-height: 50px;

	background: none;

	display: block;

	z-index: 99;

	max-width: 790px;

	width: 100%;

	left: 50%;

	top: 34px;

	margin-left: -266px;

	overflow: visible;

}

}



@media screen and (max-width:1200px) {
	
	

	#entete .overall {

		padding: 0px 5px;

	}

	.sb-toggle-left {

		padding: 22px;

		background: #000000;

		color: #FFF;

		margin: 18px 20px 0 0;

		cursor: pointer;

		float: left;

	}

	footer .overall {

		padding: 30px 20px;

	}

	#logo {

		width: inherit;

	}

	#logo a {

		float: left;

	}

	#logo h1 {

		float: left;

		padding: 27px;

	}

	#acces_panier {

		margin: 18px 0 0 0;

		position: inherit;

	}

	#reassurance>li {

		width: 50%;

		padding: 10px 0px 10px 80px;

	}

	#reassurance>li:nth-child(1), #reassurance>li:nth-child(2) {

		border-bottom: 1px solid #dee0de;

	}

	#reassurance>li:nth-child(2) {

		border-right: none;

	}

	footer .col-3 {

		width: 50%;

		margin-bottom: 20px;

	}

	nav {

		float: none;

		padding: 0px;

	}

	nav div:first-child {

		float: none;

	}

	nav ul#deroulant, nav ul#menu_secondaire {

		width: 100%;

		padding: 0px;

		border: none;

		border-bottom: 1px solid #EDEDED;

	}

	nav ul#deroulant>li, nav ul#menu_secondaire>li {

		float: none;

		display: block;

		width: 100%;

		position: relative;

	}

	nav ul#deroulant>li>a {

		padding: 20px 15px;

		height: auto;

		display: block;

		border: none;

		border-bottom: 1px solid #4d4d4d !important;

		color: #FFFFFF;

		background: #000000;

	}

	nav ul#deroulant>li>a:hover {

		background: #4d4d4d;

		color: #FFF;

	}

	nav ul#menu_secondaire>li>a {

		color: #FFF;

		font-size: 1.6em;

		border-bottom: 1px solid #6E6E6E;

	}

	nav ul#menu_secondaire>li>a:after {

		display: none;

	}

	nav ul#menu_secondaire>li>a:hover {

		color: #FFF;

		background: #6E6E6E;

	}

	nav ul#deroulant>li>ul {

		background: #FFFFFF;

		position: inherit;

		margin: 0;

		padding: 0 !important;

		width: 100%;

		left: inherit;

	}

	nav ul#deroulant>li>ul {

		border: none !important;

	}

	nav ul#deroulant>li>ul>li {

		width: 100%;

	}

	nav ul#deroulant>li>ul>li div {

		padding: 5px;

	}

	ul#deroulant li .open_sm{

		position:absolute;

		right:0px;

		top:0px;

		background: url('../images/sprite.png') no-repeat -227px -376px #4d4d4d;

		width: 54px;

		height: 54px;

		cursor:pointer;

	}

	ul#deroulant li .open_sm.actif{

		position:absolute;

		right:0px;

		top:0px;

		background: url('../images/sprite.png') no-repeat -226px -428px #FFFFFF;

		width: 54px;

		height: 55px;

		cursor:pointer;

	}

	.deroulant_sm{

		display:none !important;

	}

	.deroulant_sm.actif{

		display:block !important;

	}

	#form_ajout_panier .col_ajout_panier{

		width:100% !important;

		float:none;

		margin:auto;

		padding:10px !important;

	}

	#form_ajout_panier{

		margin-top:15px;

	}

	#form_ajout_panier button{

		font-size: 1.8em;

		height:inherit;

	}

	#form_ajout_panier .col{

		width:33.3333333333%;

	}

}



@media screen and (max-width: 1080px) {

#apercu_aj_panier {

	width: auto;

	border: 10px solid #FFFFFF;

	padding: 10px;

	box-shadow: 0px 5px 15px rgba(0,0,0,0.4);

	position: fixed;

	z-index: 2005;

	top: 12px;

	left: 12px;

	right: 12px;

	bottom: 12px;

	height: auto;

	margin: 0;

	background: #FFF;

	border-radius: 4px;

	font-size: 1.4em;

	overflow-y: auto;

}

.bloc_produit {

	float: left;

	width: 25%;

}

#descr, .btn_guide_taille, .resume_commentaire {

	width: 100%;

}

#col_prix {

	min-height: inherit;

	width: 100%;

}

#col_prix .prix {

	float: left;

	width: 50%;

}

.resume_commentaire p strong {

	display: inline-block;

}

ul.notation, .resume_commentaire p {

	float: left;

}

ul.notation {

	padding: 10px 15px;

}

}



@media screen and (max-width: 890px) {

#entete {

	height: inherit;

}

#blog div.item_actu:last-child {

	display: none;

}

.item_actu {

	width: 100%;

}

#logo {

	width: 75%;

	text-align: center;

}

#logo a {

	float: none;

	margin: auto;

	display: block;

}

#logo a img {

	max-width: 279px;

}

#logo h1 {

	text-align: center;

	padding: 0px;

	float: none;

}

header h1 {

	max-width: inherit;

}

.bloc_produit {

	float: left;

	width: 50%;

}

#panier_apercu_propose .bloc_produit:nth-of-type(2n+1) {

	clear: both;

}

#col_prix .prix {

	width: 100%;

}

ul#partage_reseaux {

	width: 100%;

	padding: 15px 0 0 0;

}

.bloc_commentaire .titre {

	display: block;

}

.bloc_commentaire .connexion {

	float: left;

	width: 100%;

	padding: 15px 0 0 0;

}

#entete .recherche input {

	min-width: 180px;

}

.nbr_article {

	width: 100%;

}

#page_compte .half, .half {

	width: 100%;

	border: none;

}

#menu_gauche {

	width: 100%;

	margin: 10px 0;

}

#espace_droite {

	width: 100%;

}

#titre_affiner_recherche.affiner_espace_client {

	display: block;

	font-size: 16px !important;

	background: #212121;

	color: #FFF;

	padding: 14px 20px;

	cursor: pointer;

	position: relative;

}

#titre_affiner_recherche.affiner_espace_client::before {

	background: url(../images/sprite.png) no-repeat 0 0;

	width: 28px;

	height: 28px;

	content: "";

	right: 12px;

	top: 50%;

	margin: -14px 0 0 0;

	position: absolute;

}

#bloc_affiner {

	display: none;

}

#bloc_affiner.actif {

	display: block;

}

.un_livreur {

	width: 33.3333%;

}

.choix_paiement {

	width: 50%;

}

.tab_recherche_relais tr, .tab_recherche_relais td, .tab_recherche_relais table, .tab_recherche_relais tbody {

	width: 100% !important;

	display: block !important;

	text-align: left;

}

.tab_recherche_relais td {

	width: 50% !important;

	text-align: left;

	float: left;

	padding: 10px;

}

.tab_recherche_relais td input[type="text"] {

	padding: 1px;

}

#produits_associes_liste li:last-of-type{

	display:none;

}

#produits_associes_liste li{

	width:32% !important;

}


#dates_livraison {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 1.7em;
	color: #d4145a;
}

}





@media screen and (max-width: 680px) {
	
	#france img{width: 100px}

	.overall {

		padding: 0px 20px;

	}

#mes_personnalisations li{

	width: 33%;

}

#entete_page h1, #espace_droite h1 {

	font-size: 1.8em;

}

.slide {

	display: none;

}

#menu_slider>li {

	width: 25%;

}

#reassurance>li {

	width: 100%;

	border-right: none;

	border-bottom: 1px solid #dee0de;

}

footer .col-3 {

	width: 100%;

}

#logo {

	width: 70%;

}

.overall {

	padding: 0px 10px;

}

#acces_panier span {

	margin: 38px -15px 0 20px;

}

footer .fb-page {

	display: none;

}

.bloc_produit_photo, .bloc_produit_contenu {

	width: 100%;

	padding: 0px;

}

.bloc_produit_photo {

	float: none;

	margin: auto;

}

.item_commentaire p.sujet span.date {

	float: none;

}

.item_commentaire p.sujet span.date:before {

	content: '- ';

	display: inline-block;

	margin: 0 10px;

}

#entete .overall>div:first-child {

	display: none;

}

.adresse_confirmation {

	width: 100%;

}

#choix_mode_livraison tr, #choix_mode_livraison td, #choix_mode_livraison table, #choix_mode_livraison tbody {

	width: 100% !important;

	display: block !important;

	text-align: center;

}

#choix_mode_livraison tr th {

	display: none;

}

td.des {

	border-bottom: 1px solid #DADADA;

	margin-bottom: 16px;

}

#chronopost_pr_table tr, #chronopost_pr_table td, #chronopost_pr_table table, #chronopost_pr_table tbody {

	width: 100% !important;

	display: block !important;

}

#chronopost_pr_table td {

	width: 50% !important;

	float: left;

	text-align: center !important;

}

#chronopost_pr_table tr td:first-child {

	width: 100% !important;

	border-top: 1px solid #DADADA;

	padding-top: 10px;

}

#chronopost_pr_table tr td:nth-of-type(4) {

	clear: both;

}

#chronopost_pr_table tr:hover td {

	background: #FFF !important;

}

#map_canvas {

	height: 280px !important;

	width: 100% !important;

	margin: 0 0 20px 0 !important;

}

#popup_fancy {

	padding: 6px;

}


}



@media screen and (max-width: 620px) {

#logo {

	float: right;

	max-width: 282px;

}

#acces_panier {

	float: left;

}

header h1 {

	font-size: 1.2em;

}

#entete .overall>div:last-child a.tel {

	display: none;

}

.sb-toggle-left {

	margin: 18px 12px 0 0;

}

.bloc_commentaire .connexion span {

	display: block;

	padding: 0 0 10px 0;

	text-align: center;

}

.bloc_commentaire .connexion a {

	width: 48%;

	margin: 0 1%;

	text-align: center;

}

#infos_reseaux p {

	float: none;

	padding: 10px 0 15px 0;

	border-right: none;

	border-bottom: 1px solid #FFFFFF;

}

.blocs_compte .bloc_compte {

	margin: 1%;

	width: 98%;

}

.choix_paiement {

	width: 100%;

}

.img_gauche, .img_droite {

	margin: 20px 0;

	max-width: 100%;

	height: auto;

	width: 100%;

}

#partage_mail_form .col-5 {

	width:100%;

}

#partage_mail_form label{

	text-align: left;

}

#produits_associes_liste li{

	width:98% !important;

}

}



@media screen and (max-width: 480px) {

#mes_personnalisations li{

	width: 50%;

}

#page_compte .half .td_gauche input[type="checkbox"] {

	float: left;

}

.td_gauche, .td_droite, .td_gauche input[type="text"], .td_gauche input[type="tel"], .td_gauche input[type="email"], .td_gauche input[type="password"], .td_gauche select, .td_droite input[type="text"], .td_droite input[type="password"], .td_droite select, .td_droite textarea, .contact_droite input[type="text"] {

	width: 100%;

	text-align: left !important;

}

#page_compte .half .td_gauche label {

	text-align: left !important;

}

.decls_article, .descrip_article {

	width: 100% !important;

}

#panier_breadcrumbs ul li a {

	font-size: 0.9em

}

.img_article {

	width: 25%;

}

#menu_slider>li {

	width: 50%;

}

#blog .overall {

	padding: 0px 20px;

}

.pastille_reduc {

	margin: 12px 0 0 72%;

}

#entete .overall {

	padding: 0px;

}

#entete .recherche {

	display: block;

}

#entete .recherche input {

	min-width: inherit;

	width: 100%;

	border-radius: 0px;

	padding: 10px;

	-webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.8);

	-moz-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.8);

	box-shadow: inset 0px 0px 8px rgba(0,0,0,0.8);

	font-size: 1.2em;

}

#entete .overall>div:last-child {

	float: inherit;

	margin: auto;

}

#entete .overall>div:last-child a {

	width: 50%;

	padding: 12px 15px;

	font-size: 1.2em;

	float: left;

	text-align: center;

}

.sb-toggle-left {

	margin: 10px 10px 0 0;

}

#acces_panier {

	margin: 10px 10px 10px 0;

}

#logo {

	margin: 4% 2% 0 0;

}

.content_btn_voir_tout {

	margin: 0 0 20px -3px;

}

.item_actu img {

	display: none;

}

.item_actu .date {

	margin: 0 0 15px 0;

	position: inherit;

	display: inline-block;

}

.sb-toggle-left {

	padding: 21px;

}

.bloc_produit {

	float: left;

	width: 100%;

}

.bloc_commentaire .connexion a {

	width: 100%;

	margin: 5px 0;

	text-align: center;

}

#cat_accessoire:before {

	display: none;

}

.ajouter_commentaire input, .ajouter_commentaire textarea {

	width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.ajouter_commentaire input[type="submit"] {

	width: 100% !important;

	border: 0;

	background: #d4145a;

	padding: 10px;

	color: #FFF;

	text-transform: uppercase;

	font-weight: bold;

	cursor: pointer;

}

.un_livreur {

	width: 100%;

	padding-bottom: 20px;

}

}



@media screen and (max-width: 320px) {

#logo {

	margin: 8% 2% 0 0;

}

}



/* REDIM IMAGES HD */



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 3/2),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {

#acces_panier {

	background-image: url(../images/x2/panier.png);

	background-size: 35px 46px;

}

#ms_1 {

	background-image: url(../images/x2/picto_multimedia.png);

	background-size: 65px 54px;

}

#ms_2 {

	background-image: url(../images/x2/picto_cuisine.png);

	background-size: 70px 64px;

}

#ms_3 {

	background-image: url(../images/x2/picto_vetement.png);

	background-size: 57px 59px;

}

#ms_4 {

	background-image: url(../images/x2/picto_mug.png);

	background-size: 44px 52px;

}

#ms_5 {

	background-image: url(../images/x2/picto_bagage.png);

	background-size: 49px 55px;

}

#ms_6 {

	background-image: url(../images/x2/picto_photo.png);

	background-size: 53px 42px;

}

#ms_7 {

	background-image: url(../images/x2/picto_broderie.png);

	background-size: 69px 55px;

}

#ms_8 {

	background-image: url(../images/x2/picto_gravure.png);

	background-size: 32px 53px;

}

#reassurance>li:nth-child(1) {

	background-image: url(../images/x2/tel_reassurance.png);

	background-size: 80px 80px;

}

#reassurance>li:nth-child(2) {

	background-image: url(../images/x2/fdp_reassurance.png);

	background-size: 80px 80px;

}

#reassurance>li:nth-child(3) {

	background-image: url(../images/x2/chrono_reassurance.png);

	background-size: 80px 80px;

}

#reassurance>li:nth-child(4) {

	background-image: url(../images/x2/engagement_reassurance.png);

	background-size: 80px 80px;

}

.content_btn_voir_tout, .carousel_produit .owl-prev::before, .carousel_produit .owl-next::before, footer .col-3 .fb, footer .col-3 .tw, footer .col-3 .gplus, #entete .compte:before, #entete .pro:before {

	background-image: url(../images/x2/sprite.png);

	background-size: 300px auto;

}

}