// DIVERS BLOCKS
@bordure: #d3d1d1;

// FONT SIZE
.font-size(@sizeValue) {
    @remValue: @sizeValue;
    @pxValue: (@sizeValue * 10);
    font-size: ~"@{pxValue}px"; 
    font-size: ~"@{remValue}rem";
}
@base-font-size : 14px; // Si "14px" puis 1em = 14px
@line-height    : 1.5; // equiv line-height 1.5
@h1-size 		: 2.4rem; // equiv "24px"
@h2-size        : 3.6rem; // equiv "30px"
@h3-size        : 4.8rem; // equiv "48px"
@h3-size-content : 3.0rem;
@h4-size        : 1.8rem; // equiv "18px"
@h5-size        : 1.6rem; // equiv "16px"
@h6-size        : 1.5rem; // equiv "15px"

// Menu déroulant Left
@titremenuleft : 6.4rem;
@soustitremenuleft : 3.6rem;

// MEDIA POUR L'AGENDA
@scre1444: ~"only screen and (max-width: 1444px)";
@scre995: ~"only screen and (max-width: 995px)";
@scre800: ~"only screen and (max-width: 800px)";
@scre600: ~"only screen and (max-width: 600px)";
@scre400: ~"only screen and (max-width: 400px)";

// MEDIA QUERIES
@media (max-width: 768px){.container, .sousmenu{width:750px!important;}}
@media (max-width: 992px){.container, .sousmneu{width:970px!important;}}
@media (max-width:@preset_sizesite){.container, .sousmenu{width:100%!important;}}

@mobile:  ~"only screen and (max-width: 450px)"; // Affichage Mobile
@tabletV: ~"only screen and (max-width: 750px)"; // Affichage Tablette Vertical
@tabletH: ~"only screen and (max-width: 995px)"; // Affichage Tablette Horizontal
@laptop:  ~"only screen and (max-width: 1444px)"; // Affichage Laptop (Petite résolution) 
@retina: ~"only scren and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2)"; // Affichage pour écran retina.