@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*--------------------------------------------------------*/
/ Reset CSS /

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/ HTML5 display-role reset for older browsers /
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}

.slideshow{
	width : 97vw !important;
	margin-left: 1vw !important;
}

.noir{
	color:#333 !important;
}

.red{
	color : red !important;
}

.text-barre{
	text-decoration: line-through red;
}

.inline{
	display: inline-block;
}

i{
	font-style:italic !important;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width :100%;
}

/*core style--------------------------------------------------------*/
body{
	margin:0;
	font-family: "Montserrat";
	background : #fff;
	color:#333;
	line-height: 1.5;
	/*text-align:center;*/
	padding:0px;
	overflow-x:hidden;
}

.icon-drapeau {
    width: 25px;
    height: 17px;
    margin-right: 0.5vw;
}

#icon-lanceur {
    width: 20px;
    height: 20px;
}
 #bg-image{
	 background-color: #777;
 }
img{
	display:inline-block;
	width:50%;
	height:auto;
}

#equipe img{
	display:inline-block;
	width:70% !important;
	height:auto;
	max-width:295px;
	border-radius:5px;
}

.btn{
	display:inline-block;
	background : #F38181;
	border:none;
	color:white;
	padding:10px 15px;
	text-decoration: none;
	/*font-size: 10px;*/
	margin-bottom:1px;
	/*width : 50%;*/
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:1em 0;
	color : #333;
}
#bloc .content-title{
	color: #265c94 !important;
}

#bloc .content-text {
    color: #333 !important;
    }
h2,h3{
	color: #265c94 !important;
}

p{
	margin:0;
	padding:0;
}

ul{
	/*list-style: none;*/
	margin:0;
	padding:0;
}

li {
	/*background: #fff;*/
	color : #333;
}
a{
	text-decoration: none;
}

i{
	font-style: normal;
}

.grid { 
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
}

#slogan{
	color: #fff;
	height: 55vmin;
}

.titre-slogan{
	text-shadow:2px 2px #000000;
}

#slogan h1,
#slogan h2,
#slogan h3,
#slogan h4,
#slogan h5,
#slogan h6{
	color: white;
}



#share-buttons{
	margin-top:20px;
}

#share-buttons a img {
	width: 30px !important;
	padding: 0 5px 0 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

a.menu-noir:hover,
a.menu-noir:active,
.menu-principal:hover {
    color: #0ceadb !important;
} 

.menu-principal{

	color:#d9eeec;

}

a.menu-noir-actif,
.menu-actif a{
	color: #0ceadb !important;
}



/* -------------header--------------------*/
#head{

	position:absolute;
	width:100%;
	z-index: 2000;
}

#zone-titre{

	padding:0.5vw 0;

}

#head #menu li,
#head #zone-titre li{
	background-color: transparent;
}

#head #menu{
	background-color: rgba(53, 48, 48, 0.45);
    /*opacity: 0.9;*/
    padding:5px 0;
    margin: 0 5px;
}

#head  #en-tete{

	background-color: rgba(53, 48, 48, 0.45);

}

#head #en-tete li {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/*--------------logiciel-------------------- */

.btn-accueil{
	display: inline-block;
    color: white !important;
    background-color: #F38181;
    padding: 10px 30px;
    font-size: 1.5em;
    margin: 0 2vw 0 2vw;
    min-width: 10% !important;
}

.card{
	margin-bottom : 10px;
	height:95%;
}

.bouton-principal{
	position: absolute;
    width: 100%;
    bottom:3vw;
}




/*--------------recrutement----------------*/	
div.detail {
	display:block;
}

div.detail h2, div.detail h1 {
	color : #0ee8d8 !important;
}

div.detail ul {
	list-style :square !important;
	padding-left:50px;
	font-size:14px;
	font-weight:500;
}

div.detail .contact{
	text-align:justify;
	font-size:14px;
	font-weight:700;
}

.actualite-recrutement{
	padding-top : 2vw;
}

.actualite-recrutement h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #2ac5ba;
    color: white !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 0 0 20px !important;
}

.actualite-recrutement ul{
	padding-top : 10px !important;
	list-style : circle !important;
}

.actualite-recrutement ul li ul{
	padding-top : 10px !important;
	list-style : disc !important;
}

.actualite-recrutement li{
	margin-left : 3vw !important;
}

.actualite-recrutement li ul li{
	margin-left : 5vw !important;
}

.actualite-recrutement p {
    margin-right: 5%;
    background-color: #2ac5ba;
    color: white;
    text-align: center;
    font-size: large;
	padding: 15px;
    margin-left: 5%;
}
.actualite-recrutement legend{
	font-size: x-large;
}

.actualite-recrutement text{
	padding-top:8px;
	padding-bottom:8px;
	display:block;
}

/*----------------------contact------------------ */
.champ-objet {
    height: 40px;
    border-color: #EEEEEE !important;
    border: solid;
    width: 97%;
    margin-top: 5px;
    padding-left: 10px;
    font-size: 15px;
	border-width:2px !important;
	background-color: transparent;
}

.champ-captcha{
	height :40px;
	border-color:#EEEEEE !important;
	border:solid;
	width:99%;
	text-align: center;
	margin-top:5px;
}

.champ-message{
	margin-top : 5px;
	border:solid;
	border-width:2px !important;
	border-color: #EEEEEE; 
	width:98%;
}

.champ-drop{
	width:100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#bouton-envoyer-mail{
	border:none;
	background-color: #0DEADA;
	margin-top: 20px;
	text-align: center;
	height:40px;
	width:auto;
	min-width:200px;
	color:white;
	font-size: 18px;
	font-weight: normal !important;
	padding:0 10px 0 10px;
}


/*-----------------developpement---------------------- */
#section-dev .box:first-child,
#section-dev .box:nth-child(3){
	background:#7ecfc0;
}

#section-dev .box:nth-child(2){
	background:#6A8CAF;
}

/*----------------------fiches logiciels---------------- */
#contenu-fiches{
	padding-left:5vw;
	padding-right:5vw;
	padding-top : 2vw;
}

#contenu-fiches h1{
	padding:1em 0 0 0 !important;
}


.btn-fiches{
	/*width:200px;*/
	font-size:24px;
	background-color:#265c94;
	margin-right:20px;
	margin-left : 20px;
	min-width:350px;
}
.btn-fiches[disabled] {
    background-color: #d8d9e0;
    color: #aab5c5;
    cursor:no-drop;
}

.liens-log{
	color : #333 !important;
}

.logo-cote {
	padding-top: 20%;
	width:7vw;
	min-width:80px;
}
.fleche-left a{
	cursor:pointer;
	color : #CECECE !important;
	font-size: 10vw ;
}
.logo-courant {
	width:15vw;
	min-height: 0px ;
}
.fleche-right a{
	cursor:pointer;
	color : #CECECE !important;
	font-size: 10vw ;
}

.tableau{
	display : grid;
	grid-template-columns:1fr;
	margin-bottom:2vw;
	width : 100%;
}
.tableau ul {
    padding-bottom: 1vw;
    padding-top: 1vw;
    list-style: disc;
}

.tableau ul li {
	margin-bottom:0em !important;
    margin-left: 3vw;
    background-color: transparent;
}


.neutre .btn-fiches{
	margin-bottom : 20px;
}

.euro,
.euro-neutre{
	display : none;
}

.text {
    height: auto;
    padding-top: 1vw;
	padding-bottom: 1vw;
    padding-right: 2vw;
    padding-left: 2vw;
}

table{
	width : 100%;
	background-color: #d8d9e0;
}

.tableau div tr{
	/*display : flex;
	justify-content:space-around;*/
}

.tableau div th,
.tableau div td{
	width : 33%;
}

td{
	border-right : solid;
	border-left : solid;
	border-width : 1px !important;
	border-color: #fff;
	padding: 9px;
	font-size: 18px;
}

/*.mga tr:nth-child(2),
.mga tr:nth-child(4),
.mga tr:nth-child(6),
.mga tr:nth-child(8),
.mga tr:nth-child(10),
.mga tr:nth-child(12),
.mga tr:nth-child(14),
.mga tr:nth-child(16),
.mga tr:nth-child(18),
.mga tr:nth-child(20),
.mga tr:nth-child(22),
.mga tr:nth-child(24),
.euro tr:nth-child(2),
.euro tr:nth-child(4),
.euro tr:nth-child(6),
.euro tr:nth-child(8),
.euro tr:nth-child(10),
.euro tr:nth-child(12),
.euro tr:nth-child(14),
.euro tr:nth-child(16),
.euro tr:nth-child(18),
.euro tr:nth-child(20),
.euro tr:nth-child(22),
.euro tr:nth-child(24){
	background-color: #f1ede9;
}*/

.mga tr:nth-child(2n),
.euro tr:nth-child(2n),
.tout-tarif tr:nth-child(2n){
	background-color: #f1ede9;
}

.alert{
	background-color: #ff9797 !important;
	padding : 5px !important;
}

th{
	border : solid;
	border-width : 1px !important;
	border-color: #fff;
	font-size: 20px;
	padding:15px;
	background-color : #aab5c5;
}

.btn-tarif{
	font-size: 16px;
	background-color:#aab5c5;
	font-weight : 500;
	color: #333;
	border:none !important;
	width : 75px;
	padding: 5px !important;
	cursor:pointer;
}

.btn-tarif-actif{
	background-color :#318CE7 !important; 
	cursor:none !important;
}

.fa-file-pdf{
	padding-right : 1vw;
	/*font-size : 20px !important;*/
	/*color : #333;*/
}

.pdf{
	display : inline-block;
}

.developpement-contenu{
	padding-bottom: 2vw !important;
	font-size : 18px !important;
}

.developpement-contenu p{
	padding-top : 10px;
}
.developpement-contenu h2 {
	color:#2ac5ba !important;
}

.developpement-contenu legend h2 {
	color : #333 !important;

}

.developpement-contenu ul{
	padding-top : 10px;
	list-style : disc !important;
}

.developpement-contenu li{
	margin-left : 3vw;
}

/* .fiche-une{ */
	/* display : flex; */
	/* justify-content:space-around; */
/* } */

/*----------footer----------*/
.logo-manao-pied{
	padding : 1em 1em;
	width :30%;
	opacity:0.5;
}

#mobile-footer ul{
	list-style: none;
	grid-column: 1/4;
	display : flex;
	justify-content: space-around;
}

#mobile-footer li{
	background: #393E46;
}

#mobile-footer .icon-pied{
	font-size: 30px ;
	color:#9E9E9E;
	background:#393E46;
	padding:0;
}

.copyright{
	text-align: center;
	font-size:14px;
	padding-bottom:10px;
}

.copyright a{
	display : inline-block !important;
	color: #fff;
	text-decoration: underline;
}

.champ-abonnement{
	height: 25px;
    width: 97%;
    margin-top: 5px;
    padding-left: 5px;
    font-size: 15px;
	background-color: #fff;
}

#bouton-abonnement{
	border: none;
	background-color: #9e9e9e;
	margin-top: 20px; 
	text-align: center;
	height: 30px;
	width: auto;
	color: white;
	font-size: 16px;
	font-weight: normal !important;
	padding: 5px 20px 5px 20px;
}

#bouton-abonnement:hover{
	cursor:pointer !important;
	background-color:#0ceadb !important;	
}

#bouton-abonnement:active {
	transform: translateY(4px);
}


/*-------------cgv---------------*/
#cgv{
	width : 75%;
	position : relative;
	padding : 2vw 0 2vw 0;
}

#cgv p,
#cgv ul{
	padding-top : 10px;
}

#cgv ul{
	list-style : disc;
}
ul ul{
	list-style : circle !important;
}
ul ul ul{
	list-style : square !important;
}

#cgv li{
	margin-left : 3vw;
}

#cgv h3,
.divPdf h1,
.divPdf a{
	color : #028977 !important;
}

.divPdf{	
	display : grid;
	grid-template-columns: 6fr 1fr;
}

.divPdf h1{
	padding-top: 10px;
    padding-bottom: 0px;
}

.pdf-c{
	display : block;
}


.card-text h1{
	padding : 0 !important;
}

/*--------------------- actualite---------*/
.actualite-contenu{
	font-size : 16px !important;
}

.actualite-contenu iframe{
	width: 80%;
    height: 23vw;
}
.actualite-contenu p,
.actualite-contenu li{
	padding-top : 10px !important;
}

.actualite-contenu ul{
	list-style : disc;
	padding-top : 10px;
	}

	.actualite-contenu li{
	margin-left : 3vw !important;
}
.actualite-contenu a{
	text-decoration: underline;
    color: #2daae1;
}
.titre-gris{
	font-size: 22px;
    color: #504f4f;
	padding-top:10px;
}

.t-cadre h2,
.t-cadre h3,
.t-cadre h4,
.t-cadre h6{
	padding-left : 10px !important;
	padding-right : 10px !important;
}
.t-cadre h2,
.t-cadre h3{
	padding-top : 0px !important;
	padding-bottom : 0px !important;
}

.t-cadre h4,
.t-cadre h6{
	font-weight : 300 !important;
}

.formulaire-mobile{
	display:none;
}

#section-actualite #form-contenu{
	padding-bottom:20px;
}


/*--------------------scolaris----------------------------------*/
.scolaris img {
    width: 100%;
    padding-bottom: 3vw;
}
.scolaris li {
    width: 49% !important;
    margin: 0px 0.5%;
}
.scolaris {
    padding-top: 20px !important;
}

.tarifs-scolaris{
	padding-left:5vw;
	padding-right:5vw;
}

.tarifs-scolaris p{
	padding-bottom:20px;
}

.tarifs-scolaris ul{
	list-style:circle;
	padding-bottom:20px;
}
.tarifs-scolaris li{
	margin-left:30vw;
}
.text-bleu{
	color:#0ceadb !important;   
	font-weight:bold;
}

#notif{
	background-color: #fc3a2e5e;
    color: #333;
    font-weight: normal;
    padding: 5px;
    width: auto;
    /*max-width: 700px;*/
    border-radius: 5px;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
}

.two-case{
	width:71% !important;
	margin:auto;
}
.two-case img {
    min-width: 266px;
}

#partie-EC{
	width:75%;
}

.titreEC{
	margin-bottom:3vw;
}

.partie-boutonEC{
	width:80%;
	margin:1vw auto;
	display:flex;
	
}

.partie-boutonEC div{
	width:50%;
}

.partie-boutonEC a{
	color:#000 !important;
}
.bouton-gros{
	padding: 1vw 0px;
    width: 80%;
    font-size: 18px;
    margin-top: 1vw;
    cursor:pointer;
}

/*--------------references clients-----------------------*/
.content-reference{
	display:flex;
	flex-wrap:wrap;
}
.flex-references .logo{
	width:100%;
}

.reference-main .titre-slogan.titre-slogan-centre {
    padding-bottom: 3.5vw;
    padding-top: 3.5vw !important;
    color:#393e46;
    text-shadow: 0px 0px white;
}
.reference-main #slogan{
	height:auto !important;
	min-height:0px !important;
}

.flex-references{
	padding:2% 1%;
}

.btn-reference{
    /*float: right;*/
    padding: 8px 10px;
    margin-right: 15px;
    background-color: #318CE7;
    color: white;
    border: none;
    cursor:pointer;
}

/*--------------section compétences--------------------------*/
.competences .images img{
	/*display: inline-block;
	max-width:100px !important;
	min-width:0px !important;*/
	padding:10px;
}

.competences .titre-dev, 
.competences .contenu-dev{
	color:#333 !important;
}

/*---------------page coordonnées-----------------------*/
.content-coordonnees{
    background-color: #ffffff;
    width: 40%;
    margin: 4vw auto;
    padding: 1vw;
    padding: 2vw;
    border-radius: 5px;
    box-shadow: 0 0 13px #cecece, 0 0 1px #cecece;
    text-align: center;
}

.content-coordonnees .text-introduction,
.content-coordonnees .coordonnees{
	padding-bottom:1vw;
}

.nouveau-gabarit-fiche{
	padding-top:2vw;
	column-count: 2;
	column-gap: 5vw;
	text-align:justify;
}
.nouveau-gabarit-fiche div{
	padding: 0px 1vw 1vw 2vw;
}

/*.nouveau-gabarit-fiche li{
	margin-left:1vw !important;
}*/
.niveau-titre{
	font-weight: bold;
}

.nouveau-gabarit-fiche h3{
	color: #265c94 !important;
}

.nouveau-gabarit-fiche ul{
	margin-left:2vw;
}

.menu-fiche ul{
	margin-top:1vw;
	display:flex;
	border-bottom:1px solid #cecece;
}

.menu-fiche ul li{
	padding:1vw;
	margin-right:1vw;
}
.menu-fiche ul li:hover,
.menu-fiche ul li.active{
	border-bottom:2px solid #333;
}

#tarteaucitron{
	top:2vw !important;
}

#web-footer ul ul,
#mobile-footer ul ul{
    list-style: none !important;
}

.modals {
	/*margin-top: -175px !important;*/
    position: fixed;
    z-index: 9000;
    /*z-index: 1;*/
    /*padding-top: 250px;*/
    left: 0;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    /*overflow: auto;*/
    /*background-color: rgb(0,0,0);*/
    background-color: rgba(0,0,0,0.84);
    background-size: cover;
	display: flex;
	background-repeat: no-repeat;
	background-position: center;
}

.modals .modal-content {
    /*background-color: #fefefe;*/
    margin: auto;
    padding: 0px;
    /*border: 1px solid #888;*/
    width: 34%;
    /*width: 50%;*/
	/*border-radius:3px;*/
}

.modals #bouton-option{
	/*position: absolute;*/
    /*width: 50%;*/
    padding:0 15px;
}

.modals #close,
.modals #reduire {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
	/*margin-right:10px;*/
	padding:0 12px;
	background-color: white;
	border-radius: 100%;
}

.modals .contenu-modals-pop-up{

	text-align: center;
	/*padding-top:14vw;*/
	padding-top:150px;
	padding-bottom: 100px

}
.modals #bouton-option span:hover,
.modals #bouton-option span:focus {
	color: #3fc4dd;
	text-decoration: none;
	cursor: pointer;
}

.modals .modal-content img{
	width: 100%;
}

.modals .modal-content a{
	text-decoration:none;
}

.modals .text{
	text-align: center;
    color: #333;
    font-size: 22px;
    font-weight: bold;
}

.pop{
	background-color: white;
    position: fixed;
    z-index: 200000;
    bottom: 2px;
    height: auto;
    width: 300px;
    right: 2px;
    padding: 15px 15px 10px 15px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    color: #333;
    border: 1px solid #cecece;
    box-shadow: 0px 0px 10px 0px #333;
}

.pop .fa{
	/*float:right;*/
	cursor:pointer;
}

.pop .content-pop{
	width:100%;
	display:none;
}

.pop .content-pop img{
	width:109%;
	margin:15px 0px 0px -13px;
}

#section-dev ul ul {
    list-style: none !important;
}

.contenu-produit {
    padding: 2vw 10vw 2vw 10vw;
    text-align: justify;
}

.contenu-produit p {
    padding-bottom: 5px;
}

.contenu-produit ul {
    padding-top: 2vw;
    list-style: disc;
}

.contenu-produit img {
    width: auto !important;
    margin-bottom: 1vw;
}

#liste-ancienne-actu ul{
	/*list-style-image: url('https://manao.eu/media/puce2.jpg');*/
	margin-left: 2vw;
	margin-left: 1vw;
}

#liste-ancienne-actu li a{
	color:#265ca0;
    line-height: 35px;
} 

#liste-ancienne-actu li a:hover{
	text-decoration:underline;
	color : #0ecbad !important;
}

.section-article{

	padding: 0px 5vw;
	
}

.section-article table {
    background-color: transparent !important;
}

.bouton-accueil-double,
.bouton-pop-up{

	height: 40px;
	font-size: 1.3vw;
	background-color: transparent;
	border: 1px solid #ff6363;
	border-radius: 4px;
	color: #ff6363;
	font-weight: 700;
	padding:0 2%;
	cursor:pointer;
}

.bouton-accueil-double:hover,
.bouton-pop-up:hover {

	border: 1px solid #ff6363 !important;
	background-color: #ff6363 !important;
	color:#fff !important;

}

.cadre-technologie{

	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.t-cadre-technologie{

    width: 28%;
    padding:1vw !important;
    box-shadow: 0px 4px 6px 0px #abaaaab3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 2vw 0 !important;
    color:#333 !important;
}

.t-cadre-technologie a{

    color:#333 !important;
}

.t-cadre-technologie img{

	width:auto !important;

}

.t-cadre-externalisation{

	width: 75%;
	box-shadow: 0px 3px 6px 0px #abaaaab3;
	padding: 0 2vw 2vw 2vw;
	margin-top: 2vw;

}

.both{

	clear:both;
}

.f-right{

	float:right;
}


.f-left{

	float:left;
}


.text-orange{

	color : #e37655 !important;

}

.text-jaune{

	color : #eac62c !important;

}

.text-vert{

	color : #49d7c5 !important;

}

.text-noir{

	color : #333 !important;

}

.img-ref-externalisation{

	margin-bottom:2vw;
	margin-right:2vw;
	width:auto !important;

}

.t-cadre-realisation{

	width: 40%;
	position: relative;
	margin-top: 2vw;

}

.t-cadre-realisation:hover img{

	filter:brightness(80%);
	-webkit-filter: brightness(80%);
    -moz-filter: brightness(80%);
    -o-filter: brightness(80%);
    -ms-filter: brightness(80%);

}

.t-cadre-realisation img{

	width:100%;
	filter:brightness(50%);
	-webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -o-filter: brightness(50%);
    -ms-filter: brightness(50%);
	-webkit-transform: scale(1);
	transform: scale(1);

}

.t-cadre-realisation .contenu-t-cadre{

	position: absolute;
    top: 15px;
    left: 15px;

}

.t-cadre-realisation .lien-t-cadre{

	position: absolute;
    bottom: 25px;
    right: 15px;
    cursor:pointer;

}

.t-cadre-realisation button{

	background-color: transparent;
	border: 2px solid white;
	padding: 5px 2vw;
	color: white;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;

}

#img-deco{

	float:left;
 	margin-left:-250px;
	width:auto;
	margin-bottom:265px;

}

#container-methode{

	position:relative;
	width:117%;

}


.mth{

	position:absolute;
	right:2vw;
}

#mth-top{

	top:40px;
	left:100px;

}

#mth-center{

	top:400px;
	left:285px;

}

#mth-bottom{

	top:750px;
	left:100px;

}


#liste-menu-principal{

	justify-content: space-between !important; 
	width:75%; 
	margin:auto;
}

.affiche-liste-menu{

	display:none;
	font-size:4vw;
}

#titre-site{

	display: flex; 
	align-items: center; 
	font-weight: 900;

}

.back-transparent{

	background-color: transparent;
}

.back-colore{

	background-color: #19b2b8 !important;
}

#zone-titre ul{

	justify-content: space-between !important;

}

.contenu-expertise ul ul{

	margin-left:2vw;

}

#parent-case1{

	display:flex;
	box-shadow: 0px 1px 10px 4px #abaaaab3;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	margin-bottom: 2vw;
	justify-content: space-between;

}

#parent-case2{

	display:flex;
	box-shadow: 0px 1px 10px 4px #abaaaab3;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	width: 100%;
	margin-bottom: 2vw;
	justify-content: space-between;

}

#parent-case3{

	display:flex;
	box-shadow: 0px 1px 10px 4px #abaaaab3;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	margin-bottom: 2vw;
	justify-content: space-between;

}

#case1{

	background-color: #ff7272;
	width: 30%;
	text-align: center;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	display:flex;
	align-items: center;
	color:white !important;
	height:132px;

}

#case2{
	background-color: #ff7272;
	width:30%;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	display:flex;
	align-items: center;
	color:white !important;
	 height:192px;
}

#case3{

	height:268px;
	background-color: #ff7272;
	width:30%;
	text-align: center;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	display:flex;
	align-items: center;
	color:white !important;
}

#case1:before{
	border-right:50px solid #ff7272;
    border-top:66px solid transparent;
    border-bottom:66px solid transparent;
    content: "";
    position: absolute;
    width: 0;
    height:0;
    right:30%;
}
#case2:before{
	border-left: 50px solid #ff7272;
    border-top: 96px solid transparent;
    border-bottom: 96px solid transparent;
    content: "";
    position: absolute;
    width: 0;
    left:30%;
    height:0;
}
#case3:before{
	border-right: 50px solid #ff7272;
    border-top: 134px solid transparent;
    border-bottom: 134px solid transparent;
    content: "";
    position: absolute;
    right: 30%;
    width: 0;
    height:0;
}

#section-question,
#section-solution{

	display:flex;

}

#section-question{

	flex-direction: row-reverse;
	
}

.div-flex{

	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.div-moitier{

	width:45%;

}

.div-entier{

	width:100%;

}

.div-tier{

	width: 25%;
	padding: 50px 25px;
	border-top-left-radius: 45%;
	border-bottom-right-radius: 45%;
	margin: 2vw 0 !important;
	color: #333 !important;
	border: 3px solid;
	min-width:230px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;

}

.div-quart{

	width:40%;
	padding: 2vw !important;
	box-shadow: 0px 4px 6px 0px #abaaaab3;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 2vw 0 !important;
	color: #333 !important;
}

.div-quart li{

	margin-left:2vw !important;
}

.div-moitier,
.div-entier,
.div-tier;
.div-quart{

	margin-top:20px;

}

.btn-specialise{

	margin-top: 15px;
	width: auto;
	color: white;
	border: 1px solid transparent;
	padding: 5px 10px 7px 10px;
	font-size: 14px;
	border-radius:4px;
	cursor: pointer;

}

.div-tier div{

	width:100%;

}

.t-cadre-audit{

	display: flex;
    width: 80%;
    box-shadow: 0px 3px 6px 0px #abaaaab3;
    margin-top: 2vw;

}

.t-cadre-number-left{

	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1vw solid;
	border-bottom: 1vw solid;

}

.t-cadre-number-right{

	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1vw solid;
	border-bottom: 1vw solid;

}


.t-cadre-texte{

	padding: 0 1vw 2vw 1vw;

}

.div-fleche:before{

	border-right:50px solid #ff7272;
    border-top:66px solid transparent;
    border-bottom:66px solid transparent;
    content: "";
    position: absolute;
    width: 0;
    height:0;
    right:30%;

}



.div-fleche-droite:before{

	border-left:30px solid white;
    border-top:145px solid transparent;
    border-bottom:145px solid transparent;
    content: "";
    position: absolute;
    width: 0;
    height:0;
}

.div-fleche-droite:after{

	border-left:30px solid;
    border-top:145px solid transparent;
    border-bottom:145px solid transparent;
    content: "";
    position: absolute;
    width: 0;
    height:0;
    left:40px;
}

.div1:after{

	border-left-color: #ff7272 !important;

}
.div2:after{

	border-left-color: #1eb2a6 !important;

}
.div3:after{

	border-left-color: #ffd31d !important;

}
.div4:after{

	border-left-color: #5f6caf !important;

}

.div-fleche-droite{

	width:40px;
	height:290px;
	position:relative;
	top:15px;

}

.div-contenu-fleche{

	/*width:75%;*/
	width:calc(100% - 125px);
	padding: 0 15px 0 25px !important;
	box-shadow: 0px 0px 6px 0px #abaaaab3;
	color: #333 !important;
	height:320px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.div-parent-fleche{

	width: 45%; 
	display:flex; 
	margin-bottom:20px;
}

.div-contenu-fleche:after{

	border-left: 30px solid white;
	border-top: 160px solid transparent;
	border-bottom: 160px solid transparent;
	content: "";
	width: 0;
	height: 0;
	margin-right: -45px;
	z-index: 9000;

}

.div-fleche-gauche{

	width:40px;
	height:290px;
	position:relative;
	top:15px;

}

.div-fleche-gauche:after{

	border-left:30px solid;
    border-top:145px solid transparent;
    border-bottom:145px solid transparent;
    content: "";
    position: absolute;
    width: 0;
    height:0;
    left:40px;
}

.div-parent-formation{

	margin-bottom:20px;

}

#tenue-comptabilite b{

	color : rgb(240, 173, 78) !important;

}

#tenue-comptabilite .div-formation{

	border-color : rgb(240, 173, 78) !important;

}

#tenue-comptabilite .point div{

	background-color : rgb(240, 173, 78) !important;

}

#etats-financiers b{

	color : rgb(255, 114, 114) !important;

}

#etats-financiers .div-formation{

	border-color : rgb(255, 114, 114) !important;

}

#etats-financiers .point div{

	background-color : rgb(255, 114, 114) !important;

}

#comptabilite-analytique b{

	color : rgb(30, 178, 166) !important;

}

#comptabilite-analytique .div-formation{

	border-color : rgb(30, 178, 166) !important;

}

#comptabilite-analytique .point div{

	background-color : rgb(30, 178, 166) !important;

}


#tresorerie b{

	color : rgb(95, 108, 175) !important;

}

#tresorerie .div-formation{

	border-color : rgb(95, 108, 175) !important;

}

#tresorerie .point div{

	background-color : rgb(95, 108, 175) !important;

}

#relations-individuelles b{

	color : rgb(0, 168, 204) !important;

}

#relations-individuelles .div-formation{

	border-color : rgb(0, 168, 204) !important;

}

#relations-individuelles .point div{

	background-color : rgb(0, 168, 204) !important;

}

#production-paie b{

	color : rgb(255, 179, 133) !important;

}

#production-paie .div-formation{

	border-color : rgb(255, 179, 133) !important;

}

#production-paie .point div{

	background-color : rgb(255, 179, 133) !important;

}

.div-formation-left p:first-child{

	text-align: right !important;
}

.div-formation {

	width : 50%;

}

.div-formation-left{

	padding-right:20px;
	border-right: 6px solid;
	margin-left: -23.5px;

}

.div-formation-right{

	padding-left:20px;
	border-left: 6px solid;
	margin-right: -22.5px

}

.div-parent-formation{

	display:none;

}

.div-formation-active{

	display:block !important;
	
}

.point div{

	width:16px;
	height:16px;
	border-radius:16px;
}

.div-formation-right .point{

	float:left;
	padding-top:17px;
	padding-right: 20px;
	margin-left: -31px

}

.div-formation-left .point{

	float:right;
	padding-top:17px;
	padding-left: 20px;
	margin-right: -31px

}

.affichage-section-cachee{

	font-size: 1.5em;
	padding: 8px 10px;
	border: 1px solid;
	border-radius: 114px;
	font-weight: 700;
	color: #ff7272 !important;
	curson:pointer;

}

#liste-realisations{

	display:flex; 
	justify-content: space-between; 
	width:100%;bottom:-8px; 
	flex-wrap:wrap;

}

.cadre-individuel-realisation{

	margin:20px 4px 50px 4px;
	width: 30%;
	position: relative; 
	min-width:285px;
}

.cadre-contenu-realisation{
	width: 100%; 
	background-color: white; 
	color: #333; 
	display: flex; 
	align-items: center;
	/*justify-content:center; 
	padding:5px; margin:5px;*/ 
	flex-direction:column;
	/*border:2px solid #f79071;*/
	cursor:pointer;
	height: 100%;
	border-bottom:2px solid #a4a1a1;
}

.cadre-contenu-realisation img{

	width:100%;
	/*max-height:268px;*/
	transition: 1s all linear;
	margin:0 auto;
	
}

.cadre-contenu-realisation img:hover{

	transform:scale(1.35);
	transform-origin: top;
	
}

.cadre-contenu-realisation a{

	overflow: hidden;
	
}


.cadre-contenu-realisation h3{

	padding: 5px 10px !important;

}

.cadre-contenu-realisation h5{

	padding:0px 10px 30px 10px; 
	font-weight: 300 !important;

}

.cadre-bouton-realisation{

	width: 100%; 
	/*background-color: #f79071; 
	color: #333; 
	align-items: center; 
	justify-content:center; 
	/*padding:5px; 
	margin:5px;
	flex-direction:column; 
	/*border:2px solid #f79071;*/
	position: absolute;
	height: auto; 
	font-weight:bold;
	color:white !important; 
	/*border:2px solid #f79071;*/ 
	margin-top:-18px;

}

.cadre-bouton-realisation a{
	
	/*height:100%;
	width:100%*/
	color:white !important; 
	display:inline-block;

}

.btnRealisation{

	padding:3px 20px; 
	color:white !important; 
	border: 1px solid #a4a1a1; 
	background-color: #ff7171; 
	border-radius: 20px; 
	cursor:pointer;
	font-weight:normal;

}

.btnRealisation:hover{

	background-color: #ffd4d4; 
	color:#ec0000 !important;	
}

.section-detail-realisation h1{

	text-align:center;
	padding:0px !important;

}

.detail-realisation{

	display:flex;

}

.photo-actu-realisation{

	width:70%; 
	padding-right:10px;

}

.photo-actu-realisation img{
	
	width:100%;

}


.detail-realisation button{

	font-size: 18px; 
	background-color: transparent; 
	border: 1px solid #ff6363; 
	border-radius: 4px; 
	color: #ff6363; 
	font-weight: 300; 
	padding: 5px 10px; 
	cursor: pointer;

}

.detail-realisation button:hover{

	background-color: #ff6363; 
	color: white; 

}



.contenu-actu-realisation{

	text-align : justify; 
	padding-left:10px; 
	width:30%;

}

.contenu-actu-realisation table{

	background-color: transparent !important;

}

.contenu-actu-realisation td{

	padding: 5px 0px !important;
	vertical-align: top;
	text-align:left !important;
	
}

.contenu-actu-realisation hr{
    
    border-bottom: none;
    border-color: #a4a1a13b;

}

#btnWeb{

	display:block;

}

#btnMobile{

	display:none;
	
}

.contenu-actu-realisation a{

	color: #a4a1a1 !important;
	text-decoration: underline;
}