*																						{margin:0px; padding:0px;}
body																					{background-color:#000; color:#FFF; font-family:Roboto Condensed, Arial, Sans Serif; -webkit-transition:background 0.5s linear; -moz-transition:background 0.5s linear; -ms-transition:background 0.5s linear; -o-transition:background 0.5s linear; transition:background 0.5s linear; background-size:cover !important; padding:0px;}
body footer																				{padding:10px 20px;}
body p																					{text-align:justify;}
body a																					{color:#222; text-decoration:none;}
body a:hover																			{text-decoration:underline;}
body img, body a img, body svg, body a svg												{border:0px; text-decoration:none; vertical-align:middle;}
body input, body textarea, body select													{width:calc(100% - 22px); padding:6px 10px; font-size:16px; font-weight:bold; color:#333; font-family:Roboto Condensed, Arial, Sans Serif; background:#FBFBFB; vertical-align:middle; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
body input:focus, select:focus, textarea:focus											{outline:none;}
body select																				{width:100%; padding-right:22px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
body .select																			{position:relative; width:calc(100% - 20px); height:26px; padding:2px 9px; background:#FBFBFB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
body .select .selecteur																	{position:absolute; top:5px; right:2px; width:20px; height:20px; font-size:24px; line-height:20px; text-align:center; color:var(--main-color); white-space:nowrap; -webkit-transform:rotate(90deg); -webkit-moz-transform:rotate(90deg); -moz-moz-transform:rotate(90deg); -ms-moz-transform:rotate(90deg); -o-moz-transform:rotate(90deg); moz-transform:rotate(90deg); transform:rotate(90deg);}
body .select select																		{position:absolute; top:0px; left:0px; border-color:transparent; background:transparent;}
body input[type="checkbox"], body input[type="radio"]									{width:20px; height:20px; background:none; border:0px; padding:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
body input[type="submit"], body input[type="button"]									{background:var(--main-color); color:var(--blanc); border:0px; cursor:pointer; -webkit-appearance:none;}
body #loading																			{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#333; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:99;}
body .chargement																		{position:fixed; top:calc(50% - 150px); left:calc(50% - 150px); width:300px; display:none; z-index:99;}
body .chargement .loader																{width:100%; stroke-linecap:round; z-index:99;}
body .chargement .loader circle															{fill:none; stroke-width:3.5; animation-name:chargementAnimation; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; transform-origin:170px 170px; will-change:transform; z-index:99;}
body .chargement .loader circle:nth-of-type(1)											{stroke-dasharray:550px; animation-delay:-0.15s; stroke:#5CA747;}
body .chargement .loader circle:nth-of-type(2)											{stroke-dasharray:500px; animation-delay:-0.3s; stroke:#333;}
body .chargement .loader circle:nth-of-type(3)											{stroke-dasharray:450px; animation-delay:-0.45s; stroke:#5CA747;}
body .chargement .loader circle:nth-of-type(4)											{stroke-dasharray:300px; animation-delay:-0.6s; stroke:#333;}
@keyframes chargementAnimation															{50% { transform:rotate(360deg); }}
#chrome_websiteIP																		{display:none !important;}
svg.picto_svg, svg.picto_svg rect, svg.picto_svg path, svg.picto_svg g path				{fill:#5CA747;}
svg.blanc, svg.blanc rect, svg.blanc path, svg.blanc g path								{fill:#FFF;}
body section																			{position:fixed; width:50%; max-width:800px; height:100%; min-height:100%; max-height:100%; margin:0px; background:rgba(0,0,0,0.8);}
body section #error																		{width:calc(100% - 40px); max-width:418px; margin:20px auto 0px; padding:10px; background:rgba(255,255,255,0.8); border:1px solid #EC0000; color:#EC0000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
body section .logo																		{width:calc(100% - 40px); max-width:540px; margin:12vh auto 20px;}
body section .logo svg																	{width:100%;}
body section .logo svg path.black_or_white,
body section .logo svg g path.black_or_white,
body section .logo svg g rect.black_or_white											{fill:#FFF !important;}
body section .message_information														{width:calc(100% - 80px); max-width:500px; margin:40px auto 0; padding:10px 20px; background:#5CA747; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
body section .message_information .image												{float:left; width:48px; height:48px;}
body section .message_information .detail												{float:right; width:calc(100% - 58px); font-size:20px; line-height:24px;}
body section .message_information .clear												{clear:both;}
body section .formulaire																{width:calc(100% - 40px); max-width:540px; margin:auto; padding:20px 0px;}
body section .formulaire h1, body section .formulaire h2								{color:#5CA747; font-size:24px; line-height:24px; padding:0px 0px 10px;}
body section .formulaire p																{padding:0px 0px 10px;}
body section .formulaire .ligne															{padding:5px 0px; border:0px;}
body section .formulaire .ligne:hover													{background:none;}
body section .formulaire .ligne .label													{display:none; color:#333;}
body section .formulaire .ligne .champ													{text-align:right; position:relative;}
body section .formulaire .ligne_champ_save_login .champ									{position:relative; width:calc(100% - 74px); margin:0px 0px 0px 44px; padding:0px 0px 0px 30px; text-align:left; color:#FFF;}
body section .formulaire .ligne .champ .bar												{width:calc(100% - 44px); height:2px; position:absolute; background-color:#5CA747; bottom:0px; right:0px; transform:scaleX(0.0); -webkit-transform:scaleX(0.0); -moz-transform:scaleX(0.0); -ms-transform:scaleX(0.0); -o-transform:scaleX(0.0);}
body section .formulaire .ligne .champ input											{width:calc(100% - 64px); margin-left:20px; padding:10px; color:#FFF; background:none; border:0px; border-bottom:1px solid #FFF; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
body section .formulaire .ligne .champ .view_mdp										{position:absolute; top:8px; right:-30px; width:24px; height:24px; text-align:center;}
body section .formulaire .ligne .champ .view_mdp svg									{cursor:pointer;}
body section .formulaire .ligne .champ .view_mdp svg.mdp_cache							{display:none;}
body section .formulaire .ligne .champ .view_mdp svg.mdp_voir							{padding-top:1px;}
body section .formulaire .ligne .champ input:focus ~ .bar,
body section .formulaire .ligne .champ input:valid ~ .bar								{transform:scaleX(1.0); -webkit-transform:scaleX(1.0); -moz-transform:scaleX(1.0); -ms-transform:scaleX(1.0); -o-transform:scaleX(1.0); transition:transform 0.5s; -webkit-transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -o-transition:transform 0.5s;}
body section .formulaire .ligne .champ input[type="submit"]								{position:relative; overflow: hidden; width:calc(100% - 44px); background:rgba(59,170,53,0.8); color:#FFF; border:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 0px;}
body section .formulaire .ligne .champ label.fausse_checkbox							{position:absolute; left:0px; top:0px; width:18px; height:18px; border:1px solid #FFF; margin:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
body section .formulaire .ligne .champ label.fausse_checkbox input						{display:none;}
body section .formulaire .ligne .champ label.fausse_checkbox input:checked + .box:after	{top:0;}
body section .formulaire .ligne .champ label.fausse_checkbox .box						{width:calc(100% - 4px); height:calc(100% - 4px); transition:all 1.1s cubic-bezier(0.19,1,0.22,1); border:2px solid transparent; background-color:#FFF; position:relative; overflow:hidden; cursor:pointer;}
body section .formulaire .ligne .champ label.fausse_checkbox .box:after					{width:50%; height:20%; content:''; position:absolute; border-left:3.5px solid; border-bottom:3.5px solid; border-color:#5CA747 !important; transform:rotate(-45deg) translate3d(0,0,0); transform-origin:center center; transition:all 1.1s cubic-bezier(0.19,1,0.22,1); left:0; right:0; top:200%; bottom:5%; margin:auto;}
body section .reinitialisation_mdp .ligne												{padding:15px 0px;}
body section .reinitialisation_mdp .ligne .label										{display:block; color:#FFF;}
body section .reinitialisation_mdp .ligne .champ,
body section .reinitialisation_mdp .ligne_submit .champ 								{width:100%;}
body section .reinitialisation_mdp .ligne .champ input,
body section .reinitialisation_mdp .ligne .champ input[type="submit"]					{width:calc(100% - 20px); margin:0px;}
body section .reinitialisation_mdp .ligne .champ input[type="submit"]					{width:100%;}
body section .reinitialisation_mdp .ligne_submit										{padding:5px 0px;}
body section .formulaire .ligne_oubli													{padding:0px; font-size:12px; line-height:12px;}
body section .formulaire .ligne_oubli a													{color:#FFF;}
body .copyright																			{position:fixed; bottom:0px; width:calc(50% - 20px); max-width:780px; margin:auto; padding:10px; text-align:right; font-weight:bold; color:#FFF;}
body .copyright a																		{text-decoration:underline; color:#FFF;}
@media all and (max-width: 1400px) {
	body section																		{width:100%;}
	body .copyright																		{width:calc(100% - 20px);}
}
@media all and (max-width: 800px) {
	body .copyright																		{text-align:center;}
	body section .formulaire .ligne .champ .view_mdp									{right:0px;}
}
@media all and (max-height: 450px) {
	body section .logo																	{max-width:240px; margin:40px auto 0px;}
	body section .formulaire															{padding:0px;}
}
@media all and (max-height: 350px) {
	body .copyright																		{display:none;}
}
body section .formulaire .ligne .champ input[type="submit"]								{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
body section .formulaire .ligne .champ input[type="submit"]:hover,
body section .formulaire .ligne .champ input[type="submit"]:focus						{background:#5CA747; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}