html, body{margin: 0;}

.clear{clear: both;}

#globalContent {margin: 0 auto;}
.globalContent { position:relative; display: grid; grid-template-columns: 68% 30%; column-gap: 2%;  }

/********************** 3 Blocs principaux *******************/
.homepage_left {  vertical-align:top; }
/* .homepage_right { float:left; width:340px; vertical-align:top; } */

.homepage_right { width: 100%; vertical-align:top; } /* Mise à jour responsive : 10 octobre 2023 */

/* .homepage_bottom { clear:both; display:block; width:992px; padding-top:40px; margin:0 0 40px 4px; } */
.homepage_bottom { clear:both; display:block; padding-top:40px; margin:0 0 40px 4px; grid-column: 1/3;} /* Mise à jour : RESPONSIVE 06 octobre 2023*/ 

/******************************* UNE *******************************/
/* .homepage_left div.une {position: relative; width:616px; overflow:hidden; border-left:15px solid #F5A000; margin-bottom:25px;border-top:1px solid #DADADA;border-right:1px solid #DADADA;border-bottom:1px solid #DADADA;border-top-right-radius: 10px;} */
.homepage_left div.une {position: relative; overflow:hidden; border-left:15px solid #F5A000; margin-bottom:25px;border-top:1px solid #DADADA;border-right:1px solid #DADADA;border-bottom:1px solid #DADADA;border-top-right-radius: 10px;}

.homepage_left div.une .categorie{position: absolute; top: 38px; left :0px; z-index: 10;text-transform: uppercase; color: #fff;background-color: rgba(0,0,0,0.5); font-weight: 200;padding: 6px 8px;font-family: 'Helvetica neue',Helvetica,Arial;letter-spacing: 0.5px;font-size: 14.5px;} 
.homepage_left div.une .illustration {display:block; position:relative; z-index:1; overflow:hidden; /*height:252px;*/}
/* .homepage_left div.une .illustration img {border:0px; width:616px;} */
.homepage_left div.une .illustration img {border:0px; width: 100%;}

.homepage_left div.une img.cadenas {padding:0; border:0; margin-left:5px;}
.homepage_left div.une .infos {font-size:12px; color:#bdbdbd; margin:14px 24px 5px 0px; text-align: right;}
.homepage_left div.une .infos .date,
.homepage_left div.une .infos .type {color:#bdbdbd; text-decoration:none;}
.homepage_left div.une .infos .type:hover { text-decoration:underline; }
.homepage_left div.une .intervenant {display:block; font-size:14px; color:#888; line-height:20px; margin:3px 0px; font-weight:normal; }
.homepage_left div.une .titre {margin:15px 24px 6px ; font-weight:bold;line-height:23px;}
.homepage_left div.une .titre a {color:#282828; font-size:19px; text-decoration:none;}
.homepage_left div.une .chapeau {margin:0px 24px;}
.homepage_left div.une .chapeau a {color:#484848; font-size:13.5px; line-height:20px; text-decoration:none;}

/****************************** FOCUS ******************************/
/* .homepage_left .focus{border-radius: 5px; border: solid 1px #e6e6e6;height: 32px;font-size: 15px;background:#fcfcfc url('/images/interface/homepage/fleche-focus.png')no-repeat left top;margin-bottom: 25px;} */
.homepage_left .focus{border-radius: 5px; border: solid 1px #e6e6e6;font-size: 15px;  margin-bottom: 25px;}

.homepage_left .focus .titre_focus{color: #fff;display: inline-block;font-family: 'Helvetica neue',Helvetica,Arial;text-transform: uppercase; background-color: #F5A000; padding: 10px 10px 10px 18px; position: relative; margin-right: 35px; border-top-left-radius: 4px; border-bottom-left-radius: 4px}
.homepage_left .focus .titre_focus::after { width: 0; height: 0; border-style: solid; border-width: 19px 0 18.5px 30px; border-color: transparent transparent transparent #F5A000; content: ' '; right: -30px; top: 0px; position: absolute;}
/* .homepage_left .focus .titre_focus::after { width: 38px; height: 38px; position: absolute; border-style: solid; border-width: 19px 0 19px 38px; border-color: transparent transparent transparent #F5A000; } */

.homepage_left .focus .themes{display: inline-block;margin: 5px 18px 5px 0;color: #838383;font-weight: 100; border-right: solid 1px #c9c9c9; padding-right: 18px; text-decoration:none; }
.homepage_left .focus .themes{display: inline-block;margin: 5px 18px 5px 0;color: #838383;font-weight: 100; border-right: solid 1px #c9c9c9; padding-right: 18px; text-decoration:none; margin-left: 15px;}
.homepage_left .focus .themes:hover { color:#F5A000; }
.homepage_left .focus .themes_last {border:none; padding-right:0;}

/****************************** 2 news cote cote ******************************/
/* .homepage_left .news_first {padding:0 0 25px 0; margin-bottom: 50px;} */
.homepage_left .news_first {display: grid; grid-template-columns: 1fr 1fr; column-gap: 3%;}

/* 
Garder pour le responsive
.homepage_left .news_first .left {float:left;margin-right: 0px;}
.homepage_left .news_first .right {position:relative;float:right;} */
/* .homepage_left .news_first .left {margin-right: 0px; display: grid; grid-template-columns: auto auto; column-gap: 2%; align-content: center; align-items: center; margin-bottom: 20px;}
.homepage_left .news_first .right {position:relative; display: grid; grid-template-columns: auto auto; column-gap: 2%; align-content: center; align-items: center;}
.homepage_left .news_first .left a {grid-row: 1/ span 2}
.homepage_left .news_first .right a { grid-row: 1/ span 2;}  */


.homepage_left .news_first .left {margin-right: 0px;  margin-bottom: 20px;}
.homepage_left .news_first .right {position:relative; }
.homepage_left .news_first .left a {grid-row: 1/ span 2; display: block; position: relative}
.homepage_left .news_first .right a { grid-row: 1/ span 2;  display: block; position: relative}
/* .homepage_left .news_first .textes {position:relative;width:305px; padding:0; margin: 0;} */
.homepage_left .news_first .textes {position:relative; }
/* .homepage_left .news_first .textes .image {width: 303px;border:1px solid #EAEAEA;} */
.homepage_left .news_first .textes .image {width: 100%; border:1px solid #EAEAEA;}

.homepage_left .news_first .textes .icone-infographie {display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-infographie.png'); text-decoration:none;}
.homepage_left .news_first .textes .icone-reportage-video { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);; width:42px; height:42px; background:url('/images/interface/homepage/play-reportages-video.png'); text-decoration:none;}
.homepage_left .news_first .textes .icone-webconference {display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-webconference.png'); text-decoration:none;}
.homepage_left .news_first .textes .icone-diaporama {display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);width:42px; height:42px; background:url('/images/interface/homepage/icone-diaporama.png'); text-decoration:none;}
.homepage_left .news_first .textes .titre {margin:0; font-weight:600; padding-bottom:8px;line-height: 10px;}
.homepage_left .news_first .textes .titre a {color:#383838; font-size:17px; line-height:21px; text-decoration:none;}
.homepage_left .news_first .textes .infos {font-size:11.9px; line-height:17px; color:#bdbdbd; margin:6px 0px 3px 0px; font-style: italic; font-weight: 100; display: flex; column-gap: 4px; align-items: center}
.homepage_left .news_first .textes .infos .date {display:inline-block;}
.homepage_left .news_first .textes .infos .categorie {color:#F5A000; text-decoration:none; text-transform:uppercase;font-size:11.9px;}
.homepage_left .news_first .textes .infos .categorie:hover { text-decoration:underline; }
.homepage_left .news_first .textes .infos .type {color: #bdbdbd;font-size: 11.9px; text-decoration:none;}
.homepage_left .news_first .textes .infos .type:hover { text-decoration:underline; }
.homepage_left .news_first .textes .chapeau {margin:0; font-weight: 100;text-align: justify;font-size:13.5px; line-height:20px;}
.homepage_left .news_first .textes .chapeau a {color:#585858; text-decoration:none;}
.homepage_left .news_first .info_itw{border-left: 2px solid #f5a000;padding-left: 5px;line-height: 12px;margin-top: 5px;}
.homepage_left .news_first .info_itw #nom_interview{font-size: 12px;color: #f5a000; margin-top: 20px;line-height: 15px;}
.homepage_left .news_first .info_itw #fonction_interview{font-size: 12px;color: #838383;line-height: 15px;}


/******************* 1 news + 1 chiffre ou citation du jour **********************/
/* .homepage_left .news_citation .truc{overflow: hidden; position:relative;width: 215px;float: left;border: solid #facb73 1px;margin-left: 22px; height: 348px;padding: 0px;} Mise à jour : responsive 11 octobre 2023*/
.homepage_left .news_citation .truc{overflow: hidden; position:relative; width: 100%; float: left;border: solid #facb73 1px; padding: 0px; }

.homepage_left .news_citation .truc p{margin: 0;font-size: 20px; line-height: 25px;text-align: center; padding: 0 14px;}
.homepage_left .news_citation .truc p a{color: #5f5f5f;text-decoration: none;}

/* .homepage_left .news_citation .truc .citation{position: absolute; top: 50%; transform: translateY(-50%); background-color: #fbfbfb;background: url('/images/interface/homepage/citation-guillemets.jpg') no-repeat 8px 0px; } */
.homepage_left .news_citation .truc .citation{position: absolute; width: 100%;top: 50%; transform: translateY(-50%); background-color: #fbfbfb;background: url('/images/interface/homepage/citation-guillemets.jpg') no-repeat 8px 0px; }

.homepage_left .news_citation .truc .citation h2{font-size: 30px; color: #f5a000;text-align: center;margin: 0 auto;font-family: 'Helvetica neue',Helvetica,Arial; font-weight: 300;line-height: 28px;padding:18px 0 24px 0;}
.homepage_left .news_citation .truc .citation p{margin: 0;font-size: 20px; line-height: 25px;text-align: center;}


.homepage_left .news_citation .truc .chiffre{position: absolute; top: 10%; /*transform: translateY(0%);  transform: translateX(25%);*/ background-color: #fbfbfb;background: url('/images/interface/homepage/points.png') no-repeat ; background-position:bottom; width: 100%;}
.homepage_left .news_citation .truc .chiffre h2{font-size: 30px; color: #636b95;text-align: center;margin: 0;font-family: 'Helvetica neue',Helvetica,Arial; font-weight: 300;line-height: 28px;padding:18px 0 24px 0;}
.homepage_left .news_citation .truc .chiffre span{display: block;font-size: 32px; line-height: 35px; color: #f5a000;padding-bottom: 34px;}
.homepage_left .news_citation .truc .chiffre p{color: #bdbdbd;font-weight: 100;padding-bottom: 34px;text-align: center;}


.homepage_left .news_citation .plus{position: absolute; bottom:0px; right:0px;color: #FFF; background-color: #f5a000; font-size: 30px;padding: 0 6px 1px 6px; border-top-left-radius: 5px;line-height: 25px;}
.homepage_left .news_citation .plus a{text-decoration: none;}
	/* News à gauche */
/* .homepage_left .news_citation {padding:0 0 25px 0; display: flex; column-gap: 3%;} */
.homepage_left .news_citation { display: flex; column-gap: 3%;}

/* .homepage_left .news_citation .textes {position:relative;width:393px; padding:0; margin: 0;float: left;} */
.homepage_left .news_citation .textes {position:relative; padding:0; margin: 0;float: left;}
.homepage_left .news_citation .textes a {display: block; position: relative;} 
/* #globalContent > div.homepage_left > div.news_citation > div.textes > a */

/* .homepage_left .news_citation .textes .image {width: 391px;border:1px solid #EAEAEA;} */
.homepage_left .news_citation .textes .image {width: 100%;border:1px solid #EAEAEA;}

.homepage_left .news_citation .textes .icone-infographie {display:block; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-infographie.png'); text-decoration:none;}
.homepage_left .news_citation .textes .icone-reportage-video {display:block; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/play-reportages-video.png'); text-decoration:none;}
.homepage_left .news_citation .textes .icone-webconference {display:block; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-webconference.png'); text-decoration:none;}
.homepage_left .news_citation .textes .icone-diaporama {display:block; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-diaporama.png'); text-decoration:none;}
.homepage_left .news_citation .textes .titre {margin:0; font-weight:600; padding-bottom:6px;line-height: 10px;}
.homepage_left .news_citation .textes .titre a {color:#383838; font-size:17px; line-height:21px; text-decoration:none;}
.homepage_left .news_citation .textes .infos {font-size:11.9px; line-height:17px; color:#bdbdbd; margin:6px 0px 0px 0px; font-style: italic; font-weight: 100; display: flex; column-gap: 5px; align-items: center;}
.homepage_left .news_citation .textes .infos .date {display:inline-block;}
.homepage_left .news_citation .textes .infos .categorie {color:#F5A000; text-decoration:none; text-transform:uppercase;font-size:11.9px;}
.homepage_left .news_citation .textes .infos .categorie:hover { text-decoration:underline; }
.homepage_left .news_citation .textes .infos .type {display:inline; font-size:12px; color:#bdbdbd; text-decoration:none; }
.homepage_left .news_citation .textes .infos .type:hover {text-decoration:underline; }
.homepage_left .news_citation .textes .chapeau {margin:0px 0px 0px 0px; font-weight: 100;text-align: justify;font-size:14px; line-height:20px;}
.homepage_left .news_citation .textes .chapeau a {color:#585858; text-decoration:none;}
.homepage_left .news_citation .info_itw{border-left: 2px solid #f5a000;padding-left: 5px;line-height: 12px;margin-top: 5px;}
.homepage_left .news_citation .info_itw #nom_interview{font-size: 12px;color: #f5a000; margin-top: 20px;line-height: 15px;}
.homepage_left .news_citation .info_itw #fonction_interview{font-size: 12px;color: #838383;line-height: 15px;}

/******************************* AUTRES NEWS *************************************/
/* .homepage_left .news {width:632px; overflow:hidden; margin-bottom:25px;}  */
.homepage_left .news {overflow:hidden; margin-bottom:25px; display: flex;} /* */
.homepage_left .news .spacer {display: none;} /* */
.homepage_left .news img.cadenas {padding:0; border:0; margin-left:5px;}
.homepage_left .news .left {float:left;}
.homepage_left .news .right {float:right;}
.homepage_left .news .illustration {position: relative;width:158px; text-align:right;}
.homepage_left .news .illustration a {display: block; position: relative;}
.homepage_left .news .illustration img {width: 158px;border:1px solid #EAEAEA; box-sizing: border-box; }
.homepage_left .news .illustration .infos {font-size:11.9px; color:#bdbdbd; margin:0px 0px 0px 0px; font-style: italic; font-weight: 100; padding-top:3px; text-align: left; display: flex; flex-wrap: wrap; column-gap: 5px;}
.homepage_left .news .illustration .infos .date {display:inline-block;}
.homepage_left .news .illustration .infos .categorie {color:#F5A000; text-decoration:none; text-transform:uppercase;}
.homepage_left .news .illustration .infos .categorie:hover {text-decoration:underline;}
.homepage_left .news .illustration .infos .type{display:block;color: #bdbdbd;font-size: 11.9px;font-weight:normal; text-decoration:none;}
.homepage_left .news .illustration .infos .type:hover{ text-decoration:underline;}
.homepage_left .news .illustration .icone-infographie {display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-infographie.png'); text-decoration:none;}
.homepage_left .news .illustration .icone-reportage-video {display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/play-reportages-video.png'); text-decoration:none;}
.homepage_left .news .illustration .icone-webconference {display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-webconference.png'); text-decoration:none;}
.homepage_left .news .illustration .icone-diaporama {display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:42px; height:42px; background:url('/images/interface/homepage/icone-diaporama.png'); text-decoration:none;}
/* .homepage_left .news .textes {border-top:1px dotted #DADADA; width:447px; padding:12px 10px 0px 7px;margin-left:10px;}  */
.homepage_left .news .textes {border-top:1px dotted #DADADA; padding:12px 10px 0px 7px;margin-left:10px;} /* Mise à jour : RESPONSIVE 06 octobre 2023*/

.homepage_left .news .textes .titre {margin:0px 0px 2px 0px; font-weight:600;}
.homepage_left .news .textes .titre a {color:#383838; font-size:15.5px; line-height:21px; text-decoration:none;}
.homepage_left .news .textes .chapeau {margin:0px 0px 0px 0px; font-weight: 100; font-size:13.5px; line-height:20px;}
.homepage_left .news .textes .chapeau a {display:block; color:#585858; text-decoration:none;}
.homepage_left .news .info_itw{border-left: 2px solid #f5a000;padding-left: 5px;line-height: 12px;margin-top: 5px;}
.homepage_left .news .info_itw #nom_interview{font-size: 12px;color: #f5a000; margin-top: 20px;line-height: 15px;}
.homepage_left .news .info_itw #fonction_interview{font-size: 12px;color: #838383;line-height: 15px;}

/******** breve *********/
.homepage_left .breves { margin-bottom: 8px; }
.homepage_left .breve {background:url('/images/interface/homepage/fleche-breve.png')no-repeat;background-position: top 22px left 0px;border-top: 1px dotted #dadada;  padding: 19px 5px 20px 24px; }
.homepage_left .breve .titre {margin:0px 0px 5px 0px; font-weight:600;}
.homepage_left .breve h2{line-height:18px; display: inline;}
.homepage_left .breve .titre a {color:#383838; font-size:15px; line-height:22px; text-decoration:none;}
.homepage_left .breve .infos {font-size:11.5px; line-height:17px; color:#f5a000; margin:0px 0px 0px 0px; font-style: italic; display: inline;}
.homepage_left .breve .infos p {font-weight: 100;}
.homepage_left .breve .infos .date {display:inline-block;color:#bdbdbd;}
.homepage_left .breve .infos .categorie {color:#f5a000; text-decoration:none; text-transform:uppercase;}
.homepage_left .breve .infos .categorie:hover {text-decoration:underline;}

/******************************* Publireportage ***************************/
/* .homepage_left .bloc-pr {width:630px; border:1px solid #e6e6e6; border-radius:2px; margin-bottom:25px;} */
.homepage_left .bloc-pr { border:1px solid #e6e6e6; border-radius:2px; margin-bottom:25px;}

.homepage_left .bloc-pr table {width:100%;}
.homepage_left .bloc-pr table .illustration {background:#F0F0F0; padding:18px 0px; vertical-align:top;}
.homepage_left .bloc-pr table .illustration img {border:none; max-width: 158px;}
.homepage_left .bloc-pr table .textes {padding:18px 20px 20px 20px;}
.homepage_left .bloc-pr table .textes h2 {font-size:15px; line-height:18px; font-weight:normal; margin:0 0 2px;}
.homepage_left .bloc-pr table .textes h2 a {color:#C95100; text-decoration:none;}
.homepage_left .bloc-pr table .textes p {font-size:13px; line-height:18px; margin:0px; text-align:justify; padding-top:2px;}
.homepage_left .bloc-pr table .textes p a {color:#484848; text-decoration:none;}
.homepage_left .bloc-pr span{color:#bdbdbd;}

/******** bloc VIDEO *********/
/* .homepage_left #bloc_video{position:relative;overflow:hidden; width: 630px; height:323px; background-color: #eeeeee; border: solid 1px #d2d2d2; border-radius: 5px; border-bottom: 5px solid #7d6492; margin: 0 0 34px 0;} */
.homepage_left #bloc_video{position:relative;overflow:hidden; height:323px; background-color: #eeeeee; border: solid 1px #d2d2d2; border-radius: 5px; border-bottom: 5px solid #7d6492; margin: 0 0 34px 0;}

.homepage_left #bloc_video .carousel a{text-decoration: none;}
.homepage_left #bloc_video .carousel p{color: #383838;padding: 5px 14px 3px; margin: 0; font-size: 14px; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.homepage_left #bloc_video .carousel span{color: #bdbdbd; font-size: 11.5px;}
.homepage_left #bloc_video .carousel {background: #eeeeee;}
.homepage_left #bloc_video .carousel .carousel-cell {position: absolute;left:15%; top:20px; width: 70%;height: 273px; background: #FFF; box-shadow:0 0 20px rgba(0,0,0,0.2); border-radius:5px; overflow:hidden; z-index:1;}
.homepage_left #bloc_video .carousel .carousel-cell img{width:100%;height:200px;object-fit:cover;}
.homepage_left #bloc_video .carousel .carousel-cell .play{position: absolute;top:77px;left:calc(50% - 21px);width: 42px;height:42px;}
.homepage_left #bloc_video .carousel .desactive {box-shadow:none;}
.homepage_left #bloc_video .carousel .desactive a{cursor:default;}
.homepage_left #bloc_video .carousel .desactive p{color: #bdbdbd;}
.homepage_left #bloc_video .carousel .desactive img {filter: brightness(50%); -webkit-filter: brightness(50%); -moz-filter: brightness(50%); -o-filter: brightness(50%); -ms-filter: brightness(50%);}
.homepage_left #bloc_video .carousel .desactive .play { display:none; }

.homepage_left #bloc_video #bloc_video_left { position:absolute; top:92px; left:0; padding:10px; cursor:pointer; z-index:2; }
.homepage_left #bloc_video #bloc_video_right { position:absolute; top:92px; right:0; padding:10px; cursor:pointer; z-index:2; }
.homepage_left #bloc_video .btn-video{position:absolute; bottom:-3px; right:48px; background-color: #7d6492; color: #FFF; font-size: 12px;font-weight: 100;padding: 4px 8px 3px 8px; border-top-right-radius: 5px;border-top-left-radius: 5px; width: 80px; text-align: center; text-decoration:none;}


/* Bouton archives */
.homepage_left .trait_pointille {margin-bottom:0px; border-bottom:1px dotted #DADADA; padding-bottom:34px;}
.homepage_left .toute_actualite {display:block; float:right; overflow:hidden; width:196px; background-color: #fab707; color: #fff;text-align: center;text-decoration: none; border-radius: 5px;font-weight: lighter; padding:8px 0 8px 0 ; margin-top: -19px;font-size: 16px;}
.homepage_left .toute_actualite:hover {background-color: #f5a000;cursor: pointer;}



/***** BLEU - E&T ****/
/* .homepage_right .bleu-et{max-width:314px;border-radius:10px; padding:21px 15px 10px 15px; margin-bottom:25px;background-color: #3c6796;} */
.homepage_right .bleu-et{width: auto; border-radius:10px; padding:21px 15px 10px 15px; margin-bottom:25px;background-color: #3c6796;}

.homepage_right .bleu-et .et-logo{text-align: center;padding-bottom: 14px;}
.homepage_right .bleu-et .et-logo img{width: 136px;}

	/* solutions & innov */
/* .homepage_right .bleu-et .solutions_innovations {background:#F8F8F8;  margin-bottom:30px; border-radius:6px; padding:0 0;width: 310px;overflow: hidden;} */
/* .homepage_right .bleu-et .solutions_innovations {background:#F8F8F8; margin-bottom:30px; border-radius:6px; padding:0 0;width: 310px;overflow: hidden;} */
.homepage_right .bleu-et .solutions_innovations {background:#F8F8F8; /*border:1px solid #DADADA;*/ margin-bottom:30px; border-radius:6px; padding:0 0; overflow: hidden;}


.homepage_right .bleu-et .solutions_innovations h2 {padding: 10px 20px; margin: 0 ; color: #3c6796; font-size: 15px; text-transform: uppercase; font-weight: 400; font-family: 'Helvetica neue',Helvetica,Arial;text-align: center;}
.homepage_right .bleu-et .solutions_innovations .content{overflow: hidden;padding-top: 2px; padding-bottom: 1px;}
/* .homepage_right .bleu-et .solutions_innovations .content .element{display: block; background:#FFF; border-top: solid 1px #ececec;border-bottom: solid 1px #ececec; margin-top: -1px; text-decoration: none; height: 120px;width: 100%;z-index: 1;cursor: pointer;} */
.homepage_right .bleu-et .solutions_innovations .content .element{display: block; background:#FFF; border-top: solid 1px #ececec;border-bottom: solid 1px #ececec; margin-top: -1px; text-decoration: none; padding-top: 10px; padding-bottom: 10px; width: 100%;z-index: 1;cursor: pointer;}

.homepage_right .bleu-et .solutions_innovations .content .element:hover {box-shadow:0 0 6px rgba(0,0,0,0.15); background-color: white;z-index: 2;transform: scale(1, 1);border-top: solid 1px #DADADA;border-bottom: solid 1px #DADADA;}
.homepage_right .bleu-et .solutions_innovations .content .element .tableau{display: table;width: 100%;height: 100%;}
.homepage_right .bleu-et .solutions_innovations .content .element .tableau .illustration{display: table-cell;vertical-align: middle; width: 90px;}
.homepage_right .bleu-et .solutions_innovations .content .element .tableau .illustration img{width: 107px;}
.homepage_right .bleu-et .solutions_innovations .content .element .tableau .texte{display: table-cell;vertical-align: middle;padding: 0 14px; width: 100%;}
.homepage_right .bleu-et .solutions_innovations .content .element .tableau .texte h3 {margin:0; font-size:13.5px; color: #484848; font-weight: 300;max-width: 200px;line-height: 16px;}
.homepage_right .bleu-et .solutions_innovations .content .element .tableau .texte p{display:inline-block; color: #bdbdbd;font-size:12px; line-height: 16px;margin-bottom: 0px;}
.homepage_right .bleu-et .solutions_innovations .plus-infos {font-size:13px; text-align :right; background-color: #eeeeee ;padding: 12px 0 ;}
.homepage_right .bleu-et .solutions_innovations .plus-infos a{color:#3c6796; margin-right:20px; text-decoration:underline;}

	/* Parlons techno */
/* .homepage_right .bleu-et .parlons_techno {background:#fff; margin-bottom:20px; border-radius:6px; padding:0 0; width: 310px;overflow: hidden;} */
.homepage_right .bleu-et .parlons_techno {background:#fff; margin-bottom:20px; border-radius:6px; padding:0 0; overflow: hidden;} /* Mise à jour : responsive 10 octobre 2023 */

.homepage_right .bleu-et .parlons_techno h2 {padding: 10px 20px; margin: 0 ; color: #3c6796; font-size: 15px; text-transform: uppercase; font-weight: 400; font-family: 'Helvetica neue',Helvetica,Arial;text-align: center;}
.homepage_right .bleu-et .parlons_techno img.une_bleue{width: 310px;}

.homepage_right .bleu-et .parlons_techno .une{padding: 18px 21px 16px 21px;}
.homepage_right .bleu-et .parlons_techno .une .titre{display: block;font-size: 15px;color: #383838; line-height:17.5px; text-decoration:none;font-weight: 600;}
.homepage_right .bleu-et .parlons_techno .une p{margin : 0;text-align: right;}
.homepage_right .bleu-et .parlons_techno .une .chapeau {font-size:13.5px; line-height:18px;margin:6px 0 15px 0;text-align: left;}
.homepage_right .bleu-et .parlons_techno .une .chapeau a{color:#585858; text-decoration:none;}
.homepage_right .bleu-et .parlons_techno .une .info_itw{border-left: 2px solid #f5a000;padding-left: 5px;line-height: 12px;margin-top:-5px;margin-bottom:10px;}
.homepage_right .bleu-et .parlons_techno .une .info_itw #nom_interview{font-size: 12px;color: #f5a000; margin-top: 20px;line-height: 15px;}
.homepage_right .bleu-et .parlons_techno .une .info_itw #fonction_interview{font-size: 12px;color: #838383;line-height: 15px;}
.homepage_right .bleu-et .parlons_techno span{color: #b5b5b5;text-align: center;font-size: 12px;font-style: italic;}
.homepage_right .bleu-et .parlons_techno #verticalite{color:#3c6796;text-transform:uppercase;font-size: 12px;}
.homepage_right .bleu-et .parlons_techno .content{overflow: hidden;padding-top: 22px; padding-bottom: 1px;background-color: #eeeeee;}
.homepage_right .bleu-et .parlons_techno .content .news{padding: 0px 14px 25px 14px;border-top: solid 1px #84a7cd;}
.homepage_right .bleu-et .parlons_techno .content .news .titre {display :inline-block;margin:0; font-size:13px; color: #484848; font-weight: 600;line-height: 17px; text-decoration: none;padding-top: 10px;padding-bottom:5px;}
.homepage_right .bleu-et .parlons_techno .content .news .titre .intervenant { font-weight:normal; }
.homepage_right .bleu-et .parlons_techno .content .news #date{display: block;color:#84a7cd;text-align: center;font-size: 12px;margin: -10px auto 0;padding-bottom:10px;background-color: #eeeeee;width: 55px;text-align: center;font-style: initial;}

.homepage_right .bleu-et .parlons_techno .plus-infos {font-size:13px; text-align :right; background-color: #fff ;padding: 12px 0 ;}
.homepage_right .bleu-et .parlons_techno .plus-infos a{color:#3c6796; margin-right:20px; text-decoration:underline;}

/**** AGENDA ****/
/* .homepage_right .agenda {position:relative; width:338px;border-radius:5px;border:1px solid #d7d7d7; padding-bottom:12px; margin-bottom:25px;background-color: #fff; border-top: solid 7px #f5a000;} */
.homepage_right .agenda {position:relative; border-radius:5px;border:1px solid #d7d7d7; padding-bottom:12px; margin-bottom:25px;background-color: #fff; border-top: solid 7px #f5a000;}

.homepage_right .agenda h2 {display:inline-block;font-size:14px; color:white; background-color:#f5a000; font-weight:200; padding:2px 14px 8px 14px; text-transform: uppercase; font-family: 'Helvetica neue',Helvetica,Arial;border-bottom-right-radius:5px; letter-spacing: 1px;text-align:center;margin: 0 0 18px 0;line-height: 14px;}
.homepage_right .agenda h3{font-size: 17px;color: #4a4a4a;font-weight: 400;margin:0 0 18px 0;}
.homepage_right .agenda h3 a{text-decoration: none;color: #4a4a4a;}
.homepage_right .agenda .event {padding: 0 26px;}
.homepage_right .agenda .event img{width:100px;height: 80px; padding:2px; float: left;margin-right: 18px;}
.homepage_right .agenda .event #date{color:	#4a4a4a; }
.homepage_right .agenda .event #lieu{color:	#4a4a4a;}
.homepage_right .agenda p {font-size: 13.5px; font-weight: 100; text-align: left;line-height:18px;}
.homepage_right .agenda p a{color: #585858;text-decoration: none;}
.homepage_right .agenda .plus-infos {font-size:13px; text-align :right; margin-right:20px;}
.homepage_right .agenda .plus-infos a{color:#757575; padding-left: 20px;text-decoration: underline;}
.homepage_right .agenda .puces { position:absolute; bottom:14px; left:26px; }
.homepage_right .agenda .puces .puce { display:inline-block; width:10px; height:10px; margin-right:5px; background:#EAEAEA; border-radius:20px; cursor:pointer; }
.homepage_right .agenda .puces .selected { background:#F5A000 linear-gradient(#FAB707, #E48703); }

/**** PLATEAU TV ****/
.homepage_right .plateau-tv {width:338px;overflow:hidden;border-radius:5px;border:1px solid #d7d7d7; margin-bottom:25px; border-top: solid 7px #7d6492;background:url('/images/interface/homepage/img-plateau-tv.jpg')no-repeat top;}
.homepage_right .plateau-tv h2 {display:inline-block;font-size:14px; color:white; background-color :#7d6492 ; font-weight:200; padding:2px 14px 8px 14px; text-transform: uppercase; font-family: 'Helvetica neue',Helvetica,Arial;border-bottom-right-radius:5px; letter-spacing: 1px;text-align:center;margin: 0 0 18px 0; z-index : 100;line-height: 14px;}
.homepage_right .plateau-tv h3{font-size: 17px;color: #4a4a4a;font-weight: 400;margin:6px 0 16px 0;}
.homepage_right .plateau-tv h3 a{text-decoration: none;color: #4a4a4a;}
.homepage_right .plateau-tv img{margin-top: -40px;}
.homepage_right .plateau-tv .plateau1 {padding: 52px 26px 18px 26px;}
.homepage_right .plateau-tv .plateau1 .img-plateau{position: relative;}
.homepage_right .plateau-tv .plateau1 .img-plateau #picto{position: absolute;width: 40px; top: 118px; left: 122px;}
.homepage_right .plateau-tv .plateau1 #plateau {width:286px; margin-top: 24px;}
.homepage_right .plateau-tv .plateau1 #lieu{padding-top: 15px;}
.homepage_right .plateau-tv .plateau1 #verticalite {font-size:12.5px; color:#7d6492; margin-top:3px; font-weight: 100;text-transform: uppercase;font-style: italic;}
.homepage_right .plateau-tv .plateau1 #date {font-size:11px; color:#bdbdbd; margin-top:3px; font-weight: 100;text-transform: uppercase;}
.homepage_right .plateau-tv p {color: #838383;font-size: 13px; font-weight: 100; text-align: justify;margin: 0;}
.homepage_right .plateau-tv p a{color: #838383;text-decoration: none;}
.homepage_right .plateau-tv .plus-infos {font-size:13px; text-align :right; background-color: #eeeeee ;padding: 12px 0 ;}
.homepage_right .plateau-tv .plus-infos a{color:#757575; margin-right:20px; text-decoration:underline;}

/**** NOMINATION ****/
/* .homepage_right .nomination {width:338px;border-radius:5px;border:1px solid #d7d7d7; padding-bottom:12px; margin-bottom:25px;background-color: #f8f8f8; border-top: solid 7px #757575;} */
.homepage_right .nomination {border-radius:5px;border:1px solid #d7d7d7; padding-bottom:12px; margin-bottom:25px;background-color: #f8f8f8; border-top: solid 7px #757575;}

.homepage_right .nomination h2 {display:inline-block;font-size:14px; color:white; background-color:#757575; font-weight:200; padding:2px 14px 8px 14px; text-transform: uppercase; font-family: 'Helvetica neue',Helvetica,Arial;border-bottom-right-radius:5px;letter-spacing: 1px;text-align:center;margin: 0 0 0px 0;line-height: 14px;}
.homepage_right .nomination table {margin:22px 20px 0 17px;}
.homepage_right .nomination table a {display:block; text-decoration:none;}
.homepage_right .nomination table .illustration {padding:0; vertical-align:top; width:73px;}
.homepage_right .nomination table .illustration img {width:73px;height: 88px; padding:2px; margin-top:-2px;display: block; }
.homepage_right .nomination table .textes {padding:12px 0 3px 12px; vertical-align:top;border-top: 1px dotted #dadada;}
.homepage_right .nomination table .textes h3 {margin:0; font-size:13.5px; line-height:18px; font-weight:normal;}
.homepage_right .nomination table .textes h3 a {color:#4a4a4a;}
.homepage_right .nomination table .textes .infos {display:block; font-size:12.5px; color:#aeaeae; margin-top:3px; font-weight: 100;}
.homepage_right .nomination table .textes .infos #verticalite {display:inline;text-transform: uppercase;color: #008440;font-style: italic;}
.homepage_right .nomination table .textes .infos #verticalite:hover { text-decoration:underline; }
.homepage_right .nomination table .textes img { float:left; margin-top:3px; margin-right:7px; }
.homepage_right .nomination .plus-infos {font-size:13px; text-align :right; margin:10px 20px 0 0;}
.homepage_right .nomination .plus-infos a{color:#757575; padding-left: 20px; text-decoration:underline;}



/************* HOME BOTTOM *************/

/*** avis expert ***/ 
/* .homepage_bottom .avis-expert {width:992px;border-radius:5px;border:1px solid #d7d7d7; padding-bottom:12px; margin-bottom:25px;background-color: #f8f8f8; border-top: solid 7px #86480b;} */
.homepage_bottom .avis-expert {border-radius:5px;border:1px solid #d7d7d7; padding-bottom:12px; background-color: #f8f8f8; border-top: solid 7px #86480b;} /* Mise à jour: RESPONSIVE : 06 octobre 2023*/

.homepage_bottom .avis-expert h2 {display:inline-block;font-size:14px; color:white; background-color:#86480b; font-weight:200; padding:2px 14px 8px 14px; text-transform: uppercase; font-family: 'Helvetica neue',Helvetica,Arial;border-bottom-right-radius:5px; letter-spacing: 1px;text-align:center;margin: 0 0 21px 0;line-height: 14px;}
.homepage_bottom .avis-expert table.avis{margin:0px 30px 3px;}
.homepage_bottom .avis-expert table a {display:block; text-decoration:none;} 
.homepage_bottom .avis-expert td {width: 440px;vertical-align: top;}
.homepage_bottom .avis-expert td div { width:440px; }
.homepage_bottom .avis-expert h3{margin:0 0 8px 0;} 
.homepage_bottom .avis-expert h3 a{font-size:16px; line-height:20px; font-weight:600;color: #86480b;}
.homepage_bottom .avis-expert p {margin:0 0 15px 0; font-size:14px; text-align:justify; }
.homepage_bottom .avis-expert p a{color: #383838;}
.homepage_bottom .avis-expert .mise-avant { float:right; margin-left:14px; width:120px; border-radius:5px; margin-bottom:15px; }
.homepage_bottom .avis-expert .auteur { display:flex; margin-top:6px; clear:left; }
.homepage_bottom .avis-expert .auteur img { flex:0 0 40px; width:40px; border-radius:5px; margin-right:10px; align-self:flex-start; }
.homepage_bottom .avis-expert .auteur .infos { flex-basis:100%; align-self:center; }
.homepage_bottom .avis-expert .auteur .infos b {font-size:13.5px;color:#484848; font-weight: normal;}
.homepage_bottom .avis-expert .auteur .infos i {font-size: 12px; color:#838383;font-style: italic;line-height: 16px;}
.homepage_bottom .avis-expert .plus-infos {font-size:13px; text-align :right; margin:15px 20px 0 0;}
.homepage_bottom .avis-expert .plus-infos a{color:#757575; padding-left: 20px; text-decoration:underline;}

@media screen and (max-width: 1248px) {
	.homepage_left  {width: 100%;}
	.homepage_left div.une {width: auto;}
	

	.avis-expert .avis td:last-child { display: none; }
	.avis-expert .avis td:nth-child(2) { display: none; }
	.avis-expert td { width: 100% !important}
	.homepage_bottom .avis-expert td div { width: 100% !important}
  }

@media screen and (max-width: 1160px) {
	/* s */
	
  }

@media screen and (max-width: 950px) {
	.homepage_left .news_first { grid-template-columns: 1fr}
	.homepage_left .news_first .textes { width: 100%;}
	.homepage_left .news_first .left { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2%; margin-bottom: 20px; align-items: center}
	.homepage_left .news_first .left a { grid-row: 1/3; position: relative;}
	.homepage_left .news_first .right { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2%; align-items:flex-end; align-items: center}
	.homepage_left .news_first .right a { grid-row: 1/3; }
	#actuenvironnement-middle-right .globalContent { display: flex; flex-direction :column}
	.homepage_right .nomination table .textes { width: 100%;}
	.homepage_right .bleu-et .parlons_techno img.une_bleue { width: 100%; height: 100%; object-fit: cover}
	.homepage_right .bleu-et { margin-top: 30px;}
	.homepage_bottom { padding-top: 0px; margin-left: 0;}

	.homepage_left .news_first .textes .icone-infographie { top:50%; left:50%; transform: translate(-50%, -50%)}
	/* .homepage_left .news .illustration .icone-infographie { top:50%; left:50%; transform: translate(-50%, -50%)} */
	.homepage_left .news_first .textes .icone-reportage-video { top:50%; left:50%; transform: translate(-50%, -50%)}
	.homepage_left .news_first .textes .icone-webconference { top:50%; left:50%; transform: translate(-50%, -50%)}
	.homepage_left .news_first .textes .icone-diaporama { top:50%; left:50%; transform: translate(-50%, -50%)}

	.homepage_left div.une { display: grid; grid-template-columns: 1fr 1fr;}
	.homepage_left div.une .illustration { grid-row: 1/4;}
	.homepage_left div.une .illustration img { height: 100%; object-fit: cover;}

	.homepage_right .bleu-et .parlons_techno { display: grid; grid-template-columns: 1fr 1fr;} 
	.homepage_right .bleu-et .parlons_techno h2 { grid-column: 1/3}
	.homepage_right .bleu-et .parlons_techno .content  { grid-column: 1/3}
	.homepage_right .bleu-et .parlons_techno .plus-infos { grid-column: 1/3}

	
  }

  @media screen and (max-width: 750px) {
	.homepage_left .news_citation { flex-direction: column; }
	.homepage_left .news_citation .truc { height: 300px; margin-top: 20px; display: flex; justify-content: center;}
	.homepage_left .news_citation .truc .chiffre { top: 0%} 
	/* .homepage_left .news_citation .textes .icone-reportage-video { top: 30%;} */
	.homepage_left .news_first .left, .homepage_left .news_first .right  { display: flex; flex-direction: column ; align-items: stretch;}
	.homepage_left div.une { display: flex; flex-direction: column}
	.homepage_right .bleu-et .parlons_techno { display: flex; flex-direction: column }
	
  }

  @media screen and (max-width: 500px) {
    /* .homepage_left #bloc_video { background-color: red !important;}
    .homepage_left #bloc_video .carousel .carousel-cell { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; height: auto;}
	.homepage_left #bloc_video .carousel .carousel-cell img { width: 100%;}
	.homepage_left #bloc_video .carousel .carousel-cell .play { left: 50%; top: 30%; transform: translate(-50%, -50%);  } */

	.homepage_left .news { flex-direction: column;}
	.homepage_left .news .textes { margin-left: 0px;}
	.homepage_left .news .textes { padding: 12px 0px 0px 0px;}
	.homepage_left .news .illustration { width: 100%; text-align: left;}
	.homepage_left .news .illustration .infos { padding-bottom: 5px; display: flex; column-gap: 5px;}
	.homepage_left .news .illustration img { width: 100%;}

	.homepage_left .news_first .textes .icone-infographie { top:45%; left:50%; transform: translate(-50%, -50%)}
	.homepage_left .news .illustration .icone-infographie { top:45%; left:50%; transform: translate(-50%, -50%)}
	.homepage_left .news_first .textes .icone-reportage-video { top:45%; left:50%; transform: translate(-50%, -50%)}
	.homepage_left .news_first .textes .icone-webconference { top:45%; left:50%; transform: translate(-50%, -50%)}
	.homepage_left .news_first .textes .icone-diaporama { top:45%; left:50%; transform: translate(-50%, -50%)}
    
  }

  @media screen and (max-width: 400px) {
	.homepage_left tr { position: relative;}
    .homepage_left .bloc-pr table .illustration { position: absolute; width: 100%; bottom: 0px; text-align: center;}
	.homepage_left .bloc-pr table .textes { padding-bottom: 154px;}
	.homepage_left .news { display: flex; flex-direction: column;}
	.homepage_left .news .textes { margin-left: 0px;}
	.homepage_left .news .illustration { width: auto; text-align: left;}
	.homepage_left .news .textes { padding-left: 0px;}
	.homepage_left .news .illustration .infos { padding-bottom: 5px; padding-top: 6px;}
	.homepage_bottom .avis-expert .mise-avant { width: 100%;}
	

  }