@charset "UTF-8";
/* CSS Document */

/* Font */
@font-face {
font-family: 'NHaasDisplay';
src: url('police.eot');
src: url('police.eot?#iefix') format('embedded-opentype'),
url('police.woff2') format('woff2'),
url('police.woff') format('woff'),
url('police.ttf') format('truetype');
}

/* General layout */
html, body {
font-family: 'NHaasDisplay', Helvetica, Arial, sans-serif;
font-size:14px;
line-height:18px;
margin:0;
padding:0;
background-color:#FFF;
}

/* Retouches imposées par le print */
#covercontent, .imgprint, #generated { display:none; }

/* Liens */
a {
color:#000;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
}

a:visited {
color:#000;
text-decoration:none;
}

/* Liste */
/* ol { list-style-type: decimal-leading-zero; } */

/* Supprimer les marges autour des paragraphes des blocs */
.index1 p, .index2 p, .index3 p, .issues p, .categories p, .footer p, .homepage p, .issue p, .category p, .header p, .headerexport p, .contact p, .reader p {
margin:0;
}

/* Indentation des textes dans les menus */
.ind { padding-left: 1em; }

/* Numérotation des éléments affichés */
.numero { padding-right: 1em; }

/* Lien Export désactivé */
.cross { text-decoration: line-through; }

/* Index */

/* Haut gauche */
.index1 {
position:fixed;
left:0;
width:50%;
background-color:#FFF;
}

.index1 p {
font-size:56px;
line-height:56px;
padding-top:24px;
padding-left:24px;
padding-right:0;
background-color:#FFF;
}

/* Haut droit */
.index2 {
position:fixed;
left:50%;
width:50%;
background-color:#FFF;
}

.index2 p {
font-size:56px;
line-height:56px;
padding-top:24px;
padding-left:0px;
padding-right:24px;
background-color:#FFF;
}

/* Bas droit */
.index3 {
position:fixed;
left:50%;
bottom:0;
width:50%;
background-color:#FFF;
}

.index3 p {
font-size:56px;
line-height:56px;
padding-left:0px;
padding-right:24px;
padding-bottom:24px;
background-color:#FFF;
}

/* Fixed permanent elements - Navigation */

.issues {
position:fixed;
left:0;
width:20%; /* 1 colonne */
background-color:#FFF;
}

.issues p {
padding-top:24px;
padding-left:24px;
padding-right:0;
background-color:#FFF;
}

.footer {
position:fixed;
left:0;
bottom:0;
padding-bottom:24px;
padding-left:24px;
/* width:20%; /* 1 colonne */
background-color:#FFF;
}
/* Exception contrainte par le formulaire */

/*
.footer p {
padding-bottom:24px;
padding-left:24px;
padding-right:0;
background-color:#FFF;
}
/* Exception contrainte par le formulaire */

.recherche {
font-family: 'NHaasDisplay', Helvetica, Arial, sans-serif;
font-size:14px;
line-height:18px;
border:none;
margin:0;
padding:0;
background-color:#FFF;
}

.recherche:focus {
outline: none; /* Supprime la bordure bleue de certains navigateurs */
background-color:lightblue;	
}

.categories {
position:fixed;
left:20%;
width:20%; /* 1 colonne */
background-color:#FFF;
}

.categories p {
padding-top:24px;
padding-left:18px;
padding-right:6px;
background-color:#FFF;
}

/* Fixed non-permanent elements - Headers */

.header {
position:fixed;
left:40%;
width:60%; /* Largeur 3 colonnes */
background-color:#FFF;
z-index:1;
}

.header p {
padding-top:24px;
padding-left:12px; /* Colonne 3, à gauche */
padding-right:18px; /* Colonne 4, à droite */
background-color:#FFF;
}

.headerexport {
position:fixed;
left:80%;
width:20%; /* Largeur 1 colonne */
background-color:#FFF;
z-index:2;
}

.headerexport p {
padding-top:24px;
padding-left:0px; /* Colonne 5, à gauche */
padding-right:24px; /* Colonne 5, à droite */
background-color:#FFF;
}

/* Images */

.horiz {
width:80%;
}

.verti {
width:60%	
}

/* Scroll part - Different templates */

.homepage {
position:absolute;
left:40%;
width:60%; /* Largeur 3 colonnes */
padding-top:24px; /* Placement en hauteur, placement global, extrait des caractéristiques de paragraphes */
background-color:#FFF;
}

.homepage p {
padding-left:12px;
padding-right:24px;
padding-bottom:24px;
}

.issue {
position:absolute;
left:40%;
width:60%; /* Largeur 2 colonnes */
padding-top:60px; /* Placement en hauteur, placement global, extrait des caractéristiques de paragraphes */
background-color:#FFF;
}

/* Utilisation de calque imposée par le print */
.bloc {
padding-left:12px; /* Colonne 3, à gauche */
padding-right:24px; /* Colonne 4, à droite */
padding-bottom:24px; /* Espace en pied-de-page */
background-color:#FFF;
}

.issue p {
padding-left:12px; /* Colonne 3, à gauche */
padding-right:24px; /* Colonne 4, à droite */
padding-bottom:24px; /* Espace en pied-de-page */
background-color:#FFF;
}

.category {
position:absolute;
left:40%;
width:60%; /* Largeur 2 colonnes */
padding-top:60px; /* Placement en hauteur, placement global, extrait des caractéristiques de paragraphes */
background-color:#FFF;
}

.category p {
padding-left:12px; /* Colonne 3, à gauche */
padding-right:24px; /* Colonne 4, à droite */
padding-bottom:24px; /* Espace en pied-de-page */
background-color:#FFF;
}

/* Spécifiques pour le template d'affichage par catégories */
#headerimg { display:none; }
#headerlist { display:block; }
#catexport { display:none; }
#byimg { display:none; }
#bylist { display:block; }

/* Tableau multi-colonnes de listes */
.listing {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}

.contact {
position:absolute;
left:40%;
width:40%; /* Largeur 2 colonnes */
background-color:#FFF;
}

.contact p {
padding-left:12px; /* Colonne 3, à gauche */
padding-right:18px; /* Colonne 4, à droite */
padding-top:60px; /* Placement en hauteur */
padding-bottom:24px; /* Espace en pied-de-page */
background-color:#FFF;
}

.reader {
position:fixed;
left:80%;
width:20%; /* Largeur 1 colonne */
background-color:#FFF;
}

.reader p {
padding-left:0px; /* Colonne 4, à gauche */
padding-right:24px; /* Bord de l'écran, à droite */
padding-top:60px; /* Placement en hauteur */
padding-bottom:24px;
background-color:#FFF;
}

/* Très grands écrans (Corriger la largeur limite si besoin) */
@media screen and (min-width: 2400px) {

/* General layout */
html, body {
font-size:23px; /* Valeur d'origine : 14px */
line-height:27px; /* Valeur d'origine : 18px */
}

/* Index */
.index1 p {
font-size:112px; /* Valeur d'origine : 56px */
line-height:112px; /* Valeur d'origine : 56px */
padding-top:40px;
padding-left:40px;
}

.index2 p {
font-size:112px; /* Valeur d'origine : 56px */
line-height:112px; /* Valeur d'origine : 56px */
padding-top:40px;
padding-right:40px;
}

.index3 p {
font-size:112px; /* 56px */
line-height:112px; /* 56px */
padding-right:40px;
padding-bottom:40px;
}

/* Fixed permanent elements - Navigation */
.issues p {
padding-top:40px;
padding-left:40px;
}

.footer {
padding-bottom:40px;
padding-left:40px;
}
/* Exception contrainte par le formulaire */

.recherche {
font-size:23px;
line-height:27px;
}

.categories p {
padding-top:40px;
padding-left:26px;
padding-right:10px;
}

/* Fixed non-permanent elements - Headers */
.header p {
padding-top:40px;
padding-left:20px; /* Colonne 3, à gauche */
padding-right:26px; /* Colonne 4, à droite */
}

.headerexport p {
padding-top:40px;
padding-right:40px; /* Colonne 5, à droite */
}

/* Scroll part - Different templates */
.homepage {
padding-top:40px; /* Placement en hauteur, placement global, extrait des caractéristiques de paragraphes */
}

.homepage p {
padding-left:20px;
padding-right:40px;
padding-bottom:40px;
}

.issue {
padding-top:100px; /* Placement en hauteur, placement global, extrait des caractéristiques de paragraphes */
}

/* Utilisation de calque imposée par le print */
.bloc {
padding-left:20px; /* Colonne 3, à gauche */
padding-right:40px; /* Colonne 4, à droite */
padding-bottom:40px; /* Espace en pied-de-page */
}

.issue p {
padding-left:20px; /* Colonne 3, à gauche */
padding-right:40px; /* Colonne 4, à droite */
padding-bottom:40px; /* Espace en pied-de-page */
}

.category {
padding-top:100px; /* Placement en hauteur, placement global, extrait des caractéristiques de paragraphes */
}

.category p {
padding-left:20px; /* Colonne 3, à gauche */
padding-right:40px; /* Colonne 4, à droite */
padding-bottom:40px; /* Espace en pied-de-page */
}

.contact p {
padding-left:20px; /* Colonne 3, à gauche */
padding-right:26px; /* Colonne 4, à droite */
padding-top:100px; /* Placement en hauteur */
padding-bottom:40px; /* Espace en pied-de-page */
}

.reader p {
padding-left:0px; /* Colonne 4, à gauche */
padding-right:40px; /* Bord de l'écran, à droite */
padding-top:100px; /* Placement en hauteur */
padding-bottom:40px;
}
	
}