@charset "UTF-8";
#annoncelarge { background: none repeat scroll 0 0 #FFFFFF; border: 30px solid #D0D1C7; border-top: 0 solid #D0D1C7; padding: 3px 50px; text-align: center; }

#annoncelarge h2 { font-size: 2.2rem; padding-top: 15px; }

/*
#une #boutonsune a img{border:2px solid transparent;padding:0;}*/
/*
#une a.pager-active img{border:2px solid #fff;}*/
#une span.on img { border: 2px solid #fff; padding: 0; }

#une span.off img { border: 2px solid #333; padding: 0; }

#une { padding: 0 0 0 0; background: #FFF; height: 260px; overflow: hidden; }

li.une { display: none; }

li.une#une_1 { display: list-item; }

ul.puces li.auteurblog { background: transparent url(../images/blogs.gif) left center no-repeat; padding-left: 25px; font-weight: bold; }

a#popupradio { background: url("../images/sprite1.png") no-repeat scroll left -427px transparent; color: #555; display: block; float: right; font-size: 1rem; margin: 10px; padding-left: 16px; text-align: left; }

#boutonsune { background: none repeat scroll 0 0 #fff; height: 67px; margin:0; overflow: hidden; padding: 0; position: relative; width: 100%;   }

#thumbsvideo-as li.pvideo { margin: 0 0 12px 0; padding: 0; height: 122px; width: 215px; background-repeat:no-repeat; }

/*#thumbsvideo-as li.pvideo:nth-child(odd){ margin: 0; }*/



#thumbsvideo-as .thumbsvideo-as-tete { 
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform: uppercase;
  color: #ffffff;
  width: 100%;
  background-color: #921326;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  padding: 0;
}
#thumbsvideo-as .thumbsvideo-as-tete a { 
  color: #ffffff;
  display: block;
  padding: 0 8px;
}


#thumbsvideo-as .divthb { background: #fff; }
#thumbsvideo-as .divthb .video_infos { height: 122px; width: 215px; margin: 122px 0 0 0;
    position: relative; }
#thumbsvideo-as .pvideo:hover .video_infos,
#thumbsvideo-as  .showall .pvideo .video_infos{
    margin-top: 0px;
    padding: 0;
}
#thumbsvideo-as .divthb .lienvid{
    margin-top: 0px;
    padding:45px 15px 0 15px;
    height:auto;
    font-family: 'akzidenz-grotesk_bqmedium';
    font-size:12px;
}
#thumbsvideo-as .divthb .nbcommentvid{
  float: none;
  position:absolute;
  bottom: 5px;
  right: 5px;
  font-family: 'akzidenz-grotesk_bqmedium';
  color: #ffffff;
  font-size: 11px;
  text-shadow: none;
  background: transparent url("../images/commentaires-new.png") no-repeat left center;
  background-size: 11px 9px;
  padding: 0 0 0 16px;
  text-align: right;
  z-index:1;
}

#thumbsvideo-as ul {
  background-color: #205093;
  margin: 0;
  padding: 0;
}
#thumbsvideo-as li.simple {  
  text-transform: none;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding:0;
  margin:0;
  max-height: none;
  border-bottom: 1px solid #bbb;
}
#thumbsvideo-as li.simple:last-child {
  border-bottom: none;
}
#thumbsvideo-as li.simple a {
  display:block;
  padding: 8px 10px;
  color: #ffffff;
}
#thumbsvideo-as li.simple.vkbloc {
  overflow: hidden;
  padding-bottom: 5px;
}
#thumbsvideo-as li.simple.vkbloc > a {
  font-size: 1.5rem;
  text-align: left;
}
  #thumbsvideo-as li.simple.vkbloc > img {
  width: 90px; height: auto; float: left;
}
#thumbsvideo-as li.simple.vkbloc > div {
  float: left;
  width: 115px;
  padding: 0 5px;
}
#thumbsvideo-as li.simple.vkbloc > div > a {
  padding: 0;
  font-size: 1.2rem;
}
.vk-tete {
  background: url("../images/vk-teteb.png") no-repeat;
  background-position-x: right 5px;
  background-size: 50px auto;
  background-position-y: center;
  height: 56px !important;
  line-height: 40px !important;
}
.vk-tete span {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 0;
}
#thumbsvideo-as li.simple.vkbloc .link-picto {
  display: inline-block;
  background: url("../images/link-picto.png") no-repeat;
  background-size: cover;
  width: 12px;
  height: 12px;
  float: none;
  margin: 0 0 0 5px;
}


.som-col-tete { 
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform: uppercase;
  color: #ffffff;
  width: 100%;
  background-color: #921326;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  padding: 0;
  text-align: left;
  margin-bottom: 8px;
  box-shadow: 1.968px 2.264px 5px 0px rgba(0, 0, 0, 1);
}
.som-col-tete a,
.som-col-tete span { 
  color: #ffffff;
  display: block;
  padding: 0 8px;
}

.som-tete.atelier {
    background: #333 url("../images/atelier-tete.png") no-repeat 178px center;
    background-size: 33px 37px;
}

.sommaire_articles ul.atelier_articles {
  padding: 5px 0 0 0;
}

.som-tete.decr {
  background-color: #60657f;
}
.som-tete.actu {
  background-color: #5F7F69;
}
.som-tete span {
  font-size: 12px;
}

.som-tete.suite {
  font-size: 16px;
  line-height: 36px;
  height: 36px;
}
#zone1 {
  margin:0 0 20px 0;
}
#zone1b .quot {
  margin-bottom: 18px;
}
#zone1 .brul-renov .brul-tete,
#zone1 .brul-renov .brul-russie,
#zone1 .brul-renov .brul-coffret,
#zone1 .quot .brul-people,
#zone1 .quot .quot-tete { 
    font-family: 'akzidenz-grotesk_bq_condensBd';
    text-transform: uppercase;
    font-size: 28px;
    line-height:40px;
    color: #ffffff;
    height: 40px;
    width: 100%;
    padding:0 0 0 10px;
    position: relative;
    box-shadow: 1.968px 2.264px 5px 0px rgba(0, 0, 0, 0.6);
    background-color: #921326;
}
#zone1 .brul-renov .brul-tete {  
  background: #921326 url("../images/brul-tete.png") no-repeat 245px bottom;
  background-size: 33px 37px;
}
#zone1 .brul-renov .brul-russie {  
  background: #921326 url("../images/vu-de-russie.png") no-repeat;
  background-size: auto;
}
#zone1 .quot .brul-people {  
  background: #fc84b2 url("../images/people-tete.png") no-repeat;
  background-size: auto;
}
#zone1 .brul-renov .brul-coffret {  
  background: #921326 url("../images/un-jour-un-coffret.png") no-repeat;
  background-size: auto;
}
#zone1 .brul-renov .brul-russie a,
#zone1 .brul-renov .brul-coffret a,
#zone1 .quot .brul-people a { 
  color: #ffffff;
}
#zone1 .quot .quot-tete {  
  background: #921326 url("../images/quot-tete.png") no-repeat 245px center;
  background-size: 33px 37px;
}

#zone1 .brul-renov ul,
#zone1 .quot ul { 
  background-color:#eaeaea;
  padding: 0;
  margin: 0;
}
#zone1 .brul-renov ul {
  height: 140px;
}
#zone1 .brul-renov.russie ul,
#zone1 .brul-renov.coffret ul {
  height: 70px;
}
#zone1b .quot ul { 
  height: 94px;
}
#zone1 .brul-renov ul li,
#zone1 .quot ul li { 
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform: none;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 20px;
  padding:0;
  margin:0;
  height: 70px;
  overflow: hidden;
  color: #1f1f1f;
  border-bottom: 1px solid #bbb;
  position: relative;
}

#zone1 .brul-renov ul li:last-child,
#zone1 .quot ul li:last-child {
  border-bottom: none;
}

#zone1 .brul-renov ul li .nbcomments,
#zone1 .quot ul li .nbcomments {
  text-shadow: 0px 0px 2px rgba(2, 2, 3, 0.75);
  margin: 0;
  font-family: 'akzidenz-grotesk_bqmedium';
  color: #ffffff;
  font-size: 11px;
  background: transparent url("../images/commentaires-new.png") no-repeat left center;
  background-size: 12px 9px;
  padding: 0 0 0 16px;
  text-align: right;
  font-weight:normal;
  display: block;
  position: absolute;
  top: 48px;
  left: 3px;
}

#zone1 .brul-renov ul li a,
#zone1 .quot ul li a {
  display:block;
  padding: 8px 0px;
}
#zone1 .brul-renov ul li a img,
#zone1 .quot ul li a img {
  float: left;
  display: block;
  width: 60px;
}
#zone1 .brul-renov ul li a div,
#zone1 .quot ul li a div {
  float: left;
  display: block;
  width: 208px;
  margin: 0 10px;
}

#zone1 .brul-renov ul li a div .soustitre,
#zone1 .quot ul li a div .soustitre {
  color: #888;
  font-style: italic;  
  font-weight: bold;  
  font-size: 1.1rem;
  font-family: arial, sans-serif;
  line-height: 12px;
  display: block;
}

#zone1b .quot.carousel ul {
  position: relative;
}
#zone1b .quot ul li.crsl {
  visibility: hidden;
  opacity: 0;
  border-bottom: none;
  transition: opacity 1s ease-in-out;
  position: absolute;
  width: 100%;
}
#zone1b .quot ul li.crsl.active {
  visibility: visible;
  opacity: 1;
}

.quot .dots {
  display: flex;
  justify-content: center;
  gap: 10px; /* Espacement entre les points */
}

.quot .dot {
  cursor: pointer;
  padding: 5px;
  border-radius: 50%; /* Pour rendre les points circulaires */
  background-color: #061e38; /* Couleur de fond des points */
  opacity:0.5;
  transition: opacity 1s ease-in-out;
}
.dot.active-dot,
.quot .dot:hover {
  opacity:1;
}
#thumbsvideo #titre-hbox-videos-sommaire { background: #333; width: 900px; text-align: left; height: 28px; overflow: hidden; }

.pvideo.pvideo99 { height: 99px; margin: 1px 1px 0 0; width: 99px; }

.chapo_article.une h4 { font-size: 2.1rem; line-height: 2.6rem; }

li.important { float: left; margin-bottom: 10px; width: 297px; }

li.important .chapo_content { background: transparent url("../images/bg_form.png") center center repeat; }


#subdercom { text-align: center; font-weight: bold; font-style: italic; }

#ul_important { padding-right: 0; }

#ul_important .introduction { padding: 0 2px; }

#comsbox p.h3 { background: url("../images/sprite_333.jpg") no-repeat scroll -25px -377px #333333; }

#mboxatelier a.no_u:hover { text-decoration: none; }

#mboxatelier p.h3 { background: url("../images/sprite_333.jpg") no-repeat scroll -25px -437px #333333; }

#mboxatelier li div small a { color: #7f7f7f; }

#mboxatelier li div, #comsbox li div { padding-right: 20px; font-style: italic; color: #7f7f7f; font-size: 90%; text-align: right; }

#mboxatelier li div span, #comsbox li div span { font-weight: bold; }

ul.suitearticles.puces li.sepdatesomsui { font-weight: bold; background: none; width: 100%; float: none; background: #F0F0EF; }

#conferences_defil p.pagination span { display: block; width: 50%; float: right; text-align: center; }

#conferences_defil p.pagination span.prec { float: left; }

#conferences_defil h3 { /*background: url(../images/fildeleau.jpg) no-repeat scroll left top #333;*/ background: url(../images/sprite_333.jpg) no-repeat scroll left -800px #333333; color: #FFFFFF; font-size: 1.2rem; font-weight: bold; padding-right: 35px; text-align: right; height: 18px; }

#conferences_defil .cadre { border: 1px solid #000; overflow: auto; margin: 0 auto; width: 500px; padding-bottom: 3px; }

#conferences_defil ul { padding-top: 3px; }

#conferences_defil td { padding-top: 6px; width: 150px; text-align: center; vertical-align: top; font-weight: bold; }

#conferences_defil a:hover { text-decoration: none; }

#conferences_defil table { margin: 0 auto; }

#calendar table { border-collapse: collapse; }

/*mini agenda*/
#aghaut, #agbas { text-align: center; }

#agdefil { height: 313px; /*height:400px;*/ overflow: auto; }

#agul { /*width:240px;*/ padding: 0; }

#agul .ag2date0 { font-weight: bold; padding-left: 22px; border-top: 1px solid #bbb; margin: 0; }

#agul .pair { border-left: 15px solid #e5b8b8; }

#agul .impair { border-left: 15px solid #b8d5e5; }

#agul li { padding: 2px; text-align: left; }

#agul .agev { background: url("../images/arrow.png") no-repeat scroll left 3px transparent; margin: 0; padding-left: 8px; padding-bottom: 8px; list-style-position: outside; text-indent: 4px; }

#agul .ag2heure { font-style: italic; padding: 0; }

#agul .ag2mois { background: #bbb; color: #fff; margin: 0; padding-left: 130px; font-weight: bold; border: 0; }

/* /mini agenda */
#rdp_important { margin: 0; padding: 0; border-top: 1px solid #E5B8B8; }

ul#rdp_important.puces li { padding: 0; margin: 0; border-left: 15px solid #E5B8B8; border-right: 10px solid #E5B8B8; border-top: 1px solid #E5B8B8; border-bottom: 1px solid #E5B8B8; height: 45px; }

ul#rdp_important.puces li p { padding-bottom: 2px; padding-top: 2px; }

/* liScroll styles */
.tickercontainer { /* the outer div with the black border */ border: 0px solid #000; background: #fff; width: 586px; height: 27px; margin: 0 12px 0 0; padding: 0; overflow: hidden; }

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 718px; overflow: hidden; }

ul.newsticker { /* that's your list */ position: relative; left: 586px; font-size: 1.3rem; list-style-type: none; margin: 0; padding: 0; }

ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; background: #fff; font-size: 1.2rem; }

ul.newsticker a { white-space: nowrap; padding: 0; color: #990000; margin: 0 50px 0 0; font-weight: bold; }

ul.newsticker span { color: #000; margin: 0 10px 0 0; }

#mboxatelier li {
  font-family: 'akzidenz-grotesk_bq_lightRg';
 }

#mboxatelier li.atelier_mot_ { background: url("../images/atelier_mot_.png") no-repeat scroll left top transparent; padding-left: 25px; }

#mboxatelier li.atelier_mot_1 { background: url("../images/atelier_mot_1.png") no-repeat scroll left top transparent; padding-left: 25px; }

#mboxatelier li.atelier_mot_2 { background: url("../images/atelier_mot_2.png") no-repeat scroll left top transparent; padding-left: 25px; }

#mboxatelier li.atelier_mot_33 { background: url("../images/atelier_mot_33.png") no-repeat scroll left top transparent; padding-left: 25px; }

.sommaire_articles .chapo_content { height: 200px; }

.sommaire_articles .chapo_content.chapo_content_rdp { height: 66px; min-height: 66px; max-height: 66px; }

.sommaire_articles ul li.secteur3 { padding: 0; margin: 0; }

#middle .sommaire_articles .col3 ul li.secteur3 { height: 60px; max-height: 60px; min-height: 60px; }

.sommaire_articles ul.liste_chapo_articles { width: 288px; }

.chapo_leftinfos, .chapo_motsicones { height: 22px; overflow: hidden; }

.sommaire_articles td { vertical-align: top; }

.sommaire_articles { margin: 20px 0 0 0; width: 100%; clear: both; overflow: hidden;  padding: 0; }

.sommaire_articles ul li.chapo_article { padding-right: 0; }

.sommaire_articles .mbox { margin-bottom: 11px; }

.sommaire_articles .chapo_leftinfos, .chapo_motsicones { float: right; }

.wtitre h4.tit_er { font-size: 1.5rem; line-height: 1.6rem; margin: 6px 0 0; max-height: 54px; overflow: hidden; }

.wtitre.avecsoustitre h4.tit_er { max-height: 36px; }


.wtitre h4.tit_rdp {
  clear: both;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 110%;
  margin: 0;
  max-height: 44px;
  overflow: hidden; 
}

.wtitre.avecsoustitre h4.tit_rdp { max-height: 30px; }

.winfos { color: #999; font-weight: bold; font-size: 0.9rem; }


.vcard.author a, .vcard.author span, .vcard.author a:visited { color: #999; font-weight: bold; font-size: 1.1rem; }
.soustitre, .soustitre_rdp {
    color: #888;
    font-style: italic;
    font-weight: bold;
    font-size: 1.1rem;
}

.soustitre_rdp {
    line-height: 120%;
}

.sommaire_articles div.image_article_rub { float: none; padding: 0; margin: 0 auto; position: relative;}

.sommaire_articles table { margin: 0; }

.sommaire_articles div.chapo_content { background: transparent; margin: 0; padding: 0; border: 0 none; }

.renvoi_articles_accueil { text-align: right; background: url("../images/art_sprite.jpg") no-repeat scroll right center rgba(0, 0, 0, 0); padding: 10px 30px 10px 5px;  }
.sommaire_articles .chapo_leftinfos { height: 14px; }
 .sommaire_articles .chapo_leftinfos a {
    font-weight: normal;
 }
 .sommaire_articles .chapo_border a {
   color: #333;
   font-weight: normal;
 }
 .sommaire_articles .chapo_border a.recent {
   color: #990000;
 }
.sommaire_articles .col3 .chapo_leftinfos {  /*height: 12px;
float:left;*/ text-align: right; padding-right: 2px; }

.sommaire_articles .chapo_leftinfos_rdp { float: right; }

.winfos { float: left; width: 235px; }

.wlogo { float: right; }

#col3 .wlogo img { width: 60px; height: 60px; }

.accueil_socials { margin-left: 0px; overflow: hidden; padding-top: 0; }

#marge_socials a { opacity: 1; float: left;}

.sommaire_articles .image_article_rub_sommaire { width: 288px; height: 98px; }

.sommaire_articles .chapo_article:hover .spip_logos { opacity: 1; }

.sommaire_articles .secteur3 div.chapo_content, .sommaire_articles .secteur4 div.chapo_content { background: transparent none; }

.sommaire_articles ul { padding: 0; }

#marge_socials a { opacity: 0.8; }
#w_socials_videosAS #marge_socials a {  
  opacity: 1; 
  position: relative;
  }
#w_socials_videosAS #marge_socials a:before { 
  content:'';
  width: 100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  transition: all 0.25s;
  background-size: cover !important;
}
#w_socials_videosAS #marge_socials a:hover:before {
  opacity:1;
}
#w_socials_videosAS #marge_socials a#linkfacebook:before {
  background: transparent url("../images/somm-fb-over.png") no-repeat left center;
}
#w_socials_videosAS #marge_socials a#linktwitter:before {
  background: transparent url("../images/somm-tw-over.png") no-repeat left center;
}
#w_socials_videosAS #marge_socials a#linkyoutube:before {
  background: transparent url("../images/somm-yt-over.png") no-repeat left center;
}
#w_socials_videosAS #marge_socials a#linkvk:before {
  background: transparent url("../images/somm-vk-over.png") no-repeat left center;
}
#w_socials_videosAS #marge_socials a#linkig:before {
  background: transparent url("../images/somm-ig-over.png") no-repeat left center;
}
#w_socials_videosAS #marge_socials a#linktg:before {
  background: transparent url("../images/somm-tg-over.png") no-repeat left center;
}

.col_titre { /*border-radius:5px 5px 0 0;*/ margin: 0; overflow: hidden; text-align: center; background: none repeat scroll 0 0 #333333; height: 30px; line-height: 30px; vertical-align: middle; font-size: 1.2rem; font-weight: bold; /*    margin: 0 16px 0 6px;*/ }

.col_titre a { display: block; overflow: hidden; line-height: 30px; }

.col_titre img { margin: 3px 15px 0; }

#col_titre1 { text-align: left; }

#col_titre2 { text-align: left; background: #60657f; }

#col_titre3 { background: #5F7F69; text-align: left; }

.col_articles { float: left; margin: 0 18px 0 0; /*min-height: 1000px;*/ min-width: 288px; width: 288px; }
.col_articles.col3 { margin: 0; }

.col3 { float: left; }

.important { background: transparent url("../images/bg_form.png") center center repeat; }

#suite_somaire { display: block; width: 80%; margin: 0 auto; border: 1px solid #aaa; overflow: hidde; float: none; clear: both; margin: 30px auto 30px auto; text-align: center; padding: 20px; border-radius: 5px 5px 0 0; box-shadow: 2px 2px 8px #666; text-decoration: none; background: #fff none; }

#suite_somaire:hover { background: #eee; }

#suite_sommaire.loading { background: url("../images/ajax.gif") center 35px no-repeat transparent; }

/*
.sommaire_articles:hover .col1,
.sommaire_articles:hover .col2,
.sommaire_articles:hover .col3{
opacity:0.8;
}
*/
.col_articles { transition: background 0.8s; }

.col_articles:hover { /*background:#EFEFEF;*/ }

.chapo_article_important .chapo_content { height: 226px; }

/*
.chapo_article_important{
background:transparent;

}
.chapo_article_important .chapo_content,
#zone3 .chapo_article{
transition:background 2s;
background:#fff;
}
.chapo_article_important .chapo_content:hover,
#zone3 .chapo_article:hover{
background:#EFEFEF;
}
*/
#thumbsvideo ul { margin: 0; padding: 0; }

.bodysommaire div#thumbsvideo { /*attention aux blocs vidéos situés ailleurs que dans le sommaire !!! */ background-color: #EEEEEE; margin: 0; overflow: hidden; }

#zone2 { padding-top:20px; }

#zone2 div#thumbsvideo { /*attention aux blocs vidéos situés ailleurs que dans le sommaire !!! */ width: 911px; height: 246px; }

#wvideosER { height: 363px; margin: 0 auto 20px auto; width: 291px; }

#wagenda2 { height: 363px; margin-top: 10px; overflow: hidden; margin-bottom: 20px; }

#watelier { height: 363px; margin-bottom: 20px; }

#mboxatelier { height: 363px; overflow: hidden; }

.suite_cols { line-height: 25px; color: #fff; display: block; float: right; padding: 8px 10px 0 0; font-style: italic; }

#zone1 #une div.chapo_content h4 { font-size: 2rem; margin: 10px 0 6px; }

#zone1b span.wurl, #zone1b a.date_article { display: none; }

/*----------------------------------*/
.alternable .sommaire_articles .chapo_content { height: 268px; }



.alternable .wtitre h4.tit_er { 
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform: none;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2rem;
    margin: 6px 0 0 0;
    max-height: none;
  overflow: hidden;
  color: #1f1f1f;
}

.alternable .chapo_content .fondsup .article_texte {
  padding: 0 7px;
  position:relative;
}
.alternable #wagenda2 { margin-top: 0; }

#middle .alternable .sommaire_articles .col3 ul li.secteur3 { height: 67px; max-height: 67px; min-height: 67px; padding-left: 2px; }

.alternable .sommaire_articles .introduction { color: #333333; padding-right: 4px; padding-left: 2px; }

.chapo_content_rdp .winfos { float: left; width: 235px; }

.alternable .chapo_content_rdp .winfos { width: 225px; }

.alternable .sommaire_articles { overflow: hidden; }

.divthb-horiz .video_infos { width: 96px; margin-top: 98px; }

#defil_zd999 { padding:0; }

#defil_zd999 .chapo_article { padding:0; position:relative; }

#defil_zd999 .chapo_article .w_spip_logo { display:block;  }

#defil_zd999 .chapo_article .w_spip_logo img { width: 594px; height: 334px; }

.chapo_une_infos { margin: 0; overflow: hidden; padding: 0; position: absolute; bottom:0; width: 100%; background-color: rgba(0,0,0,0.8);
     }
     
.chapo_une_infos .chapo_texte_une_new {
  line-height: 130%;
}
.menu_articles .chapo_une_infos h4 a {
  color: #ffffff !important;
  font-size: 20px;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform:uppercase;
}
.menu_articles .chapo_une_infos {
    font-family: 'akzidenz-grotesk_bq_condensRg';
    padding:12px 20px;
    font-size:20px;
  color: #ffffff;
  width: 100%;
  max-width: 554px;
}
.menu_articles .chapo_une_infos :apo_texte {
  line-height: 100%;
}
.menu_articles .chapo_une_infos span {
  font-size:16px;
}

#boutonsune  { font-size:0px;}
#boutonsune span {
  cursor: pointer;
  display: inline-block;
  transition: all 0.5s;
  position: relative;
  }
#boutonsune span .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0px 0px 18px 2px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 18px 2px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 18px 2px rgba(0,0,0,1);
    top: 0;
    left: 0;
    z-index:1;
}
#boutonsune span:not(:first-of-type) { margin-left:1px; }

#boutonsune span.on img { filter: none;
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
     }
#boutonsune span img { filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}

.chapo_une_infos strong { color: #ffffff; }
.nbcomments.une_site { color: #fff; position: absolute; bottom:12px; right:16px;}

#defil_zd999 .nbcomments.une_site {
    font-family: 'akzidenz-grotesk_bqmedium';
  color: #ffffff;
  font-size: 16px;
  text-shadow: none;
  background: transparent url("../images/commentaires-new.png") no-repeat left center;
  background-size: 14px 12px;
  padding: 0 0 0 22px;
  text-align: right;
}

div#thumbsvideo-as { margin: 0 0 4px; }

#une_new { float: left; margin-right: 18px; width: 594px; }

/*
.col_articles .nbcomments::before{
content: "|";
}*/
#w_socials_videosAS { overflow: hidden;  }
#w_links_social { width: 288px; margin-bottom:18px; }


#zone1 .thumbsvideoWrapper{ width: 288px; }
#zone1 .thumbsvideoWrapper .mbox p.h3 {
  background-color: #061e38;
  text-align:left;
  overflow: hidden;
  height:77px;
  display:block;
}

#zone1 .thumbsvideoWrapper .mbox p.h3 a{
  text-align:left;
  height: 100%;
  color:#ffffff;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size:30px;
  line-height:30px;
  text-transform: uppercase;
  padding:8px 0 0 10px;
  display:block;
}
#une_new .chapo_article.une.off { display: none; }

#une_new .chapo_article.une.on { display: list-item; }
#zone1b.sommaire_articles.w_important {
  margin:0;
}
#zone1b .menu_articles{
  max-width: 100%;
  background-color:#eaeaea;
  float: left;
}
#zone1b .conf-renov{  
display: block;
  max-width: 288px;
   background-color: #061e38;
    position: relative;
    
}
#zone1b .conf-tete { 
    font-family: 'akzidenz-grotesk_bq_condensBd';
    text-transform: uppercase;
    font-size: 30px;
    line-height:52px;
    color: #ffffff;
    height: 52px;
    width: 100%;
    padding:0 0 0 10px;
    background: #061e38 url("../images/conf-tete.png") no-repeat 219px bottom;
    background-size: 33px 37px;
}
#zone1b .conf-renov .conf-tete { 
    font-family: 'akzidenz-grotesk_bq_condensBd';
    text-transform: uppercase;
    font-size: 30px;
    line-height:52px;
    color: #ffffff;
    height: 52px;
    width: 100%;
    padding:0 0 0 10px;
    background: #061e38 url("../images/conf-tete.png") no-repeat 219px bottom;
    background-size: 33px 37px;
}

#zone1b .conf-renov .conf-nav-up {
  width: 271px;
  height:30px;
  position: absolute;
  cursor: pointer;
  top:52px;
  left:0;
  background-color:#061e3800;
  z-index: 1;
  -webkit-box-shadow: inset 0px 15px 20px -10px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 15px 20px -10px rgba(0,0,0,0.75);
  box-shadow: inset 0px 15px 20px -10px rgba(0,0,0,0.75);
  transition: all 0.2s;
}
#zone1b .conf-renov .conf-nav-up:before{
  content: '';
  height: 0;
  border-style: solid;
  border-width: 0 18px 8px 18px;
  border-color: transparent transparent #1d61b380 transparent;
  position:absolute;
  top: 9px;
  left: 127px;
  -webkit-transform:rotate(360deg);
}
#zone1b .conf-renov .conf-nav-up:hover {
  background-color:#061e38d8;
}
#zone1b .conf-renov .conf-nav-down {
  width: 271px;
  height:30px;
  position: absolute;
  cursor: pointer;
  bottom:0;
  left:0;
  background-color:#061e3800;
  -webkit-box-shadow: inset 0px -15px 20px -10px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px -15px 20px -10px rgba(0,0,0,0.75);
  box-shadow: inset 0px -15px 20px -10px rgba(0,0,0,0.75);
  transition: all 0.2s;
}
#zone1b .conf-renov .conf-nav-down:before{
  content: '';
  height: 0;
  border-style: solid;
  border-width: 8px 18px 0 18px;
  border-color: #1d60b380 transparent transparent transparent;
  position:absolute;
  top: 9px;
  left: 127px;
  -webkit-transform:rotate(360deg);
}
#zone1b .conf-renov .conf-nav-down:hover {
  background-color:#061e38d8;
}
#zone1b .conf-renov .conf-content { 
    height: 260px;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}

#zone1b .conf-renov .conf-content li {
}
#zone1b .conf-renov .conf-content li a { 
  display: block;
  padding: 0 0 10px 0;
}
#zone1b .conf-renov .conf-content .prems { 
   margin: 0;
}
#zone1b .conf-renov .conf-content .derr { 
   margin: 0;
}
#zone1b .conf-renov .conf-content .titre,
#zone1b .conf-renov .conf-content .introduction{ 
    color: #ffffff;
    width: 256px;
    overflow: hidden;
    
   /* white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;*/
}
#zone1b .conf-renov .conf-content .titre{ 
    font-family: 'akzidenz-grotesk_bq_condensBd';
    font-size: 20px;
    line-height: 20px;
    margin: 10px 8px;
}
#zone1b .conf-renov .conf-content .introduction{ 
    font-family: 'akzidenz-grotesk_bq_lightRg';
    font-size: 14px;
    line-height: 16px;
    margin: 0 8px;
    padding:  0 0 30px 0;
}
#zone1b .conf-renov .conf-content .derr .introduction { 
  padding: 0;
}
#zone1b.sommaire_articles .image_article_rub_sommaire { width: 288px; height: 163px; }

.sommaire_articles.w_important .chapo_leftinfos { overflow: hidden; }
.sommaire_articles.w_important .chapo_content .fondsup {
    position: relative;
}
.sommaire_articles.w_important .chapo_border {
  position: absolute;
  top: 142px;
  right: 8px;
  z-index: 1;
}
.sommaire_articles.w_important .chapo_leftinfos .nbcomments {  
  text-shadow: 0px 0px 2px rgba(2, 2, 3, 0.75);
  margin: 0;
  font-family: 'akzidenz-grotesk_bqmedium';
  color: #ffffff;
  font-size: 11px;
  background: transparent url("../images/commentaires-new.png") no-repeat left center;
  background-size: 12px 9px;
  padding: 0 0 0 16px;
  text-align: right;
  font-weight:normal;
}
.sommaire_articles.w_important #ul_important .chapo_leftinfos .nbcomments:hover { background-color: rgba(255, 255, 255, 0.2); }
.sommaire_articles.w_important .chapo_article { width: 288px; float: left; }
.sommaire_articles.w_important li.important {
  float: left; width: 288px;
  margin-bottom:0; background:none; }
.sommaire_articles.w_important li.important:not(:last-child) {
  margin-right:18px;
}
.sommaire_articles.w_important .chapo_content { height: 314px; }
.sommaire_articles.w_important ul.liste_chapo_articles { width: 100%; }
.sommaire_articles.w_important .chapo_content .fondsup .article_texte {
  padding: 0 7px;
  position:relative;
  height: 80px;
}
.article_texte .picto-redac { right:0px; }
.sommaire_articles.w_important .chapo_content .fondsup .article_texte .wtitre h4.tit_er {
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform: none;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2rem;
    margin: 6px 0 0 0;
    max-height: none;
  overflow: hidden;
  color: #1f1f1f;
}
.sommaire_articles.w_important .chapo_content .fondsup .article_texte .wtitre .soustitre {
  font-family: 'akzidenz-grotesk_bq_condensRg';
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  color: #797979;
  line-height: 14px;
}
.sommaire_articles.w_important #ul_important .chapo_content .fondsup .article_texte .introduction {

  overflow: hidden;
}

.nbcomments.une_important { margin-left: 250px; margin-top: 78px; border-radius: 5px; }
#ul_important .w_spip_logo { overflow: hidden; }
#ul_important div.chapo_content { padding: 0; }
#ul_important .nbcomments:hover { background-color: rgba(150, 150, 150, 0.8); }
#une_pour_mobiles { display: none; }
.conf-mob { display: none; }
.somm-proces {
  background: transparent url("../images/somm-proces.png") no-repeat left center;
  background-size: 215px 77px;
  width: 215px;
  height: 77px;  
  overflow: hidden;
}
.somm-proces a {
  color: #ffffff;
    font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size:30px;
  text-transform: uppercase;
  padding:8px 0 0 10px;
  display: block;
  height: 100%;
}
.somm-proces a span {
    font-family: 'akzidenz-grotesk_bq_lightRg';
  font-size:13px;
  text-transform: uppercase;
  line-height: 13px;
}
/* perfect-scrollbar v0.6.16 */
.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
 @supports (-ms-overflow-style: none) {
 .ps-container {
 overflow: auto !important;
}
}
.bloc-mobmarg {
  display:none;
}
@media screen and (max-width: 1139px) {
  .bloc-mobmarg {
    display:block;
  }
.bloc-mobmarg .somm-proces {
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 20px 0 0 0;
  background: #1c4a82 url("../images/somm-proces.png") no-repeat right center;  
}
.bloc-mobmarg .somm-ryssen,
.bloc-mobmarg .somm-finpart {
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 20px 0 0 0;
  overflow: hidden;
}
}

@media screen and (min-width: 921px) {
.sommaire_articles.w_important .chapo_content .fondsup .article_texte .wwtitre { max-height: 82px; min-height: 49px; overflow: hidden; }
.sommaire_articles.w_important #ul_important .chapo_content .fondsup .article_texte .introduction,
.alternable .chapo_content .fondsup .article_texte .introduction  {
  margin: 2px 0 0 0;
  padding:0;
  color: #1f1f1f;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: 'akzidenz-grotesk_bq_lightRg';
}
.brul-renov, .quot { max-width: 288px;}
#zone2 { max-width: 900px;
}

.promoApp {
  right: 0 !important;
  padding-top:0 !important;
  width: 350px !important;
  height: 80px;
  left: unset !important;
}
}
@media screen and (max-width: 920px) {
.sommaire_articles.w_important .chapo_content .fondsup .article_texte .wtitre h4.tit_er,
.alternable .chapo_content .fondsup .article_texte .wtitre h4.tit_er {
  font-size: 1.5rem;
  line-height: 1.6rem;
  margin: 0;
  max-height: 80px;
}
.sommaire_articles.w_important .chapo_content .fondsup .article_texte .wtitre .soustitre,
.alternable .chapo_content .fondsup .article_texte .wtitre .soustitre {
  line-height: 1.6rem;
}
.sommaire_articles.w_important .chapo_content .fondsup .article_texte .wtitre h4.tit_er {
  font-size: 1.5rem;
  margin: 0;
}
.bloc-mobmarg .somm-proces,
.bloc-mobmarg .somm-ryssen,
.bloc-mobmarg .somm-finpart {
  max-width: 100%;
  margin: 0 0 15px 0;
}
.desk-only{
  display: none;
}
}

.bloc-mobmarg .somm-finpart-tete {
  color:#ffffff;
  width: 100%;
  margin: 0 0 15px 0;
  height: 20px;
  padding: 8px 0 8px 8px;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.8rem;
  display:block;
  background: #921326;
  position: relative;
  margin: 0;
  max-width: 900px;
}
.bloc-mobmarg .somm-finpart > a {
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  width: 50%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container {
  overflow: auto !important;
}
}
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: #183f6e;
  opacity:1;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  right: 0;
  width: 17px;
  cursor: pointer;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  background-color: #1d61b3;
  right: 2px;
  width: 13px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:before,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:after {
  content: '';
  background-color:#183f6e;
  height:5px;
  width: 13px;
  position: absolute;
  left: 0;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:before {  
  top: 0;
  }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:after {
  bottom: 0;
}
.erfm_accueil_bloc {
    padding:  0 0 5px;
    margin: 0 auto;
    width: 100%;
    background-color: #ffffff;
    color:#205093;
    border-bottom: #ffffff 1px solid;
}
.erfm_accueil_bloc:last-child {
    margin: 0 auto;
    border-bottom: none;
}

.erfm_accueil_bloc a {
    color:#000000;
}
.erfm_accueil_logo {
  text-align:center;
  padding: 0;
  position:relative;
  min-height:72px;
  background-color:#205093;
  z-index: 0;
}
.erfm_accueil_logo:before {
  opacity:0.5;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-size: 100px;
  background-position: center;
  background-image: url(../images/erfm.png);
  background-repeat: no-repeat;  
}
.erfm_accueil_vign {
  position:relative;
}
.erfm_accueil_titre {
  text-align:center;
  font-weight: bold;
  padding: 5px 0 0 0;
}
.erfm_accueil_soustitre {
  text-align:center;
  padding: 0 10px;
}
.erfm_accueil_lecteur{
  text-align:center;
  padding:10px 0 10px 10px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  right: 0;
  z-index: 1;
  border-top-left-radius: 15px;
}
.erfm_accueil_lecteur .erfm_control {
  display: block;
  width: 15px;
  height: 15px;
  background-size: cover !important;
  cursor: pointer;
  float:right;
  margin: 0 10px 0 0 ;
}

.erfm_accueil_lecteur .erfm_control.hide {
  display:none;
}

.erfm_accueil_lecteur .erfm_control.erfm_play {  
  background: transparent url("../images/erfm_play.png") no-repeat left center;
}
.erfm_accueil_lecteur .erfm_control.erfm_pause {
  background: transparent url("../images/erfm_pause.png") no-repeat left center;
}
.erfm_accueil_lecteur .erfm_control.erfm_stop {
  background: transparent url("../images/erfm_stop.png") no-repeat left center;
}
.erfm_accueil_lecteur .erfm_control.erfm_mute {
  background: transparent url("../images/erfm_mute.png") no-repeat left center;
}
.erfm_accueil_lecteur .erfm_control.erfm_unmute {
  background: transparent url("../images/erfm_unmute.png") no-repeat left center;
}
.erfm_accueil_lecteur .erfm_control.erfm_down {
  background: transparent url("../images/erfm_down.png") no-repeat left center;
}
.erfm_accueil_bloc .page_erfm {
  text-align: center;
  padding: 5px;
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  right: 0;
  z-index: 1;
  width: 100%;
}
.erfm_accueil_bloc .page_erfm a {
  color: #ffffff;
}
.erfm_accueil_bloc .page_erfm img {
  margin-left: 5px;
}


.splashScreen {
  width: 100%;
  height: 100%;
  background-color:rgba(255,255,255,0.8);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  text-align:center;
  display:table;
  z-index: 999999;  
  transition: all 0.5s;
}
.splashScreen.visible{  
  opacity: 1;
}
.splashScreen .splashScreenPos {
  display: table-cell;
  vertical-align: middle;
  text-align:center;
    
}
.splashScreen a, 
.splashScreen .splashScreenCtn {
  display: inline-block;
  max-width: 700px;
}
.splashScreen img {
  max-width: 100vh;
  width: 100%;
  height: auto;
  max-height: 100vh;
}
.splashScreen .splashScreenFerme {
  display: block;
  text-align:center;
  padding: 0;  
  font-family: 'akzidenz-grotesk_bq_condensBd';
  text-transform: uppercase;
  font-size: 20px;
  line-height:40px;
  color: #ffffff;
  height: 40px;
  width:150px;
  background-color: #921326;
  cursor: pointer;
  margin: 0 auto;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -75px;
  /*opacity:0.3;*/
  opacity:1;
  transition: all 0.25s;
}
.splashScreen .splashScreenFerme:hover {
  opacity:1;
}
.splashScreen .splashScreenFerme span {
  text-transform: none; 
}
.promoApp {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s;
  opacity: 0;
	background-image:url(../images/promo/ban-app-b.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width: 100%;
  padding-top:23.03%;
}
.promoApp.visible {  
  z-index: 999998;
  opacity: 1;
}
.promoApp div,
.promoApp a {
  display: inline-block;
  padding-top: 23.03%;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.promoApp div.promoAppFerme {
  width: 9%;
  left: 0;  
}
.promoApp .promoAppUrl {
  width: 91%;
  left: 9%;
}
.promoAppTip {
  z-index: -1;
  position: fixed;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
  opacity: 0;
	background-image:url(../images/promo/ban-app-c.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  width: 100%;
  padding-top:23.03%;
}
.promoAppTip.visible {  
  z-index: 999998;
  opacity: 1;
}
.promoAppTip div,
.promoAppTip a {
  display: inline-block;
  padding-top: 23.03%;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.promoAppTip div.promoAppFerme {
  width: 9%;
  left: 0;  
}
/*
.cpt-products-layout {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.cpt-products-container {
    overflow:hidden;
    background-size: cover;
    background-position:center center;
    display: flex;
    flex-direction: row;
}
.cpt-products-kk-container {
    background-image: url("../images/cpt-fd-kk.png");
    flex-grow: 1;
    align-items: center;
}
.cpt-products-abs-container {
    background-image: url("../images/cpt-fd-abs.png");
    flex-grow: 0.5;
}
.cpt-products-plm-container {
    background-image: url("../images/cpt-fd-plm.png");
    flex-grow: 0.5;
}

.cpt-products-component {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 10px 0;
    max-width: 110px;
    width: 110px;
    -webkit-animation: fadeInFromNone 0.2s ease;
    -moz-animation: fadeInFromNone 0.2s ease;
    -o-animation: fadeInFromNone 0.2s ease;
    animation: fadeInFromNone 0.2s ease;
    
}
.cpt-products-component.cpt-products-hidden {
   display: none !important;
   opacity: 0;
}
@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.cpt-products-component a.without-decoration {
    text-decoration: none;
    text-align: center;
}
.cpt-products-image img {
    max-height: 60px;
    width: auto;
}
.cpt-products-title {
    font-family: akzidenz-grotesk_bq_condensBd;
    font-size: 14px;
    color:white;
    margin: auto;
}
.cpt-products-subtitle {
    font-family: akzidenz-grotesk_bq_rg;
    font-size: 12px;
    color: white;
    margin: auto;
}
.cpt-products-prev-container {
    display: flex;
    height: 100%;
    padding-left: 10px;
    cursor: pointer;
}
.cpt-products-prev-component {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 28px 15px 0;
    border-color: transparent #ffffff transparent;
    margin: auto;
    opacity: 0.2;
    transition: all 0.2s ease;
}
.cpt-products-prev-container:hover .cpt-products-prev-component {  
    opacity: 0.5;
}
.cpt-products-next-container {
    display: flex;
    height: 100%;
    padding-right: 10px;
    cursor: pointer;
}
.cpt-products-next-component {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 28px;
    border-color: transparent #ffffff transparent;
    margin: auto;
    opacity: 0.2;
    transition: all 0.2s ease;
}
.cpt-products-next-container:hover .cpt-products-next-component {  
    opacity: 0.5;
}*/

.cpt-parz {
  width: 100%;
  position:relative;
  overflow: hidden;
  max-height: 103px;
}
.cpt-parz .cpt-head {
  overflow:hidden;
  width:100%;
  height: 65px;
}
.cpt-parz .cpt-head a {
  float:left;
  display: block;
  height:100%;
  background-size: cover !important;
  position:relative;
}
.cpt-parz .cpt-head a:before {
  content:'';
  width: 100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  transition: all 0.25s;
  background-size: cover !important;
  box-shadow: 0px 0px 14px 0px rgba(2, 2, 3, 0.35); 
}
.cpt-parz .cpt-head a:hover:before {
  opacity:1;
}
.cpt-parz .cpt-head a.kk {
  width: 70px;  
  background: transparent url("../images/cpt-kk.png") no-repeat left center;
}
.cpt-parz .cpt-head a.kk:before {
  background: transparent url("../images/cpt-kk-over.png") no-repeat left center;
}
.cpt-parz .cpt-head a.abs {
  width: 75px;
  background: transparent url("../images/cpt-abs.png") no-repeat left center;
}
.cpt-parz .cpt-head a.abs:before {
  background: transparent url("../images/cpt-abs-over.png") no-repeat left center;
}
.cpt-parz .cpt-head a.plm {
  width: 70px;
  background: transparent url("../images/cpt-plm.png") no-repeat left center;
}
.cpt-parz .cpt-head a.plm:before {
  background: transparent url("../images/cpt-plm-over.png") no-repeat left center;
}
.cpt-parz .cpt-ban {
  background-color: #921326;
  height: 36px;
  width: auto;
  color:#ffffff;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 20px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 7px 6px;
  box-shadow: 1.968px 2.264px 5px 0px rgba(0, 0, 0, 0.5); 
  position: relative;
  z-index: 1;
}
.cpt-parz .cpt-cont {
  background-size: cover !important;
  position:relative;
  overflow: hidden;
  float:left;
  max-height: 103px;
}
.cpt-parz .cpt-cont.kk {
  background: transparent url("../images/cpt-fd-kk-sh.png") no-repeat center center;
  width: 60%;
}
.cpt-parz .cpt-cont.abs {
  background: transparent url("../images/cpt-fd-abs.png") no-repeat left center;
  width: 20%;
}
.cpt-parz .cpt-cont.plm {
  background: transparent url("../images/cpt-fd-plm.png") no-repeat left center;
  width: 20%;
}
.cpt-parz .cpt-cont .nav {
  top:0;
  position:absolute;
  height: 100%;
  width:18px;
  background-size: 8px 15px !important;
  transition: all 0.25s;
  cursor: pointer;
  opacity:1;
}
.cpt-parz .cpt-cont .nav:hover {
  background:none;
}
.cpt-parz .cpt-cont .nav:before {
  content: '';
  background-size: 8px 15px !important;
  top:0;
  position:absolute;
  height: 100%;
  width:18px;
  left:0;
  opacity:0;
  transition: all 0.25s;
}
.cpt-parz .cpt-cont .nav.left:before {
  background: transparent url("../images/nav-l-over.png") no-repeat center center;
}
.cpt-parz .cpt-cont .nav.right:before {
  background: transparent url("../images/nav-r-over.png") no-repeat center center;
}
.cpt-parz .cpt-cont .nav:hover:before {
  opacity:1;
}
.cpt-parz .cpt-cont .nav.left {
  left:0;
}
.cpt-parz .cpt-cont .nav.right {
  right:0;
}
.cpt-parz .cpt-cont.kk .nav.left {
  background: transparent url("../images/nav-l-kk.png") no-repeat center center;
}
.cpt-parz .cpt-cont.kk .nav.right {
  background: transparent url("../images/nav-r-kk.png") no-repeat center center;
}
.cpt-parz .cpt-cont.abs .nav.left {
  background: transparent url("../images/nav-l-abs.png") no-repeat center center;
}
.cpt-parz .cpt-cont.abs .nav.right {
  background: transparent url("../images/nav-r-abs.png") no-repeat center center;
}
.cpt-parz .cpt-cont.plm .nav.left {
  background: transparent url("../images/nav-l-plm.png") no-repeat center center;
}
.cpt-parz .cpt-cont.plm .nav.right {
  background: transparent url("../images/nav-r-plm.png") no-repeat center center;
}
.cpt-parz .cpt-cont ul {
  padding:0;
  overflow:hidden;
  list-style:none;
  width: 1000%;
}
.cpt-parz .cpt-cont ul li {
  float:left;
}
.cpt-parz .cpt-cont ul li a{
  padding: 5px 0;
  display: table;
  max-height: 93px;
  overflow:hidden;
  width: 100%;
}
.cpt-parz .cpt-cont ul li a img {
  height:93px;
  width: auto;
  margin:0 8px 0 18px;
  display:table-cell;
}
.cpt-parz .cpt-cont ul li a .details {
  color:#ffffff;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 16px;
  margin-top:10px; 
  display:table-cell;
  vertical-align: middle;
  width: 100%;
  padding-right: 18px;
  word-break: normal;
}
.cpt-parz .cpt-cont ul li a .details .subtitle {
    font-family: 'akzidenz-grotesk_bq_lightRg';
    font-style: italic;
    font-size: 12px;
}
.cpt-parz .cpt-cont ul li a .details .cpt-bt {
  display: block;
  background-color:#ffffff;
  width: 50px;
  height: 14px;
  text-align: center;
  font-family: 'akzidenz-grotesk_bqbold';
  font-size:10px;
  line-height:14px;
  margin-top:15px;
}
.cpt-parz .cpt-cont.kk ul li a .details .cpt-bt {
  color:#d35c30;
}
.cpt-parz .cpt-cont.abs ul li a .details .cpt-bt {
  color:#6d9434;
}
.cpt-parz .cpt-cont.plm ul li a .details .cpt-bt {
  color:#292848;
}

#liste-diff {
  overflow: hidden;
}
#liste-diff #liste-diff-submit {
  display:block;
  width: 190px;
  padding: 10px;
  border: 0;
  background-color: #205093;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 5px auto 0;
  cursor: pointer;
  transition: all .3s ease-in;
}
#liste-diff #liste-diff-submit:hover {        
  background-color: #4d73a9;
}      
#liste-diff #liste-diff-desab {
  float: right;
  margin: 8px 5px 0 0;
  font-weight: bold;
  font-size: 1.2rem;
  color: #205093;
}
#liste-diff #liste-diff-desab:hover {
  text-decoration: underline;
}
@media screen and (max-width: 920px) {
  body.mob .cpt-parz .cpt-cont.kk {
    width: 100% !important;
  }
  body.mob .cpt-parz .cpt-cont.abs, body.mob .cpt-parz .cpt-cont.plm {
    display: none;
  }
}
#cptr {
  min-height: 304px;
  width: 100%;
  background: transparent url("../images/compteur-fd.jpg") no-repeat;
  position: relative;
  background-size: cover;
}
#cptr #cptr-bloc{
  position: absolute;
  bottom: 0;
  width: 215px;
  height: 117px;
  background: transparent url("../images/compteur-bloc.png") no-repeat;
  background-size: cover;
}
#cptr #cptr-bloc #cptr-int {
  width: 160px;
  margin: 0 auto;
  padding-left: 6px;
  overflow: hidden;
}
#cptr #cptr-bloc #cptr-int div {
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 78px;
  color: #f2dcc3;
  line-height: 115px;
  float:left;
  width: 33%;
}
.somm-ryssen #cptr {
  min-height: 77px;
  background-size: 80px;
  background-color: #f07f47;
  overflow: hidden;
  padding-left: 80px;
  width: auto;
}
.somm-ryssen #cptr #cptr-bloc{
  background: transparent url("../images/compteur-bloc-mob.png") no-repeat;
  background-size: contain;
  width: 235px;
  height: 73px;
  position: relative;
  margin: 2px auto 0;
  overflow: hidden;
}
.somm-ryssen #cptr #cptr-bloc #cptr-int {
  width: 125px;
  padding: 0 0 0 33px;
}
.somm-ryssen #cptr #cptr-bloc #cptr-int div {
font-size: 67px;
line-height: 72px;
}
.som-col-tete.vas {
  height: 52px;
  background: #921326 url("../images/vas-fd.png") no-repeat;
  background-position: bottom right;
}
.som-col-tete.vas a {
  line-height: 52px;
  padding: 0 20px;
}