/* ------ PANIER ------ */



.CS_Pan { position: fixed; z-index: 100; top: 0; right: 0; /*float: right;*/ margin-top: 120px; padding: 10px; /*background: red;*/ text-align: right; }
.Pan_BtV:link, .Pan_BtV:visited {  }
.Pan_BtV:hover {  }
.Pan_Cont { display: none; position: absolute; z-index: 100; margin-top: 10px; right: 10px; min-width: 480px; background: #ffffff; border: solid 1px #ff6b35; color: #1e1000; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-align: left; padding: 10px; -moz-box-shadow: 3px 3px 3px #cfcfcf; -webkit-box-shadow: 3px 3px 3px #cfcfcf; box-shadow: 3px 3px 3px #cfcfcf; }
	.PanC_Art { padding: 2px 0; border-bottom: solid 1px #ffffff; }

	.PanC_Art { padding: 2px 0; border-bottom: solid 1px #cfcfcf; line-height: 26px; }
		.PanC_ArtITot { line-height: 26px; margin-right: 120px; width: auto; }
		.PanC_ArtITotT { margin-right: 120px; color: #3f3f3f; line-height: 26px; font-size: 10px; text-transform: uppercase; }
		.PanC_ArtIBt { float: right; width: 35px; text-align: right; }
		.PanC_ArtIBt2 { float: right; width: 24px; text-align: right; line-height: 10px; /*background: blue;*/ }
			.PanC_ArtIBt2 button { line-height: 0.9; font-size: 8px; padding: 0 5px; }
		.PanC_ArtIIn { float: right; width: 85px; text-align: right; }
		.PanC_ArtLeger { color: #757575; }
		.PanC_ArtFort { color: #b10000; }
		a.li_pan:link, a.li_pan:visited { /*color: #ffffff;*/ font-size: 11px; font-weight: 800; text-transform: uppercase; }
		a.li_pan:hover { /*color: #87888a;*/ }
	.PanC_ArtLog, .PanC_ArtTot { padding-bottom: 4px; }
	.PanC_ArtLog { /*border-bottom: solid 1px #cfcfcf;*/ background: #f8efec; color: #757575; font-size: 10px; /*font-weight: 600;*/ padding: 5px;  text-transform: uppercase; }
	.PanC_ArtLog b { font-size: 14px; }
	.PanC_ArtTot { text-align: right; }
/*.SpinFic { padding: 20px; height: 50px; background: #ffffff url('exolab/admin/gif/load2a.gif') no-repeat center center; }*/
.Cont_TheB {  }
.Spin_TheB { position: absolute; display: none; }



/* ------ BLOCS ------ */

/* ------ BLOCS ------ */


.Bou_Opt { border-bottom: solid 1px #cfcfcf; line-height: 16px; font-size: 10px; padding: 3px 0 2px 0; font-weight: 600; text-transform: uppercase; }

/* BOU - CAT */
.El_Tot { padding-bottom: 10px; }

.HMenuTot { /*height: 54px;*/ margin-top: 20px; }
.HMenuTotN { /*background: #000000;*/ }
.HMenuTot nav { /*margin: 0; padding: 0; height: auto;*/ /*height: 54px;*/ /*line-height: 54px;*/ }

.PagTot { /*padding: 0 15px;*/ }
.PagEle { font-size: 10px; font-weight: 600; line-height: 30px; text-transform : uppercase; /*font-weight: 700;*/ color: #909090; }
.PagEle b { color: #000000; }
.PE_Gau { float: left; margin-right: 10px; }
.PE_Dro { float: right; margin-left: 10px; }
	.PE_Dro a.dropdown-toggle { text-decoration: none; color: #909090; }
	.PE_Dro a.dropdown-toggle i { font-size: 13px; }
	.PE_Dro a.dropdown-toggle:hover { color: #ff6b35; }
	.PE_Dro ul.dropdown-menu {}
	.PE_Dro ul.dropdown-menu li {}
	.PE_Dro ul.dropdown-menu li a { font-size: 10px; text-transform : uppercase; text-decoration: none; color: #909090; }
	.PE_Dro ul.dropdown-menu li a.active { font-weight: 600; color: #000000; }
	.PE_Dro ul.dropdown-menu li a:hover { color: #ff6b35; /*text-decoration: underline;*/ }
.PE_DroFo { float: right; margin-left: 10px; height: 30px; padding: 2px 0; text-transform : initial; }
	.PE_DroFo .FBas { font-size: 11px; line-height: 1; height: auto; padding: 5px 5px; /*text-transform : uppercase;*/ border-color: #ffffff; color: #909090; }
.PE_DroFoB { float: right; margin-left: 5px; line-height: 28px; text-transform : initial; }

.PE_Pag { float: left; }
.PE_Pag nav, .El_Base nav { height: 30px; }
li.cbtp, li.cbtp a, li.infotxt, li.infotxt span { width: 30px; text-align: center; }

/*PAGI NEW STYLE*/

ul.pagination { margin: 0 0 0 0; height: 30px; }
ul.pagination li {  }
ul.pagination li.infotxtM span, ul.pagination li.infotxtM span:hover { margin: 0; padding: 0 5px 0 15px; background: none; font-size: 13px; line-height: 30px; border: solid 0 #19191a; text-transform : uppercase; font-weight: 700; color: #909090; }
ul.pagination li.infotxtMF span, ul.pagination li.infotxtMF span:hover { margin: 0; padding: 0 5px 0 15px; background: none; font-size: 13px; line-height: 30px; border: solid 0 #19191a; text-transform : uppercase; font-weight: 700; color: #909090; }

ul.pagination li.infotxt span.PE_Txt, ul.pagination li.infotxt span.PE_Txt:hover { padding: 0 10px 0 10px; background: none; border: solid 0 #19191a; line-height: 30px; color: #909090; }
ul.pagination li.active span.PE_Txt, ul.pagination li.active span.PE_Txt:hover { padding: 0 10px 0 10px; background: none; border: solid 0 #909090; line-height: 30px; font-size: 13px; color: #ff6b35; font-weight: 700; }
ul.pagination li.disabled span.PE_Txt, ul.pagination li.disabled span.PE_Txt:hover { padding: 0 10px 0 10px; background: none; border: solid 0 #19191a; line-height: 30px; }

ul.pagination li a {  padding: 0 10px 0 10px; border: solid 0 #909090; font-size: 13px; line-height: 30px; background: none; color: #909090; /*transition: all 500ms ease;*/ }
ul.pagination li a.HMenu, ul.pagination li a.HMenuS1, ul.pagination li a.HMenuS, ul.pagination li a.HMenuF { margin: 0 0 0 0; padding: 0 5px 0 15px; text-transform : uppercase; font-weight: 500; background: none; }
/*ul.pagination li a.HMenu { padding: 0 5px 0 35px; background: url('images/base/fleche21.png') no-repeat 5px center; }
ul.pagination li a.HMenuS { padding: 0 15px 0 15px; background: url('images/base/sepv2.png') no-repeat left center; }
ul.pagination li a.HMenuS1 { padding: 0 15px 0 15px; }
ul.pagination li a.HMenuA, ul.pagination li a.HMenuFA { color: #909090; }*/

ul.pagination li a:hover { /*-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;*/ border: solid 0 #eeeeee; background-color: #fff6f0; color: #ff6b35; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }




/* CAT P */
a.HLi_CatP:link, a.HLi_CatP:visited { display: block; min-height: 100px; height: 200px; color: #ffffff; font-weight: 500; padding: 0 0 0 0; margin: 0 0 10px 0; text-decoration: none; /*border: solid 1px #1b2a4a;*/ border-radius: 8px; background-color: #ffffff; /*background-image: linear-gradient(to top, rgba(27, 42, 74, 0.85) 0%, rgba(27, 42, 74, 0.2) 60%, transparent 100%);*/ box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; transition: all 400ms ease; overflow: hidden; }
a.HLi_CatP:hover { color: #ffa348/*#ff6b35*/; /*background-color: #efedff;*/ /*border: solid 1px #ff6b35;*/ box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }
.HLi_CatP span.HLi_Con { display: block; position: absolute; top: 0; bottom: 10px; left: 5px; right: 5px; text-align: left; background-image: linear-gradient(to top, rgba(27, 42, 74, 0.85) 0%, rgba(27, 42, 74, 0.2) 60%, transparent 100%); border-radius: 8px; }
.HLi_CatP span.HLi_ConI { display: block; position: absolute; bottom: 15px; left: 15px; right: 15px; text-align: left; }
	.HLi_CatP span.HLi_ConIT { display: block; font-size: 17px; font-weight: 700; line-height: 1em; font-family: "Barlow Condensed", Arial, sans-serif; text-transform: uppercase; }
	.HLi_CatP span.HLi_ConIA { display: block; font-size: 12px; font-weight: 400; color: #dddddd; }

/*.HLi_CatP span.HLi_Img { display: block; }
.HLi_CatP span.HLi_Img img { margin: 0 auto; object-fit: cover; transform: scale(1); transition: all 400ms ease; }
.HLi_CatP:hover span.HLi_Img img { transform: scale(1.08); }*/
.HLi_CatP span.HLi_ImgB { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 400ms ease; }
.HLi_CatP:hover span.HLi_ImgB { transform: scale(1.08); }

/* S CAT */
a.HLi_CatPI:link, a.HLi_CatPI:visited { height: 50px; min-height: 50px; color: #ffffff; }
.HLi_CatPI span.HLi_Con { background-image: linear-gradient(to top, rgba(27, 42, 74, 0.85) 0%, rgba(27, 42, 74, 0.4) 100%/*, transparent 100%*/); }
.HLi_CatPI span.HLi_ConI { top: 7px; bottom: 7px; left: 10px; right: 10px; text-align: left; overflow: hidden; }
	.HLi_CatPI span.HLi_ConIT { display: block; font-size: 16px; font-weight: 600; }
.HLi_CatPI span.HLi_ConIB { display: block; position: absolute; bottom: 7px; right: 10px; text-align: right; overflow: hidden; }
	.HLi_CatPI span.HLi_ConIA { display: block; font-size: 12px; font-weight: 400; color: #cccccc; }
.HLi_CatPI span.HLi_ImgB { display: block; width: 98%; height: 100%; background-repeat: no-repeat; background-position: right center; background-size: auto 100%; transition: all 400ms ease; }
.HLi_CatPI:hover span.HLi_ImgB { transform: scale(1.08); }

/* PROD */
a.HLi_Pro:link, a.HLi_Pro:visited { display: block; min-height: 200px; color: #000000; font-weight: 500; padding: 0 0 0 0; margin: 0 0 30px 0; text-decoration: none; border: solid 1px #efedff; border-radius: 8px; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; transition: all 400ms ease; overflow: hidden; }
a.HLi_Pro:hover { color: #ff6b35; background-color: #fff6f0; border: solid 1px #ff6b3550; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }
.HLi_Pro span.HLi_Con { display: block; text-align: left; /*border-radius: 8px;*/ }
/*.HLi_Pro span.HLi_ConI { display: block; position: absolute; bottom: 15px; left: 15px; right: 15px; text-align: left; }*/
	.HLi_Pro span.HLi_ConIT { display: block; height: 48px; margin: 15px 15px 5px 15px; font-size: 14px; font-weight: 500; line-height: 16px; overflow: hidden; }
	.HLi_Pro span.HLi_ConIP { display: block; margin: 0 15px 5px 15px; font-size: 19px; font-weight: 700; color: #000000; font-family: "Barlow Condensed", Arial, sans-serif; text-transform: uppercase; }
		.HLi_ConIPC { font-size: 70%; font-weight: 600; }
	.HLi_Pro span.HLi_ConIR { display: block; margin: 0 15px 15px 15px; font-size: 12px; font-weight: 500; height: 20px; /*background-color: #efedff;*/ }
		.HLi_Pro span.HLi_ConIR1 { display: block; float: left; width: 60%; color: #aaaaaa; }
		.HLi_Pro span.HLi_ConIR2 { display: block; float: right; width: 39%; text-align: right; }
			.HLi_ConIRS0 { color: red; }
			.HLi_ConIRS1 { color: green; }
	/*.HLi_Pro span.HLi_ConIA { display: block; font-size: 12px; font-weight: 400; color: #dddddd; }*/

.HLi_Pro span.HLi_ImgB { display: block; width: 100%; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 400ms ease; }
.HLi_Pro:hover span.HLi_ImgB { transform: scale(1.08); }

/* Page prod */

.H2_TitSI { color: #999999; }
.H2_TitSIN { color : #000000; }
.HLi_ImgP { /*border: solid 1px #dddddd;*/ /*box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;*/  }
.HLi_ImgP img.HLi_ImgPI { margin: 0 auto; object-fit: cover; transform: scale(1); transition: all 400ms ease; }

a.exobox:link, a.exobox:visited { display: block; margin: 0 auto; border: none; /*object-fit: cover;*/ transition: all 400ms ease; box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; overflow: hidden; }
a.exobox:hover {  }
a.exobox img { margin: 0 auto; object-fit: cover; transform: scale(1); width: 100%; transition: all 400ms ease; }
a.exobox:hover img { transform: scale(1.2); }
.HLi_ImgM { margin-top: 10px; }
.HLi_ImgM a.exobox.c1:link, .HLi_ImgM a.exobox.c1:visited { width: calc(50% - 5px); margin-right: 5px; float: left; }
.HLi_ImgM a.exobox.c2:link, .HLi_ImgM a.exobox.c2:visited { width: calc(50% - 5px); margin-left: 5px; float: left; }



.HN_Blo { margin: 0; padding: 1px 11px; margin-bottom: 30px; background: #000000; border: solid 1px #333333; border-radius: 8px; }
.HN_Ico { display: block; height: 32px; width: 32px; color: #ff6b35; background: rgba(255, 107, 53, 0.1); text-align: center; line-height: 32px; /*padding-top: 5px;*/ font-size: 24px; border-radius: 8px; margin: 10px 10px 10px 0; float: left; }
.HN_Tit { margin: 10px 0 10px 0; padding: 0; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 32px; line-height: 28px; font-weight: 700; text-transform: uppercase; color: #ff6b35; }
.HN_Txt { margin: 10px 0 10px 0; padding: 0; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 20px; line-height: 20px; font-weight: 600; /*text-transform: uppercase;*/ color: #ff6b35; }
.HN_BloB { margin-bottom: 10px; }
.HN_BloBt { margin-bottom: 30px; }

.HB_Blo { margin: 0; padding: 1px 11px; margin-bottom: 10px; background: #f5f5f5; border: solid 1px #e8e8e8; border-radius: 8px; }
.HB_Ico { display: block; height: 32px; width: 32px; color: #ff6b35; background: rgba(255, 107, 53, 0.1); text-align: center; line-height: 32px; /*padding-top: 5px;*/ font-size: 22px; border-radius: 8px; margin: 10px 10px 10px 0; float: left; }
.HB_Tit { margin: 10px 0 10px 0; padding: 0; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 20px; line-height: 28px; font-weight: 700; /*text-transform: uppercase;*/ color: #ff6b35; }
.HB_TitT { color: #999999; }

.El_Pro_Sto0 { color: #e01b24; }
.El_Pro_Sto1 { color: #26a269; }
.El_Pro_Txt { color: #999999; }
.El_Pro_TxtN { color: #222222; }