@font-face {
  font-family:'eb_garamondregular';
  src:url('font/EBGaramond-webfont.eot');
  src:url('font/EBGaramond-webfont.eot?#iefix') format('embedded-opentype'),
      url('font/EBGaramond-webfont.woff2') format('woff2'),
      url('font/EBGaramond-webfont.woff') format('woff'),
      url('font/EBGaramond-webfont.ttf') format('truetype'),
      url('font/EBGaramond-webfont.svg#eb_garamondregular') format('svg');
}
#contenu_onglet_cadeau .size100 {
		width: 90%;
}
.space-ancre {
		padding-top: 150px;
		margin-top: -150px;
}
.accordion dt, .accordion dd {
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid #e0e0e0;
}
.accordion dt a {
		display: block;
		color: #000;
		text-decoration: none;
}
.accordion dd {
		margin: 0;
		border-top: 0;
		font-size: 15px;
		font-family: 'Raleway';
		background-color: #F6F6F6 ;
		line-height: 25px;
		padding-left: 30px;
		 padding-right: 30px;
}
.accordion dd a { color: #000; }
.accordion dd:last-of-type {
		border-top: 1px solid white;
		position: relative;
		top: -1px;
}
.show_desktop ul li a:hover { text-decoration: none; }
.tableau {
    border-collapse: collapse;
		margin: 0px auto;
}
.tableau td {
    border-width:3px;
    border-style: solid;
    border-bottom-color:#86BC24;
    border-top-color: #86BC24;
    border-left-color: #86BC24;
    border-right-color: #86BC24;
}
.container-main h2 { line-height: 30px }
.show_desktop ul li{ display: inline; }

#contenu_onglet_livraison, #contenu_onglet_paiement, #contenu_onglet_cadeau, #contenu_onglet_fan, #contenu_onglet_question { display: none; }
#contenu_onglet_livraison:target, #contenu_onglet_paiement:target, #contenu_onglet_cadeau:target, #contenu_onglet_fan:target, #contenu_onglet_question:target { display: block; }
.menu_mob li { display: block; margin: 0px; padding: 30px; }
.menu_mob { display: none; }

/* -------------------------------- GESTION BOUTONS -------------------------------- */
.btn-main {
		background-color: #3B0C3F;
		color: #FFFFFF;
		padding: 12px;
		text-decoration: none;
		font-size: 12px;
		border-radius: 3px;
		transition: all .3s;
}
.btn-main:hover {
		background-color: #2c072f;
		color: #FFF;
		transition: all .3s;
		text-decoration: none;
}
.btn-main02 {
		background-color: #3B0C3F;
		color: #FFFFFF;
		padding: 12px 70px 12px 70px;
		text-decoration: none;
		font-size: 12px;
		border-radius: 3px;
		transition: all .3s;
	
}
.btn-main02:hover {
		background-color:  #2c072f;
		text-decoration: none;
		transition: all .3s;
		color: #FFF;
}
.btn-secondary {
		background-color: #3B0C3F;
		color: #FFF;
		padding: 12px 78px 12px 78px;
		text-decoration: none;
		font-size: 12px;
		border-radius: 3px;
		transition: all .3s;
}
.btn-secondary:hover {
		background-color:  #2c072f;
		transition: all .3s;
		color: #FFF;
		text-decoration: none;
}
.btn-main02bis {
		text-align: center;
		text-decoration: none;
		padding: 12px;
		cursor: pointer;
		color: #000;
		background: none;
		position:relative;
		overflow:hidden;
		margin: 0;
}
.btn-main02bis:before {
		content: "";
		position: absolute;
		width: 0;
		background : #86BC24;
		left: 50%;
		height: 2px;
		top: 41px;
		transition: all .3s;
		opacity: 1;
}
.btn-main02bis:hover, .btn-main03:hover, .btn-main04:hover, .btn-main05:hover, .btn-main06:hover { text-decoration: none!important; }
.btn-main02bis:hover:before {
		width: 100%;
		left:0;
}
.deco_souligne {
		opacity: 0;
		position: absolute;
		left: 90px;
		bottom: -22px;
}
.deco_souligne1 {
		opacity: 0;
		position: absolute;
		left: 70px;
		bottom: -22px;
}
.deco_souligne2 {
		opacity: 0;
		position: absolute;
		left: 60px;
		bottom: -22px;
}
.deco_souligne3 {
		opacity: 0;
		position: absolute;
		left: 45px;
		bottom: -22px;
}
.deco_souligne4 {
		opacity: 0;
		position: absolute;
		left: 75px;
		bottom: -22px;
}
.btn-main02:hover .deco_souligne, .btn-main03:hover .deco_souligne1, .btn-main04:hover .deco_souligne2, .btn-main05:hover .deco_souligne3, .btn-main06:hover .deco_souligne4 { opacity: 1; }
.btn-main03, .btn-main04, .btn-main05, .btn-main06 {
		text-align: center;
		text-decoration: none;
		padding: 12px;
		cursor: pointer;
		color: #000;
		background: none;
		position: relative;
		overflow: hidden;
		margin: 0;
}
.btn-main03:before, .btn-main04:before, .btn-main05:before, .btn-main06:before {
		content: "";
		position: absolute;
		width: 0;
		background : #86BC24;
		left: 50%;
		height: 2px;
		top: 41px;
		transition: all .3s;
		opacity: 1;
}
.btn-main03:hover:before, .btn-main04:hover:before, .btn-main05:hover:before, .btn-main06:hover:before {
		width: 100%;
		left:0;
}

/* -------------------------------- GESTION COULEUR DE FOND -------------------------------- */
.background-white { background-color: #FFFFFF; }
.background-black { background-color: #000000; }
.background-purple { background-color: #3B0C3F; }
.background-green { background-color: #97BB3A; }
.background-red { background-color: #C20E1A; }
.background-gray { background-color: #FAFAFA }

/* -------------------------------- GESTION COULEUR TEXTE -------------------------------- */
.white { color: #FFFFFF; }
.black { color: #000000; }
.purple { color: #3B0C3F; }
.green { color: #97BB3A; }
.red { color: #C20E1A; }
.gray { color: #F0F0F0; }

/* -------------------------------- GESTION PROPRIETE DIV -------------------------------- */
.container-main { /* Container avec largeur de menu (à régler si besoin) */
		width: 1090px;
		margin: 0 auto;
}
.container-secondary {
		width: 800px;
		margin: 0 auto;
}
.sep {
		width: 100%;
		background-color: #F0F0F0;
		height: 2px;
}
.radius{ border-radius: 3px; }
.top-border-green{ border-top: #97BB3A solid 2px ;}
.top-border-gray{ border-top: #F0F0F0 solid 2px ;}
.bottom-border-gray{ border-bottom: #F0F0F0 solid 2px ;}
.hide { display: none!important; }
.invisible { visibility: hidden!important; }

/* -------------------------------- GESTION PROPRIETES IMAGES -------------------------------- */
.size100 { width: 100%; height: auto; } /* à utiliser sur toutes les images */

/* -------------------------------- GESTION POSITION ELEMENTS -------------------------------- */
.relatif { position: relative; }
.absolute { position: absolute; }
.left { float: left; }
.right { float: right; }
.clearfix:before, .clearfix:after { /* à mettre dans le parent d'un élément absolute */
		content:".";
		display: table;
		height: 0;
		font-size: 0;
		line-height: 0;
		visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1; }

/* -------------------------------- GESTION PROPRIETE TEXTE -------------------------------- */
.adobe-regular { font-family: 'eb_garamondregular'; }
.raleway-regular { font-family: 'Raleway'; }
.middle { vertical-align: middle; }
.top { vertical-align: top; } 
.bottom { vertical-align: bottom; } 
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-justify { text-align: justify; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.bold { font-weight: bold; }
.medium { font-weight: 600!important; }
.light {font-weight: lighter; }

.font-tablette20 { font-size: 20px; }
.font5 { font-size: 5px; }
.font6 { font-size: 6px; }
.font7 { font-size: 7px; }
.font8 { font-size: 8px; }
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font25 { font-size: 25px; }
.font30 { font-size: 30px; }
.font35 { font-size: 35px; }
.font40 { font-size: 40px; }
.font45 { font-size: 45px; }
.font50 { font-size: 50px; }
.font55 { font-size: 55px; }
.font60 { font-size: 60px; }
.font65 { font-size: 65px; }

/* -------------------------------- GESTION HAUTEUR DE LIGNE -------------------------------- */
.lineheight5 { line-height: 5px }
.lineheight10 { line-height: 10px }
.lineheight15 { line-height: 15px }
.lineheight20 { line-height: 20px }
.lineheight25 { line-height: 25px }
.lineheight30 { line-height: 30px }
.lineheight35 { line-height: 35px }
.lineheight40 { line-height: 40px }
.lineheight45 { line-height: 45px }
.lineheight50 { line-height: 50px }

/* -------------------------------- GESTION PADDING -------------------------------- */
.padding-global { padding: 30px 70px 30px 70px; }
.padding-global02 { padding: 30px 57px 30px 57px; }

.padding0 { padding: 0; }
.padding2 { padding: 20px 5px 15px 5px; }

.paddingtop5 { padding-top: 5px; }
.paddingtop10 { padding-top: 10px; }
.paddingtop15 { padding-top: 15px; }
.paddingtop20 { padding-top: 20px; }
.paddingtop25 { padding-top: 25px; }
.paddingtop30 { padding-top: 30px; }

.paddingright5 { padding-right: 5px; }
.paddingright10 { padding-right: 10px; }
.paddingright15 { padding-right: 15px; }
.paddingright20 { padding-right: 20px; }
.paddingright25 { padding-right: 25px; }
.paddingright30 { padding-right: 30px; }

.paddingbottom5 { padding-bottom: 5px; }
.paddingbottom10 { padding-bottom: 10px; }
.paddingbottom15 { padding-bottom: 15px; }
.paddingbottom20 { padding-bottom: 20px; }
.paddingbottom25 { padding-bottom: 25px; }
.paddingbottom30 { padding-bottom: 30px; }

.paddingleft5 { padding-left: 5px; }
.paddingleft10 { padding-left: 10px; }
.paddingleft15 { padding-left: 15px; }
.paddingleft20 { padding-left: 20px; }
.paddingleft25 { padding-left: 25px; }
.paddingleft30 { padding-left: 30px; }

/* -------------------------------- GESTION MARGIN -------------------------------- */
.space0 { margin: 0; }
.spacetop-mobile10 { margin-top: 10px; }
.spacetop-tablette10 { margin-top: 10px; }
.spacerightbis {margin-left: 19%; }

.spacetop5 { margin-top: 5px; }
.spacetop10 { margin-top: 10px; }
.spacetop15 { margin-top: 15px; }
.spacetop20 { margin-top: 20px; }
.spacetop25 { margin-top: 25px; }
.spacetop30 { margin-top: 30px; }
.spacetop35 { margin-top: 35px; }
.spacetop40 { margin-top: 40px; }
.spacetop45 { margin-top: 45px; }
.spacetop50 { margin-top: 50px; }
.spacetop55 { margin-top: 55px; }
.spacetop60 { margin-top: 60px; }
.spacetop65 { margin-top: 65px; }
.spacetop70 { margin-top: 70px; }
.spacetop75 { margin-top: 75px; }
.spacetop80 { margin-top: 80px; }
.spacetop85 { margin-top: 85px; }
.spacetop90 { margin-top: 90px; }
.spacetop95 { margin-top: 95px; }
.spacetop100 { margin-top: 100px; }

.spaceright5 { margin-right: 5px; }
.spaceright10 { margin-right: 10px; }
.spaceright15 { margin-right: 15px; }
.spaceright20 { margin-right: 20px; }
.spaceright25 { margin-right: 25px; }
.spaceright30 { margin-right: 30px; }
.spaceright35 { margin-right: 35px; }
.spaceright40 { margin-right: 40px; }
.spaceright45 { margin-right: 45px; }
.spaceright50 { margin-right: 50px; }
.spaceright55 { margin-right: 55px; }
.spaceright60 { margin-right: 60px; }
.spaceright65 { margin-right: 65px; }
.spaceright70 { margin-right: 70px; }
.spaceright75 { margin-right: 75px; }
.spaceright80 { margin-right: 80px; }
.spaceright85 { margin-right: 85px; }
.spaceright90 { margin-right: 90px; }
.spaceright95 { margin-right: 95px; }
.spaceright100 { margin-right: 100px; }

.spacebottom5 { margin-bottom: 5px; }
.spacebottom10 { margin-bottom: 10px; }
.spacebottom15 { margin-bottom: 15px; }
.spacebottom20 { margin-bottom: 20px; }
.spacebottom25 { margin-bottom: 25px; }
.spacebottom30 { margin-bottom: 30px; }
.spacebottom35 { margin-bottom: 35px; }
.spacebottom40 { margin-bottom: 40px; }
.spacebottom45 { margin-bottom: 45px; }
.spacebottom50 { margin-bottom: 50px; }
.spacebottom55 { margin-bottom: 55px; }
.spacebottom60 { margin-bottom: 60px; }
.spacebottom65 { margin-bottom: 65px; }
.spacebottom70 { margin-bottom: 70px; }
.spacebottom75 { margin-bottom: 75px; }
.spacebottom80 { margin-bottom: 80px; }
.spacebottom85 { margin-bottom: 85px; }
.spacebottom90 { margin-bottom: 90px; }
.spacebottom95 { margin-bottom: 95px; }
.spacebottom100 { margin-bottom: 100px; }

.spacetop5 { margin-right: 5px; }
.spaceleft10 { margin-left: 10px; }
.spaceleft15 { margin-left: 15px; }
.spaceleft20 { margin-left: 20px; }
.spaceleft25 { margin-left: 25px; }
.spaceleft30 { margin-left: 30px; }
.spaceleft35 { margin-left: 35px; }
.spaceleft40 { margin-left: 40px; }
.spaceleft45 { margin-left: 45px; }
.spaceleft50 { margin-left: 50px; }
.spaceleft55 { margin-left: 55px; }
.spaceleft60 { margin-left: 60px; }
.spaceleft65 { margin-left: 65px; }
.spaceleft70 { margin-left: 70px; }
.spaceleft75 { margin-left: 75px; }
.spaceleft80 { margin-left: 80px; }
.spaceleft85 { margin-left: 85px; }
.spaceleft90 { margin-left: 90px; }
.spaceleft95 { margin-left: 95px; }
.spaceleft100 { margin-left: 100px; }

/* -------------------------------- GESTION DES COLONNES -------------------------------- */
.colonne1, .col1 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 7.2916666667%;
}
.colonne2, .col2 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 15.625%;
}
.colonne3, .col3 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 17.6%;
}
.colonne4, .col4 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 32.2916666667%;
}
.colonne5, .col5 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 40.625%;
}
.colonne6, .col6 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 48.9583333333%;
}
.colonne7, .col7 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 57.2916666667%;
}
.colonne8, .col8 {
		width: 100%;
}
.colonne9, .col9 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 73.9583333333%;
}
.colonne10, .col10 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 82.2916666667%;
}
.colonne11, .col11 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 90.625%;
}
.colonne12, .col12 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 98.9583333333%;
}
.repousse-colonne1, .marge-c1 { margin-left: 8.854166667%!important; }
.repousse-colonne2, .marge-c2 { margin-left: 17.1875%!important; }
.repousse-colonne3, .marge-c3 { margin-left: 25.52083333%!important; }
.repousse-colonne4, .marge-c4 { margin-left: 33.85416667%!important; }
.repousse-colonne5, .marge-c5 {	margin-left: 42.1875%!important; }
.repousse-colonne6, .marge-c6 {	margin-left: 50.52083333%!important; }
.repousse-colonne7, .marge-c7 {	margin-left: 58.85416667%!important; }
.repousse-colonne8, .marge-c8 {	margin-left: 67.1875%!important; }
.repousse-colonne9, .marge-c9 {	margin-left: 75.52083333%!important; }
.repousse-colonne10, .marge-c10 {	margin-left: 83.85416667%!important; }
.repousse-colonne11, .marge-c11 {	margin-left: 92.1875%!important; }
.repousse-colonne12, .marge-c12 {	margin-left: 100%!important; }
.sans-marge { margin: 0; }
.sans-marge-droite, .sans-marge-d { margin-right: 0; }
.sans-marge-gauche, .sans-marge-g { margin-left: 0; }


@media screen and (min-width: 1300px) {
		.show_desktop { display: block; }
		.hide_desktop { display: none; }
}
@media screen and (min-width: 1025px) and (max-width: 1290px) {
		.container-main { width: 90%; }
		.show_desktop { display: block; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
		.show_desktop { display: block; }
		.hide_desktop { display: none; }
		.container-main, .container-secondary { width: 90%; }
		.btn-main02 { padding: 12px 52px 12px 52px; }
		.font-tablette20 { font-size: 20px; }
		.spacetop-tablette10 { margin-top: 10px; }
		.spaceleft30 { margin-left: 10px; }
		.spaceleft50 { margin-left: 15px; }
		#contenu_onglet_cadeau .size100 { width: 100%; }
	#contenu_onglet_cadeau .spacetop50 { margin-top: 10px; }
}
@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
    .colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12, .col6 { width: 98%; }
    .repousse-colonne1, .repousse-colonne2, .repousse-colonne3, .repousse-colonne4, .repousse-colonne5, .repousse-colonne6, .repousse-colonne7, .repousse-colonne8, .repousse-colonne9, .repousse-colonne10, .repousse-colonne11, .repousse-colonne12 { margin-left: 1.5625%!important; margin-right: 1.5625%!important; }
		.container-main, .container-secondary { width: 96%; }
		.show_desktop { display: none; }
		.hide_desktop { display: block; }
		#contenu_onglet_cadeau img { display: none; }
}
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
		.container-main, .container-secondary { width: 98%; }
		.show_desktop { display: none; }
		.hide_desktop { display: block;}
    th, .txt-right { text-align: left; }
    .font12 { font-size: 11px; }
		.font15, th, .font18 { font-size: 13px; }
    th, .font17 { font-size: 14px; }
    .spacerightbis { margin-left: 22%; }
    .font50 { font-size: 40px; }
    .font25 { font-size: 20px; }
    .col6 { width: 100%; }
    .spacetop100 { margin-top: 20px; }
    .paddingMob { margin: 10px 0px 40px 70px; }
    .spacetop30Mob { margin-top: 30px; }
    .spacebottom30Mob { margin-bottom: 30px; }
    .spaceleft60 { margin-left: 70px; }
		.title_faq { padding-left: 20px; padding-right: 40px; line-height: 25px; }
		.div_livraison2 .spacetop40 { margin-top: 10px; }
		.container-main a { text-decoration: none; }
		.btn-main03:hover:before, .btn-main04:hover:before, .btn-main05:hover:before, .btn-main06:hover:before { width: 0%; }
	.spacetop5 { margin-top: 30px; }
}