/* TEMPLATE IBJB_00  */

:root {
	--dark-indigo: #0c2d4a;
}




/* WRAPPER 1  */

#w1-block-1	{
	position: relative;
	width: 100%;
	text-align: right;
}

/* The only rule that matters */
#w1-block-1 #video-background {
	max-height: 694px;
	width: auto;
	z-index: -100;
}

#w1-block-1 .mod-88-txt	{
	position: absolute;
	width: calc(100% - 600px);
	max-width: 734px;
	top: 200px;
	left: 250px;
	text-align: left;
}

#w1-block-1 .mod-88-txt .PIONNIERS  {
    height: 60px;
	padding-top: 48px;
    font-family: Raleway;
    font-size: 55px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 14.2px;
    color: var(--dark-indigo);
	text-transform: uppercase;
	background-image: url('../images/pionniers-point.png'), url('../images/pionniers-point.png');
	background-position: 36px 0px, 243px 20px;
	background-repeat: no-repeat;
	background-size: 40px, 25px;
}

#w1-block-1 .mod-88-txt .PAR-NATURE {
	height: 75px;
	font-family: Raleway;
	font-size: 55px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 7.6px;
    color: var(--dark-indigo);
	text-transform: uppercase;
}

#w1-block-1 .mod-88-txt  p {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.21;
	letter-spacing: 1px;
    color: var(--dark-indigo);
}

#w1-block-1 .mod-88-txt  .LIRE-LA-SUITE a {
	height: 126px;
	font-family: Raleway;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
    color: #f00044;
	text-transform: uppercase;
}
/*  WRAPPER 1 - MOBILE  */

#w1-mob-block-1 .mod-151-txt	{
	width: 90%;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5%;
	text-align: left;
	background-image: url('../../../images/template_ibjb-00/femme.jpg');
	background-position: top 0 left calc(50% + 40vw);
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#w1-mob-block-1 .mod-151-txt .PIONNIERS  {
    height: 60px;
	padding-top: 44px;
    font-family: Raleway;
    font-size: 42px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 14.2px;
    color: var(--dark-indigo);
	text-transform: uppercase;
	background-image: url('../images/pionniers-point.png'), url('../images/pionniers-point.png');
	background-position: 28px 0px, 198px 20px;
	background-repeat: no-repeat;
	background-size: 40px, 25px;
}

#w1-mob-block-1 .mod-151-txt .PAR-NATURE	{
	height: 75px;
	font-family: Raleway;
	font-size: 36px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 7.6px;
    color: var(--dark-indigo);
	text-transform: uppercase;	
}

#w1-mob-block-1 .mod-151-txt  p {
	width: 50vw;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.21;
	letter-spacing: 1px;
    color: var(--dark-indigo);
}

/* NOS EXCLUSIVITES */

#mod-91	{
	position: relative;
	margin-top: -7px;
	padding: 0;
}
#mod-91 a	{
	color: #1AE12600;
}


#mod-91 .conteneur-titre {
	position: relative;
	top: -290px;	
	width: 600px;
	height: 0;  /* !! crée un expace sous la div si différent de 0  */
	margin: auto;
	text-align: center;
	color: #ffffff;
	font-family: Raleway;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 4px;
	opacity: 1;
	-webkit-transition: top 1s, opacity 0.5s;
	-moz-transition: 	top 1s, opacity 0.5s;
	-ms-transition: 	top 1s, opacity 0.5s;
	-o-transition: 		top 1s, opacity 0.5s;
	transition: 		top 1s, opacity 0.5s;
}
#mod-91 .conteneur-titre.invisible {
	top: 0;
	opacity: 0;
}
#mod-91 .conteneur-titre .TITRE {
	font-family: Raleway;
	font-size: 48px;
	font-weight: 800;
	margin-bottom: 5px;
}
#mod-91 .conteneur-titre .ligne {
	font-size: 36px;
	text-decoration: overline;
}
#mod-91 .conteneur-titre .SOUS-TITRE {
	margin-top: -30px;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 20px;
}

#mod-91 .conteneur-flex	{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 326px;
	color: #ffffff;
}


#mod-91 #dna-conteneur,
#mod-91 #kmatic-conteneur	{
	width: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 326px;
	-webkit-transition: width 2s;
	-moz-transition: width 2s;
	-ms-transition: width 2s;
	-o-transition: width 2s;
	transition: width 2s;
}
#mod-91 #dna-conteneur.dna-hover,
#mod-91 #kmatic-conteneur.kmatic-hover	{
	width: 70%;
}
#mod-91 #dna-conteneur.kmatic-hover,
#mod-91 #kmatic-conteneur.dna-hover	{
	width: 30%;
}
#mod-91 #dna-conteneur #dna-1	{
    background: url(../../../images/modules/91/freednafetalkit.jpg);
}
#mod-91 #kmatic-conteneur #kmatic-2	{
    background: url(../../../images/modules/91/Kmatic.jpg);
}
#mod-91 #dna-conteneur #dna-1,
#mod-91 #kmatic-conteneur #kmatic-2	{
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
	height: 100%;
}

#mod-91 #dna-conteneur #dna-1 .element,
#mod-91 #kmatic-conteneur #kmatic-2 .element	{
	position: relative;
}
#mod-91 #dna-conteneur #dna-1 .element	{
	width: 70%;
	top: 45%;
	text-align: left;
	padding-left: 30%;
}
#mod-91 #kmatic-conteneur #kmatic-2 .element	{
	width: 100%;
	top: 50%;
	text-align: center;
}
#mod-91 #dna-1 h3,
#mod-91 #kmatic-2 h3 	{
	font-family: Raleway;
	font-size: 30px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: 3.8px;
	color: #ffffff;
	opacity: 1;
	-moz-transition: opacity 1s;
	-ms-transition:  opacity 1s;
	-o-transition:   opacity 1s;
	transition:      opacity 1s;
}

#mod-91 #dna-conteneur.dna-hover #dna-1 h3,
#mod-91 #kmatic-conteneur.kmatic-hover #kmatic-2 h3	{
	opacity: 0;
}

#mod-91 #dna-conteneur #dna-2,
#mod-91 #kmatic-conteneur #kmatic-1	{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 326px;	
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0;
	-moz-transition: width 2s, opacity 1s;
	-ms-transition:  width 2s, opacity 1s;
	-o-transition:   width 2s, opacity 1s;
	transition:      width 2s, opacity 1s;
}
#mod-91 #dna-conteneur.dna-hover #dna-2,
#mod-91 #kmatic-conteneur.kmatic-hover #kmatic-1	{
	width: 70%;
	opacity: 1;
}
#mod-91 #dna-conteneur.kmatic-hover #dna-2,
#mod-91 #kmatic-conteneur.dna-hover #kmatic-1	{
	width: 30%;
	opacity: 0;
}
#mod-91 #dna-2	{
	left: 0;
}
#mod-91 #kmatic-1	{
	right: 0;
}

#mod-91 #dna-conteneur #dna-2 .image,
#mod-91 #kmatic-conteneur #kmatic-1 .image	{
	width : calc(100% - 300px);
	height: 100%;
}
#mod-91 #dna-conteneur #dna-2 .encart-txt,
#mod-91 #kmatic-conteneur #kmatic-1 .encart-txt	{
	width : 300px;
	height: 100%;
	border: solid ipx yellow;
}
#mod-91 #dna-conteneur #dna-2 .image	{
    background: url(../../../images/modules/91/kit.jpg);
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: 50% 50%;
}
#mod-91 #kmatic-conteneur #kmatic-1 .image	{
    background: url(../../../images/modules/91/kmatic.png);
	background-repeat: no-repeat;
	background-size: 30% auto;
	background-position: 50% 50%;
}

#mod-91 #dna-conteneur #dna-2 .encart-txt .titre h3,
#mod-91 #kmatic-conteneur #kmatic-1 .encart-txt .titre h3	{
	width: 266px;
	margin: auto;
	margin-top: 30px;
	font-family: Raleway;
	font-size: 30px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 2.7px;
	color: #ffffff;
	border-bottom: solid 2px #ffffff;
}
#mod-91 #dna-conteneur #dna-2 .encart-txt .txt,
#mod-91 #kmatic-conteneur #kmatic-1 .encart-txt .txt {
	width: 266px;
	height: 126px;
	margin: 10px auto 10px auto;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.36;
	letter-spacing: 1px;
	color: #ffffff;
}



/* NOS EXCLUSIVITES - MOBILE */

#w-block-1-mob	{
margin-bottom: 240px;	
}

#conteneur-flex-mob	{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	margin-bottom: -200px;
}

#conteneur-flex-mob .flex-element	{
	position: relative;
	width: 90vw;
	max-width: 500px;
	height: 50vw;
	max-height: 300px;
    background: url(../../../images/modules/91/freednafetalkit.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#conteneur-flex-mob .dna	{
    background: url(../../../images/modules/91/freednafetalkit.jpg);
}
#conteneur-flex-mob .kmatic	{
    background: url(../../../images/modules/91/Kmatic.jpg);
}
#conteneur-flex-mob .dna h3,
#conteneur-flex-mob .kmatic h3	{
	position: absolute;
	top: 55%;
	left: 10vw;
	text-align: left;
	font-family: Raleway;
	font-size: 28px;
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: 3.8px;
	color: #ffffff;
}

/* CHIFFRES CLES  */

#w-row-2 > .inner	{
	margin: 80px auto;
	background: #ffffff;
}

div#w-block-21,
div#w-block-22,
div#w-block-23,
div#w-block-24	{
	margin: 1px;
}

.chiffre-conteneur	{
	position: relative;
	height: 180px;
	text-align: center;
}


#a1 {
	position: absolute;
    --width: 20px;
    --height: 20px;
    width: var(--width);
    height: var(--height);
	left: calc( 30% - var(--width) / 2 );
	top: calc( 30% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;

}

#a2 {
	position: absolute;
    --width: 120px;
    --height: 120px;
    width: var(--width);
    height: var(--height);
	left: calc( 48% - var(--width) / 2 );
	top: calc( 48% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;
}

#a3{
	position: absolute;
    --width: 110px;
    --height: 110px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
    background: #f00044;
    border-radius: 50%;
}
#a3 .txt-cercle	{
	position: absolute;
    --width: 111px;
    --height: 30px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
	font-family: Raleway;
	font-size: 38px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.74;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
}

#b1 {
	position: absolute;
    --width: 15px;
    --height: 15px;
    width: var(--width);
    height: var(--height);
	left: calc( 70% - var(--width) / 2 );
	top: calc( 40% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;

}

#b2 {
	position: absolute;
    --width: 90px;
    --height: 90px;
    width: var(--width);
    height: var(--height);
	left: calc( 55% - var(--width) / 2 );
	top: calc( 40% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;
}

#b3{
	position: absolute;
    --width: 110px;
    --height: 110px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
    background: #f00044;
    border-radius: 50%;
}
#b3 .txt-cercle	{
	position: absolute;
    --width: 168px;
    --height: 60px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
	
	font-family: Raleway;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	color: #ffffff;
}
#b3 .txt-cercle1	{
	height: 20px;
	font-size: 15px;
	line-height: 1.73;
	letter-spacing: normal;
	text-align: center;

}
#b3 .txt-cercle2	{
	height: 40px;
	font-size: 38px;
	line-height: 0.74;
	letter-spacing: 2px;
	text-align: center;

}

#c1 {
	position: absolute;
    --width: 15px;
    --height: 15px;
    width: var(--width);
    height: var(--height);
	left: calc( 33% - var(--width) / 2 );
	top: calc( 60% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;

}

#c2 {
	position: absolute;
    --width: 120px;
    --height: 120px;
    width: var(--width);
    height: var(--height);
	left: calc( 48% - var(--width) / 2 );
	top: calc( 48% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;
}

#c3{
	position: absolute;
    --width: 110px;
    --height: 110px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
    background: #f00044;
    border-radius: 50%;
}
#c3 .txt-cercle	{
	position: absolute;
    --width: 111px;
    --height: 30px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
	font-family: Helvetica;
	font-size: 48px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.54;
	letter-spacing: 0.2px;
	text-align: center;
	color: #ffffff;
}

#d1 {
	position: absolute;
    --width: 12px;
    --height: 12px;
    width: var(--width);
    height: var(--height);
	left: calc( 20% - var(--width) / 2 );
	top: calc( 80% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;

}

#d2 {
	position: absolute;
    --width: 120px;
    --height: 120px;
    width: var(--width);
    height: var(--height);
	left: calc( 48% - var(--width) / 2 );
	top: calc( 48% - var(--height) / 2 );
    background: #fffff;
	border: solid 1px #f00044;
    border-radius: 50%;
}

#d3{
	position: absolute;
    --width:  95px;
    --height: 95px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
    background: #f00044;
    border-radius: 50%;
}
#d3 .txt-cercle	{
	position: absolute;
    --width: 111px;
    --height: 30px;
    width: var(--width);
    height: var(--height);
	left: calc( 50% - var(--width) / 2 );
	top: calc( 50% - var(--height) / 2 );
	font-family: Raleway;
	font-size: 45px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.56;
	letter-spacing: 0.2px;
	text-align: center;
	color: #ffffff;
}

.chiffre-txt {
	width: 100%;
	font-family: Raleway;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.56;
	letter-spacing: 3px;
	text-align: center;
	color: var(--dark-indigo);
	text-transform: uppercase;
}

/* article NOTRE MISSION  */

.tck-article-body	{
	display: none;
}

/*.itemid-111 #maincontent .inner,
.itemid-112 #maincontent .inner	{
	padding-top:   	20px;
	padding-right: 	auto;
	padding-bottom: 20px;
	padding-left:  	calc(80% - 540px);
}*/


/*#INSTITUT_BG_cercle1	{
	position: relative;
    background: #ffffff;
    border-radius: 50%;
    width: 448.5px;
    height: 447px;
    top: 0;
    left: 0;
}*/

/*#INSTITUT_BG_cercle2	{
	position: relative;
    background: #ffffff;
    border-radius: 50%;
    width: 361.2px;
    height: 360px;
    top: 13px;
    left: 254px;
}*/

/*#INSTITUT	{
	position: relative;
	font-family: Raleway;
	top: 50px;
	left: -150px;
}

#INSTITUT .titre h3 {
	width: 400px;
	padding-top: 60px;
	font-size: 38px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	font-stretch: normal;
	line-height: 0.74;
	letter-spacing: 5px;
	color: var(--dark-indigo); */
/*	background: url('../images/pionniers-point.png') 160px 0px no-repeat scroll;
	background-size: 40px; */
/*	background-image: url('../images/pionniers-point.png'), url('../images/pionniers-point.png');
	background-position: 190px 0, 272px 0;
	background-size: 40px, 20px;
	background-repeat: no-repeat, no-repeat;
}

#INSTITUT .txt {
	width: 462px;
	height: 140px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: 0.2px;
	color: var(--dark-indigo);
}

#INSTITUT .signature {
	font-size: 18px;
	color: #e21c55;
}

#INSTITUT .sous-signature {
	height: 50px;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: var(--dark-indigo);
} */

/*  NOTRE MISSION   mod-288  */
div#w-block-31	{
	background-color: #46697f;
	background-image: url("../../../images/modules/288/EQUIPE.jpg");
	background-size: cover;
}

div.custom-mod-288,
div.custom-mod-290	{
	position: relative;
	width: 100%;
	padding-top:   	20px;
	padding-right: 	auto;
	padding-bottom: 20px;
	padding-left:  	calc(80% - 540px);
}

div.custom-mod-288 #INSTITUT_BG_cercle1,
div.custom-mod-290 #INSTITUT_BG_cercle1	{
	position: relative;
    background: #ffffff;
    border-radius: 50%;
    width: 448.5px;
    height: 447px;
    top: 0;
    left: 0;
}

div.custom-mod-288 #INSTITUT_BG_cercle2,
div.custom-mod-290 #INSTITUT_BG_cercle2	{
	position: relative;
    background: #ffffff;
    border-radius: 50%;
    width: 361.2px;
    height: 360px;
    top: 13px;
    left: 254px;
}

div.custom-mod-288 #INSTITUT,
div.custom-mod-290 #INSTITUT	{
	position: relative;
	font-family: Raleway;
	top: 50px;
	left: -150px;
}

div.custom-mod-288 #INSTITUT .titre h3,
div.custom-mod-290 #INSTITUT .titre h3,
div.custom-mod-289 .titre h3,
div.custom-mod-291 .titre h3 {
	width: 400px;
	padding-top: 60px;
	font-size: 38px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	font-stretch: normal;
	line-height: 0.74;
	letter-spacing: 5px;
	color: var(--dark-indigo);
	background-image: url('../../../images/modules/288/pionniers-point.png'), url('../../../images/modules/288/pionniers-point.png');
	background-position: 190px 0, 272px 0;
	background-size: 40px, 20px;
	background-repeat: no-repeat, no-repeat;
}

div.custom-mod-290 #INSTITUT .titre h3,
div.custom-mod-291 .titre h3 {
	background-position: 137px 0, 216px 0;
}

div.custom-mod-288 #INSTITUT .txt,
div.custom-mod-290 #INSTITUT .txt {
	width: 462px;
	height: 140px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: 0.2px;
	color: var(--dark-indigo);
}

/*div.custom-mod-288 #INSTITUT .signature {
	font-size: 18px;
	color: #e21c55;
}

div.custom-mod-288 #INSTITUT .sous-signature {
	height: 50px;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: var(--dark-indigo);
}*/

/*  NOTRE MISSION (MOBILE)    custom-mod-289  */
div.tck-module.moduletable-mod-289,
div.tck-module.moduletable-mod-291	{
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #46697f;
	background-image: url("../../../images/modules/288/EQUIPE.jpg");
	background-size: cover;
}
div.custom-mod-289,
div.custom-mod-291	{
	width: 90%;
	margin: auto;
	color: #ffffff;
	font-weight: bold;
}

div.custom-mod-289 .titre h3,
div.custom-mod-291 .titre h3	{
	margin-bottom: 40px;
	color: #ffffff;
}

/* LES NEWS  */

#wrapper-2	{
	font-family: Raleway;
	color: var(--dark-indigo);
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	margin-top: 150px;
}

#news, #news #conteneur-1, #news #conteneur-2	{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: top;
}

#news, #news #conteneur-1	{
    flex-wrap: wrap;
}

#news #conteneur-1 .conteneur-1-element	{
	width: 300px;
	margin-bottom: 20px;
}

#news #conteneur-1 .conteneur-1-element:nth-child(1)	{
	margin-top: -60px;
}
#news #conteneur-1 .conteneur-1-element:nth-child(2)	{
	margin-right: 30px;
}

#news #conteneur-2	{
	flex-wrap: nowrap;
}

#news #conteneur-2 .conteneur-2-element	{
	width: 140px;
}
 
#news .titre-img,
#news .module-grand	{
	max-width: 300px;
}

#news h3	{	
	height: 30px;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#news #conteneur-1 .module-grand	{
	height: 270px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#news #conteneur-1 .module-grand .titre a  {
	width: 94%;
	margin: auto;
	/*margin-bottom: 12px;*/
	font-size: 20px;
	font-weight: bold;
	line-height: 1.35;
	text-transform: uppercase;
	color: var(--dark-indigo);
	text-decoration: none;
}
#news #conteneur-1 .module-grand .titre a:hover  {
	text-decoration: underline;
}

#news #conteneur-1 .module-grand .date {
	float: left;
	width: 100px;
	/*padding-top: 10px;*/
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.93;
	text-transform: uppercase;
}

#news #conteneur-1 .txt h3,
#news #conteneur-1 .txt p  {
  font-family: Raleway;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #0c2d4a;
}

#news .module-petit {
	height: 270px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;	
	padding-right: 10px;
}

#news .module-petit .txt	{
	/*margin-top: 10px;*/
	width: 90%;
	margin: auto;
	margin-right: 10%;
	text-align: justify;
  font-family: Raleway;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #0c2d4a;
}

#news .module-petit .txt span a	{
	line-height: 0.4em;
	font-size: 2em;
	text-decoration: none;
}

#news div.readmore	{
	text-align: right;
}


/* tags  */

/* tag id 3 / 14	= 	Science */
/* tag id 4 / 15 = 	Média */
/* tag id 5 / 16 = 	Témoignage */
/* tag id 6 / 17 = 	Grossesse */
/* tag id 7 / 18 = 	Progrès */
/* tag id 8 / 19 = 	Innovation */
/* tag id 9 / 20 = 	Openinnovation */
/* tag id 10 / 21  = 	Accréditation */

.tags.inline	{
	width: 100%;
	margin: -10px auto 10px 0;
    list-style: none;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	justify-content: flex-end;
	color: #9a9a9a;
}
.module-petit .tags.inline	{
	margin: 5px;
	justify-content: flex-start;
}

.tags.inline li {
	display: block;
    height: 18px;
	padding-top: 9px;
	padding-left: 10px;
	padding-right: 10px;	
	font-family: Raleway;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.8px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 15px;
	border: solid 1px #cdcdcd;
}

.tags.inline li a	{
	text-decoration: none;
}

.tags.inline li.tag-3,
.tags.inline li.tag-3 a,
.tags.inline li.tag-14,
.tags.inline li.tag-14 a	{
	color: 				#ffffff;
	background-color: 	#f00044;
	border-color: 		#f00044;
}
.tags.inline li.tag-4,
.tags.inline li.tag-4 a,
.tags.inline li.tag-15,
.tags.inline li.tag-15 a	{
	color: 				#ffffff;
	background-color: 	#4a90e2;
	border-color: 		#4a90e2;
}
.tags.inline li.tag-5,
.tags.inline li.tag-5 a,
.tags.inline li.tag-16,
.tags.inline li.tag-16 a	{
	color: 				#ffffff;
	background-color: 	#f5a623;
	border-color: 		#f5a623;
}
.tags.inline li.tag-6,
.tags.inline li.tag-6 a,
.tags.inline li.tag-17,
.tags.inline li.tag-17 a	{
	color: 				#ffffff;
	background-color: 	#f8a6f8;
	border-color: 		#f8a6f8;
}
.tags.inline li.tag-7,
.tags.inline li.tag-7 a,
.tags.inline li.tag-18,
.tags.inline li.tag-18 a	{
	color: 				#ffffff;
	background-color: 	#4a90e2;
	border-color: 		#4a90e2;
}
.tags.inline li.tag-8,
.tags.inline li.tag-8 a,
.tags.inline li.tag-19,
.tags.inline li.tag-19 a	{
	color: 				#717171;
	background-color: 	#d3ea11;
	border-color: 		#d3ea11;
}
.tags.inline li.tag-9,
.tags.inline li.tag-9 a,
.tags.inline li.tag-20,
.tags.inline li.tag-20 a	{
	color: 				#ffffff;
	background-color: 	#4a90e2;
	border-color: 		#4a90e2;
}
.tags.inline li.tag-10,
.tags.inline li.tag-10 a,
.tags.inline li.tag-21,
.tags.inline li.tag-21 a {
	color: 				#ffffff;
	background-color: 	#00d010;
	border-color: 		#00d010;
}