html, body {
    height: 100%;
    background-color: #f1f2f6;
    font-family: Lato, Arial, sans-serif;
}
body{
	-webkit-print-color-adjust: exact;
    overflow-x: hidden;  
}
.interlignage{
    font-size: 13px;
    line-height: 29px;
}
a {color:black;}
a:hover{color:black; text-decoration: none;}
.tableAnalytics{
    height: 300px;
    clear: both;
}
.text-primary{
    color: #BC001B;
}
a.text-primary:hover{
    color: #7D0012;
}
.bg-primary{
    background-color: #4D3543;
}
.btn-primary{
    background-color: #BC001B;
    border: none;
}
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:active:focus, 
.btn-primary.active{
    background-color: #7D0012;
    outline: none;
}
.float-left{
    float: left;
}
.btnRetour{
    margin-left: 15px;
}
.connexion{
    text-align: center;
    width: 500px;
    padding: 20px;
    margin: 10% auto;
    background: #fff;
}
.connexion .img-responsive{
    margin: 0 auto 20px auto;
}
.container-fluid, .container{
    min-height: 100%;
    margin-bottom: -60px;
}
footer{
    background: #fff;
    padding: 20px;
    text-align: center;
}
footer p{
    margin: 0px;
}
.connexion h1{
    margin: -20px -20px 20px -20px;
    padding: 20px;
    text-align: center;
    font-size: 24px;
}
.form-control, .btn{
    border-radius: 0px;
}
.padding0{
    padding: 0;
}
.padding020{
    padding: 0 20px; 
}
.margin{
    margin: 20px 0 20px 10px; 
}
.marginTb{
    margin: 20px 0;
}
.margin-little-bottom{
  margin-bottom: 6px;  
}
.margin-little-top{
   margin-top: 5px;  
}
.nav-bar{
	display: none;
}
.nav-bar .informationCli a{
    color: #9b9b9b;
    text-decoration: none;
    padding: 25px 20px;
    display: block;
    float: left;
}
.menu{
	display: none;
}
.menu ul{
    padding: 0;
    list-style: none;
    clear: both;
}
.menu ul li a{
    padding: 20px 25px;
    display: block;
    text-decoration: none;
    color: #000;
    border-left: 3px solid transparent;
    transition: 1s;
}
.menu ul li .question{
    color: #9b9b9b;
}
.menu ul li a:hover, .menu ul .active a{
    color: #BC001B;
    border-color: #BC001B;
    background: #f9fafc;
}
.menu ul li.lastItem{
    position: absolute;
    bottom: 130px;
    width: 100%;
}
.menu ul li.lastItem2{
    position: absolute;
    bottom: 70px;
    width: 100%;
}
.menu ul li a span{
    margin-left: 20px;
}
.contentActu a p{
    color: #000;
}
.contentActu a:hover{
    text-decoration: none;
}
.myactu{
    background: #f9fafc;
    padding: 15px;
    float: left;
    min-height: 243px;
}
.myactu img{
    margin-top: 10px;
}
.myactu a{
    text-decoration: none;
}
.myactu h4{
    margin-bottom: 0;
    font-weight: bold;
}
.myactu span{
    color: #000;
}
.margin-bottom{
    margin-bottom: 20px;
}
.margin-bottom-big{
    margin-bottom: 90px;
}
.bloc{
    padding: 20px;
    background: #fff;
    margin: 20px 0;
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 3px solid transparent;
}
.bloc-inverse{
    border-bottom: 0px solid transparent;
    border-top: 3px solid transparent;
}
.bloc h2{
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
}
.bloc-inverse h2{
    margin: 0 0 20px 0;
}
.bloc h3{
    font-size: 16px;
    margin: 7px 0 6px 0;
}
.sousBloc{
    background: #f9fafc;
    clear: both;
    padding: 10px;
}
ul{
    list-style: none;
}
.sousBloc h3{
    margin-top: 0px
}
.siteHeader{
    font-weight: bold;
    margin-left: -15px;
}
.bloc .siteHeader i{
    font-size: 15px; 
}
.blocIndex{
    margin-bottom: 0px;
}
.bloc i{
    font-size: 55px;
}
.bloc-inverse i{
    margin-right: 30px;
    font-size: 25px;
}
.rond{
    width: 70px;
    display: block;
    padding: 15px 0;
    margin: auto;
    background: #f1f2f6!important;
    border-radius: 80px;
    text-align: center;
    font-weight: bold;
}
.explicationGraphe{
    font-style: italic;
    font-size: 12px;
	text-align: center;
}
.restul{
    padding: 10px 30px;
    display: none;
}
.restul p{
    margin: 0px;
    color: #fff!important;
}
.arrow-right-position{
    position: absolute;
    left: 5px;
    top: 30px; 
}
.arrow-left-position{
    position: absolute;
    right: 5px;
    top: 30px;
}
.arrow-right{
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid black;
}
.arrow-left{
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid black;
}
.kpi{
    padding: 5px 5px 5px 25px;
    background: #f1f2f6;
}
.kpi span{
    margin-right: 40px;
    font-weight: bold;
}
.bloc h4{
    color: #737373;
}
.bloc h4 i{
    margin-right: 10px;
    color: #737373;
    font-size: 20px;
}
.openmenu{
    font-size: 40px;
    padding: 6px 20px;
    cursor: pointer;
}
.graphique{
    height: 400px;
}
.graphique p{
    text-align: center;
    padding-top: 190px;
}
.month{
    padding: 83px;
}
.hidden{
    display: none;
}
.sousBloc .titleaudience{
    font-size: 12px;
    text-decoration: underline;
}
/* couleurs */
.green{
    border-color: #008c4f;
}
.green i, .sousBloc.green h3, .green .siteHeader, .bloc-inverse.green h2, .reseauSosiaux .colorgreen{
    color: #008c4f;
}
.blueGreen{
    border-color: #008a8c;
}
.blueGreen i, .sousBloc.blueGreen h3, .blueGreen .siteHeader, .bloc-inverse.blueGreen h2, .blueGreen span{
    color: #008a8c!important;
}
.grey{
    border-color: #545454;
}
.grey i, .sousBloc.grey h3, .grey .siteHeader, .bloc-inverse.grey h2{
    color: #545454;
}
.bgblueGreen{
    background-color: #008a8c!important;
}
.bgBigblue{
    background-color: #015d8c!important;
}
.colorblue span{
    color: #015d8c!important;
}
.bgblueGreen .arrow-right{
    border-left-color: #008a8c;
}
.bgBigblue .arrow-right{
    border-left-color: #015d8c;
}
.bgblueGreen .arrow-left{
    border-right-color: #008a8c;
}
.bgBigblue .arrow-left{
    border-right-color: #015d8c;
}
.bigBlue{
    border-color: #015d8c;
}
.bigBlue i, .sousBloc.bigBlue h2, .bigBlue .siteHeader, .bloc-inverse.bigBlue h2{
    color: #015d8c;
}
.red{
    border-color: #8d0102;
}
.red i, .sousBloc.red h2, .red .siteHeader, .bloc-inverse.red h2{
    color: #8d0102;
}
.blue{
    border-color: #00428c;
}
.blue i, .sousBloc.blue h2, .blue .siteHeader, .bloc-inverse.blue h2{
    color: #00428c;
}
.purple{
    border-color: #9d3b76;
}
.purple i, .sousBloc.purple h2, .purple .siteHeader, .bloc-inverse.purple h2{
    color: #9d3b76;
}
.purple .pagination .active a{
    background-color: #9d3b76;
    border-color: #9d3b76;
}
.yellow{
    border-color: #FFC824;
}
.yellow i, .sousBloc.yellow h2, .yellow .siteHeader, .bloc-inverse.yellow h2{
    color: #FFC824;
}
.pink{
    border-color: #BC001B;
}
.pink i, .sousBloc.pink h2, .pink .siteHeader, .bloc-inverse.pink h2{
    color: #BC001B;
}
.noLink, .noLink:hover, .noLink:focus, .noLink:active{
    color: initial;  
}
.openmenu{
    display: none;
    color: #BC001B;
}
.restul .number{
    color: #fff!important;
    font-weight: bold;
}
span.number.pull-right {
    display: contents;
}
.canvasjs-chart-credit{
    display: none;
}
.titleSite{
    margin-top: 18px; 
}
.iconRapport{
    margin-top: 8px;
}
.nomSociaux{
    background-color: #015d8c;
    padding: 20px;
    color: #fff;
    cursor: pointer;
}
.nomSociaux span i{
    color: #fff;
    font-size: 16px;
}
.reseauSosiaux{
    display: none;
}
.logoReseau i{
    font-size: 55px;
}
.linkhome img{
    margin-left: 45px;
}
.rowcustom-right{
    margin-right: 0;
}
.nomSociauxOpen{
    transition: 1s;
    background-color: #008a8c;
}
.contenu-promotion
{
	max-height: 100%;
    overflow: visible;
}
.contenu-promotion-open
{
	height: auto;
	max-height: inherit;
}

.wapper{
    margin-left: 0;
    padding: 0;
    min-height: 100%;
    margin-bottom: 0;
}
.probleme-analytics
{
	padding-top: 60px;
    text-align: center;
}
.graphique .probleme-analytics
{
	padding-top: 100px;
}
.graphique .probleme-analytics p
{
	padding: 0px;
}
.probleme-analytics a,
.probleme-analytics a:hover
{
	color: #8d0102;
}

.voir-la-suite
{
	display: none;
}
.padding-bottom-promo
{
	padding-bottom: 40px;
}
.warning
{
	margin-bottom: 10px;
}
.actualiteeGda
{
	display: none;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
.col-md-offset-6 {
	margin-left: 50%;
}
.traficSite,
.promotionsbloc,
.presentationAudiance
{
	width: 100%;
}
.element tr
{
	display: table-row!important;
}
.pagination
{
	display: none;
}
.promotionsbloc
{
	page-break-inside: always;
}