@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
/* Général */
html, body {
	height: 100%;
	width: 100%;  
	/*overflow: none;*/
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	margin:0;
	padding:0;
	background-position:top center;
        background-attachment:fixed;

}
/*p {
	margin:0;
	padding:0;
}*/
img{
	border:0;
}
.spacer {
  clear:both;
}
.mobile {
        display:none;
}
.desktop {
        display:block;
}
.payment_choice_title {
    float: left;
    width: 100%;
    color: #EA8B13;
    font-weight: 600;
    font-size: 18px;
    padding: 4px 0 5px 0;
    margin-top: 20px;
}
.dd-container {
    display:inline-block;
    margin:5px 0px;
}
.dd-select {
    height: 34px;
    width:248px !important;
    margin-left: 11px;
}
.dd-selected {
    padding: 5px !important;
}
.dd-selected-text {
    line-height:22px !important;
}
.dd-options {
    margin:0px 0 0 11px !important;
}
.dd-option {
    padding: 5px !important;
}
.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    max-width: 34px !important;
    height: 24px;
}
.youtube-popup {
  position: relative;
  width: 100%;
  height: 200px;
}
.youtube-popup > iframe {
    max-width: 100%;
}
.youtube-popup > div {
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0;
  z-index: 100;
}
/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    display: inline-block;
    width:100%;
    overflow:hidden;
}
 .accordion-section {
    margin:10px 0;
 }
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    border:1px solid #c8c8c8;
    background:#fff;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    text-shadow:0px 1px 0px #1a1a1a;
    color:#017187;
}
.accordion-section-title .radio{
    position:relative;
    display:inline-block;
    width:14px;
    height:14px;
    border:1px solid #017187;
    border-radius:50%;
}
.accordion-section-title.active .radio{
    border:1px solid #fff;
}
.accordion-section-title.active .radio span{
    position:absolute;
    display:inline-block;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    background:#fff;
    border-radius:50%;
}
.accordion-section-title.active, .accordion-section-title:hover {
    background:#C71C6B;
    color:#fff;
    /* Type */
    text-decoration:none;
}
 .accordion-section-title:hover .radio{
    border:1px solid #fff;
}
 
/*----- Section Content -----*/
.accordion-section-content {
    display:none;
    width:100%;
    padding:15px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f7f7f7;
    border-left:1px solid #c8c8c8;
    border-right:1px solid #c8c8c8;
}
.accordion-section-content .btn {
    background:#DD4141;
    color:#fff;
    text-transform: uppercase;
    border:0;
    cursor: pointer;
    padding: 7px 12px 6px 12px;
    border-radius:3px;
}
/*********************************** OPTION ********************************************/
a {
	color:#002452;
	text-decoration:none;
}
a:hover, a:focus {
		
}
a.classic {
	color:#2B6AC6;
	text-decoration:underline;
}
a.classic:hover {
	text-decoration:underline;  
	color:#ca286c;		
}
.calculQte {
        cursor:pointer;
}
h1 {
        color:#5B4E46;
        font-size:13px;
        margin:5px 0 0 0;
        padding:0;
}
h2.titrePage {
        font-family:Quicksand;
        color:#C71C6B;
        margin:0px;
        font-size:22px;
}
.barre_blanc {
  background:url(../images/barre_blanc.png) no-repeat;
}
.barre_noire {
  background:url(../images/barre_noire.png) no-repeat;
}
.barre_verte {
  background:url(../images/barre_verte.png) no-repeat;
}
/*********************************** SUPER CONTENEUR ***********************************/
#super_conteneur{
	width: 100%;
	margin:auto;
}
#conteneur_header{
	height:150px;
}
#menu_button {
    display:none;
}
/*********************************** HEADER ******************************************/

/*********************************** MENU ********************************************/

/*********************************** BARRE MENU********************************************/

/*********************************** FOOTER ******************************************/

/*********************************** CHEMIN ******************************************/

/*********************************** ACCUEIL *****************************************/

/*********************************** CONTENU *****************************************/
#header{
	margin:auto;
	width: 965px;
	height:150px;
        background:url(../images/fond_header.jpg);
}
#header_logo {
	float:left;
        width:164px;
        height:144px;
}
#header_baseline {
	float:left;
        color:#C71C6B;
        font-size:15px;
        width:290px;
        height:108px;
}
#header_droit {
	float:left;
        width:503px;
        height:108px;
}
#header_droit p{
        color:#5B4E46;
        font-size:12px;
        margin:5px 0 0 0;
        padding:0;
}
#mot-cles{
	float:left;
	margin-top:2px;
	margin-bottom:0px;
	margin-left:5px;
	font-size:10px;
	color:#aaa;
        font-weight:100;
        padding:0;
        height:42px;
        width:400px;
}
.link_video {
    display:block;
    width:100%;
    margin-top:10px;
}
.link_video img{
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}
.link_video a.video-link{
    display: inline-block;
    vertical-align: middle;
    color: #017187;
    font-weight: bold;
}
.baseline_txt {
        float:left;
        margin:5px 0 0 15px;
        color:#C71C6B;
}
#lien_haut {
        float:right;
        width:390px;
        height:30px;
        padding-top:4px;
}
#lien_haut a{
        float:left;
        padding:4px 0 0 0;
        font-size:12px;
        height:20px;
        color:#333;
}
.haut_contact {
        float:right;
        margin:0 0 0 10px;
}
.ico_contact {
        float:left;
        width:34px;
        height:25px;
        margin-top:-3px;
        background-image:url(../images/sprite.png);
        background-repeat:no-repeat;
}

.haut_espace {
        float:right;
        margin:0 0 0 10px;
}
.ico_espace {
        float:left;
        width:29px;
        height:25px;
        margin-top:-3px;
        background-image:url(../images/sprite.png);
        background-repeat:no-repeat;
        background-position:0px -24px;
}

.haut_panier {
        float:right;
        margin:0 0 0 10px;
}
.ico_panier {
        float:left;
        width:31px;
        height:25px;
        margin-top:-3px;
        background-image:url(../images/sprite.png);
        background-repeat:no-repeat;
        background-position:0px -48px;
}

#lien_haut2 {
        float:right;
        width:360px;
        height:25px;
        padding-top:10px;
        color:#C71C6B;
        font-weight:bold;
        font-size:13px;
        text-align:right;
}
#lien_haut2 a{
        color:#C71C6B;
        font-weight:bold;
        font-size:13px;
}

#lien_haut3 {
        float:right;
        width:360px;
        height:60px;
        padding:0px;
        color:#C71C6B;
        font-size:20px;
}
#lien_haut3 #question{
        float:right;
        text-align:center;
        width:190px;
        height:48px;
        padding:5px 55px 0 0;
        background:url(../images/telephone_header.png) top right no-repeat;
}
#lien_haut3 span{
        color:#777;
        font-size:16px;
}

.panier_div{
	float:left;
	width:230px;
	margin-bottom:8px;
        color:#FFFFFF;
}
#panier a{
	color:#B0DE00;
	font-weight:600;
	text-decoration:none;
}
#panier a:hover{
	text-decoration:none;
}

#nav_principale{
	float:left;
        padding:0;
	font-size:11px;
        margin:0;
}
#nav_principale .menu1{
        background:url(../images/menu_vert.png);
}
#nav_principale .menu2{
        background:url(../images/menu_bleu.png);
}
#nav_principale .menu3{
        background:url(../images/menu_orange.png);
}
#nav_principale .menu4{
        background:url(../images/menu_rouge.png);
}
#nav_principale .menu5{
        background:url(../images/menu_gris.png);
}
#nav_principale .menu6{
        background:url(../images/menu_rose.png);
}
#nav_principale a{
        float:left;
        margin-right:1px;
	color:#FFF;
        text-transform:uppercase;
        /*width:109px;*/
        width:114px;
        height:38px;
        /*padding:4px 25px 0 25px;*/
        padding:4px 9px 0 9px;
        text-align:center;
        font-size:14px;
        line-height:16px;
}
#nav_principale a:hover{
        text-shadow: 0.1em 0.1em 0.1em #ccc;
}
#nav_principale a.active{
        text-shadow: 0.1em 0.1em 0.1em #ccc;
}
#conteneur_contenu{
	width:965px;
	margin:auto;
	margin-top:10px;
}
#contenu{
	width:945px;
        padding:0 10px;
        min-height:375px;
        float:left;
}

#contenu_gauche{
	width:760px;
        min-height:375px;
        float:left;
}
#contenu_droit{
	width:185px;
        min-height:375px;
        float:right;
        background:#F1F1F1;
        margin-top:13px;
}
#disponibilite {
    display:block;
    width:100%;
    text-align:right;
    margin:2px 0;
    font-style:italic;
}
#disponibilite_stock {
    display:none;
    width:100%;
    text-align:right;
    margin:2px 0;
    font-style:italic;
}
.deco {
        float:left;
        width:170px;
        background:#FFF;
        margin:8px;
}
.deco h3{
        font-size:12px;
        color:#5B4E46;
        padding:10px;
}
.menu_droite {
        float:left;
        width:170px;
        background:#FFF;
        margin:8px;
}
.menu_droite h3{
        font-size:12px;
        background:#C71C6B;
        margin:0;
        padding:3px 0 3px 5px;
        color:#FFF;
        font-weight:100;
        font-size:14px;
}

.menu_droite a{
        float:left;
        width:140px;
        background:#FFF url(../images/fleche_rose.gif) top left no-repeat;
        margin:6px 0px 2px 5px;
        padding-left:10px;
        color:#5B4E46;
        font-size:12px;
}
#haut{
	float:left;
        margin:0;
        padding:0;
}
#edito{
	float:left;
        margin:0;
	width:490px;
}
#droite{
	float:right;
	width:250px;
        margin:0 15px 0 0;
}
#gauche{
	float:left;
        margin:0;
	width:495px;
}

#trouver{
        float: right;
        width: 245px;
}
#media_file, #garantie {
    display: inline-block;
    background:#fff;
    padding:5px;
    width:100%;
    margin-top:15px;
    box-sizing: border-box;
}
.media_titre, .garantie_titre {
    float:left;
    width:100%;
    background:#B1B1B1;
    color:#FFFFFF;
    font-size:14px;
    padding:2px 25px 2px 5px;
    margin:10px 0;
    box-sizing: border-box;
}
#media_file ul {
    display: inline-block;
    list-style-type:none;
    padding:0;
    width:100%;
}
#media_file ul li{
    display: inline-block;
    list-style-type:none;
    padding:7px 0;
    width:50%;
}
#media_file ul li a{
    color: #017187;
    font-weight: bold;
}
#media_file ul li img{
    margin-top: -5px;
}
.g_entete{
	float:left;
	width:100%;
	height:35px;
	/*background:#FFF url(../images/pli_titre_blanc.png) top right no-repeat;*/
        border-bottom:2px solid #5B4E46;
}
.g_titre{
	float:left;
	color:#C71C6B;
	font-weight:400;
	font-size:18px;
        padding-left:10px;
        padding-top:5px;
        margin:0;
}
.d_entete{
	float:left;
	width:100%;
	height:35px;
	/*background:#FFF url(../images/pli_titre_blanc.png) top right no-repeat;*/
        border-bottom:2px solid #5B4E46;
}
.d_titre{
	float:left;
	color:#434343;
	font-weight:400;
	font-size:18px;
        padding-left:10px;
        padding-top:5px;
        margin:0;
}
.d_milieu{
	float:left;
	width:100%;
	background:#5B4E46;
        color:#FFFFFF;
}
.line{
	float:left;
	width:270px;
	margin:10px 0 6px 0;
}
.line label{
        float:left;
        width:95px;
        font-weight:bold;
        padding:5px 0 0 5px;
        margin:0;
        font-size:12px;
}
.picto {
        margin:2px;
        padding:2px;
	border:1px solid #847C71;
}
.picto_actif {
        margin:2px;
        padding:2px;
	border:1px solid #FFF;
}
.picto:hover{
	border:1px solid #BBB6AE;
}

.picto_couleur {
        float:left;
        margin:2px;
        width:15px;
        height:15px;
        cursor:pointer;
	border:1px solid #847C71;
}
.picto_couleur:hover {
	border:1px solid #BBB6AE;
}

.picto_couleur_actif {
        float:left;
        margin:2px;
        width:15px;
        height:15px;
        cursor:pointer;
	border:1px solid #FFFFFF;
}
.select_filtre {
        display:block;
        font-size:11px;
	background:#847C71;
        color:#FFFFFF;
	border:1px solid #BBB6AE;
        width:150px;
}
.inputSubmit {
        display:block;
        font-size:11px;
	background:#4E4433;
        color:#FFFFFF;
	border:1px solid #BBB6AE;
        padding:3px;
}
a.link_filtre {
        color:#FFF;
}
.ico{
	margin-left:2px;
	margin-right:2px;
}
.g_pied{
	float:left;
	width:234px;
	height:18px;
	background-image:url(../images/bas_blocg.jpg);
}
#droite_contenu{
	float:left;
	width:100%;
        color:#000;
        margin-bottom:10px;
        min-height:490px;
        background:#FFF;
}
.contenu_page {
    float:left;
	width:100%;
    padding:0;
}
.contenu_full_page {
        float:left;
	width:98%;
        padding:0 1%;
        background:#FFF;
}
#promo{
	float:left;
	width:695px;
	height:226px;
	margin-top:3px;
	border:1px solid #5C4E41;
}
#ph{
	float:left;
	width:500px;
	height:226px;
}
#ph{
	float:left;
	width:500px;
	height:226px;
        top:0;
        margin:0;
        padding:0;
	overflow:hidden;
	/*border:1px solid #FF0000;*/
}
#ph li{
        display:inline;
        margin:0;
        padding:0;
}
#num{
	float:left;
	z-index:1;
	width:120px;
	margin-left:-496px;
	margin-top:203px;
	
}

#num li {
        display:inline;
}
.carre a{
	float:left;
	width:17px;
	height:17px;
	margin-left:2px;
	margin-right:2px;
	background-color:#FFFFFF;
	border:1px solid #5C4E41;
	text-align:center;
	color:#50BDC2;
}
.carre a{
	float:left;
	width:17px;
	height:17px;
	margin-left:2px;
	margin-right:2px;
	background-color:#FFFFFF;
	border:1px solid #5C4E41;
	text-align:center;
	color:#50BDC2;
}
.carre a:hover{
	float:left;
	width:17px;
	height:17px;
	margin-left:2px;
	margin-right:2px;
	background-color:#50BDC2;
	border:1px solid #5C4E41;
	text-align:center;
	color:#fff;
}
.selected a{
	float:left;
	width:17px;
	height:17px;
	margin-left:2px;
	margin-right:2px;
	background-color:#50BDC2;
	border:1px solid #5C4E41;
	text-align:center;
	color:#fff;
}
#description{
	float:left;
	overflow:hidden;
	width:190px;
	height:225px;
        margin:0;
	padding:0px;
	color:#4B443A;
	font-size:12px;
	background-image:url(../images/fond_promo.jpg);
	background-repeat:repeat-x;
        /*border:1px solid #F00;*/
}
#description li {
	overflow:hidden;
	padding:0px 0px 0px 5px;
        width:188px;
	height:225px;
}
#promo_titre{
	float:left;
	width:170px;
	font-size:16px;
	font-weight:600;
	color:#4A2C06;
}
#promo_descr{
	float:left;
	width:180px;
	font-size:12px;
}
#promo_bout{
	float:left;
	width:117px;
	height:21px;
	color:#fff;
	padding-left:7px;
	padding-top:2px;
	font-weight:600;
	font-style:italic;
	background-image:url(../images/bout_promo.gif);
	background-repeat:no-repeat;
}
#lesimages {
	
	overflow:hidden;	
}
#lesdescription {
	/* Set the position */
	top:0;
	left:100;
	z-index:500px;
	/* width should be lesser than #slider width */
	width:150px;
}
#ventes{
	float:left;
	width:695px;
	margin-top:15px;
}
#bas{
	float:left;
        background:#FFF;
        width:100%;
        padding:0;
	margin:0px;
}
#autres{
	clear:both;
	width:100%;
	margin:0px;
}
.ico_fl_m{
	float:left;
	margin-top:2px;
	margin-right:3px;
	margin-left:5px;
}
.titre1{
	float:left;
	font-size:14px;
	font-weight:600;
	color:#504939;
        padding:0;
        margin:0;
}
.Soustitre{
	font-size:14px;
	font-weight:600;
	color:#504939;
        padding:5px 0px 5px 0px;
}
.ligne_sep1	{
	float:left;
	margin-left:0px;
	margin-bottom:5px;
	width:695px;
	height:1px;
}
.titre2{
	float:left;
	font-size:14px;
	font-weight:600;
	color:#504939;
        padding:0;
        margin:0;
}
.ligne_sep2{
	float:left;
	margin-left:0px;
	margin-bottom:10px;
	width:940px;
	height:1px;
}
.ligne_vign1{
	float:left;
        width:100%;
        background:#FFF;
        padding-bottom:12px;
}		
		
.ligne_vign2{
	float:left;
        width:100%;
	margin:0;
	border:0px solid #ff0000;
        padding:0px;
}
.vign2{
	float:left;
	margin:17px 0 0 17px;
	width:220px;
	height:226px;
	background:#F5F5F5;
	border:0px solid #f00;
}
.vign{
	float:left;
	margin:8px 0px 10px 0px;
	width:235px;
	/*height:240px;*/
	height:252px;
	background:#F5F5F5;
	border-bottom:3px solid #C71C6B;
	position:relative;
}
.vign,
.vign2 {
    transition: all 0.2s ease;	
	box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.6);
	-moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.6);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.6);
}
.vign:hover,
.vign2:hover {
    /*border: 1px solid #074C5A;*/
    /*border: 1px solid #C71C6B;
	border-bottom:3px solid #C71C6B;/**/
    transform: scale(1.05);
}

.ligne_vign1 .vign:nth-child(2){
	margin:8px 0px 0px 20px;
}
.ligne_vign2 .vign:nth-child(2){
	margin:10px 20px 0px 20px;
}
.ligne_vign2 .vign:nth-child(3){
        margin:10px 0px 0px 0px;
}
.vign_ph{
	float:left;
	width:235px;
	height:150px;
        margin:0;
	padding:0;
        line-height:110px;
        text-align:center;
        background:#FFF;
        border:0px solid #F00;
        overflow:hidden;
}
.vign_ph img{
        margin:0;
        vertical-align:middle;
        width:235px;
}
.vign_ph a{
        vertical-align:middle;
}
.vign_titre{
	float:left;
        width:100%;
	color:#fff;
	text-align:left;
	background-color:#5B4E46;
	padding:3px 0;
	font-weight:600;
}
.vign_titre a{
        color:#FFF;
}
.vign_descr{
	float:right;
	width:229px;
	    height: 62px;
	line-height:14px;
	text-align:left;
	padding:0px 3px 0 3px;
	font-size:12px;
	border:0px solid #F00;
	/*
	vertical-align:middle;
	display: flex;
	justify-content:center;
	align-content:center;
	flex-direction:column;
	/**/
}
.vign_descr a{
        color:#5B4E46;
}
.vign_descr p{
    margin-top:5px;
    margin-bottom:5px;
}
.vign_price{
	/*float:right;*/
	width:150px;
        /*padding:5px 5px 0 0;*/
        text-align:right;
		position:absolute;
		bottom:05px;
		right:08px;
}
.vign_price a, .vign_price a:hover, .vign_price2 a, .vign_price2 a:hover{
	color:#C71C6B;
	font-weight:bold;
	font-size:12px;
}
.vign_price2{
	float:left;
	width:96%;
	height:18px;
	color:#fff;
	padding:3px 2%;
	text-align:right;
	font-weight:600;
	background-color:#0D7F97;
}	

/*************** MESSAGE PANIER ************/
.msg_panier {
        width:100%;
        height:100%;
        margin:0;
        padding:0;
}
.msg_panier h2{
        background:#C71C6B url(../images/msg_onglet.png) top right no-repeat;
        width:96%;
        margin:0;
        padding:0px 2% 5px 2%;
        color:#FFF;
        font-size:20px;
        font-weight:400;
}
.msg_contenu {
        width:90%;
        padding:15px 5%;
}
.msg_btn {
        width:70%;
        padding:15px 15%;
}
.msg_btn a{
        color:#FFF;
        text-align:center;
        font-size:14px;
        line-height:18px;
        padding-left:40px;
}
.msg_accessoire {
        float:left;
        width:225px;
        margin:10px 0;
        background:url(../images/btn1_pop_up.png) top left no-repeat;
        height:42px;
}
.msg_continuer {
        float:left;
        width:225px;
        margin:10px 0;
        padding-top:10px;
        background:url(../images/btn2_pop_up.png) top left no-repeat;
        height:32px;
}
.msg_finaliser {
        float:left;
        width:225px;
        margin:10px 0;
        padding-top:10px;
        background:url(../images/btn3_pop_up.png) top left no-repeat;
        height:32px;
        text-transform:uppercase;
}
#conteneur_footer{
	
}
#footer{
	width:100%;
	height:30px;
	margin:auto;
	background:#C71C6B;
	color:#FFF;
        bottom:0;
}
#footer a{
	color:#FFF;
}
#footer #mentions{
	width:920px;
	margin:auto;
	/*background-repeat:no-repeat;*/
	color:#C8BAA8;
        padding: 3px 20px 20px 10px;
}
#footer #mentions a.lienBas{
        padding:3px;
        float:left;
}
#footer #mentions a:hover.lienBas{
        color:#FFFFFF;
}
.lien_partenaire {
	width:990px;
        margin:10px auto;
        text-align:center;
        color:#777;
        font-size:11px;
}
.lien_partenaire a{
        color:#777;
        font-size:11px;
}
#footer .div_footer {
        float:left;
        list-style:none;
        width:420px;
        margin:0px;
        padding:0px 0px 0px 10px;
}

.titre_coordonnees {
        float:left;
        width:100%;
        background:#C71C6B;
        color: #FFF;
        text-align:center;
        text-transform:uppercase;
        font-weight:400;
        font-size:16px;
        padding:4px 0 5px 0;
}
#livraison {
        float:left;
        width:100%;
}
.titre_livraison {
        float:left;
        width:100%;
        background:#302E2F;
        color: #FFF;
        text-align:center;
        font-weight:400;
        font-size:16px;
        padding:4px 0 5px 0;
}
.table_coordonnees {
        float:left;
        width:550px;
        margin:10px 0 10px 210px;
}
.intitule_coordonnees {
        background:#B1B1B1;
        color:#FFF;
        width:200px;
        font-weight:bold;
        text-align:center;
        font-size:14px;
        padding:7px 4px;
}
.champ_coordonnees {
        background:#F5F5F5;
        padding:5px;
}
.champ_coordonnees input,textarea,select{
        border:1px solid #DDD;
        width:300px;
}
.sous_titre {
    color:#26CAD4;
    font-size:14px;
    font-weight: bold;
    padding-bottom:5px;
}
#tag {
   width:800px;
   margin:auto;
   text-align:center;
}
#services {
        float:left;
        width:100%;
        background:#f5f5f5;
        margin-top:15px;
}
#services ul {
        list-style-type:none;
        margin:0;
        padding:0;
}

#services ul li{
        float:left;
        width:48%;
        padding:0px;
        margin:5px 1% 5px 0;
        background:#FFF;
        height:40px;
}
#services ul li.service_droit{
        float:right;
        width:48%;
        padding:0px;
        margin:5px 0 5px 1%;
        background:#FFF;
}
#services ul li a{
        float:left;
        width:88px;
        font-size:14px;
        line-height:18px;
        text-align:center;
}
#services ul li .ico_qualite {
        float:left;
        width:40px;
        height:40px;
        background:url(../images/sprite.png) -60px -138px no-repeat;
}
#services ul li .ico_livraison {
        float:left;
        width:40px;
        height:40px;
        background:url(../images/sprite.png) -60px -92px no-repeat;
}
#services ul li .ico_devis {
        float:left;
        width:40px;
        height:40px;
        background:url(../images/sprite.png) -60px 0 no-repeat;
}
#services ul li .ico_paiement {
        float:left;
        width:40px;
        height:40px;
        background:url(../images/sprite.png) -60px -46px no-repeat;
}
/*********************************** CONTENU FICHE *****************************************/
#chemin_fer{
	float:left;
	width:100%;
	height:auto;
	padding-top:5px;
	margin-left:8px;
	margin-bottom:8px;
	font-weight:600;
	color:#4E4332;
}
#chemin_fer a{
	color:#C71C6B;
	padding:6px;
	text-decoration:none;
}
#produit{
	float:left;
	width:100%;
	margin-left:8px;
	margin-right:8px;
}
#produit_gauche{
	float:left;
        width:430px;
        margin:0 10px 0 0;
}
/********** GALERIE *****************************************/
#produit_galerie{
	float:left;
	width:430px;
}
#galerie_grde{
	width:300px;
	/*height:200px;*/
	/*border:1px solid #D0CFC7;*/
    text-align:center;
    vertical-align:middle;
}
#galerie_petites{
	float:left;
	text-align:center;
	width:302px;
	height:45px;
}
.galerie_fl{
	float:left;
	width:15px;
	height:auto;
	margin-top:18px;
	text-align:center;
}
.galerie_vignettes{
	float:left;
	width:268px;
}						
.galerie_vignette{
	float:left;
	text-align:center;
	height:43px;
	margin:5px;
	border:1px solid #D0CFC7;
}
html>body .galerie_vignette{
	margin:6px;
}
/********** DESCRIPTION *****************************************/					
#produit_descr{
	float:left;
	width:430px;
	height:300px;
        background:#FFF;
        margin:10px 0 0 0;
        padding:0;
}
#description_produit {
	float:left;
	width:420px;
        margin:10px 0 0 10px;
	height:250px;
        overflow:auto;
}
#descr_titre{
	float:left;
	width:100%;
	height:9px;
	padding-left:7px;
	padding-top:3px;
	padding-bottom:7px;
	padding-right:0;
	color:#fff;
	font-size:14px;
	font-weight:600;
	background-color:#22CED8;
}
.descr_texte{
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	text-align:justify;
	font-size:12px;
	color:#615748;
}
#descr_bouts{
	float:left;
	width:100%;
	text-align:left;
        margin-top:10px;
        background:#FFF;
	/*border-top:1px solid #28A7DD;*/
}
.descr_bout{
	float:left;
	margin:5px 5px 5px 0;
        color:#C71C6B;
        padding:5px 5px 5px 15px;
        font-size:13px;
}
.descr_bout a, .descr_bout a:hover{
        color:#C71C6B;
        font-weight:bold;
}
.descr_bout a:hover{
        text-decoration:underline;
}

.technique {
	float:left;
	margin:5px 5px 5px 0;
	border:1px solid #333;
  color:#FFF;
  padding:5px 5px 5px 15px;
  font-size:13px;
  background:#847c71 url(../images/fleche.gif) no-repeat;
  background-position:5px 8px;
}
.technique a{
        color:#FFF;
        font-weight:bold;
}			
#produit_droite{
	float:left;
        width:290px;
        background:#FFF;
        /*border:1px solid #F00;*/
}

#produit_services{
	float:left;
	width:185px;
	margin-left:10px;
	background-color:#EFEEEC;
}

#descr_prix{
	float:right;
	width:113px;
	height:50px;
	text-align:center;

}
html>body #descr_prix{
	margin-left:15px;
	width:111px;
}
#prix_1{
	margin-top:6px;
}
.price_1{
	float:right;
	color:#C71C6B;
	margin:1px 10px 0 0;
	padding:5px;
	font-size:16px;
        letter-spacing:-1px;
	font-weight:400;
	/*border:1px solid #22ced8;*/
}
#services_titre{
	float:left;
	background-color:#837C70;
	width:200px;
	height:10px;
	padding-left:7px;
	padding-top:5px;
	padding-bottom:7px;
	padding-right:7px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:600;
	font-style:italic;
}
#services_lignes{
	float:left;
	width:100%;
}
.service_ligne{
	float:left;
	width:100%;
	margin-top:6px;
	margin-bottom:6px;
}
.service_ico{
	float:left;
	width:41px;
	margin-left:5px;
}
.service_fl{
	float:left;
	width:5px;
	margin-left:3px;
	margin-top:8px;
        /*border:1px solid #F00;*/
}
.service_nom{
	float:right;
        width:200px;
	margin-left:5px;
	margin-top:-12px;
}		
.service_nom a{
	font-size:12px;
	font-style:italic;
	color:#4E4332;
}						
.service_sep{
	float:left;
}
/********** MODELES *****************************************/					
#modeles{
	float:left;
	width:290px;
}
.entete_modele {
        /*background:#C71C6B url(../images/pli_titre_bleu.png) top right no-repeat;*/
        background:#C71C6B;
        height:34px;
}
.titre_modele {
        color:#FFF;
        font-family: 'Quicksand', sans-serif;
        padding:0 0 3px 10px;
        font-size:20px;
}
/********** HAUT MODELE *************************************************/					
#modeles_haut{
	float:left;
	width:100%;
	background-image:url(../images/fiche/modele_onglet.gif);
	background-repeat:no-repeat;
}
#haut_onglet{
	width:155px;
	height:20px;
	font-size:14px;
	text-align:center;
	font-weight:600;
	padding-top:5px;
        color:#FFFFFF;
}				
/********** MILIEU MODELE ************************************************/
#modeles_milieu{
	float:left;
	width:100%;
}
.modele_titre {
        float:left;
        width:90%;
        background:#B1B1B1;
        color:#FFFFFF;
        font-size:14px;
        padding:2px 0 2px 2%;
        margin:10px 4% 0 4%;
}
.modele_choix {
        float:left;
        width:90%;
        background:#f5f5f5;
        color:#333;
        font-size:12px;
        padding:2px 0 2px 2%;
        margin:0 4%;
}
.choix_taille {
        float:left;
        width:100%;
        margin:5px 0 2px 0;
}
.forme {
        float:left;
        width:100%;
        font-weight:bold;
}
.champ_taille {
        float:left;
        width:100%;
        box-sizing: border-box;
}
.champ_taille input[type=radio]{
    display:inline-block;
    vertical-align: middle;
    height:17px;
    margin-left: 0px;
    margin-right: 0;
}
.champ_taille input[type=radio] + label{
    display:inline-block;
    vertical-align: bottom;
    height:15px;
}
#milieu_bloc{
	float:left;
	width:auto;
	margin-top:10px;
	margin-left:10px;
}

#infos_article {
        float:left;
        width:100%;
        color:#615748;
        border-top:1px solid #B1B1B1;
        margin-top:10px;
        padding-top:8px;
}
#description_infos_article {
        width:100%;
        text-align:center;
}
.choix_titre_bloc{
	float:left;
        	
}

.choix_titre{
	float:left;
	margin-left:5px;
	color:#615748;
	font-size:14px;
	font-weight:600;
	text-decoration:underline;
}
.choix_form{
	float:left;
	width:auto;
	color:#615748;
}

#couleur_select {
        clear:both;
        padding-left:5px;
        padding-top:2px;
        width:200px;
        font-weight:bold;
        height:20px;
}
#choix_couleur {
        width:100%;
}
.champ_couleur{
	float:left;
}
.select_couleur{
	float:left;
	width:19px;
	height:19px;
        margin-right:8px;
	border:1px solid #FFF;
}
.carre_couleur{
	float:left;
	width:19px;
	height:19px;
	margin:4px;
	border:2px solid #D0CFC7;
}	
.carre_couleur_on{
	float:left;
	width:19px;
	height:19px;
	margin:4px;
	border:2px solid #AFDB02;
}		
/********** OPTION **************************/
.milieu_bloc_choix_options{
	float:left;
	width:150px;
	padding:5px;
	margin-right:10px;
	
}
.choix_options{
	float:left;
	width:185px;
	color:#615748;
	font-size:12px;
	font-weight:600;
	margin-top:5px;
	margin-bottom:5px;
}
html>body .choix_options{
	width:250px;
}
.champ_option{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	width:auto;	
}

/********** BAS MODELE ********************************/				
#modeles_bas{
	float:left;
	width:100%;
        background:#FFF;
}
#modeles_bas .ligne1{
	float:left;
	width:100%;
        margin:5px 0;
}

.ligne1 #prix_promo{
        text-align:left;
	float:left;
        margin:0px;
        height:100%;
        font-weight:700;
	font-size:12px;
        color:#C71C6B;
        width:168px;
        padding:0;
        border:0;
}

.ligne1 #quantite_choix{
	float:right;
        width:128px;
        height:100%;
        padding:0;
        border:0;
        color:#333;
}
#quantite_choix span{
        float:left;
        font-size:12px;
        text-align:center;
        width:70px;
        margin:5px 0;
        padding:3px;
        font-weight:bold;
}
#quantite_choix input{
        float:left;
        width:20px;
        margin:5px 0;
}
.btn_quantite {
        float:left;
        width:12px;
        margin:6px 2px 0 2px;
}
.btn_plus {
        float:left;
        text-indent:-9999px;
        width:10px;
        height:10px;
        background:url(../images/sprite.png) -4px -160px no-repeat;
}
.btn_moins {
        float:left;
        width:10px;
        height:10px;
        text-indent:-9999px;
        background:url(../images/sprite.png) -4px -172px no-repeat;
}

.prix_barre {
        background:url(../images/sprite.png) -345px 0px no-repeat;
}
.input_quantite{
	float:left;
	width:20px;
	margin-right:50px;
}

#modeles_bas .ligne2{
	float:left;
	width:100%;
        height:60px;
}
#prix{
	width:50px;
	float:left;
	margin-top:6px;
	margin-right:10px;
	margin-left:20px;
}
#price{
        text-align:right;
	float:left;
        margin:0px;
        height:100%;
        font-weight:700;
        /*font-family: 'Quicksand', sans-serif;*/
	font-size:18px;
        color:#FFFFFF;
        background:#C71C6B;
        width:155px;
        padding:0 5px;
}
#date_promo {
    display:inline-block;
}
.priceTTC {
	font-size:12px;
        font-weight:400;
        font-style:italic;
        float:right;
        margin-top:7px;
}
#btn_ajout {
	float:right;
        width:115px;
        height:100%;
        padding:0 5px;
	font-size:15px;
        color:#FFF;
        background:#302F2F;
        font-weight:700;
}
#remise {
        position:absolute;
        float:left;
        margin:3px 0 0 3px;
        padding-top:22px;
        padding-left:11px;
        width:45px;
        height:35px;
        vertical-align:middle;
        background:url(../images/background_reduction.png) top center no-repeat;
        color:#FFF;
        font-size:14px;
}
#btn_ajout:hover {
        color:#B1B1B1;
}
.ico_btn_ajout {
        float:left;
        width:25px;
        height:21px;
        background:url(../images/sprite.png) -4px -136px no-repeat;
        margin:16px 0 0 0;
}
#btn_ajout span{
        float:left;
        width:80px;
        margin:13px 0 0 8px;
}

#bas_ajout{
	float:left;
	width:140px;
	height:27px;
}
/********** ACCESSOIRES ********************************/				
#accessoires{
	float:left;
	width:96%;
	margin:10px 2%;
        background:#FFF;
}
#accessoires_titre{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.accessoires_fl{
	float:left;
	margin-top:8px;
	margin-right:8px;
}
.accessoires_nom{
	color:#4E4332;
	font-size:18px;
	font-weight:600;
	text-decoration:underline;
}
						
#accessoires_lignes{
	float:left;
	width:951px;
	
}
html>body #accessoires_lignes{
	float:left;
	width:937px;
}
.accessoire_ligne{
	float:left;
	padding:0;
	border:1px solid #D0CFC7;
	margin-bottom:10px;
        width:96%;
        margin:10px 2%;
}
.accessoire_photo{
	float:left;
	width:15%;
}
.accessoire_photo a img{
	max-height:100px;
	max-width:100px;
	width:auto!important;
	height:auto;
}
.accessoire_droite{
	float:right;
	width:85%;
}
.accessoire_titre{
	float:left;
	width:98%;
        padding:3px 1%;
        background:#b1b1b1;
	color:#fff;
	font-size:14px;
}
.accessoire_descr{
	float:left;
	width:48%;
        padding:1%;
	color:#333;
}
.accessoire_prix{
	float:right;
	width:275px;
	text-align:center;
	color:#4E4332;
}
#quantite_choix{
	float:left;
	width:50%;
        height:100%;
        padding:0;
        color:#333;
}
.accessoire_quantite{
	float:right;
	width:275px;
	text-align:center;
	margin-top:5px;
	color:#4E4332;
}

.accessoire_quantite span{
        float:left;
        font-size:14px;
        text-align:center;
        width:70px;
        margin:5px 0 0 75px;
        padding:3px;
        color:#C71C6B;
}
.accessoire_quantite input{
        float:left;
        width:20px;
        margin:5px 0;
}
.price2{
	float:left;
	width:275px;
	text-align:center;
	margin-top:1px;
        font-size:16px;
        font-weight:400;
}

.accessoire_ajout{
	float:right;
	width:275px;
        background:#FFF;
        padding:0;
        margin:10px 0 -7px 0;
        text-align:center;
        height:25px;
}
.accessoire_ajout a{
        float:left;
        color:#fff;
        font-size:16px;
        font-weight:400;
        height:25px;
        width:250px;
        margin:-6px 0 -7px 0;
}
.ico_btn_ajout_acc {
        float:left;
        width:25px;
        height:21px;
        background:url(../images/sprite.png) -4px -184px no-repeat;
        margin:9px 0 0 15px;
        
}
/********** ARTICLES ********************************/				
#articles{
	float:left;
	width:730px;
	margin-left:8px;
}
#articles_titre{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.articles_fl{
	float:left;
	margin-top:8px;
	margin-right:8px;
}
.articles_nom{
	color:#4E4332;
	font-size:18px;
	font-weight:600;
	text-decoration:underline;
}
						
#articles_lignes{
	float:left;
	width:100%;
}

.article_ligne{
	float:left;
	padding:10px;
	border:1px solid #D0CFC7;
	margin-bottom:10px;
        width:80%;
}
.article_gauche{
	float:left;
	width:420px;
}

.article_titre{
	float:left;
	color:#AFDB02;
	font-size:14px;
	font-weight:600;
}
.article_descr{
	float:left;
	color:#9B9B9B;
}
										
.article_droite{
	float:right;
	width:490px;
}
*html .article_droite{
	width:470px;
}
.article_prix{
	float:left;
	width:150px;
	text-align:center;
	color:#4E4332;
}
.article_quantite{
	float:left;
	width:190px;
	text-align:center;
	margin-top:5px;
	color:#4E4332;
}
.article_ajout{
	float:left;
	margin-top:0px;
        width:100px;
        color:#000;
}
#message_panier {
        position:absolute;
        /*height:100px;*/
        width:400px;
        color:#000000;
        display:none;
        background:#FFF;
        border: 5px solid #4E4433;
        z-index:10;
        padding:10px;
}
.bout_poursuivre{
	float:left;
        color:#FFFFFF;
	width:150px;
	height:20px;
	margin-right:3px;
	background:#4E4433;
	background-repeat:no-repeat;
        text-align:center;
        padding-top:3px;
}
.bout_poursuivre a{
        color:#FFFFFF;
}
.bout_commander{
	float:right;
        padding:3px;
        color:#FFFFFF;
	width:150px;
	height:20px;
	margin-right:3px;
	background:#4E4433;
	background-repeat:no-repeat;
        text-align:center;
}
.bout_commander a{
        color:#FFFFFF;
}
.panier td {
        padding:3px;
}
.panier th {
        text-align:left;
        background:#C71C6B;
        color:#FFFFFF;
        font-weight:bold;
        padding:5px;
        font-size:14px;
        border-right:1px solid #FFF;
}
.contenu_panier {
    padding:1px;
    width:176px;
}
.contenu_bloc {
        float:left;
        background:#FFF;
        width:100%;
        margin:0 0 15px 0;
}
.vide_panier {
    text-align:center;
    padding:10px;
}
.ajax_panier {
    /*border:1px solid #8A5B5B;
    background-color:#F5F1F1;
    */
    padding:0px;
    width:176px;
}

.total_panier {
    color: #000;
    font-weight:bold;
    text-align:right;
    padding-top:5px;
    font-size:14px;
}
.total_panier_grand {
    color: #FFF;
    background:#C71C6B;
    font-weight:bold;
    text-align:right;
    padding-top:5px;
    font-size:16px;
}
.commander_panier {
    height:18px;
    font-weight: bold;
    text-align:center;
    margin-top:5px;
    padding-top:2px;
    width:180px;
}

.vider_panier {
    text-align:center;
    margin-top:5px;
    width:180px;
}

.aSupprimer {
    display:block;
    background-image: url('../upload/corbeille.gif');
    background-repeat: no-repeat;
    width:11px;
    height:12px;
    
    
}
.aSupprimer:hover {
    display:block;
    background-image: url('../upload/corbeille_on.gif');
    background-repeat: no-repeat;
    width:11px;
    height:12px;
}
.aCommander {
    position:relative;
    display:block;
    text-align:center;
    padding-top:3px;
    font-size:12px;
    font-weight: bold;
    border:0px;
}

.titre_gamme{
	display:block;
	padding-top: 8px;
	color:#C71C6B;
}

.DISABLED,.DISABLED *{
	/*pointer-events:none;*/
	cursor: not-allowed!important;
	filter: grayscale(1)!important;	
	/*filter: alpha(opacity=100)!important;
	opacity: 1!important;/**/
}	

.DISABLED .ico_btn_ajout, #btn_ajout.DISABLED * {
	font-size: 13px;
}

/* ------------------------
    2021
------------------------ */

.listing_vignettes .ligne_vign2 {
        display: flex;
        margin: 0;
}

.listing_vignettes .ligne_vign2 .vign {
        flex: 1;
        display: flex;
        flex-direction: column;
        width: unset;
        height: unset;
        margin: 8px;
        max-width: 237.33px;
}

.listing_vignettes .vign_titre {
        float: none;
}

.listing_vignettes .vign_ph {
        float: none;
        width: 100%;
        height: auto;
}

.listing_vignettes .vign_ph a {
        display: block;
        width: 100%;
}

.listing_vignettes .vign_ph img {
        display: block;
        width: 100%;
        height: 150px;
        object-fit: cover;
        object-position: center;
}

.listing_vignettes .vign_descr {
        float: none;
        height: auto;
        padding: 5px 3px 0 3px;
}

.listing_vignettes .vign_descr p {
        margin: 0;
}

.listing_vignettes .vign_price {
        float: none;
        position: static;
        width: 100%;
        margin-top: auto;
}

.listing_vignettes .vign_price a {
        display: block;
        padding: 5px 10px;
}

@media (max-width: 600px) {
        .listing_vignettes .ligne_vign2 {
                display: block;
        }
        .listing_vignettes .ligne_vign2 .vign {
                max-width: 100%;
        }
        .ligne_vign2 .vign:nth-child(2) {
                margin: 8px!important;
        }

}

@media (min-width: 1200px) {
	#header {
		width: 1165px;
		background-color: white;
	}
	#conteneur_contenu {
		width: 1165px;
		padding-top: 10px;
		margin-top: 00px;
		background-color: white;
	}
	#contenu {
		width: 1145px;
	}
	#contenu_gauche {
		width: 960px;
	}
	.listing_vignettes .ligne_vign2 .vign {
		max-width: 302px;
	}
	#produit_gauche,#produit_galerie,#produit_descr{
		width: 630px;
	}
	#description_produit{
		width: 620px;
	}
	#nav_principale a {
		padding: 4px 22px 0 22px;
	}
	#edito{
		width: 690px;
	}
	.listing_vignettes .vign_ph img{
		height: 180px;
		object-position: top center;
	}
	
}