@gray-darker:  lighten(#000, 13.5%); // #222
@gray-dark:    lighten(#000, 20%);   // #333
@gray:         lighten(#000, 33.5%); // #555
@gray-light:   lighten(#000, 46.7%); // #777
@gray-lighter: lighten(#000, 93.5%); // #eee

@brand-primary: darken(#428bca, 6.5%); // #337ab7
@brand-success: #5cb85c;
@brand-info:    #5bc0de;
@brand-warning: #f0ad4e;
@brand-danger:  #d9534f;

@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

.box-sizing(@box-model) {
    -webkit-box-sizing: @box-model; // Safari <= 5
    -moz-box-sizing: @box-model; // Firefox <= 19
    box-sizing: @box-model;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@screen-sm-min:768px;
@screen-md-min:992px;
@screen-lg-min:1200px;

html, body{
    background-color: #FFFFFF;
}
.cAlogo{
    padding: 0px 15px;
}
.cImgLogo01{
    width: 150px;
    padding: 20px 0px 0px 20px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
    html, body{
        background-color: #ffffff;
    }

    /* menu */
    .menuLi .menuA{


        padding-left: 15px;
        padding-right: 15px;
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .logo{
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .menuLI:hover, .menuLi .menuA:hover{
        background-color: tomato !important;
    }
    .cAlogo{
        padding: 15px;
    }
    .cImgLogo01{
        width: 130px;
        padding:0px;
    }
    .cAlignMenu{
        float: none;
        margin: 0 auto;
        display: table;
    }
    .titreSection{
        font-size: 25px;
    }



    /* contenu */
    .cContentMain{
        padding-top: 80px 
    }
    .cImgCaroussel{
        margin: 0 auto
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 
    html, body{
        background-color: #ffffff;
    }


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 
    html, body{
        background-color: #ffffff;
    }
}