﻿
        .skin-blue .sidebar a {
            color: #000;
            font-size: 16px;
        }

        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            font-family: oswald !important;
        }

        body {
            font-family: oswald;
        }

        .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
            background: #2D8E43 !important;
        }

        .titre {
            text-transform: uppercase;
            font-size: 20px;
            color: #2D8E43;
            margin-top: 2px;
            border-bottom: 1px solid #2D8E43;
        }

        .box.box-solid.box-warning > .box-header {
            text-align: center;
        }

        .tags a {
            border: 1px solid #DDD;
            display: inline-block;
            color: #717171;
            background: #FFF;
            -webkit-box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
            box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
            -webkit-transition: all .1s ease-in-out;
            -moz-transition: all .1s ease-in-out;
            -o-transition: all .1s ease-in-out;
            /*-ms-transition: all .1s ease-in-out;*/
            transition: all .1s ease-in-out;
            border-radius: 2px;
            margin: 0 3px 6px 0;
            padding: 5px 10px;
        }

            .tags a:hover {
                border-color: #08C;
            }

            .tags a.primary {
                color: #FFF;
                background-color: #428BCA;
                border-color: #357EBD;
            }

            @media (min-width: 999px){
                #HeaderLogo{
                    margin-left: 20%;
                }
                .LabelTitre{
                     margin-top: 3%;
                }
            }
            @media (max-width:799px){
               
                .LabelTitre{
                     margin-left: 52px !important;
                }
            }
             @media (min-width:996px) AND (max-width:1116px) {
               
                #HeaderLogo{
                    margin-left: 8% !important;
                }
            }
            
 
