/* TEMPLATE IBJB_06  */

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


/* MAIN-CONTENT */

#maincontent {
	width: 96%;
	max-width: 940px;
	margin: auto;
	background-color: #ffffff;
	text-align: left;
	padding-top: 50px;
	padding-bottom: 50px;
}

#maincontent #center.column.center  {
	width: 60%;
	max-width: 540px;
	margin-left: auto,;
	margin-right: 5%;
	padding-right: 10px;;
}
#maincontent #w-mc-block-right  {
	width: 35%;
	max-width: 400px;
	margin-left: 0;
	margin-right: auto;
}

.itemid-107 h1	{  /* titre menu  LES NEWS  */
	line-height: 0px;
	font-size: 0.1em;
	opacity: 0;
}

.categorie-image img	{
	width: auto;
	height: 30px;
}
.article-item.categorie-image img	{
	margin-bottom: 30px;
}
.blog-item.categorie-image img	{
	width: auto;
	height: 24px;
}

.item-page {
  font-family: Raleway;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #0c2d4a;
}
.item-page h2 {
	text-shadow: 0 3px 0 #ffffff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.11;
	letter-spacing: 4px;
	color: #ab0d3a;
 	text-transform: uppercase;
}

.item-page dl.article-info.muted.tck-article-details {
	margin-top: 40px;
	margin-bottom: 35px;
}

.item-page .create.tck-article-detail-createdate	{
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  color: #0c2d4a;
 	text-transform: capitalize;
}

.item-page h3 {
	margin-top: 35px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.13;
	letter-spacing: normal;
	color: #0c2d4a;
}
.item-page .center {
	text-align: center;
}
.item-page .rouge {
	color: #ab0d3a;
}

.tck-article-body p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.64;
}

/* TAGS  */


.tags.inline,
#w-mc-block-right .tagspopular-mod-257 ul	{
	width: 100%;
	margin: -10px auto 30px 0;
    list-style: none;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	justify-content: flex-start;
	color: #9a9a9a;
}

.tags.inline li,
#w-mc-block-right .tagspopular-mod-257 li {
	display: block;
    height: 20px;
	margin-right: 20px;
	margin-top: 5px;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;	
	font-family: Raleway;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 15px;
	border: solid 1px #cdcdcd;
}
.tags.inline li a,
#w-mc-block-right .tagspopular-mod-257 li a	{
	text-decoration: none;
}

/* 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 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;
}




/* BLOG MODULE HAUT #183  */

#news_vedette_conteneur	{
	min-width: 100%;
	max-width: 1440px;
	min-height: 480px;

	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    justify-content: top;
	align-items: stretch;
}

.com_content.itemid-271 #news_vedette_conteneur,
.com_content.itemid-272 #news_vedette_conteneur {
	display: none;
}

.news_vedette_element	{
	margin: auto;
	width: 49%;
	min-width: 400px;
	min-height: 480px;
}

.news_vedette_element #art_1,
.news_vedette_element #art_2,
.news_vedette_element #art_3	{
	position: relative;
	min-width: 100%;
	background-position-y: center;
	background-position-x: center;
	background-size: cover;
	
    display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
}

.news_vedette_element #art_1	{
	height: 480px;
}

.news_vedette_element #art_2,
.news_vedette_element #art_3	{
	height: 234px;
}
.news_vedette_element #art_3	{
	margin-top: 14px;
}



.news_vedette_element .tags.inline	{
	width: 100%;
	margin: auto ;
    list-style: none;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
	color: #9a9a9a;
}

.news_vedette_element .titre {
	width: 60%;
	margin: auto;
	text-shadow: 0 3px 0 #ffffff;
	font-family: Raleway;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.44;
	letter-spacing: 4px;
	text-align: center;
	text-transform: uppercase;
}
.news_vedette_element #art_1 .titre	{
	font-size: 32px;
	color: #ab0d3a;
}
.news_vedette_element #art_2 .titre,
.news_vedette_element #art_3 .titre {
  font-size: 24px;
  line-height: 1.42;
  color: #0e3869;
}
.news_vedette_element #art_2 .titre {
  color: #0e3869;
}
.news_vedette_element #art_3 .titre {
  color: #b9770a;
}

.news_vedette_element .link	{
	width: 80%;
	max-width: 70px;
	margin: auto;
	text-aling: center;
	height: 21px;
	font-family: Raleway;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: solid 1px #fff;
}
.news_vedette_element .link a	{
	color: #ffffff;
	text-decoration: none;	
}




/* BLOG ITEMS  */

.blog .flex-ligne	{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	align-items: top;
	margin-top: 20px;
	margin-bottom: 40px;
}
.blog .flex-ligne.impair	{
	flex-direction: row-reverse;
}
.blog .flex-ligne.pair	{
	flex-direction: row;
}

.blog .flex-ligne .item	{
	width: 45%;
	max-width: 240px;
}
.blog .flex-ligne.impair .item 	{
	text-align: right;
}
.blog .flex-ligne.pair .item 	{
	text-align: left;
}

.blog .flex-ligne .img-blog	{
	position: relative;
	width: 260px;
	height: 260px;
}

.blog .flex-ligne .img-blog img	{
	position: absolute;
	width: 	100%;
	height: auto;
}
.blog .flex-ligne.impair .img-blog img	{
	right: 0;
	bottom: 0;
	border-radius: 0 40% 50% 40%;
/*	border: solid 1px red;	*/
}
.blog .flex-ligne.pair .img-blog img	{
	top: 0;
	left: 0;
	border-radius: 40% 0 40% 50%;
/*	border: solid 1px blue;	*/
}

.blog .flex-ligne .item .tck-article-title {
	font-family: Raleway;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: normal;
	color: #0c2d4a;
	text-transform: uppercase;
}

.blog .flex-ligne .item .create.tck-article-detail-createdate	{
	font-family: Raleway;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	color: #0c2d4a;
 	text-transform: uppercase;
}
.blog .flex-ligne.impair .item .create.tck-article-detail-createdate	{
	float: right;
}
.blog .flex-ligne.pair .item .create.tck-article-detail-createdate	{
	float: left;
}

.blog .flex-ligne .item .tags.inline	{
	width: 100%;
    list-style: none;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}
.blog .flex-ligne.impair .item .tags.inline	{
	float: left;
	justify-content: flex-start;
}
.blog .flex-ligne.pair .item .tags.inline	{
	float: right;
	justify-content: flex-end;
}

.blog .flex-ligne .item .tags.inline li {
    height: 16px;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;	
	font-family: Raleway;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 15px;
}
.blog .flex-ligne.impair .item .tags.inline li {
	margin-right: 0;
	margin-left: 10px;	
}
.blog .flex-ligne.pair .item .tags.inline li {
	margin-left: 0;
	margin-right: 10px;	
}

.blog .flex-ligne .item h3 {
  font-family: Raleway;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #0c2d4a;
}

.blog .flex-ligne .item 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;
}
.blog .readmore.tck-readmore a.btn	{
	border: none;
	padding: 0;
	border-bottom: solid 1px #0c2d4a;
	background: none;
	font-family: Raleway;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: 0.3px;
	color: #0c2d4a;
	text-transform: uppercase;
}

/* PAGE ARTICLE  */

#w-block-1 .moduletable-mod-180 .image-article img {
	width: 100%;
	height: auto;
}


/* COLONNE DROITE  */

#w-mc-block-right .separateur	{
	margin-top: 60px;
	display: flex;
	flex-direction: row;
    flex-wrap: no-wrap;
	justify-content: space-between;
	align-items: center;
	color: #9a9a9a;
}

#w-mc-block-right .separateur .titre {
	flex-grow: 1;
	font-family: Raleway;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: 0.3px;
	color: #0c2d4a;
	text-align: left;
	text-transform: uppercase;
}

#w-mc-block-right .separateur .ligne {
	flex-grow: 10;
	height: 1px;
	background-color: #0c2d4a;
	border: solid 1.2px #0c2d4a;
}

/* Pionniers par nature  */

#w-mc-block-right .custom-mod176	{
	margin-top: 100px;
	text-align: left;
}

#w-mc-block-right .custom-mod176 .hashtag {
	font-family: Raleway;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 3.6px;
	color: #0c2d4a;
	text-transform: uppercase;
}

#w-mc-block-right .custom-mod176 img	{
	margin-top: 20px;
	width: 160px;
	height: auto;
}

#w-mc-block-right .custom-mod176 p {
	margin-top: 20px;
	font-family: Raleway;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #0c2d4a;
}

/* module NEWS--tag (categories) --> voir ligne 104  TAGS  */

#w-mc-block-right .tagspopular-mod-257 {
	margin-top: 34px;
}


/* module NEWS--plus-vus*/

#w-mc-block-right .moduletable-mod-256	.conteneur	{
	margin-top: 34px;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	justify-content: flex-start;
}

#w-mc-block-right .moduletable-mod-256	.vignette,
#w-mc-block-right .moduletable-mod-256	.txt-date 	{
	width: 150px;
	text-align: left;
}

#w-mc-block-right .moduletable-mod-256	.vignette img 	{
	width: 140px;
	height: 140px;
	border-radius: 50%;
}

#w-mc-block-right .moduletable-mod-256	.txt-date .txt {
  font-family: Raleway;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #0c2d4a;
}
#w-mc-block-right .moduletable-mod-256	.txt-date .date {
	margin-top: 5px;
  opacity: 0.5;
  font-family: Raleway;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  color: #0c2d4a;
	text-transform: capitalize;
}

/* module réseaux sociaux */

#w-mc-block-right .moduletable-mod-178 p	{
	margin-top: 34px;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #0c2d4a;
	text-align: left;
}


#w-mc-block-right .moduletable-mod-178 .flex-conteneur	{
	margin-top: 20px;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	justify-content: flex-start;
}

#w-mc-block-right .moduletable-mod-178 .flex-conteneur img	{
	margin-right: 10px;
	width: 38px;
	height: 38px;
}