body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left : 6em ;
	padding-right : 6em ;
	text-align : justify ;
}
h1 .labelTitre {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 12rem;
}
h1 .label {
	font-size : 80%;
	font-weight : 400 ;
}
h1 > img {
	height : 12rem ;
	float : left ;
	margin-right : 5em ;
}
h1 span {
	font-weight : 900 ;
}
h1 > span {
	margin-top : 3em ;
}
h1 .titreArticle {
	font-size : 60% ;
}
h1 .titreArticle, h1 .titreArticle span {
	font-weight : 400 !important ;
}
.panneau {
	width : 50em ;
}
figure {
	max-width: 30%;
	padding: 1em;
	margin: 0;
}
figure.onRight {
	float: right;
	padding-right : 0 ;
}
figure.onLeft {
	float: left ;
	padding-left : 0 ;
}
figure img {
	max-width: 100%;
	border : 1px solid lightgrey ;
}
figcaption {
	font-size: 80%;
	font-style: italic;
	text-align: right;
}
figure.onLeft figcaption {
	text-align : left ;
}
.panneau .titrePanneau {
	border-top-left-radius: 1em ;
	border-top-right-radius: 1em ;
	text-align : center ;
	font-size : 100% ;
	font-weight : 900 ;
	padding : 0.6em 0 ;
	border-top : 1px solid black ;
	border-left : 1px solid black ;
	border-right : 1px solid black ;
}
.panneau .bodyPanneau {
	border-bottom : 1px solid black ;
	border-left : 1px solid black ;
	border-right : 1px solid black ;
	padding : 0.5em ;
	box-sizing : border-box ;
}
.sloganContainer {
	clear : both ;
	text-align: center;
	display: flex;
	justify-content: space-around;
	padding: 3em 0 2em 0;
}
.slogan {
	text-align: center;
	padding: 1em;
	width: 50vw;
	font-size: 140%;
	border: 2Px solid #C00000;
	border-radius: 2em;
	background-color: #C000000A;
}
.onFullLines {
	clear : both ;
}
section {
	display : flex ;
	justify-content : space-between ;
	column-gap : 1em ;
}
article {
	display : flex ;
	flex-direction : column ;
	justify-content: space-evenly ;
}
.reverseTitle {
	background-color : #286a7a;
	color : #FFF;
}
.gras {
	font-weight : 900 ;
}
.big {
	font-size : 130% ;
}
h3 {
  padding-left: 0.5em;
  box-sizing: border-box;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.smallDevice {
	display : none ;
}

img.zoomable:hover {
	transform : scale(2.5) ;
}
img.zoomable {
	transform-origin : center left ;
}
figure.onRight img.zoomable {
	transform-origin : center right ;
}
.cigen_fg_blanc {color: #FFF;}
.cigen_fg_rougeSb {color: #C00000; font-weight : 900 ; }
.cigen_fg_bleuf {color: #286a7a;}
.cigen_bg_bleuf {background-color: #286a7a;}
.cigen_fg_bleucl {color: #4da1b1;}
.cigen_fg_bleu {color: #4472C4;}
.cigen_fg_vert {color: #538234;}
.cigen_fg_vertCl {color: #5cd30d;}
.cigen_fg_orange {color: #ED7D31;}
.cigen_bg_bleu {background-color: #4472C4;}
.cigen_bg_vert {background-color: #538234;}
.cigen_bg_orange {background-color: #ED7D31;}

@media screen and (max-width: 767px) {
	.panneau, figure {
		float : none !important ;
	}
	.panneau {
		width : 90vw ;
		margin-top : 1em ;
		margin-left: 2vw;
	}
	figure {
		max-width : none ;
		width : 89vw ;
		text-align : center ;
		padding: 0 !important;
		padding-left: 3vw !important;
		padding-top: 1em !important;
	}
	figure img, figure figcaption {
		max-width : none ;
		width : 87vw !important ; 
		text-align: center;
	}
	body {
		padding : 0 ;
	}
	h1 {
		font-size: 16pt;
	}
	h1 .labelTitre {
		height : 8rem ;
	}
	h1 > img {
		margin-right : 0 ;
		height : auto ;
		max-height : 12rem ;
		max-width : 6rem ;
	}
	section {
		flex-direction : column ;
	}
	.slogan {
		width : 99vw ;
	}
	p {
		margin-bottom : 0 ;
	}
	.smallDevice {
		display : block ;
	}
	.bigDevice {
		display : none ;
	}
}

@media screen and (min-width:768px) and (max-width: 1023px) {
	figure {
		width : 90vw ;
	}
}