@charset "utf-8";

/* FONTS */
@font-face
{
font-family: Ubuntu;
src: url('font/Ubuntu-L.ttf');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: Ubuntu;
src: url('font/Ubuntu-B.ttf');
font-weight: bold;
font-style: normal;
}

@font-face
{
font-family: Ubuntu;
src: url('font/Ubuntu-BI.ttf');
font-weight: bold;
font-style: italic;
}

@font-face
{
font-family: Ubuntu;
src: url('font/Ubuntu-LI.ttf');
font-weight: normal;
font-style: italic;
}



/* GENERAL */

body {
	font-family: Ubuntu;
	background: white;
}

/* BARRE RESEAU + LANGUE */

#navi-news {
	min-height: 42px;
}

#bg-navi-news2 {
	min-height: 42px;
	width: 85px;
	background: white;
	 /*background: -prefixe-linear-gradient(left,#EEE 0%, #555 100%);
	background: -webkit-linear-gradient(left, #EEE 0%, #555 100%);
	background: linear-gradient(to left, #EEE 0%, #555 100%);*/
	float: left;
	border-radius: 0 2px 10px 2px;
	box-shadow: 2px 2px 0px silver;
}

#fr-flag-icon {
	background: url('https://biomanda.com/images/France-Flag-icon.png');
	float: right;
	width: 32px;
	height: 32px;
	margin: 5px;
}

#uk-flag-icon {
	background: url('https://biomanda.com/images/United-Kingdom-flag-icon.png');
	float: right;
	width: 32px;
	height: 32px;
	margin: 5px;
}

#bg-navi-news {
	padding-left : 1px;
	min-height: 42px;
	width: 126px; /*168*/
	background: white;
	float: right;
	border-radius: 2px 2px 2px 10px;
	box-shadow: 0px 0px 2px 2px silver;
}

#rss-icon {
	background: url('https://biomanda.com/images/rss-icon-n.png');
	float: right;
	width: 32px;
	height: 32px;
	margin: 5px;
}

#rss-icon:hover {
	background: url('https://biomanda.com/images/rss-icon-a.png');
}

#twitter-icon {
	background: url('https://biomanda.com/images/twitter-icon-n.png');
	float: right;
	width: 32px;
	height: 32px;
	margin: 5px;
}

#twitter-icon:hover {
	background: url('https://biomanda.com/images/twitter-icon-a.png');
}

#facebook-icon {
	background: url('https://biomanda.com/images/facebook-icon-n.png');
	float: right;
	width: 32px;
	height: 32px;
	margin: 5px;
}

#facebook-icon:hover {
	background: url('https://biomanda.com/images/facebook-icon-a.png');
}

#google-icon {
	background: url('https://biomanda.com/images/google-icon-n.png');
	float: right;
	width: 32px;
	height: 32px;
	margin: 5px;
}

#google-icon:hover {
	background: url('https://biomanda.com/images/google-icon-a.png');
}

/* BARRE NAVIGATION */

.menu-toggle, .menu-checkbox, .menu-toggle2, .menu-checkbox2 {
        display: none;
}

#barre-navi, #barre-navi-bas {
	display: flex;
}

#barre-navi p {
	width: 10%;
	background: url('https://biomanda.com/images/logo3.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#barre-navi ul {
	width: 90%;
	text-align: center;
	padding-bottom: 1.3rem;
	padding-left:0px;
}

#barre-navi li {
	display: inline;
	font-size: 90%;
	text-transform: uppercase;
	margin: 0px;
}


#barre-navi a {
	color: grey;
	font-weight: bold;
	text-decoration: none;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin: 0px;
}

#barre-navi a:hover {
	color: black;
	border-bottom: 5px solid #DBE6F2;
}

#barre-navi a.actif {
	color: black;
	border-bottom: 5px solid #0096db;
	background: #fafafa
}

#banniere p {
	width: 100%;
	background: url('https://biomanda.com/images/logobiomanda.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 40rem;
}

#banniere h1 {
	border-bottom: 5px solid #0096db;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 5%;
	padding-right: 5%;
	text-align: right;
	text-shadow: 1px 1px 1px grey;
}

#incrust-cir table {
	text-align: center;
	margin-left: 15%;
	margin-right: 15%;
	width: 70%
}

#bloc-infos {
	box-shadow: 0px 0px 20px rgb(218, 221, 222);
	line-height: 1.5;
	text-align: justify;
	padding-bottom: 2rem;
	border-left: 5px solid #0096db;
	margin-left: 5%;
	margin-right: 5%;
	background: #F5F5F5;
}

#bloc-infos h1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #0096db;
	margin-top: 2rem;
	padding-left: 2%;
	font-size: 2rem;
}

#bloc-infos p  {
	padding-left: 2%;
	padding-right: 2%;
	font-size: 1.2rem;
}

#bloc-infos ul  {
	padding-left: 5%;
	padding-right: 2%;
	font-size: 1.2rem;
}

#intro h1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: white;
	text-shadow: 1px 1px 1px grey;
	text-align: center;
	margin-top: 5rem;
	margin-bottom: 0px;
	font-size: 3rem;
}

#intro {
	box-shadow: 0px 0px 20px rgb(218, 221, 222);
	background: #0096db;
	border-radius: 40px;
}

#intro h2 {
	padding-top: 0rem;
	padding-bottom: 1rem;
	text-shadow: 1px 1px 1px grey;
	text-align: center;
	margin-bottom: 5rem;
	margin-top: 0px;
	color: #D3D3D3;
}

#atouts {
	text-align: center;
}

#atouts table {
	margin-bottom: 4rem;
}

#atouts img {
	width: 25%;
}

#atouts h1 {
	color: #0096db;
	text-shadow: 0px 1px 1px grey;
}

#atouts p {
	font-weight: bold;
	padding-left: 5%;
	padding-right: 5%;
}

#barre-navi-bas {
	margin-top: 3rem;
	background: black;
	border-radius: 10px;
}

#barre-navi-bas ul {
	width: 100%;
	text-align: center;
	padding-bottom: 0rem;
	padding-left:0px;
}

#barre-navi-bas li {
	display: inline;
	font-size: 70%;
	text-transform: uppercase;
	margin: 0px;
}


#barre-navi-bas a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin: 0px;
}

#barre-navi-bas a:hover {
	color: lightgrey;
}

/* Presentation */

#pres-equipe {
	box-shadow: 0px 0px 20px rgb(218, 221, 222);
	line-height: 1.5;
	text-align: justify;
	border-left: 5px solid #0096db;
	margin-left: 5%;
	margin-right: 5%;
	background: #F5F5F5;
	margin-bottom: 2rem;
}

#pres-societe, #pres-partenaire, #serv-2, #serv-4, #reseau-partenaire, #bs-request, #covid19l {
	box-shadow: 0px 0px 20px rgb(218, 221, 222);
	line-height: 1.5;
	text-align: justify;
	border-right: 5px solid #0096db;
	margin-left: 5%;
	margin-right: 5%;
	background: #F5F5F5;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	padding-top: 2rem;
}

#certification, #engagements, #serv-1, #serv-3, #serv-6, #bs-presentation, #covid19r {
	box-shadow: 0px 0px 20px rgb(218, 221, 222);
	line-height: 1.5;
	text-align: justify;
	border-left: 5px solid #0096db;
	margin-left: 5%;
	margin-right: 5%;
	background: #F5F5F5;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	padding-top: 2rem;
}

#pres-equipe table {
	margin-right: 5%;
	margin-left: 5%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#pres-equipe h1 {
	padding-left: 2%;
	padding-right: 2%;
	color: #0096db;
	text-shadow: 1px 1px 1px grey;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
}

#pres-societe h1, #certification h1, #pres-partenaire h1, #engagements h1, #serv-1 h1, #serv-2 h1, #serv-3 h1, #serv-4 h1, #serv-5 h1, #serv-6 h1, #reseau-partenaire h1, #bs-request h1, #bs-presentation h1, #covid19r h1, #covid19l h1 {
	padding-left: 3%;
	padding-right: 3%;
	color: #0096db;
	text-shadow: 1px 1px 1px grey;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
}

#pres-equipe h2 {
	margin-left: 2%;
	margin-right: 2%;
	background: #0096db;
	color: white;
	width: 300px;
	text-align: center;
	text-shadow: 1px 1px 1px grey;
	border-radius: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 100%;
}

#pres-equipe h3 {
	padding-left: 2%;
	padding-right: 2%;
	color: dimgray;
}

#pres-societe h3, #engagements h2, #reseau-partenaire h2, #bs-presentation h2, #bloc-infos h3 {
	padding-left: 5%;
	padding-right: 5%;
	color: dimgray;
}	

#pres-societe table {
	padding-left: 5%;
	padding-right: 5%;
}

#certification table, #pres-partenaire table {
	width: 100%;
	text-align: center;
}

#certification td, #pres-partenaire td {
	width: 50%;
}

#certification h2, #covid19r h2 {
	padding-left: 7%;
	padding-right: 7%;
	color: dimgray;
}

#pres-equipe p, #serv-1 p, #serv-2 p, #serv-3 p, #serv-4 p, #bs-presentation p, #bs-request p  {
	padding-left: 2%;
	padding-right: 2%;
	font-size: 110%;
}

#pres-societe p, #engagements p {
	padding-left: 7%;
	padding-right: 7%;
	font-size: 110%;
	padding-bottom: 1rem;
}

#pres-partenaire ul {
	padding-left: 0px;
	text-align: center;
	list-style:none;
}

#pres-equipe td.photo {
	text-align: center;
}

/* SERVICES */

#serv-0 h1 {
	text-align: center;
	padding-top: 2rem;
}

#sectors2 ul {
	display: flex;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin:0 auto;
	text-align:center;
	padding-left: 0%;
}

#sectors2 li {
	list-style:none;
	padding-left: 1%;
	padding-right: 1%;
	background: #0096db;
	border-radius: 20px;
	margin:0 auto;
}
#sectors2 a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	display: inline-block;
}

#serv-1 ul, #serv-2 ul, #serv-3 ul {
	margin-left: 3%
}

#serv-3 li {
	list-style:none;
	padding-top: 1%;
	padding-left: 1%;
}

#serv-3 a {
	color: #0096db;
}

.secteuractivite ul {
	display: flex;
	margin:0 auto;
	text-align:center;
	padding-left: 0%;
}

.secteuractivite li {
	list-style:none;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background: #0096db;
	border-radius: 10px;
	margin:0 1%;
	display: inline;
}

.secteuractivite a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: inline-block;
	margin:1% auto;
}

#bouton-contact1 p {
	text-align: center;
	padding-top: 1rem;
	
}

#bouton-contact1 a {
	text-decoration: none;
	color: white;
	background: #0096db;
	font-weight: bold;
	padding: 2% 1.5rem;
	border-radius: 10px;	
}

#serv-5 {
	box-shadow: 0px 0px 20px rgb(218, 221, 222);
	border-right: 5px solid #0096db;
	margin-left: 5%;
	margin-right: 5%;
	background: #F5F5F5;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	padding-top: 2rem;
	margin-top: 2rem;
}

#serv-5 table, #reseau-partenaire table {
	width: 100%;
}

#serv-5 td, #reseau-partenaire td {
	width: 33%;
	vertical-align: top;
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1rem;
}

#serv-5 img, #reseau-partenaire img {
	width: 50%;
}

#serv-5 p {
	font-size: 90%;
}

#cadre25 {
	text-align: center;
}

#cadre25 h1 {
	font-size: 150%;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}

#cadre25 a{
	text-decoration: none;
	color: #0096db;
}

/* Actualite */

.actu-cadre {
	min-height: 270px;
	margin-top: 30px;
	margin-bottom: 40px;
	line-height: 1.5;
	box-shadow: 0px 0px 20px rgb(218, 221, 222);
}

.actu-cadre img {
	height: 256px; 
	border-radius: 10px;
	margin: 10px;
}

.actu-cadre td.actu-image {
	width: 214px;
	text-align: center;
}

.actu-cadre table {
	border-collapse:separate;
	border-spacing: 0px 0px;
}

.actu-cadre td {
	vertical-align: top;
	width: 100%;
}

.actu-cadre h1 {
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 2px;
}

.actu-cadre h2 {
	font-size: 12px;
	color: white;
	background: #0096db;
	width: 200px;
	text-align: center;
	margin-left: 15px;
	border-radius: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 5px;
	margin-top: 30px;
}

.actu-cadre p {
	margin: 0px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	font-size: 18px;
	color: #696969;
	padding-right: 10px;
	padding-bottom: 20px;
}

.actu-cadre a {
	text-align: justify;
	font-size: 18px;
	color: #0096db;
}

/* CONTACT */

#reseaux-sociaux2, #reseaux-sociaux, #titre-pres {
	margin-top: 30px;
	margin-bottom: 30px;
	background: white;
	line-height: 1.5;
}

#reseaux-sociaux2 table, #reseaux-sociaux table {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px 1rem;
}

#reseaux-sociaux2 th, #reseaux-sociaux th {
	width: 33%;
	text-align: center;
	vertical-align: top;
}

#reseaux-sociaux2 td, #reseaux-sociaux td {
	width: 33%;
	text-align: center;
	vertical-align: top;
}

#reseaux-sociaux2 img {
	width: 12%;
}

#reseaux-sociaux img {
	width: 20%
}

.gras {
	font-weight: bold;
}

#reseaux-sociaux2 h1, #reseaux-sociaux h1, #titre-pres h1 {
	text-align: center;
	color:  #0096db;
	text-shadow: 1px 1px 1px grey;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 2rem;
}

#reseaux-sociaux2 h2, #reseaux-sociaux h2 {
	text-align: center;
	color:  dimgrey;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 2rem;
}

/* Biomanda Search */

#bs-request ul {
	margin-left: 5%;
	font-size: 110;
}

#bs-presentation img {
	width: 100%
}

/* Articles */

#titre-img img {
	width: 15%;
}

#titre-img {
	text-align: center;
}

.cadre-comm {
	margin-left: 10%;
	margin-right: 10%;
}

.cadre-comm table {
	width: 100%;
	border-collapse:separate;
	border-spacing: 20% 20%;
}

.cadre-comm td {
	width: 50%;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	padding: 5%;
}

.cadre-comm td.image {
	width: 10%;
}

.cadre-comm td.nbr {
	width: 10%;
}

.cadre-comm h3 {
	background: #0096db;
	border: 2px solid white;
	color: white;
	font-weight: bold;
	font-size: 40px;
	width: 50px;
	height: 50px;
	padding-top: 2px;
	border-radius: 1em;
	box-shadow: 1px 1px 5px black;
	text-shadow: 1px 1px 1px black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.cadre-comm img {
	height: 128px;
	width: 128px;
}

.fleche h3 {
	text-align: center;
	font-size: 70px;
	margin: 0px;
	padding: 0px;
	color: grey;
	text-shadow: 1px 1px 2px black;
}

#bouton-contact {
	height: 100px;
	margin-top: 60px;
	text-align: center;
}

#bouton-contact a,#bouton-contact1 a{
	background: #0096db;
	border: 2px solid white;
	color: white;
	font-weight: bold;
	font-size: 20px;
	padding: 15px;
	border-radius: 1em;
	box-shadow: 1px 1px 5px black;
	text-shadow: 1px 1px 1px black;
	text-decoration: none;
}

.latin {
	font-style: italic;
}

#covid19r p, #covid19l p {
	font-size: 100%;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 1.5;
}

#covid19r ul, #covid19l ul {
	padding-left: 7%;
	padding-right: 5%;
}

#covid19r img, #covid19l img {
	width: 100%;
}

#covid19l figure {
	padding-left: 3%;
	padding-right: 3%;
}

#covid19l figcaption {
	font-size: 80%;
	font-weight: bold;
}

/* MOBILE */

@media (max-width: 1024px) {

	.menu, .menu2 {
	    display: none;
	}
	
	.menu-toggle, .menu-checkbox, .menu-toggle2, .menu-checkbox2 {
        display: block;
    }
	
	.menu-checkbox:checked ~ .menu {
	    display: block;
	}
	
	.menu-checkbox2:checked ~ .menu2 {
	    display: block;
	}
	
	.menu-checkbox {
		opacity: 0;
		position: absolute;
		top: -1000px;
	}
	
	.menu-checkbox2 {
		opacity: 0;
		position: absolute;
	}
	
	.menu-toggle  {
	    font-size: 60px;
	    color: #0096db;
	}
	
	.menu-toggle2  {
	    font-size: 60px;
	    color: black;
	}
	
	#barre-navi {
		display: block;
	}
	
	#barre-navi li, #barre-navi a, #barre-navi-bas li, #barre-navi-bas a {
		display: block;
	}
	
	#barre-navi ul {
		width: 100%;
		padding-top: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		
	}
	
	#barre-navi li {
		font-size: 90%;
	}
	
	#barre-navi a {
		padding-top: 30px;
		padding-bottom: 30px;
		margin: 0px;
		border-bottom: 5px solid white;
	}
	
	#barre-navi-bas {
		background: none;
		display: block;
	}
	
	#barre-navi-bas a {
		background: #131d28;
		height: auto;
	}
	
	#barre-navi-bas ul {
		background: #131d28;
		text-align: center;
		height: auto;
		padding-top: 0px;
		margin-top: 0px;
		padding-left: 0px;
	}
	
	#barre-navi-bas li {
		height: auto;
		display: block;
		font-size: 90%;
		margin-top: 0px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#banniere p {
		width: 100%;
		height: 10rem;
	}
	
	#banniere h1 {
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-size: 120%;
	}
	
	#intro h1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 1rem;
	margin-bottom: 0px;
	font-size: 120%;
	}
	
	#intro {
		border-radius: 20px;
	}
	
	#intro h2 {
		padding-top: 0rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
		margin-top: 0px;
		color: #D3D3D3;
		font-size: 100%;
	}
	
	#atouts {
		text-align: center;
	}
	
	#atouts table {
		width: 100%;
		margin-bottom: 1rem;
	}
	
	#atouts td {
		vertical-align: top;
	}
	
	#atouts img {
		width: 33%;
	}
	
	#atouts h1 {
		font-size: 100%;
	}
	
	#atouts p {
		font-size: 70%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	#bloc-infos {
		padding-bottom: 2rem;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	#bloc-infos h1 {
		padding-top: 1rem;
		padding-bottom: 0rem;
		margin-top: 2rem;
		margin-bottom: 0.5rem;
		padding-left: 2%;
		padding-right: 2%;
		font-size: 120%;
	}
	
	#bloc-infos p  {
		padding-left: 2%;
		padding-right: 2%;
		font-size: 80%;
	}
	
	#bloc-infos ul  {
		padding-left: 5%;
		padding-right: 2%;
		margin-left:5%;
		font-size: 80%;
	}
	
	#incrust-cir img {
		width: 90%;
	}
	
	.actu-cadre {
		min-height: 135px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	
	.actu-image img {
		height: auto; 
		width: 0px;
		border-radius: 5px;
		margin: 5x;
	}
	
	.actu-cadre td.actu-image {
		width: auto;
		vertical-align: middle;
	}
	
	.actu-cadre h1 {
		margin-left: 5px;
		padding-right: 30px;
		margin-top: 15px;
		margin-bottom: 10px;
		font-size: 100%;
	}
	
	.actu-cadre h2 {
		font-size: 80%;
		width: 90%;
		text-align: center;
		margin-left: 7px;
		border-radius: 20px;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-bottom: 3px;
		margin-top: 15px;
	}
	
	.actu-cadre p {
		margin-left: 5px;
		font-size: 80%;
		padding-right: 30px;
	}
	
	.actu-cadre a {
		font-size: 80%;
	}
	
	#reseaux-sociaux2 img {
		width: 25%;
	}
	
	#reseaux-sociaux2 table {
		font-size: 80%;
	}
	
	#reseaux-sociaux img {
		width: 50%;
	}
	
	#reseaux-sociaux h1 {
		font-size: 100%;
	}
	
	#reseaux-sociaux {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	#pres-equipe h1, #pres-societe h1, #certification h1, #pres-partenaire h1, #engagements h1, #serv-1 h1, #serv-2 h1, #serv-3 h1, #serv-4 h1, #serv-5 h1, #serv-6 h1, #reseau-partenaire h1, #covid19r h1, #covid19l h1 {
		font-size: 120%;
	}
	
	#pres-equipe h2 {
		font-size: 80%;
		width: 70%;
	}
	
	#pres-equipe h3, #pres-societe h3, #certification h2, #engagements h2, #cadre25 h1, #reseau-partenaire h2, #reseau-partenaire h3, #covid19r h2 {
		font-size: 90%;
	}
	
	#pres-equipe p, #pres-societe p, #certification p, #engagements p, #serv-1 p, #serv-1 ul, #serv-2 ul, #serv-2 p, #serv-3 p, #serv-3 ul, #serv-4 p {
		font-size: 90%;
	}
	
	#serv-1 ul, #serv-2 ul, #serv-3 ul {
		padding-right: 7%;
	}
	
	#pres-equipe img {
		width: 80%;
	}
	
	#certification img {
		width: 70%;
	}
	
	#pres-partenaire img {
		width: 100%;
	}
	
	#serv-0 h1 {
		font-size: 150%;
	}
	
	#sectors2 ul {
		display: block;
		padding-top: 0rem;
		padding-bottom: 1rem;
		margin:0 auto;
		padding-left: 0%;
	}
	
	#sectors2 li {
		padding-left: 1%;
		padding-right: 1%;
		border-radius: 20px;
		margin:1rem auto;
	}
	#sectors2 a {
		font-weight: bold;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		display: block;
	}
	
	.secteuractivite ul {
		display: block;
		margin:0 auto;
		text-align:center;
		padding-left: 0%;
	}
	
	.secteuractivite li {
		margin:0.5rem 1%;
		display: block;
		text-align:center;
	}
	
	.secteuractivite a {
		display: block;
	}
	
	#serv-5 td {
		width: 33%;
		vertical-align: top;
		text-align: center;
		padding-left: 0%;
		padding-right: 0%;
		padding-top: 1rem;
	}
	
	#serv-5 p {
		font-size: 70%;
	}
	
	#titre-pres h1 {
		font-size: 150%;
	}
	
	.cadre-comm td {
		font-size: 100%;
	}
	
	.cadre-comm h3 {
		font-size: 29px;
		width: 45px;
		height: 40px;
		padding-top: 5px;
		border-radius: 1em;
		
	}
	
	.fleche h3 {
		font-size: 250%;
	}
	
	.cadre-comm {
		margin-left: 0%;
		margin-right: 0%;
	}
	
	
}