#logo_acceuil{
    text-align: center;
}
#logo_acceuil img{
    width: 200px;
}
#box1{
    background-color: #626BE3;
}
#box2{
    background-color: #007BFF;
}
#box3{
    background-color: #F1536E;
}
#box4{
    background-color: #22AE7A;
}
.bg-radious-white{
    border-radius: 50%;
    background-color: #ffffff; 
}
.infographic-box .c{
    color: #626be3;
}

.infographic-box .f{
    color: #007bff;
}

.infographic-box .l{
    color: #F1536E;
}

.infographic-box .r{
    color: #22AE7A;
}

.information{
    margin-top:30px;
    margin-bottom:30px;
}
.information .headline{
    color: #ffffff;
}
.infographic-box .value {
    color: #ffffff;
}
@media (max-width: 767px) {
    #content-wrapper {
        padding:10px 8px 0 8px;
    }
}
@media (max-width: 419px) {
    #content-wrapper {
        padding:5px 5px 0 5px;
    }
}
@media (max-width: 767px) {
    #content-header {
        margin:-15px -5px 20px -5px;
    }
}
.main-box {
    background:#FFFFFF;
    box-shadow:0px 1px 1px rgba(0,0,0,0.1);
    margin-bottom:16px;
    border-radius:3px;
    background-clip:padding-box;
}
@media (max-width: 767px) {
    .main-box {
        margin-bottom:10px;
    }
}
@media (max-width: 419px) {
    .main-box h2 {
        margin-bottom:5px;
    }
}
.orange-bg {
    background-color:#ff9933!important;
}
.gray-bg {
    background-color:#aaaaaa!important;
}
.emerald-bg {
    background-color:#03a9f4!important;
}
.dark-blue-bg {
    background-color:#0b7fc2!important;
}
.red-bg {
    background-color:#e84e40!important;
}

.green-bg {
    background-color:#8bc34a!important;
}
.purple-bg {
    background-color:#9c27b0!important;
}

.orange-bg-footer {
    border-bottom: 4px solid #ff9933!important;
    background-color:#fff!important;
    color: #ccc!important;
}
.gray-bg-footer {     
    border-bottom: 4px solid #aaaaaa!important;
    background-color:#fff!important;
    color: #ccc!important;
}
.emerald-bg-footer {
    border-bottom: 4px solid #03a9f4!important;
    background-color:#fff!important;
    color: #ccc!important;
}
.dark-blue-bg-footer {
    border-bottom: 4px solid #0b7fc2!important;
    background-color:#fff!important;
    color: #ccc!important;
}
.red-bg-footer {
    border-bottom: 4px solid #e84e40!important;
    background-color:#fff!important;
    color: #ccc!important;
}

.green-bg-footer {
    border-bottom: 4px solid #8bc34a!important;
    background-color:#fff!important;
    color: #ccc!important;
}
.bleu-bg-footer {
    border-bottom: 4px solid #0b7fc2!important;
    background-color:#fff!important;
    color: #ccc!important;
}
.purple-bg-footer {
    border-bottom: 4px solid #9c27b0!important;
    background-color:#fff!important;
    color: #ccc!important;
}

.emerald {
    color:#03a9f4!important;
}
.txt-white-hover:hover {
    color:#fff!important;
}
.infographic-box {
    padding:20px;
}
.infographic-box i {
    font-size:2.4em;
    display:block;
    float:left;
    margin-right:15px;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    border-radius:50%;
    background-clip:padding-box;
    color:#fff;
}
.infographic-box .headline {
    display:block;
    font-size:1.2em;
    font-weight:300;
    text-align:right;
}
.infographic-box .value {
    font-size:25px;
    font-weight:600;
    margin-top:-5px;
    display:block;
    text-align:right;
}
.infographic-box.merged {
    border-top:2px solid #e7ebee;
    border-right:2px solid #e7ebee;
    width:50%;
}
@media (max-width: 767px) {
    .infographic-box.merged {
        width:100%;
        border-right:none;
    }
}
.infographic-box.merged .headline {
    text-align:left;
    font-size:0.8em;
    margin-top:-2px;
    text-transform:uppercase;
    font-weight:600;
}
.infographic-box.merged .value {
    text-align:left;
    font-size:1.8em;
    font-weight:400;
    margin-top:2px;
}
.infographic-box.merged.merged-top {
    border-top:none;
}
.infographic-box.merged.merged-right {
    border-right:none;
}
@media (max-width: 767px) {
    .infographic-box.merged.merged-top.merged-right {
        border-top:1px solid #e7ebee;
    }
}
.infographic-box.colored {
    color:#fff;
    border:0!important;
}
.infographic-box.colored i {
    font-size:4.6em;
    margin-left:7px;
    color:#fff;
}
.infographic-box.colored .headline {
    font-weight:600;
    margin-bottom:4px;
}

.infographic-box.colored-footer {
    color:#fff;
    border:1px solid #ccc ;
}
.infographic-box.colored-footer i {  
    font-size:3.0em;
    margin-left:7px;
    color:#fff;
}
.infographic-box.colored-footer .headline {
    /*font-weight:600;*/
    margin-bottom:4px;
}

.bg-radious-orange {
    border-radius: 50%;
    background-color:#ff9933;
}
.bg-radious-gray {
    border-radius: 50%;
    background-color:#aaaaaa;
}

.bg-radious-purple{
    border-radius: 50%;
    background-color: #9c27b0; 
}

.bg-radious-green{
    border-radius: 50%;
    background-color: #8bc34a;
}
.bg-radious-bleu{
    border-radius: 50%;
    background-color: #0b7fc2;
}
.bg-radious-red{
    border-radius: 50%;
    background-color: #e84e40;
}

.bg-radious-emerald{
    border-radius: 50%;
    background-color: #03a9f4;
}

.bg-radious-dark-blue{
    border-radius: 50%;
    background-color: #0b7fc2;
}