@media(min-width:1371px){
	body{
		font-size:18px;
	}
	
	/*head*/
	#headstandard{
		min-height: 200px;
	}
	#bg-image {
		position: absolute;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 46vw;
		z-index: -1;
		max-height: 873px;
		min-height: 634px;
	}
	
	/*en-tete*/
	#head #en-tete,
	#head #en-tete li{
		color:white;
		display : block;
		background-color: #393E46 ;
		padding:0 ;
		margin:0 ;
		font-size:16px;
	}

	#head #en-tete li{
		width : 35%;
		grid-column-gap:0px;
	}

	#head #en-tete ul{
		list-style: none;
		padding-top:5px;
		padding-bottom:0px;
	}

	#head #en-tete ul li ul{
		list-style: none;
		padding-top:0px;
	}

	.contact{
		color : white;
		margin-right: 1vw;
		font-size: 14px;
	}

	.menu-noir{
		color:#fff;
	}


	/*menu principal*/
	#logo-manao{
		height: 6vw;
		width: 15vw;
		float : left;
		padding-top: 10px;
		padding-left: 10px;
	}

	.menu-principal{
		text-decoration:none;
		font-size : 1.4vw;
		font-weight: bold;
		color:white;
	}

	.m-principal{
		display:block;
		padding-top: 4.3vw;
	}

	.hr-underline{
		background-color:#53bae9;
		border:none;
		width:70%;
		height:3px;
		margin-top: 0px;
		margin-bottom : 10px;
		border-radius:5px;

	}
	.col-mobile{
		display:none;
	}
	#slogan{
		color: #fff;
		
	}
	#slogan {
		height: 39vw !important;
		min-height: 320px;
		max-height: 700px;
	}
	
	#slogan .titre-slogan{
		font-size: 3.6vw;
		word-spacing: 5px;
		line-height: 1.5em;
		margin-bottom: 0px ;
		padding-top: 30px;
	}

	/*contenu logiciel*/
	#head #bouton-log{
		display:inline-block;
	}

	#head .btn{
		display:inline-block;
		background : #F38181;
		border:none;
		color:white;
		text-decoration: none;
		font-size: 20px;
		width : 85%;
		height:50px;
	}
	
	#bloc .content-title {
		font-weight: bold;
		font-size: 35px;
		padding-top: 1vw;
		padding-bottom: 1vw;
	}

	#bloc span{
		font-size: 30px;
	}
	#bloc .content-text {
		color: #2ac5ba !important;
		font-weight: 700;
		/* padding-top: 10px; */
		padding-bottom: 10px;
		font-size: 20px;
	}

	#gestion {
		display:grid;
	}
	
	.btn-accueil{
		width : 385px !important;
	}

	.card .card-text{
		min-height: 90px;
		color : #333;
	}
	
	#info img{
		width :70%;
	}
	
	#gestion .card .card-logo,
	#rh .card .card-logo,
	#vente .card .card-logo,
	#service .card .card-logo{
		min-height: 10%;
	}
	#gestion p,
	#rh p,
	#vente p,
	#service p{
		font-size: 18px;
	}

	#gestion li,
	#rh li,
	#vente li,
	#service li{
		width : 32%;
		grid-column-gap:0px;
	}
	#gestion .card{
		background : #FFF59D;
	}

	#rh .card{
		background : #BDE4F4;
	}

	#vente .card{
		background : #A0E4B0;
	}

	#service .card{
		background : #F09872;
	}

	#bg-color {
		position: absolute;
		background-color: #9E9E9E;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 10vw;
		max-height: 180px;
		z-index: -1;
	}

	#section-dev .images{
			display:block;
		}

	.card-bouton .btn{
		font-size: 15px;
	}
	
	.card-content{
		padding:1.5em;
	}

	#actu #contenu-actu .SlideContenu{
		text-align: left;
		font-size: 16px;
		padding-left:30px;
		padding-right:30px;

	}

	#web-footer .logo-manao-pied{
		padding : 1em 1em;
		width: 150px;
		opacity:1.5;
	}

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

	#head #en-tete ul,
	.content-wrap,
	#gestion ul,
	#rh ul,
	#vente ul,
	#service ul,
	#bloc .content-wrap,
	#bloc-confiance ul,
	#web-footer ul,
	#head #menu ul,
	#head #menu ul .m-principal ul,
	#nouvelle ul{
		grid-column: 1/span 5;
	}

	#bout-log ul{
		list-style: none;
		grid-column : 2/span 3;
	}

	#bloc .content-text p{
		padding-top :0;
	}

	#head #en-tete ul,
	#head #menu ul,
	#bout-log ul,
	#gestion ul,
	#rh ul,
	#vente ul,
	#service ul,
	#bloc-confiance ul,
	#web-footer .content-wrap ul,
	#nouvelle ul{
		list-style: none;
		display : flex;
		justify-content: space-around;
	}

	


	#nouvelle ul li ul{
		list-style: none;
		display:grid;
		grid-template-columns : 1fr;
	}

	#nouvelle #section-droite p{
		text-align: left;
		font-weight: bold;
		font-size: 16px;
	}

	#bout-log li{
		width:100%;
		background: transparent;
	}

	

	

	

	#bloc-confiance{
		display:block;
		text-align: left;
		padding-bottom: 20px; 
	}
	#bloc-confiance p{
		padding-left:10px;
		text-align: left;
		font-size: 16px;
		font-weight: bold;
	}

	#bloc-confiance .pays{
		text-align: center;
		font-size: 14px;
	}

	#bloc-confiance img{
		width:70%;
		-webkit-filter: grayscale(100%); 
    	filter: grayscale(100%);
	}

	#bloc-confiance li,
	#bloc-confiance hr{
		width:50%;
	}

	#bloc-confiance a{
		text-decoration: none;
		font-style: italic;
		text-align: left;
		padding-left:10px;
		color:#000;

	}

	

	#web-footer,
	#web-footer a{
		display:block;
		background: #393E46;
		color:#fff;
		font-size: 14px;
		text-align: left;
	}

	#web-footer li{
		background: #393E46;
		color:#fff;
		padding-top : 3vw;
		width : 20%;
		line-height: 2em;
	}


	#mobile-footer{
		display:none;
	}

	#web-footer .icon-pied{
		font-size: 50px ;
		color:#fff;
		background:#393E46;
		padding:0;
	}

	#web-footer .titre{
		font-size: 25px;
		font-weight: bold;
	}

	#web-footer .content-wrap{
		padding-left : 2%;
		padding-right : 2%;
	}

	#web-footer .bureau{
		font-weight: bold;
		font-size: 18px;
	}

	#fiche{
		color: black;
		display :none;
	}

	/*actualités*/

	#nouvelle{
		display : inline-block;
	}
	#nouvelle #section-gauche{
		width : 90%;
		grid-column-gap:0px;
	}

	#nouvelle #section-droite{
		width : 10%;
		grid-column-gap:0px;
	}

	.bars-nouvelle{
		display:none;
	}
	#image-actu{
		display:flex;
		justify-content:space-around;
		margin-top : 3vw;
		margin-bottom:2vw;
		width:100%;
		height:25vw;
		min-height: 400px;
		text-align: center;

	}

	#image-actu img{
		width:70%;

	}

	#image-actu-slide{
		display:none;
		margin-top : 3vw;
		margin-bottom:2vw;
	}

	#image-actu-slide .SlideImage img{
		padding-top: 5px;
		height: 400px;
		width: 600px;
	}	

	#slogan-nouvelle{
		font-weight: bold;
		font-size: 20px;
	}

	#bouton-abonnement{
		padding-top: 10px;
	}
	#bouton-abonnement .btn{
		width:10%;
		height:20px;
	}

	#section-droite #reseaux-sociaux{
		display:block;
	}
	/*#section-gauche{
		display : grid;
		grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
	}*/
	#main{
		display : grid;
		grid-template-columns : 1fr;
	}
	
	
	
	.showcase .image{
		width:100%;
		min-width:300px;
		min-height: 100px;
	}

	.top-box-a .section-bas .image{
		width:100%;
		min-width:130px;
	}
	

	.showcase .contenu{
		width:100%;
		min-width: 135px;
		text-align: left;
		max-height: 230px;
		overflow: hidden;
		font-size: 14px;
		line-height: 1.5em;
	}
	.showcase .image img,
	.top-box-a .section-bas .image img{
		width:90%;
		height:100%;
	}


	#btn-ancien{
		background :#0DEADA;
		width : 150px;
		font-size: 100%;
		font-weight: bold;
		margin-top: 50px;
	}
	.titre-actu{
		font-weight: bold;
	}

	.wrapper{
		margin-top: 50px;
		margin-bottom: 25px;
		display: grid;
		width:100%;
	}
	

	#top-container {
		display : grid;
		grid-template-areas:
			'showcase top-box-a';
			color:black;
	}

	.showcase{
		grid-area: showcase;
		padding: 0px;
	}

	.showcase ul li .contenu,
	.top-box-a .section-bas ul li .contenu{
		text-align: left;
		padding:0px;

	}
	.showcase ul li .contenu .contenu-actu{
		max-height: 100px;
		margin-bottom:10px;
		overflow: hidden;
	}
	
	.top-box-a .section-bas ul li .contenu{
		min-height:100px;
	}
	.showcase ul li .btn{
		width:100px;
		text-align: center;
		background:#317C41; 
	}
	.showcase ul li,
	.top-box-a .section-bas ul li{
		display:grid;
		grid-template-columns:1fr 3fr;
	}

	.top-box-a{
		padding-left: 50px;
		grid-area: top-box-a;
		text-align: left;
		min-width:30px;
	}
	.top-box-a .titre{
		font-size: 18px;
		font-weight: bold;
		padding:20px;
	}

	.section-bas{
		padding: 0px;
	}

	.section-haut{
		display:block;
	}

	#actu{
		display:none;
	}

	#menu-mobile-nouvelle{
		display :none;
	}

	.badge {
		display : inline-block ;
		cursor:pointer;
		height:13px;
		width : 13px;
		margin-top:0px;
		background-color: #CECECE;
		border-radius: 9px ;
		border :solid ;
		border-width: 3px ;
		border-color: #CECECE ;
		position: middle ;
	}

	.badge:hover{
		background-color : white;
		border-color: #CECECE ;
	}
	.active{
		background-color : white;
		border-color: #CECECE ;
	}

	#haut,
	#bas{
		display:grid;
		grid-template-columns :1fr;
	}

	#bas{
		background-color: transparent;
		margin-top:-20px;
		z-index: -1;
	}

	#haut ul,
	#bas ul{
		list-style: none;
		display:flex;
		justify-content:space-around;
	}

	#haut li,
	#bas li{
		width:30%;
		text-align: center;
	}






	.col-bars{
		display:none;
	}

	#menu-responsive{
		list-style: none;
		display:grid;
		grid-template-columns:1fr;
		padding-top: 0px;
	}

	#section-dev li ul li ul,
	#section-dev,
	#section-dev ul{
		list-style: none;
		display:grid;
		grid-template-columns:1fr;
		padding-top: 0px;
		padding-bottom: 0px;

	}
	
	#menu-responsive ul,
	#section-dev li ul{
		list-style: none;
		background:transparent;
		display:flex;
		justify-content:space-around;
	}

	#section-dev li ul li{
		width:100%;
		padding:10px;
		text-align: left;
		background:transparent;
	}


	#section-dev li ul li img{
		width:80%;
		min-width: 350px;
	}
	#menu-responsive li{
		background:transparent;
		font-size: 1.8vw;
	}

	.menu-hr{
		background-color: transparent;
		border : none;
		margin-top: 0px ;
		width : 10px;
		height : 10px;
		border-radius : 5px;
	}

	.liens{
		font-size : 20px;
		color : white;
		font-weight: bold;
		padding-top: 0px ;
		/*margin-bottom: 40px ;*/
	}

	
	#section-dev li{
		margin-bottom:0px;
		padding-top:3vw;
		padding-bottom:3vw;
		padding-left: 6vw;
		padding-right : 6vw;
	}


	.titre-dev{
		padding-top: 25px;
		padding-bottom: 10px;
		color:white;
		font-size: 22px;
		font-weight: bold;
	}

	#section-dev{
		font-size: 20px;
		color : #000000;
	}

	#section-dev button{	
		background-color : #FA8072;
		border:none;
		width:250px;
		height:40px;
		font-size: 100%;
		font-weight: bold;
		color:#fff;
	}

	#section-dev li ul li ul{
		padding-left:3vw;
	}
	#section-dev li ul li ul li{
		list-style: disc;
	}
	
	#slogan-info{
		font-weight: bold ;
		color : white ;
		font-size : 5vw;
		text-align: center ;
		padding-top: 50px ;
		padding-bottom: 0px ;
		line-height: 1.2em;
	}

	#info {
		text-align: center;
		color: white;
		font-weight: normal;
		font-size: 1.6vw;
		line-height: 1.5em;
		padding-left: 3vw;
		padding-right: 3vw;
	}

	.titre-info{
		padding: 20px ;
		color : #000000 ;
		font-size: 24px;
	}

	.nom{
		color : #0DEADA ;
		text-align: center ;
		font-weight: bold;
		padding-bottom: 0 !important;
	}
	.titre-fonction{
		text-align: center ;
		padding-bottom: 30px;
		padding-top: 0 !important;
	}

	.valeur-titre{
		font-weight: bold;
		text-align: center;
	}

	#hr-bleu{
		 width:50%;
		 height:2px;
		 background-color:#53bae9;
		 border:none ;
		 margin-top: 50px ;
	}

	#equipe,
	#valeur,
	#section-c{
		display:grid;
		grid-template-columns :1fr;
		text-align: left;
		padding-left:3%;
		padding-right:3%;
	}



	#equipe ul,
	#valeur ul,
	#section-c ul{
		list-style: none;
		display:flex;
		justify-content:center;
		flex-wrap: wrap;
	}

	#equipe li,
	#valeur li,
	#section-c li{
		width:33%;
		
	}

	.contenu-info{
		padding-left: 20px;
		padding-right: 20px;
	}


	#actu{
		text-align: right;
		margin-bottom: 20px;
	}

	#actu .btn{
		text-align: center;
		background-color: #CECECE;
		width:10%;
		margin-right: 2%;
		font-weight: bold;
	}

	.hr-active{
		background-color: #0DEADA;
	}

	.item-active{
		color : #0DEADA;
	}

	#fiche{
		margin-top:0px;
	}

	#section-d ul{
		list-style: none;
		display:flex;
		justify-content:space-around;
	}

	#section-d li{
		width:50%;
	}

	#formulaire{
		margin-top:5vw;
		margin-bottom:2vw;
		display:grid;
		grid-template-columns: 1fr;
	}

	#formulaire ul{
		list-style: none;
		display:flex;
		justify-content: space-around;
	}

	#formulaire li{
		text-align: left;
		width:45%;
	}

	#formulaire li ul li{
		text-align: left;
		width:48%;
	}

	#recru ul{
		list-style: none;
		display : flex;
		justify-content: space-around;
		padding-top: 2vw;
		width : 70%;
		column-gap: 10px;
	}

	#recru li{
		/*background:#0DEADA;*/
		width:33%;
		
		
	}

	.card-recru{
		height:100px;
		border : solid;
		border-color:#CECECE;
	}

	

	#contenu-nouvelle,
	#section-actualite,
	#contenu-eve{
		display:flex;
		justify-content: space-around;
	}

	#contenu-nouvelle #nouv {
		width: 80%;
		min-width: 950px;
		display: flex;
		justify-content: space-around;
		padding-top: 2vw;
		padding-bottom: 2vw;
	}

	#section-actualite{
		display :grid;
		grid-template-columns:1fr;
		width:65%;
	}
	#section-evenement{
		width : 30%;
	}

	#contenu-nouvelle h1,
	#contenu-nouvelle h2,
	#contenu-nouvelle h3{
		color: #333;
	}

	#nouv h1{
		padding-top:2px;
		padding-bottom:2px;
	}
	
	#liste h2{
		padding-top:0px !important;
	}

	#liste-autre-actu{
		display : grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 15px;
	}

	#nouv img{
		width : 100%;
	}

	#liste-autre-actu img{
		height : 200px;
	}

	#contenu-eve img{
		width : 40%;
		height : 100px;
	}
	
	h2, h3 {
		color:#333 !important;
	}
	
	#recrutementListe {
		display: grid;
		grid-template-columns: 1fr;
		padding-left: 2vw;
		padding-right: 2vw;
		padding-bottom: 2vw;
	}
	
	#recrutementListe .offres{
		/* display: flex; */
		/* flex-direction: row; */
		/* justify-content: center; */
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		align-items: center;
		margin-bottom : 10px;
	}
	
	.t-cadre{
		width:96%;
		color:#333 !important;
		cursor:pointer;
		border : solid 1px #ccc;
		margin-bottom:10px;
		margin-top:10px;
		padding:0 !important;
	}
	
	.t-cadre a {
		padding:0;
		margin : 0;
		display:block;
		text-decoration:none;
		color:#333 !important;
	}
	
	.t-cadre img{
		width: 100% !important;
		height :100%;
		position:relative;
		z-index:-1;
		margin:0 !important;
	}
	
	.t-cadre h3{
		display:block;
	}
	
	
	/* fiches logiciels */
	#fonctionnalite{
		display : grid ;
		grid-template-columns: 1fr 1fr;
	}
	#fonctionnalite div{
		padding-left : 10vw;
		padding-right : 3vw;
	}	
	
	#slidefiches{
		display : grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	
	#menufiches a{
		display : inline-block;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	
	/*--------------------------------------------a propos ----------------------------------*/
	#valeur h3,
	#valeur h4{
		font-weight:100;
	}	
	
	#valeur h4 {
		padding-top: 0px !important;
		padding-left: 6%;
		padding-right: 6%;
		text-align: justify!important;
	}
	 .apropos #slogan{
		word-spacing: 5px;
		line-height: 1.5em;
		margin-bottom: 0px ;
		padding-top: 5vw;
		height: 32vw !important;
	}
	.titre-slogan-centre{
		 font-size: 3.6vw;
	}
	/*-------------------------------actualite------------------------------*/
	.actualite-contenu iframe {
		width: 100%;
		height: 29vw !important;
	}
	
	#section-actualite .btn {
		width: 200px !important;
		background-color: #0ceadb !important;
		font-size: 20px;
		color: #333;
		font-weight: 500 !important;
		cursor : pointer;
	}
	
	#section-actualite .btn:hover {
		background-color: #60ced9 !important;
	}
	
	#section-actualite #form-contenu{
		display : flex;
		justify-content:space-around;
	}
	
	#section-actualite #form-contenu #libelle{
		width : 50%;
	}
	
	.actualite-contenu .colonne-actu{
		display : grid;
		grid-template-columns : 1fr 1fr;
	}
	
	.actualite-contenu .colonne-actu div{
		padding: 1vw !important;
	}
	
	
	
	/*---------------------------------------fiches-----------------------------*/
	.developpement-contenu .btn{
		margin-top : 2vw !important;
	}
	
	/*-----------------------------------recrutement---------------------------------*/
	#recrutementListe p{
		padding-top:10px !important;
		font-size : 20px !important;
	}
	
	#recrutementListe h1{
		/*color : #0ceadb !important;*/
	}
	
	#recrutementListe i{
		font-style : italic !important;
	}
	
	
	/*-------------------------------------logiciels-----------------------------------------*/
	#bloc-confiance img:hover{
		-webkit-filter: grayscale(0%) !important;
	}
	
	
	#valeur p{
		padding-bottom:10px !important;
	}
	
	
	/*------------------------------scolaris-------------------------------------------*/
	.scolaris-haut img{
		width:50% !important;
	}
	
}