@preset_sizesite:1444px;
@preset_colormaster:#0a459b;
@preset_colorsecondary:#ec6037;
@preset_colortext:#0a459b;
@preset_bgtop:#f7f7f7;
@preset_bgheader:#ffffff;
@preset_footerbg:#0a459b;
@preset_logotext1:#0a459b;
@preset_logotext2:#0a459b;
@preset_icotop:#0a459b;
@preset_navbg:#0a459b;
@preset_navtext:#e1e1e1;
@preset_logofont1:3.2;
@preset_logofont2:6.6;
@accesrapide: item-507;
html, body, .h1, .h2, .h5, .h6, h1, h2, h5, h6{font-family:'Roboto';}
@font_googleFontNameT:'Roboto';
.h3, h3, h4, .h4{font-family:'Roboto Condensed';}
@font_googleFontNameT1:'Roboto Condensed';
@img_bgmeteo:url('../../../images/templates/Weather.jpg');
@preset_publicationbtncolor1:#0a459b;
@preset_publicationbtncolor2:#e04816;
@img_bgfooter:url('../../../images/templates/bg-footer.jpg');
@preset_bgfooter:#0a459b;





// 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.