@import url('https://fonts.googleapis.com/css?family=PT+Sans|Raleway|Roboto');
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body,html{}

body {
  color: #5a5a5a;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
}
h1{
    font-family: 'Raleway', sans-serif;
    color:#000;
    font-size: 2.2rem;
    font-weight:500;
    line-height: 1.15;
    text-align:center;
    margin-bottom:30px;
}
h2,h3,h4,h5{
    font-family: 'Raleway', sans-serif;
}
a, a:hover, .btn{outline:none!important;}
.btn-search{background: #FD3A13; border-color: #FD3A13; color: #fff; padding: 7px 10px}
.btn-search:hover{background: #ca1b1b; border-color: #ca1b1b}
section{padding: 30px 0; float: left; width: 100%}
.card{float: left; width:100%}
.navbar {border: medium none; float: left; margin-bottom: 0px; width: 100%;  border-radius: 0}
.title-large {font-size: 20px; margin: 10px 0 5px; line-height: 27px; color: #141517;}
.title-small { color: #141517; font-size: 16px; font-weight: 400; line-height: 23px; margin: 6px 0 0;}
.title-x-small {font-size: 18px; margin: 0px;}
.title-large a, .title-small a, .title-x-small a{color: inherit}

.banner-sec{float: left; width: 100%; background: #EBEBEB}
.card-block{padding:0 10px 10px;}
.card-text{margin: 0}
.text-time{color: #ff0000; font-weight: 600;}
.banner-sec .card-img-overlay{padding: 0; top: 3px; left: 7px; height: 20%}

header{float: left; width:100%}
.top-head{background: #fff; width: 100%; float: left; height: 100px;}
.top-head h1 {color: #000C78; font-size: 36px; font-weight: 600; margin: 30px 0 0;}
.top-head small{float: left; width: 100%; font-size: 14px; color: #c0c0c0; margin-top: 5px; margin-left: 5px;}
.top-head .admin-bar {text-align: right; margin-top: 22px;}
.top-head .admin-bar a {color: #fff; line-height: 49px; position: relative}
.top-head .admin-bar a:hover{color: #ff0000}
.top-head .admin-bar a i{margin-right: 6px;}
.top-head .admin-bar .ping {background: #ff0000; border: 3px solid #141517; border-radius: 50%; height: 14px; position: absolute; right: -2px;    top: 13px; width: 14px; z-index: 1;}
.top-head .admin-bar img {float: right; height: 50px; width: 50px; margin-left: 18px;}

.top-nav{background: #f6f6f6; padding: 0; border-bottom: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb}
.top-nav .nav-link {padding-bottom: 0.7rem; padding-top: 0.7rem;}
.top-nav .navbar-nav .nav-item + .nav-item{margin-left:0}
.top-nav li a{color: #141517; text-transform: uppercase; font-size: 14px; font-weight: 700; padding: 0 10px;border-right: 1px solid #cbcbcb}
.top-nav li a:hover, .top-nav li a:focus, .top-nav li.active a{color: #fff;background-color:#000C78; }
.top-nav .form-control{border-color: #fff}
.navbar-toggle{background: #fff;}
.navbar-toggle .icon-bar{background:#0A2E61; }
.navbar-brand{display: none;}

/* ======= Début Custo Figaro ======= */

.top-head-fig{background: linear-gradient(#3d7acc, #2e5c99); width: 100%; height: 130px;}
#logo{text-align:center;width: 100%;margin-top:25px;margin-bottom:20px;}

.top-nav-fig{text-align:center;width: 100%;}
.top-nav-fig .nav-link {text-align:center;color: #cbdff7; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 700; padding: 0 10px 0 10px;border-right: 1px solid #2e5c99}
.top-nav-fig .nav-link:hover{color: #fff;}
.no-border-right{border-right:0px !important;}
.special{background-color: #c79900; color: #FFF !important;border-radius:5px;margin-left:10px;}

/* ======= Logo Responsive ======= */
@media only screen and (max-width: 500px) {    
        
  .top-head-fig{background: linear-gradient(#3d7acc, #2e5c99); width: 100%; height: 90px;}
  #logo{text-align:center;width: 100%;padding-top:15px;margin-top:15px;margin-bottom:10px;}
  h1{font-size: 1.8rem;}
    
}   

/* ======= Fin Custo Figaro ======= */

.side-bar {background-color:#f6f6f6;padding:10px;border-radius:3px;}

.section-01{float: left; width: 100%;}
.section-01 .heading-large {border-bottom: 2px solid #222; color: #222; float: left; width: 100%; padding:0 0 6px; margin:0 0 18px; text-align: left;font-size:200%;}
.section-01 .heading-large::before, .section-01 .heading-large::after{background: transparent;}
.section-01 .heading-small {border: 2px solid #000C78; color: #000C78; text-align:center; width: 100%; padding-bottom: 20px; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 10px;background-color:#fff;}
.section-01 .title-small {margin: 10px; font-size:17px;  }
.section-01 .news-block{border-bottom: 1px dashed #000; padding-bottom: 30px; border: none;}
.section-01 aside > .news-block{border-bottom: 1px dashed #000; padding-bottom: 19px;}
.section-01 aside > .news-block:last-child{border-bottom: none; margin-bottom: 20px}
.section-01 .card{border: none;}
.section-01 .card-block{padding: 10px 0;}
.section-01 .video-sec {float: left; margin-top: 30px; width: 100%;}
.section-01 .video-block {float: left; margin-top: 20px; width: 100%;}

.copyright { min-height:40px; background-color:#000; float: left; width: 100%}
.copyright p { text-align:right; color:#c2c2c2; padding:10px 0; margin-bottom:0px; font-size: 11px;}
.copyright a{color: #c2c2c2}
.copyright a:hover{text-decoration: none;}
.bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
.bottom_ul li { float:left; line-height:40px;}
.bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
.bottom_ul li a { color:#FFF;  font-size:12px;}

.mb-20{margin-bottom:20px;}
.mb-0{margin-bottom:0;}

.disclaimer{border:1px solid #cbcbcb;padding:10px;border-radius:3px;}
.text-center{text-align:center !important;}
.text-grey{color:grey !important;}