*																												{margin:0; padding:0; font-size:18px;}
body																											{background:#FFF; color:#1D1D1B; font-family:Helvetica, Arial, Sans Serif;}
body a																											{color:#1D1D1B; text-decoration:none;}
body a:hover																									{text-decoration:none;}
body a:hover span																								{text-decoration:underline;}
body input, body textarea, body select																			{background:#e8eaea; width:calc(100% - 10px); font-size:20px; line-height:26px; color:#1D1D1B; border:0; border-bottom:2px solid #1D1D1B; font-weight:bold; padding:5px;}
body select																										{border-bottom:0;}
body input:focus, textarea:focus																				{border-bottom:2px solid #5CA747;}
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% - 10px); height:26px; padding:5px; background:#e8eaea; border:0; border-bottom:2px solid #1D1D1B; z-index:0;}
body .select .selecteur																							{position:absolute; top:8px; right:2px; width:20px; height:20px; font-size:24px; line-height:20px; text-align:center; color:#5CA747; font-weight:bold; 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:0; left:0; padding:5px; border-color:transparent; background:transparent;}
body input[type="checkbox"], body input[type="radio"]															{background:none; width:24px; height:24px; border:0; padding:0;}
body input[type="submit"]																						{width:100%; text-align:center; padding:4px 0; cursor:pointer; border:1px solid #5CA747; background:#5CA747; color:#FFF; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.clear																											{clear:both;}
.none																											{display:none;}
#loading																										{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#2C2C2C; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:98;}
body .chargement																								{position:fixed; top:calc(50% - 150px); left:calc(50% - 150px); width:300px; text-align:center; display:none; z-index:9999;}
body .chargement .loading-circle																				{display:inline-block; width:15px; height:15px; margin:0 6px; background-color:#5CA747; border-radius:50%; animation:loading_circle 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite; transform-origin:bottom center; position:relative;}
@keyframes loading_circle{
  0%	{transform:translateY(0px); background-color:#5CA747;}
  50%	{transform:translateY(50px); background-color:#3B5B52;}
  100%	{transform:translateY(0px); background-color:#5CA747;}
}
body .chargement .loading-circle-1																				{animation-delay:0.1s;}
body .chargement .loading-circle-2																				{animation-delay:0.2s;}
body .chargement .loading-circle-3																				{animation-delay:0.3s;}
body .chargement .loading-circle-4																				{animation-delay:0.4s;}
body .chargement .loading-circle-5																				{animation-delay:0.5s;}
body .chargement .loading-circle-6																				{animation-delay:0.6s;}
body .chargement .loading-circle-7																				{animation-delay:0.7s;}
body .chargement .loading-circle-8																				{animation-delay:0.8s;}
#chrome_websiteIP																								{display:none !important;}
label.fausse_checkbox, label.checkbox																			{width:24px; height:24px; border:1px solid #1D1D1B; position:absolute; top:0; left:0; margin:auto;}
label.fausse_checkbox input, label.checkbox input																{display:none;}
label.fausse_checkbox input:checked + .box:after, label.checkbox input:checked + .box:after						{top:0;}
label.fausse_checkbox .box, label.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:#e8eaea; position:relative; overflow:hidden; cursor:pointer;}
label.fausse_checkbox .box:after, label.checkbox .box:after														{width:100%; height:100%; content:''; position:absolute; background:#5CA747 !important; transition:all 1s; left:0; right:0; top:250%; bottom:5%; margin:auto;}

/* MENU */
header																											{position:fixed; top:0; left:0; width:calc(100% - 160px); margin:0 80px; padding:40px 0; border-bottom:1px solid #FFF; transition:padding-top .5s; z-index:50;}
header.header_actif																								{background:rgba(0,0,0,0.5); backdrop-filter:blur(20px); height:100vh; border-bottom:0;}
header a																										{color:#FFF;}
header .logo																									{position:absolute; top:40px; left:calc(50% - 90px); width:180px; height:57px; transition:top .5s;}
header .logo svg																								{width:100%;}
header .logo svg, header .logo svg rect, header .logo svg path, header .logo svg g path							{fill:#5CA747 !important;}
header .logo svg g path.black_or_white, header .logo svg g rect.black_or_white									{fill:#FFF !important;}
header .menu																									{}
header .menu nav																								{padding:15px 0 0; font-size:20px; line-height:27px;}
header .menu nav ul																								{list-style:none;}
header .menu nav ul li																							{position:relative; display:inline-block; margin-right:40px; padding-bottom:3px; border-bottom:2px solid transparent;}
header .menu nav ul li.actif																					{border-color:#5CA747;}
header .menu nav ul li a																						{font-size:20px; line-height:25px;}
header .menu nav ul li a svg.fleche																				{margin-left:5px;}
header .menu nav ul li a svg.fleche, header .menu nav ul li a svg.fleche,
header .menu nav ul li a svg.fleche, header .menu nav ul li a svg.fleche										{fill:#FFF !important;}
header .menu nav ul li .solutions																				{display:none; position:absolute; top:0; left:0; width:100%; padding-top:86px;}
header .menu nav ul li .solutions .bloc																			{position:absolute; top:86px; left:0; width:1160px; padding:20px; background:#E8EAEA; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
header .menu nav ul li .solutions .bloc .gauche																	{float:left; width:340px; margin-right:20px;}
header .menu nav ul li .solutions .bloc .gauche .categorie														{padding:20px 10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer;}
header .menu nav ul li .solutions .bloc .gauche .categorie .nom													{float:left; width:calc(100% - 40px); font-size:20px; line-height:20px;}
header .menu nav ul li .solutions .bloc .gauche .categorie .fleche												{float:right; width:20px; height:20px;}
header .menu nav ul li .solutions .bloc .gauche .categorie .fleche svg.ko										{display:block;}
header .menu nav ul li .solutions .bloc .gauche .categorie .fleche svg.ok										{display:none;}
header .menu nav ul li .solutions .bloc .gauche .categorie:not(.categorie_actif):hover .fleche svg.ko,
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .fleche svg.ko						{display:none;}
header .menu nav ul li .solutions .bloc .gauche .categorie:not(.categorie_actif):hover .fleche svg.ok,
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .fleche svg.ok						{display:block;}
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .nom									{color:#FFF;}
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .fleche svg,
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .fleche svg rect,
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .fleche svg path,
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .fleche svg g path					{fill:#FFF !important;}
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_5CA747.categorie_actif						{background:#5CA747;}
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_1D2E55.categorie_actif						{background:#1D2E55;}
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_B79E74.categorie_actif						{background:#B79E74;}
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_3B5B52.categorie_actif						{background:#3B5B52;}
header .menu nav ul li .solutions .bloc .gauche .categorie.categorie_293B36.categorie_actif						{background:#293B36;}
header .menu nav ul li .solutions .bloc .centre																	{float:left; width:340px; margin-right:20px;}
header .menu nav ul li .solutions .bloc .centre .categorie														{display:none;}
header .menu nav ul li .solutions .bloc .centre .categorie .precedent											{display:none;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution											{padding:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution .svg										{float:left; width:30px; height:30px; padding-top:5px;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution .nom										{float:left; width:calc(100% - 90px); font-size:20px; line-height:20px; padding:10px 0 10px 20px;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution a .nom										{color:#1D1D1B;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution.double .nom								{padding:0 0 0 20px;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution .fleche									{float:right; width:20px; height:20px; padding:10px 0;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution .fleche svg.ko								{display:block;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution:not(.solution_actif):hover .fleche svg.ko	{display:none;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution .fleche svg.ok								{display:none;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution:not(.solution_actif):hover .fleche svg.ok	{display:block;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .fleche svg.ko				{display:none;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .fleche svg.ok				{display:block;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .nom,
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif a .nom						{color:#FFF;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg rect,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg path,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg g path			{fill:#5CA747 !important;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg rect,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg path,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg g path			{fill:#1D2E55 !important;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg rect,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg path,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg g path			{fill:#B79E74 !important;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg rect,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg path,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg g path			{fill:#3B5B52 !important;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg rect,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg path,
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg g path			{fill:#293B36 !important;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .svg svg,
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .svg svg rect,
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .svg svg path,
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .svg svg g path				{fill:#FFF !important;}
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .fleche svg,
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .fleche svg rect,
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .fleche svg path,
header .menu nav ul li .solutions .bloc .centre .categorie .solution.solution_actif .fleche svg g path			{fill:#FFF !important;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_actif										{display:block;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution.solution_actif			{background:#5CA747;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution.solution_actif			{background:#1D2E55;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution.solution_actif			{background:#B79E74;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution.solution_actif			{background:#3B5B52;}
header .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution.solution_actif			{background:#293B36;}
header .menu nav ul li .solutions .bloc .droite																	{float:right; width:440px;}
header .menu nav ul li .solutions .bloc .droite .categorie														{display:none;}
header .menu nav ul li .solutions .bloc .droite .categorie .visuel												{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
header .menu nav ul li .solutions .bloc .droite .categorie .visuel img											{width:100%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
header .menu nav ul li .solutions .bloc .droite .categorie .solution											{display:none;}
header .menu nav ul li .solutions .bloc .droite .categorie .solution .titre										{text-align:justify; font-weight:bold; padding:0 0 10px;}
header .menu nav ul li .solutions .bloc .droite .categorie .solution .descriptif								{text-align:justify; padding:0 0 10px;}
header .menu nav ul li .solutions .bloc .droite .categorie .solution .lien										{padding:25px 0 15px; text-align:right;}
header .menu nav ul li .solutions .bloc .droite .categorie .solution .lien a									{padding:15px 40px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#FFF;}
header .menu nav ul li .solutions .bloc .droite .categorie.categorie_5CA747 .solution .lien a					{background:#5CA747;}
header .menu nav ul li .solutions .bloc .droite .categorie.categorie_1D2E55 .solution .lien a					{background:#1D2E55;}
header .menu nav ul li .solutions .bloc .droite .categorie.categorie_B79E74 .solution .lien a					{background:#B79E74;}
header .menu nav ul li .solutions .bloc .droite .categorie.categorie_3B5B52 .solution .lien a					{background:#3B5B52;}
header .menu nav ul li .solutions .bloc .droite .categorie.categorie_293B36 .solution .lien a					{background:#293B36;}
header .menu nav ul li .solutions .bloc .droite .categorie .solution.solution_actif								{display:block;}
header .menu nav ul li .solutions .bloc .droite .categorie.categorie_actif										{display:block;}
header .menu nav ul li .solutions.solutions_0 .centre,
header .menu nav ul li .solutions.solutions_0 .droite,
header .menu nav ul li .solutions.solutions_1 .droite															{display:none;}
header .menu nav ul li .solutions.solutions_0 .bloc																{width:340px;}
header .menu nav ul li .solutions.solutions_1 .bloc																{width:700px;}
header .menu nav ul li .solutions.solutions_0 .bloc .gauche,
header .menu nav ul li .solutions.solutions_1 .bloc .centre														{margin-right:0;}
header .menu nav ul li:hover .solutions																			{display:block;}
header.header_scroll																							{background:rgba(0,0,0,0.5); backdrop-filter:blur(20px); border-color:#1D1D1B; padding:0 80px 10px; margin:0;}
header.header_scroll .logo																						{top:10px; width:130px; height:38px; padding:0 25px;}
header.header_scroll .menu nav ul li .solutions .bloc															{top:51px;}
header.header_actif .menu																						{position:relative; width:100%; height:calc(100vh - 167px); overflow:auto; border-top:1px solid #5CA747; margin:97px auto 89px;}
header.header_actif .menu nav																					{margin:20px 40px;}
header.header_actif .menu nav ul li																				{display:block; position:initial !important; font-size:27px; line-height:27px; border-bottom:1px solid #5CA747; padding:20px 0; margin:0 auto; max-width:500px; position:relative;}
header.header_actif .menu nav ul li a																			{display:block; font-size:30px; line-height:40px; color:#FFF;}
header.header_actif .menu nav ul li a svg.fleche																{float:right; margin:10px 0 0; width:20px; height:20px;}
header.header_actif .menu nav ul li a svg.fleche, header.header_actif .menu nav ul li a svg.fleche,
header.header_actif .menu nav ul li a svg.fleche, header.header_actif .menu nav ul li a svg.fleche				{fill:#FFF !important;}
header.header_actif .menu nav ul li .solutions																	{position:initial; top:initial; left:initial; padding:0;}
header.header_actif .menu nav ul li .solutions .bloc															{position:initial; top:initial; left:initial; width:100%; padding:20px 0 0; margin:20px 0 0; background:none; border-top:1px solid #5CA747; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
header.header_actif .menu nav ul li .solutions .bloc .gauche													{width:100%; margin-right:0; color:#5CA747;}
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie .fleche svg,
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie .fleche svg rect,
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie .fleche svg path,
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie .fleche svg g path						{fill:#5CA747 !important;}
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie.categorie_5CA747.categorie_actif		{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie.categorie_1D2E55.categorie_actif		{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie.categorie_B79E74.categorie_actif		{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie.categorie_3B5B52.categorie_actif		{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie.categorie_293B36.categorie_actif		{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .gauche .categorie.categorie_actif .nom					{color:#5CA747; font-weight:bold;}
header.header_actif .menu nav ul li .solutions .bloc .centre													{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hauto; margin:0; background:#5CA747;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie											{margin:20px 40px;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .precedent								{display:block; margin:0 auto; max-width:500px;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .precedent a							{color:#FFF; font-size:18px; line-height:18px; font-weight:bold;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .solution								{font-size:30px; line-height:40px; color:#FFF; border-bottom:1px solid #FFF; padding:15px 0; margin:0 auto; max-width:500px; position:relative; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .solution a .nom						{color:#FFF;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .solution.double .nom					{padding:10px 0 10px 20px;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg rect,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution .svg svg g path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg rect,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution .svg svg g path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg rect,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution .svg svg g path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg rect,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution .svg svg g path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg rect,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution .svg svg g path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .solution svg,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .solution svg rect,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .solution svg path,
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie .solution svg g path					{fill:#FFF !important;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_5CA747 .solution.solution_actif	{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_1D2E55 .solution.solution_actif	{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_B79E74 .solution.solution_actif	{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_3B5B52 .solution.solution_actif	{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .centre .categorie.categorie_293B36 .solution.solution_actif	{background:none;}
header.header_actif .menu nav ul li .solutions .bloc .droite													{display:none !important;}
header .acces																									{position:absolute; top:55px; right:0; width:200px; height:37px; text-align:right;}
header .acces .acces_module																						{}
header .acces .acces_module.espace_client																		{float:right; width:37px; height:37px; margin-right:20px;}
header .acces .acces_module.espace_client span																	{display:none;}
header .acces .acces_module.espace_client svg, header .acces .acces_module.espace_client svg rect,
header .acces .acces_module.espace_client svg path, header .acces .acces_module.espace_client svg g path		{fill:#5CA747 !important;}
header .acces .acces_module.contact																				{float:right; height:37px;}
header .acces .acces_module.contact a																			{display:block; background:#5CA747; font-size:20px; line-height:27px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
header .acces .acces_module.contact a span																		{font-size:20px; line-height:27px;}
header .acces .acces_module.contact a:hover span																{text-decoration:none;}
header .acces .acces_module.contact a svg																		{vertical-align:middle; margin-right:5px;}
header .acces .acces_module.contact svg, header .acces .acces_module.contact svg rect,
header .acces .acces_module.contact svg path, header .acces .acces_module.contact svg g path					{fill:#FFF !important;}
header.header_scroll .acces																						{right:80px; top:10px;}
header.header_scroll .acces .acces_module.contact a																{color:#FFF;}
header .hamburger																								{display:none; position:absolute; top:28px; right:20px; width:60px; cursor:pointer;}
header .hamburger .pain, header .hamburger .steak																{width:100%; height:7px; background-color:#5CA747; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; transition:background .5s;}
header .hamburger .pain																							{width:75%; margin:auto; transition:margin .5s, background .5s;}
header .hamburger .steak																						{margin:10px 0;}
header .hamburger.actif .pain, header .hamburger.actif .steak													{background-color:#FFF;}
header .hamburger.actif .pain																					{margin-left:25%;}
@media all and (max-width: 1550px) {
	header																										{width:calc(100% - 40px); margin:0 20px;}
	header .menu nav ul li																						{margin-right:20px;}
	header.header_scroll																						{padding:0 20px 10px; margin:0;}
	header.header_scroll .acces																					{right:20px;}
}
@media all and (max-width: 1400px) {
	header																										{width:100%; margin:0;}
	header.header_scroll																						{padding:0 0 10px; margin:0;}
	header .menu nav ul li																						{margin-left:10px; margin-right:5px;}
	header .menu nav ul li .solutions .bloc																		{left:-120px;}
	header .acces, header.header_scroll .acces																	{right:10px;}
}
@media all and (max-width: 1250px) {
	header .menu nav																							{display:none;}
	header																										{height:97px; padding:0;}
	header.header_scroll																						{padding:0;}
	header .logo																								{top:20px; left:20px;}
	header .hamburger																							{display:block;}
	header.header_scroll .logo																					{width:180px; height:57px; padding:0; top:20px;}
	header .acces																								{height:41px; right:101px; top:28px;}
	header.header_scroll .acces																					{right:101px; top:28px;}
	header .acces .acces_module.contact, header .acces .acces_module.espace_client								{width:41px; height:41px;}
	header .acces .acces_module a																				{display:block; background:#5CA747; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	header .acces .acces_module a svg																			{width:31px; height:31px;}
	header .acces .acces_module a span																			{display:none;}
	header .acces .acces_module.contact a svg																	{margin:0 0 0 -4px;}
	header .acces .acces_module.espace_client a svg																{margin:-1px 0 -3px;}
	header .acces .acces_module.espace_client svg, header .acces .acces_module.espace_client svg rect,
	header .acces .acces_module.espace_client svg path, header .acces .acces_module.espace_client svg g path	{fill:#FFF !important;}
}
@media all and (max-width: 450px) {
	header																										{height:61px;}
	header .logo, header.header_scroll .logo																	{top:12px; left:10px; width:130px; height:38px;}
	header .hamburger																							{top:10px; right:10px;}
	header .acces, header.header_scroll .acces																	{right:81px; top:10px;}
	header .acces .acces_module.espace_client																	{margin-right:10px;}
}

/* SECTION PRINCPIALE */
section																											{background:#FFF; color:#1D1D1B;}
section .habillage																								{position:relative; background:#5CA747; width:100%; min-height:calc(100vh - 40px);}
section .habillage h1																							{position:absolute; left:80px; top:calc(50% - 100px); max-width:700px; color:#FFF; font-size:40px; line-height:50px;}
section h2																										{background:#5CA747; color:#FFF; text-align:center; font-size:40px; line-height:50px; padding:120px 80px;}
section .citation_bas																							{background:#5CA747; color:#FFF; font-weight:bold; font-size:40px; line-height:50px; padding:120px calc(50%) 120px 80px;}
section .conteneur																								{}
section .conteneur h2																							{padding:10px 40px; font-size:30px; margin:0 0 20px; text-align:left;}
section .conteneur p																							{padding:0 40px 20px; text-align:justify;}
section .conteneur p a																							{text-decoration:underline;}
section .conteneur ul																							{padding:0 40px 10px; margin-left:40px; text-align:justify;}
section .conteneur ul li																						{padding:0 0 10px;}
@media all and (min-width: 1921px) {
	section .habillage																							{background-size:cover !important;}
}
@media all and (max-width: 1400px) {
	section h2, section .citation_bas																			{padding:40px;}
	section .habillage h1																						{left:40px; width:calc(100% - 80px);}
}
@media all and (max-width: 1000px) {
	section h2, section .citation_bas																			{font-weight:normal; font-size:24px; line-height:34px; text-align:left;}
}

/* TEMOIGNAGES */
section .temoignages																							{padding:0 80px 80px;}
section .temoignages .temoignage																				{margin:80px 0 0; display:flex;}
section .temoignages .temoignage .visuel																		{float:left; width:700px; background:#e8eaea; padding:40px;}
section .temoignages .temoignage .visuel img																	{width:100%; height:auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
section .temoignages .temoignage .detail																		{float:right; width:calc(100% - 860px); padding:40px; background:#5CA747;}
section .temoignages .temoignage .detail h3																		{font-size:40px; line-height:50px; font-style:italic; font-weight:bold; color:#000; text-align:center; padding:0 0 20px;}
section .temoignages .temoignage .detail p																		{font-size:24px; line-height:32px; color:#FFF;}
section .temoignages .temoignage .detail hr																		{width:80px; margin:20px auto; border:3px solid #000;}
section .temoignages .temoignage .detail .temoin																{font-size:24px; line-height:32px; color:#000; text-align:center; font-weight:bold;}
section .temoignages .temoignage .detail .boutons																{text-align:right;}
section .temoignages .temoignage .detail .boutons a																{background:#FFF; color:#5CA747; margin:0;}
section .temoignages .temoignage1 .visuel																		{float:right;}
section .temoignages .temoignage1 .detail																		{float:left;}
@media all and (max-width: 1700px) {
	section .temoignages .temoignage .visuel																	{width:600px;}
	section .temoignages .temoignage .detail																	{width:calc(100% - 760px);}
	section .temoignages .temoignage .detail h3																	{font-size:30px; line-height:40px; padding:0 0 20px;}
	section .temoignages .temoignage .detail p, section .temoignages .temoignage .detail .temoin
	section .temoignages .temoignage .detail .boutons a 														{font-size:20px; line-height:26px;}
}
@media all and (max-width: 1600px) {
	section .temoignages .temoignage .visuel																	{width:500px;}
	section .temoignages .temoignage .detail																	{width:calc(100% - 660px);}
}
@media all and (max-width: 1400px) {
	section .temoignages																						{padding:0 40px 40px;}
	section .temoignages .temoignage																			{margin:40px 0 0; display:initial;}
	section .temoignages .temoignage .visuel																	{float:none; width:calc(100% - 40px); margin:0 auto; padding:20px; text-align:center;}
	section .temoignages .temoignage .visuel img																{max-width:400px;}
	section .temoignages .temoignage .detail																	{float:none; width:calc(100% - 40px); padding:20px;}
}
@media all and (max-width: 1000px) {
	section .temoignages																						{padding:0 20px 20px; margin:20px 0 0;}
	section .temoignages .temoignage																			{margin:0;}
}

/* EQUIPE */
section .equipe_global																							{background:linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)), url(/i-equipe.jpg) top center no-repeat; text-align:center;}
section .equipe_global a																						{display:block; color:#FFF; font-weight:bold; font-size:40px; line-height:50px; padding:400px 0;}
section .equipe_global a svg																					{margin:20px 0 0;}
section .equipe_global a svg, section .equipe_global a svg rect,
section .equipe_global a svg path, section .equipe_global a svg g path											{fill:#5CA747 !important;}
section .equipe_global a:hover svg, section .equipe_global a:hover svg rect,
section .equipe_global a:hover svg path, section .equipe_global a:hover svg g path								{fill:#FFF !important;}

/* SOLUTIONS */
section .solutions_detail																						{background:#e8eaea; padding:80px;}
section .solutions_detail h2																					{background:none; color:#000; padding:0 calc(50%) 50px 0; text-align:left; font-size:50px; line-height:60px; font-weight:bold;}
section .solutions_detail .navigation																			{padding:0 0 30px; border-bottom:2px solid #5CA747; overflow:auto; oveflow-y:none;}
section .solutions_detail .navigation .categories																{width:max-content;}
section .solutions_detail .navigation .categories .categorie													{float:left; margin:30px 30px 0 0;}
section .solutions_detail .navigation .categories .categorie a													{font-size:24px; line-height:24px; font-weight:bold; text-transform:uppercase;}
section .solutions_detail .navigation .categories .categorie.categorie_actif a									{border-bottom:5px solid #5CA747; padding:0 0 5px;}
section .solutions_detail .navigation .categories .categorie:not(.categorie_actif) a:hover						{border-bottom:5px solid #5CA747; padding:0 0 5px;}
section .solutions_detail .navigation .categories .categorie.categorie_5CA747 a,
section .solutions_detail .navigation .categories .categorie.categorie_5CA747 a:hover							{border-color:#5CA747;}
section .solutions_detail .navigation .categories .categorie.categorie_5CA747:not(.categorie_actif) a:hover		{color:#5CA747;}
section .solutions_detail .navigation .categories .categorie.categorie_1D2E55 a,
section .solutions_detail .navigation .categories .categorie.categorie_1D2E55 a:hover							{border-color:#1D2E55;}
section .solutions_detail .navigation .categories .categorie.categorie_1D2E55:not(.categorie_actif) a:hover		{color:#1D2E55;}
section .solutions_detail .navigation .categories .categorie.categorie_B79E74 a,
section .solutions_detail .navigation .categories .categorie.categorie_B79E74 a:hover							{border-color:#B79E74;}
section .solutions_detail .navigation .categories .categorie.categorie_B79E74:not(.categorie_actif) a:hover		{color:#B79E74;}
section .solutions_detail .navigation .categories .categorie.categorie_3B5B52 a,
section .solutions_detail .navigation .categories .categorie.categorie_3B5B52 a:hover							{border-color:#3B5B52;}
section .solutions_detail .navigation .categories .categorie.categorie_3B5B52:not(.categorie_actif) a:hover		{color:#3B5B52;}
section .solutions_detail .navigation .categories .categorie.categorie_293B36 a,
section .solutions_detail .navigation .categories .categorie.categorie_293B36 a:hover							{border-color:#293B36;}
section .solutions_detail .navigation .categories .categorie.categorie_293B36:not(.categorie_actif) a:hover		{color:#293B36;}
section .solutions_detail .contenu																				{padding:40px 0 0;}
section .solutions_detail .contenu .categorie																	{display:none;}
section .solutions_detail .contenu .categorie .detail															{float:left; width:calc(100% - 480px);}
section .solutions_detail .contenu .categorie .detail .titre													{font-size:40px; line-height:50px; font-weight:bold; padding:80px 0 0;}
section .solutions_detail .contenu .categorie .detail p															{font-size:24px; line-height:32px; padding:20px 0 40px;}
section .solutions_detail .contenu .categorie .detail .liens													{}
section .solutions_detail .contenu .categorie .detail .liens .lien												{float:left; margin:20px 20px 0 0;}
section .solutions_detail .contenu .categorie .detail .liens .lien a											{padding:15px 10px; color:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; display:block;}
section .solutions_detail .contenu .categorie .detail .liens .lien a svg										{vertical-align:middle; margin-right:5px;}
section .solutions_detail .contenu .categorie .detail .liens .lien a svg,
section .solutions_detail .contenu .categorie .detail .liens .lien a svg rect,
section .solutions_detail .contenu .categorie .detail .liens .lien a svg path,
section .solutions_detail .contenu .categorie .detail .liens .lien a svg g path									{fill:#FFF !important;}
section .solutions_detail .contenu .categorie.categorie_5CA747 .detail .liens a									{background:#5CA747;}
section .solutions_detail .contenu .categorie.categorie_1D2E55 .detail .liens a									{background:#1D2E55;}
section .solutions_detail .contenu .categorie.categorie_B79E74 .detail .liens a									{background:#B79E74;}
section .solutions_detail .contenu .categorie.categorie_3B5B52 .detail .liens a									{background:#3B5B52;}
section .solutions_detail .contenu .categorie.categorie_293B36 .detail .liens a									{background:#293B36;}
section .solutions_detail .contenu .categorie .visuel															{float:right; width:400px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
section .solutions_detail .contenu .categorie .visuel img														{-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
section .solutions_detail .contenu .categorie.categorie_actif													{display:block;}
@media all and (max-width: 1700px) {
	section .solutions_detail h2																				{font-size:40px; line-height:50px;}
	section .solutions_detail .contenu .categorie .detail .titre												{font-size:30px; line-height:40px;}
	section .solutions_detail .contenu .categorie .detail p														{font-size:20px; line-height:26px;}
}
@media all and (max-width: 1400px) {
	section .solutions_detail h2																				{padding:0 0 50px;}
	section .solutions_detail .navigation .categories .categorie a												{font-size:20px; line-height:20px;}
}
@media all and (max-width: 1200px) {
	section .solutions_detail .contenu .categorie .detail														{float:none; width:100%;}
	section .solutions_detail .contenu .categorie .detail .titre												{padding:20px 0 0;}
	section .solutions_detail .contenu .categorie .visuel														{display:none;}
}
@media all and (max-width: 1000px) {
	section .solutions_detail																					{padding:40px 20px;}
	section .solutions_detail h2																				{padding:0 0 20px;}
}

/* CLIENTS */
@keyframes defilement 																							{0% {transform:translate(2%,0);} 100% {transform:translate(-93%,0);} }
section .clients																								{background:url(/i-ad_blanc.png) top right no-repeat #5CA747; padding:80px 40px;}
section .clients h4																								{color:#000; padding:0 80px 80px; text-align:center; font-size:50px; line-height:50px; font-weight:bold;}
section .clients .conteneur_defilant																			{width:100%; height:120px; overflow:hidden;}
section .clients .conteneur_defilant ul.defilant																{list-style:none; animation:defilement 80s linear infinite;}
section .clients .conteneur_defilant ul.defilant li																{position:relative; display:inline-block; margin:0 20px; vertical-align:middle;}
section .clients .conteneur_defilant ul.defilant li.secteur														{width:240px; height:100px; background:#FFF; text-transform:uppercase; font-weight:bold; padding:10px;}
section .clients .conteneur_defilant ul.defilant li.secteur .detail												{width:240px; height:100px; display:flex; flex-direction:row; align-items:center; font-size:24px; line-height:30px;}
@media all and (max-width: 1700px) {
	section .clients h4																							{font-size:40px; line-height:40px;}
}
@media all and (max-width: 1000px) {
	section .clients																							{padding:40px 20px;}
}

/* EQUIPE D'EXPERTS */
section .expert																									{background:linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)), url(/i-equipe.jpg) top center no-repeat; padding:250px 0; text-align:center;}
section .expert h2																								{width:calc(100% - 160px); max-width:800px; margin:auto; background:none; color:#FFF; padding:0 80px;}
section .expert p																								{width:calc(100% - 160px); max-width:800px; margin:auto; color:#FFF; font-size:24px; line-height:32px; font-weight:bold; padding:50px 80px;}
section .expert .boutons																						{padding:30px 0 0;}
section .expert .boutons a																						{background:#5CA747; color:#FFF; font-weight:bold; margin:0 20px 0 0; font-size:24px; padding:10px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* CHIFFRES */
section .chiffres																								{background:#5CA747; padding:80px;}
section .chiffres.blanc																							{background:#FFF;}
section .chiffres .descriptif_chiffre																			{float:left; width:40%; color:#000;}
section .chiffres .descriptif_chiffre h4																		{font-size:50px; line-height:60px; padding:120px 0 20px;}
section .chiffres.chiffres_formation .descriptif_chiffre h4														{padding:20px 0 20px;}
section .chiffres .descriptif_chiffre p																			{font-size:20px; line-height:28px;}
section .chiffres.chiffres_formation:not(.blanc) .descriptif_chiffre h4,
section .chiffres.chiffres_formation:not(.blanc) .descriptif_chiffre p											{color:#e8eaea;}
section .chiffres .details																						{float:right; width:50%;}
section .chiffres .details .chiffre																				{float:left; width:calc(50% - 60px); min-height:300px; background:#e8eaea; padding:20px; margin:0 10px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; display:flex; flex-direction:column; justify-content:space-between;}
section .chiffres.chiffres_formation .details .chiffre															{min-height:200px;}
section .chiffres .details .chiffre:nth-child(n+3)																{margin-top:20px;}
section .chiffres .details .chiffre .nombre, section .chiffres .details .chiffre .nombre div,
section .chiffres .details .chiffre .nombre span																{font-size:40px; line-height:40px; font-weight:bold; color:#5CA747;}
section .chiffres .details .chiffre p																			{font-size:20px; line-height:24px; font-weight:bold;}
@media all and (max-width: 1600px) {
	section .chiffres .descriptif_chiffre																		{width:calc(35% - 80px);}
	section .chiffres .descriptif_chiffre h4, section .chiffres.chiffres_formation .descriptif_chiffre h4		{padding-top:0;}
	section .chiffres .details																					{width:65%;}
	section .chiffres.chiffres_formation .descriptif_chiffre													{float:none; width:100%; padding:0 0 80px;}
	section .chiffres.chiffres_formation .details																{float:none; width:100%;}
	section .chiffres.chiffres_formation .details .chiffre														{width:calc(((100% - 60px) / 4) - 40px); min-height:200px; margin:0 0 0 20px;}
	section .chiffres.chiffres_formation .details .chiffre:first-child											{margin-left:0;}
	section .chiffres.chiffres_formation .details .chiffre:nth-child(n+3)										{margin-top:0;}
}
@media all and (max-width: 1300px) {
	section .chiffres .descriptif_chiffre																		{float:none; width:100%; padding:0 0 80px;}
	section .chiffres .details																					{float:none; width:100%;}
	section .chiffres .details .chiffre																			{width:calc(((100% - 20px) / 2) - 40px); min-height:300px; margin:0 0 0 20px;}
	section .chiffres.chiffres_formation .details .chiffre														{min-height:200px;}
	section .chiffres .details .chiffre:nth-child(2n+1)															{margin-left:0;}
	section .chiffres .details .chiffre:nth-child(n+3)															{margin-top:20px;}
}
@media all and (max-width: 1000px) {
	section .chiffres																							{padding:40px 20px;}
	section .chiffres .descriptif_chiffre																		{padding:0 0 20px;}
	section .chiffres .details .chiffre																			{width:calc(100% - 40px); min-height:200px; margin:20px 0 0;}
	section .chiffres .details .chiffre .nombre																	{padding:0 0 10px;}
}

/* BOUTONS */
section .boutons																								{padding:20px 0 0;}
section .boutons a																								{background:#5CA747; color:#FFF; font-weight:bold; margin:0 20px 0 0; font-size:24px; padding:10px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* PLAYER VIDEO */
.player_video																									{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.95); z-index:9999; display:none;}
.player_video .conteneur_video																					{width:100%; max-width:1000px; margin:auto;}
.player_video .conteneur_video .video																			{position:relative; width:100%; height:0; padding:0 0 56.25%; text-align:center; overflow:inherit;}
.player_video .conteneur_video .video video																		{max-height:100vh;}
.player_video .fermer																							{position:absolute; right:10px; top:10px; width:80px; text-align:center;}
.player_video .fermer a																							{display:block; font-size:14px; line-height:14px; padding:10px 0; background:#5CA747; color:#FFF; text-transform:uppercase; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.player_video .fermer a:hover																					{background:#B79E74; text-decoration:none;}

/* FORMULAIRE CONTACT */
section p.contact, section p.cnil																				{width:calc(100% - 40px); padding:0 20px; max-width:1600px; font-size:18px; line-height:26px; font-weight:bold; margin:20px auto;}
section p.cnil																									{color:#666; font-size:16px; line-height:20px; font-weight:normal; margin:20px auto 80px; text-align:justify; max-width:1250px;}
section p.cnil a																								{color:#666; font-size:16px; line-height:20px; text-decoration:underline;}
section #confirmation, section #error																			{position:fixed; top:calc(50% - 60px); left:calc(50% - 222px); width:calc(100% - 44px); max-width:400px; font-size:30px; line-height:36px; padding:20px; cursor:pointer; border:2px solid #31B52E; color:#31B52E; background:#C2E1C1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; z-index:1000;}
section #error																									{border:2px solid #EC0000; color:#EC0000; background:#F9C4C4;}
section .formulaire																								{width:calc(100% - 40px); padding:80px 0 0; max-width:1250px; margin:auto;}
section .formulaire .colonne_gauche																				{float:left; width:calc(50% - 10px);}
section .formulaire .colonne_droite																				{float:right; width:calc(50% - 10px);}
section .formulaire .ligne																						{width:100%; padding:0 0 7px; font-size:18px; line-height:24px;}
section .formulaire .ligne .label																				{font-weight:bold;}
section .formulaire .ligne_submit																				{padding-bottom:0;}
section .formulaire .ligne_champ_demonstration .champ, section .formulaire .ligne_champ_rgpd .champ				{position:relative; padding-left:34px; padding-bottom:2px; font-weight:bold;}
section .formulaire .ligne_submit .g-recaptcha																	{float:left; width:304px;}
section .formulaire .ligne_submit input[type="submit"]															{float:right; width:calc(100% - 304px - 20px); padding:24px 0 23px; font-size:24px;}
section .formulaire .erreur_champ .label																		{color:#EC0000;}
section .formulaire .erreur_champ .champ label																	{color:#EC0000;}
section .formulaire .erreur_champ .champ label a																{color:#EC0000;}
section .formulaire .erreur_champ .champ input																	{border-color:#EC0000; color:#EC0000;}
section .formulaire p.red_is_dead																				{padding:40px 40px 40px !important; color:#EC0000; font-weight:bold; text-align:center;}
@media all and (max-width: 1100px) {
	section .formulaire .ligne .champ textarea																	{height:135px !important;}
	section .formulaire .ligne_submit .g-recaptcha																{float:right; margin:10px auto 0;}
	section .formulaire .ligne_submit input[type="submit"]														{float:none; width:100%; margin:10px 0 0;}
}
@media all and (max-width: 700px) {
	section .formulaire .colonne_gauche, section .formulaire .colonne_droite									{float:none; width:100%;}
	section .formulaire .ligne_submit .g-recaptcha																{float:none;}
}

/* FOOTER */
footer																											{background:#1D1D1B; color:#FFF; padding:40px 40px 20px;}
footer a																										{color:#FFF;}
footer .f_liens																									{float:left; width:calc((100% - 390px) / 2);}
footer .f_liens .f_lien																							{padding:0 0 10px;}
footer .f_liens .f_lien a																						{font-size:20px; line-height:20px;}
footer .f_logo																									{float:left; width:350px;}
footer .f_logo svg																								{width:100%;}
footer .f_logo svg, footer .f_logo svg rect, footer .f_logo svg path, footer .f_logo svg g path					{fill:#5CA747 !important;}
footer .f_logo svg g path.black_or_white, footer .f_logo svg g rect.black_or_white								{fill:#FFF !important;}
footer .f_droite																								{float:right; width:calc((100% - 390px) / 2); text-align:right;}
footer .f_droite svg, footer .f_droite svg rect, footer .f_droite svg path, footer .f_droite svg g path			{fill:#5CA747 !important;}
footer .f_droite .telephone																						{font-size:36px; line-height:36px; margin:0 0 20px;}
footer .f_droite .telephone a																					{font-size:36px; line-height:36px; color:#5CA747;}
footer .f_copyright																								{text-align:center; margin:20px 0 0; font-weight:200; font-size:14px; line-height:14px;}
footer .f_copyright a																							{font-weight:200; font-size:14px; line-height:14px; text-decoration:underline;}
@media all and (max-width: 1150px) {
	footer .f_liens																								{float:none; width:100%; text-align:center;}
	footer .f_liens .f_lien																						{display:inline-block; margin:auto; padding:0 20px 10px;}
	footer .f_logo																								{float:none; width:100%; max-width:350px; margin:70px auto 80px; display:none;}
	footer .f_droite																							{float:none; width:100%; text-align:center; margin:20px 0 0;}
	footer .f_droite svg																						{width:40px; height:40px;}
	footer .f_droite .telephone, footer .f_droite .telephone a													{font-size:30px; line-height:30px;}
	footer .f_copyright																							{margin:40px 0 0;}
}

/* RETOUR EN HAUT */
#scrollUp																										{display:none; position:fixed; bottom:23px; right:25px; width:40px; height:40px; background:#5CA747; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.5); box-shadow:0 0 20px 0 rgba(0,0,0,0.5); z-index:50;}
#scrollUp .fleche																								{padding:10px; border-radius:50%; cursor:pointer; padding:5px; width:30px; height:30px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#scrollUp .fleche:hover																							{background-color:rgba(0,0,0,0.08);}
#scrollUp .fleche svg, #scrollUp .fleche svg rect, #scrollUp .fleche svg path, #scrollUp .fleche svg g path		{fill:#FFF !important;}
@media all and (max-width: 599px) {
	#scrollUp																									{right:10px;}
}

/* ANIMATION DU TEXTE AU CHARGEMENT */
.animate-reveal		{opacity:0; -webkit-animation:reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; -moz-animation:reveal 1s ease-in 1 normal forwards; -o-animation:reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; animation:reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;}
.animate-first		{-webkit-animation-delay:0; -moz-animation-delay:0; -o-animation-delay:0; animation-delay:0;}
.animate-second		{-webkit-animation-delay:500ms; -moz-animation-delay:500ms; -o-animation-delay:500ms; animation-delay:500ms;}
.animate-third		{-webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s;}
@-webkit-keyframes reveal {
  0%	{ opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%);  }
  100%	{ opacity:1; -webkit-transform:translateY(0);  -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
}
@-moz-keyframes reveal {
  0%	{ opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%);}
  100%	{opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
}
@-o-keyframes reveal {
  0%	{ opacity:0;-webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); }
  100%	{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
}
@keyframes reveal {
  0%	{ opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); }
  100%	{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0);  -o-transform:translateY(0); transform:translateY(0); }
}

/* COOKIES */
.cmp_policy																										{position:fixed; bottom:0; left:0; width:calc(100% - 20px); padding:10px; border-top:2px solid #5CA747; background:rgba(44,44,44,0.85); color:#FFF; z-index:99;}
.cmp_policy .cmp_gauche, .cmp_policy .cmp_droite																{float:left; width:calc(50% - 20px); padding:0 10px;}
.cmp_policy .cmp_droite																							{float:right;}
.cmp_policy .cmp_titre, .cmp_policy .cmp_sous_titre																{color:#5CA747; font-size:20px; line-height:20px; padding:10px 0 5px;}
.cmp_policy .cmp_titre																							{text-align:center; font-size:24px; line-height:24px; text-transform:uppercase; padding:0;}
.cmp_policy .cmp_sous_titre svg																					{fill:#5CA747; vertical-align:bottom;}
.cmp_policy .cmp_texte																							{font-size:14px; line-height:18px; text-align:justify;}
.cmp_policy .cmp_texte a																						{text-decoration:underline; color:#FFF;}
.cmp_policy .cmp_texte.cmp_detail																				{padding:10px 10px 0;}
.cmp_policy .cmp_choix																							{text-align:right; text-transform:uppercase; padding:5px 0; font-size:16px; margin-top:-30px;}
.cmp_policy .cmp_choix a																						{background:#5CA747; color:#FFF; padding:5px 8px; margin:0 0 0 10px; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.cmp_policy .cmp_choix a:hover																					{text-decoration:none;}
.cmp_gestion																									{text-align:center;}
.cmp_gestion a																									{background:#5CA747; color:#FFF; font-weight:bold; padding:5px 10px; text-decoration:none; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;}
.cmp_gestion a svg																								{fill:#FFF; vertical-align:bottom;}
@media all and (max-width: 1400px) {
	.cmp_policy .cmp_choix																						{margin-top:5px;}
	.cmp_scroll																									{height:90px; overflow-y:auto;}
}
@media all and (max-width: 900px) {
	.cmp_policy .cmp_gauche, .cmp_policy .cmp_droite															{float:none; width:calc(100% - 20px);}
}
