/***** class *****/
h3.sous_titre  { font: 400 18px/30px "Poppins"; margin-bottom: 30px; color: #ef9824; letter-spacing: 0.4px; }


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: absolute; left: 0; top: 40px; z-index: 10;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: 1px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; position: absolute; right: -14px; top: 5px; background: #403f47; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a 					{ color: #403f47;}
.breadcrumb li:last-child a  		{ color: #ef9824;}

@media (min-width:1201px) {
    .breadcrumb li a:hover          { color: #ef9824;}
}

@media (max-width:1000px) {
    .breadcrumb                     {top: -50px;}
}


/***** banner *****/
.banner .texte                  { font-size: 0; line-height: 0; letter-spacing: 0;}
.banner .texte .titre           { font: 400 35px/55px "Abril Fatface"; color: #ef9824; letter-spacing: 0.2px;}
.banner .texte .sous_titre      { font-size: 18px; line-height: 30px; margin-bottom: 25px; font-weight: 400;}
.banner .texte .chapo           { font-size: 14px; line-height: 30px; font-weight: 400;}
.banner .texte .chapo span      { margin-bottom: 30px; display: block;}
.banner .texte .chapo :last-child      { margin-bottom: 0;}
.banner .texte a                { margin-top: 20px;}
.banner .photo img              { position: relative; width: 100%; max-width: 560px; height: auto;}

.banner_contact                 { display: grid; position: absolute; z-index: 2; width: 100%; height: 100%; font-size: 20px; line-height: 30px;}
.banner_contact div             { align-self: center; text-align: center;}
.banner_contact div .link       { width: 190px; text-align: left; margin-bottom: 10px; position: relative; padding-left: 60px;}
.banner_contact div .banner-tel   { margin-top:30px;}
.banner_contact div .banner-tel:before {content: ''; position: absolute; left: 24px; top: 22px; width: 18px; height: 18px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='18px'><path fill-rule='evenodd'  fill='rgb(239, 152, 36)' d='M3.635,7.784 C5.076,10.630 7.408,12.928 10.221,14.369 L12.416,12.174 C12.690,11.900 13.102,11.831 13.445,11.933 C14.576,12.311 15.777,12.517 17.012,12.517 C17.560,12.517 18.006,12.963 18.006,13.511 L18.006,17.010 C18.006,17.559 17.560,18.005 17.012,18.005 C7.614,18.005 -0.000,10.390 -0.000,0.993 C-0.000,0.444 0.446,-0.002 0.994,-0.002 L4.493,-0.002 C5.042,-0.002 5.487,0.444 5.487,0.993 C5.487,2.228 5.693,3.428 6.070,4.559 C6.173,4.903 6.105,5.314 5.830,5.588 L3.635,7.784 Z'/></svg>");}
.banner_contact div .banner-gsm:before {content: ''; position: absolute; left: 24px; top: 20px; width: 14px; height: 25px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'><path fill-rule='evenodd'  fill='rgb(239, 152, 36)' d='M1.1000,-0.000 L11.1000,-0.000 C13.105,-0.000 13.1000,0.895 13.1000,1.1000 L13.1000,22.1000 C13.1000,24.104 13.105,24.1000 11.1000,24.1000 L1.1000,24.1000 C0.895,24.1000 -0.000,24.104 -0.000,22.1000 L-0.000,1.1000 C-0.000,0.895 0.895,-0.000 1.1000,-0.000 ZM1.1000,2.1000 L11.1000,2.1000 L11.1000,16.1000 L1.1000,16.1000 L1.1000,2.1000 ZM6.1000,19.1000 C7.552,19.1000 8.000,20.448 8.000,20.1000 C8.000,21.552 7.552,21.1000 6.1000,21.1000 C6.448,21.1000 5.1000,21.552 5.1000,20.1000 C5.1000,20.448 6.448,19.1000 6.1000,19.1000 Z'/></svg>");}
.banner_contact div .banner-mail:before {content: ''; position: absolute; left: 24px; top: 23px; width: 16px; height: 12px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='12px'><path fill-rule='evenodd'  fill='rgb(239, 152, 36)' d='M14.720,0.012 L1.280,0.012 C0.601,-0.016 0.028,0.510 0.000,1.186 C0.000,1.190 0.000,1.194 -0.000,1.198 L-0.000,1.785 L7.370,6.108 C7.566,6.206 7.781,6.257 7.1000,6.258 C8.219,6.259 8.435,6.208 8.630,6.108 L15.1000,1.795 L15.1000,1.198 C15.978,0.522 15.411,-0.009 14.732,0.012 C14.728,0.012 14.724,0.012 14.720,0.012 ZM7.1000,7.573 C7.536,7.573 7.079,7.461 6.670,7.244 L-0.000,3.309 L-0.000,10.779 C0.021,11.456 0.589,11.987 1.268,11.965 C1.272,11.965 1.276,11.965 1.280,11.965 L14.720,11.965 C15.399,11.993 15.971,11.467 15.1000,10.791 C15.1000,10.787 15.1000,10.783 15.1000,10.779 L15.1000,3.309 L9.340,7.293 C8.923,7.495 8.463,7.590 7.1000,7.573 Z'/></svg>");}

@media (min-width:1201px) {
    .banner_contact div .banner-tel:hover:before {content: ''; position: absolute; left: 24px; top: 22px; width: 18px; height: 18px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='18px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M3.635,7.784 C5.076,10.630 7.408,12.928 10.221,14.369 L12.416,12.174 C12.690,11.900 13.102,11.831 13.445,11.933 C14.576,12.311 15.777,12.517 17.012,12.517 C17.560,12.517 18.006,12.963 18.006,13.511 L18.006,17.010 C18.006,17.559 17.560,18.005 17.012,18.005 C7.614,18.005 -0.000,10.390 -0.000,0.993 C-0.000,0.444 0.446,-0.002 0.994,-0.002 L4.493,-0.002 C5.042,-0.002 5.487,0.444 5.487,0.993 C5.487,2.228 5.693,3.428 6.070,4.559 C6.173,4.903 6.105,5.314 5.830,5.588 L3.635,7.784 Z'/></svg>");}
    .banner_contact div .banner-gsm:hover:before {content: ''; position: absolute; left: 24px; top: 20px; width: 14px; height: 25px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M1.1000,-0.000 L11.1000,-0.000 C13.105,-0.000 13.1000,0.895 13.1000,1.1000 L13.1000,22.1000 C13.1000,24.104 13.105,24.1000 11.1000,24.1000 L1.1000,24.1000 C0.895,24.1000 -0.000,24.104 -0.000,22.1000 L-0.000,1.1000 C-0.000,0.895 0.895,-0.000 1.1000,-0.000 ZM1.1000,2.1000 L11.1000,2.1000 L11.1000,16.1000 L1.1000,16.1000 L1.1000,2.1000 ZM6.1000,19.1000 C7.552,19.1000 8.000,20.448 8.000,20.1000 C8.000,21.552 7.552,21.1000 6.1000,21.1000 C6.448,21.1000 5.1000,21.552 5.1000,20.1000 C5.1000,20.448 6.448,19.1000 6.1000,19.1000 Z'/></svg>");}
    .banner_contact div .banner-mail:hover:before {content: ''; position: absolute; left: 24px; top: 23px; width: 16px; height: 12px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='12px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M14.720,0.012 L1.280,0.012 C0.601,-0.016 0.028,0.510 0.000,1.186 C0.000,1.190 0.000,1.194 -0.000,1.198 L-0.000,1.785 L7.370,6.108 C7.566,6.206 7.781,6.257 7.1000,6.258 C8.219,6.259 8.435,6.208 8.630,6.108 L15.1000,1.795 L15.1000,1.198 C15.978,0.522 15.411,-0.009 14.732,0.012 C14.728,0.012 14.724,0.012 14.720,0.012 ZM7.1000,7.573 C7.536,7.573 7.079,7.461 6.670,7.244 L-0.000,3.309 L-0.000,10.779 C0.021,11.456 0.589,11.987 1.268,11.965 C1.272,11.965 1.276,11.965 1.280,11.965 L14.720,11.965 C15.399,11.993 15.971,11.467 15.1000,10.791 C15.1000,10.787 15.1000,10.783 15.1000,10.779 L15.1000,3.309 L9.340,7.293 C8.923,7.495 8.463,7.590 7.1000,7.573 Z'/></svg>");}
}



@media (max-width:1200px) {
    .banner              { grid-gap: 0 30px; grid-template-columns:55% auto; min-height: 500px;}
    .banner_contact span { display: none;}
}

@media (max-width:1000px) {
    .banner              { grid-gap: 0 0; grid-template-columns:1fr; min-height: inherit; margin-top: 250px; align-items: start;}
    .banner .photo       { display: none;}
}

/***** bloc services *****/
.grid-services                { display: grid; grid-template-columns:repeat(3,1fr); align-items: center; position: relative; grid-gap: 0 30px; margin:100px auto;}
.grid-services .item          { background: #ffffff; border-radius: 10px; height: 250px; font-size: 14px; line-height: 24px; text-align: center; display: flex;}
.grid-services .item div      { margin: auto;}
.grid-services .item img      { display:initial;}

@media (max-width:1000px) {
    .grid-services                 { grid-gap: 0 10px; margin:80px auto;}
}

@media (max-width:800px) {
    .grid-services                 { margin:60px 7.5vw; grid-template-columns:1fr; grid-gap: 0 0; background: #ffffff; border-radius: 10px;}
    .grid-services .item           { background: transparent; height: 155px; font-size: 12px; line-height: 22px;}
    .grid-services .item img       { width: 60px; height: auto;}
}

/***** grid lien *****/
.grid-link                    { display: grid; grid-template-columns:repeat(3,1fr); align-items: center; position: relative; grid-gap: 0 30px; margin:100px auto; text-align: center;}

@media (max-width:1000px) {
    .grid-link                 { grid-gap: 0 10px; margin:80px auto;}
}

@media (max-width:800px) {
    .grid-link                 { margin:60px 7.5vw; grid-template-columns:1fr; grid-gap: 20px 0;}
}

@media (max-width:600px) {
    .grid-link                 { grid-gap: 10px 0;}
    .grid-link a               { font-size: 12px;}
}

/***** bloc text *****/
.bloc_texte                   { margin: 80px 0;}
.bloc_texte p                 { margin-bottom: 20px;}
.bloc_texte :last-child       { margin-bottom: 0;}

ol     { margin-left: 20px;}
ol li  { padding-left: 20px;}

@media (max-width:1000px) {
   .bloc_texte                { margin: 60px 0;} 
}

/***** bloc info *****/
.bloc-info { width: 100%; border-radius: 10px; color: #ffffff; text-align: center; background: #ef9824; font: 400 18px/30px "Poppins"; margin: 80px auto; padding: 40px;}

@media (max-width:1000px) {
   .bloc-info                { margin: 60px 0;} 
}

@media (max-width:600px) {
   .bloc-info                { font-size: 15px; line-height: 25px;} 
}

/***** Zone de livraison *****/
.zone-livraison               { margin: 100px auto; width: 100%; max-width: 800px; position: relative; }
.zone-livraison .round        { position: relative; display: block; width: 600px; height: 600px; border-radius: 360px; background: #ffffff; left: 50%; transform: translate(-50%, 0);}
.zone-livraison .sous_titre   { position: absolute; z-index: 3; top: 120px;}
.zone-livraison img           { max-width: 100%; height: auto; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.zone-livraison-mobile        { display: none;}

@media (max-width:600px) {
    .zone-livraison                       { margin:50px 0;}
    .zone-livraison-mobile                { display: block; background: #2f2e34; padding: 50px 0; color: #ffffff; position: relative;}
    .zone-livraison-mobile:before         { content: ''; position: absolute; top: 0; bottom: 0;  background: #2f2e34; left: -10vw; width: 150%; }
    .zone-livraison-mobile .sous_titre    { position: relative; top: inherit;}
    .zone-livraison-mobile ul             { columns: 2;  -webkit-columns: 2;  -moz-columns: 2;}
    .zone-livraison .round,
    .zone-livraison>.sous_titre,
    .zone-livraison img                   { display: none;}
}

/***** table plus *****/
.table_plus 						{ position: relative;} 
.table_plus .sous_titre 			{ margin-bottom: 20px;} 
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 30px 80px 40px; display: none;}

.titre_plus 						{ line-height: 26px; position: relative; color: #000; cursor: pointer; padding: 22px 80px 22px 30px; background: #ffffff; border-radius: 5px; font-weight: normal;}
.titre_plus:before					{ width: 20px; height: 20px; background: url("../images/plus.svg") 50% no-repeat #ffffff; border-radius: 50%; position: absolute; right: 20px; top: 50%; margin-top: -10px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before 			{ transform: rotate(45deg);}

@media (max-width:1000px) {
    .table_plus .hide 					{ padding: 40px 0;}
    .table_plus 	                    { margin: 40px 0 90px;}
}
@media (max-width:600px) {
    .table_plus .hide 					{ padding: 30px 0;}
    .titre_plus 						{ font-size: 12px; line-height: 22px; padding: 15px 55px 15px  20px;}
    .titre_plus:before					{ width: 24px; height: 24px; margin-top: -12px;}
}