/* ======== Generics ========= */
.recordFooter .popup {
	width:300px;
}

/* ======= Home ======== */
 #chiffresClesCniel
{
	margin:10px;
	background-color:#e0e0e0;
	padding:10px;
	border-radius:8px;
}
 #chiffresClesCniel p
{
	margin:0;
}
 #chiffresClesCniel h3
{
	text-align:right;
}
 #chiffresClesCniel .data
{
	font-size:40px;
	float:left;
	margin-right:5px;
}
 #chiffresClesCniel .label
{
	margin-top:28px;
}

 #publisCniel
{
	margin:10px;
	background-color:#e0e0e0;
	padding:10px;
	border-radius:8px;
	display:block;
	color:inherit;
}
 #publisCniel:hover
{
	background-color:#F6C224;
	text-decoration:none;
}

 #agendaCniel
{
	margin:0 0 10px;
	background-color:#F6C224;
	padding:10px;
	border-radius:8px;
	display:block;
	color:inherit;
	position:relative;
}
 #rightCol #agendaCniel
{
	margin:10px;
}
 #agendaCniel>div>div:not(.nav)
{
	position:absolute;
	min-height:60px;
	line-height:1.5em;
}
 #agendaCniel .date
{
	position:absolute;
	left:0px;
	top:7px;
	width:50px;
	text-align:center;
	line-height:1.3em;
}
 #agendaCniel .date .day
{
	font-size:30px;
}
 #agendaCniel .date .month
{
	font-size:18px;
}
 #agendaCniel .date .year
{
	font-size:16px;
}
 #agendaCniel .contents
{
	padding:0 0 0 60px !important;
}
 #agendaCniel .date2
{
	font-size:0.8em;
	font-style:italic;
	color:#fff;
	margin:0;
}
 #agendaCniel .title
{
	font-size:1.2em;
	font-weight:bold;
	color:inherit;
}
 #agendaCniel .city
{
	
}
 #agendaCniel .nav
{
	font-size:20px;
	line-height:1em;
	margin:0;
}
 #agendaCniel .nav a
{
	color:inherit;
}
 #agendaCniel .nav a.inactive
{
	color:#fff;	
}
 #agendaCniel .showAll
{
	line-height:20px;
	height:20px;
	position:absolute;
	bottom:10px;
	right:10px;
	display:block;
	color:inherit;
}

/* ========== Carrousel CNIEL ========== */
.CarrouselCNIEL {
    overflow: visible;
    position: relative;
    margin: 10px 0px 30px;
}

.CarrouselCNIEL .arrow {
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    cursor: pointer;
    margin: 0 !important;
	color: rgba(0,83,163,.7);
}


.CarrouselCNIEL .prev {
    left: 0px;
}

.CarrouselCNIEL .next {
    right: 0px;
}

/*
 .CarrouselCNIEL .prev {left:12px;}
 .CarrouselCNIEL .next {right:12px;}
*/
.CarrouselCNIEL ul {
    width: auto;
    height: 100%;
    overflow: hidden;
    margin: 0 !important;
    padding: 0px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.CarrouselCNIEL li {
    list-style-type: none !important;
    position: absolute !important;
    height: 100% !important;
    top: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px !important;
    margin: 0 !important;
    overflow: hidden;
    line-height: inherit !important;
}

.CarrouselCNIEL li>div {
    margin: auto;
    vertical-align: middle;
    background-color: #ffffff;
    padding: 0px;
    color: #000000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    height: 100%;
}


.CarrouselCNIEL li a>span {
    margin: 0px;
    padding: 0px !important;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3em;
}

.CarrouselCNIEL li a {
    padding: 0px !important;
    color: #000000 !important;
    height: 100%;
    display: table;
    table-layout: fixed;
    width: 100%;
}


.CarrouselCNIEL li .img {
    vertical-align: middle;
    padding: 0px 4px !important;
    height: 100%;
    overflow: hidden;
    width: 40%;
    box-sizing: border-box;
    filter: grayscale(90%) brightness(120%);
}


.CarrouselCNIEL li span.img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

.CarrouselCNIEL li .img img {
    height: 100%;
    width: 100%;
    object-fit: scale-down;
}

.CarrouselCNIEL li .img .kent-ico {
    height: 100%;
    vertical-align: middle;
    color: #D8D8D8;
}

.CarrouselCNIEL li .img .kent-ico svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.CarrouselCNIEL li .img img {
    object-fit: cover;
}

.CarrouselCNIEL li .title {
    padding: 0px !important;
    line-height: 1.2em;
    position: absolute;
    left: 40px;
    top: calc(50% - 15px);
    height: calc(50% - 5px);
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: left;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.CarrouselCNIEL li .title>span:not(.text) {
    color: #FFFFFF;
    background-color: rgba(0,83,163,.7);
    font-size: 1.25em;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
    flex: 0 0 auto;
}

.CarrouselCNIEL li .text, .CarrouselCNIEL li .date {
    display: none;
}

.CarrouselCNIEL li span.text {
    display: block;
    line-height: 1.5;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    min-height: 0;
    padding: 5px;
    flex: 1 0 0;
    width: 100%;
    font-weight: normal;
}

 #sitesDuCniel
{
	margin:10px;
	background-color:#F6C224;
	padding:10px;
	border-radius:8px;
	display:block;
	color:inherit;
	position:relative;
}
 #sitesDuCniel ul
{
	position:relative;
}
 #sitesDuCniel li
{
	overflow:hidden;
	position:absolute;
	width:100%;
}
 #sitesDuCniel .img
{
	width:100%;
	height: 120px;
	line-height:120px;
	text-align:center;
	display:block;
	margin-bottom:10px;
}
 #sitesDuCniel .img img
{
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}
 #sitesDuCniel h3
{
	text-align:center;
}
 #sitesDuCniel p
{
	margin:0 0 10px;
	text-align:center;
}
 #sitesDuCniel li a, #sitesDuCniel li a:hover
{
	background-color:transparent;
	padding-left:60px;
	text-align:right;
}
 #sitesDuCniel li a .kent-ico
{
	color:inherit;
	display:inline;
	line-height:inherit;
	vertical-align:baseline;
}
 #sitesDuCniel li a:hover
{
	text-decoration:underline;
}
 #sitesDuCniel .arrows
{
	position:absolute;
	bottom:10px;
	left:10px;
	font-size:20px;
	height:22px;
	line-height:22px;
	background-color:inherit;
}
 #sitesDuCniel .arrows .kent-ico
{
	color:inherit;
}
 #sitesDuCniel .arrows .kent-ico:hover
{
	color:#FFFFFF;
}
/* ====== Menu CNIEL ====== */
 #main-menu .menuTop>li:nth-of-type(5),  #main-menu .menuTop>li:nth-of-type(5)+li.spacer
{
	display:none;
}
 #main-menu a.inline
{
	display:inline;
}

/* ===== Carrousel CNIEL ===== */
 .carousel-CNIEL ul li
{
	width:200px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
 .carousel-CNIEL li>a
{
	width:160px;
	height:160px;
	margin:20px;
	padding:10px !important;
	box-sizing:border-box;
	background-color:rgba(0,0,0,.6);
	font-size:16px;
	line-height:140px;
	display:block;
}
 .carousel-CNIEL li>a:hover
{
	text-decoration:none;
	background-color:rgba(0,0,0,.8);
}
 .carousel-CNIEL li>a>div
{
	display:inline-block;
	vertical-align:middle;
	line-height:1.2em;
	text-align:left;
}
 .carousel-CNIEL li a span
{
	color:#fff;
	display:block;
}
 .carousel-CNIEL li .title
{
	max-height:4.8em;
	overflow:hidden;
	width:auto;
}
 .carousel-CNIEL li .subtitle
{
	font-size:.6em;
	line-height:1.4em;
	color:#b0b0b0;
	max-height:2.8em;
	overflow:hidden;
}

/* ======== Footer ======== */
 #footer
{
    font-size:0.8em;
}
 #cniel-foot-links
{
	width:25%;
	padding:2em 1em;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	float:right;
}
 #cniel-foot-links a
{
	font-size:1.4em;
	display:block;
	text-align:left;
	margin-left:20%;
	margin-bottom:2em;
}
 #cniel-foot-plan
{
	width:75%;
	padding:2em 1em;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}
 #cniel-foot-plan .super-menu {
	display:block;
	position:static;
	width:auto;
	color:inherit;
	background-color:transparent;
	max-width:100%;
	font-size:inherit;
	line-height:inherit;
	padding:0;
	border:0;
	font-weight:inherit;
	box-shadow:none;
}
 #cniel-foot-plan .super-menu>div {
	width:calc(50% - 15px);
	display:inline-block;
	border:0;
	vertical-align:top;
}
 #cniel-foot-plan .spacer
{
	display:none;
}
 #cniel-foot-plan li.popupHover
{
	list-style-type:none;
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	padding:0 .5em;
	vertical-align:top;
}
 #cniel-foot-plan li.popupHover>a
{
	font-size:1.4em;
	display:block;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:.5em;
}
 #cniel-foot-plan .contents
{
	padding:0;
}

@media screen and (max-width:1100px) {
 #cniel-foot-plan li.more
{
	width:100%;
}
}

/* ===== Produits/thèmes en liste ===== */
 .recordFooter .cniel-kpInfos>li {
	display:block;
	margin-bottom:8px;
}
.recordFooter .cniel-kpInfos>li ul {
	margin:0;
	display:flex;
	gap:16px;
}
.recordFooter .cniel-kpInfos>li li{
	display:block;
	flex:0 1 50%;
}