.hide_mob ul li { display: inline; }
#contenu_onglet_fan ul { padding: none; }
#contenu_onglet_fan li::before { content: "•"; color: #C20E1A; margin-right: 10px; }
#contenu_onglet_fan li { list-style-type: none; }
.tableau {
    border-collapse: collapse;
    margin: 0 auto;
    background: -webkit-linear-gradient(left, #fcbabd, #fc3a54);
    background: -o-linear-gradient(right, #fcbabd, #fc3a54);
    background: -moz-linear-gradient(right, #fcbabd, #fc3a54);
    background: linear-gradient(to right, #fcbabd, #fc3a54);
    border: 5px solid #FFF;
}
.tableau td, .tableau1 td {
    color: #FFF;
		border: 3px solid #FFF;
}
.tableau1 {
    border-collapse: collapse;
    margin: 0 auto;
    background: -webkit-linear-gradient(left, #f29a68, #f46e17); 
    background: -o-linear-gradient(right, #f29a68, #f46e17);
    background: -moz-linear-gradient(right, #f29a68, #f46e17); 
    background: linear-gradient(to right, #f29a68, #f46e17);
}
#contenu_onglet_livraison .tableau { height: 400px; }
#contenu_onglet_cadeau .container-main .colonne6 img {
		width: 80%;
		margin-top: 80px;
}
.space-ancre {
		padding-top: 150px;
		margin-top: -150px;
}
/* -------------------------------- GESTION BOUTONS -------------------------------- */
.btn-main {
		background: #CE2139;
		color: #FFFFFF;
		padding: 12px;
		text-decoration: none;
		font-size: 12px;
		transition: all .3s;
}
.btn-main:hover {
		background-color: #bf1936;
		color: #FFFFFF;
		transition: all .3s;
		text-decoration: none;
}
.btn-main02:hover, .btn-main03:hover, .btn-main04:hover, .btn-main05:hover, .btn-main06:hover { text-decoration: none; }
.btn-main02, .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-main02:before, .btn-main03:before, .btn-main04:before, .btn-main05:before, .btn-main06:before {
		content: "";
		position: absolute;
		width: 0;
		background: #D21D3D;
		left: 50%;
		height: 2px;
		top: 41px;
		transition: all .3s;
		opacity: 1;
}
.btn-main02:hover:before, .btn-main03:hover:before, .btn-main04:hover:before, .btn-main05:hover:before, .btn-main06:hover:before {
		width: 100%;
		left: 0;
}
.deco_souligne, .deco_souligne1 {
		opacity: 0;
		position: absolute;
		left: 70px;
		bottom: -5px;
}
.deco_souligne2 {
		opacity: 0;
		position: absolute;
		left: 60px;
		bottom: -5px;
}
.deco_souligne3 {
		opacity: 0;
		position: absolute;
		left: 105px;
		bottom: -5px;
}
.deco_souligne4 {
		opacity : 0;
		position: absolute;
		left: 105px;
		bottom: -5px;
}

#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; }
.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; }
.menu_mob li { display: block; margin: 0px; padding: 30px; }
.menu_mob { display: none; }

.border-top { border-top: 3px solid #FFF; }
.border-right { border-right: 3px solid #FFF; }
.border-bottom { border-bottom: 3px solid #FFF; }
.border-left { border-left: 3px solid #FFF; }

/* -------------------------------- 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!important; }
.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: 700px;
		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 -------------------------------- */
.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; }
.light { font-weight: lighter; }
.underline { text-decoration: underline; }

.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; }
.font21 { font-size: 21px; }
.font22 { font-size: 22px; }
.font23 { font-size: 23px; }
.font24 { font-size: 24px; }
.font25 { font-size: 25px; }
.font26 { font-size: 26px; }
.font27 { font-size: 27px; }
.font28 { font-size: 28px; }
.font29 { font-size: 29px; }
.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: 0 8% 0 8%; }
.padding-global02 { padding: 2% 0 2% 0; }
.padding0 { padding: 0; }

.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; }
.paddingleft35 { padding-left: 35px; }
.paddingleft40 { padding-left: 40px; }
.paddingleft45 { padding-left: 45px; }
.paddingleft50 { padding-left: 50px; }
.paddingleft55 { padding-left: 55px; }

/* -------------------------------- GESTION MARGIN -------------------------------- */
.space0 { margin: 0; }

.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; }
.spacetop110 { margin-top: 110px; }
.spacetop120 { margin-top: 120px; }
.spacetop130 { margin-top: 130px; }
.spacetop140 { margin-top: 140px; }
.spacetop150 { margin-top: 150px; }

.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; }

.spaceleft5 { margin-left: 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: 23.9%;
}
.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 {
		margin-left: 0.5208333333%;
		margin-right: -18.5208333333%;
		width: 65.625%;
}
.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: 3.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) {
		.hide_mob, .hide_1024 { display: block; }
		.hide_desktop, .show_1024 { display: none; }
}
@media screen and (min-width: 1025px) and (max-width: 1290px) {
		.container-main { width: 90%; }
		.hide_mob, .hide_1024 { display: block; }
		.show_1024 { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
		.container-main, .container-secondary { width: 90%; }
    .padding-global { padding: 0 7% 0 7%; }
		.hide_mob .spaceleft { margin-left: 10px; }
		.hide_mob, .show_1024 { display: block; }
		.hide_desktop, .hide_1024 { display: none; }
		#contenu_onglet_fan h2 { font-size: 33px; }
		#contenu_onglet_fan .font15 { font-size: 14px; }
}
@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
    .colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12 { 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%; }
    .padding-global { padding: 0 5% 0 5%; }
		.hide_mob,.show_1024 { display: none; }
		.hide_desktop, .hide_1024 { display: block; }
		#contenu_onglet_cadeau .container-main .colonne6 img {
				width: 80%;
				margin-top: 0;
				margin-bottom: 30px;
		}
		#contenu_onglet_cadeau .container-main .txt-right, #contenu_onglet_fan .txt-left { text-align: center; }
		#contenu_onglet_fan .colonne7 .spacetop110 { margin-top: 20px; }
}
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
		.container-main, .container-secondary { width: 98%; }
		.hide_mob, .show_1024 { display: none; }
		.hide_desktop { display: block; }
		.tableau_spe01 .paddingleft20 { padding-left: 5px; }
		#contenu_onglet_livraison .hide_desktop .size100 { width: 104%; }
}