.content-wrapper {background-image: url("../img/flashnews/background-flash-hub.png");}

.row1 .alaunes_wrapper {
    box-sizing: border-box;
    float: right;
    padding-right: 45px;
    width: 33%;
}

.row1 .alaunes_wrapper .alaune_photo {
    margin-bottom: 4px;
}

.row1 .alaunes_wrapper .alaune_titre {
    margin-bottom: 14px;
    text-align: justify;
    font-weight: bold;
}

.articles_vignette ul {margin:0; padding:0;}
.articles_vignette ul li {float:left; list-style-type: none;}
.articles_vignette ul li .article_wrapper {
    margin-bottom: 20px;
    min-height: 205px;
    text-align: center;
    width: 290px;
}
.articles_vignette ul li .article_wrapper .article_photo { height: 160px;margin-bottom: 6px;}
.articles_vignette ul li .article_wrapper .article_titre { padding: 0 25px;min-height:30px;text-align: justify;}

.alaune-wrapper {  box-sizing: border-box;width: 1220px;padding-left: 45px;margin-top:50px;}

.content { padding-top: 0;width:915px;min-width:915px;}
hr.delimiter {margin-bottom: 35px;margin-right: 20px;}
.bloc-principale {box-sizing: border-box;float:left;height: 260px;margin-bottom: 20px;text-overflow: hidden;text-align: justify;width:575px;position:relative;}

.bloc-principale .photo {float: left; width:310px;}
.bloc-principale .photo > img {width:300px;height:200px;}
.bloc-principale h3 {color: #14236A;font-size: 20px;line-height: 21px; font-weight: bold; text-align: left; margin-bottom: 20px;padding-right: 20px;}
.bloc-principale h3 a {color: #14236A;}
.bloc-principale .resume {margin-bottom:20px;padding-right: 20px;}
.bloc-principale:nth-child(even) .resume, .bloc-principale:nth-child(odd) .partage {padding-right: 0;}
.bloc-principale .contenu {margin-bottom:20px;}
.bloc-principale .partage {bottom:0;margin-top: 20px;padding-right: 20px;position: absolute;text-align: center;width:100%;}
.bloc-principale .partage-inner {display: inline-block;}
.bloc-principale .partage .date {float:left;}
.bloc-principale .partage .ensavoirplus {float:left;}
.bloc-principale .partage .badge {float:left;}
.bloc-principale .partage .like-wrapper {float:left;}
.bloc-principale .partage .like-link {float:left;margin-right: 5px;}
.bloc-principale .partage .article-share {float:left;}
//.bloc-principale .partage .badge {position: absolute;right: 0;top: 0; }
.date { display: block;float:left; line-height: 21px;margin-right: 20px;}
.ensavoirplus { display: block;float:left; line-height: 21px;margin-right: 20px;}
.badge  {background-color: #E0E0E0; border: 1px solid #A0A0A0; border-radius: 6px;display: block;float: right; font-weight: bold;font-size: 10px;height: 14px;line-height: 13px;margin-right: 10px;padding: 1px 4px;text-align: center; min-width: 15px;}
.like-wrapper {background-color: #E0E0E0; border: 1px solid #A0A0A0;border-radius: 6px;float: right;font-size:10px;font-weight:bold; margin-right: 5px;padding:1px 4px;width: inherit;}
span.like {display: block; float: right; font-size: 10px; font-weight: bold;line-height: 13px;margin-right: 5px; text-align: center; }
img.like { float: right; height: 14px;  text-align: center; }
.like-link {float:right;width: 20px; position: static; margin-right: 20px;}
.like-link img {  height: 20px;}
.article-share {float: right;padding-top: 2px;}

.box {background-color: #FFF; border: 1px solid #EEE;float: left;margin: 10px;overflow: hidden; width: 250px;}
.box .item-list {overflow: hidden; height:200px;padding-bottom: 10px;}
.box > h3 {background-color: #000; color: yellow; font-size:12px; text-align: center; text-transform:  uppercase;}
.box ul li  {margin-bottom: 5px;list-style-type: none;padding: 10px;}
.box ul li h3 {color: blue;font-size: 14px;line-height: 14px;margin-bottom: 5px;text-align: center;}
.box ul li p {margin: 0px;text-align: justify;}
.row {padding-left:45px;}
.bloc-alaune, .bloc-recent, .bloc-actualite {float: left;width:264px;margin:0 35px 20px 0;}
.bloc-alaune-last, .bloc-recent-last, .bloc-actualite-last {margin:0 0 20px 0;}

.bloc-alaune, .bloc-recent, .bloc-actualite {border:1px solid #DDD;padding:0px;}
//.bloc-alaune h3 {color: red; display: block;font-size: 16px;padding:10px 15px;text-align: center;height: 75px;}
.bloc-alaune h3, .bloc-recent h3, .bloc-actualite h3 {color: red; display: inline-block;font-size: 16px;line-height: 45px; margin-bottom: 15px;padding:10px 15px;text-align: center;height: 60px;overflow:hidden;width: 234px;}
.bloc-alaune h3 a, .bloc-recent h3 a, .bloc-actualite h3 a {color: red;}
.bloc-alaune h3 span, .bloc-recent h3 span, .bloc-actualite h3 span {vertical-align:middle;display:inline-block;line-height: 18px;text-align:center;}
.bloc-alaune .photo,
.bloc-recent photo,
.bloc-actualite .photo { margin-bottom: 20px; width: 264px;}
.bloc-alaune .photo img {margin: 0 auto; display: block;height: 160px; width: 234px; }
.bloc-recent .photo, .bloc-actualite .photo {height: 160px;margin-bottom: 15px}
.bloc-recent .photo img,
.bloc-actualite .photo img {margin: 0 auto; display: block;height: 160px; width: 234px; }
.bloc-alaune .resume,
.bloc-alaune .contenu,
.bloc-recent .resume,
.bloc-recent .contenu,
.bloc-actualite .resume,
.bloc-actualite .contenu {padding: 0 15px;text-align: justify;font-size: 13px;font-family: arial;line-height: 16px;}
.bloc-alaune .resume, .bloc-recent .resume,.bloc-actualite .resume {margin-bottom: 20px;}
//.bloc-recent .resume {height: 127px;overflow: hidden;margin-bottom:20px;}
//.bloc-recent .contenu {height:192px;overflow: hidden;}
.bloc-alaune .contenu-wrapper{height: 380px;margin-bottom: 5px;text-overflow: hidden;}
.bloc-actualite .contenu-wrapper {margin-bottom: 5px;text-overflow: hidden;}
.bloc-recent .contenu-wrapper {margin-bottom: 5px;text-overflow: hidden;}
.bloc-alaune .date, .bloc-recent .date, .bloc-actualite .date  { display: block;float:left; font-size: 13px;font-family: arial sans-serif;line-height: 21px;margin:0 5px 0 15px;}
.bloc-alaune .ensavoirplus, .bloc-recent .ensavoirplus, .bloc-actualite .ensavoirplus { float: right; line-height: 21px;margin: 0 15px 0 0px;}
.bloc-alaune .badge, .bloc-recent .badge, .bloc-actualite .badge  {background-color: #E0E0E0; border: 1px solid #A0A0A0; border-radius: 6px;display: block;float: left; font-weight: bold;font-size: 10px;height: 12px;line-height: 13px;margin-right: 5px; padding: 1px 4px;text-align: center; min-width: 15px;}
.bloc-alaune .like-wrapper, .bloc-recent .like-wrapper, .bloc-actualite .like-wrapper {background-color: #E0E0E0; border: 1px solid #A0A0A0;border-radius: 6px;float: left;font-size:10px;font-weight:bold; margin-right: 5px;padding:1px 4px;width: 35px;}
.bloc-alaune span.like,.bloc-recent span.like,.bloc-actualite span.like {display: block; float: right; font-size: 10px; font-weight: bold;line-height: 12px;margin-right: 3px; text-align: center; }
.bloc-alaune img.like, .bloc-recent img.like, .bloc-actualite img.like { float: right; height: 10px;  text-align: center;padding-top:1px; }
.bloc-alaune .like-link, .bloc-recent .like-link, .bloc-actualite .like-link {float:left;width: 20px; position: static; margin-right: 2px;}
.bloc-alaune .like-link img, .bloc-recent .like-link img, .bloc-actualite .like-link img {  height: 18px;}
.bloc-alaune .article-share, .bloc-recent .article-share, .bloc-actualite .article-share{float:left;padding-top: 0;}
.bloc-alaune .partage-inside, .bloc-recent .partage-inside, .bloc-actualite .partage-inside {width: 235px;margin:5px auto 0;}
.bloc-alaune .contenu {height: 340px;}
//.bloc-recent .contenu {height: 260px;}
.bloc-actualite .contenu {height: 260px;}
.bloc-alaune .partage, .bloc-recent .partage, .bloc-actualite .partage{margin-bottom: 10px;}
.bloc-recent .partage, .bloc-recent .partage {height: 40px;}
.separe {padding:10px;}

h3.titre-content {background-color: black; color: #FFF;font-size: 18px;margin:15px 0 20px 0; padding-left: 30px; }
.row-four {margin-bottom:10px;}
.bloc-four {float: left; margin: 10px 8px;width: 200px;}
.bloc-four h3 {border-bottom: 1px solid #CCC;border-top: 1px solid #CCC; font-size: 18px;line-height: 21px;margin-bottom: 20px;padding:5px 0 5px 18px;text-align: center;}
.bloc-four ul li {margin: 8px 2px;line-height: 16px;}
.bloc-alaune:after {padding-left: 20px;}
.container-text {height:182px;margin-bottom: 10px; overflow: hidden;}
.container-text .resume {margin: 0; padding:0 15px;}
.container-text .contenu {margin: 0; padding:0 15px;}

/******************/
/* COLONE DROITE
/******************/
.sidebar-first {float: left;margin-left: 25px;padding-top:15px;width: 250px;}
.sidebar-first .block {margin-bottom: 50px;}
.sidebar-first .les-plus {clear: both; float: none; }
.sidebar-first .les-plus .block-title {margin-bottom: 10px;}
.sidebar-first .les-plus .block-title h4 { font-size: 16px;font-weight:bold; height: 26px; line-height: 20px;padding-left: 0;}
.sidebar-first .les-plus .block-title h4 ul {padding: 0;}
.sidebar-first .les-plus .block-title h4 ul li {
    background-color: red; 
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    float:left; 
    font-family: "Helvetica Neue",​​Helvetica,​​Arial,​​sans-serif; 
    height: 24px;
    line-height: 24px;
    list-style-type: none; 
    padding: 2px 5px;
    text-align: center; width: 128px;}
.sidebar-first .les-plus .block-title h4 ul li:first-child { width: 100px;margin-right: 1px;}
.sidebar-first .les-plus .block-title h4 ul li.active {border-bottom: 1px solid #000;}
.sidebar-first .les-plus .block-title h4 ul li:hover {background-color: orange;}
.sidebar-first .les-plus .block-title h4 ul li a {color:#000;text-align: center; }
.sidebar-first .les-plus .block-content .row {padding-left: 20px;}
.sidebar-first .les-plus .block-content .row:not(:first-child) {display:none;}
.sidebar-first .les-plus .block-content .row ul {margin: 0;padding: 0;}
.sidebar-first .les-plus .block-content .row ul li {font-size: 13px;list-style-type: disc;list-style-position: outside;line-height: 16px; margin:8px 2px ;position: relative;padding-right: 35px;}
.sidebar-first .les-plus .block-content .row ul li:first {margin-right: 10px;}
.sidebar-first .les-plus .block-content .row ul li span.badge {background-color: #E0E0E0; border: 1px solid #A0A0A0;font-size: 10px;font-weight: bold;height: 10px;line-height:10px;margin-right: 5px;padding:2px; position: absolute;top: 0; right: 0;}
.sidebar-first .les-plus .block-content .row ul li .like-wrapper {margin: 0; position: absolute; top: 0; right: 0;}
.sidebar-first .les-plus .block-content .row ul li .like-wrapper img {float: right;height: 14px;text-align: center;}
.sidebar-first .les-plus .block-content .row #articles-likes ul li {padding-right: 50px;}

//.sidebar-first .observatoire ul li {float: left;font-size: 11px;list-style-type: none;margin:0 2px;}
//.sidebar-first .observatoire .block-content .row {padding-left: 20px;}
//.sidebar-first .observatoire .block-content .row ul {margin: 0;padding: 0;}
.banniere-wrapper {text-align:center;margin-bottom: 20px;}
.sidebar-first .observatoire {clear: both; float: none; }
.sidebar-first .observatoire .block-title {margin-bottom: 10px;}
.sidebar-first .observatoire .block-title h4 {background-color: yellow;border-top-left-radius: 4px; border-top-right-radius: 4px; color: #000; font-family: "Helvetica Neue",​​Helvetica,​​Arial,​​sans-serif; height: 24px;line-height: 24px;text-align: center;}
.sidebar-first .observatoire .banniere-wrapper img {width: 240px;height: 140px;}
.sidebar-first .observatoire .block-content .row {padding-left: 20px;}
.sidebar-first .observatoire .block-content .row ul {margin: 0;padding: 0;}
.sidebar-first .observatoire .block-content .row ul li {font-size: 13px;list-style-type: disc;list-style-position: outside;line-height: 16px; margin:8px 2px ;position: relative;padding-right: 35px;}
.sidebar-first .observatoire .block-content .row ul li:first {margin-right: 10px;}
.sidebar-first .observatoire .block-content .row ul li span.badge {background-color: #E0E0E0; border: 1px solid #A0A0A0;font-size: 10px;font-weight: bold;height: 10px;line-height:10px;margin-right: 5px;padding:2px; position: absolute;top: 0; right: 0;}

.sidebar-first .opinions {clear: both; float: none; }
.sidebar-first .opinions .block-title {margin-bottom: 10px;}
.sidebar-first .opinions .block-title h4 {background-color: darkblue;border-top-left-radius: 4px; border-top-right-radius: 4px; color: #FFF; font-family: "Helvetica Neue",​​Helvetica,​​Arial,​​sans-serif; height: 24px;line-height: 24px;text-align: center;}
.sidebar-first .opinions .banniere-wrapper img {width: 240px;height: 140px;}
.sidebar-first .opinions .block-content .row {padding-left: 10px;}
.sidebar-first .opinions .block-content .row ul {margin: 0;padding: 0;}
.sidebar-first .opinions .block-content .row ul li {font-size: 13px;list-style-type: none;list-style-position: outside;line-height: 16px; margin:8px 2px ;position: relative;padding-right: 35px;}
.sidebar-first .opinions .block-content .row ul li .vignette {float: left;margin-right: 15px;}
.sidebar-first .opinions .block-content .row ul li .vignette img {height: 45px;width: 45px; }
.sidebar-first .opinions .block-content .row ul li > div:not(:first-child) {padding-left: 45px;}
.sidebar-first .opinions .block-content .row ul li:first {margin-right: 10px;}
.sidebar-first .opinions .block-content .row ul li span.badge {background-color: #E0E0E0; border: 1px solid #A0A0A0;font-size: 10px;font-weight: bold;height: 10px;line-height:10px;margin-right: 5px;padding:2px; position: absolute;top: 0; right: 0;}

.sidebar-first .archives {clear: both; float: none;margin-bottom: 20px;}
.sidebar-first .archives .block-title {margin-bottom: 10px;}

.sidebar-first .archives .block-title h4 ul {padding: 0;}
.sidebar-first .archives .block-title h4 ul li {
    background-color: green;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    float:left; font-family: "Helvetica Neue",​​Helvetica,​​Arial,​​sans-serif;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    list-style-type: none; 
    padding: 2px 5px;
    text-align: center; 
    width: 72px;
}
.sidebar-first .archives .block-title h4 ul li:not(:last-child) { margin-right: 1px;}
.sidebar-first .archives .block-title h4 ul li.active {border-bottom: 1px solid #000;}
.sidebar-first .archives .block-title h4 ul li:hover {background-color: darkgreen;}
.sidebar-first .archives .block-title h4 ul li a {color:white; text-align: center; }

.sidebar-first .archives .block-content .row {padding-left: 0;}
.sidebar-first .archives .block-content .row:not(:first-child) {display:none;}

.sidebar-first .archives .block-content .row ul li h6 {text-transform: uppercase;}
.sidebar-first .archives .block-content .row ul.first-list {padding: 0 0 0 23px;}
.sidebar-first .archives .block-content .row ul.first-list li {margin-bottom: 5px;}
.sidebar-first .archives .block-content .row ul ul.archives-list {display:none;padding: 10px 0 10px 10px;}
.sidebar-first .archives .block-content .row ul.first-list ul li {font-size: 13px;list-style-type: disc;list-style-position: outside;line-height: 16px; margin:8px 2px ;position: relative;padding-right: 35px;}
.sidebar-first .archives .block-content .row ul li span.badge {background-color: #E0E0E0; border: 1px solid #A0A0A0;font-size: 10px;font-weight: bold;height: 10px;line-height:10px;margin-right: 5px;padding:2px; position: absolute;top: 0; right: 0;}
.sidebar-first .archives .block-content .theme ul ul {display:none}
.sidebar-first .archives .block-content .tags ul ul {display:none}

.sidebar-first .block-compteur .block-title {margin-bottom: 10px;}
.sidebar-first .block-compteur .block-title h4 {background-color: #395B92;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #FFFFFF;display: block;font-size: 18px;padding: 5px;text-align: center;}
.sidebar-first .block-compteur .block-content {text-align: center;}
/*
//.sidebar-first .block-compteur .block-content a img {width: 50px !important;//height: 20px !important;}
*/
.sidebar-first .block-drapeau .block-title {margin-bottom: 10px;}
.sidebar-first .block-drapeau .block-title h4 {background-color: #395B92;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #FFFFFF;display: block;font-size: 18px;padding: 5px;text-align: center;}
.sidebar-first .block-drapeau .block-content {text-align: center;}

.menu {background-color: #14236A;box-sizing: border-box;margin:0 0 50px 0;}
.menu ul {box-sizing: border-box;clear: both;float: none;margin: 0; padding:2px 5px 2px 13px;text-align: center;}
.menu ul li {border-right: 1px solid #e0e0e0; display:inline-block;list-style-type: none;padding: 0 6px;}
.menu ul li:last-child {border-right: none;}
.menu .menu-row ul li a {color: #FFF; display: block;font-size: 14px;text-decoration: none;}
.menu-row {text-align: center;}
.pt200 {padding-top: 250px;}

.bordure {padding-right: 50px;}
.bordure .bordure-inside {background-color: #eee;box-sizing: border-box;height: 1px;width: 100%;padding: 1px }

.videos {margin-bottom: 12px;}
.videos .block-square {background-image: none; }
.videos .block-square {background-color: transparent;text-align: center;text-align: -moz-center;text-align: -webkit-center;width: 390px;position:relative;}
.videos .block-square-inner {display: inline;}
.videos .block-square .badge {bottom: 10px;position: absolute;right: 30px; }


.row1 .slides_wrapper {float: left;}
.row1 .videos_wrapper {box-sizing: border-box;float: right;padding-right:45px;}
.slides_wrapper, .videos_wrapper {padding-bottom: 1px;margin-bottom: 20px;}
.slides_wrapper {width: 66%;}



.videos_wrapper .row ul {margin:0; padding:0}
.videos_wrapper .row ul li {box-sizing:border-box;display:block; float:left;list-style-type: none;padding: 0 20px;width:25%;}
.videos_wrapper .row .block-square {background-image:none;height: 150px ;margin-bottom: 20px;float: right;width: 240px;}
.videos_wrapper .row .block-square .block .block-content .vjs-default-skin > img {height: 140px;width:250px;}
.videos_wrapper .videos .badge {
    bottom: 6px;
    right:26px;
    z-index:2;
}
.videos_wrapper .block-clip {
    position: relative;
    height: 140px;
    width: 250px;
}
.videos_wrapper .block-clip .block-content .like {right:9px;}
.videos_wrapper .videos .videos_link {
    background-color: black;
    display: none;
    font-size: 10px;
    left: 0;
    padding: 2px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1000;
}
.videos_wrapper .videos:hover .videos_link { display: block;}
.videos_wrapper .videos .videos_link a { color: white;}
.videos_wrapper .block-clip  .block-ban { 
    
    background-image: -webkit-linear-gradient(left, rgba(197,203,209,1) 85%, rgba(197,203,209,0));
    background-image:    -moz-linear-gradient(left, rgba(197,203,209,1) 85%, rgba(197,203,209,0));
    background-image:     -ms-linear-gradient(left, rgba(197,203,209,1) 85%, rgba(197,203,209,0));
    background-image:      -o-linear-gradient(left, rgba(197,203,209,1) 85%, rgba(197,203,209,0));
    background-image:         linear-gradient(left, rgba(197,203,209,1) 85%, rgba(197,203,209,0)); /* standard actuel, non implémenté */
    bottom: -3px; 
    height: 36px;
    left:0;
    padding-left: 10px;
    padding-right: 68px; 
    padding-top: 1px;   
    position: absolute;
    text-align: left;
    right:0;
    z-index: 1;  
}
.block-clip .block-ban .title {
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0;
    margin-top:0;
    padding-top:0;
}

.block-clip .block-ban .subtitle {
    color: rgb(3, 3, 5);
    font-weight: normal;
    font-size: 9px;
    line-height: 9px;
    margin-bottom: 0;
    margin-top:0;

}



.cb {clear:both;float: none;}


.diaporama {margin: 0 auto;width:550px;}
.diaporama .article {height:366px;margin: 0;position: relative;}
.diaporama .article .photo {width:550px;height:366px;}
.diaporama .article .photo img {display: block;height: 100%;margin:0; padding: 0;width:100%; }
.diaporama .article .slideshow_content {background-color: rgba(255,255,255,0.8); bottom: 0; left: 0; padding: 12px;position: absolute;  right: 0;}
.diaporama .article .slideshow_content .title {color: rgb(50,79,225); font-size: 18px;font-weight: bold;line-height: 22px;margin-bottom: 4px;}
.diaporama .article .slideshow_content .summary {font-size: 12px;line-height: 16px;}


.thumbnails {box-sizing: border-box;height:104px;margin: 30px auto 0 auto;position: relative;width:738px;}
.thumbnails ul { margin:2px 0 0 0;padding: 0;}
.thumbnails ul li  {display: block;float: left;width:123px;}
.thumbnails ul li.active a {background-color: red;}
.thumbnails ul li a {display: block;text-decoration: none;text-align: center;}
.thumbnails ul li .photo img {height:68px;width:122px;}
.thumbnails ul li .title {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;height:32px;line-height:16px;overflow: hidden;padding: 0 4px;text-align: center; text-overflow: ellipsis-word;}

.thumbnails ul > a {background: none repeat scroll 0 0 transparent; border: medium transparent;bottom: 0;color:red;cursor: pointer;line-height: 48px;position: absolute;text-align: center;text-decoration: none;top:0;width:20px;z-index: 9000;}
.thumbnails ul > a.next {right:-20px;}
.thumbnails ul > a.prev {left:-20px;}

.thumbnails .slick-prev::before, .thumbnails .slick-next::before  {color:black;}

 .block-square .vjs-poster {
    background-size: 100% 100% !important;

}

.search_wrapper {float:right;margin-right: 20px;position: relative;top:-30px;}
.search_wrapper .search_input_wrapper {height:20px;}
.search_wrapper .search_input_wrapper input {border:1px inset #ccc;width: 200px;}
.search_wrapper .search_input_wrapper button {background-color: #1A295C; border:1px inset #ccc;margin-left: -6px;}
.search_wrapper .search_input_wrapper button .fa-search {color: white;}
.search_wrapper .search_result_wrapper {position: relative;}
.search_wrapper .search_result_wrapper #search_result {background-color: white;position: absolute; right:0;top:0;width:450px;z-index:99;}
.search_wrapper .search_result_wrapper #search_result ul { padding: 8px;}
.search_wrapper .search_result_wrapper #search_result ul li {list-style-type: none;margin-bottom: 8px;}