/*
Theme Name: ECPM
Author: Nicolas Ulliac & Julien Pasquet
Author URI: http://www.inuage.com/
Description: Base ECPM theme.

Couleurs:

Rouge sang:     #a81622 rgb(168,22,34)
Rouge fushia:   #ff0014 rgb(237,28,77)
Texte Gris:     #555 rgb(127,127,127)

Fonts:
Open Sans
Open Sans Condensed

*/

/* Set */
html, body, div, article, section, aside, form, fieldset, legend, label, button {margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
html {font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {font-family:"Open Sans";font-size:14px;color:#555;background:black;max-width:100%;}
p {line-height: 16px;}
a {text-decoration:none;color:#555;}
a, a:link, a:hover, a:active, button:hover, select:hover, input:hover {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
img {border: none;vertical-align: middle;}
a img {border: none;}
ul {list-style:none;padding:0;margin:0;}
table {border-collapse:collapse;border-spacing:0;}
label {display:block;width:100%;font-weight:bold;}
html:not(.fl-builder-edit) input {display:block;width:100%;border:1px solid #e0e1e2;padding:5px;box-sizing:border-box;margin-bottom:15px;border-radius:0;color:black;-webkit-appearance: none;}
html:not(.fl-builder-edit) input:hover {background:#f7f7f7;}
textarea {display:block;width:100%;border:1px solid #e0e1e2;padding:5px;box-sizing:border-box;margin-bottom:15px;border-radius:0;color:black;-webkit-appearance: none;}
textarea:hover {background:#f7f7f7;}
select {display:block;width:100%;border:1px solid #e0e1e2;padding:5px;box-sizing:border-box;margin-bottom:15px;border-radius:0;background:white url('images/picto-select.png') no-repeat;background-position: right 5px top 3px;-webkit-appearance:none;cursor:pointer;}
select:hover {background:#f7f7f7;}
button, .btn-default {display:block;cursor:pointer;background:#ff0014;padding:5px 20px;color:white;font-size:18px;}
button:hover, .btn-default:hover {background:#f7f7f7;color:#555;}
th, td {text-align:left;vertical-align:top;}
h1, h2, h3, h4, h5, h6, th, td, p, caption {font-weight: normal;margin:0;padding:0;}
h1 strong {color:black;font-weight:bold;}
h2 {font:normal 35px "Open Sans";letter-spacing:-1.8px;color:#555;}
h2 strong {color:black;font-weight:bold;}
h3, .fl-accordion-button-label {font:normal 16px "Open Sans";letter-spacing:-.5px;color:#ff0014;}
h3 a {color:#ff0014;}
h3 a:hover {color:#555;}
.clear {clear:both;display:block;height:1px;width:0;padding:0;line-height:0;}
.linkMore, .listVideo a{display:inline-block;font-weight:bold;color:#ff0014;text-align:center;}
.linkMore:hover {color:#555;}
.page-thumbnail {width:100%;height:auto;}
.text-center {text-align: center;}
.alignleft {float:left;margin:0 10px 10px 0;}

/* Structure */
header {width:100%;padding-bottom:150px;background:white;}
header .headerTop {}
header .headerTop .headerTopActions {width:859px;height:90px;margin:auto;padding-top:18px;padding-left:130px;z-index:3;position:relative;}
header .headerTop .headerTopActions a.actionLink {display:block;float:left;margin-right:40px;}
header .headerTop .headerTopActions a.actionLink img {float:left;margin-right:20px;
    transition: all .2s ease-in-out;
}
header .headerTop .headerTopActions a.actionLink:hover img {
    transform: rotate(8deg);
}
header .headerTop .headerTopActions a.actionLink .actionLinkText {float:left;width:240px;text-align:justify;line-height: 16px;}
header .headerTop .headerTopMenu {clear:both;width:100%;background:black;height:40px;}
header .headerTop .headerTopMenuContent {width:989px;margin:auto;position:relative;z-index: 90}
header .headerTop .headerTopMenu .menuSocial {float:right;margin-right:145px;margin-top:-8px;z-index: 99}
header .headerTop .headerTopMenu .menuSocial li {display:inline-block;margin:0;}
header .headerTop .headerTopMenu .menuSocial li a {color:#777;}
header .headerTop .headerTopMenu .menuSocial li a:hover {color:#fff;}
header .headerTop .headerTopMenu .menuSocial li a img {opacity:1;transition: all .2s ease-in-out;}
header .headerTop .headerTopMenu .menuSocial li a:hover img {opacity:0.6;}
header .headerTop .headerTopMenu .menuLang {position:absolute;right:10px;z-index:5;text-transform: uppercase;}
header .headerTop .headerTopMenu .menuLang li {display:none;background:black;transition: all .2s ease-in-out;position:relative;width:48px;text-align:center;font-size:26px;font-family:"Open Sans";color:white;}
header .headerTop .headerTopMenu .menuLang li .deco {font-size:26px;display:inline-block;position:absolute;left:-5px;top:0px;}
header .headerTop .headerTopMenu .menuLang li.current-lang {display:block;}
header .headerTop .headerTopMenu .menuLang li.current-lang:after {content:"\25BA";color:#fff;font-size:15px;margin:10px 0 0 0;position: absolute;
left: -10px;top: 0;}
header .headerTop .headerTopMenu .menuLang li.current-lang a {color:white;}
header .headerTop .headerTopMenu .menuLang:hover li {display:block;}
header .headerTop .headerTopMenu .menuLang:hover li:hover a {color:white;}

header .headerBottom {background:none;height:auto;position:relative;/*border-top:1px solid white;*/}
header .headerBottomContent {max-width:989px;margin:auto;height:auto;background:none;position:relative;}
header .headerBottomMenu {position:relative;width:100%;background:black;height:54px;}
header .headerBottom .logo {position:absolute;z-index:2;left:0;margin-left:-34px;top:-260px;}
header .menuWrapper {width:989px;margin:auto;position:relative;z-index:3;}
header .menuMain {margin-left:108px;padding-top:14px;text-align:center;text-transform: uppercase;}
header .menuMain > li {display:inline-block;margin:0 4px;position:relative;height:30px;}
header .menuMain > li .deco {display:inline-block;margin-left:5px;}
header .menuMain > li.menu-item-has-children:after {content:"\25BC";float:right;color:#fff;font-size:10px;margin:4px 0 0 5px;}
header .menuMain > li a {color:white;font-family:"Open Sans";font-size:13px;padding:10px 0;}
header .menuMain > li a:hover {color:#555;}
header .menuMain > li.active a {color:#ff0014;}
header .menuMain > li.current-menu-item a {color:#ff0014;}
header .menuMain .sub-menu {display:none;position:absolute;top:30px;width:200px;}
header .menuMain .sub-menu li {}
header .menuMain .sub-menu li a {display:block;background:black;margin:0;padding:6px 20px;}
header .menuMain > li:hover > .sub-menu {display:block;}
header .menuShare {position:absolute;z-index:2;right:0;bottom:-130px;}
header .menuShare li {display:inline-block;text-align:right;margin:0 15px;}
header .menuShare li a {display:inline-block;transition: all .2s ease-in-out;}
header .menuShare li a:hover {transform: translate(0, 3px);}
header .menuShare li a img {}

header.home {padding-bottom:80px;}
header.home .headerTop .headerTopActions {width:959px;padding-left:30px;}
header.home .headerTop .headerTopActions a.actionLink {margin-right:65px;}
header.home .headerBottom {background:linear-gradient(to right, #a81622 50%,#cdcecf 50%);height:314px;}
header.home .headerBottom .logo {top:0;}
header.home .headerBottom .headerBottomContent {height:314px;background: linear-gradient(to top, #aa1722 0%,#e01e2d 100%);}
header.home .headerBottom .headerBottomMenu {position:absolute;bottom:0;}
header.home .headerBottom .sliderWrapper {float:left;position:relative;margin-left:107px;width:850px;height:260px;background:#555;}
header.home .headerBottom .sliderHome {z-index:1;width: 850px;height: 260px;}
header.home .headerBottom .sliderHome li {width: 850px;height: 259px;float: left;}
header.home .headerBottom .sliderHome li img {}
header.home .headerBottom .sliderPages {position:absolute;right:0;z-index:2;top:50px;}
header.home .headerBottom .sliderPages a {background: rgba(255,255,255,0.5);text-indent: -999px;display: block;overflow: hidden;width: 8px;height: 8px;border-radius:50%;margin: 25px 12px;}
header.home .headerBottom .sliderPages a.selected {background: rgba(255,255,255,1);}
header.home .menuShare {bottom:-60px;}

#page {background:white;padding-bottom:70px;}
section {width:100%;clear:both;border-bottom:1px solid #e0e1e2;padding:80px 0;background:white;}
section:last-of-type {border-bottom:0;padding:60px 0 0;}
section article {width:989px;margin:auto;position:relative;}
section article .articleFrame {width:100%;display:flex;font: normal 14px "Open Sans";text-align:justify;}
section article .articleFrame .frameLeft {width:35%;overflow:hidden;}
section article .articleFrame .frameRight {width:65%;padding:0 2%;}
section article h2 {}
section article .linkMore {}
section article .linkTop {position:absolute;bottom:-50px;right:0;}

article .sliderColumn {float:left;width:800px;border-right:1px solid #e0e1e2;}
article .sliderWrapper {width:730px;background:#e0e1e2;padding:20px;position:relative;}
article .sliderWrapper h2 {position:absolute;z-index:2;left:448px;top:30px;text-transform: uppercase;}
article .sliderWrapper a.linkMore {float:right;position:relative;width:300px;margin-top:-10px;z-index:2;}
article .sliderActu {z-index:1;width: 730px;position:relative;}
article .sliderActu li {width: 730px;float: left;position:relative;}
article .sliderActu li .cadre {float:left;position:relative;display:block;opacity:1;z-index:4;background: transparent url('images/cadre-big.png') center no-repeat;padding:20px 15px;}
article .sliderActu li .cadre img {width:391px;height:293px;object-fit:cover;}
/*article .sliderActu li .cadre:hover {transform: rotate(4deg);}*/
article .sliderActu li .slideActuContent {float:right;width:300px;margin-top:100px;}
article .sliderActu li .slideActuContent h3 {font:normal 21px "Open Sans";margin-bottom:20px;}
article .sliderActu li .slideActuContent h3 a:hover {color:#ff0014;}
article .sliderActu li .slideActuContent time {font: normal 14px "Open Sans";color:black;}
article .sliderActu li .slideActuContent p {text-align:justify;}
article aside {float:right;}
article aside h2 {}
article aside ul {}
article aside ul li, .listVideo li{margin:10px 0;}
article aside ul li a {opacity:1;}
article aside ul li a:hover {opacity:.7;}
article aside .linkMore {width:100%;}

.listVideo img {width: 156px;}

#twoColsGrey {border-bottom:0;background: #e0e1e2;padding:30px 0;margin-bottom:0px;}
#twoColsGrey h2 {margin-bottom:30px;}
#twoColsGrey h2 strong {color:black;}
#twoColsGrey .articleFrame {background: transparent url('images/cadre-med.png') left top no-repeat;padding:10px;}
#twoColsGrey .articleFrame .frameRight {width:55%;padding-left:5%;}
#twoColsGrey .articleFrame .frameLeft {width:40%;text-align:center;}
#twoColsGrey .articleFrame .frameLeft a {font: normal 14px "Open Sans";color:#ff0014;}
#twoColsGrey .articleFrame .frameLeft img {display:block;width:250px;height:187px;object-fit:cover;overflow:hidden;margin-bottom:20px;}
#twoColsGrey .articleFrame .frameLeft img.nousrejoindre {display:block;width:400px;height:auto;object-fit:cover;overflow:hidden;margin-bottom:20px;}

#twoColsWhite {padding:30px 0 0;border:0;}
#twoColsWhite .menuArticle {text-align:right;width:90%;}
#twoColsWhite .menuArticle > li {display:block;padding:0 0 10px;background: url('images/deco-left-a.png') bottom right no-repeat;}
#twoColsWhite .menuArticle > li a {display:block;padding:10px 5px;}
#twoColsWhite .menuArticle > li:hover a {background:#ff0014;color:white;}
#twoColsWhite .menuArticle > li.active {background: url('images/deco-left-b.png') bottom right no-repeat;}
#twoColsWhite .menuArticle > li.active a {background:#ff0014;color:white;}
#twoColsWhite .articleFrame .frameRight {width:70%;padding-left:4%;border-left:1px solid #e0e1e2;}
#twoColsWhite .articleFrame .frameLeft {width:26%;text-align:center;}
#twoColsWhite .articleFrame .frameRight h2 {margin-bottom:30px;}
#twoColsWhite .articleFrame .frameRight h2 strong {color:#ff0014;}
#twoColsWhite .articleRelated {clear:both;margin-top:50px;padding:30px 0;background:#f7f7f7;border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;}
#twoColsWhite .articleRelated .menuArticle {text-align:center;margin:auto;}
#twoColsWhite .articleRelated .menuArticle > li {display:inline-block;margin-right:8%;min-width:110px;background: url('images/deco-right-a.png') bottom left no-repeat;}
#twoColsWhite .articleRelated .menuArticle > li a {}
#twoColsWhite .articleRelated .menuArticle > li:hover > a {background:black;color:white;}
#twoColsWhite .articleRelated .menuArticle > li.active              {background: url('images/deco-right-b.png') bottom right no-repeat;}
#twoColsWhite .articleRelated .menuArticle > li.active > a          {background:black;color:white;}
#twoColsWhite .articleRelated .menuArticle > li.active              {background: url('images/deco-right-b.png') bottom right no-repeat;}
#twoColsWhite .articleRelated .menuArticle > li.articlePrev         {background: url('images/deco-right-a.png') bottom left no-repeat;}
#twoColsWhite .articleRelated .menuArticle > li.articleNext         {background: url('images/deco-left-a.png') bottom left no-repeat;}
#twoColsWhite .articleRelated .menuArticle > li.articlePagination   {background: url('images/deco-right-b.png') bottom left no-repeat;}
#twoColsWhite .articleRelated .menuArticle > li:last-child {margin-right:0;background:none;}
#twoColsWhite .articleRelated .menuArticle > li:last-child:hover a {background:none;}
#twoColsWhite .articleRelated .menuArticle > li .linkTop {position:relative;}
#twoColsWhite .articleRelated .menuArticle > li .menuPagination {background:#ff0014;font-size:0;padding:0 10px;}
#twoColsWhite .articleRelated .menuArticle > li .menuPagination > li {display:inline-block;color:white;}
#twoColsWhite .articleRelated .menuArticle > li .menuPagination > li > a {font-size:14px;color:white;font-weight:bold;}
#twoColsWhite .articleRelated .menuArticle > li .menuPagination > li > a:after {content:"-";padding-left:8px;color:white;}
#twoColsWhite .articleRelated .menuArticle > li .menuPagination > li > a:hover {color:#555;}
#twoColsWhite .articleRelated .menuArticle > li .menuPagination > li:last-child > a:after {content:none;}
#twoColsWhite .searchForm {width:90%;padding-top:30px;}
#twoColsWhite .searchForm label {text-align:right;}
#twoColsWhite .searchForm input {}
#twoColsWhite .searchForm select {}
#twoColsWhite .searchForm button, #twoColsWhite .searchForm .btn-default {float:right;}
#twoColsWhite .resultList {}
#twoColsWhite .resultList > li {display:flex;margin-bottom:20px;}
#twoColsWhite .resultList > li .resultIcon {width:10%;}
#twoColsWhite .resultList > li .resultIcon img {width:100%;height:auto;}
#twoColsWhite .resultList > li .resultContent {width:88%;margin-left:2%;padding-bottom:20px;border-bottom:1px solid #e0e1e2;}
#twoColsWhite .resultList > li .resultContent h3 {margin-bottom:15px;font-size:25px;}
#twoColsWhite .resultList > li .resultContent .keywordList {margin-bottom:15px;}
#twoColsWhite .resultList > li .resultContent .keywordList > li {display:inline-block;margin-right:20px;font-weight:bold;}
#twoColsWhite .resultList > li .resultContent p {}
#twoColsWhite .resultList > li:last-child {margin-bottom:0;}
#twoColsWhite .resultList > li:last-child .resultContent {border:0;}

#video {}
#video h2 {text-align:right;float:left;width:23%;}
#video a.linkMore {float:right;position:relative;width:200px;margin-top:-10px;z-index:2;}
#video .listVideo {float:right;width:74%;border-left:1px solid #e0e1e2;}
#video .listVideo li {display:inline-block;vertical-align:top;margin:0 2%;width:20%;}

#twoColsSplit {border-bottom:0;padding:30px 0;margin-bottom:0px;}
#twoColsSplit h2, .bloc_gris h2 {margin-bottom:30px;}
#twoColsSplit h2 strong {}
#twoColsSplit .menuArticle {float:right;text-align:left;width:25%;}
#twoColsSplit .menuArticle > li, .menu_rouge li{display:block;padding:0 0 10px !important;background: url('images/deco-right-a.png') bottom left no-repeat;}
#twoColsSplit .menuArticle > li a, .menu_rouge li a {display:block;padding:10px 5px !important;text-transform: uppercase; font-size: 14px;}
#twoColsSplit .menuArticle > li:hover a , .menu_rouge li:hover a{background:#ff0014;color:white;}
#twoColsSplit .menuArticle > li.active , .menu_rouge li.current_page_item {background: url('images/deco-right-b.png') bottom left no-repeat !important;}
#twoColsSplit .menuArticle > li.active a , .menu_rouge li.current_page_item a{background:#ff0014;color:white;}
#twoColsSplit .articleMask {float:left;width:72%;border-right:1px solid #e0e1e2;box-sizing:border-box;padding-right:30px;}
#twoColsSplit .articleFrame, .bloc_gris {float:none;width:100%;background: #e0e1e2 url('images/cadre-med.png') 5px 5px no-repeat;background-size:280px auto;padding:20px;box-sizing:border-box;}
#twoColsSplit .articleFrame, .bloc_gris .fl-module-content {margin: 0;padding: 0;}
#twoColsSplit .articleFrame .frameRight {width:55%;padding-left:5%;}
#twoColsSplit .articleFrame .frameLeft {width:40%;text-align:center;}
#twoColsSplit .articleFrame .frameLeft a {font: normal 14px "Open Sans";color:#ff0014;}
#twoColsSplit .articleFrame .frameLeft img, .bloc_gris img {display:block;width:250px;height:187px !important;object-fit:cover;overflow:hidden;margin-bottom:20px;box-sizing:border-box;}

#twoColsVid {border-bottom:0;padding:30px 0;margin-bottom:0px;}
#twoColsVid .menuArticle {text-align:right;width:90%;}
#twoColsVid .menuArticle > li, .articleRelated ul > li {display:block;padding:0 0 10px !important;background: url('images/deco-left-a.png') bottom right no-repeat;}
#twoColsVid .menuArticle > li a {display:block;padding:10px 5px;}
#twoColsVid .menuArticle > li:hover a {background:#ff0014;color:white;}
#twoColsVid .menuArticle > li.active {background: url('images/deco-left-b.png') bottom right no-repeat;}
#twoColsVid .menuArticle > li.active a {background:#ff0014;color:white;}
#twoColsVid article .articleFrame {float:right;display:block;width:77%;padding-left:3%;border-left:1px solid #e0e1e2;}
#twoColsVid article .articleFrame h2 {margin-bottom:30px;}
#twoColsVid article .articleFrame h2 strong, .conseilMenu h2 strong {color:#ff0014;}
#twoColsVid article .frameMenu {width:100%;margin:20px 0;text-align:center;background:#ff0014;}
#twoColsVid article .frameMenu li {display:inline-block;width:30%;}
#twoColsVid article .frameMenu li a {display:inline-block;padding:10px 0;color:white;width:100%;}
#twoColsVid article .frameMenu li:hover a {background:white;color:black;}
#twoColsVid article .conseilMenu {width:100%;text-align:center;}
#twoColsVid article .conseilMenu li , .conseilMenu li{display:inline-block;width:30%;margin:20px 1%;text-align:center;text-transform: uppercase;vertical-align: top;}
#twoColsVid article .conseilMenu li img , .conseilMenu li img{width:150px; height: auto;}
#twoColsVid article .conseilMenu li h3, .conseilMenu li h3{font-weight:bold;}
#twoColsVid article > aside {float:left;}
#twoColsVid .articleRelated, .articleRelated {clear:both;width:100%;margin-top:50px;background:#f7f7f7;border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;}
#twoColsVid .articleRelated .menuArticle, .articleRelated ul {text-align:center;margin:auto;}
#twoColsVid .articleRelated .menuArticle > li, .articleRelated ul > li {display:inline-block;margin-right:8%;background: url('images/deco-right-a.png') bottom left no-repeat;}
#twoColsVid .articleRelated .menuArticle > li a, .articleRelated ul > li a{text-transform: uppercase;font-size: 14px;}
#twoColsVid .articleRelated .menuArticle > li:hover a, .articleRelated ul > li:hover a{background:black;color:white;}
#twoColsVid .articleRelated .menuArticle > li.active, .articleRelated ul > li.current_page_item {background: url('images/deco-right-b.png') bottom right no-repeat;}
#twoColsVid .articleRelated .menuArticle > li.active a, .articleRelated ul > li.current_page_item a {background:black;color:white;}
#twoColsVid .articleRelated .menuArticle > li.active, .articleRelated ul > li.current_page_item {background: url('images/deco-right-b.png') bottom right no-repeat;}
#twoColsVid .articleRelated .menuArticle > li:last-child {margin-right:0;background:none;}
#twoColsVid .articleRelated .menuArticle > li:last-child:hover a {background:none;}
#twoColsVid .articleRelated .menuArticle > li .linkTop {position:relative;}

#oneColGrey {border-bottom:0;background: #e0e1e2;padding:0;margin-bottom:0px;}
#oneColGrey h2 {margin-bottom:30px;}
#oneColGrey h2 strong {color:#ff0014;}
#oneColGrey .articleFrame {background: transparent url('images/cadre-frame.png') left 5px no-repeat;padding:30px 0;}
#oneColGrey .articleFrame .frameLeft img {margin-left:-30%;}
#oneColGrey .articleMap div {width:100%;min-height:500px;height:auto;padding: 20px 0;text-align:center;}
#oneColGrey .articleMap #map-img {width:100%;height:auto;margin: 0 auto;}
#oneColGrey .articleMap #map-popover {}
#oneColGrey .articleMap .cent {width:100%;}
#oneColGrey aside.encartPart {position:absolute;right:0;bottom:-60px;}
#oneColGrey aside.encartPart .encartContent {position:relative;z-index:2;padding: 10px 20px;width:300px;background:#f7f7f7;border:1px solid #e0e1e2;text-align:right;}
#oneColGrey aside.encartPart h3 {color:#555;font-size:30px;margin-bottom:20px;}
#oneColGrey aside.encartPart h3 strong {color:black;}
#oneColGrey aside.encartPart .encartDeco {background:#ff0014;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform: rotate(-4deg);}

#twoColsWhite div.encartPart {position:absolute;right:50px;top:-195px;}
#twoColsWhite div.encartPart .encartContent {position:relative;z-index:2;padding: 10px 20px;background:#fff;border:1px solid #e0e1e2;text-align:right;}
#twoColsWhite div.encartPart h3 {color:#555;font-size:30px;margin-bottom:20px;}
#twoColsWhite div.encartPart h3 strong {color:black;}
#twoColsWhite div.encartPart img {width:auto;max-width:100px;height:auto;max-height:50px;}
#twoColsWhite div.encartPart .encartDeco {background:#ff0014;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform: rotate(-4deg);}

#oneColWhite {border-bottom:0;padding:0;margin-bottom:30px;}
#oneColWhite .articleFrame .frameRight {width:50%;padding-left:3%;}
#oneColWhite .articleFrame .frameLeft {width:47%;text-align:right;}
#oneColWhite .articleFrame .frameLeft h1 {font-size:40px;}
#oneColWhite .articleFrame .frameLeft h2 {font-size:30px;color:#ff0014;}
#oneColWhite .articleFrame.contact .frameRight {text-align:right;}
#oneColWhite .articleFrame.contact .frameLeft {text-align:left;}
#oneColWhite .articleFrame.contact .frameLeft h2 {font-size:40px;color:#555;}
#oneColWhite .contactForm {padding-top:40px;}
#oneColWhite .contactForm fieldset {width:100%;margin:0;padding:0;box-sizing:border-box;}
#oneColWhite .contactForm fieldset:nth-child(1) {width:48%;float:left;}
#oneColWhite .contactForm fieldset:nth-child(2) {width:48%;float:right;}
#oneColWhite .contactForm fieldset:nth-child(3) {clear:both;}
#oneColWhite .contactForm .robots {float:left;padding:20px;border:1px solid #e0e1e2;}
#oneColWhite .contactForm button, #oneColWhite .contactForm .btn-default {float:right;}
#oneColWhite article .inmedia {
    float: left;
    width: 290px;
    height: 315px;
    margin: 0 35px 75px 0;
    background: black;
    transform: rotate(3deg); 
}

#oneColWhite article .inmedia a {
    transform: rotate(-3deg); 
    display:block;width:100%;height:100%;
    background:white;
    border:1px solid black;
    line-height:15px;
}
#oneColWhite article .inmedia a img {display:block;width:100%;height:190px;object-fit:cover;}
#oneColWhite article .inmedia a img.alignleft {margin:0;}
#oneColWhite article .inmedia a em {display:block;height:60px;text-transform:uppercase;}
#oneColWhite article .inmedia a em img {width:auto;height:auto;}
#oneColWhite article .inmedia a strong {background:url('images/inmedia-fond.png') 170px 40px no-repeat;display:block;height:35px;padding:10px;text-transform:uppercase;overflow:hidden;}

#oneColWhite article .inmedia a.abc {background:#000;color:white;}
#oneColWhite article .inmedia a.burkina24 {background:#e44332;color:white;}
#oneColWhite article .inmedia a.cameroon_info {background:#d93600;color:white;}
#oneColWhite article .inmedia a.catholic_herald {}
#oneColWhite article .inmedia a.epoch_times {background:#0a0556;color:white;}
#oneColWhite article .inmedia a.france_culture {background:#802489;color:white;}
#oneColWhite article .inmedia a.francetvinfo {background:#222;color:white;}
#oneColWhite article .inmedia a.huffington_post_maghreb {}
#oneColWhite article .inmedia a.journal_chretien {background:#4fc6f8;color:white;}
#oneColWhite article .inmedia a.l_est_republicain {}
#oneColWhite article .inmedia a.l_humanite {}
#oneColWhite article .inmedia a.la_croix {background:#f68d33;color:white;}
#oneColWhite article .inmedia a.le_dauphine {background:#ec1d25;color:white;}
#oneColWhite article .inmedia a.le_faso {background:#38761D;color:white;}
#oneColWhite article .inmedia a.le_figaro {background:#3d7acc;color:white;}
#oneColWhite article .inmedia a.le_monde {}
#oneColWhite article .inmedia a.le_republicain_lorrain {}
#oneColWhite article .inmedia a.liberation {}
#oneColWhite article .inmedia a.newsweek {background:#f72210;color:white;}
#oneColWhite article .inmedia a.malaysian_digest {background:#ff0000;color:white;}
#oneColWhite article .inmedia a.paris_match {background:#f20000;color:white;}
#oneColWhite article .inmedia a.radio_vatican {background:#C84127;color:white;}
#oneColWhite article .inmedia a.the_guardian {}
#oneColWhite article .inmedia a.the_intercept {background:#111;color:white;}
#oneColWhite article .inmedia a.vice {}

#article article {text-align:justify;}

.gallery-item {display:inline-block;width:19%;vertical-align:top;padding:0;margin:20px;}
.gallery-item div {vertical-align:top;padding:0;}
.gallery-item img {width:100%;height:auto;vertical-align:top;}

.flow-wrapper, .center-wrapper {margin:0 auto !important;padding-top: 15px;width:100% !important;}

#partenaire h2 {text-align:right;float:left;}
.listPartenaire {float:right;width:74%;}
.listPartenaire li {display:inline-block;vertical-align:top;margin:0 2%;width:20%;}
.listPartenaire li .cadre, .listPartenaire img {position:relative;display:block;opacity:1;z-index:4;background: transparent url('images/cadre-small.png') center left no-repeat;padding:9px 10px 7px 6px; box-sizing: unset;}
/*.listPartenaire li .cadre:hover {transform: rotate(6deg);}*/

article.list a              { text-decoration:none !important; display:flex; align-items:center; justify-content:center; padding:20px; }
article.list a:hover        { background:#f5f5f5; }
article.list img            { height:200px; width:200px; object-fit:cover; object-position:center; }
article.list div.has-img    { margin:0 0 0 20px; flex:1; }
article.list .title         { margin-top:0; }
article.list .title small   { display:block; font-size: 0.6em;  }
article.list .excerpt       { color:#999; margin:0;  }
article.list .more-link     { font-family:'bebasneue', Helvetica, Arial, sans-serif; margin:0 10px; vertical-align: baseline; }
@media (max-width:800px) {
    article.list a           { display:block; padding:20px; }
    article.list img         { height:auto; width:100%; }
    article.list div.has-img { margin:20px 0 0 0; }
    #oneColWhite article .inmedia {padding: 0 10px; width:95%;width:calc(100% - 25px);}
}

.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.wp-pagenavi { display:block; text-align:center; }
    .wp-pagenavi li:not(.active) span { 
        background:none !important;
        border:none !important;
        color:#444 !important;
    }
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  font-family:'bebasneue', Helvetica, Arial, sans-serif;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 8px 12px;
  line-height: 1.6;
  text-decoration: none;
  color: #444444;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin:2px -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #e31f26;
  border-color: #e31f26;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #e31f26;
  border-color: #e31f26;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #dddddd;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 14px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

footer {width:100%;background:white;clear:both;}
footer .scroll-to-top {
  background:#363636;
  background:rgba(100, 100, 100, 0.4);
  color:#FFF;
  bottom:4%;
  cursor:pointer;
  display:none;
  position:fixed;
  right:20px;
  z-index:999;
  font-size:16px;
  text-align:center;
  line-height:48px;
  width:48px;
  -webkit-transition:background-color 0.3s linear;
     -moz-transition:background-color 0.3s linear;
       -o-transition:background-color 0.3s linear;
          transition:background-color 0.3s linear;
}
footer .scroll-to-top:hover {
  background:#CC0000;
  opacity:.8;
}
@media (max-width:800px) {
    footer .scroll-to-top   { display:none !important; }
}

footer .footerTopMenu {width:989px;height:85px;margin:auto;background: url('images/menu-actions.png') top right no-repeat;}
footer .footerTopMenu .menuSocial {float:right;margin-right:15px;margin-top:30px;}
footer .footerTopMenu .menuSocial li {display:inline-block;margin:0;}
footer .footerTopMenu .menuSocial li a {color:#ddd;}
footer .footerTopMenu .menuSocial li a:hover {color:#fff;}
footer .footerTopMenu .menuSocial li a img {opacity:1;transition: all .2s ease-in-out;}
footer .footerTopMenu .menuSocial li a:hover img {opacity:0.6;}
footer .footerBottom {width:100%;background:black;border-bottom:12px solid #ff0014;}
footer .footerBottomContent {width:989px;margin:auto;padding:40px 0; }
footer .footerBottom .menuActions {width:100%;}
footer .footerBottom .menuActions li {display:block;float:left;margin:0 40px;}
footer .footerBottom .menuActions li:last-child {float:right;}
footer .footerBottom .menuActions li a {}
footer .footerBottom .menuActions li a img {transition: all .2s ease-in-out;}
footer .footerBottom .menuActions li a:hover img {transform: rotate(8deg);}
footer .footerBottom #menu-flfr, footer .footerBottom #menu-flen {clear:both;float:left;margin-top:40px;}
footer .footerBottom #menu-flfr li, footer .footerBottom #menu-flen li {display:inline-block;margin:0 10px;font-family:"Open Sans";}
footer .footerBottom #menu-flfr li a, footer .footerBottom #menu-flen li a {font-family:"Open Sans";text-transform: uppercase;}
footer .footerBottomContent p {float:right;margin-top:40px;font-family:"Open Sans";}

footer .sliderColumn {width:100%;border-bottom:1px solid #e0e1e2;}
footer .sliderWrapper {width:949px;padding:20px;position:relative;margin:auto;}
footer .sliderWrapper h2 {float:left;width:25%;z-index:2;top:30px;text-align:right;}
footer .sliderWrapper h2 strong {display:block;color:white;}
footer .sliderWrapper a.linkMore {float:right;position:relative;width:300px;margin-top:-10px;z-index:2;}
footer .sliderMask {float:right;width:72%;}
footer .sliderActu {z-index:1;position:relative;}
/* footer .sliderActu li {float:left;position:relative;} */
footer .sliderActu li {display:flex;align-items: center;justify-content: center;position:relative;}
/* footer .sliderActu li .cadre {display:block;float:left;width:42%;position:relative;opacity:1;z-index:4;background: transparent url('images/cadre-big.png') left top no-repeat;padding:13px 10px;background-size:95%;} */
footer .sliderActu li .cadre {display:block;width:42%;position:relative;opacity:1;z-index:4;background: transparent url('images/cadre-big.png') left top no-repeat;padding:13px 10px;background-size:95%;}
footer .sliderActu li .cadre span {display:block;width:272px;height:204px;}
footer .sliderActu li .cadre:hover {transform: rotate(4deg);}
footer .sliderActu li .cadre img {width: 271px;height: 204px;object-fit: cover;}
/* footer .sliderActu li .slideActuContent {float:right;width:53%;margin-top:40px;} */
footer .sliderActu li .slideActuContent {width:53%;}
footer .sliderActu li .slideActuContent h3 {font:normal 21px "Open Sans";margin-bottom:20px;}
footer .sliderActu li .slideActuContent h3 a:hover {color:#ff0014;}
footer .sliderActu li .slideActuContent time {font: normal 14px "Open Sans";color:white;}
footer .sliderActu li .slideActuContent p {text-align:justify;}

/* WXGA */

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    
    .listVideo li{
        width: 33%;
        float: left;
    }
    
    #oneColWhite article .inmedia{
        float: left;
        width: 38%;
    }
}

@media only screen and (max-width: 1024px) {
    
    footer .sliderActu li .cadre{
        background-image: none;
    }
    
    .listVideo{
        display: none;
    }
    
    .articleRelated{
        display: none;
    }
    
    .fl-col-small{
        max-width: none !important;
    }
    
    .bloc_gris{
        margin-bottom: 20px;
    }
    
    .fl-node-5be190f8c8e1e > .fl-module-content{
        margin-left: 20px !important;
    }

    body {font-size:13px;overflow-x:hidden;}
    h2 {font:normal 33px "Open Sans";text-align:left;}
    h2 strong {color:black;font-weight:bold;}
    h3 {font:normal 13px "Open Sans";}

    header .headerTop .headerTopActions {width:85%;padding-left:15%;}
    header .headerTop .headerTopActions a.actionLink .actionLinkText {display:none;}
    header .headerTop .headerTopMenu .menuSocial {margin-right:100px;}
    header .headerTop .headerTopMenuContent {width:100%;}

    header .headerBottomMenu {bottom:0;width:100%;height:32px;}
    header .headerBottom .logo {width:800px;left:0;margin-left:-12px;top:-257px;}
    
    header .menuWrapper {width:100%;}
    header .menuMain {margin-left:80px;padding-top:5px;margin-top:0;}
    header .menuMain > li {margin:0 4px;}
    header .menuMain > li .deco {margin-left:3px;}
    header .menuMain > li a {font-size:15px;padding:4px 0;}

    header .menuShare {right:5%;}

    header.home .headerTop .headerTopActions {width:95%;padding-left:5%;}
    header.home .headerBottom {height:259px;}
    header.home .headerBottom .headerBottomContent {width:100%;height:259px;}
    header.home .headerBottomMenu {height:57px;}
    header.home .headerBottom .logo {width:800px;left:0;margin-left:-12px;}

    header.home .headerBottom .sliderWrapper {width:660px;height:202px;margin-left:88px;}
    header.home .headerBottom .sliderHome {width:100%;height: auto;}
    header.home .headerBottom .sliderHome li {width:100%;height: auto;}
    header.home .headerBottom .sliderHome li img {width:100%;height:auto;}
    header.home .headerBottom .sliderPages {top:30px;}

    header.home .menuWrapper {width:100%;}
    header.home .menuMain {margin-left:70px;padding-top:0;margin-top:18px;}
    header.home .menuMain > li {margin:0 6px;}
    header.home .menuMain > li .deco {margin-left:4px;}
    header.home .menuMain > li a {font-size:15px;padding:5 0;}

    section {width:100%;padding:30px 0;}
    section article {width:100%;margin:auto;}
    section article .linkTop {right:5%;}

    article .sliderColumn {float:none;clear:both;width:100%;border-right:0;}
    article .sliderWrapper {width:90%;margin:auto;padding:20px 5%;}
    article .sliderWrapper h2 {position:absolute;left:50%;top:30px;}
    article .sliderWrapper a.linkMore {width:300px;margin-top:-5px;}
    article .sliderActu {width: 90%;}
    article .sliderActu li {width: 100%;}
    article .sliderActu li .cadre {width:46%;padding:20px 2%;}
    article .sliderActu li .cadre img {width:95%;height:auto;margin:auto;}
    article .sliderActu li .slideActuContent {width:50%;margin-top:60px;}
    article .sliderActu li .slideActuContent h3 {font:normal 16px "Open Sans";margin-bottom:15px;}
    article .sliderActu li .slideActuContent time {font: normal 11px "Open Sans";color:black;}

    article aside {float:none;clear:both;width:95%;margin:0 auto 30px;position:relative;}
    article aside h2 {float:left;width:21%;padding-right:2%;border-right:1px solid #e0e1e2;text-align:right;}
    article aside ul {float:left;width:75%;margin-left:1%;}
    article aside ul li {display:inline-block;width:30%;margin:0 1%;}
    article aside ul li img {width:100%;height:auto;}
    article aside .linkMore {position:absolute;text-align:right;left:0;width:21%;top:40px;}
    
    #oneColWhite .articleFrame.contact {width:90%;margin: 0 auto 30px;}
    #oneColWhite .contactForm {width:90%;margin: 0 auto;}

    #oneColGrey h2 {margin-bottom:30px;}
    #oneColGrey h2 strong {color:#ff0014;}
    #oneColGrey .articleFrame {display:block;background-position:center 5px;}
    #oneColGrey .articleFrame .frameLeft {width:90%;height:450px;margin:0 auto 30px;}
    #oneColGrey .articleFrame .frameLeft img {margin:-40% auto 0;}
    #oneColGrey .articleFrame .frameRight {width:90%;margin:0 auto;clear:both;}
    #oneColGrey article aside.encartPart {position:absolute;right:20px;bottom:-60px;width:auto;}
    
    #twoColsWhite .articleFrame .frameRight {width:60%;padding-left:4%;}
    #twoColsWhite .articleFrame .frameLeft {width:32%;padding-left:4%;}
    
    #twoColsGrey .articleFrame {width:95%;margin:auto;}

    #twoColsVid article .articleFrame {float:none;width:95%;margin:0 auto 30px;padding-left:0%;border-left:0;;}

    #twoColsSplit {width:95%;margin:auto;}

    #partenaire h2 {text-align:left;float:none;width:95%;margin:0 auto 30px;}
    #partenaire h2 br {display:none;}
    #partenaire h2 strong {margin-left:10px;}
    #partenaire h2 strong:first-child {margin:0;}
    .listPartenaire {float:none;width:95%;margin:0 auto 30px;}
    .listPartenaire li {margin:0 2%;width:20%;}

    footer .footerTopMenu {width:100%;}
    footer .footerBottom {width:100%;margin-bottom:0px;}
    footer .footerBottomContent {width:90%;padding:30px 0;margin:auto;}
    footer .sliderWrapper {width:90%;padding:10px 5% 30px;}
    footer .sliderWrapper h2 {float:none;position:absolute;margin-right:0px;left:46%;top:15px;text-align:left;}
    footer .sliderWrapper h2 strong {display:inline-block;}
    footer .sliderWrapper a.linkMore {float:right;position:relative;width:300px;margin-top:-10px;z-index:2;}
    footer .sliderMask {width:100%;}
    footer .sliderActu {float:none;width:80%;overflow:hidden;}
    footer .sliderActu li {}
    footer .sliderActu li .cadre {width:40%;margin:20px 0;padding:12px 0;background-position:left top;background-size:100%;}
    footer .sliderActu li .cadre img {display:block;width:93%;height:auto;margin:auto;}
    footer .sliderActu li .slideActuContent {width:54%;padding:0;margin:60px 0 0;}

}

/* WVGA */
@media only screen and (max-width: 640px) {
    
    #article{
        padding-top: 0;
    }
    
    /* #article h2, #article small{
        padding: 0 20px;
        display: inline-block;
    }*/
    
    footer .sliderActu li .slideActuContent h3{
        font-size: 14px;
        line-height: 1.2em;
    }
    
    .conseilMenu h2, .bloc_gris h2, #article h2{
        font-size: 25px;
        line-height: 1.2em;
    }
    
    .conseilMenu li{
        width: 100%;
    }
    
    #actualite{
        padding-top: 50px;
    }
    
    header .headerBottom .logo{
        top: -155px !important;
    }
    
    header .headerBottom .headerBottomContent, header .headerBottom{
        height: 100px !important;
    }
    
    .headerTop{
        position: relative;
        z-index: 3;
    }
    
    .menuSocial a{
        line-height: 40px !important;
        height: 40px !important;
        width: 25px !important;
        margin: 0 !important;
    }

    h2 {font:normal 43px "Open Sans";}

    header .headerTop .headerTopActions {text-align:left;width:100%;padding-left:0; background-color: white;}
    header .headerTop .headerTopActions a.actionLink {display:inline-block;float:none;margin:0px 15px;}
    header .headerTop .headerTopActions a.actionLink:last-child {float:none;}
    header .headerTop .headerTopActions a.actionLink img {float:none;margin-right:0px;width: 45px;}
    header .headerTop .headerTopActions a.actionLink .actionLinkText {display:none;}
    header .headerTop .headerTopMenu .menuSocial {margin: 0;float: left;}
    header .headerTop .headerTopMenuContent {width:100%;display: inline-block;padding: 0 10px;box-sizing: border-box;}

    header .headerBottom .headerBottomContent {width:100%;height:259px;background: linear-gradient(to top, #aa1722 0%,#e01e2d 100%);}
    header .headerBottom .sliderWrapper {display:none;}
    header .headerBottom .sliderHome {display:none;}
    header .headerBottom .sliderPages {display:none !important;}
    header .headerBottom .logo {width:800px;left:0;margin-left:-12px;top:0px;}
    header .headerBottomMenu {position:absolute;top:0;width:90%;background:black;height:auto;}

    header .menuWrapper {}
    header .menuMain {margin-left:88px;padding-top:0px;margin-top:2px;}
    header .menuMain > li {display:block;margin:0 0;background:black;border-bottom:1px solid #e0e1e2;}
    header .menuMain > li.menu-item-has-children:after{content:'';}
    header .menuMain > li:last-child {border-bottom:0;}
    header .menuMain > li a {display:block;font-size:16px;padding:10px 0;}

    header .menuMain .sub-menu {display:none;position:relative;width:100%;top:0;z-index:3;}
    header .menuMain .sub-menu li a {background:#555;margin:0;padding:10px 0;text-align:center;}
    header .menuMain > li:hover > .sub-menu {display:block;}
    header .menuMain > li:hover > .sub-menu > li:hover a {color:black;}

    header .menuShare {margin-right:6%;bottom:-100px;}
    header .menuShare li {margin-left:15px;}
    
    header.home .headerTop .headerTopActions {width:100%;padding-left:0;}
    header.home .headerTop .headerTopActions a.actionLink {margin:0px 15px;}
    header.home .menuWrapper {}
    header.home .menuMain {margin-left:88px;padding-top:0px;margin-top:2px;}
    header.home .menuMain > li {display:block;margin:0 0;background:black;border-bottom:1px solid #e0e1e2;}
    header.home .menuMain > li:last-child {border-bottom:0;}
    header.home .menuMain > li a {display:block;font-size:16px;padding:10px 0;}

    header.home .menuShare {bottom:-100px;}

    section {width:100%;padding:30px 0 0;border-bottom:0;}
    section article {width:100%;margin:auto;}

    article aside {width:90%;}
    article aside h2 {float:none;width:100%;padding-right:0%;margin-bottom:25px;border-right:0;text-align:left;font-size: 25px;line-height: 1.2em;}
    article aside ul {float:none;width:100%;margin-left:0%;}
    article aside ul li {display:inline-block;width:30%;margin:0 1%;}
    article aside .linkMore {text-align:left;width:100%;margin-top:10px;}

    article .sliderWrapper h2 {position:relative;left:0;top:0px; font-size: 25px; line-height: 1.2em;}
    article .sliderWrapper a.linkMore {position:relative;clear:both;width:100%;margin-top:20px;text-align:left;}
    article .sliderActu {width: 90%;clear:both;}
    article .sliderActu li {width:100%;}
    article .sliderActu li .cadre {float:none;width:100%;padding:20px 0;background-size:100%;}
    article .sliderActu li .cadre img {display:block;width:94%;height:auto;margin:auto;}
    article .sliderActu li .slideActuContent {clear:both;width:100%;margin-top:20px;}
    
    #oneColWhite .articleFrame {display:block;}
    #oneColWhite .articleFrame .frameRight {width:90%;margin:0 auto;clear:both;padding-left:0%;}
    #oneColWhite .articleFrame .frameLeft {width:90%;margin:0 auto 30px;clear:both;text-align:left;}

    #twoColsGrey .articleFrame {display:block;background-size:90%;background-position:center top;}
    #twoColsGrey .articleFrame .frameRight {width:90%;margin:0 auto;clear:both;}
    #twoColsGrey .articleFrame .frameLeft {width:90%;margin:0 auto 30px;clear:both;}

    #twoColsWhite .articleFrame {display:block;background-size:90%;background-position:center top;}
    #twoColsWhite .articleFrame .frameRight {width:90%;margin:0 auto;clear:both;padding:0;border:0;}
    #twoColsWhite .articleFrame .frameLeft {width:90%;margin:0 auto 30px;clear:both;}
    #twoColsWhite .articleFrame .menuArticle > li {text-align:left;background-position:bottom left;}
    #twoColsWhite .articleRelated .menuArticle > li {display:block;width:60%;margin:0 auto 20px;}
    #twoColsWhite .articleRelated .menuArticle > li:last-child {margin:0 auto;}

    #twoColsSplit .articleMask {float:none;width:100%;border-right:0;padding:0px;margin-bottom:30px;}
    #twoColsSplit .articleFrame, .bloc_gris {display:block;background-size:90%;background-position:center top;}
    #twoColsSplit .articleFrame .frameRight {width:90%;margin:0 auto;clear:both;}
    #twoColsSplit .articleFrame .frameLeft {width:90%;margin:0 auto 30px;clear:both;}
    #twoColsSplit .menuArticle {float:none;width:100%;}
    
    #twoColsVid article > aside {float:none;}
    #twoColsVid .articleRelated .menuArticle > li {display:block;width:60%;margin:0 auto 20px;}
    #twoColsVid .articleRelated .menuArticle > li:last-child {margin:0 auto;}

    #partenaire h2 {width:90%;font-size: 25px;line-height: 1.2em;}
    .listPartenaire {width:90%;text-align:center;}
    .listPartenaire li {text-align:left;margin:0 2%;width:44%;}

    footer .footerBottom .menuActions {text-align:center;}
    footer .footerBottom .menuActions li {display:inline-block;float:none;margin:0 10px;}
    footer .footerBottom .menuActions li:last-child {float:none;}
    footer .footerBottom .menuLegal {clear:both;float:none;text-align:center;margin-top:20px;}
    footer .footerBottom .menuLegal li {font-size:17px;}
    footer .footerBottom p {float:none;text-align:center;}

    footer .sliderWrapper h2 {position:relative;left:0;top:0px;width:100%;}
    footer .sliderWrapper a.linkMore {position:relative;clear:both;width:100%;margin-top:20px;text-align:center;}
    footer .sliderActu {width: 90%;clear:both;}
    footer .sliderActu li {width:100%;}
    footer .sliderActu li .cadre {float:none;width:100%;padding:18px 0;background-size:100%;}
    footer .sliderActu li .cadre img {display:block;width:94%;height:auto;margin:auto;}
    footer .sliderActu li .slideActuContent {clear:both;width:100%;margin-top:20px;}

}

/* WSXGA+ */
@media only screen and (min-width: 1680px) {

}

/*
-----------------------------------------------
    SOCIAL NAV
-----------------------------------------------
*/
    
.menuSocial a {
    font-size:18px;
    line-height:48px;
    list-style:none;
    display:inline-block;
    text-align:center;
    height:35px;
    width:35px;
    margin:3px;
    /*background-color:#363636;*/
}
.menuSocial li a span { 
    display:none; 
}
.menuSocial li a:hover {
    color:#fff; 
}
/* bgcolor */
/*.menuSocial li a[href*="facebook.com"]:hover  { background-color:#4265b9 !important; }
.menuSocial li a[href*="twitter.com"]:hover     { background-color:#55ACEE !important; }
.menuSocial li a[href*="dribbble.com"]:hover    { background-color:#ea4c89 !important; }
.menuSocial li a[href*="flickr.com"]:hover      { background-color:#ff0084 !important; }
.menuSocial li a[href*="plus.google.com"]:hover { background-color:#d62408 !important; }
.menuSocial li a[href*="skype.com"]:hover       { background-color:#0bbff2 !important; }
.menuSocial li a[href*="pinterest.com"]:hover   { background-color:#c31e26 !important; }
.menuSocial li a[href*="linkedin.com"]:hover    { background-color:#005987 !important; }
.menuSocial li a[href*="vimeo.com"]:hover       { background-color:#1bb6ec !important; }
.menuSocial li a[href*="tumblr.com"]:hover      { background-color:#35506b !important; }
.menuSocial li a[href*="youtube.com"]:hover     { background-color:#df3333 !important; }
.menuSocial li a[href*="instagram.com"]:hover   { background-color:#F95B60 !important; }
.menuSocial li a[href*="/feed"]:hover           { background-color:#f39c12 !important; }
.menuSocial li a[href*="foursquare.com"]:hover  { background-color:#2398C9 !important; }
.menuSocial li a[href*="soundcloud.com"]:hover  { background-color:#F50 !important; }
.menuSocial li a[href*="github.com"]:hover      { background-color:#4183C4 !important; }
.menuSocial li a[href*="spotify.com"]:hover     { background-color:#81b71a !important; }
.menuSocial li a[href*="mailto"]:hover          { background-color:#CC0000 !important; }
.menuSocial li a[href*="dailymotion.com"]:hover { background-color:#0064DC !important; }*/
/* icon */
.menuSocial li a[href*="twitter.com"] .fa:before        { content:"\f099" }
.menuSocial li a[href*="facebook.com"] .fa:before       { content:"\f09a" }
.menuSocial li a[href*="github.com"] .fa:before         { content:"\f09b" }
.menuSocial li a[href*="/feed"] .fa:before              { content:"\f09e" }
.menuSocial li a[href*="dribbble.com"] .fa:before       { content:"\f17d" }
.menuSocial li a[href*="skype.com"] .fa:before          { content:"\f17e" }
.menuSocial li a[href*="foursquare.com"] .fa:before     { content:"\f180" }
.menuSocial li a[href*="spotify.com"] .fa:before        { content:"\f1bc" }
.menuSocial li a[href*="soundcloud.com"] .fa:before     { content:"\f1be" }
.menuSocial li a[href*="vimeo.com"] .fa:before          { content:"\f194" }
.menuSocial li a[href*="youtube.com"] .fa:before        { content:"\f167" }
.menuSocial li a[href*="instagram.com"] .fa:before      { content:"\f16d" }
.menuSocial li a[href*="flickr.com"] .fa:before         { content:"\f16e" }
.menuSocial li a[href*="tumblr.com"] .fa:before         { content:"\f173" }
.menuSocial li a[href*="pinterest.com"] .fa:before      { content:"\f0d2" }
.menuSocial li a[href*="plus.google.com"] .fa:before    { content:"\f0d5" }
.menuSocial li a[href*="linkedin.com"] .fa:before       { content:"\f0e1" }
.menuSocial li a[href*="mailto"] .fa:before             { content:"\f003" }
.menuSocial li a[href*="dailymotion.com"] .fa:before    { content:"\f03d" }
.menuSocial li a[href*="/?s="] .fa:before               { content:"\f002" }


/* btn download */
.btn-download               { text-decoration:none !important; display:flex; align-items:flex-start; justify-content:flex-start; margin:auto; padding:15px; float:left; width: 30%;}
.btn-download .icon         { font-size:60px; margin:0 15px 0 0; }
.btn-download .title, .liens h3, .cdp h3, .fl-tabs h3, .fl-callout-title a{ font-family: 'bebasneue_bold', Helvetica, Arial, sans-serif; color:#e31f26; font-size:20px; line-height:initial; font-weight:normal; margin:0; }
.btn-download .title small  { display:block; font-size:80%; } 
.btn-download .info, .liens ul, .cdp ul         { line-height:normal; margin:10px 0 0 0; font-size:small; font-weight:bold; color:#555; list-style:none; padding:0; }
.btn-download li strong, .liens ul li strong, .cdp ul li strong     { font-weight:normal; font-family: 'bebasneue', Helvetica, Arial, sans-serif; font-size:14px; color:#777; }
.btn-download:hover *       { color:#91170a; }  
#cdp .btn-download {height:130px;}
#tabs-sub-1 .btn-download {padding:15px 0;width:50%;}
.fl-callout-title a:hover{
    color: #91170a;
}
/*
-----------------------------------------------
MODAL
-----------------------------------------------
*/  
/* Formidable */
.modal-body .help-block.frm_error   { margin:0; padding:0; display:block; text-align:left; margin-top:-10px; }
.modal-body .frm_submit             { clear:both; text-align:center; margin-bottom:0; }

.close {
  float: right;
  font-size:20px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  opacity:1;
  filter: alpha(opacity=100);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e31f26;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: rgba(0, 0, 0, 0.5);
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
    margin:0;
    padding: 15px;
    background-color: #e31f26;
}
.modal-header .close {
    padding:7px;
}
.modal-title {
    margin: 0;
    font-family:'bebasneue_bold', Helvetica, Arial, sans-serif;
    color: #fff;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width:801px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 260px;
  padding: 1px;
  font-family:'bebasneue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #e31f26;
  box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
  padding:0;
}
.popover:before {
    content: "";
    position: absolute;
    background: #e31f26;
    transform: rotate(-5deg);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.popover:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
    margin: 0;
    padding:15px;
    font-family:'bebasneue_bold', Helvetica, Arial, sans-serif;
    font-size:18px;
    color:#fff;
    background-color:#e31f26;
}
.popover-content {
    padding:15px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color:#e31f26;
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color:#e31f26;
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color:#e31f26;
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color:#e31f26;
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}

.btn {
    display:inline-block;
    margin-bottom:0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    -ms-touch-action:manipulation;
        touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:8px 12px;
    font-size:16px;
    line-height:1.6;
    font-family:'bebasneue_bold', Helvetica, Arial, sans-serif; 
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #ffffff;
  background-color: #e31f26;
  border-color: #e31f26;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #080808;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #292a2a;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #292a2a;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #1c1d1d;
  border-color: #080808;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #474949;
  border-color: #474949;
}
.btn-default .badge {
  color: #474949;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #e31f26;
  border-color: #e31f26;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #a91b0c;
  border-color: #621007;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #a91b0c;
  border-color: #a01a0b;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #a91b0c;
  border-color: #a01a0b;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #881609;
  border-color: #621007;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #e31f26;
  border-color: #e31f26;
}
.btn-primary .badge {
  color: #e31f26;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #469408;
  border-color: #469408;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #2f6405;
  border-color: #0d1b01;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #2f6405;
  border-color: #2b5a05;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #2f6405;
  border-color: #2b5a05;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #1f4204;
  border-color: #0d1b01;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #469408;
  border-color: #469408;
}
.btn-success .badge {
  color: #469408;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #029acf;
  border-color: #029acf;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #02749c;
  border-color: #013c51;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #02749c;
  border-color: #016d92;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #02749c;
  border-color: #016d92;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #015a79;
  border-color: #013c51;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #029acf;
  border-color: #029acf;
}
.btn-info .badge {
  color: #029acf;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #9b479f;
  border-color: #9b479f;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #79377c;
  border-color: #452047;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #79377c;
  border-color: #723475;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #79377c;
  border-color: #723475;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #612c63;
  border-color: #452047;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #9b479f;
  border-color: #9b479f;
}
.btn-warning .badge {
  color: #9b479f;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9831f;
  border-color: #d9831f;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #ac6819;
  border-color: #69400f;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #ac6819;
  border-color: #a36317;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #ac6819;
  border-color: #a36317;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #8d5514;
  border-color: #69400f;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9831f;
  border-color: #d9831f;
}
.btn-danger .badge {
  color: #d9831f;
  background-color: #ffffff;
}
.btn-link {
  color: #e31f26;
  font-weight: normal;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #91170a;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #808080;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 14px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px;
    font-size: x-small;
    line-height: normal;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*
-----------------------------------------------
    TIMELINE
-----------------------------------------------
*/
#timeline {
    margin:20px auto;
    max-width:850px;
}
#timeline ul {
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
}
#timeline ul:before {
    content:"";
    position:absolute;
    background:#e31f26;
    left:100px;
    width:4px;
    height:100%;
}
#timeline .arrow-top {
    width:0;
    height:0;
    border-style:solid;
    border-width:0 7px 25px 7px;
    margin-left:95px;
    border-color:transparent transparent #e31f26 transparent;
    -webkit-transform:rotate(360deg);
       -moz-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
}
#timeline .arrow-bottom {
    width:0;
    height:0;
    border-style:solid;
    border-width:25px 7px 0 7px;
    margin-left:95px;   
    border-color:#e31f26 transparent transparent transparent;
    -webkit-transform:rotate(360deg);
       -moz-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
}
#timeline li {
    cursor:pointer;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
#timeline .year {
    box-sizing:border-box;
    color:#e31f26;
    font-family:'bebasneue', Helvetica, Arial, sans-serif;
    font-size:22px;
    display:inline-block;
    margin-left:15px;
    width:35px; 
}
#timeline .img {
    position:relative;
    background:#fff;
    z-index:0;
    border:1px solid #e31f26;
    padding:0;
    margin:15px 25px 15px 15px;
    display:inline-block;
    text-align:center;
}
#timeline .img:before {
    content:"";
    position:absolute;
    background:#e31f26;
    transform: rotate(-10deg);
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
}
#timeline .img:after {
    content:"";
    position:absolute;
    background:#fff;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
}
#timeline li {
    outline:none !important;
  -webkit-transition:all 0.3s linear;
     -moz-transition:all 0.3s linear;
       -o-transition:all 0.3s linear;
          transition:all 0.3s linear;
}
#timeline .title {
    box-sizing:border-box;
    vertical-align:middle;
    font-family:'bebasneue_bold', Helvetica, Arial, sans-serif;
    display:inline-block;
    font-size:18px; 
    max-width:240px;
    line-height:normal;
}
#timeline li.active,
#timeline li:hover {
    margin-left:20px;
}
#timeline li.active .title,
#timeline li:hover .title {
    color:#e31f26;
}
#timeline .popover {
    max-width:350px;
    border-color:#000;
}
#timeline .popover .arrow {
    width:0;
    height:0;
    border-style:solid;
    border-width:0 15px 80px 15px;
    left:-50px;
    margin-top:-50px;
    z-index:-1; 
    border-color: transparent transparent #000 transparent;
    -webkit-transform:rotate(-110deg);
       -moz-transform:rotate(-110deg);
         -o-transform:rotate(-110deg);
            transform:rotate(-110deg);
}
#timeline .popover .arrow:before {
    content:" ";
    width:0;
    height:0;
    border-style:solid;
    border-width:0px 15px 80px 15px;
    margin-top:10px;
    border-color:transparent transparent #e31f26 transparent;
    display:block;
    z-index:-1;
    margin-left:-30px;  
    -webkit-transform:rotate(-5deg);
       -moz-transform:rotate(-5deg);
         -o-transform:rotate(-5deg);
            transform:rotate(-5deg);
}
#timeline .popover .arrow:after {
    content:" ";
    width:0;
    height:0;
    border-style:solid;
    border-width:0px 15px 80px 15px;
    border-color:transparent transparent #fff transparent;
    z-index:1;
    display:block;
    left:-15px;
    bottom:-85px;
}
#timeline .popover-content {
    padding: 15px;
    font-family: helvetica, arial;
    font-size: 14px;
    line-height: 18px;
}
#timeline .popover-title    { display:none; }
#timeline .popover.right    { margin-left:-350px; }
#timeline .text             { display:none; }
@media (max-width:800px) {
    #timeline .title {
        padding:10px 0;
    }
    #timeline img {
        max-width:none;
    }
    #timeline li.active,
    #timeline li:hover {
        margin-left:40px;
    }
    #timeline .popover {
        max-width:260px;
        margin-top:0;
        margin-left:40px;
    }           
}

#arguments .ui-accordion-header, .fl-accordion-button {border:1px solid #ccc;cursor:pointer;background:#fff;padding:10px;margin:5px;}
#arguments .ui-accordion-content, .fl-accordion-content {background:#fff;padding:10px !important;margin:5px;height: auto !important;}
#interventions .ui-accordion-header {border:1px solid #ccc;cursor:pointer;background:#fff;padding:10px;margin:5px;}
#interventions .ui-accordion-content {background:#fff;padding:10px;margin:5px;height: auto !important;}
/*
-----------------------------------------------
    MAP
-----------------------------------------------
*/
    #map-container #map-area            { width: 100%;max-width:100%;height: 500px;}
    #map-container figcaption           { text-align:center; font-family:'bebasneue_bold', Helvetica, Arial, sans-serif; padding:0; font-size:16px; margin:15px auto; line-height:initial; }
    /* popover */
    #map-popover                        { position:absolute; z-index:9999; display:none; width:300px; max-height: 20px !important; min-height:20px !important;}
    #map-popover h3                     { color:#fff; margin:0; text-transform:uppercase; font-size:20px; text-align:center; }
    #map-popover h4                     { font-family:'bebasneue_book', Helvetica, Arial, sans-serif; color:#fff; margin:0; font-size:14px; text-align:center; }
    #map-popover strong                 { float:right; }
    #map-popover ul                     { list-style:none; }
    #map-popover > ul > li              { clear:both; overflow:hidden; }
    #map-popover > ul > li              { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; }
    #map-popover > ul > li:last-child   { padding:0; margin:0; border:none; }
    #map-popover ul.method              { display:inline-block; float:right; padding:0; margin:0; }
    #map-popover ul.method li           { text-align:right; text-transform:capitalize; font-weight:bold; }
    #map-popover .popover-content {background: #fff;}
    /* legend */
    #map-legende            { margin:20px 0; }
    #map-legende strong     { font-family:'bebasneue', Helvetica, Arial, sans-serif; font-size:16px; font-weight:100; line-height:initial; }
    #map-legende th, 
    #map-legende td         { vertical-align:top; padding:10px; font-size:12px; }
    #map-legende th         { width:50px; }
    #map-legende th span    { width:50px; height:30px; color:#fff; text-align:center; line-height:30px; display:block; font-family:'bebasneue', Helvetica, Arial, sans-serif; font-size:16px; font-weight:100; }
    #map-legende .statu_A   { background-color:#67aaaa;}
    #map-legende .statu_Ad  { background-color:#0e686d; }
    #map-legende .statu_Af  { background-color:#ed2126; }
    #map-legende .statu_R   { background-color:#5f0b0c; }
    /* worldwide*/  
    #map-worldwide #map-container       { margin:20px 0; }
    /* onthefield */
    #map-onthefield .popover-title      { background-color:#fff; border:none; color:#e31f26; max-height:20px !important;min-height:20px !important;height:20px !important;background-color:#fff; border:none; color:#e31f26; padding:0 !important;}
    #map-onthefield .popover-title h3   { color:#e31f26;font-size:18px; }
    #map-popover .arrow { display:none; }
    .popovermap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  max-width: 260px;
  padding: 1px;
  font-family:'bebasneue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #e31f26;
  padding:0;
}
.popovermap:before {
    content: "";
    position: absolute;
    background: #e31f26;
    transform: rotate(-5deg);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.popovermap:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.popovermap.top {
  margin-top: -10px;
}
.popovermap.right {
  margin-left: 10px;
}
.popovermap.bottom {
  margin-top: 10px;
}
.popovermap.left {
  margin-left: -10px;
}

.frm_forms div {padding:20px 0;}
.frm_message p {font-weight: bold;font-size: 20px;}

.fl-rich-text h1{
    font-size: 40px;
}

.fl-accordion-item{
    margin-bottom: 0 !important;
}

.liens hr, .cdp hr{
    border-color: white;
    background: white;
}

.cdp img{
    position: absolute;
    left: 0;
    margin: 0;
}

.cdp .fl-rich-text{
    padding-left: 55px;
    position: relative;
}

.cdp a:hover h3, .cdp a:hover p, .cdp a:hover ul, .cdp a:hover ul li strong{
    color: #91170a;
}

.menu_rouge{
    width: 100%;
    float: right;
}

.menu_rouge > div{
    margin-top: 0;
} 

.menu_rouge li{
    width: 100%;
}

.conseilMenu{
    border-left: 1px solid #e0e1e2;
}

.listVideo > div, .conseilMenu > div{
    margin-top: 0;
}

hr{
    width: 100%;
    clear: both;
}

.fl-builder-content p{
    margin-bottom: 15px;
}

.fl-module.bouton a{
    background: #ff0014 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.fl-module.bouton a span, .fl-module.bouton a i{
    color: white !important;
}

#actualite .fl-builder-module-template .fl-module-content{
    margin: 0 !important;
}
#actualite .fl-builder-module-template{
    padding: 0 !important;
}

.fl-module-tabs h2{
    margin-bottom: 20px;
    font-family: 'bebasneue_bold', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #e31f26 !important;
}

.fl-module-tabs h2 strong{
    color: #e31f26 !important;
}

.fl-module-tabs h3{
    color: #e31f26 !important;
    margin-bottom: 20px;
}

.tpl_pays div[data-node="5be1a3da87f09"], 
.tpl_pays div[data-node="5be54bef3eb79"]{
    display: none
}

.fl-callout .fl-callout-text strong{
    font-weight: normal;
    font-family: 'bebasneue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #777;
    text-transform: uppercase;
}

.fl-callout-photo{
    width: 54px !important;
    display: block !important;
    padding: 0 !important;
    float: left;
}

.fl-callout-content{
    width: calc(100% - 70px) !important;
    display: block !important;
    float: right;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.articleRelated .fl-menu-horizontal{
    width: 100%;
}

.fl-builder-content p a{
    text-decoration: underline;
}

#article p{
    margin: 1em 0;
}
#article ul{
    list-style-type: disc;
    margin-left: 3em;
}