@font-face {
	font-family: 'UbuntuRegular';
	src: url('ttf/ubuntu/ubuntu-r-webfont.eot');
	src: url('ttf/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
	url('ttf/ubuntu/ubuntu-r-webfont.woff') format('woff'),
	url('ttf/ubuntu/ubuntu-r-webfont.ttf') format('truetype'),
	url('ttf/ubuntu/ubuntu-r-webfont.svg#UbuntuRegular') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'Caveat';
	src: url('ttf/Caveat-VariableFont_wght.ttf') format('truetype');
	font-weight: normal; font-style: normal;
}



@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');


:root{
	--background_gen : #fff;
	--background_head : #fff;
	--background_head2: #003643;
	--background_search : #fafdfd;
	--background_good : #47a91c;
	--background_devi: #e6340b;
	--calor_website : #252525;
	--color_theme : #e85d49; 
	--color_theme_h: #d94e3c;
	--color_theme_tr : #6a3a3a36;
	--color_slogan : #382204;

	--color_hview : #59d823;
	--color_ztitle : #e3e3e3;
	--max-width : 1700px;
}

html 									{font-size:100%; font-family: 'Roboto', sans-serif; background:var(--background_gen);}
body 									{font-weight:normal;  margin:0px; padding:0px; color:rgb(54, 54, 54); min-width:320px; overflow-x:hidden;}
canvas 									{width:0; height:0; margin:0; padding:0;}
a										{color:#33302b; text-decoration:none; outline:none; transition:all .2s ease-out;}
a:hover									{color:rgb(0, 0, 0); text-decoration:none;}
hr										{height:1px; min-height:1px; max-height:1px; border:0; margin:5px 0px 5px 0px; background:#333; border:none;}

.material-icons 						{font-size: unset !important;}

.move-scroll-15							{top:15px !important;}
.move-scroll-10							{top:10px !important;}
.move-scroll-05							{top:5px !important;}
.move-head-scroll 						{height:135px !important;}
.move-search-scroll						{width: calc(85% - 750px) !important;}
.move-compos-scroll						{right:280px !important;}
.move-logo-scroll 						{width:250px !important; height:50px !important; background-size: 250px 50px !important;;}

.site_general                       	{display:block; opacity:0; transition:all .8s; overflow:hidden;}
.site_background_fix					{position:fixed; top:0px; left:0px; width:100%; height:100%; display:block; transition:all .8s; overflow:hidden; background:var(--background_gen); z-index:1;}
#topsite 								{position:absolute; top:0px; left:0px;}

.site_head								{position:relative; display:block; width:100%; height:200px; z-index:13; background:var(--background_head); max-width: var(--max-width); margin: 0px auto 0 auto;}
.site_head_conterner					{position:relative; width:100%; height:200px; margin:0px auto 0px auto; display:block; padding:0px; transition:all .5s;}
.site_head .logo						{position:absolute; top:60px; left:50px; width:256px; height:90px; background:url("../img/fond/logo.png") center center no-repeat; background-size:256px 90px; display:block; text-decoration:none; cursor:pointer; transition:all .2s ease-out; z-index: 9;}
.site_head .site_slogan					{position: absolute; top: 145px; left: 100px; display: block; font-size: 12px; color: var(--color_slogan); text-align: left; z-index: 8;}
.site_head .site_info					{position: absolute; top:0px; left:0; width: calc(100% - 40px); height: 35px; line-height: 35px; font-size:13px; color:var(--color_ztitle); background:var(--background_head2); display:flex; flex-direction:row; justify-content:center; align-items:center; align-content:center; padding:0px 20px 0px 20px; z-index: 9; gap:15px;}
.site_head .site_info .upbar_phone		{display:flex; flex-direction:row; justify-content:center; align-items:center; align-content:center; color: var(--color_ztitle); text-decoration:none; width:max-content; text-align:center; margin: 0px auto;}
.site_head .site_info .horaire			{display:flex; flex-direction:row; justify-content:center; align-items:center; align-content:center; width:max-content; text-align:center; margin: 0px auto;}
.site_head .site_info .estab			{display:flex; flex-direction:row; justify-content:center; align-items:center; align-content:center; font-weight: bold;  width:max-content; text-align:center; margin: 0px auto;}

.site_head .menu_ico 					{display: block; margin: 0 auto 10px auto; position: absolute; top: calc(50% - 15px); left: 50%; transform: translateX(-50%);}
.site_head .menu_ico ul 				{list-style:none; display:flex; flex-direction: row; }
.site_head .menu_ico ul li 				{position: relative !important; margin:-5px 0px 0px 5px; line-height: 50px; }
.site_head .menu_ico ul li a 			{padding: 0 10px; margin-left:0px; font-size: 16px; text-transform: uppercase; color:var(--color_slogan) !important; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center;}
.site_head .menu_ico ul li:after 		{content:""; position: absolute !important; bottom:0px; left:0; right:0; margin:0px auto; width:0px; height:2px; background:var(--color_theme); transition: all 0.5s;}
.site_head .menu_ico ul li:hover:after  {width:100%;}
.site_head .menu_ico ul li i.material-icons 	{font-size: 25px; color: var(--color_slogan);}
.site_head .menu_ico ul li i.left				{margin-right: 7px !important;}
.site_head .menu_ico .menuselected		{color:var(--color_theme) !important;}

.site_head .menu-sup					{position:absolute; top:100px; right:10px; transition:all .1s ease-out;}
.site_head .menu-sup ul 				{list-style:none; padding:0; margin:0;}
.site_head .menu-sup ul li 				{margin:0px; float:left;}
.site_head .menu-sup ul li a 			{font-size:12px; color:#353535; text-align:center; width:auto; line-height:30px; height:30px; margin-right:5px; display: block;}
.site_head .menu-sup ul li a:hover 		{transform:scale(1.05);}
.site_head .menu-sup ul li .moncompte	{position: relative; margin: 0px 70px 0px 0px;}
.site_head .menu-sup ul li .moncompte:before {content: "person_outline"; font-family:Material Icons; color:var(--calor_website); position:absolute; top:0px; left:-35px; font-size:32px !important; width:30px; height:30px;}
.site_head .menu-sup ul li .monpanier	{position: relative;}
.site_head .menu-sup ul li .monpanier:before {content: "shopping_cart"; font-family:Material Icons; color:var(--calor_website); position:absolute; top:5px; left:-35px; font-size:32px !important; width:30px; height:30px;}
.site_head .menu-sup ul li .monpanier .cart_info {margin: -13px 0px 0px 0px;}



.site_head .menu-sup ul #ico_search  	{display:none;}

.site_head_menu_nav						{position:fixed; bottom:0px; left:-480px; width:480px; max-width:100%; height:100%; min-height:100%; background:#eee; transition:all .4s ease-in-out; z-index:15; border-right:1px solid #fff;}
.site_head_menu_nav .logo				{width: 70px; height: 70px; margin: 5px auto 20px auto; background: url("../img/fond/logo_small.png") center center no-repeat; background-size: auto; background-size: 70px 70px;}
.site_head_menu_nav .show-menu 			{position:fixed; top:95px; left:5px; cursor:pointer; transition:all .1s ease; width:33px; height:32px; display:block; background:url('../img/boutons/menu-phone.png'); background-position:center center; background-repeat:no-repeat; background-size:30px 30px;}
.site_head_menu_nav .show-menu:hover 	{transform:scale(1.05);}
.site_head_menu_nav ul 					{list-style:none; padding:0 20px; width:calc(100% - 60px); margin:40px auto 0px auto; border-top:solid 1px #5a6a3a38; border-bottom:solid 1px #5a6a3a38;}
.site_head_menu_nav li 					{position:relative; width: calc(100% - 20px); padding: 0 7.5px; line-height:20px; overflow:hidden; text-align:center; transition:all .3s ease; margin:3px auto; display: block; }
.site_head_menu_nav li:hover 			{background:var(--color_theme);}
.site_head_menu_nav li:hover a			{color:#fff;}
.site_head_menu_nav li:hover a:after	{color:#fff;}
.site_head_menu_nav li a 				{position:relative; color:#222; margin:5px auto; font-size:15px; text-align:left; display:block; z-index: 5; transition:all .3s; text-transform: capitalize;}
.site_head_menu_nav li a:after 			{content:"▶"; font-size:12px; color:var(--color_theme); position: absolute; top:0px; right:10px; }

.site_head .zone_icomenu 							{Position:absolute; top:70px; left:675px; width:auto; height:45px; display: flex;}
.site_head .zone_icomenu .linkbase 					{width:30px; height:30px; display: inline-block; cursor:pointer; border:none; background-position:center center; background-size:30px 30px; background-repeat:no-repeat; margin-right:25px;;}
.site_head .zone_icomenu .linkbase:hover			{transform:scale(1.05);}
.site_head .zone_icomenu .home 						{background-image:url('../img/boutons/home.png');}
.site_head .zone_icomenu .about						{background-image:url('../img/boutons/about.png');}
.site_head .zone_icomenu .blog 						{background-image:url('../img/boutons/blog.png');}
.site_head .zone_icomenu .share						{background-image:url('../img/boutons/share.png');}
.site_head .zone_icomenu .mail 						{background-image:url('../img/boutons/mail.png');}

.site_head .zone_categ_mobile						{display:none;}

.site_head .zone_categ								{position:absolute; bottom:15px; left:0px; width:100%; height:50px; display:flex;  box-shadow:0px 3px 5px rgba(0,0,0,0.2);}
.site_head .zone_categ .contener 					{position:relative; width:calc(100% - 240px); height:50px; background:var(--color_theme); display: block;}

.site_login 										{position:fixed; bottom:0px; left:-300px; width:249px; height:100%; min-height:100%; background:linear-gradient(to bottom, rgba(30,87,153,0.75) 0%,rgba(247,255,252,0.75) 0%,rgba(247,247,247,0.95) 5%,rgba(255,255,255,0.65) 100%); transition:all .3s ease; z-index:15; border-right:1px solid #fff;}
.site_login .show-login								{position:absolute; top:52px; left:10px; cursor:pointer; transition:all .3s ease; width:30px; height:30px; display:block; background:none; background-position:center center; background-repeat:no-repeat;  background-size:30px 30px;}
.site_login .contener								{width:calc(100% - 20px); height:calc(100% - 20px); padding:10px; color:#ddd; text-align: center;}
.site_login .contener .logo							{width: 70px; height: 70px; margin: 5px auto 20px auto; background: url("../img/fond/logo_small.png") center center no-repeat; background-size: 70px 70px;}
.site_login .contener .title						{width:100%; margin:20px auto; font-size:15px; color:#6d6d6d; text-align:center;}
.site_login .contener .show_infos					{line-height:20px; font-size:14px; width:100%;}
.site_login .contener .show_infos .sub_title		{width:100%; margin:20px auto; font-size:20px; color:#666; text-align:center;}
.site_login .contener .show_infos .avatar			{position:relative; width:100px; height:100px; display:block; margin:0px auto; border-radius:50%;}
.site_login .contener .show_infos .avatar img 		{width:100%; border-radius:50%;}
.site_login .contener .show_infos a					{cursor:pointer; color:#eee; background-color:var(--color_theme); border:solid 1px var(--color_theme); width:calc(100% - 30px); border-radius:25px; font-size:15px; margin: 0px auto 10px; line-height: 28px;}
.site_login .contener .show_infos a:hover 			{background:var(--color_theme); color:#fff;}
.site_login .contener .show_infos #LogOutZone		{width:25px; height:25px; background:url('../img/boutons/logout.png'); background-position:center center; background-size:cover;  opacity:0.5; display:block; margin:25px auto; cursor:pointer; }
.site_login .contener .show_infos #LogOutZone:hover	{opacity:1;}
.site_login .contener a 							{display:block;}
.site_login .contener input							{color: #333; outline: none; background: #fff; border: solid 1px #a4a4a4; font-size: 14px; line-height: 20px; padding: 4px 10px; margin: 5px auto; max-width: 300px; width: calc(100% - 50px); transition: all .2s ease-out; cursor: pointer;}
.site_login .contener input::placeholder 			{color:#888;}
.site_login .contener input:hover					{background-color:#fff; color:#000;}
.site_login .contener input[type="submit"]			{cursor:pointer; color:#333; background-color:var(--color_theme); background-image:url('../img/boutons/user.png'); background-position:center center; background-repeat:no-repeat; background-size: 9px 21px; border:solid 1px var(--color_theme); width:calc(100% - 30px);}
.site_login .contener input[type="submit"]:hover	{background-color:var(--color_theme);}
.site_login .contener #zone_ident_result 			{margin:15px auto 0px auto; text-align:center; width:100%; height:40px; display:block;}
.site_login .contener .signup 						{cursor:pointer; color:#eee; background-color:var(--color_theme); border:solid 1px var(--color_theme); width:calc(100% - 30px); font-size:15px; margin: 0px auto; line-height: 28px;}
.site_login .contener .signup:hover 				{background:var(--color_theme); color:#fff;}

.site_notif 										{position:fixed; top:100px; left:200%; width:320px; height:auto; min-height:250px; padding:30px; color:#353535; border:solid 1px #333; background:rgba(255,255,255,0.95); transition:all 1s ease; display:none; box-shadow:0px 20px 45px rgba(0,0,0,0.7); z-index:99;}
.site_notif .site_close_notif		 				{position:absolute; top:5px; right:10px; border-radius:50%; width:20px; height:20px; background:url('../img/boutons/close.png') no-repeat center center; background-size:cover; display:block; cursor:pointer; filter:invert();}
.site_notif .contener								{width:100%; height:100%; line-height: 23px; margin-top: 20px; position:relative;}
.site_notif_special									{width:100% !important; max-width:700px !important; left:calc(50% - 350px) !important; display: block; font-family: Arial, Helvetica, sans-serif;}
.site_notif .monpanier2								{background:url("../img/fond/monpanier.png") center top; background-repeat:no-repeat; position: relative; float: left; width: 25px; height: 25px; background-size: cover; margin-right: 20px;}
.site_notif .monpanier2 .cart_info 					{color:#fff; font-size:14px; position:absolute; top:25px; width:45px; text-align: center;}
.site_notif .bouton 								{background-color: var(--color_theme); color: #fff; font-size: 13px; line-height: 25px; padding: 5px 13px; border: none; cursor: pointer;}

.wmodal                                             {width:calc(80% - 30px); min-height:650px; overflow-x:hidden; display: block; position:fixed; top:100px; left:-80%; background:#fff; padding:30px 15px; z-index: 9999; transition:all .3s ease-out;}
.wmodal .wmodal_content                             {width:100%; height:100%; display: block; position:relative}
.wmodal .wmodal_content .caret 						{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(-90deg); }
.wmodal .wmodal_close                               {position:absolute; top:5px; right:10px; border-radius:50%; width:20px; height:20px; background:url('../img/boutons/close.png') no-repeat center center; background-size:cover; display:block; cursor:pointer; filter:invert();}

.overlay_blur 										{position:fixed; top:0px; left:0px; width:100%; height:100%; min-height:100%; z-index:14; display:block; background:rgba(0,0,0,0.6); display:none; opacity:0; transition:all .3s ease;}

.site_body 											{position:relative; box-sizing: border-box; text-align:left; width:100%; max-width:var(--max-width); margin: 0px auto 0 auto; height:100%; min-height:700px; font-size:15px; line-height:18px; text-decoration:none; opacity:0; transition:all .5s ease-in-out; z-index:10;} 
.site_body .contener								{position:relative; width:100%; height:auto; margin:0px auto 0px auto; display:block; padding:0px;}
.site_body .titrage 								{width:100%; text-align:center; margin:0px auto 00px auto; display:block;}
.site_body .titrage h1								{font-size:25px; line-height:80px; color:#252324; text-align:center; margin:0px auto 0px auto;}
.site_body .contener_body							{transform:translateX(200%); opacity:0; transition:all .8s ease;}
.site_body .contener_body_inview					{transform:translateX(0); opacity:1;}

.site_foot											{width:100%; margin:-0px auto 0px auto; height:auto; display:block; background:#0c1a23; position: relative; z-index: 2; max-width: var(--max-width); margin: 0px auto 0 auto;}
.site_foot .logo									{position: absolute; top: 30px; left: 50px; width: 100px; height: 30px; background: url("../img/fond/logo_small.png") center center no-repeat; background-size: auto; background-size: cover;}
.site_foot .contener								{position:relative; width:100%; max-width:850px; height:auto; min-height:235px; color:#eee; margin:0px auto;}
.site_foot .contener .overlay 						{display:block; width:100%; height:auto; min-height:235px; padding:0px; color:#444; font-size:13px; margin:0px auto;}
.site_foot .contener .overlay a						{color:#eee;}
.site_foot .contener .overlay .row1					{width:100%; padding-top:15px; text-align:center; min-height:15px; height:auto; display:flex;}
.site_foot .contener .overlay .row1 a				{position:relative; color:#eee; text-decoration:none; font-size:13px; padding:4px 12px;  margin-right:15px;}
.site_foot .contener .overlay .row1 a:hover 		{color:#fff;}
.site_foot .contener .overlay .row2					{text-align:left; padding-top:20px; max-width:calc(100% - 135px); margin:0px auto; display:flex; flex-direction:row; justify-content:space-evenly;}
.site_foot .contener .overlay .row2 .col 			{float:left; width:22%; margin-right:3%; text-align:center; position:relative; min-height:67.5px;}
.site_foot .contener .overlay .row2 .col a			{color:#eee; text-decoration:none; text-align:left; font-size:14px; line-height:24px;}
.site_foot .contener .overlay .row2 .col .minilink	{font-size:12px; line-height:18px; position:absolute; left:0; right:0; margin:0 auto; bottom:0; width:100%; text-align:center;}
.site_foot .contener .overlay .row2 .col a:hover 	{color:#fff;}
.site_foot .contener .overlay .reassoc				{position:absolute; bottom:5px; right:0px; line-height:20px; z-index:99;}
.site_foot .contener .overlay .reassoc img			{width:20px; height:20px;}
.site_foot .contener .overlay .bot 					{text-align:center; color:rgb(228, 228, 228); width:100%; margin:15px auto 0px auto; line-height:14px; font-size:11px;}
.site_foot .contener .overlay .bot a				{color:#fff; font-size:9px;}

.bouton_top								{position:fixed; bottom:30px; left:30px; opacity:0; width:45px; height:45px; background:var(--color_theme); color:#fff; line-height:45px; text-align:center; font-size:13px; border-radius:50%; z-index:999; -moz-border-radius:50%;-webkit-border-radius:50%; -webkit-tr-ansition:all 2s ease 0.8s; -moz-transition:all 2s ease 0.8s; -o-transition:all 2s ease 0.8s; transition:all 2s ease 0.8s;}
.waiting_operate						{display:block; margin:5px auto; border:4px solid rgba(0, 0, 0, 0.1); border-left-color:var(--color_theme); border-radius:50%; width:30px; height:30px; animation:donut-spin 1.2s linear infinite;}
@keyframes donut-spin {
    0% 		{transform:rotate(0deg);}
    100% 	{transform:rotate(360deg);}
}

.site_overload											{background:rgba(33,41,52,.85)!important; bottom:0!important; left:0!important; overflow:scroll; position:fixed!important; right:0!important; top:0!important; z-index:2147483647!important;}
.site_overload .contener_rgpd							{width: 360px; background: #fff; top: 100px; left: calc(50% - 180px); margin: 0px auto; position: fixed; display: flex; animation: move_rgpd 0.2s 0.5s forwards; transform: translate(0px,500px);}
.site_overload .contener_rgpd .info_rgpd				{display:flex; align-self:center; flex-direction:column; margin:auto; width:calc(100% - 60px); max-width:650px; padding:20px 0px;}
.site_overload .contener_rgpd .info_rgpd h2 			{color:#212934; font-size:34px; font-weight:600; line-height:38px; text-align:center;}
.site_overload .contener_rgpd .info_rgpd p 				{padding:35px 0; color:#141e23; font-size:14px; font-weight:100; line-height:20px;}
.site_overload .contener_rgpd .info_rgpd .major			{width:100%; font-weight:bold; color:red; text-align: center; font-size:18px; margin:0px auto 20px auto;}
.site_overload .contener_rgpd .info_rgpd button 		{border:none; color:#fff; outline:none; background:var(--color_theme); font-size:12px; line-height:30px; padding:5px 15px; margin:20px auto 25px auto; width:250px; transition:all .2s ease-out;  cursor:pointer;}


@keyframes move_rgpd           {to {transform:translate(0px,0px);}}

@media screen and (min-width:1201px) and (max-width:1366px) {
    .site_head .menu_ico ul li a                        {font-size:14px; letter-spacing:-0.8px; padding: 0 5px;}
    .site_head .menu_ico ul li i.left                   {margin-right: 2px !important;}
}
@media screen and (min-width:993px) and (max-width:1200px) {
    .site_head .menu_ico ul li a                        {font-size:14px; letter-spacing:-0.8px; padding: 0 5px;}
    .site_head .menu_ico ul li i                        {display: none;}
    .site_foot .logo                                    {top: 140px;}
}
@media screen and (min-width:769px) and (max-width:992px) {
    .site_head .menu_ico                                {display:none;}
    .site_head .site_info .horaire                      {display:none !important;}
    .site_foot .logo                                    {display: none !important;}
}
@media screen and (min-width:481px) and (max-width:768px) {
    .site_head .menu_ico                                {display:none;}
    .site_head .site_info .horaire                      {display:none !important;}
    .site_head .site_info .estab                        {display:none !important;}
    .site_head .menu-sup                                {top: 45px;}
    .site_head .logo                                    {top: 90px; left: calc(50% - 128px);}
    .site_head .site_slogan                             {top: 180px; left: calc(50% - 107px);}
    .site_foot .logo                                    {display: none !important; max-width: 100%;}
    .site_foot .contener .overlay .row1                 {flex-wrap: wrap; align-content: center; justify-content: center;}
    .site_foot .contener .overlay .row1 a               {font-size: 15px; padding: 8px 20px;}
    .site_foot .contener .overlay .row2                 {justify-content: space-between; max-width: 100%;}
    .site_foot .contener .overlay .row2 a               {font-size: 15px; padding: 8px 20px; line-height: 30px;}
    .site_foot .contener .overlay .row2 .col            {float: left; width: 33%; margin: 0;}
}
@media screen and (min-width:100px) and (max-width:480px) {
    .site_head .menu_ico                                {display:none;}
    .site_head .site_info .horaire                      {display:none !important;}
    .site_head .site_info .estab                        {display:none !important;}
    .site_head .menu-sup                                {top: 45px;}
    .site_head .logo                                    {top: 90px; left: calc(50% - 128px);}
    .site_head .site_slogan                             {top: 180px; left: calc(50% - 107px);}
    .site_foot .logo                                    {display: none !important; max-width: 100%;}
    .site_foot .contener .overlay .row1                 {flex-wrap: wrap; align-content: center; justify-content: center;}
    .site_foot .contener .overlay .row1 a               {font-size: 15px; padding: 8px 20px; }
    .site_foot .contener .overlay .row2                 {justify-content: space-between; max-width: 100%; flex-direction: column;}
    .site_foot .contener .overlay .row2 a               {font-size: 15px; padding: 8px 20px; line-height: 30px;}
    .site_foot .contener .overlay .row2 .col            {float: left; width: 100%; margin: 0; text-align: center;}
}