@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@font-face {font-family:"ACID LABEL___";src:url("ttf/acid_label/ACIDL___.eot") format("eot"),url("ttf/acid_label/ACIDL___.woff") format("woff"),url("ttf/acid_label/ACIDL___.ttf") format("truetype"),url("ttf/acid_label/ACIDL___.svg#ACIDLABEL") format("svg");}


html 									{font-size:100%; font-family:'Lato'; background:#fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
body 									{font-weight:normal;  margin:0px; padding:0px; color:rgb(54, 54, 54); min-width:320px;}
canvas 									{width:0; height:0;}
a										{color:#33302b; text-decoration:none; outline:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; 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;}

.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;}
#topsite 								{position:absolute; top:0px; left:0px;}

.site_head								{display:block; width:100%; height:auto; min-height:180px; z-index:10;}
.site_head_conterner					{position:relative; width:calc(100% - 100px); height:180px; margin:0px auto 0px auto; display:block; padding:0px;}
.site_head .logo						{position:absolute; top:20px; left:85px; width:190px; height:135px; background:url("../img/fond/logo.png") center center no-repeat; background-size:cover; display:block; text-decoration:none; cursor:pointer; transition:all .2s ease-out; transform: rotate(-5deg);}
.site_head .site_slogan					{font-size:40px; color:#009fc3; position:absolute; top:55px; left:400px; transform: rotate(-3deg); font-family:"ACID LABEL___";}
.site_head .site_slogan .text 			{line-height:36px; user-select: none;}
.site_head .site_slogan .li1			{margin:0px;}					
.site_head .site_slogan .li2			{margin:0px; padding-left:119px;}
.site_head .menu-sup					{position:absolute; top:70px; right:10px;}
.site_head .menu-sup ul 				{list-style:none; padding:0;}
.site_head .menu-sup ul li 				{margin:0px 10px; float:left;}
.site_head .menu-sup ul li a 			{font-size:18px; color:#009fc3; font-weight:400; padding:5px 15px}
.site_head .menu-sup ul li a:hover 		{text-decoration: underline;}
.site_head .reassoc						{position:absolute; top:10px; right:35px; line-height:20px; z-index:99;}
.site_head .reassoc img 				{width:30px; height:30px;}

.site_head_menu_nav						{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_head_menu_nav .logo				{width: 105px; height: 75px; margin: 5px auto 20px auto; background: url("../img/fond/logo-2.png") center center no-repeat; background-size: auto; background-size: cover;}
.site_head_menu_nav .show-menu 			{position:fixed; top:75px; left:5px; cursor:pointer; transition:all .3s ease; width:32px; height:23px; display:block; background:url('../img/boutons/menu-phone.png'); background-position:center center; background-repeat:no-repeat; background-size:25px 23px;}
.site_head_menu_nav ul 					{list-style:none; padding:0; width:calc(100% - 20px); margin:50px auto 0px auto;}
.site_head_menu_nav li 					{position:relative; text-align:center; transition:all .3s ease; margin:3px auto;}
.site_head_menu_nav li a 				{background:#fff; color:#009fc3; width:calc(100% - 20px); line-height: 25px; padding:2px 10px; margin:5px auto; font-size:16px; text-align:center; display:block; transition:all .3s;}
.site_head_menu_nav li a:hover			{color:#fff; background:#009fc3;}
.site_head_menu_nav .reassoc						{margin:20px auto; line-height:20px; width:max-content; display:block;}
.site_head_menu_nav .reassoc img 					{width:30px; height:30px;}

.site_notif 										{position:fixed; top:10%; left:200%; width:320px; max-width:320px; height:auto; min-height:250px; padding:10px; color:#353535; border:solid 5px #d5d5d5; 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; border-radius:25px;}
.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%;}
.site_notif_special									{width:700px; max-width:700px; left:calc(50% - 350px) !important; display: block;}

.site_notif .infofiche h3 						{font-size:22px; color:#333; margin:0px auto 10px auto; padding:0px; width:100%; text-align:center; display:block;}
.site_notif .infofiche .num						{font-size:11px; color:#aaa; margin:0px auto 20px; width:100%; text-align:center; display:block}
.site_notif .infofiche .boxy 					{width:48%; display:block; height:auto; float:left; line-height:15px;}
.site_notif .infofiche .boxy .star 				{width:40px; height:40px;}
.site_notif .infofiche .boxy .info 				{width:100%; margin:15px auto; font-size:18px; color:#222;}
.site_notif .infofiche .boxy .valid 			{position:relative; padding:0px 0px 0px 30px; width:calc(100% - 30px); display:block; line-height:25px; font-size:16px; margin:2px 0px 5px; text-align:left;}
.site_notif .infofiche .boxy .valid:before		{content:""; position:absolute; background:url('../img/boutons/valid.png') center center no-repeat; background-size:20px;filter:invert(0.4); width:20px; height:22px; display:block; left:0px;}
.site_notif .infofiche .boxy .nvalid 			{position:relative; padding:0px 0px 0px 30px; width:calc(100% - 30px); display:block; line-height:25px; font-size:16px; margin:2px 0px 5px; text-align:left;}
.site_notif .infofiche .boxy .nvalid:before		{content:""; position:absolute; background:url('../img/boutons/novalid.png') center center no-repeat; background-size:20px;filter:invert(0.4); width:20px; height:25px; display:block; left:0px;}
.site_notif .infofiche .boxy .maker 			{position:relative; padding:0px 0px 0px 30px; width:calc(100% - 30px); display:block; line-height:25px; font-size:16px; margin:2px 0px 5px; text-align:left;}
.site_notif .infofiche .boxy .maker:before		{content:""; position:absolute; background:url('../img/boutons/maker.png') center center no-repeat; background-size:20px;filter:invert(0.4); width:20px; height:25px; display:block; left:0px;}
.site_notif .infofiche .boxy .infouser			{line-height:30px;}
.site_notif .infofiche .boxy .infouser .avartar {width:30px; border-radius:50%; margin-right:15px;}
.site_notif .infofiche .boxy a 					{width:250px; height:30px; line-height:30px; color:#fff; text-align:center; color:#fff; background:rgb(0, 153, 255); display:block; margin:10px auto 10px auto; border-radius:25px;}
.site_notif .infofiche .boxy .linkuser 			{background: none; border:none; color:rgb(0, 153, 255); text-decoration: underline; width: auto; margin:0px;}
.a2a_dd, .a2a_button_facebook, .a2a_button_twitter	{width:auto !important; line-height: initial !important; background:none !important; display: initial !important; margin:none !important;}
.a2a_kit											{width: max-content !important; margin:0px auto;}

.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; text-align:left; width:100%; max-width:100%; 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 .contener_body							{width:100%; margin:0px auto 0px auto; height:auto; color:#fff; font-size:15px; line-height:22px;  transform:translateX(100%); opacity:0; transition:all .3s ease;}
.site_body .contener_body_inview					{transform:translateX(0); opacity:1;}

.site_body .contener_body .searching 				{position:relative; background:#fff; color:#555; width:100%; padding:40px 0px; margin:10px 0px 200px;}
.site_body .contener_body .searching .result 		{width:100%; max-width:1024px; margin:0px auto; display:block;}
.site_body .contener_body .searching .result .boxresult			{position:relative; float:left; margin:15px; position:relative; width:300px; height:350px; min-height:100px; border-radius:12px; border:solid 2px #808080; font-size:13px; cursor:pointer; box-shadow:2px 5px 10px rgba(0,0,0,0.25);}
.site_body .contener_body .searching .result .def 				{background:#fffded;}
.site_body .contener_body .searching .result .def:before 		{position:absolute; top:7px; left:88px; width:20px; height:20px; background:url('../img/boutons/idea.png') center center no-repeat; background-size:cover; content:"";}
.site_body .contener_body .searching .result .boxresult	.titref	{width:calc(100% - 10px); padding:5px; min-height:60px; line-height: 30px;font-size: 13px; text-align:center; margin-bottom:10px; background:#e4f4f394; border-top-right-radius:13px; border-top-left-radius:13px;}
.site_body .contener_body .searching .result .boxresult .expdef	{font-size:15px; line-height:16px;}
.site_body .contener_body .searching .result .boxresult .mini 	{width:120px; max-height:205px;}
.site_body .contener_body .searching .result .boxresult .star	{width:15px; height:15px;}
.site_body .contener_body .searching .result .boxresult .voir 	{position:absolute; bottom:0px; left:10%; width:80%; height:30px; line-height:30px; color:#fff; text-align:center; color:#fff; background:rgb(0, 153, 255); display:block; margin:10px auto 10px auto; border-radius:25px;}
.site_body .contener_body .formsearch 							{width:100%; margin:10px auto 50px auto;} 
.site_body .contener_body .formsearch .contener				 	{width:100%; max-width:400px; margin:0px auto; display:block;}
.site_body .contener_body .formsearch .contener input			{color:#333; outline:none; background:#fff; font-size:14px; line-height:40px; padding:4px; margin-bottom:10px;  transition:all .2s ease-out;  cursor:pointer; float:left;}
.site_body .contener_body .formsearch .contener input[type="text"]	{border-top-left-radius:25px; border-bottom-left-radius:25px; width:calc(100% - 85px); padding:0px 10px; border-right:none; border-top:2px solid #009fc3; border-bottom:2px solid #009fc3; border-left:2px solid #009fc3;}
.site_body .contener_body .formsearch .contener input::placeholder 	{color:#888;}
.site_body .contener_body .formsearch .contener input:hover			{background-color:#fff; color:#000;}
.site_body .contener_body .formsearch .contener input[type="submit"] {cursor:pointer; color:#333; line-height:32px; background-color:#fff; background-image:url('../img/boutons/search_bottom.png'); background-position:center center; background-repeat:no-repeat; background-size:25px; border-top:solid 2px #009fc3; border-right:solid 2px #009fc3; border-bottom:solid 2px #009fc3; border-left:none; width:50px; border-top-right-radius:25px; border-bottom-right-radius:25px;}

.site_foot											{width:100%; margin:-0px auto 0px auto; height:300px; display:block;}
.site_foot .contener								{position:relative; width:100%; max-width:1280px; height:300px; color:#aaa; margin:0px auto;}
.site_foot .contener .reassoc						{position:absolute; bottom:100px; right:40px; line-height:20px; z-index:99;}
.site_foot .contener .reassoc img 					{width:30px; height:30px;}
.site_foot .contener .infobank						{position:absolute; bottom:60px; right:40px; line-height:20px; z-index:99;}
.site_foot .contener .overlay 						{position:absolute; right:0; bottom:0px; display:block; width:calc(100% - 80px); height:280px; padding:0px 40px 0px 40px; color:#aaa; font-size:11px;}
.site_foot .contener .overlay a						{color:#444;}
.site_foot .contener .overlay .row1					{width:100%; padding-top:6px; text-align:center; padding-top:25px; height:50px; display:block;}
.site_foot .contener .overlay .row1 a				{position:relative; color:#999; text-decoration:none; font-size:16px; padding:4px 12px;  margin-right:15px;}
.site_foot .contener .overlay .row2					{text-align:left; padding-top:20px; max-width:calc(100% - 400px); 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:#999; text-decoration:none; text-align:left; font-size:16px; line-height:24px; margin:0px;}
.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 .bot 					{text-align:center; color:#666; width:100%; font-size:12px; font-size:12px; margin:12px auto 0px auto; line-height:14px;}
.site_foot .contener .overlay .bot a				{color:#999; font-size:9px;}

.bouton_top								{position:fixed; bottom:30px; left:30px; opacity:0; width:45px; height:45px; background:#036187; 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:#5778F3; 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:100%;  background:#fff; bottom:0px; 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; background:url('../img/illustration/coockie_polotik_buro.png') no-repeat center center;}
.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 button 		{border:solid 2px #009fc3; color:#fff; outline:none; background:#009fc3; font-size:12px; line-height:30px; padding:5px 15px; margin:20px auto 25px auto; width:250px; transition:all .2s ease-out;  cursor:pointer; box-shadow:0px 3px 10px -5px rgba(0,0,0,0.5);}
.site_overload .contener_rgpd .info_rgpd button:hover 	{border:solid 2px #00728b; background:#00728b; }

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

@media screen and (min-width:100px) and (max-width:639px)  {
	.site_head .reassoc				{right:10px;}
	.site_head_conterner			{width:100%;}
	.site_head .menu-sup			{display:none;}
	.site_head .site_slogan 		{display:none;}	
	.site_foot .contener .overlay .row2 {display:none;}		
}
@media screen and (min-width:640px) and (max-width:959px)  {
	.site_head .reassoc				{right:10px;}
	.site_head_conterner			{width:100%;}
	.site_head .menu-sup			{display:none;}
	.site_head .site_slogan 		{font-size:25px;}
	.site_head .site_slogan .text	{line-height:24px;}
	.site_head .site_slogan .li2	{padding-left:85px;}
	
}
@media screen and (min-width:960px) and (max-width:1200px)    {
	.site_head_conterner			{width:100%;}
	.site_head .menu-sup			{right:0px;}
	.site_head .menu-sup ul li a 	{font-size:15px; padding:5px;}
	.site_head .site_slogan 		{font-size:25px;}
	.site_head .site_slogan .text	{line-height:24px;}
	.site_head .site_slogan .li2	{padding-left:85px;}
}