/**
 * CSS rgsystem-new
 */

/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:500,400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic');*/
@import url('https://static.azko.fr/css/font-awesome-4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');


* { font-family: 'Roboto', sans-serif; 
}
body{
	font-size:18px;
	font-weight:300;
	color:#000;
}
label{
	font-weight:300;
	text-align:left;
}
strong{
	font-weight:500;
}

a,
a:focus {
    color: #06a0b7;
    text-decoration: none;
    transition: all 0.35s ease-in-out;
}
a:hover{
    color: #ababab;
    opacity: 0.7;
    text-decoration:none;
}
h1{
    text-align: center;
    font-weight: 400;
    font-size: 33px;
    color: #06a0b7;
    padding: 40px 0px;
}

h2{
    text-align: center;
    font-weight: 300;
    font-size: 38px;
    color: #000;
    padding: 40px 0px;
}
h3{
    text-align: left;
    font-weight: 300;
    font-size: 30px;
    color: #000;
    padding:  0px 0px 0px 0px;
    margin-left:0;
}
.btnSubmit { 
    display:block; 
    background:#06a0b7; 
    border:1px solid #06a0b7; 
    color:#FFFFFF; 
    width:180px; 
    margin:auto; 
    text-align: center;  
    font-size: 18px; 
    font-weight:100;
    transition: all 0.3s linear;
    border-radius:0px;
}
.btnSubmit:hover,
.btnSubmit:focus,
.btnSubmit:active,
.btnSubmit.active,
.btnSubmit.disabled,
.btnSubmit[disabled] { 
    background:#666666;
    border:1px solid #666666;  
    color:#fff; 
    opacity:1; 
}
.control-label .LesChamps{
	text-align:left;
	font-size: 11px;
	font-style:italic;
}
.control-label {
	font-weight:300;
	font-size:18px;
}
label.obligatoire:after {
    color:#06a0b7;
    content: " * ";
    font-family:arial;
}


/*--------*/

section > .sectionContainer {
    margin: auto;
    max-width: 1250px;
    width: 100%;
    padding: 0 15px;
    display:flex;
	flex-flow: row wrap;
    justify-content: space-between;
	display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
}
body .mainContents.container {
    max-width: 100%;
    padding: 0;
}
.container {
    width:100%;
    max-width: 1250px;
}
.filArianeLabel{
	float:left;
	color: #B1B0AA;
	padding: 10px 2px 0 0;
	font-size:10px;
}
.breadcrumb {
	padding: 1px 15px;
	margin-bottom: 6px;
    background-color: transparent;
    text-align:left;
}
.breadcrumb > li a {
	color: #B1B0AA;
    font-size: 10px;
}
.TitreFull{
	width:100%;
	margin:auto;
	text-align: center;
}
.FondGris{
	background:#dedede;
}
.FondGrisClair{
	background:#f0f0f0;
}
.FondBleu{
	background:#06a0b7;
}
a.FondRotation{
	display:block;
	position:relative;
	overflow: hidden;
    width: 245px;
	background: transparent;;
    border:2px solid #06a0b7;
    color: #06a0b7;
    margin: 23px;
    display: inline-block;
    padding: 7px 16px;
}
a.FondRotation:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #d8d8d8;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
a.FondRotation:hover {
    color: #333;
    opacity: 1;
    border-color: #d8d8d8;
}
a.FondRotation:hover:before{
    opacity: 1;
    background-color: #d8d8d8;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}


a.CadreHover{
    color: #fff;
    width: 280px;
    padding: 12px 5px;
    position: relative;
    display: block;
    margin: 20px auto;
    text-align:center;
}
a.CadreHover:hover{
	opacity:1;
}
a.CadreHover:before{
	border: 2px solid #06a0b7;
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: scale3d(0.8, 0.8, 1); 
    transform: scale3d(0.8, 0.8, 1); 
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
a.CadreHover:after {
    background: #a2a1a1;
    content: '';
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
a.CadreHover:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
a.CadreHover:hover::after {
    background-color: #06a0b7;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
}





/*---------header------------*/

header .headerContainer {
    top: 0;
    width: 100%;
    z-index: 1000;
    position: fixed;
	background: #06a0b7;
}
.container.Top{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
}
.container.Top:before,
.container.Top:after{
	display:none;
}
.headerCol1{
    margin-top: 6px;
    height: 78px;
    flex: 0 0 141px;
    -webkit-flex: 0 0 141px;
}
#logo { 
	display: block; 
	width:100%; 
	max-width:141px; 
	height:78px; 
}
#logo img { 
	max-width:100%; 
}

.headerCol2 {
	/*flex: 0 0 900px;
    -webkit-flex: 0 0 900px;*/
	width: calc(100% - 280px);
}
.headerCol2 .TopHaut{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    padding-bottom: 16px;
    padding-top: 11px;
}
.headerCol2 .TopHaut .TopDroite{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-end;
	display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: flex-end;
}

#Language{
	background:#fff;
	height: 30px;
}
#Language a.Francais{
	color:#000;
	font-size: 14px;
	display: inline-block;
	height: 21px;
    width: 23px;
	text-align:center;
}
#Language a.Anglais{
	color:#000;
	font-size: 14px;
    display: inline-block;
    height: 21px;
    width: 30px;
	text-align:center;
	border-left:1px solid #000;
	padding-left: 2px;
}	
#Language a:hover{
	opacity:0.7;
}
.TopLien a{
	color:#000;
}
.TopLien a.Demo {
    color: #000;
    font-size: 14px;
	display: inline-block;
    background-color: #ee774c ;
    height: 31px;
    padding: 5px 10px 5px 10px;
}
.TopLien a.Login {
	color: #000;
    font-size: 14px;
    display: inline-block;
    background-color: #cccbcb;
    height: 31px;
    margin-right: 4px;
    padding: 5px 10px 5px 10px;
}
/*------------------magnifique recherche qui dechire---------------*/
#Recherche{
	padding-right:42px;
}
div.searchBox a.btnSearch span{
   display:none;
}
div.searchBox a.btnSearch{
	width: 43px;
	height: 25px;
	background: transparent;
	border-left: 1px solid #fff;
}
div.searchBox a.btnSearch:before {
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 20px;
    content: "\f002";
    color: #fff;
    height: 24px;
    width: 36px;
    transition: all 0.3s ease-in;
}	
div.searchBox input.searchField {
    background:transparent;
    border:none;
    color:#fff !important;
    font-size:14px;
    font-weight:300;
	height: auto;
	line-height:normal;
	outline:none;
	width: 193px;
}

/*---------*/
div.searchBox input.searchField:-moz-placeholder{
	opacity:1;
}
div.searchBox input.searchField::-moz-placeholder{
	opacity:1;
}
div.searchBox input.searchField:-ms-input-placeholder{
	opacity:1;
}
div.searchBox input.searchField:-ms-input-placeholder {
	opacity:1;
}
div.searchBox input.searchField::-webkit-input-placeholder{
	opacity:1;
	color:#fff;
}
div.searchBox input.searchField:focus::-moz-placeholder{
	opacity:0;
}
div.searchBox input.searchField:focus::-moz-placeholder{
	opacity:0;
}
div.searchBox input.searchField:focus:-ms-input-placeholder{
	opacity:0;
}
div.searchBox input.searchField:focus:-ms-input-placeholder {
	opacity:0;
}
div.searchBox input.searchField:focus::-webkit-input-placeholder{
	opacity:0;
	color:#fff;
}
div.searchBox{
	display:flex;
	flex-flow:row wrap;
	display: -webkit-flex;
    -webkit-flex-flow: row wrap;
	border:1px solid #fff;
}





/* -------------- menu ------------------ */
li.menuBtnPage165{
	display:none;
}

.Menu .navbar.navbar-default ul:before,
.Menu .navbar.navbar-default ul:after{
	display:none;
}
.navbar-default .navbar-nav > li:first-child  > a{ 
	display:none; 
}
.navbar-default {
    background-color: transparent;
    border: medium none;
}
.navbar {
	min-height: 42px;
    border-radius: 0;
    margin-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
 	color:#fff; 
	text-align:center;
	padding:5px 0;
}
.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
}
.nav > li > a {
	font-size: 16px;
    font-weight: 400;
    padding: 0px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active:hover > a, 
.navbar-default .navbar-nav > .active:focus > a {
    background:none;
	color: #000;
	opacity: 1;
} 
.navbar-collapse {
    padding-left: 0px;
    padding-right:0px
}    
ul.nav{
	 width: 100%;
} 
.navbar-collapse:before{
	display:none;
} 
.navbar-default .navbar-nav > .active > a {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    opacity: 1;
}  
.navbar-default .navbar-nav > li:hover > a, 
.navbar-default .navbar-nav > li:focus > a{
	color: #000;
	opacity: 1;
} 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open:hover > a, 
.navbar-default .navbar-nav > .open:focus > a{
	color: #000;
	opacity: 1;
	background-color:transparent;
}

.navbar-nav li.menuBtnPage172 a{
	color:#000;
	border: 1px solid #000;
    padding:5px;
	transition: all 0.3s ease-in-out;
}
.navbar-nav li:last-child a:hover{
	color:#fff;
	border: 1px solid #fff;
    padding:5px;
	transition: all 0.3s ease-in-out;
}
.navbar-nav li .dropdown-menu li:last-child a{
    border: none;
    padding: 5px 20px;
    color: #fff;
}
.dropdown-menu{
	border-radius: 0px;
}
li.menuBtnPage167 ul.dropdown-menu{
	display:none;
}
.navbar-nav>li>.dropdown-menu{
	margin-top: 0px;
	background-color: #04a0b7;
}
.dropdown-menu>li>a{
	color:#fff;
	font-size: 16px;
    font-weight: 400;
}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus,
.navbar-nav li .dropdown-menu li:last-child a:hover{
    text-decoration: none;
    color: #000;
    background-color:transparent;
    opacity:1;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus{
	background-color:transparent;
	color:#000;
}
.navbar-nav li.menuBtnPage172 a {
    color: #000;
    border: 1px solid #000;
    padding: 5px!important;
    margin: auto auto 18px auto !important;
    transition: all 0.3s ease-in-out;
    width: 103px;
    text-align: center;
    position: relative;
}
/*-------------------FOOTER---------------*/
section.Question{
	padding: 20px;
	color:#fff;
}
section.Question h3{
	color: #fff;
    margin-top: 10px;
    font-size: 28px;
}
section.Question.FondBleu .BtnTel{
	display:block;
	background:#000;
	color:#fff;
	padding: 7px 14px;
	margin-top:10px;
	text-align:center;	
}
section.Question.FondBleu a{
	font-weight: 400;
	color:#000;
	display:block;
	background:#fff;
	border:2px solid #fff;
	padding: 5px 12px;
	font-size: 15px;
	text-align:center;
	transition: all 0.3s ease-in-out;	
}
section.Question.FondBleu a:before{
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    background: none;
    font-size: 20px;
    color: #000;
    content: "\f0da";
    text-align: center;
    height: 26px;
    width: 13px;
    padding-top: 3px;
    -webkit-font-smoothing: antialiased;
    margin-right: 6px;
}
section.Question.FondBleu a:hover{
	opacity:1;
	background: none;
	transition: all 0.3s ease-in-out;
	border:2px solid #000;
}
.footer1 ul{
	list-style: outside none none;
}
ul.menuSocialFoot li {
    display: inline-block;
}
ul.menuSocialFoot {
	list-style: outside none none;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 6px 7px;
    border: 1px solid #fff;
    max-width: 138px;
    width:100%;
	float: right;
}
ul.menuSocialFoot li a:before{
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    background: none;
    font-size: 20px;
    color: #fff;
    content: "\f099";
    text-align: center;
    height: 26px;
    width: 17px;
    padding-top: 6px;
    -webkit-font-smoothing: antialiased;
	margin-right:16px;
}
ul.menuSocialFoot li a:before{
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    background: none;
    font-size: 20px;
    color: #fff;
    content: "\f099";
    text-align: center;
    height: 26px;
    width: 17px;
    padding-top: 6px;
    -webkit-font-smoothing: antialiased;
	margin-right:16px;
}
ul.menuSocialFoot li a.btn_facebook:before{ 
    content: "\f09a";
	transition: all 0.3s ease-in-out;
}
ul.menuSocialFoot li a.btn_facebook:hover:before{ 
    color:#496cae;
}
ul.menuSocialFoot li a.btn_twitter:before{ 
	content: "\f099";
	transition: all 0.3s ease-in-out;
}
ul.menuSocialFoot li a.btn_twitter:hover:before{ 
	color: #27b8e5;
}
ul.menuSocialFoot li a.btn_linkedin:before{
	content: "\f0e1";
	transition: all 0.3s ease-in-out;
}
ul.menuSocialFoot li a.btn_linkedin:hover:before{
   color:#008ec3;
}
ul.menuSocialFoot li a.btn_gplus:before{
    content: "\f0d5";
	transition: all 0.3s ease-in-out;
}
ul.menuSocialFoot li a.btn_gplus:hover:before{
    color: #dc493c;
}
ul.menuSocialFoot li a.btn_youtube:before{
   content: "\f16a";
	transition: all 0.3s ease-in-out;
}
ul.menuSocialFoot li a.btn_youtube:hover:before{
    color: #e62117;
}
/*.SocialFoot ul.menuSocial li.facebook {
    padding-left: 5px;
}*/
.footer1 {
    background: #a2a1a1;
    color:#fff;
    padding: 20px 0;
}
.footer1 .container,
footer .footer2.container{
	display:flex;
	flex-flow: row wrap;
    justify-content: space-between;
	display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
}
.footer1 .container:before,
.footer1 .container:after,
.footer2.container:before,
.footer2.container:after{
	display:none;
}
.footer1 .container .AdRs{
	width:70%;
}
.footer1 .container .FootContact{
	text-align:right;
	width:30%;
}
footer .footer1 .Membre ul{
	display:flex;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: 0;
}
footer .footer1 .Membre ul li.Septeo a img{
	width:100%;
    max-width: 318px;
    background: #fff;
    padding: 11px 10px 5px 10px;
    margin: 27px 30px 0 0;
}
footer .footer1 .Membre ul li.Certif a img{
    width: 130px;
    margin-top: 14px;
}
.footer1 .container .Adresse,
.footer1 .container .FootContact{
	font-size:16px;
}
.footer1 .FootContact span.Titre{
	display: inline-block;
    border-top: 1px solid #fff;
    padding-top: 20px;
    padding-bottom: 10px;
}
footer .menufooter1 ul {
    list-style-type: none;
	padding-left: 0px;
}
footer .menufooter1 ul li {
    display: inline-block;
    margin: 0px;
    line-height: normal;
}
footer .menufooter1 ul li a {
    color: #000;
    margin: 0px;
    padding: 0px;
    font-weight: 300;
    font-size: 12px;
}
footer .menufooter1 ul li:before {
    content: '|';
    padding-right: 6px;
}
footer .menufooter1 ul li:first-child:before{
	display:none;
}
.footer2.container .copyright {
    font-size: 12px;
    padding-top: 4px;
    color: #000;
}
.headerContents {
    max-height: 600px;
    overflow: hidden;
    padding-top: 0px;
}
.headerContents .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0px;
}
.headerContents .content_diaporama .carousel-inner>.item>img {
    width: 100%;
    margin-top: 100px;
}
.carousel-control.right,
.carousel-control.left{
	display:none;
}
.headerContents .content_diaporama .diaporamaItemTexte {
    display: block;
    position: absolute;
    top: 380px;
    width: 100%;
}
.headerContents .content_diaporama .diaporamaItemTexte .container {
    max-width: 1250px;
    margin: auto;
    width: 100%;
    text-align: center;
}
.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo{
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 32px;
    display: block;
    text-align:center;
    text-transform: none;
    margin-bottom:25px;
    position:relative;
}
.diaporamaItemTexte .container:before{
	display:none;
}
.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo:before{
	display: block;
    content: "\00a0";
    position: absolute;
    width: 167px;
    height: 91px;
    left: 43%;
    top: -119px;
    background: url(img/logoDiapo.png) no-repeat;
}
.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnDemo{
	color: #ee764c;
    border:2px solid #ee764c;
    padding:5px 10px;
	margin: 20px;
	font-size: 20px;
	display: inline-block;
}
.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnDemo:hover{
	opacity:1;
	border:2px solid #ee764c;
	background:#ee764c;
	color:#fff;
}
.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnEssai{
	color: #fff;
    border:2px solid #ee764c;
    background:#ee764c;
    padding:5px 10px;
	margin: 20px;
	font-size: 20px;
	display: inline-block;
}
.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnEssai:hover{
	opacity:1;
	color:#ee764c;
	border:2px solid #ee764c;
	background:none;
}

/*-------------------ACCUEIL-------------------*/
body.Accueil #actuslider_1447.carousel.slide{
	width: 80%;
}
body.Accueil #actuslider_1447 .carousel-indicators{
	display:none;
}
body.Accueil .content_actus a.carousel-control.right {
    display: block;
    position: absolute;
    top: 45px;
    right: -76px;
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
}    
body.Accueil .content_actus a.carousel-control.right:before {
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 30px;
    color: #000;
    content: "\f054";
    text-align: center;
    height: 40px;
    width: 21px;
    padding-top: 3px;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
}

body.Accueil .content_image.Intro {
	text-align: center;
    max-width: 1000px;
    margin: auto auto 20px auto;
    font-size: 20px;
}
body.Accueil .BlocSolution .Bloc{
	width: 369px;
    padding: 20px 40px;
    border: 1px solid #ccc;
    text-align: center;
}
body.Accueil .BlocSolution .Bloc h2{
	text-align: center;
    font-weight: 400;
    font-size: 21px;
    padding:0;
}
body.Accueil .BlocSolution .Bloc h2 a{
	color:#333;
}
body.Accueil .BlocSolution .Bloc h2 a:hover{
	opacity:1;
}
body.Accueil .BlocSolution .Bloc h2:after{
	display: block;
    content: "\00a0";
    background:#06a0b7;
    width:100px;
    height:2px;
	margin: 20px auto;
}
body.Accueil .BlocSolution .Bloc img{
	margin:auto;
	width:80px;
	transition: all 0.5s ease 0s;
}
body.Accueil .BlocSolution .Bloc img:hover{
	opacity:1;
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
	transition: all 0.5s ease 0s;
}
body.Accueil .BlocSolution .Bloc a.BtnBlocSolution{
    background: #06a0b7;
    border:2px solid #06a0b7;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px;
}
body.Accueil .BlocSolution .Bloc a.BtnBlocSolution:hover{
	opacity:1;
    background: #fff;
    border:2px solid #06a0b7;
    color: #06a0b7;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px;
}
body.Accueil section.BlocVideoRG {
    padding: 40px 0;
    background-color: #e2e2e2;
    margin-top: 40px;
}
body.Accueil section.BlocVideoRG .sectionContainer{
	justify-content:center;
}
body.Accueil section.BlocVideoRG  .TexteGauche{
	width:300px;
	margin-right:40px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
body.Accueil section.BlocVideoRG  .TexteGauche h2{
	text-align:right;
	margin:0;
	padding:0;
	color: #06a0b7;
    font-weight: 400;
    font-size: 33px;
}
body.Accueil section.BlocPilotage{
	background: url(img/Bandeau-Metier-HomePage-RGSystem-V2.png) no-repeat;
    width: 100%;
    background-size: cover;
    margin: 0 0 40px 0;
}
body.Accueil section.BlocPilotage .sectionContainer{
	justify-content: space-around;
    -webkit-justify-content: space-around;
	padding: 30px 0 50px 0;
}
body.Accueil .BlocPilotage h2{
	color:#fff;
	font-weight: 400;
    font-size: 33px;
	text-align: center;
	padding: 0 0 56px 0 ;
}
body.Accueil .BlocPilotage .Bloc img{
	width:90px;
	margin:auto;
}
body.Accueil .BlocPilotage a{
	color: #fff;
	font-weight: 400;
    text-align: center;
    font-size: 22px;
    display: block;
    margin-top: 10px;
}
body.Accueil .BlocPilotage a:hover,
body.Accueil .BlocPilotage .Bloc:hover,
a.lienimage:hover,
a.lienimage:hover img{
	opacity:1;
}
body.Accueil .BlocPilotage img:hover{
	opacity:1;
}

body.Accueil section.BlocPilotage .Bloc{
	width: 200px;
    text-align: center;
    font-size:15px;
    margin: auto;
    transition: all 0.35s ease-in-out;
    letter-spacing: 2px;
    position: relative;
    display: block;
    border: 2px solid rgba(255, 255, 255, 0.7);
    padding: 26px 26px;
    position: relative;
    color: #fff;
    font-weight: 200;
    display: block;
    line-height: 20px;
    overflow: hidden;
	z-index: 100;
}
body.Accueil section.BlocPilotage .Bloc:hover {
	color:#fff;
	background: none;
	border:2px solid #fff;
	transition: all 0.4s ease-in-out;
	box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.0);
}
body.Accueil section.BlocPilotage .Bloc:before {
    box-sizing: border-box;
    transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
	z-index: -1;
}
body.Accueil section.BlocPilotage .Bloc:hover:before {
    transition: .3s transform linear, .3s height linear .3s;
    transform: translateX(0);
    height: 100%;
    border-color: #fff;
}
body.Accueil section.BlocPilotage .Bloc:after {
    box-sizing: border-box;
    transform: translateX(-100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
	z-index: -1;
}
body.Accueil section.BlocPilotage .Bloc:hover:after {
	transition: .3s transform linear .1s, .3s height linear .4s;
    transform: translateX(0);
    height: 100%;
    border-color: #fff;
}
body.Accueil .Avantages h2{
	color:#06a0b7;
	font-weight: 400;
    font-size: 33px;
	text-align: center;
	padding: 0 0 56px 0;
}

body.Accueil section.AvantagesTableau .sectionContainer{
	display: grid;
    grid-template-columns: 400px 350px 356px;
    grid-template-rows: auto;
    display: -ms-grid;
    -ms-grid-columns: 400px 350px 356px;
    -ms-grid-rows: auto;
    justify-content: center;
    -webkit-justify-content: center;
    padding-bottom: 75px;
}
body.Accueil section.AvantagesTableau .sectionContainer:after{
	display:none;
}
body.Accueil section.AvantagesTableau .Gauche .texte .richtext{
	display:inline;
}
body.Accueil section.AvantagesTableau .Gauche .texte .richtext:after{
    content: "";
    display: inline-block;
    width: 90px;
    height: 2px;
    margin-left: 16px;
    background:#ccc;
}
body.Accueil section.AvantagesTableau .Droite .texte .richtext{
	text-align:right;	
}
body.Accueil section.AvantagesTableau .Droite .texte .richtext:before{
    content: "";
    display: inline-block;
    width: 90px;
    height: 2px;
    margin-right: 16px;
    background:#ccc;
}
body.Accueil section.AvantagesTableau .Engagement{
	grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-end:1;
}
body.Accueil section.AvantagesTableau .Nouveautes{
	grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-end:2;
}
body.Accueil section.AvantagesTableau .Branding{
	grid-column-start: 1;
    grid-row-start: 3;
    grid-row-end: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row-end:3;
}
body.Accueil section.AvantagesTableau .Facturation{
	grid-column-start: 1;
    grid-row-start: 4;
    grid-row-end: 4;
    -ms-grid-column: 1;
    -ms-grid-row: 4;
    -ms-grid-row-end:4;
}
body.Accueil section.AvantagesTableau .Application{
	grid-column-start: 1;
    grid-row-start: 5;
    grid-row-end: 5;
    -ms-grid-column: 1;
    -ms-grid-row: 5;
    -ms-grid-row-end:5;
}
body.Accueil section.AvantagesTableau .Roadmap{
	grid-column-start: 1;
    grid-row-start: 6;
    grid-row-end: 6;
    -ms-grid-column: 1;
    -ms-grid-row: 6;
    -ms-grid-row-end:6;
}
body.Accueil section.AvantagesTableau .MAJ{
	grid-column-start: 1;
    grid-row-start: 7;
    grid-row-end: 7;
    -ms-grid-column: 1;
    -ms-grid-row: 7;
    -ms-grid-row-end:7;
}
body.Accueil section.AvantagesTableau .Arborescence{
	grid-column-start: 1;
    grid-row-start: 8;
    grid-row-end: 8;
    -ms-grid-column: 1;
    -ms-grid-row: 8;
    -ms-grid-row-end:8;
}
body.Accueil section.AvantagesTableau .Roue{
	grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: span 8;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
     -ms-grid-row-span: 8;
}
body.Accueil section.AvantagesTableau .Installation{
	grid-column-start: 3;
    grid-row-start: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}
body.Accueil section.AvantagesTableau .Editeur{
	grid-column-start: 3;
    grid-row-start: 2;
    -ms-grid-column: 3;
    -ms-grid-row: 2;
}
body.Accueil section.AvantagesTableau .Interface{
	grid-column-start: 3;
    grid-row-start: 3;
    -ms-grid-column: 3;
    -ms-grid-row: 3;
}
body.Accueil section.AvantagesTableau .SaaS{
	grid-column-start: 3;
    grid-row-start: 4;
    -ms-grid-column: 3;
    -ms-grid-row: 4;
}
body.Accueil section.AvantagesTableau .Support{
	grid-column-start: 3;
    grid-row-start: 5;
    -ms-grid-column: 3;
    -ms-grid-row: 5;
}
body.Accueil section.AvantagesTableau .essai{
	grid-column-start: 3;
    grid-row-start: 6;
    -ms-grid-column: 3;
    -ms-grid-row: 6;
}
body.Accueil section.AvantagesTableau .Dashboard{
	grid-column-start: 3;
    grid-row-start: 7;
    -ms-grid-column: 3;
    -ms-grid-row: 7;
}
body.Accueil section.AvantagesTableau .Developpement{
	grid-column-start: 3;
    grid-row-start: 8;
    -ms-grid-column: 3;
    -ms-grid-row: 8;
}
body.Accueil section.Tableau.NewsAccueil .sectionContainer {
    display: grid;
    grid-template-columns:550px 1fr 550px;
    grid-template-rows: auto;
    display: -ms-grid;
    -ms-grid-columns:550px 1fr 550px;
    -ms-grid-rows:auto;
    padding-bottom: 32px;
	text-align: justify;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
body.Accueil section.Tableau.NewsAccueil .sectionContainer:after{
	display:none;
}
body.Accueil section.Tableau.NewsAccueil .TitreFull{
	grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: span 3;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
	-ms-grid-column-span: 3;
}
body.Accueil section.Tableau.NewsAccueil .BlocNews.Gauche{
	grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-end:2;
}
body.Accueil section.Tableau.NewsAccueil .BoutonTweet{
	grid-column-start: 1;
    grid-row-start: 3;
    grid-row-end: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row-end:3;
}
body.Accueil section.Tableau.NewsAccueil .BlocNews.Droite{
	grid-column-start: 3;
    grid-row-start: 2;
    grid-row-end: 2;
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    -ms-grid-row-end:2;
}
body.Accueil section.Tableau.NewsAccueil .BoutonActu{
	grid-column-start: 3;
    grid-row-start: 3;
    grid-row-end: 3;
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    -ms-grid-row-end:3;
}
body.Accueil .NewsAccueil{
	padding-bottom:30px;
}
body.Accueil .NewsAccueil h2{
	color:#000;
	font-weight: 400;
	text-transform:uppercase;
    font-size: 28px;
	text-align: center;
	padding: 20px 0 10px 0;
}
body.Accueil .NewsAccueil h3{
	color: #06a0b7;
    font-weight: 400;
    text-transform:uppercase;
    font-size: 22px;
    text-align: left;
    padding: 0 0 20px 0;
}
/*body.Accueil .NewsAccueil .BlocNews{
	width: 500px;
	text-align: justify;
}*/
body.Accueil .NewsAccueil .BlocNews h4{
	font-weight: 400;
    margin: 00 0 5px 0;
    padding-top: 20px;
}
body.Accueil .NewsAccueil .BlocNews .actu_readmore,
body.Accueil .NewsAccueil .BlocNews .readAllActus{
	display:none;
}
body.Accueil .lasttweets ul{
	list-style: none;
	padding: 0;
}
body.Accueil .lasttweets ul li{
	padding-bottom: 10px;
}
body.Accueil .lasttweets ul li:before{
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    background: none;
    font-size: 20px;
    color: #333;
    content: "\f099";
    text-align: center;
    height: 26px;
    width: 17px;
    padding-top: 6px;
    -webkit-font-smoothing: antialiased;
    margin-right: 16px;
}
body.Accueil .BtnAccueilActu a,
body.Accueil .BtnAccueilTweet a,
a.BtnAccueilActu{
    color: #06a0b7;
    display: inline-block;
    padding: 7px 14px;
    margin-top: 30px;
    border: 2px solid #06a0b7;
    position: relative;
    z-index: 1;
}
a.BtnAccueilActu{
	margin-top: 40px;
}
body.Accueil .BtnAccueilActu a:hover,
body.Accueil .BtnAccueilTweet a:hover,
a.BtnAccueilActu:hover{
	color:#fff;
	opacity:1;
}
body.Accueil .BtnAccueilActu a:before,
body.Accueil .BtnAccueilTweet a:before,
a.BtnAccueilActu:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #06a0b7;
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: .35s transform ease-out;
	z-index: -1;
}
body.Accueil .BtnAccueilActu a:hover:before,
body.Accueil .BtnAccueilTweet a:hover:before,
a.BtnAccueilActu:hover:before{
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
	transition: .35s transform ease-out;
	opacity:1;
}




/*-----------------metier--------*/
body.Metier .headerContents .content_diaporama{
    height: 450px;	
}
.headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: -176px;
}
body.Metier h1 {
    color: #06a0b7;
    padding: 20px 0px;
    margin: 0;
}
body.Metier .container.sousMenu {
 	display:none;
}
body.Metier section.Intro .sectionContainer{
	max-width: 950px;
}
body.Metier section.Intro h2{
    font-size: 27px;
    padding-top: 0px;
    margin-bottom: 40px;
}
body.Metier section.BlocMetier{
	margin-bottom:30px;

}
body.Metier section.BlocMetier .sectionContainer{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
}
body.Metier section.BlocMetier .Bloc a {
	display:block;
    background: #ccc;
    width: 200px;
    height: 200px;
	transition: all 0.35s ease-in-out;
}
body.Metier section.BlocMetier .Bloc a img {
    width: 90px;
	padding-top: 52px;
    margin: auto;
	transition: all 0.35s ease-in-out;
}
body.Metier section.BlocMetier .Bloc:hover img{
	transform:scale(1.1,1.1);
	transition: all 0.35s ease-in-out;
}
body.Metier section.BlocMetier .Bloc .richtext a{
    background: none;
    text-transform:uppercase;
    height: auto;
    color: #000;
    text-align: center;
    font-size: 20px;
    display: block;
    margin-bottom: 33px;
    margin-top: 6px;
}
body.Metier section.BlocMetier .Bloc:hover a {
    background: #04a0b7;
	transition: all 0.35s ease-in-out;
}
body.Metier section.BlocMetier .Bloc:hover .richtext a{
	background:none;
	color:#04a0b7;
	opacity:1;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*-----------------metier detail--------*/
body.Metier.Detail .headerContents .content_diaporama{
    height: 450px;	
}
body.Metier.Detail .headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: -199px;
}
body.Metier.Detail h1 {
    color: #06a0b7;
    padding: 20px 0px;
    margin: 0;
}
body.Metier.Detail section.Intro .sectionContainer{
	max-width:1000px;
	width:100%;
	text-align:center;
}
body.Metier.Detail section.TopBenef.FondGris{
	padding:40px 0;
}
body.Metier.Detail section.TopBenef .Droite{
	width:350px;
}
body.Metier.Detail section.TopBenef .Gauche{
	width:800px;
}
body.Metier.Detail section.TopBenef h2 {
    font-weight: 400;
    text-align:left;
    font-size: 30px;
    color: #04a0b7;
    padding: 0px 0px 6px 0px;
    margin-left: 0;
    margin-top: 0;
}
body.Metier.Detail section.TopBenef ul h3 {
    font-weight: 400;
    text-align:left;
    font-size: 20px;
    color: #000;
    padding: 0px 0px 0px 0px;
    margin-bottom: 5px;
}
body.Metier.Detail section.TopBenef ul{
	list-style: none;
	padding-left: 29px;
}
body.Metier.Detail section.TopBenef ul li{
	position:relative;
}
body.Metier.Detail section.TopBenef ul li:before{
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    position: absolute;
    background: none;
    font-size: 20px;
    color: #04a0b7;
    content: "\f00c";
    text-align: center;
    height: 26px;
    width: 20px;
    padding-top: 6px;
    -webkit-font-smoothing: antialiased;
    left: -32px;
    top: -3px;
}
body.Metier.Detail section.Fonctionnalites h2 {
    font-weight: 400;
    text-align:center;
    font-size: 30px;
    color: #04a0b7;
    padding: 40px 0;
    margin-left: 0;
    margin-top: 0;
}
body.Metier.Detail section.Fonctionnalites .content_image.Picto {
	padding-bottom: 30px;
    display: block;
    width: 215px;
    text-align: center;
    margin: 15px;
	transition: .35s transform ease-out;
	color:#04a0b7;
}
body.Metier.Detail section.Fonctionnalites img {
    margin:auto;
}
/*body.Metier.Detail section.Fonctionnalites .content_image.Picto:hover{
	transform:scale(1.1);
	transition: .35s transform ease-out;
	opacity:1;
}*/
body.Metier.Detail section.Temoignage h2{
    font-weight: 400;
    text-align: left;
    font-size: 30px;
    color: #04a0b7;
    padding: 40px 0 10px 0;
    margin-left: 55px;
    margin-top: 0;
    position: relative;
}
body.Metier.Detail section.Temoignage h2:before{
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    position: absolute;
    background: none;
    font-size: 41px;
    color: #04a0b7;
    content: "\f10d";
    text-align: center;
    height: 40px;
    width: 42px;
    padding-top: 0;
    -webkit-font-smoothing: antialiased;
    left: -54px;
    top: 35px;
}
body.Metier.Detail section.Temoignage .content_actus .actu_readmore,
body.Metier.Detail section.Temoignage .readAllActus{
	display:none;
}
body.Metier.Detail section.Temoignage .content_actus .carousel-indicators li{
	background:#a2a1a1;
	border:1px solid #a2a1a1;
	width: 12px;
    height: 12px;
}
body.Metier.Detail section.Temoignage .content_actus h4{
	font-size:20px;
}
body.Metier.Detail section.Temoignage .carousel-indicators li.active{
	background-color: #04a0b7;
	border:1px solid #04a0b7;
	margin: 1px;
}
body.Metier.Detail section.Temoignage.FondGrisClair{
	padding-bottom:30px;
}
/*--------------------------FormuFoot-----------*/
section.FormuFoot h3{
	margin-bottom: 10px;
    text-align: center;
    padding-top: 20px;
}
section.FormuFoot .content_frmcontact{
	text-align:center;
	margin: auto;
}
section.FormuFoot form{
	padding-top:30px;
}
section.FormuFoot .fieldset {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
	max-width: 800px;
    position: relative;
    padding-bottom: 50px;
}
section.FormuFoot input#contactFrm_captcha {
    font-size: 11px;
}
section.FormuFoot .form-control{
	border-radius: 0;
    height: 34px;
    font-size: 16px;
    color: #000;
    background-color: #f0f0f0;
    background-image: none;
    border: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
section.FormuFoot .form-horizontal .form-group {
    width: 50%;
}
section.FormuFoot .fieldset .control-label{
	display:none;
}
section.FormuFoot .fieldset .col-md-8 {
    width: 100%;
}
section.FormuFoot .contactFrmInfo{
	display:none;
}
section.FormuFoot .captchaField .captcha-col1 img {
    width: 97px;
}
section.FormuFoot .champ_btnenvoi .btnSubmit {
    border: 2px solid #04a0b7;
    text-align: center;
    background: #04a0b7;
    color: #fff;
	font-weight: 300;
    margin-left: 4px;
    padding: 5px 8px;
    width: auto;
    font-size: 18px;
    transition: all 0.3s linear;
}
section.FormuFoot .champ_btnenvoi .btnSubmit:before {
    font: normal normal normal 14px/1 FontAwesome;
	font-size: 17px;
    display: inline-block;
    color: #fff;
    content: "\f1d8";
    text-align: left;
    width: 27px;
	transition: all 0.3s linear;
    -webkit-font-smoothing: antialiased;
}
section.FormuFoot .champ_btnenvoi .btnSubmit:hover:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    color: #04a0b7;
    content: "\f1d8";
    text-align: left;
    width: 27px;
	transition: all 0.3s linear;
    -webkit-font-smoothing: antialiased;
}
section.FormuFoot .champ_btnenvoi .btnSubmit:hover {
    border: 2px solid #04a0b7;
    background: #fff;
    color: #04a0b7;
    transition: all 0.3s linear;
}

/*--------------------- Solution -----------*/
body.Solution .headerContents .content_diaporama {
    height: 450px;
}
body.Solution .headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: -200px;
}
body.Solution .container.sousMenu{
	display:none;
}
body.Solution section.BlocFlip .sectionContainer{
	justify-content: space-around;
    -webkit-justify-content: space-around;
	padding-bottom: 60px;
}
body.Solution section.Intro{
	max-width: 910px;
	margin:auto;
}
body.Solution h1 {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}
body.Solution h2 {
	text-align: center;
	font-weight: 300;
	font-size: 24px;
	color: #000;
	padding: 0 0 40px 0;
	margin: 0;
	line-height: normal;
}
body.Carrefour .content.flip-container{
	height: 215px;
    width: 180px;
    color: #000;
    position: relative;
    margin: 35px 10px;
    -webkit-perspective: 600px;
    perspective: 600px;
}   
body.Carrefour  .content.flip-container .texte{
	width:100%;
	height:215px;
}
body.Carrefour  .content.flip-container .texte .derriere,
body.Carrefour  .content.flip-container .texte .devant{
	width:100%;
	height:215px;
	position:absolute;
	left:0;
	top:0;
	transition:.8s
}
body.Carrefour  .content.flip-container .texte .derriere{
    outline: 1px solid transparent;
    background: url(img/CarrefourSolution/verso.png) no-repeat center rgba(4, 160, 183,0.85);
    overflow: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
}
body.Carrefour  .content.flip-container .texte .devant{
	outline:1px solid transparent;
	overflow:hidden;
	transform-style: preserve-3d;
	backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
}
body.Carrefour .content.flip-container .texte .devant.Perso{
	outline:1px solid transparent;
	overflow:hidden;
	transform-style: preserve-3d;
	backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
	background:url(img/CarrefourSolution/RMM.png) no-repeat center;
}
body.Carrefour  .content.flip-container .texte .devant.Perso span{
	text-align: center;
    margin: auto;
    display: block;
    font-size: 20px;
}
body.Carrefour .content.flip-container .texte .devant.Perso span a {
    text-align: center;
    margin: auto;
    display: block;
    font-size: 20px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    color: #000;
    line-height: 22px;
}
body.Carrefour  .content.flip-container .texte .derriere span a{
    opacity: 1;
    text-align: right;
    margin-left: 60px;
    display: block;
    font-size: 22px;
    color: #fff;
    height: 100%;
    line-height: 40px;
    padding-top: 78px;
    line-height: 23px;
    border-radius: 0;
    width: 100px;
    cursor: pointer;
}
body.Carrefour .content.flip-container .texte .devant.RMM{
	background:url(img/CarrefourSolution/RMM_34.jpg) no-repeat center 0;
}
body.Carrefour .content.flip-container .texte .devant.Security{
	background:url(img/CarrefourSolution/Security_34.jpg) no-repeat center 0;
}
body.Carrefour .content.flip-container .texte .devant.Backup{
	background:url(img/CarrefourSolution/Backup_34.jpg) no-repeat center 0;
}
body.Carrefour  .content.flip-container:hover .derriere{
	transform:rotateY(0);
	-webkit-transform:rotateY(0);
}
body.Carrefour .content.flip-container:hover .devant{
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
body.Carrefour.Solution section.FondGris{
	padding:40px 0 0px 0;
}
body.Carrefour.Solution section.Intro2 .sectionContainer{
    max-width: 910px;
    margin: auto;
    text-align:center;
}
body.Carrefour.Solution section.Intro2 h2{
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    color: #04a0b7;
    max-width: 464px;
    margin: auto;
}
body.Carrefour.Solution section.SolutionFonctionnalites .sectionContainer{
	justify-content: center;
    -webkit-justify-content: center;
}
body.Carrefour.Solution section.SolutionFonctionnalites .content_image.Picto {
	padding-bottom: 30px;
    display: block;
    width: 215px;
    text-align: center;
    margin:0px 50px;
	transition: .35s transform ease-out;
}
body.Carrefour.Solution section.SolutionFonctionnalites .Picto a{
	color:#fff;
}
body.Carrefour.Solution section.SolutionFonctionnalites img {
    margin:auto;
}
body.Carrefour.Solution section.FondGris.BoutonCTA {
    padding: 0px 0 40px 0;
}
body.Carrefour.Solution section.BoutonCTA .sectionContainer{
   justify-content:center;
	-webkit-justify-content: center;
}
body.Carrefour.Solution section.BoutonCTA a.FondRotation{
	display:block;
	position:relative;
	overflow: hidden;
    width: 245px;
	background: transparent;;
    border:2px solid #06a0b7;
    color: #06a0b7;
    margin: 23px;
    display: inline-block;
    padding: 7px 16px;
}
body.Carrefour.Solution section.BoutonCTA a.FondRotation:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #06a0b7;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
body.Carrefour.Solution section.BoutonCTA a.FondRotation:hover {
    color: #fff;
	z-index: 2;
    opacity: 1;
    border-color: #06a0b7;
}
body.Carrefour.Solution section.BoutonCTA a.FondRotation:hover:before{
    opacity: 1;
    background-color: #06a0b7;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}

/*-------------------Solution Detail---------*/
body.Solution.Detail .headerContents .content_diaporama {
    height: 400px;
}
body.Solution.Detail h1 {
    color: #06a0b7;
    padding: 20px 0px;
    margin: 0 auto;
    max-width: 645px;
}
body.Solution.Detail section.Intro .sectionContainer {
    max-width: 1000px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
body.Solution.Detail section.Avantage .sectionContainer{
	padding:40px 15px;
}
body.Solution.Detail .GaucheImage{
	width: 500px;
}
body.Solution.Detail .DroiteTexte{
	max-width: 600px;
}
body.Solution.Detail .DroiteImage{
	width: 500px;
}
body.Solution.Detail .GaucheTexte{
	max-width: 600px;
}
body.Solution.Detail section.Avantage h2 {
    text-align: left;
    font-weight: 300;
    font-size: 30px;
    padding: 0;
    margin-top:0px;
}
body.Solution.Detail section.Avantage h2:after{
	content: "";
    background: #04a0b7;
    display: block;
    height: 2px;
    margin-top: 20px;
    width: 80px;
}
body.Solution.Detail section.FondGris.BtnPlus .sectionContainer{
   justify-content:center;
	-webkit-justify-content: center;
}
body.Solution.Detail section.FondGris.BtnPlus .content_lien.FondRotation a{
	text-align: center;
	position:relative;
	overflow: hidden;
    width: 245px;
	background: transparent;;
    border:2px solid #06a0b7;
    color: #06a0b7;
    margin: 23px;
    display: inline-block;
    padding: 7px 16px;
    transition: all 0.35s ease-in-out;
}
body.Solution.Detail section.FondGris.BtnPlus .content_lien.FondRotation a:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #06a0b7;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
body.Solution.Detail section.FondGris.BtnPlus .content_lien.FondRotation a:hover {
    color: #fff;
	z-index: 2;
    opacity: 1;
    border-color: #06a0b7;
}
body.Solution.Detail section.FondGris.BtnPlus .content_lien.FondRotation a:hover:before{
    opacity: 1;
    background-color: #06a0b7;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
/*--------------- Ressources -----------*/
body.Ressource .headerContents .content_diaporama{
    height: 450px;	
}
body.Ressource .headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: 108px;
}
body.Ressource .pagedefaut{
	margin-top: 0px;
}
body.Ressource section.Intro .sectionContainer{
	max-width:960px;
}
body.Ressource section.Intro .sectionContainer h1{
	padding-top:0;
}
body.Ressource section.Telechargement.Doc .sectionContainer{
    display: grid;
	grid-template-columns: 305px 25% 25% 25%;
    grid-template-rows: auto;
    display: -ms-grid;
    -ms-grid-columns: 305px 25% 25% 25%;
    -ms-grid-rows: 50% 50%;
    padding-bottom: 75px;
}
body.Ressource section.Telechargement.Doc .sectionContainer:after{
	display:none;
}
body.Ressource section.Telechargement.Doc .PictoTelechargez{
	grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: span 3;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    border-right: 1px solid #06a0b7;
	height: 188px;
}
body.Ressource section.Telechargement.Doc .Contenu{
	grid-column-start: 2;
    grid-row-start: 1;
    grid-column-end: span 3;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column-span: 3;
    margin-left: 54px;
}
body.Ressource section.Telechargement.Doc .PictoTelechargez .image img{
    width: 93px;
    margin: 20px auto 10px;
}
body.Ressource section.Telechargement.Doc .PictoTelechargez .image .richtext{
	margin: 0px auto 20px auto;
    text-align: center;
    line-height: normal;
    font-size: 20px;
	color:#06a0b7;
}
body.Ressource section.Telechargement.Doc .Contenu h2,
body.Ressource section.Telechargement.Appli .Contenu h2,
body.Ressource section.Telechargement.Agent .Contenu h2{
	text-align: left;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 26px;
    font-weight: 400;
}
body.Ressource section.Telechargement.Doc .content.content_fichier{
	margin-left: 53px;
}
body.Ressource section.Telechargement.Doc .content.content_fichier.Plaquette{
	grid-column-start:2;
	grid-row-start:2;
	-ms-grid-column: 2;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Doc .content.content_fichier.FicheMSP{
	grid-column-start:3;
	grid-row-start:2;
	-ms-grid-column: 3;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Doc .content.content_fichier.FicheIntegrateur{
	grid-column-start:4;
	grid-row-start:2;
	-ms-grid-column: 4;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Doc .content.content_fichier.FicheEditeur{
	grid-column-start:2;
	grid-row-start:3;
	-ms-grid-column: 2;
    -ms-grid-row: 3;
}
body.Ressource section.Telechargement.Doc .content.content_fichier.LivreBlancSupervision{
	grid-column-start:3;
	grid-row-start:3;
	-ms-grid-column:3;
    -ms-grid-row: 3;
}
body.Ressource section.Telechargement.Doc .content_fichier .lienfichier a.FondRotation{
    text-align: center;
    border: 2px solid #000;
    color: #000;
    margin: 10px 0px 10px 0;
}
body.Ressource section.Telechargement.Doc .content_fichier .lienfichier a.FondRotation:hover,
body.Ressource section.Telechargement.Agent .content_fichier .lienfichier a.FondRotation:hover,
body.Ressource section.Telechargement.Appli a.FondRotation:hover{
    color: #fff;
    opacity: 1;
    border-color: #06a0b7;
}
body.Ressource section.Telechargement.Doc .content_fichier .lienfichier a.FondRotation:hover:before,
body.Ressource section.Telechargement.Agent .content_fichier .lienfichier a.FondRotation:hover:before,
body.Ressource section.Telechargement.Appli a.FondRotation:hover:before{
	background-color:#06a0b7;
}
body.Ressource section.Telechargement.Appli a.FondRotation{
    text-align: center;
    border: 2px solid #000;
    color: #000;
    margin: 10px 20px 10px 0;
}
body.Ressource section.Telechargement.Appli{
	padding-bottom: 75px;
}
body.Ressource section.Telechargement.Appli .PictoTelechargez{
	width:305px;
	height: 188px;
	border-right: 1px solid #06a0b7;
}
body.Ressource section.Telechargement.Appli .PictoTelechargez .image img {
    width: 93px;
    margin: 20px auto 10px;
}
body.Ressource section.Telechargement.Appli .PictoTelechargez .image .richtext {
    margin: 0px auto 20px auto;
    text-align: center;
    line-height: normal;
    font-size: 20px;
	color:#06a0b7;
}
body.Ressource section.Telechargement.Appli .Contenu{
	max-width:70%;
}
body.Ressource section.Telechargement.Appli a.FondRotation{
	width:300px;
}

/*.Telechargement.Agent*/
body.Ressource section.Telechargement.Agent .sectionContainer{
    display: grid;
	grid-template-columns: 305px 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    display: -ms-grid;
    -ms-grid-columns: 305px 1fr 1fr 1fr 1fr 1fr;
    /*-ms-grid-columns: 305px 15% 15% 15% 15% 15%;*/
    -ms-grid-rows: 50% 50%;
    padding-bottom: 75px;
}
body.Ressource section.Telechargement.Agent .sectionContainer:after{
	display:none;
}
body.Ressource section.Telechargement.Agent .PictoTelechargez{
	grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: span 2;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
	border-right: 1px solid #08a0b8;
}
body.Ressource section.Telechargement.Agent .Contenu{
	grid-column-start: 2;
    grid-row-start: 1;
    grid-column-end: span 6;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column-span: 6;
    margin-left: 54px;
}
body.Ressource section.Telechargement.Agent .Zip{
	grid-column-start: 2;
    grid-row-start: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Agent .Msi{
	grid-column-start: 3;
    grid-row-start: 2;
    -ms-grid-column: 3;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Agent .Tar{
	grid-column-start: 4;
    grid-row-start: 2;
    -ms-grid-column: 4;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Agent .Tar64{
	grid-column-start: 5;
    grid-row-start: 2;
    -ms-grid-column: 5;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Agent .dmg{
	grid-column-start: 6;
    grid-row-start: 2;
    -ms-grid-column: 6;
    -ms-grid-row: 2;
}
body.Ressource section.Telechargement.Agent .content.content_fichier{
	margin-left: 53px;
}
body.Ressource section.Telechargement.Agent .PictoTelechargez .image img{
    width: 93px;
    margin: 20px auto 20px;
}
body.Ressource section.Telechargement.Agent .PictoTelechargez .image .richtext{
	margin: 0px auto 20px auto;
    text-align: center;
    line-height: normal;
    font-size: 20px;
    color:#04a0b7;
}
body.Ressource section.Telechargement.Agent .content_fichier .lienfichier a.FondRotation{
    text-align: center;
    border: 2px solid #000;
    color: #000;
	width: 130px;
    margin: 10px 0px 10px 0;
}

/*--------------- Societe -----------*/
body.Societe .headerContents .content_diaporama{
    height: 450px;	
}
body.Societe .headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: 104px;
}
body.Societe .pagedefaut{
	margin-top: 0px;
}
body.Societe .sectionContainer h1{
	padding:0;
	margin:0 0 40px 0;
}
body.Societe .sectionContainer h2{
    padding: 0;
    margin: 0;
    text-align: left;
    color: #04a0b7;
    font-size: 26px;
    font-weight: 400
}
body.Societe .sectionContainer h3{
    padding: 0;
    margin: 10px 0 10px 0px;
    font-size: 24px;
    font-weight: 400;
}
body.Societe section.Intro{
	padding-bottom:40px;
}
body.Societe section.Intro .sectionContainer .Gauche{
	width:100%;
	max-width:280px;
	text-align:center;
}
body.Societe section.Intro .sectionContainer .Gauche .richtext{
	font-weight: 400;
}
body.Societe section.Intro .sectionContainer .Gauche img{
	margin:auto;
}
a.BtnSte{
	color: #06a0b7;
    display: inline-block;
    padding: 7px 14px;
    margin-top: 10px;
    border: 2px solid #06a0b7;
    position: relative;
    z-index: 1;
}
a.BtnSte:hover{
	color: #fff;
    opacity: 1;
}
a.BtnSte:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #06a0b7;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: .35s transform ease-out;
    z-index: -1;
}
a.BtnSte:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: .35s transform ease-out;
    opacity: 1;
}
body.Societe section.Intro .sectionContainer .Droite{
	width:70%;
	text-align:justify;
}
/*body.Societe section.Intro .sectionContainer .Gauche{
	padding-right:80px;
	border-right: 1px solid #ccc;
}*/

body.Societe section.Team .sectionContainer{
	justify-content: center;
    -webkit-justify-content: center;
}
body.Societe section.Contenu{
	margin:20px 0;
    padding: 10px 0 33px 0;
}
body.Societe section.Contenu .sectionContainer{
	justify-content: space-around;
	-webkit-justify-content: space-around;
}
body.Societe section.Contenu h2 {
    text-align:center;
	padding:30px 0;
}
body.Societe section.Contenu .sectionContainer h3 {
    padding: 13px 0;
    font-size: 23px;
    font-weight: 400;
    width: 140px !important;
}
body.Societe section.Contenu .AnimationGauche,
body.Societe section.Contenu .AnimationDroite{
	width:500px;
}
body.Societe section.Contenu .ui-accordion .ui-accordion-icons{
    padding-left: 0px;
    width: inherit;
    margin: auto;
}
body.Societe section.Contenu .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:0;
	border-top-left-radius:0;
}
body.Societe section.Contenu  .ui-state-default{
	border: none;
    background: none;
    color: #000;
}
body.Societe section.Contenu .ui-accordion .ui-accordion-content{
	border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;  
}
body.Societe section.Contenu .ui-widget-content{
	font-size: 18px;
    background: none;
    border:none;
}
body.Societe .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    margin-top: -8px;
    right: 0;
    left: -33px;
    top: 27px;
}
body.Societe .ui-state-default .ui-icon {
    content: "";
    display: inline-block;
    background: url(img/Plus.png) no-repeat;
    height: 21px;
    width: 21px;
     transition: all 0.25s ease-in-out;
}
body.Societe .ui-accordion .ui-accordion-header .ui-accordion-header-active .ui-accordion-header-icon{
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 415px;
    left: inherit;
}
body.Societe .ui-state-hover .ui-icon{
	background: url(img/Plus.png) no-repeat;
	transform:rotate(45deg);
 	transition: all 0.25s ease-in-out;
}
body.Societe .ui-state-active .ui-icon {
    content: "";
    display: inline-block;
	background: url(img/Plus.png) no-repeat;
    height: 21px;
    width: 21px;
    transform:rotate(45deg);
 	transition: all 0.25s ease-in-out;
}
body.Societe .ui-accordion .ui-accordion-content{
	padding:0;
}
body.Societe section.Team h2,
body.Societe section.Team h3,
body.Societe section.Team h4{
	text-align:center;
}
body.Societe section.Team h3,
body.Societe section.Team h4{
	color:#fff;
}
body.Societe section.Team h3{
	margin-bottom:2px;
}
body.Societe section.Team h2{
	padding:30px;
}
body.Societe section.Team h4{
	font-weight: 400;
    margin-top: 0px;
}
body.Societe section.Team h4:after{
	display:block;
	background:#fff;
	width:20px;
	content:"";
	height:2px;
	margin:10px auto auto;
}
body.Societe section.Team{
	padding-bottom:40px;
}
body.Societe section.Team .content_image.BlocEquipe{
    text-align: center;
    width: 266px;
	height: 258px;
    position: relative;
	overflow: hidden;
}
body.Societe section.Team .content_image.BlocEquipe .ContenuTeam{
	position:absolute;
	background: #04a0b7;
    color: #fff;
	padding:5px;
	width:266px;
	height:258px;
	top:0px;
	left:0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.40s ease;
	opacity:0;
}
body.Societe section.Team .content_image.BlocEquipe img{
	transition: all 0.40s ease;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
body.Societe section.Team .content_image.BlocEquipe:hover .ContenuTeam{
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0); 
     opacity:1;
     transition: all 0.40s ease;
}
body.Societe section.Team .content_image.BlocEquipe:hover img{
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity:0;
    transition: all 0.3s ease-in-out;
}
body.Societe section.Team .content_image.BlocEquipe:hover .ContenuTeam a span{
	display:none;
}
body.Societe section.Team .content_image.BlocEquipe:hover .ContenuTeam a.linkedin:before{
	position: absolute;
	margin:auto;
    bottom: 15px;
    left: 107px;
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    background: none;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.52);
    content: "\f0e1";
    text-align: center;
    height: 26px;
    width: 17px;
    padding-top: 6px;
    -webkit-font-smoothing: antialiased;
    transition: all 0.3s ease-in-out;
}
body.Societe section.Team .content_image.BlocEquipe:hover .ContenuTeam a.twitter:before{
	position: absolute;
	margin:auto;
	display:block;
    bottom: 15px;
    left: 137px;
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    background: none;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.52);
    content: "\f099";
    text-align: center;
    height: 26px;
    width: 17px;
    padding-top: 7px;
    -webkit-font-smoothing: antialiased;
    transition: all 0.3s ease-in-out;
}
body.Societe section.Team .content_image.BlocEquipe:hover .ContenuTeam a.twitter:hover:before,
body.Societe section.Team .content_image.BlocEquipe:hover .ContenuTeam a.linkedin:hover:before{
	color:#000;
    transition: all 0.3s ease-in-out;
}
body.Societe section.Rejoindre .sectionContainer{
	justify-content: center;
    -webkit-justify-content: center;
}



/*---------------------Rejoignez-------------------*/
body.Rejoignez .pagedefaut {
    margin-top: 103px;
}
body.Rejoignez section.Intro .sectionContainer {
    max-width: 1000px;
    width: 100%;
    text-align: center;
}
body.Rejoignez .sectionContainer h1 {
    padding: 0;
    margin: 0 0 40px 0;
}
body.Rejoignez section.FondGrisClair{

}
body.Rejoignez section.Formulaire{
	margin-top:40px;
	padding:60px 0;
}
body.Rejoignez .content.content_frmcontact {
    width: 55%;
    margin:auto;
}
body.Rejoignez .form-horizontal .control-label {
    text-align: left;
}
body.Rejoignez .form-group .info{
	font-size: 12px;
	font-style:normal;
	color:#000;
}



/*--------------contact-----------*/
body.Contact .headerContents .content_diaporama{
    height: 450px;	
}
body.Contact .headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: 92px;
}

body.Contact section.FondGrisClair{
	padding:60px 0;
}
body.Contact h1 {
    padding-top: 0;
    text-transform:uppercase;
	margin-bottom: 0;
}
body.Contact .content.content_frmcontact {
    width: 60%;
}
body.Contact .form-horizontal .control-label {
    text-align: left;
}
body.Contact h2 {
	font-size: 20px;
    padding: 0;
    margin:0;
    text-align: center;
}
body.Contact .content.content_frmcontact .btnSubmit,
body.Rejoignez .content.content_frmcontact .btnSubmit{
	margin-top: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    display: block;
    background: #06a0b7;
    border: 2px solid #06a0b7;
    padding: 7px 23px;
    width: auto;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
body.Contact .content.content_frmcontact .btnSubmit:hover,
body.Rejoignez .content.content_frmcontact .btnSubmit:hover {
    opacity: 1;
    color: #000;
    background: none;
    transition: all 0.3s ease-in-out;
    border: 2px solid #000;
}
body.Contact h3 {
	font-size: 27px;
	margin-top: 11px;
	color:#04a0b7;
    text-align: center;
    font-weight: 400;
}
body.Contact h4 {
	font-size: 16px;
    text-align: center;
    font-weight: 300;
}
body.Contact .texte.image img{
	margin: auto;
    width: 85px;
    padding-bottom: 30px;
}
body.Contact .texte.image{
    background: #fff;
    padding: 37px;
}
/*body.Contact .content_image.InfoFake .texte.image,*/
.contactFrmInfo{
    background: none;
    padding: 0;
    font-size:12px;
	text-align: justify;
}
body.Contact section.Localisation {
    padding: 50px 0;
}
body.Contact .content_image.Bloc{
	width:50%;
}
body.Contact .content_image.Bloc .texte.image{
	padding:0;
	position: relative;
}
body.Contact .content_image.Bloc .texte.image img{
	margin: auto;
    width: 100%;
    padding-bottom: 0px;
}
.AdresseContact {
	position: absolute;
    padding: 30px 10px;
    background: rgba(255, 255, 255, 0.83);
    top: 118px;
    left: 0;
    width: 100%;
    font-size: 16px;
    text-align: center;
    right: 0;
    margin: auto;
    max-width: 380px;
}
body.Contact .content_image.Bloc h3{
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 500;
}
body.Contact a.BtnLocaliser span{
	display:none;
}
body.Contact a.BtnLocaliser{
	display:block;
}
body.Contact a.BtnLocaliser:hover{
	opacity:1;
}
body.Contact a.BtnLocaliser:before{
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 23px;
    display: block;
    color: #000;
    content: "\f041";
    text-align: center;
    height: 22px;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    transition: all 0.30s ease-in-out;
}
body.Contact a.BtnLocaliser:hover:before{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    opacity:1;
    display: block;
    color: #000;
    content: "\f041";
    text-align: center;
    height: 22px;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    transition: all 0.30s ease-in-out;
}
/*---------------------Plan-------------------*/
body.Plan .headerContents .content_diaporama {
    height: 450px;
}
body.Plan .headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: -200px;
}
body.Plan section.PlanDuSite .sectionContainer{
	justify-content: center;
    -webkit-justify-content: center;
    padding-bottom:40px;
}
body.Plan .sectionContainer h1 {
    padding: 0;
    margin: 0 0 40px 0;
}
body.Plan section.PlanDuSite .content_plansite a{
	color:#000;
}

/*---------------------Mentions-------------------*/
body.Mentions .headerContents .content_diaporama {
    height: 450px;
}
body.Mentions .headerContents .content_diaporama .carousel-inner>.item>img {
    margin-top: -200px;
}
body.Mentions .sectionContainer h1 {
    padding: 0;
    margin: 0 0 40px 0;
}
body.Mentions .sectionContainer h2 {
    padding: 15px 0 10px 0;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 26px;
    text-align: left;
}
body.Mentions .sectionContainer h3{
    padding: 15px 0 10px 0;
    color:#04a0b7;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 22px;
    text-align: left;
}

/*--------------RESULTAT DE RECHERCHE--------*/

.pagedefaut.pageresults{
	padding-top: 108px;
}
.pagedefaut.pageresults .searchContents{
	padding-bottom: 30px;
}
.pagedefaut.pageresults .searchContents h1{
	padding-bottom:0;
    padding-top: 39px;
}
.pagedefaut.pageresults .searchContents h2{
    font-weight: 400;
    font-size: 33px;
    color: #06a0b7;
    padding: 0 0 4px 0px;
}
.pagedefaut.pageresults .searchContents .mdrResultsList h2{
	text-align: left;
    margin-bottom: 0;
    font-size: 27px;
    color: #06a0b7;
    padding: 0 0 0 0px;
    margin-top: 5px;
}
div.mdrResultType{
	color:#000;
}
ul.mdrResultsDetails{
	font-size:16px;
}
ul.mdrResultsDetails a{
	color:#000;
}
.pagedefaut.pageresults .searchContents .mdrResultsList .mdrResultPage{
    padding-bottom: 20px;
    position:relative;
	padding-left: 32px;
}
.pagedefaut.pageresults .searchContents .mdrResultsList .mdrResultArticle{
	padding-bottom: 20px;
    position:relative;
	padding-left: 32px;
}
.pagedefaut.pageresults .searchContents .mdrResultsList .mdrResultPage:before,
.pagedefaut.pageresults .searchContents .mdrResultsList .mdrResultArticle:before{
	font: normal normal normal 14px/1 FontAwesome;
    display: block;
    position: absolute;
    background: none;
    font-size: 20px;
    color: #04a0b7;
    content: "\f00c";
    text-align: center;
    height: 26px;
    width: 20px;
    padding-top: 6px;
    -webkit-font-smoothing: antialiased;
    left: -1px;
    top: -3px;  
}




/***************************************/

/*------ACTUS--------*/
.actu_article .articles_historique h4{
	display:none;
}
.mainPageArticle{
	margin-top:100px;
}
.articles_historique ul {
    padding-left: 0px;
    list-style: none;
    padding-top: 7px;
    padding-bottom: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: center;
    max-width: 1250px;
    margin: auto;
}
.article .articles_historique ul li {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border: 1px solid #ccc;
    /*margin-bottom: 48px;*/
	margin: 10px;
    min-height: 290px;
    height: 290px;
    padding: 0;
    width: 260px;
    overflow: hidden;
    position: relative;
}
.article ul{
	list-style:disc;
	padding-left: 18px;
}
/*.article .articles_historique ul li:first-child {
    opacity: 1;
}*/
.articles_historique li.actucat-actualites a {
    color: #535353;
    font-size: 18px;
    font-weight: 300;
}
li a.articles_historique_titre {
    margin-top: 170px;
    display: block;
    padding: 0 48px;
    text-transform: uppercase;
    /* font-weight: 400; */
    text-align: center;
}
.articles_historique ul li .actu_date {
    display: none;
}
.articles_historique ul li .actu_categories {
    display: none;
}
.articles_historique ul li .actu_img {
    position: absolute;
    top: 0;
    width: 100%;
    max-height: 150px;
    overflow: hidden;
}
.articles_historique li.actucat-actualites a {
    color: #535353;
    /* height: 100%; */
    font-size: 18px;
    font-weight: 300;
}
.articles_historique ul li .actu_img img {
    display: block;
    background: #fff;
    min-height: 100%;
    min-width: 100%;
    padding: 0px;
    margin: auto;
}

.articles_historique ul li .actu_readmore {
    display: block;
    z-index: 2000;
    padding: 0 10px;
    opacity: 0;
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255, 0.5);
    width: 260px;
    height: 0;
    transition: all .7s;
}
.articles_historique ul li:hover .actu_readmore {
    display: block;
    z-index: 2000;
    padding: 0 10px;
    opacity: 1;
    bottom: 0;
    height: 141px;
    background: rgba(255,255,255, 0.8);
    transition: all .7s;
}
.article .articles_historique ul li:hover{
	opacity:1;
	    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.articles_historique ul li .actu_readmore a {
	margin center;
	display:block;
	text-align:center;
	color:#535353;
}
.articles_historique ul li .actu_readmore a:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    content: '';
    display: block;
    color: #535353;
    content: "\f0fe";
    text-align: center;
    margin: 20px auto;
    height: 50px;
    width: 100px;
    -webkit-font-smoothing: antialiased;
    transition: all 0.35s ease-in-out;
}
.article_container .actu_bloc1 {
    float: left;
    width: 500px;
	max-width: 100%;
    padding-right: 50px;
	margin-top: 20px;
}
.article_container .actu_bloc1+.actu_bloc2 {
    width: calc(100% - 500px);
}
.article_container .actu_texte h1 {
    text-align:left;
}
.article_container .actu_texte .actu_categories {
    display: none;
}
.article_container .actu_texte .actu_date {
    display: block;
    color:#ccc;
}
.article_container .actu_texte .actu_readmore,
span.actu_liensource {
    display: block;
}
.articles_historique_multipage {
    font-size: 12px;
	padding-top: 40px;
    padding-bottom: 30px;
}
.articles_historique_multipage .btnpage {
    height: 25px;
    width: 25px;
}
.articles_historique_multipage .btnpage.active {
	background: none;
    border-radius: 0;
    border: 1px solid #ccc;
}

/*--------BANDEAU RESEAU DETAILS ARTICLE  ROND----------*/

.actu_share, .page_share{
	clear: both;
  	float: none;
    padding-top: 35px;
    padding-bottom: 100px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: flex-start;
}

/*google------------------------------*/
.actu_share #___plusone_0{
	display:none!important;
}
.actu_share #___plus_0{
	background: none!important;
	border: 1px solid #ccc!important;
	/*border-radius: 25px;*/
    width: 50px!important;
    height: 50px!important;
    order:1;
    font-size: 15px!important;
	margin-right: 8px!important;
}
.actu_share #___plus_0 iframe{
	display:none!important;
}
.actu_share #___plus_0:before{
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 25px!important;
    content: "\f1a0";
    color: #ccc;
    height: 24px;
    text-align: center;
    padding-top: 13px;
    width: 100%;
    transition: all 0.3s linear;
}
.actu_share #___plus_0:hover:before{
    font-size: 1px!important;
    opacity:0;
	transition: all 0.3s linear;
}
.actu_share #___plus_0:hover{
	background:#db4437!important;
	border: 1px solid #db4437!important;
}
.actu_share #___plus_0:after{
	display:block;
	opacity:0;
    content: "Partager";
    color: #fff;
    height: 24px;
    text-align: center;
    width: 100%;
	margin-top: -7px;
    font-family: helvetica, arial, sans-serif;
    transition: all 0.3s linear;
    font-size: 11px!important;
}
.actu_share #___plus_0:hover:after{
	opacity:1;
}

/*facebook-----------------------*/
.shareFbFrame{
	display:none;
}
.actu_share a.shareFb, 
.page_share a.shareFb{
	display:inline-block;
    width: 50px;
    height: 50px;
}
.actu_share a.shareFb, .page_share a.shareTw,
.page_share a.shareFb, .page_share a.shareTw{
	background: none!important;
	border:1px solid #ccc;
	/*border-radius: 25px;*/
    width: 50px!important;
    height: 50px!important;
    order:2;
    font-size: 15px!important;
	margin-right: 8px!important;
}
.actu_share a.shareFb:before, .page_share a.shareTw:before,
.page_share a.shareFb:before, .page_share a.shareTw:before{
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 25px!important;
    content: "\f09a";
    color: #ccc;
    height: 24px;
    text-align: center;
    padding-top: 13px;
    width: 100%;
    transition: all 0.3s linear;
}
.actu_share a.shareFb:hover, 
.page_share a.shareFb:hover{
	background:#3b5998!important;
	border:1px solid #fff;
}
.actu_share a.shareFb:hover:before, .page_share a.shareTw:hover:before,
.page_share a.shareFb:hover:before, .page_share a.shareTw:hover:before{
	font-size: 1px!important;
    opacity:0;
	transition: all 0.3s linear;
}
.actu_share a.shareFb:after, .page_share a.shareTw:after,
.page_share a.shareFb:after, .page_share a.shareTw:after{
    display:block;
	opacity:0;
    content: "Partager";
    color: #fff;
    height: 24px;
    text-align: center;
    width: 100%;
	margin-top: -7px;
    font-family: helvetica, arial, sans-serif;
    transition: all 0.3s linear;
    font-size: 11px!important;
}
.actu_share a.shareFb:hover:after, .page_share a.shareTw:hover:after,
.page_share a.shareFb:hover:after, .page_share a.shareTw:hover:after{
	opacity:1;
}

/*twitter------------------------*/
.actu_share a.shareTw, 
.page_share a.shareTw{
	background: none!important;
	border:1px solid #ccc;
	/*border-radius: 25px;*/
    width: 50px!important;
    height: 50px!important;
    order:3;
    font-size: 15px!important;
	margin-right: 8px!important;
}
.actu_share a.shareTw:before, 
.page_share a.shareTw:before{
font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 25px!important;
    content: "\f099";
    color: #ccc;
    height: 24px;
    text-align: center;
    padding-top: 13px;
    width: 100%;
    transition: all 0.3s linear;
}
.actu_share a.shareTw:hover, 
.page_share a.shareTw:hover{
	background:#1da1f2!important;
	border:1px solid #fff;
}
.actu_share a.shareTw:hover:before, 
.page_share a.shareTw:hover:before{
	font-size: 1px!important;
    opacity:0;
	transition: all 0.3s linear;
}
.actu_share a.shareTw:after, 
.page_share a.shareTw:after{
	display:block;
	opacity:0;
    content: "Partager";
    color: #fff;
    height: 24px;
    text-align: center;
    width: 100%;
	margin-top: -7px;
    font-family: helvetica, arial, sans-serif;
    transition: all 0.3s linear;
    font-size: 11px!important;
}
.actu_share a.shareTw:hover:after, 
.page_share a.shareTw:hover:after{
	opacity:1;
}


/*linkedin--------------------*/
.actu_share a.shareLi, 
.page_share a.shareLi{
    background:  none!important;
    border:1px solid #ccc;
	/*border-radius: 25px;*/
    width: 50px!important;
    height: 50px!important;
    order:4;
    font-size: 15px!important;
	margin-right: 8px!important;
}
.actu_share a.shareLi:before, 
.page_share a.shareLi:before{
font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 25px!important;
    content: "\f0e1";
    color: #ccc;
    height: 24px;
    text-align: center;
    padding-top: 13px;
    width: 100%;
    transition: all 0.3s linear;
}
.actu_share a.shareLi:hover, 
.page_share a.shareLi:hover{
	background:#1582bb!important;
	border:1px solid #fff;
}
.actu_share a.shareLi:hover:before, 
.page_share a.shareLi:hover:before{
	font-size: 1px!important;
    opacity:0;
	transition: all 0.3s linear;
}
.actu_share a.shareLi:after, 
.page_share a.shareLi:after{
    display:block;
	opacity:0;
    content: "Partager";
    color: #fff;
    height: 24px;
    text-align: center;
    width: 100%;
	margin-top: -7px;
    font-family: helvetica, arial, sans-serif;
    transition: all 0.3s linear;
    font-size: 11px!important;
}
.actu_share a.shareLi:hover:after, 
.page_share a.shareLi:hover:after{
	opacity:1;
}

.allarticles h1,
.article h1{
    padding: 0;
}

.allarticles h2,
.article h2 {
    text-align: left;
    font-weight: 300;
    font-size: 24px;
    color: #000;
    padding: 10px 0;
}
.allarticles h3 {
    text-align: left;
    font-weight: 300;
    font-size: 22px;
    color: #000;
    padding: 10px 0;
}






/* si inférieur à 1600 */
@media (max-width: 1600px){
	.headerContents .content_diaporama .diaporamaItemTexte {
	    top: 280px;
	}
}
/* si inférieur à 1300 */
@media (max-width: 1300px){
	body.Ressource section.Telechargement.Doc .sectionContainer {
	    grid-template-columns: 200px 25% 25% 25%;
	    -ms-grid-columns: 200px 25% 25% 25%;
	}
	body.Ressource section.Telechargement.Agent .sectionContainer{
		grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-columns: 200px 1fr 1fr 1fr 1fr 1fr;
	}
	body.Ressource section.Telechargement.Appli .sectionContainer{
		justify-content: flex-start;
	    -webkit-justify-content: flex-start;
	}
	body.Ressource section.Telechargement.Appli .PictoTelechargez {
	    width: 200px;
		height: auto;
	}
	body.Ressource section.Telechargement.Appli .Contenu {
	    margin-left: 78px;
	}
}

/* si inférieur à 1210 */
@media (max-width: 1210px){
	body.Ressource section.Telechargement.Doc .Contenu{
		margin-left: 10px;
	}
	body.Ressource section.Telechargement.Doc .content.content_fichier{
	    margin-left: 10px;
	}
	body.Ressource section.Telechargement.Appli .Contenu {
	    margin-left: 42px;
	}
	body.Ressource section.Telechargement.Agent .Contenu{
		margin-left: 36px;
	}
	body.Ressource section.Telechargement.Agent .content.content_fichier{
	    margin-left: 36px;
	}
}


/* si inférieur à 1230 */
@media (max-width: 1230px){
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo{
		margin-bottom: 0;
	}
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo:before{
		top: -98px;
	}
	.headerContents .content_diaporama .diaporamaItemTexte {
	    top: 245px;
	}
}
/* si inférieur à 1190px */
@media (max-width: 1190px){
	body.Metier.Detail section.TopBenef .Gauche {
	    width: 650px;
	}
}
/* si inférieur à 1140 */
@media (max-width: 1140px){
	body.Solution.Detail .DroiteTexte {
	    max-width: 500px;
	}
	body.Solution.Detail .GaucheTexte {
	    max-width: 500px;
	}
	body.Accueil section.AvantagesTableau .sectionContainer{
		grid-template-columns: 330px 350px 300px;
		-ms-grid-columns: 330px 350px 300px;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:after{
		    width: 42px;
	}
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:before{
		    width: 42px;
	}
	body.Accueil section.BlocSolution .sectionContainer{
		justify-content: space-around;
    	-webkit-justify-content: space-around;
	}
	body.Accueil .BlocSolution .Bloc{
		margin:30px;
	}
	body.Accueil section.Tableau.NewsAccueil .sectionContainer {
	    grid-template-columns:500px 1fr 500px;
	    -ms-grid-columns:500px 1fr 500px;
	}
}
/* si inférieur à 1040 */
@media (max-width: 1040px){
	body.Solution.Detail .GaucheImage {
	    width: 400px;
	}
	body.Solution.Detail .DroiteImage {
	    width: 400px;
	}
	body.Accueil section.Tableau.NewsAccueil .sectionContainer {
	    grid-template-columns:400px 1fr 400px;
	    -ms-grid-columns:400px 1fr 400px;
	}
	body.Metier.Detail section.TopBenef .Gauche {
    	width: 550px;
	}
}


/* si inférieur à 1024 */
@media (max-width: 1024px){
	body.Metier.Detail .headerContents .content_diaporama .carousel-inner>.item>img {
	    margin-top: 0px;
	}
	body.Solution .headerContents .content_diaporama .carousel-inner>.item>img {
	    margin-top: 0;
	}
	body.Societe .headerContents .content_diaporama{
    	height: 400px;	
	}
	body.Ressource section.Telechargement.Doc .sectionContainer {
	    grid-template-columns: 145px 1fr 1fr 1fr;
	    -ms-grid-columns: 145px 1fr 1fr 1fr;
	}
	body.Ressource section.Telechargement.Doc .content_fichier .lienfichier a.FondRotation {
	    margin: 0;
		width: 212px;
		padding:7px;
	}
	body.Ressource section.Telechargement.Agent .sectionContainer {
	    grid-template-columns: 145px 1fr 1fr 1fr 1fr 1fr;
	    -ms-grid-columns: 145px 1fr 1fr 1fr 1fr 1fr;
	}
	body.Ressource section.Telechargement.Appli .PictoTelechargez {
	    width: 145px;
	}
	body.Ressource section.Telechargement.Agent .content.content_fichier {
	    margin-left: 15px;
	}
	body.Ressource section.Telechargement.Agent .Contenu {
	    margin-left: 16px;
	}
	body.Ressource section.Telechargement.Appli .Contenu {
	    margin-left: 13px;
		max-width: 78%;
	}	
}
/* si inférieur à 1000 */
@media (max-width: 1000px){
	.AdresseContact {
	    top: 16px;
	}
}
/* si inférieur à 990 */
@media (max-width: 990px){
	body.Contact .AdresseContact {
	    top: 125px;
	}
	body.Contact section.Localisation {
	    padding: 0;
	}
	body.Contact section.FondGrisClair{
		padding-top:30px;
	}
	body.Contact section.FondGrisClair .sectionContainer{
		flex-direction: column;
    	justify-content: center;
    	-webkit-justify-content: center;
    	-webkit-flex-direction: column;
	}
	body.Contact .texte.image img {
	    margin: inherit;
	    width: 85px;
	    padding-bottom: 30px;
	    margin-right: 10px;
	}
	body.Contact section.FondGrisClair .content_image{
	    order: 1;
	    width: 60%;
	    margin: auto;
	    border: 1px solid #000;
	}
	body.Contact .content_image .texte.image {
    background: none;
    display: flex;
	display: -webkit-flex;
    padding: 20px 0 0;
    flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
    justify-content: center;
    -webkit-justify-content: center;
}
	body.Contact .content.content_frmcontact{
		order:2;
		margin: 30px auto 20px;
	}
	body.Contact .content.InfoFake{
		order:3;
		width: 100%;
		border: none;
	}
	body.Metier.Detail section.TopBenef .Droite {
	    width: 300px;
	}
	body.Solution .headerContents .content_diaporama .carousel-inner>.item>img{
		position: relative;
    	right: 203px;
	}
	.headerContents .content_diaporama .carousel-inner>.item>img {
	    line-height: 1;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto !important;
	    height: auto !important;
	    display: block;
	    float: none!important;
	    max-width: 1230px;
	}
	.headerContents .content_diaporama .diaporamaItemTexte {
	    top: 157px;
	}
	body.Accueil section.AvantagesTableau .sectionContainer{
		grid-template-columns: 282px 300px 278px;
		-ms-grid-columns: 282px 300px 278px;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:after{
		width: 19px;
	}
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:before{
		width: 19px;
	}
}


/* si inférieur à 960 */
@media (max-width: 960px){
	body.Societe section.Intro .sectionContainer .Droite {
	    width: 60%;
	}
}


/* si inférieur à 950 */
@media (max-width: 950px){
	body.Solution.Detail .GaucheImage{
		width:300px;
	}
	body.Solution.Detail .DroiteImage{
		width:300px;
	}
	body.Ressource section.Telechargement.Agent .content_fichier .lienfichier a.FondRotation{
		width: 112px;
		padding:7px;
	}
}

/* si inférieur à 895 */
@media (max-width: 895px){
	body.Contact .content_image.Bloc {
	    width: 60%;
	    margin: auto;
	}
	body.Contact section.Localisation{
		flex-direction: column;
	}
	body.Contact .content_image.Bloc {
	    width: 60%;
	    margin: auto;
	}
}


/* si inférieur à 880 */
@media (max-width: 880px){
	body.Societe section.Intro .sectionContainer .Gauche {
	    padding-right: 20px;
	}
	body.Societe section.Intro .sectionContainer .Droite {
	    padding-left: 20px;
	}
	body.Solution.Detail .DroiteTexte {
	    max-width: 400px;
	}
	body.Solution.Detail .GaucheTexte {
	    max-width: 400px;
	}
	body.Metier.Detail section.TopBenef .Droite {
	    width: 250px;
	}
	body.Metier.Detail section.TopBenef .Gauche {
	    width: 450px;
	}
	body.Accueil section.Tableau.NewsAccueil .sectionContainer {
	    display: grid;
	    grid-template-columns:100%;
	    -ms-grid-columns:100%;
	}
	body.Accueil section.Tableau.NewsAccueil .TitreFull {
	    grid-column-start: 1;
	    grid-row-start: 1;
	    grid-column-end: 1;
	    -ms-grid-column: 1;
	    -ms-grid-row: 1;
		-ms-grid-column:1;
	}
	body.Accueil section.Tableau.NewsAccueil .BlocNews.Gauche h3{
		text-align:center;
	}
	body.Accueil section.Tableau.NewsAccueil .BlocNews.Droite {
	    grid-column-start: 1;
	    grid-row-start: 4;
	    grid-row-end: 4;
	    -ms-grid-column: 1;
	    -ms-grid-row: 4;
	    -ms-grid-row-end: 4;
		margin-bottom: 25px;
	}
	body.Accueil section.Tableau.NewsAccueil .BoutonActu {
	    grid-column-start: 1;
	    grid-row-start: 5;
	    grid-row-end: 5;
	    -ms-grid-column: 1;
	    -ms-grid-row: 5;
	    -ms-grid-row-end: 5;
	}
	body.Accueil .BtnAccueilActu a, 
	body.Accueil .BtnAccueilTweet a{
		margin-top:0px;
		margin-bottom:20px;
	}
	body.Accueil #actuslider_1447.carousel.slide {
	    width: 90%;
	}
	body.Accueil .content_actus a.carousel-control.right{
		width: 30px;
	}
	body.Accueil section.AvantagesTableau .sectionContainer{
		grid-template-columns: 282px 246px 276px;
		-ms-grid-columns: 282px 246px 276px;
	}
	#btnSearchMobile{
		display:inline-block;
	}
   div.searchBox input.searchField{
   	    width: 150px;
   }
   .headerCol2 {
	    width: calc(100% - 180px);
	}
	body.Ressource section.Telechargement.Doc .sectionContainer {
	    grid-template-columns: 30% 1fr 70%;
	    grid-template-rows: auto;
	    display: -ms-grid;
	    -ms-grid-columns: 30% 1fr 70%;
	    -ms-grid-rows: 50% 50%;
	}
	body.Ressource section.Telechargement.Doc .PictoTelechargez {
    	grid-row-end: span 6;
    	-ms-grid-row-span: 6;
		height: auto;
    }
	body.Ressource section.Telechargement.Doc .Contenu,
	body.Ressource section.Telechargement.Agent .Contenu {
	    grid-column-start: 3;
	    grid-row-start: 1;
	    grid-column-end:span 1;
	    -ms-grid-column: 3;
	    -ms-grid-row: 1;
	    -ms-grid-column-span: 1;
	}
	body.Ressource section.Telechargement.Doc .content.content_fichier,
	body.Ressource section.Telechargement.Doc .Contenu {
	    margin-left: 35px;
		margin-bottom: 5px;
	}
	body.Ressource section.Telechargement.Doc .content.content_fichier.Plaquette {
	    grid-column-start: 3;
	    grid-row-start: 2;
	    -ms-grid-column: 3;
	    -ms-grid-row: 2;
	}
	body.Ressource section.Telechargement.Doc .content.content_fichier.FicheMSP {
	    grid-column-start: 3;
	    grid-row-start: 3;
	    -ms-grid-column: 3;
	    -ms-grid-row: 3;
	}
	body.Ressource section.Telechargement.Doc .content.content_fichier.FicheIntegrateur {
	    grid-column-start: 3;
	    grid-row-start: 4;
	    -ms-grid-column: 3;
	    -ms-grid-row: 4;
	}
	body.Ressource section.Telechargement.Doc .content.content_fichier.FicheEditeur {
	    grid-column-start: 3;
	    grid-row-start: 5;
	    -ms-grid-column: 3;
	    -ms-grid-row: 5;
	}
	body.Ressource section.Telechargement.Doc .content.content_fichier.LivreBlancSupervision {
	    grid-column-start: 3;
	    grid-row-start: 6;
	    -ms-grid-column: 3;
	    -ms-grid-row: 6;
	}
	body.Ressource section.Telechargement.Doc .PictoTelechargez .image img,
	body.Ressource section.Telechargement.Appli .PictoTelechargez .image img,
	body.Ressource section.Telechargement.Agent .PictoTelechargez .image img {
	    margin: 0px auto 10px;
	}
	body.Ressource section.Telechargement.Doc .content_fichier .lienfichier a.FondRotation{
		margin-top:5px;
	}
	body.Ressource section.Telechargement.Doc .Contenu h2, 
	body.Ressource section.Telechargement.Appli .Contenu h2, 
	body.Ressource section.Telechargement.Agent .Contenu h2{
		padding: 0 0 10px 0;
	}
	body.Ressource section.Telechargement.Agent .sectionContainer {
		grid-template-columns: 30% 1fr 70%;
	    grid-template-rows: auto;
	    display: -ms-grid;
	    -ms-grid-columns: 30% 1fr 70%;
	    -ms-grid-rows: 50% 50%;
	}

	body.Ressource section.Telechargement.Agent .PictoTelechargez {
	    grid-row-end: span 6;
	    -ms-grid-row-span: 6;
	}
	body.Ressource section.Telechargement.Agent .Zip {
	    grid-column-start: 3;
	    grid-row-start: 2;
	    -ms-grid-column: 3;
	    -ms-grid-row: 2;
	}
	body.Ressource section.Telechargement.Agent .Msi {
	    grid-column-start: 3;
	    grid-row-start: 3;
	    -ms-grid-column: 3;
	    -ms-grid-row: 3;
	}
	body.Ressource section.Telechargement.Agent .Tar {
	    grid-column-start: 3;
	    grid-row-start: 4;
	    -ms-grid-column: 3;
	    -ms-grid-row: 4;
	}
	body.Ressource section.Telechargement.Agent .Tar64 {
	    grid-column-start: 3;
	    grid-row-start: 5;
	    -ms-grid-column: 3;
	    -ms-grid-row: 5;
	}
	body.Ressource section.Telechargement.Agent .dmg {
	    grid-column-start: 3;
	    grid-row-start: 6;
	    -ms-grid-column: 3;
	    -ms-grid-row: 6;
	}
	body.Ressource section.Telechargement.Agent .content_fichier .lienfichier a.FondRotation{
		margin-top:5px;
	}
	body.Ressource section.Telechargement.Agent .Contenu {
    	margin-left: 35px;
		margin-bottom: 5px;
	}
	body.Ressource section.Telechargement.Agent .content.content_fichier {
	    margin-left: 35px;
	}
	body.Ressource section.Telechargement.Appli .PictoTelechargez {
	    width: 30%;
	}
	body.Ressource section.Telechargement.Appli .Contenu {
	    margin-left: 26px;
	    max-width: 60%;
		margin-bottom: 5px;
	}
	body.Ressource section.Telechargement.Appli a.FondRotation{
		margin:5px 0 0 0;
	}
}
/* si inférieur à 820 */
@media (max-width: 820px){

	body.Accueil section.AvantagesTableau .sectionContainer{
		grid-template-columns: 282px 185px 278px;
		-ms-grid-columns: 282px 185px 278px;
	}
	body.Accueil section.AvantagesTableau .Roue{
		padding-top: 20px;
	}
}





/* si inférieur à 768 */
@media (max-width: 767px){
	body.Mentions .pagedefaut {
	    margin-top: 0;
	}
	body.Plan .pagedefaut {
	    margin-top: 0;
	}
	body.Contact .AdresseContact{
		top: 110px;
	}
	body.Contact .content_image.Bloc {
	    width: 80%;
	    margin:auto;
	}
	body.Contact .content_image.Bloc .texte.image {
	    padding: 20px;
	}
	body.Contact section.Localisation .sectionContainer {
	    padding: 0;
	}
	body.Contact .headerContents .content_diaporama .carousel-inner>.item>img {
		margin-top: 0;
	}
	body.Societe .headerContents .content_diaporama .carousel-inner>.item>img {
	    margin-top: 0;
	}
	body.Societe .headerContents .content_diaporama {
	    height: 287px;
	}
	body.Solution.Detail .GaucheTexte {
	    max-width: 100%;
	    width: 100%;
	    order:2;
	}
	body.Solution.Detail .DroiteImage{
		order:1;
	}
	body.Solution.Detail section.Avantage h2{
		text-align:center;
	}
	body.Solution.Detail section.Avantage h2:after{
		margin: 20px auto;
	}
	body.Solution.Detail .DroiteTexte {
	    max-width: 100%;
	    width: 100%;
	}
	body.Solution.Detail .GaucheImage,
	body.Solution.Detail .DroiteImage {
		margin: auto auto 30px auto;
	}
	
	body.Ressource .headerContents .content_diaporama .carousel-inner>.item>img {
	    margin-top: 0px;
	}
	body.Solution .headerContents .content_diaporama .carousel-inner>.item>img{
		position: relative;
    	right: 203px;
	}
	body.Metier.Detail .headerContents .content_diaporama .carousel-inner>.item>img{
		position: relative;
	    right: 172px;
	}
	body.Metier.Detail section.Fonctionnalites .sectionContainer{
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	body.Metier.Detail section.TopBenef .Gauche {
	    width:100%;
	}
	body.Metier.Detail section.TopBenef .Droite{
		margin:auto auto 30px auto;
	}
	body.Accueil .BlocSolution .Bloc {
	    padding: 20px
	}
	body.Accueil h1{
		padding:10px 10px;
	}
	body.Accueil .content_image.Intro{
		margin: auto auto 0 auto;
	}
	.headerContents .content_diaporama{
	    height: 400px;	
	}
	.headerContents .content_diaporama .carousel-inner>.item>img {
	    line-height: 1;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto !important;
	    height: auto !important;
	    display: block;
	    float: none!important;
	     max-width: 960px;
	    /*  max-width: 1230px;
	  object-fit: cover;*/
	    margin-top:0;
	}
	body.Accueil .headerContents .content_diaporama .carousel-inner>.item>img {
	    max-width: 1500px;
	    position: relative;
	    right: 369px;
	}
	.headerCol1 {
		float: none;
		margin:auto;
	}
	#Language {
		border: 1px solid #000;
	    padding-right: 0;
	    margin-right: 15px;
	}
	.TopHaut {
	    background:transparent;
	}
	#logo{
		max-width: 121px;
	    height: 67px;
	    margin-top: 6px;
	}
	.headerCol1 {
	    margin: initial;
    	flex: initial;
	}
	.navbar-default .navbar-brand { 
    	display:none; 
	}
   .navbar-default { 
    	clear:both; 
    	text-align: left; 
	}
    .navbar-nav { 
    	margin:0px; 
	}
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li:hover > a {
    	padding: 0px; 
    	margin:15px 0px; 
	}
	 .navbar-default .navbar-nav > li:last-child {
	    width: 100%;
	    border-right: none;
	}
	.navbar-default .navbar-nav > li{
	 	width:100%;
	}
    .Menu{
        height: 0px;
    }
   .navbar-default .navbar-collapse{
        position: absolute;
        top: 65px;
        left: 0px;
        width: 100%;
        z-index: 999;
        margin:7px 0 0 0px;
        padding: 0px;
        height: 1px;
        background: rgba(4, 160, 183, 0.80);
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {
	    position: absolute;
	    top: 11px;
	    right: 6px;
	    width: 50px;
	    border: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	    color: #fff;
	    text-align:center;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li:first-child a:before {
	    content: "";
	    display: block;
	    background: #fff;
	    margin: 0 auto 10px auto;
	    width: 70px;
	    height: 1px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li:last-child a:after {
	    content: "";
	    display: block;
	    background: #fff;
	    margin:10px auto 0px auto;
	    width: 70px;
	    height: 1px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
		color: #000;
		background-color:transparent;
	}
	.navbar-collapse {
    	max-height: inherit;
    }
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open:hover > a, 
    .navbar-default .navbar-nav > .open:focus > a{
    	margin-bottom:0;
    }
	#Recherche{
	    padding-right: 0px;
	}
	header .headerContainer{
		margin-top: 50px;
		position: inherit;
	}
	.headerCol2 {
	    position: absolute;
	    top: -2px;
		width: 100%;
		display:block;
		left:0;
	}
	.headerCol2 .TopGauche{
		padding-left:15px;
	}
	div.searchBox{
		border: 1px solid #000;
	}
	div.searchBox input.searchField{
		color: #000;
		width: 193px;
	}
	div.searchBox a.btnSearch{
		border-left: 1px solid #000;
	}
	div.searchBox a.btnSearch:before{
		content: "\f002";
    	color: #000;
	}
	div.searchBox input.searchField::-webkit-input-placeholder{
		opacity:1;
		color:#000;
		font-weight:300;
	}
	div.searchBox input.searchField:focus::-webkit-input-placeholder{
		opacity:0;
		color:#000;
		font-weight:300;
	}
	
	/*------------------menu bruger to cross responsive---------------*/
	.navbar-default .navbar-toggle{
	    background: none;
	    width: 50px;
	    height: 35px;
	    margin: 0 auto;
	    float: none;
	    border: none;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .5s ease-in-out;
	    -moz-transition: .5s ease-in-out;
	    -o-transition: .5s ease-in-out;
	    transition: .5s ease-in-out;
	    cursor: pointer;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(2),
	.navbar-default .navbar-toggle .icon-bar:nth-child(3),
	.navbar-default .navbar-toggle .icon-bar:last-child{	
		display: block;
	    position: absolute;
	    height: 3px;
	    width: 50%;
   		background: #fff;
        left: 12px;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .25s ease-in-out;
	    -moz-transition: .25s ease-in-out;
	    -o-transition: .25s ease-in-out;
	    transition: .25s ease-in-out;
	}	
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{
		background:transparent;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(2){
 		top: 9px;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(3){
 		top: 12px;
	}
	.navbar-default .navbar-toggle .icon-bar:last-child{
   		top: 19px;
	}
	/*open*/
	.navbar-default .navbar-toggle.open .icon-bar:nth-child(2){
 		 top: 16px;
	    -webkit-transform: rotate(135deg);
	    -moz-transform: rotate(135deg);
	    -o-transform: rotate(135deg);
	    transform: rotate(135deg);
	}
	.navbar-default .navbar-toggle.open .icon-bar:nth-child(3){
 		opacity: 0;
   		right: 60px;
	}
	.navbar-default .navbar-toggle.open .icon-bar:last-child{
   		top: 12px;
	    -webkit-transform: rotate(-135deg);
	    -moz-transform: rotate(-135deg);
	    -o-transform: rotate(-135deg);
	    transform: rotate(-135deg);
	}
	.navbar li{
		border-right:none;
	}

}
/* si inf à 758 */
@media (max-width: 758px){
	body.Societe section.Intro .sectionContainer .Droite {
	    width: 100%;
	    margin-top:60px;
		padding-left: 0px;
	}
	body.Societe section.Intro .sectionContainer .Gauche {
	    padding-right: 0;
	    width: 100%;
	    margin: auto;
	}
	.footer1 .FootContact span.Titre {
	    display: inline-block;
	    border-top: none;
	    padding-top: inherit;
	    padding-bottom: 15px;
	}
	.footer1 .container .AdRs {
	    width: 100%;
	}
	.footer1 .container .FootContact{
	    width: 100%;
	    text-align: left;
	}
	ul.menuSocialFoot{
		float:none;
	}
	.footer1 .FootContact span.Titre {
	    display: inline-block;
	    border-top: none;
	    padding-top: inherit;
	    padding-bottom: 15px;
	}
	body.Accueil section.AvantagesTableau {
		background: url(img/avantageRG-Opacity.png) no-repeat center;
	}
	body.Accueil section.AvantagesTableau .sectionContainer{
		display: grid;
	    grid-template-columns: 100%;
	    grid-template-rows: auto;
	    display: -ms-grid;
	    -ms-grid-columns: 100%;
	    -ms-grid-rows: 50% 25% 25%;
	    justify-content: center;
	    -webkit-justify-content: center;
	    padding-bottom: 30px;
	    padding-top: 30px;
	}
	body.Accueil section.AvantagesTableau .Roue {
	    display: none;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext {
	    display: inherit;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext{
		text-align:center;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:before,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:before{
		content: "";
	    display: inline-block;
	    width: 90px;
	    height: 2px;
	    margin-right: 16px;
	    background: #06a0b7
	} 
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:after,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:after{
	    content: "";
	    display: inline-block;
	    width: 90px;
	    height: 2px;
	    margin-left: 16px;
	    background: #06a0b7;
	} 
	body.Accueil section.AvantagesTableau .Installation {
	    grid-column-start: 1;
	    grid-row-start: 9;
	    -ms-grid-column: 1;
	    -ms-grid-row: 9;
	}
	body.Accueil section.AvantagesTableau .Editeur {
	    grid-column-start: 1;
	    grid-row-start: 10;
	    -ms-grid-column: 1;
	    -ms-grid-row: 10;
	}
	body.Accueil section.AvantagesTableau .Interface {
	    grid-column-start: 1;
	    grid-row-start: 11;
	    -ms-grid-column: 1;
	    -ms-grid-row: 11;
	}
	body.Accueil section.AvantagesTableau .SaaS {
	    grid-column-start: 1;
	    grid-row-start: 12;
	    -ms-grid-column: 1;
	    -ms-grid-row: 12;
	}
	body.Accueil section.AvantagesTableau .Support {
	    grid-column-start: 1;
	    grid-row-start: 13;
	    -ms-grid-column: 1;
	    -ms-grid-row: 13;
	}
	body.Accueil section.AvantagesTableau .essai {
	    grid-column-start: 1;
	    grid-row-start: 14;
	    -ms-grid-column: 1;
	    -ms-grid-row: 14;
	}
	body.Accueil section.AvantagesTableau .Dashboard {
	    grid-column-start: 1;
	    grid-row-start: 15;
	    -ms-grid-column: 1;
	    -ms-grid-row: 15;
	}
	body.Accueil section.AvantagesTableau .Developpement {
	    grid-column-start: 1;
	    grid-row-start: 16;
	    -ms-grid-column: 1;
	    -ms-grid-row: 16;
	}
	
	
	
	
	
	
	body.Accueil .Avantages h2{
		padding: 0 0 30px 0;
	}
	body.Metier .Bloc{
		margin: auto;
	}
}






/* si inf à 640 */
@media (max-width: 640px){
	body.Contact .content.content_frmcontact{
		width:100%;
	}
	body.Contact .content_image.Bloc {
	    width: 100%;
	}
	body.Contact .AdresseContact {
	    top: 125px;
	    max-width: 400px;
	    padding: 30px;
	}
	body.Contact .content_image.Bloc .texte.image {
	    padding: 0;
	}
	body.Societe section.Intro .sectionContainer .Gauche{
		padding-bottom: 30px;
	}
	body.Societe section.Intro .sectionContainer .Gauche, 
	body.Societe section.Intro .sectionContainer .Droite{
		width:100%;
		border-right:0;
		padding-left: 0px;
		padding-right: 0px;
	}
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo:before{
		left: 37%;
	}
	.headerContents .content_diaporama .diaporamaItemTexte {
	    top: 169px;
	}
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo {
	    line-height: 34px;
	}
	.headerCol2 .TopHaut{
		justify-content: center;
		-webkit-justify-content: center;
	}
	#Recherche {
	    display:none;
	}
	body.Accueil section.BlocPilotage .Bloc{
		margin:10px;
	}
	body.Accueil #actuslider_1447.carousel.slide {
	    width: 100%;
	}
	body.Accueil .content_actus a.carousel-control.right {
	    display:none;
	}
	.footer1 .container .AdRs,
	.footer1 .container .FootContact {
	    width: 100%;
	}
	.footer1 .container .FootContact{
		border-left:0;
		text-align:left;
	}
	.footer1 .FootContact span.Titre {
	    padding-top: 15px;
	    padding-bottom: 5px;
	}
}
/* si inf à 612 */
@media (max-width: 612px){
	body.Ressource section.Telechargement.Appli a.FondRotation {
	    width: 200px;
	    padding: 7px;
	}
	body.Contact .content_image {
	    width: 100%;
	}
	section.FormuFoot .content_frmcontact {
	    width: 100%;
	}
	section.FormuFoot .fieldset{
		display: block;
	    width: 100%;
	    max-width: 100%;
	}
	section.FormuFoot .form-horizontal .form-group {
	    width: 100%;
	    margin-left:0;
	    margin-right:0;
	}
	section.FormuFoot .champ_btnenvoi .btnSubmit{
		margin:20px auto;
	}
}
/* si inf à 492 */
@media (max-width: 492px){
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo:before{
		left: 34%;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:before,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:before,
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:after,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:after{
	    width: 40px;
	} 
}

/* si inf à 425 */
@media (max-width:425px){
	body.Metier.Detail section.Fonctionnalites .content_image.Picto {
    	padding-bottom: 0;
    }
	body.Contact .AdresseContact {
	    top: 30px;
	    width: 74%;
	}
	body.Contact .content_image.Bloc .texte.image img {
	    margin: auto;
	    width: 100%;
	    display: block;
	    height: 300px;
	    overflow: hidden;
	    padding-bottom: 0px;
	    margin-bottom: 30px;
	}
	body.Solution .headerContents .content_diaporama .carousel-inner>.item>img{
		position: relative;
    	right: 408px;
	}
	.headerContents .content_diaporama .carousel-inner>.item>img {
	    right: 292px;
	    position: relative;
	}
	.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnEssai,
	.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnDemo{
		font-size:18px;
		margin:35px 10px 0 10px;
	}
	body.Contact .headerContents .content_diaporama,
	body.Solution .headerContents .content_diaporama,
	body.Solution.Detail .headerContents .content_diaporama,
	body.Metier .headerContents .content_diaporama,
	body.Metier.Detail .headerContents .content_diaporama,
	body.Ressource .headerContents .content_diaporama,
	body.Societe .headerContents .content_diaporama{
	    height: 300px;
	}
}	
	
	
	
/* si inf à 400 */
@media (max-width:400px){
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:before,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:before,
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:after,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:after{
	    width:20px;
	} 
}


/* si inf à 375 */
@media (max-width:375px){
	body.Ressource section.Telechargement.Doc .PictoTelechargez .image .richtext,
	body.Ressource section.Telechargement.Appli .PictoTelechargez .image .richtext,
	body.Ressource section.Telechargement.Agent .PictoTelechargez .image .richtext{
		font-size: 18px;
	}
	.headerContents .content_diaporama .carousel-inner>.item>img {
	    right: 400px;
	    position: relative;
	}
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo:before {
	    left: 29%;
	}
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo{
		font-size:24px;
	}
	.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnEssai,
	.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnDemo{
		font-size:16px;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:before,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:before{
		margin-right: 5px;
		width:15px;
	}
	body.Accueil section.AvantagesTableau .Gauche .texte .richtext:after,
	body.Accueil section.AvantagesTableau .Droite .texte .richtext:after{
	     margin-left: 5px;
	     width:15px;
	} 
}

/* si inf à 327 */
@media (max-width:327px){
	body.Accueil .BlocSolution .Bloc {
	    padding: 10px;
	}
	body.Accueil .BlocSolution .Bloc {
	    margin: 12px;
	}
	.headerContents .content_diaporama .diaporamaItemTexte .container span.HeaderTextDiapo:before {
	    left: 26%;
	}
	.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnEssai, 
	.headerContents .content_diaporama .diaporamaItemTexte a.DiapoBtnDemo{
		margin: 10px;
	}
	h1,
	body.Accueil .Avantages h2,
	body.Accueil .BlocPilotage h2,
	h3 {
	    font-size: 28px;
	}
}



/* si supérieur à 880 
@media (min-width: 880px){
    #Recherche {
        display: block !important;
    }
    #btnSearchMobile {
        display: none !important;
    }
}
*/


/* si supérieur à 768 */
@media (min-width: 768px){
	.navbar-default .navbar-nav { 
	    display:-ms-flexbox; 
	    display:flex;
	    -ms-flex-flow:row nowrap; 
	    flex-flow:row nowrap; 
	    -ms-justify-content:space-between; 
	    justify-content:space-between;
	}

	/*------------------menu bruger to cross responsive---------------*/
	.navbar-default .navbar-toggle{
	    background: none;
	    width: 50px;
	    height: 35px;
	    margin: 0 auto;
	    float: none;
	    border: none;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .5s ease-in-out;
	    -moz-transition: .5s ease-in-out;
	    -o-transition: .5s ease-in-out;
	    transition: .5s ease-in-out;
	    cursor: pointer;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(2),
	.navbar-default .navbar-toggle .icon-bar:nth-child(3),
	.navbar-default .navbar-toggle .icon-bar:last-child{	
		display: block;
	    position: absolute;
	    height: 3px;
	    width: 50%;
   		background: #000;
        left: 12px;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .25s ease-in-out;
	    -moz-transition: .25s ease-in-out;
	    -o-transition: .25s ease-in-out;
	    transition: .25s ease-in-out;
	}	
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{
		background:transparent;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(2){
 		top: 9px;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(3){
 		top: 12px;
	}
	.navbar-default .navbar-toggle .icon-bar:last-child{
   		top: 19px;
	}
	/*open*/
	.navbar-default .navbar-toggle.open .icon-bar:nth-child(2){
 		 top: 16px;
	    -webkit-transform: rotate(135deg);
	    -moz-transform: rotate(135deg);
	    -o-transform: rotate(135deg);
	    transform: rotate(135deg);
	}
	.navbar-default .navbar-toggle.open .icon-bar:nth-child(3){
 		opacity: 0;
   		left: -60px;
	}
	.navbar-default .navbar-toggle.open .icon-bar:last-child{
   		top: 12px;
	    -webkit-transform: rotate(-135deg);
	    -moz-transform: rotate(-135deg);
	    -o-transform: rotate(-135deg);
	    transform: rotate(-135deg);
	}
	

}
@media (min-width: 1200px){
	a.Ancre {
	    position: relative;
	    top: -134px;
	    margin-top: -134px;
	}
}





/* ---------- effets dropdown-menu ---------- */
.dropdown-menu {
    opacity:0;
    display: block;
    height:0px;
    min-width:100%;
    border:none;
    padding:0px;
    overflow:hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.open > .dropdown-menu {
    opacity:1;
    height:auto;
    overflow: visible;
    background-color: rgba(6, 160, 183, 1);
    padding:5px 0px;
}