/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */
html{height:100%;}

body {font-size: 12px;}
.page {margin-top:2px; margin-bottom:30px;padding-left: 21px;}

.footer { clear: both;margin-bottom: 15px; margin-top:65px;padding: 1.5em 0 0;}

.wrapper {bottom:37px;position:fixed;}
.content {}
.aside {margin-bottom:15px;}

/*---------- colonne ----*/
/* colonnes */

.col-sm-10 {}
.col-lg-push-1 {
    left: 2.33333%;
}

.col-gauche {position:fixed;top:1px;max-width: 350px;margin-top:37px;}
.col-gauche-accueil {position:absolute;margin-top:44px;width:186px;float:left;margin-left:36px;}
.colonne-contenue {}
.colonne-centre-droite {}
.colonne-centre-double {min-width:108px;}
.colonne.descriptif {margin-right: 20px;}
.nav {margin-top:32px;margin-bottom:15px;position:relative;z-index:10; }
.myopen {float:right; position: relative; z-index:20; right: 10px;}
.menupetit .menu_anime {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    z-index:1;
}
.affix {width: 19.6667%;max-width:324px}

/* Entete et barre de navigation
------------------------------------------ */
.col-gauche #logo {max-width:140px;}
/*.col-gauche-accueil #logo {max-width:120px;}*/
.header {}
.header #logo { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; color: #222; }
.header #slogan { margin: 0; }

.logoprint { display: none; }

.formulaire_menu_lang {  }


#formulaire_recherche {  }

.footer .colophon { }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }

/* Gabarit d'impression
------------------------------------------ */
@media print {
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.ps,
.footer,
.titrecol,
.email,
.lienpdf,
#socialtags,
.socialtags,
.navartrub,
.navartart,
.navbottom,
.col-gauche,
.btn{ display: none; }
.collapse {display: block;}
.col-sm-8,.aside {width: 100%;}
.logoprint { display: block; }

}

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */

@media (max-height: 800px) {
.wrapper {position:relative;margin-top:8em;}
}

@media (max-width: 768px) {

body {font-size:1em;letter-spacing: -0.09em;}
.affix {width: 25%;padding-right:39px;}
.col-accueil {margin-top:25px;}
.col-centre {margin-left:0px;}
.col-lg-push-1 {
    left: 0%;
}
.nav {margin-bottom:15px; margin-top:10px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,
.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,
.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,
.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,
.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:5px;padding-left:5px}
.footer {margin-left: 0px;}

}

@media (min-width: 769px) {
body {font-size:1em;letter-spacing: -0.09em;}
.col-sm-2 {width:19.6667%}
.col-sm-push-2 {left: 19.6667%;}
.col-sm-10 {width:80.3333%;}
.affix {padding-right:37px;}
.col-accueil {margin-top:25px;}

}

@media (min-width: 992px) {
body {font-size:1.2em;letter-spacing: 0em;}
.col-sm-10 {width:80.3333%;}
.affix {padding-right:37px;}
.col-accueil {margin-top:0;}

}


@media (min-width: 1540px) {
body {font-size:1.4em;}

}
/* end */