html {scroll-behavior:smooth;}
body {
	margin:0;
	background-color:#000037;
	font-family: 'acherus_grotesque_medium', Verdana, Tahoma, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#4C4C73;
}

/*! Generated by Fontspring (https://www.fontspring.com) on August 2, 2025 
* 
* Fully installable fonts can be purchased at https://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and 
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2025 Fontspring
*
*
*/

@font-face {
    font-family: 'acherus_grotesque_medium';
    src: url('acherusgrotesque-medium-webfont.eot');
    src: url('acherusgrotesque-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('acherusgrotesque-medium-webfont.woff2') format('woff2'),
         url('acherusgrotesque-medium-webfont.woff') format('woff'),
         url('acherusgrotesque-medium-webfont.ttf') format('truetype'),
         url('acherusgrotesque-medium-webfont.svg#acherus_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'acherus_grotesque_black';
    src: url('acherusgrotesque-black-webfont.eot');
    src: url('acherusgrotesque-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('acherusgrotesque-black-webfont.woff2') format('woff2'),
         url('acherusgrotesque-black-webfont.woff') format('woff'),
         url('acherusgrotesque-black-webfont.ttf') format('truetype'),
         url('acherusgrotesque-black-webfont.svg#acherus_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Fin credits fontes */

a {
	font-size:12px;
	line-height:18px;
	color:#fff;
	text-decoration:none;
	transition: color 1s;
}
a:link {
	font-size:12px;
	line-height:18px;
	color:#4C4C73;
}
a:hover {color:#fff;}
a:active {color:#4C4C73;}
a:visited {color:#4C4C73;}

*, *:before, *:after {
	box-sizing:border-box;
}

h1 {
	font-family: 'acherus_grotesque_black', Verdana, Tahoma, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:28px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff;
	-webkit-text-shadow: 2px 2px 3px #4C4C73;
	-moz-text-shadow: 2px 2px 3px #4C4C73;
	-ms-text-shadow: 2px 2px 3px #4C4C73;
	-o-text-shadow: 2px 2px 3px #4C4C73;
	text-shadow: 2px 2px 3px #4C4C73;
	margin-top:0;
	margin-bottom:24px;
}

h2 {
	max-width:680px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#BC0033;
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0.15), rgba(255,255,255,0.65), rgba(255,255,255,0.15));
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.15), rgba(255,255,255,0.65), rgba(255,255,255,0.15));
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0.15), rgba(255,255,255,0.65), rgba(255,255,255,0.15));
	background-image: linear-gradient(left, rgba(255,255,255,0.15), rgba(255,255,255,0.65), rgba(255,255,255,0.15));
	-webkit-text-shadow: 1px 1px 1px #fff;
	-moz-text-shadow: 1px 1px 1px #fff;
	-ms-text-shadow: 1px 1px 1px #fff;
	-o-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	border: 1px solid rgba(255,255,255,0.35);
	border-radius:4px;
	padding-top:5px;
	padding-bottom:7px;
	margin-bottom:24px;
}

h3 {
	font-family: 'acherus_grotesque_black', Verdana, Tahoma, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	color:#fff;
	-webkit-text-shadow: 2px 2px 3px #4C4C73;
	-moz-text-shadow: 2px 2px 3px #4C4C73;
	-ms-text-shadow: 2px 2px 3px #4C4C73;
	-o-text-shadow: 2px 2px 3px #4C4C73;
	text-shadow: 2px 2px 3px #4C4C73;
	margin-top:0;
	margin-bottom:14px;
}

blockquote {
	list-style:none;
	text-align:center;
	text-transform:uppercase;
	max-width:680px;
	margin-bottom:24px;
}

li {
	border: 1px solid rgba(255,255,255,0.3);
	border-width: 0 0 1px 0;
	padding: 0 0 8px 0;
	margin-bottom:8px;
}

img {
    max-width:100%;
    height:auto;
}

.menu_home {
	display:block;
	z-index:10;
	width:100%;
	text-align:center;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0));
	background-image: linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0));
}

.droopy {
	display:block;
	width:100%;
	cursor:pointer;
	padding: 8px 0 8px 0;
	transition: all 1s;
}

.droopy_content {
	display:none;
	position:absolute;
	z-index:5;
	width:100%;
  	text-align:center;
	background-color:#000037;
	border: 1px solid  rgba(255,255,255,0.35);
	border-width: 1px 0 0 0;
	padding: 4px 0 4px 0;
  	animation:droop;
  	animation-duration:1s;
	animation-timing-function:ease-in-out;
	transition: all 1s;
}

.droopy:hover .droopy_content {
	display:block;
}

.effload {
  	animation:droop;
  	animation-duration:2s;
	animation-timing-function:ease-in-out;
}

@keyframes droop {
  	0%   {opacity: 0%}
  	100% {opacity: 100%}
}

.menu_home a {
	display:inline-block;
	width:110px;
	font-size:11px;
	line-height:11px;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background-color:rgba(255,255,255,0.2);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.15));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.15));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.15));
	background-image: linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.15));
	border: 1px solid  rgba(255,255,255,0.25);
	border-radius:6px;
	padding: 4px 0 5px 0;
	margin: 4px 4px 8px 4px;
	transition: color 1.5s;
}

.menu_home a:hover {
	color:#BC0033;
	background-color:rgba(255,255,255,0.7);
}

.menu_home a:visited {
	color:#fff;
}

.dropdown {
	display:block;
	position:relative;
	text-align:center;
  	visibility:hidden;
}

.dropcontrol {
	width:100%;
	height:36px;
	cursor:pointer;
  	text-align:center;
	font-family: 'acherus_grotesque_black', Verdana, Tahoma, Arial, sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#fff;
	-webkit-text-shadow: 2px 2px 3px #4C4C73;
	-moz-text-shadow: 2px 2px 3px #4C4C73;
	-ms-text-shadow: 2px 2px 3px #4C4C73;
	-o-text-shadow: 2px 2px 3px #4C4C73;
	text-shadow: 2px 2px 3px #4C4C73;
	background-color:rgba(255,255,255,0.4);	
	background-image:url(../imgs/bg_bt_menu_home.png);
	background-position: right top;
	background-repeat:repeat-x;
	border: 1px solid rgba(255,255,255,0.2);
	border-width: 0 0 1px 0;
}

.dropcontrol a {
	color:#BC0033;
}

.dropcontrol a:visited {
	color:#BC0033;
}

.dropdown_content {
	display:none;
	position:absolute;
	z-index:2;
	width:100%;
	background-color:#000037;
  	text-align:center;
	border: 1px solid rgba(255,255,255,0.6);
	border-width: 0 0 2px 0;
	padding: 12px 12px 0 12px;
}

.dropdown_content a {
	display:block;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background-color: rgba(255,255,255,0.4);	
	background-image: url(../imgs/bg_bt_menu_home.png);
	background-position: right top;
	background-repeat: repeat-x;
	border: 1px solid  rgba(255,255,255,0.2);
	border-radius:4px;
	margin: 0 0 12px 0;
	padding: 6px 0 6px 0;
	transition: color 1.5s;
}

.dropdown_content a:hover {
	background-color: rgba(255,255,255,0.7);
	color:#BC0033;
}

.dropdown_content a:visited {
	color:#fff;
}

.dropdown:hover .dropdown_content {
	display:block;
}

.dropdown:hover .dropcontrol {
	background-color: rgba(255,255,255,0.5);
}

.menu_page {
	display:block;
	width:240px;
	font-size:10px;
	line-height:10px;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#4C4C73;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	background-image: linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	border: 1px solid  rgba(255,255,255,0.75);
	box-shadow: 3px 3px 4px #4C4C73;
	border-radius:6px;
	margin:4px;
	padding-top:4px;
	padding-bottom:5px;
	transition: all 1.5s;
}

.menu_page:hover {
	color:#fff;
	background-color:#4C4C73;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
	background-image: linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
}

.menu_services {
	display:block;
	font-size:11px;
	line-height:11px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	color:#4C4C73;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	background-image: linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.6));
	border: 1px solid  rgba(255,255,255,0.75);
	box-shadow: 3px 3px 4px #4C4C73;
	border-radius:6px;
	margin:4px;
	padding-top:4px;
	padding-bottom:5px;
	transition: all 1.5s;
}

.menu_services:hover {
	color:#fff;
	background-color:#4C4C73;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
	background-image: linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
}

.menu_portfolio_bloc {
	display:block;
	position:fixed;
	z-index:30;
	width:100%;
	background-color:#000037;
	border: 1px solid rgba(255,255,255,0.5);
	border-width: 0 0 1px 0;
}

.menu_portfolio {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
  	justify-content:space-around;
  	align-items:center;
	position:top;
	padding: 0.3rem 0.6rem 0.2rem 0.6rem;
}

.menu_portfolio a {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center;
  	justify-content:center;
  	text-transform:uppercase;
	font-size:10px;
	line-height:10px;
  	color:#fff;
	background-color: rgba(255,255,255,0.5);
	background-image: url(../imgs/bg_bt_menu_home.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius:4px;
  	padding: 0.35rem 0.35rem 0.45rem 0.35rem;
  	margin:0.2rem;
	transition: color 1s;
}

.menu_portfolio a:hover {
  	color: rgba(0,0,0,0.75);
	background-color: rgba(255,255,255,0.8);
}

.logo_home {
	display:flex;
	justify-content:center;
	align-items:flex-start;
  	width:100%;
  	min-height:70vh;
}

.logo {
	display:flex;
	justify-content:center;
	align-items:flex-start;
}

.txhome {
	color:rgba(255,255,255,0.4);
	text-transform:uppercase;
	letter-spacing:2px;
}

.txhome2 {
	color:#9933FF;
	text-transform:uppercase;
}

.txhome3 {
	color:#BC0033;
	text-transform:uppercase;
	font-weight:bold;
}

.sep {
	display:block;
	height:36px;
}

.news_home {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	background-image: -moz-radial-gradient(center, rgba(255,255,255,0.3), rgba(255,255,255,0));
	background-image: -webkit-radial-gradient(center, rgba(255,255,255,0.3), rgba(255,255,255,0));
	background-image: -ms-radial-gradient(center, rgba(255,255,255,0.3), rgba(255,255,255,0));
	background-image: radial-gradient(center, rgba(255,255,255,0.3), rgba(255,255,255,0));
	border-radius:50%;
	padding:6em;
	margin: 0 0 27px 0;
}

.titre_news {
	display:block;
	margin-bottom:20px;	
}

.pub_home {
	display:block;
	height:27px;
	text-align:center;
	font-size:10px;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:0.075em;
	margin-top: 12px;
}

.pub_home a {
	font-size:10px;
	font-weight:normal;
	line-height:14px;
}

.news_vid video {
	max-width:100%;
	height:auto;
	background-color: rgba(255,255,255,0.25);
	border: 1px solid rgba(255,255,255,0.5);
	border-radius:8px;
	padding:4px;
}

.bloc_img_news {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content:center;
	text-align:center;
}

.img_news {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content:center;
	text-align:center;
	background-color: rgba(255,255,255,0.25);
	border: 1px solid rgba(255,255,255,0.5);
	padding:4px;
	margin: 8px 4px 8px 4px;
	transition: all 1s;
}

.img_news:hover {
	filter:brightness(150%);
}

.menu_ico {
	display:inline-block;
  	position:relative;
	width:100%;
	cursor:pointer;
	text-align:center;
	margin-top:-44px;
	margin-bottom:5px;
}

.menu_ico_control {
	display:inline-block;
	text-align:center;
}

.menu_ico_control_img {
	display:inline-block;
	border-radius:4px;
}

.menu_ico_content {
	display:none;
  	position:absolute;
	z-index:30;
	width:100%;
	background-color:#000037;
	background-image: -moz-linear-gradient(top, #000037, #61567F);
	background-image: -webkit-linear-gradient(top, #000037, #61567F);
	background-image: -ms-linear-gradient(top, #000037, #61567F);
	background-image: linear-gradient(top, #000037, #61567F);
	border-radius: 0 0 32px 32px;
	padding: 5px 0 5px 0;
  	animation:droop;
  	animation-duration:1s;
	animation-timing-function:ease-in-out;
	transition: all 1s;
}

.menu_ico:hover .menu_ico_content {
	display:block;
}

.menu_ico a {
	display:inline-block;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.35);
	border-radius:6px;
	margin: 2px 2px 4px 2px;
	padding: 5px 5px 0 5px;
	transition: all 1s;
}

.menu_ico a:hover {
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #fff;
}

.img_ico {
	border-radius:6px;
	margin:0;
	padding:0;
	transition: all 1s;
}

.img_ico:hover {
	border-radius:50%;
}

.menu_ico_cd {
	text-align:center;
	margin-top:-30px;
	margin-bottom:10px;
}

.menu_ico_cd a {
	display:inline-block;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.35);
	border-radius:6px;
	margin: 2px 1px 2px 1px;
	padding: 6px 6px 0 6px;
	transition: all 1s;
}

.menu_ico_cd a:hover {
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #fff;
}

.img_ico_cd {
	border-radius:6px;
	margin:0;
	padding:0;
	transition: all 1s;
}

.img_ico_cd:hover {
	border-radius:50%;
}

.img_deco {
	display:inline-block;
	width:150px;
	height:auto;
	background-color: rgba(255,255,255,0.4);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:50%;
	padding:6px;
	margin: 16px 12px 24px 12px;
}

.img_promo_bloc {
	display:block;
	height:340px;
	justify-content:center;
	align-content:center;
}

.img_promo_bg {
	display:block;
	width:640px;
	height:300px;
	background-color: rgba(255,255,255,0.25);
	border: 1px solid rgba(255,255,255,0.75);
	border-radius:50%;
	padding:6px;
	position:relative;
  	animation:presta;
  	animation-duration:20s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes presta {
	0% {scale:0}
	15% {scale:1}
	85% {scale:1}
	100% {scale:1}
	0% {opacity:0%}
	15% {opacity:100%}
	90% {opacity:100%}
	100% {opacity:0%}
	0% {filter:saturate(100%);}
	50% {filter:saturate(100%);}
	75% {filter:saturate(200%);}	
	90% {filter:saturate(150%);}
	100% {filter:saturate(100%);}
}

.img_promo {
	display:inline-block;
	position:relative;
	top: -230px;
	z-index: +1;
	width:160px;
	height:auto;
	background-color: rgba(255,255,255,0.25);
	border: 1px solid rgba(255,255,255,0.8);
	border-radius:50%;
	padding:5px;
	position:relative;
  	animation:prestaico;
  	animation-duration:20s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes prestaico {
  0% {scale:3}
  15% {scale:1}
  85% {scale:1}
  100% {scale:0}
  0% {opacity:0%}
  15% {opacity:100%}
  90% {opacity:100%}
  100% {opacity:0%}
}

.img_promo_aside {
	display:inline-block;
	position:relative;
	top: -270px;
	z-index: +1;
	width:80px;
	height:auto;
	background-color: rgba(255,255,255,0.25);
	border: 1px solid rgba(255,255,255,0.8);
	border-radius:50%;
	padding:5px;
	margin: 0 15px 0 15px;
  	animation:prestaicoside;
	position:relative;
  	animation-duration:20s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes prestaicoside {
  0% {scale:0.5}
  15% {scale:1}
  85% {scale:1}
  100% {scale:0}
  0% {opacity:0%}
  20% {opacity:100%}
  90% {opacity:100%}
  100% {opacity:0%}
}

.content {
	display:block;
	min-height:98vh;
	text-align:center;
}

.content_demosvg {
	display:block;
	text-align:center;
}

.fullh {
	min-height:160vh;
}

.bloc {
	display:inline-block;
	width:920px;
	vertical-align:top;
	text-align:center;
	background-color: rgba(255,255,255,0.65);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	padding-top:36px;
	padding-bottom:20px;
}

.bloc_photo {
	display:inline-block;
	width:860px;
	vertical-align:top;
	text-align:center;
	background-color: rgba(255,255,255,0.65);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	padding-top:20px;
	padding-bottom:20px;
}

.bloc_ret {
	display:inline-block;
	width:98%;
	vertical-align:top;
	text-align:center;
	background-color: rgba(255,255,255,0.65);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	padding-top:36px;
	padding-bottom:20px;
}

.bloc_anim_svg {
	display:inline-block;
	max-width:920px;
	text-align:center;
	background-color: rgba(255,255,255,0.65);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	padding:20px;
}

.bloc_fs {
	display:flex;
	flex-direction:column;
	width:100%;
	height:auto;
}

.bloc_bro {
	display:inline-block;
	width:98%;
	vertical-align:top;
	text-align:center;
	background-color: rgba(255,255,255,0.65);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	padding: 0 10px 10px 10px;
}

.bloc_bro h1 {
	margin-top:36px;
	margin-bottom:36px;
}

.bloc_bro_home {
	display:flex;
  	justify-content:center;
  	align-content:center;
  	align-items:flex-start;
}

.bloc_bro_home_blocs {
	display:flex;
	flex-direction:column;
  	justify-content:flex-start;
  	align-content:center;
  	align-items:center;
  	max-width:400px;
  	margin: 0 10px 10px 10px;
}

.bloc_bro_home_blocs_f1 {
	max-width:350px;
}

.bloc_bro_home_blocs_f2 {
	max-width:700px;
}

.bloc_bro_sec {
	display:block;
	height:100vh;
	text-align:center;
	padding: 20px 0 0 0;
}

.bloc_bro_sec img {
	display:inline-block;
	max-height:84vh;
	width:auto;
	box-shadow: 3px 3px 4px #4C4C73;
	margin:0;
}

.bloc_robot {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	overflow:clip;
	width:600px;
	height:240px;
	border-radius:80px;
	margin-bottom:40px;
	transition: all 1s ease-in-out;
}

.bloc_robot:hover {
	filter:brightness(120%);
	border: 6px dotted rgba(255,255,255,0.65);
	border-radius:50%;
}

.anidemo {
	display:block;
	transition: all 2s ease-in-out;
}

.anidemo:hover {
	filter:blur(5px);
}

@keyframes jmlogourl {
	0% {opacity:0%;}
	100% {opacity:100%;}
	0% {transform: scale(2.5);}
	100% {transform: scale(1);}
	0% {filter:blur(50px);}
	100% {filter:blur(0px);}
}

@keyframes jmlogobg {
	0% {opacity:0%;}
	100% {opacity:100%;}
	0% {transform: scale(0.25);}
	100% {transform: scale(1);}
}

@keyframes jmlogomot {
	0% {rotate:0deg;}
	100% {rotate:360deg;}
	0% {transform: scale(0);}
	100% {transform: scale(1);}
	0% {opacity:0%;}
	100% {opacity:100%;}
}

@keyframes jmlogomotbg {
	0% {opacity:25%;}
	50% {opacity:100%;}
	100% {opacity:25%;}
}

@keyframes jmlogousi {
	0% {opacity:0%;}
	100% {opacity:100%;}
	0% {transform: scale(0.25);}
	100% {transform: scale(1);}
}

@keyframes jmlogousib {
	0% {opacity:0%;}
	75% {opacity:50%;}
	100% {opacity:0%;}
	0% {transform: scaleX(1);}
	75% {transform: scaleX(1);}
	100% {transform: scaleX(2);}
}

@keyframes metrolineh {
	0% {opacity:0%;}
	50% {opacity:100%;}
	100% {opacity:0%;}
	0% {transform: scale(0);}
	75% {transform: scale(0.75);}
	100% {transform: scale(0);}
	0% {translate: 0 300px;}
	100% {translate: 0;}
}

@keyframes metrolinem {
	0% {opacity:0%;}
	75% {opacity:100%;}
	100% {opacity:0%;}
	0% {transform: scaleY(0);}
	75% {transform: scaleY(1);}
	100% {transform: scaleY(0);}
}

@keyframes metrolineb {
	0% {opacity:0%;}
	75% {opacity:100%;}
	100% {opacity:0%;}
	0% {transform: scale(0);}
	75% {transform: scale(0.75);}
	100% {transform: scale(0);}
	0% {translate: 0 -300px;}
	100% {translate: 0;}
}

#JMLOGO_x5F_URL {
  	animation:jmlogourl;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:6s;
	animation-timing-function:ease-in-out;
}

#JMLOGO_x5F_DEG {
  	animation:jmlogobg;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:2s;
	animation-timing-function:ease-in-out;
}

#JMLOGO_x5F_MOTIF {
  	animation:jmlogomot;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:3s;
	animation-timing-function:ease-in-out;
}

#JMLOGO_x5F_MOTIFBG {
  	animation:jmlogomotbg;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:6s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#JMLOGO_x5F_USI {
  	animation:jmlogousi;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:4.5s;
	animation-timing-function:ease-in-out;
}

#JMLOGO_x5F_USI2 {
  	animation:jmlogousib;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:6s;
	animation-timing-function:ease-in-out;
}

#METROLINE_x5F_H {
  	animation:metrolineh;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:12s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#METROLINE_x5F_M {
  	animation:metrolinem;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:12s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#METROLINE_x5F_B {
  	animation:metrolineb;
	position:relative;
	transform-origin: 450px 280px;
  	animation-duration:12s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

.menu_navbro {
	display:block;
	position:sticky;
	top:110px;
	right:40px;
	z-index:20;
	max-width:200px;
	background-color: rgba(255,255,255,0.5);
	border: 2px solid rgba(255,255,255,0.7);
	box-shadow: 3px 3px 4px #4C4C73;
	border-radius:8px;
	padding:0.75em;
}

.menu_navbro_pg a {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
  	justify-content:center;
  	align-content:center;
  	align-items:center;
	width:50px;
	height:50px;
	background-color: rgba(255,255,255,0.45);
	border: 2px solid rgba(255,255,255,0.85);
	border-radius:50%;
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	letter-spacing:0.05em;
	padding:1em;
	margin: 0.25em 0.5em 1em 0.5em;
	transition: all 1s;
}

.menu_navbro_pg a:last-child {
	margin-bottom:0.25em;
}

.menu_navbro_pg a:hover {
	background-color: rgba(255,255,255,0);
	color:#BC0033;
}

.menu_navbro_pg a:visited {
	color:#4C4C73;
}

.menu_navbro_pg_var a {
	width:40px;
	height:40px;
}

.bloc_siteweb {
	display:inline-block;
	width:400px;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	box-shadow: 3px 3px 4px #4C4C73;
	padding: 0 10px 10px 10px;
	margin:15px;
	position:relative;
  	animation:webjobs;
  	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
}

@keyframes webjobs {
  0%   {scale: 0}
  100% {scale: 1}
  25%   {opacity: 25%}
  100% {opacity: 100%}
}

.bloc_siteweb_txt {
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
	background-color: rgba(255,255,255,0.65);
	border: 1px solid rgba(255,255,255,0.95);
	border-radius:6px;
	box-shadow: 3px 3px 4px #4C4C73;
	padding:4px;
	margin-top:12px;
}

.bg_pg_contact {
	background-image: url(../imgs/clavier.png);
	background-position: top right;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-left:20px;
	padding-right:20px;
}

.content_txt_01 {
	width:640px;
	text-align:center;
	color:#fff;
	margin-bottom:30px;
}

.content_txt_01 a:link {
	color:#fff;
	text-decoration:underline;
	text-decoration-color: rgba(255,255,255,0.45);
}

.content_txt_01 a:hover {
	color:#4C4C73;
}

.content_txt_confirm {
	display:block;
	text-align:center;
	font-weight:bold;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.7));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.7));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.7));
	background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.7));
	border: 1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	padding:1rem;
	margin-bottom:20px;
}

.art_intro {
	display:block;
	position:relative;
  	animation:artw;
  	animation-duration:1.2s;
	animation-timing-function:ease-out;
	transition: all linear 0.6s;
}

.art_intro .img_deco:hover {
	border: 12px dotted rgba(255,255,255,1);
	background-color: rgba(255,255,255,0);
}

.art_intro img {
	transition: all linear 0.6s;
}

.art_intro img:hover {
	opacity:50%;
}

@keyframes artw {
  0%   {scale: 0.25}
  100% {scale: 1}
  0%   {opacity: 0%}
  100% {opacity: 100%}
}

.h2_galerie {
	width:65.3%;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	letter-spacing:0.8px;
	text-transform:uppercase;
	color:#BC0033;
	background-color:rgba(255,255,255,0.25);
	-webkit-text-shadow: 1px 1px 1px #fff;
	-moz-text-shadow: 1px 1px 1px #fff;
	-ms-text-shadow: 1px 1px 1px #fff;
	-o-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	border: 1px solid rgba(255,255,255,0.7);
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 24px 24px;
	padding-top:8px;
	padding-bottom:7px;
	margin-top: -36px;
	margin-bottom:24px;
}

.h2_prestations {
	width:680px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	letter-spacing:0.8px;
	text-transform:uppercase;
	color:#BC0033;
	background-color: rgba(255,255,255,0.25);
	-ms-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	border: solid rgba(255,255,255,0.55);
	border-width: 1px 1px 1px 1px;
	border-radius: 4px 4px 0 0;
	padding: 5px 2px 7px 2px;
	margin-bottom:0;
}

.content_prestations {
	display:block;
	width:680px;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.15));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.15));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.15));
	background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.15));
	border: solid rgba(255,255,255,0.55);
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 16px 16px;
	padding: 1.4em 4em 1.8em 4em;
	margin: 0 0 28px 0;
	z-index: -1;
}

.content_prestations a:link {
	text-decoration:underline;
}

.content_prestations_contact {
	display:block;
	font-weight:normal;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.25));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.25));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.25));
	background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.25));
}

.content_services {
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	justify-content:center;
	text-align:center;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0.6);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border-radius:12px;
	padding:10px;
	margin:10px;
}

.content_prog {
	display:block;
	background-color:rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0.6);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border-radius:8px;
	padding:10px;
	margin:20px;
}

.content_prog a:hover {
	color:#BC0033;
}

.legende {
	display:block;
	width:65.3%;
	background-color:rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.3);
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	padding:10px;
	margin-top:20px;
	margin-bottom:40px;
}

.legende a:link {
	text-decoration:underline;
	text-decoration-color:#4C4C73;
}

.legende a:hover {
	color:#BC0033;
	text-decoration-color:#BC0033;
}

.legende a:visited {
	color:#4C4C73;
}

.legendelink {
	background-color:rgba(255,255,255,0.85);	
}

.legende_cd {
	display:block;
	width:45.4%;
	background-color: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.3);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	padding:10px;
	margin-top:20px;
	margin-bottom:30px;
}

.legende_media {
	display:block;
	width:664px;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.4);
	border-radius:8px;
	padding:10px;
	margin-top:20px;
}

.legende_pdf {
	display:block;
	width:65.3%;
	max-width:600px;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0.7);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	padding:10px;
	margin: 20px 0 20px 0;
}

.pdf_download {
	display:block;
	background-color: rgba(255,255,255,0.5);
	border-radius:2px;
	padding:6px;
	margin: 16px 0 0 0;
}

.bloc_media {
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	border: solid rgba(255,255,255,0.7);
	border-width: 1px 0 1px 0;
	padding: 40px 0 40px 0;
}

.bloc_photogal {
	padding: 0 20px 0 20px;
}

.prod_gal_photo {
	display:block;
	height:auto;
	border: 4px solid rgba(255,255,255,0.4);
	border-radius:8px;
	padding:8px;
	margin: 0 0 8px 0;
	position:relative;
  	animation:photos;
  	animation-duration:0.8s;
	animation-timing-function:ease-in-out;
	cursor:pointer;
}

@keyframes photos {
	from {opacity:10%}
	to {opacity:100%}
}

.ico_gal_photo {
	display:inline-block;
	width:50px;
	height:auto;
	background-color:#fff;
	border: 2px solid #fff;
	border-radius: 8px;
	margin: 0 2px 0 2px;
	transition: all 0.4s ease-in-out;
}

.ico_gal_photo:hover {
	transform:scale(1.75);
}

.photo_infobox {
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:30px;
}

.photo_infobox_control {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:30px;
	height:30px;
	font-family: "Time New Roman", Serif;
	font-size:20px;
	line-height:20px;
	font-weight:bold; 
	background-color: rgba(255,255,255,0.5);
	border: 2px solid #fff;
	border-radius:50%;
	margin: 0 2px 0 2px;
	cursor:pointer;
	transition: all 0.4s ease-in-out;
}

.photo_infobox_content {
	display:none;
	flex-direction:column;
	align-items:center;
	width:150px;
	height:160px;
	position:fixed;
	top:20px;
	right:20px;
	background-color: rgba(255,255,255,0.85);
	border: 2px solid #fff;
	border-radius: 6px 6px 6px 56px;
	padding: 10px 16px 10px 16px;
  	animation:droop;
  	animation-duration:0.6s;
	animation-timing-function:ease-in-out;
}

.photo_infobox_content h1 {
	display:flex;
	justify-content:center;
	height:30px;
	font-size:16px;
	line-height:16px;
	letter-spacing:4px;
	background-color: rgba(255,255,255,0.25);
	border: 1px solid #fff;
	border-radius:8px;
	padding: 6px 8px;
	margin-bottom:12px;
}

.photo_infobox:hover .photo_infobox_content {
	display:flex;
}

.nophoto {
	background-color:rgba(255,255,255,0.5);
	border-radius:16px;
	padding:40px;	
}

.photo_zoombox {
	display:none;
	width:100%;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:#fff;
	background-color:#000037;
	padding:10px;
}

.photo_zoombox img {
	max-height:85vh;
	width:auto;
}

.photo_zoombox h1 {
	display:flex;
	justify-content:center;
	font-size:14px;
	line-height:14px;
	letter-spacing:4px;
	margin-bottom:2px;
}

.photo_zoombox_bt {
	display:flex;
	position:absolute;
	top:12px;
	right:12px;
	width:30px;
	height:30px;
	justify-content:center;
	align-items:center;
	font-size:30px;
	line-height:30px;
	color:#fff;
	background-color:rgba(255,255,255,0.25);
	border: 2px solid #fff;
	border-radius:50%;
	cursor:pointer;
	transition: all 1s ease-in-out;
}

.photo_zoombox_bt:hover {
	color:#000;
	background-color:rgba(255,255,255,0.75);
}

.img_zoom {
	max-height:78vh;
	border: 1px solid #fff;
	box-shadow: 3px 3px 4px #4C4C73;
	margin-bottom:12px;
}

.img_max {
	max-width:620px;
	height:auto;
}

.img_zoom2 {
	max-width:620px;
	width:100%;
	height:auto;
	border: 1px solid #fff;
	box-shadow: 3px 3px 4px #4C4C73;
}

.img_zoom3 {
	max-width:820px;
	width:100%;
	height:auto;
	border: 1px solid #fff;
	box-shadow: 3px 3px 4px #4C4C73;
	margin-bottom:24px;
}

.img_zoom_logo {
	position:relative;
  	animation:webjobs;
  	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
	margin:20px;
}

.img_zoom_home {
	border: 1px solid #fff;
	margin:0;
	transition: all 1.25s;
}

.img_zoom_home:hover {
	filter:brightness(125%);
}

.img_zoom_home_leg {
	display:block;
	text-transform:uppercase;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	background-color: rgba(255,255,255,0.2);
	border: 1px solid #fff;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 16px 16px;
	padding: 4px;
	margin: -5px 0 20px 0;
}

.img_zoom_home_s0 {
	width:100%;
}

.img_zoom_home_s1 {
	width:820px;
}

.img_zoom_home_s2 {
	width:360px;
}

.img_ret {
	border: 1px solid #fff;
	border-top-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	padding:0;
}

.img_eti {
	display:inline-block;
	width:400px;
	height:auto;
	border: 1px solid #fff;
	box-shadow: 3px 3px 4px #4C4C73;
	margin: 15px 10px 0 10px;
}

.img_cd {
	box-shadow: 3px 3px 4px #4C4C73;
	margin-top:20px;
}

.img_ico_siteweb {
	border: 1px solid #fff;
	box-shadow: 3px 3px 4px #4C4C73;
	margin-top:24px;
	transition: all 0.5s ease-in-out;
}

.img_ico_siteweb:hover {
	background-color: rgba(255,255,255,0.25);
	border: 10px dashed #fff;
	transform:scale(0.85);
}

.menu_ico_svg {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	text-align:center;
  	align-items:center;
  	justify-content:space-around;
  	width:96%;
  	margin-top:27px;
}

.menu_ico_svg_link {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	height:300px;
  	align-items:center;
  	justify-content:center;
	text-align:center;
	border: 2px solid #fff;
  	border-radius:8px;
  	padding:12px;
  	margin:8px;
}

.demosvg {
	display:flex;
	flex:1;
  	flex-direction:row;
	justify-content:center;
  	align-items:center;
	width:760px;
	height:480px;
	background-color: rgba(255,255,255,0.5);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border: 2px solid #fff;
	border-radius:16px;
	padding:24px;
  	animation:svgdemo;
  	animation-duration:1s;
	animation-timing-function:ease-in-out;
}

@keyframes svgdemo {
  from {opacity:0%}
  to {opacity:100%}
}

.demosvg_fs {
	display:flex;
  	flex-direction:column;
	justify-content:center;
  	align-items:center;
	width:100%;
	height:100vh;
}

.demosvg_fs > svg {
	height:100vh;
	width:auto;
}

.demosvg_link {
	display:flex;
	justify-content:center;
  	align-items:center;
	width:40px;
	height:40px;
	font-size:80px;	
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.9));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.9));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.9));
	background-image: linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.9));
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border: 2px solid #fff;
	border-radius:50%;
	padding:8px;
}

.demosvg_link:hover {
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
	background-image: linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
}

.demosvg_link_ico {
	display:flex;
	justify-content:center;
  	align-items:center;
	font-size:40px;
	line-height:40px;
	font-weight:bold;
	margin-top:-8px;
} 

.svg_color_menu {
	display:flex;
	justify-content:center;
  	align-items:center;
  	width:680px;
	background-color: rgba(255,255,255,0.5);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border: 2px solid #fff;
	border-radius:16px;
	padding:8px;
	margin-bottom:14px;
}

.svg_color_menu a {
	width:40px;
	height:40px;
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border: 3px solid #fff;
	border-radius:50%;
	padding: 8px;
	margin: 4px;
	transition: all 0.5s;
}

.svg_color_menu a:hover {
	border-radius:25%;
	color:#BC0033;
}

.svg_color_menu_fs {
	display:flex;
	flex-direction:column;
  	align-items:center;
	justify-content:flex-start;
	position:fixed;
	top:84px;
	right:20px;
	z-index:20;
	max-width:200px;
	background-color: rgba(255,255,255,0.5);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border: 2px solid #fff;
	border-radius:16px;
	padding:8px;
}

.svg_color_menu_fs a {
	width:40px;
	height:40px;
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border: 3px solid #fff;
	border-radius:50%;
	padding: 8px;
	margin: 4px;
	transition: all 0.5s;
}

.svg_color_00 {	background-color:#ffffff;}
.svg_color_01 {	background-color:#4FBDCB;}
.svg_color_02 {	background-color:#FDE1C5;}
.svg_color_03 {	background-color:#F5AF8A;}
.svg_color_04 {	background-color:#8CBEB7;}
.svg_color_05 {	background-color:#AFCC5F;}
.svg_color_06 {	background-color:yellow;}
.svg_color_07 {	background-color:pink;}
.svg_color_08 {	background-color:#E2EED8;}
.svg_color_09 {	background-color:violet;}

.svg_bgcolor_00 { background-color:#000037;}
.svg_bgcolor_01 { background-color:#632181;}
.svg_bgcolor_02 { background-color:#005C73;}
.svg_bgcolor_03 { background-color:#BD007B;}
.svg_bgcolor_04 { background-color:#E95E0F;}

.svg_demo_color_mi { 
	background-color:rgba(242,148,0,1);
	background-image: -webkit-linear-gradient(top, rgba(242,148,0,1), rgba(255,255,255,1));
	background-image: -moz-linear-gradient(top, rgba(242,148,0,1), rgba(255,255,255,1));
	background-image: -ms-linear-gradient(top, rgba(242,148,0,1), rgba(255,255,255,1));
	background-image: linear-gradient(top, rgba(242,148,0,1), rgba(255,255,255,1));
}

.svg_demo_color_ks { 
	background-color:#8b002b;
	background-image: -webkit-linear-gradient(top, #c7004f, #7f133d);
	background-image: -moz-linear-gradient(top, #c7004f, #7f133d);
	background-image: -ms-linear-gradient(top, #c7004f, #7f133d);
	background-image: linear-gradient(top, #c7004f, #7f133d);
}

.svg_demo_color_ba { background-color:#000000;}

.demosvg_bgframe {
	display:flex;
	background-image: -moz-radial-gradient(center, rgba(255,255,255,0.35), rgba(255,255,255,0));
	background-image: -webkit-radial-gradient(center, rgba(255,255,255,0.35), rgba(255,255,255,0));
	background-image: -ms-radial-gradient(center, rgba(255,255,255,0.35), rgba(255,255,255,0));
	background-image: radial-gradient(center, rgba(255,255,255,0.35), rgba(255,255,255,0));
}

.control_bgcolor_bloc_haut {
	display:flex;
	flex-direction:column;
  	align-items:flex-end;
	justify-content:flex-start;
	text-align:right;
	position:fixed;
	top:20px;
	right:20px;
	z-index:20;
}

.control_bgcolor_bloc_bas {
	display:flex;
	flex-direction:column;
  	align-items:center;
	justify-content:flex-start;
	margin-top:16px;
}

.control_bgcolor_bloc_bas_fs {
	display:none;
}

.control_bgcolor {
	width:80%;
	text-align:center;
	font-weight:bold;
	color:#4C4C73;
	letter-spacing:1px;
}

.control_bgcolor_opt {
	text-align:center;
}

.control_bgcolor_bt {
	cursor:pointer;
	background-color:rgba(255,255,255,1);
	border-radius:6px;
	margin-top:4px;
}

.control_fs {
	display:block;
	width:100px;
	height:75px;
	background-color:rgba(255,255,255,0.35);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	border-radius:4px;
	margin-top:10px;
	transition: all 1s;
}

.control_fs:hover {
	filter:brightness(175%);
	transform:scale3d(1.2,1.2,1.2);
}

#nofx {
	display:flex;
	justify-content:center;
	align-content:center;
	width:100%;
}

#effet_01 {
	display:flex;
	justify-content:center;
	align-content:center;
	width:100%;
	position:relative;
  	animation:effa;
  	animation-duration:12s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#effet_02 {
	display:flex;
	justify-content:center;
	align-content:center;
	width:100%;
	position:relative;
  	animation:effb;
  	animation-duration:24s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes effa {
	0% {transform:scale3d(1,1,1);}
	50% {transform:scale3d(1.5,1.5,1.5);}
	100% {transform:scale3d(1,1,1);}
	0% {transform:rotateY(0deg);}
	75% {transform:rotateY(45deg);}
	100% {transform:rotateY(180deg);}
}

@keyframes effb {
	0% {transform:scale3d(1,1,1);}
	50% {transform:scale3d(1.5,1.5,1.5);}
	100% {transform:scale3d(1,1,1);}
	0% {transform:rotateX(0deg);}
	50% {transform:rotateX(180deg);}
	100% {transform:rotateX(360deg);}
	0% {transform:rotateY(0deg);}
	25% {transform:rotateY(180deg);}
	100% {transform:rotateY(360deg);}
}

@keyframes svgw {
	0% {opacity:0%;}
	50% {opacity:50%;}
	100% {opacity:0%;}
}

@keyframes svgwg {
	0% {translate: -400px -200px;}
	100% {translate: 0;}
	0% {opacity:0%;}
	50% {opacity:100%;}
	100% {opacity:0%;}
}

@keyframes svgwm {
	0% {translate: 0 -200px;}
	100% {translate: 0;}
	0% {opacity:0%;}
	50% {opacity:100%;}
	100% {opacity:0%;}
}

@keyframes svgwd {
	0% {translate: 400px -200px;}
	100% {translate: 0;}
	0% {opacity:0%;}
	50% {opacity:100%;}
	100% {opacity:0%;}
}

@keyframes svgwmag {
	0% {rotate: 0deg;}
	100% {rotate: 360deg;}
	0% {transform: scale(1);}
	100% {transform: scale(2.25);}
	0% {opacity:0%;}
	50% {opacity:75%;}
	100% {opacity:0%;}
}

@keyframes svgwmad {
	0% {rotate: 0deg;}
	100% {rotate: -360deg;}
	0% {transform: scale(1);}
	100% {transform: scale(2.25);}
	0% {opacity:0%;}
	50% {opacity:75%;}
	100% {opacity:0%;}
}

@keyframes svgline {
	0% {opacity:0%;}
	50% {opacity:50%;}
	100% {opacity:0%;}
}

@keyframes svgmono {
	0% {opacity:0%;}
	100% {opacity:25%;}
}

@keyframes svgmonoa {
	from {transform:scaleY(1);}
	to {transform:scaleY(0);}
	0% {opacity:0%;}
	50% {opacity:25%;}
	100% {opacity:100%;}
}

@keyframes svgray {
	from {transform:scale(0);}
	to {transform:scale(1);}
	from {opacity:0%;}
	to {opacity:50%;}
}

@keyframes svgraya {
	from {transform:scaleY(1);}
	to {transform:scaleY(3.5);}
	0% {opacity:0%;}
	50% {opacity:50%;}
	100% {opacity:0%;}
}

@keyframes svgrayb {
	from {transform:scale(0.25);}
	to {transform:scale(1.5 2.5);}
	0% {opacity:0%;}
	50% {opacity:75%;}
	100% {opacity:0%;}
}

#W {
  	animation:svgw;
	position:relative;
	transform-origin: 300px 180px;
  	animation-duration:12s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#WG {
  	animation:svgwg;
	position:relative;
  	animation-duration:3s;
	animation-timing-function:ease-in-out;
}

#WM {
  	animation:svgwm;
	position:relative;
  	animation-duration:3s;
	animation-timing-function:ease-in-out;
}

#WD {
  	animation:svgwd;
	position:relative;
  	animation-duration:3s;
	animation-timing-function:ease-in-out;
}

#WMAG {
  	animation:svgwmag;
	position:relative;
	transform-origin: 300px 180px;
  	animation-duration:12s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#WMAD {
  	animation:svgwmad;
	position:relative;
	transform-origin: 300px 180px;
  	animation-duration:12s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#Lines {
  	animation:svgline;
	position:relative;
	transform-origin: 300px 200px;
  	animation-duration:6s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;	
}

#Ray {
  	animation:svgray;
	position:relative;
	transform-origin: 300px 200px;
  	animation-duration:3s;
	animation-timing-function:ease-in-out;
}

#RayA {
  	animation:svgraya;
	position:relative;
	transform-origin: 300px;
  	animation-duration:6s;
  	animation-delay:6s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#RayB {
  	animation:svgrayb;
	position:relative;
	transform-origin: 300px;
  	animation-duration:6s;
  	animation-delay:6s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#Spir {
  	animation:svgmono;
	position:relative;
  	animation-duration:1.5s;
	animation-timing-function:ease-in-out;
}

#SpirA {
  	animation:svgmonoa;
	position:relative;
	transform-origin: 300px 180px;
  	animation-duration:4.5s;
  	animation-delay:6s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

.go_to_top {
	display:block;
	position:fixed;
	bottom:10px;
	right:20px;
	z-index:99;
	width:24px;
	height:24px;
	transition: all 0.8s;
}

.go_to_top:hover {
	filter:brightness(150%);
}

.go_to_home {
	display:block;
	position:fixed;
	top:20px;
	left:20px;
	z-index:99;
	width:24px;
	height:24px;
	background-color: rgba(255,255,255,0.75);
	border-radius:2px;
	padding:2px;
	transition: all 0.8s;
}

.go_to_home:hover {
	filter:brightness(150%);
}

.hr_1 {
	width:90%;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.4);
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	-o-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
	margin-top:50px;
	margin-bottom:25px;
}

.cook {
	background-color:#4C4C73;
	color:#fff;
	letter-spacing:1px;
	padding: 7px 4px 10px 4px;
}

.footer_txt {
	font-size:9px;
	line-height:14px;
	letter-spacing:1px;
	text-transform:none;
	color:rgba(255,255,255,0.25);
	margin: 14px 4px 15px 4px;
}

.footer_txt a:link {
	font-size:9px;
	line-height:14px;
	letter-spacing:1px;
	text-decoration: none;
	color:rgba(255,255,255,0.25);
}

.footer_txt a:hover {color:#fff;}
.footer_txt a:visited {color:rgba(255,255,255,0.25);}

.demo {
	display:inline-block; 
	vertical-align:top; 
	padding:2%;
	padding-bottom:1%; 
	margin:2%; 
	background-color:#000;
}

.demo2 {
	display:inline-block; 
	vertical-align:top; 
	padding:2%;
	padding-bottom:1%; 
	margin:2%; 
	background-color:#f2f2f2;
}

.demo3 {
	display:inline-block; 
	vertical-align:top; 
	padding:2%;
	padding-bottom:1%; 
	margin:2%; 
	background-color:#333;
}

.demo4 {
	display:inline-block;
	vertical-align:top;
	padding:2%;
	padding-bottom:1%;
	margin:2%;
	background-color:#fff;
}

.demo5 {
	display:inline-block; 
	vertical-align:top; 
	padding:1%;
	margin-bottom:1%; 
	background-color:#000;
}

.demo a:link {color:#ccc;}

.demo a:visited {color:#ccc;}

.demo5 a:link {color:#fff;}

.demo5 a:visited {color:#fff;}

.titrefolio {
	color: rgba(255,255,255,0.45);
}

.folio {
	display:block;
	height:40px;
	text-align:center;
	color: rgba(255,255,255,0.45);
	margin-top:150px;
}

.archives {
  	display:flex;
  	max-width:96%;
  	flex-direction:row;
  	flex-wrap:wrap;
	text-align:center;
  	justify-content:space-around;
  	align-items:center;
  	position: top;
  	padding:1rem;
  	background-color: #fff;
	border: 2px solid rgba(255,255,255,0.25);
	border-radius:8px;
	-webkit-box-shadow: 3px 3px 4px #4C4C73;
	-moz-box-shadow: 3px 3px 4px #4C4C73;
	-ms-box-shadow: 3px 3px 4px #4C4C73;
	box-shadow: 3px 3px 4px #4C4C73;
}

.form_contact {
	width:100%;
}

.form_contact div {
  	display:inline-flex;
	width:90%;
	font-size:14px;
	line-height:20px;
	border: solid rgba(255,255,255,0.35);
	border-width: 0 0 1px 0;
	padding: 0 0 12px 0;
	margin-bottom:20px;
 }

 .form_checkb {
  	display:inline-flex;
  	width:16px;
	height:16px;
	color:#4C4C73;
	border: 1px solid #4C4C73;
	box-shadow: 2px 2px 2px #4C4C73;
	margin: 0 3px 8px 0;
}

.form_contact label {
	display:inline-flex;
	text-align:left;
	font-size:14px;
	line-height:16px;
	padding: 0 0 0 8px;
}

.form_contact i {
	opacity:60%;
}

.form_contact h3 {
	width:90%;
	text-align:left;
	margin-bottom:36px;
}

.form_contact p {
	text-align:left;
	width:90%;
	font-size:14px;
	line-height:20px;
	border: solid rgba(255,255,255,0.35);
	border-width: 0 0 1px 0;
	padding: 0 0 4px 0;
}

.label_form {
	display:inline-block;
	text-align:left;
	width:120px;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	font-weight:bold;
}

.form_adresse {
	font-family: 'acherus_grotesque_medium', Verdana, Tahoma;
	font-size:14px;
	line-height:16px;
	color:#4C4C73;
	background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(19,36,87,0.5);
	border-radius:6px;
	box-shadow: 3px 3px 4px #4C4C73;
	padding: 4px 4px 4px 8px;
}

.form_txt_area {
	width:90%;
	font-family: 'acherus_grotesque_medium', Verdana, Tahoma;
	font-size:14px;
	line-height:18px;
	color:#4C4C73;
	background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(19,36,87,0.5);
	border-radius:8px;
	box-shadow: 3px 3px 4px #4C4C73;
	padding: 6px 6px 6px 10px;
	margin-bottom:24px;
}

.form_bt {
	width:120px;
	height:32px;
	font-size:12px;
	letter-spacing:2px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	vertical-align:text-top;
	border: 1px solid  rgba(255,255,255,1);
	box-shadow: 3px 3px 4px #4C4C73;
	border-radius:8px;
	margin: 2px 0 10px 0;
	cursor:pointer;
	transition: all 1s;
}

.form_bt:hover {color:#BC0033;}

.aster {
	font-weight:bold;
	opacity:75%;
}

.form_demo {
	display:flex;
	max-width:90%;
	justify-content:center;
  	align-items:center;
	border-radius:4px;
  	padding: 0.4em 0.4em 0.4em 0.6em;
}

.form_demo_t {
	background-color: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.25);
	border-width: 0 0 1px 0;
	padding: 0 0 0 6px;
	margin-bottom: 1.4em;
}

.form_demo_r {
	justify-content:flex-end;
	background-color:#fff;
}

.form_demo_p1 {
	display:flex;
	flex:2;
}

.form_demo_p2 {
	display:flex;
	flex:1;
}

.form_demo_p3 {
	display:flex;
	flex:1;
}

	@media all and (max-width: 1100px) {

.dropdown {
  	visibility:inherit;
}

.bloc_anim_svg {
	max-width:inherit;
	width:90%;
}

.demosvg_fs {
	justify-content:center;
  	align-items:center;
	width:100%;
	height:50vh;
}

.demosvg_fs > svg {
	width:100%;
	height:auto;
}

.control_bgcolor_bloc_haut {
	display:none;
}

.control_bgcolor_bloc_bas_fs {
	display:flex;
	flex-direction:column;
  	align-items:center;
	justify-content:flex-start;
}

.menu_portfolio_bloc {
	position:inherit;
	display:none;
}

.menu_portfolio {
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
  	margin-top:0.2rem;
}

.menu_portfolio a:link {
	width:100%;
	background-image:none;
	font-size:12px;
	line-height:12px;
  	padding:0.8rem;
  	padding-bottom:0.8rem;
}

.menu_portfolio a:visited {
  	color: rgba(255,255,255,0.55);
	background-color: rgba(255,255,255,0.5);
}


	}


	@media all and (max-width: 1080px) and (min-width: 601px) {

h2 {
	width:92%;
}

video {
	width:90%;
	height:auto;
}

.dropdown {
  	visibility:inherit;
}

.menu_home {
	display:none;
}

.menu_home a {
	display:block;
    width:100%;
	margin-bottom:10px;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

.menu_ico {
	margin-top:10px;
}

.menu_navbro {
	display:none;
}

.content {
	width:100%;
	min-height:inherit;
	margin-top:20px;
}

.content_demosvg {
	width:100%;
	margin-top:20px;
}

.logo_home {
  	min-height:inherit;
	height:auto;
}

.logo {
	width:100%;
	height:auto;
}

.news_home {
	padding:1em;
	margin: 0 0 27px 0;
}

.content_txt_01 {
	text-align:center;
}

.bloc {
	width:90%;
}

.bloc_fs {
	width:100%;
}

.bloc_photo {
	width:90%;
}

.bloc_ret {
	width:90%;
}

.bloc_bro {
	width:96%;
}

.demosvg {
	width:100%;
	height:inherit;
}

.demosvg_fs {
	width:100%;
}

.demosvg_fs > svg {
	width:100%;
	height:auto;
}

.control_bgcolor_bloc_haut {
	display:none;
}

.control_bgcolor_bloc_bas_fs {
	display:flex;
	flex-direction:column;
  	align-items:center;
	justify-content:flex-start;
}

.svg_color_menu {
	width:96%;
}

.menu_ico_svg {
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}

.menu_ico_svg_link {
	width:96%;
	min-height:250px;
	height:250px;
}

.h2_prestations {
	width:90%;
}

.content_prestations {
	width:90%;
}

	}


	@media all and (max-width: 600px) {

body {
	font-size:16px;
	line-height:20px;
}

a {
	font-size:16px;
	line-height:20px;
}
a:link {
	font-size:16px;
	line-height:20px;
}

h1 {
	font-size:14px;
	line-height:18px;
	margin-top:16px;
	margin-bottom:16px;
}

h2 {
	width:92%;
	font-size:12px;
	line-height:16px;
	letter-spacing:0.6px;
	padding: 5px 4px 5px 4px;
}

blockquote {
	font-size:11px;
	line-height:18px;
	margin-left:5px;
	margin-right:5px;
}

li {
	margin-bottom:8px;
	padding-bottom: 8px;
}

video {
	width:90%;
	height:auto;
}

.dropdown {
  	visibility:inherit;
}

.menu_home {
	display:none;
}

.menu_home a {
	display:block;
    width:100%;
	margin-bottom:10px;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

.mob {
	display:block;
	width:100%;
	margin-bottom:20px;
}

.logo_home {
  	align-items:center;
  	min-height:inherit;
	height:35vh;
}

.logo {
	width:100%;
	height:auto;
}

.menu_ico {
	margin-top:10px;
	margin-bottom: -10px;
}

.menu_ico a {
	display:inline-block;
	margin:4px;
}

.content {
	width:100%;
	min-height:inherit;
	margin-top:20px;
}

.content_demosvg {
	width:100%;
	margin-top:20px;
}

.news_home {
	padding:1em;
	margin: 0 0 27px 0;
}

.bloc {
	width:90%;
	font-size:16px;
	line-height:20px;
	padding:10px;
}

.bloc_fs {
	width:100%;
}

.bloc_photo {
	width:90%;
	padding-top:0;
	padding-bottom:0;
}

.bloc_ret {
	width:90%;
	font-size:16px;
	line-height:20px;
	padding-top:10px;
}

.bloc_bro {
	width:90%;
	padding-top:10px;
}

.bloc_bro h1 {
	margin-top:20px;
}

.bloc_bro_home {
	flex-direction:column;
}

.bloc_bro_home_blocs {
	max-width:inherit;
  	margin:0;
}

.bloc_bro_sec {
	height:inherit;
	padding:0;
}

.bloc_bro_sec img {
	max-height:inherit;
	width:auto;
	margin: 0 0 20px 0;
}

.bloc_robot {
	width:96%;
	height:auto;
	border-radius:16px;
	margin-bottom:27px;
}

#Robot_MAINFRAME {
	width:96%;
	height:auto;	
	border-radius:16px;
}

.menu_navbro {
	display:none;
}

.demosvg {
	width:100%;
	height:auto;
}

.demosvg > svg {
	width:100%;
	height:auto;
}

.demosvg_fs {
	width:100%;
}

.demosvg_fs > svg {
	width:100%;
	height:auto;
}

.control_bgcolor_bloc_haut {
	display:none;
}

.control_bgcolor_bloc_bas_fs {
	display:flex;
	flex-direction:column;
  	align-items:center;
	justify-content:flex-start;
}

.svg_color_menu {
	width:92%;
	padding:4px 2px 4px 2px;
}

.svg_color_menu a {
	min-width:30px;
	min-height:30px;
	max-width:30px;
	max-height:30px;
	font-size:10px;
	margin:2px 4px 2px 4px;
}

.menu_ico_svg {
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}

.menu_ico_svg_link {
	width:96%;
	height:200px;
}

.img_zoom_home {
	width:90%;
}

.img_zoom_home_leg {
	width:90%;
}

.img_zoom3 {
	margin-top:20px;
}

.img_deco {
	display:inline-block;
	width:90%;
	height:auto;
}

.h2_galerie {
	width:90%;
	margin-top:-10px;
}

.h2_prestations {
	width:90%;
}

.content_prestations {
	width:90%;
	font-size:16px;
	line-height:20px;
	padding: 1em 1em 1.2em 1em;
}

.bloc_siteweb {
	display:block;
	width:90%;
	font-size:16px;
	line-height:20px;
	margin:0;
	margin-bottom:20px;
}

.content_services {
	width:90%;
	margin:10px;
}

.menu_services {
	font-size:12px;
	line-height:12px;
}

.content_txt_01 {
	width:90%;
	font-size:16px;
	line-height:20px;
	margin-bottom:30px;
}

.content_txt_01 a { 
	color:#fff;
}

.legende {
	width:90%;
	font-size:16px;
	line-height:20px;
}

.legende_media {
	width:90%;
	font-size:16px;
	line-height:20px;
}

.legende_pdf {
	width:90%;
	font-size:16px;
	line-height:20px;
}

.bloc_photogal {
	padding:10px;
}

.ico_gal_photo {
	width:65px;
	height:auto;
}

.img_eti {
	display:block;
	width:300px;
	height:auto;
	margin:15px 0 0 0;
}

.img_promo_bloc {
	height: 180px;
}

.img_promo_bg {
	width:320px;
	height:150px;
}

.img_promo {
	top: -115px;
	width:80px;
}

.img_promo_aside {
	top: -135px;
	width:40px;
}

.form_contact div {
	font-size:16px;
	line-height:20px;
 }

 .form_contact label {
	font-size:16px;
	line-height:20px;
}

.label_form {
	display:block;
	width:90%;
	font-size:18px;
	line-height:20px;
	margin-bottom:6px;
}

.form_adresse {
	width:90%;
	font-size:18px;
	line-height:20px;
}

.go_to_home {
	top:10px;
	left:10px;
}