#site #accueil .middle,
#site #home .middle {
	color: #434345;	
	text-align:center;
	background:#fff;
	position:relative;
}

/* Flex blocks */
#site #accueil .middle #ami_presentation,
#site #home .middle #ami_presentation {
	text-align:left;
	flex:45;
	padding-right:40px;
	position:relative;
}
#site #accueil .middle #ami_advantages,
#site #home .middle #ami_advantages {
	flex:55;	
	font-size:0px;
	position:relative;
}

#site #accueil .middle #ami_advantages::before,
#site #home .middle #ami_advantages::before {

	content: "";
	z-index:0;

	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

	background: radial-gradient(circle at center, #434345 0%, transparent 60%);

	opacity:0.3;

	/*
	animation-name: advantages_bg;
	animation-duration: 5s;
	animation-iteration-count:infinite;
	animation-direction:alternate-reverse;
	/*animation-timing-function: ease;*/

	/*transition: opacity 10s;*/
		
}
/*
@keyframes advantages_bg {
	0%   { opacity:1; }	
	20%   { opacity:0.8; }	
	80% { opacity:0.3; }
}
*/
/* Text presentation */
#site #accueil .middle .button.inscription_btn,
#site #home .middle .button.inscription_btn {		
	display:block;
	position: absolute;
	bottom:0px;
	width: calc(100% - 82px);
	text-align:center;
}

#site #accueil .middle #ami_presentation>.text,
#site #home .middle #ami_presentation>.text {
	line-height:1.5;
	position:relative;
	min-height: 233px;
	margin-top: 20px;
}

/* Titles */
#site #accueil .middle .content h1,
#site #home .middle .content h1 {
	font-size:56px;
	color:#fff;
	text-shadow: 
		1px 0px 1px #E65214,
		1px 1px 1px #E65214,
		0px 1px 1px #E65214,
		0px -1px 1px #E65214,
		-1px -1px 1px #E65214,
		-1px 0px 1px #E65214
	;
	text-align:justify;
	text-justify: inter-character;
	text-align-last:justify;

	font-weight:normal;
}

#site #accueil .middle .content h1 b,
#site #home .middle .content h1 b {
	font-weight:inherit;
}

#site #accueil .middle h2,
#site #home .middle h2 {
	text-shadow: none;
	color:#434345;
}

/* Advantages */
#site #accueil .advantages .description,
#site #home .advantages .description {	
	width:0px;
	height:0px;
	overflow:hidden;
}

#site #accueil .advantages,
#site #home .advantages {

	display:inline-block;
	vertical-align:top;
	position:relative;

	background-image: linear-gradient( 180deg, #535358 5%, #434345 50%, #333334 100% );
	background-size: 100% 100%;

	margin: 20px;
	border-radius: 6px;
	padding: 10px;

	width: calc(50% - 62px);
	height:214px;

	transition: box-shadow 0.3s, background 0.3s;

	font-size: 14px;

	line-height:1;
}

#site #accueil .advantages h3,
#site #home .advantages h3 {
	transition: all 0.3s;
	font-size: 16px;
	opacity:0.0;
}
#site #accueil .advantages:hover h3,
#site #home .advantages:hover h3 {	
	opacity:1.0;
}

#site #accueil .advantages .illu,
#site #home .advantages .illu {
	transition: all 0.3s;
	opacity:0.0;
}
#site #accueil .advantages:hover .illu,
#site #home .advantages:hover .illu {	
	opacity:1.0;
}

#site #accueil .advantages .picto,
#site #home .advantages .picto {
	transition: all 0.3s;
	opacity:1.0;
}
#site #accueil .advantages:hover .picto,
#site #home .advantages:hover .picto {	
	opacity:0.2;
}

#site #accueil #ami_advantages .advantages img
#site #home #ami_advantages .advantages img {
	width:calc(100% - 20px);
}

#site #accueil #ami_advantages .advantages h2,
#site #accueil #ami_advantages .advantages h3,
#site #home #ami_advantages .advantages h2,
#site #home #ami_advantages .advantages h3 {
	color:#fff;
	text-shadow: 0px 1px 4px #000;
}

/* fonctionnalites */
#pages .page#fonctionnalites,
#pages .page#fonctionnalities {
	background-image:url("../design/bg/desktop2-c.jpg");
	padding-bottom:450px;
}

#fonctionnalites .middle .pagewidth,
#fonctionnalities .middle .pagewidth {
	padding:0px;
}
#fonctionnalites .middle .pagewidth .content,
#fonctionnalities .middle .pagewidth .content {
	height:100%;
}

#fonctionnalites .middle .pagewidth .video,
#fonctionnalities .middle .pagewidth .video {
	position:absolute;
	left:60px;
	bottom:120px;
	z-index:100;
}
#fonctionnalites .middle .pagewidth #features_list,
#fonctionnalities .middle .pagewidth #features_list {
    text-align: center;
    bottom: 60px;
    width: 30%;
    position: absolute;
    z-index: 101;
}
#fonctionnalites .middle .pagewidth #features_list a img,
#fonctionnalities .middle .pagewidth #features_list a img {
	border:none;
}

/* contact */

#pages #contact.page,
#pages #contact_form.page {
	padding:0px;
}
#contact .middle,
#contact_form .middle {
			
	background-color: #f2986f; /* Old browsers */
	background-color: -moz-linear-gradient(-45deg,  #f2986f 25%, #e65214 100%); /* FF3.6-15 */
	background-color: -webkit-linear-gradient(-45deg,  #f2986f 25%,#e65214 100%); /* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(135deg,  #f2986f 25%,#e65214 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2986f', endColorstr='#e65214',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	background-image:url("../design/illu-management.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	background-size: auto 100%;
	
	height:700px;
	
	text-align:center;
	
	color:#ffffff;
}

#contact .middle h1, #contact .middle h2,
#contact_form .middle h1, #contact_form .middle h2 {
	color:#ffffff;
	text-shadow:0px 2px 10px #E65214;
}

#contact .middle .text h2,
#contact_form .middle .text h2 {
	color:#ffffff;
	border-bottom:1px solid #9A9A9A;
	
	text-align:left;
	font-size:17px;
	
	width:260px;
	
	padding:0px;
	padding-bottom:8px;
	margin-bottom:8px;
}

/* news */
#pages #news.page,
#pages #news_page.page {
	background-image:url("../design/bg/contact-c2.jpg");
	padding-bottom:400px;
}
#news.page .middle .pagewidth,
#news_page.page .middle .pagewidth {
    padding-top: 0px;
}
#news.page .middle .pagewidth .content,
#news_page.page .middle .pagewidth .content {
    height: 100%;
}

/* logiciel_gestion */
#pages #logiciel_gestion.page,
#pages #management_software.page {
	background-image:url("../design/bg/agreement-c.jpg");
	/*padding-bottom:250px;*/
}

#logiciel_gestion .middle, #management_software .middle {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,434345+50,131315+100 */
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #cccccc 0%, #434345 50%, #131315 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #cccccc 0%,#434345 50%,#131315 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #cccccc 0%,#434345 50%,#131315 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#131315',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	text-align:left;
	
}

#logiciel_gestion .middle .content,
#management_software .middle .content {
	background-image:url('../images/deductible.png');
	background-repeat:no-repeat;
	background-position: right -5px;
	height:calc(100% - 20px);
}
#management_software .middle .content {
	background-image:url('../images/deductible_en.png');
}

#logiciel_gestion .middle .img.right,
#management_software .middle .img.right {
	margin-left: 0px;
}

#logiciel_gestion .middle .button,
#management_software .middle .button {

	clear:both;
	
	padding:10px;
	padding-left:16px;
	width:348px;
	margin-top:-0px;
	margin-left:10px;
	
	text-align:center;
	
	box-shadow:0px 2px 10px #131315;
}

#logiciel_gestion .middle .block,
#management_software .middle .block {
	width:calc(20% - 15px);
	margin-left:15px;
	display:inline-block;
	line-height:1.5em;
	padding-top:10px;
	padding-bottom:10px;
	
	color: #f3f3f3;
	
	box-shadow: 0px 0px 3px #131315;

}
#logiciel_gestion .middle .block#tarifs,
#management_software .middle .block#tarifs {
	margin-left:0px;
	box-shadow:none;
}

#logiciel_gestion .middle .block h3,
#management_software .middle .block h3 {
	color:#f3f3f3;
	font-size: 18px;
	text-shadow: 0px 2px 10px #357DBF;
}
#logiciel_gestion .middle .block h2,
#management_software .middle .block h2 {
	color:#f3f3f3;
	text-shadow: 0px 2px 10px #357DBF;
	position:relative;
}

#logiciel_gestion .middle .block b,
#management_software .middle .block b {
	color:#f3f3f3;
	text-shadow: 0px 2px 10px #357DBF;
	/*font-weight:normal;*/
}

#logiciel_gestion .middle .block span:not(.price),
#management_software .middle .block span:not(.price) {
	font-weight:bold;
}

#logiciel_gestion .middle .block#tarifs h2,
#management_software .middle .block#tarifs h2,
#logiciel_gestion .middle .block#tarifs h3,
#management_software .middle .block#tarifs h3,
#logiciel_gestion .middle .block#tarifs b,
#management_software .middle .block#tarifs b,
#logiciel_gestion .middle .block#tarifs_premium h2,
#management_software .middle .block#tarifs_premium h2,
#logiciel_gestion .middle .block#tarifs_premium h3,
#management_software .middle .block#tarifs_premium h3,
#logiciel_gestion .middle .block#tarifs_premium b,
#management_software .middle .block#tarifs_premium b {
	text-shadow: 0px 2px 10px #333;
}

#logiciel_gestion .middle .block h2 .price,
#management_software .middle .block h2 .price {
	font-size:30px;
}
#logiciel_gestion .middle .block .price_duration_selector,
#management_software .middle .block .price_duration_selector {
	background-color: rgba(255,255,255,0.5);
	
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	

	display:flex;
	justify-content: space-evenly;

	width:100%;

	position:absolute;
	top:28.5px;
	line-height:20px;

}
#logiciel_gestion .middle .block .price_duration_selector span,
#management_software .middle .block .price_duration_selector span {	
	width:50%;
	color:#434345;
	font-size:12px;
	font-weight:normal;
	text-shadow: none;

	cursor:pointer;

	transition: all 0.5s;
}
#logiciel_gestion .middle .block .price_duration_selector span:not(.selected):hover,
#management_software .middle .block .price_duration_selector span:not(.selected):hover {	
	text-decoration: underline;
	font-weight:bold;
}
#logiciel_gestion .middle .block .price_duration_selector .selected,
#management_software .middle .block .price_duration_selector .selected {
	background-color: var(--blue);
	color:#fff;
	font-weight:bold;
}

#logiciel_gestion .middle .block#tarifs_starter h2,
#management_software .middle .block#tarifs_starter h2,
#logiciel_gestion .middle .block#tarifs_starter h3,
#management_software .middle .block#tarifs_starter h3,
#logiciel_gestion .middle .block#tarifs_starter b,
#management_software .middle .block#tarifs_starter b {
	text-shadow: 0px 2px 10px #c43d05;
}

#logiciel_gestion .middle .block#tarifs_free,
#management_software .middle .block#tarifs_free {
	background: #f3f3f3;
	background: -webkit-linear-gradient(135deg, #fff , #e3e3e3);
	background: -o-linear-gradient(135deg, #fff, #e3e3e3);
	background: -moz-linear-gradient(135deg, #fff, #e3e3e3);
	background: linear-gradient(135deg, #fff , #e3e3e3);
	
	color:#434345;
	
}
#logiciel_gestion .middle .block#tarifs_free b,
#logiciel_gestion .middle .block#tarifs_free h2,
#logiciel_gestion .middle .block#tarifs_free h3,
#management_software .middle .block#tarifs_free b,
#management_software .middle .block#tarifs_free h2,
#management_software .middle .block#tarifs_free h3 {
	color:#434345;
	text-shadow:none;
}

#logiciel_gestion .middle .block#tarifs_starter,
#management_software .middle .block#tarifs_starter {
	background: #e65214;
	background: -webkit-linear-gradient(135deg, #f2986f , #e65214);
	background: -o-linear-gradient(135deg, #f2986f, #e65214);
	background: -moz-linear-gradient(135deg, #f2986f, #e65214);
	background: linear-gradient(135deg, #f2986f 0%,#e65214 100%);
	
	padding-top:20px;
	padding-bottom:20px;
	
	box-shadow: 0px 1px 6px #131315;
	
}
#logiciel_gestion .middle .block#tarifs_starter h3,
#management_software .middle .block#tarifs_starter h3 {	
	font-size: 24px;
}

#logiciel_gestion .middle .block#tarifs_pro,
#management_software .middle .block#tarifs_pro {
	background: #86B2DA;
	background: -webkit-linear-gradient(135deg, #acd1f1 , #357DBF);
	background: -o-linear-gradient(135deg, #acd1f1, #357DBF);
	background: -moz-linear-gradient(135deg, #acd1f1, #357DBF);
	background: linear-gradient(135deg, #acd1f1 , #357DBF);
	
	padding-top:30px;
	padding-bottom:30px;
	
	box-shadow: 0px 2px 9px #131315;
}
#logiciel_gestion .middle .block#tarifs_pro h3,
#management_software .middle .block#tarifs_pro h3 {	
	font-size: 28px;
}

#logiciel_gestion .middle .block#tarifs_premium,
#management_software .middle .block#tarifs_premium {
	background: #aaa; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #aaa 25%, #333 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #aaa 25%,#333 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #aaa 25%,#333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	color:#fff;
	
	padding-top:40px;
	padding-bottom:40px;
	
	box-shadow: 0px 2px 9px #131315;
}
#logiciel_gestion .middle .block#tarifs_premium h3,
#management_software .middle .block#tarifs_premium h3 {	
	font-size: 32px;
	
}

#logiciel_gestion .middle h1,
#logiciel_gestion .middle h2,
#management_software .middle h1,
#management_software .middle h2 {
	text-align:inherit;
	color:#ffffff;
	
	text-shadow:0px 2px 10px #434345;
}

#logiciel_gestion .middle h1,
#management_software .middle h1 {
	margin-right: 150px;
}

#cgdv .middle, #vie_privee .middle, #terms .middle, #private_life .middle {
	height:auto;
}

#site #aide .content ul, #site#help .content ul {
	width:100%;
}

#site #aide .content ul li b:first-child,
#site #help .content ul li b:first-child {
	/*
	display:inline-block;
	width:20%;
	*/
}


#guide_video .middle {
	height:auto;
	line-height:150%;
}
#guide_video .middle a {
	position:relative;
		
	color:#357DBF;
	font-size: 14px;
	
	display:inline-block;
	text-decoration:none;
	width:200px;
	text-align:center;
	padding-right:19px;
	padding-left:19px;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
	
	background: linear-gradient(0deg, #fff 25%,#fff 100%);
	border-radius:9px;
	border:1px solid #fff;
	
	transition:all 0.3s;
}
#guide_video .middle .img {
	border: 1px solid #EBE8E3;
}
#guide_video .middle img {
	border: 0px;
}
#guide_video .middle a .description {
	margin-top:5px;
}
#guide_video .middle a:hover {
	background: linear-gradient(0deg, #eee 25%,#ccc 100%);
	
	border:1px solid #c0c5c9;
}

#guide_video .middle a:hover::after {
	content: ' ';	
	background-color: rgba(255,255,255,0.5);
	background-image:url('../images/video/ami_project_video_guide.png');
	background-position:center;
	background-repeat:no-repeat;
	width:202px;
	height:152px;
	position:absolute;
	top:20px;
	left:19px;
}
#guide_video .middle a .timer_video_youtube {
	display:none;
}

#guide_video #popup_video {
	
	display:none;
	
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	opacity:0;
	
	transition:all 0.3s;
}
#guide_video #popup_video.opened {
	opacity:1.0;
}

#guide_video #popup_video .popup_container {
	width:auto;
	height:auto;
	
	left:50%;
	top:50%;
	
	transform:translate(-50%, -50%);
	
	position:absolute;
}

#liste_fonctionnalites .middle,
#features_list .middle,
#functielijst .middle {	
	height:auto;
	text-align:center;
	padding-bottom:120px;
}

#liste_fonctionnalites #features .feature,
#features_list #features .feature,
#functielijst #features .feature {
	display:inline-block;
	padding:10px;
	margin: 10px;
	border: 1px solid #434345;
	
	width: 192px;
	text-align:center;
}

#liste_fonctionnalites #features .feature:hover,
#features_list #features .feature:hover,
#functielijst #features .feature:hover {
	cursor:pointer;
	background: linear-gradient(150deg, #acd1f1 25%,#357dbf 100%);
	color:#fff;
	border: 1px solid #4181EC;
}
#liste_fonctionnalites #features .feature.selected,
#features_list #features .feature.selected,
#functielijst #features .feature.selected {	
	box-shadow: 0px 0px 6px #4181EC;
	border: 1px solid #4181EC;
	color:#4181EC;
	background: none;
	background-color:#fff !important;
}

/* PEPPOL */
#peppol .middle {
	height:auto;
}
#peppol .content {
	line-height:1.5;
}
#peppol .content .inline_blocks .block {
	text-align: center;
	border:1px solid #CCCCCC;
	border-radius:10px;
	margin-bottom:10px;
}
#peppol .content .inline_blocks .block h3 {
	font-weight:bold;
}
#peppol .content .inline_blocks .block img:hover {
	opacity:0.75;
}
#peppol .content .inline_blocks .block img {
	margin-bottom: 0;
}
#peppol .content .inline_blocks .block .img {
	margin-bottom: 20px;
	background-color: #357DBF;
}
/*
#peppol .img {
	text-align:left;
}
#peppol .flex {
	justify-content: flex-start;
}
#peppol .flex>div {
	flex:none;
}
#peppol .flex div * {
	text-align:center;
}
#peppol .img.news-ami-peppol-workflow-fr {
	float:right;
}
*/