/* CSS LE RIZE : styles-user*/

/*Modifications avril 2021 : Le Rize*/

/* ORDRE CSS /
    Propriété display : tout ce qui affecte le rendu par défaut de lâ€™élément
    Positionnement : tout ce qui détermine la position de l élément
    Modèle de boîte : tout ce qui influe sur les dimensions de l élément
    Transformations et transitions
    Typographie : tout ce qui détermine les caractéristiques de la police de caractères
    Décoration : les propriétés purement ornementales
*/

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Oswald',Arial,Helvetica,Verdana,sans-serif;
}

* {
   background-repeat: no-repeat;
}

/*old*h1 { font-size: 42px; line-height: 46px; font-weight: 400; color: #707070; margin-top: 22px; margin-bottom: 10px; text-align: left; }*/

h1 {
   margin-top: 0;
   margin-bottom: 10px;
   text-align: left;
   text-transform: uppercase;
   font-size: 30px;
   font-weight: 500;
   line-height: 46px;
   color: #000;
}

/*h1.titre_page {margin-top: 20px;}*/

/*old*h2 { font-size: 30px; line-height: 34px; font-weight: 700; margin-top: 12px; margin-bottom: 8px;color: #515151; text-align: left; }*/

h2 {
   margin-top: 12px;
   margin-bottom: 8px;
   text-align: left;
   font-size: 24px;
   font-weight: 400;
   line-height: 34px;
   color: #000;
}

h3 {
   margin-top: 5px;
   margin-bottom: 12px;
   text-align: left;
   font-size: 18px;
   font-weight: 500;
   color: #000;
}

h4 {
   margin-top: 30px;
   margin-bottom: 8px;
   text-align: left;
   font-size: 18px;
   font-weight: 400;
   color: #000;
}

h5 {
   margin-top: 15px;
   margin-bottom: 10px;
   text-align: left;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 400;
   color: #000;
}

h6 {
   margin-top: 14px;
   margin-bottom: 7px;
   text-align: justify;
   font-size: 14px;
   font-weight: 400;
   color: #000;
}

blockquotes {
    /* une paire de guillemets avec espace fine insécable*/
    quotes: 'Â«&nbsp;' '&nbsp;Â»';
}

blockquote::before {
   content: open-quote;
}

blockquote::after {
   content: close-quote;
}

p {
   margin-top: 6px;
   margin-bottom: 10px;
   text-align: justify;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   -webkit-hyphens: manual;
   hyphens: manual;
   -ms-hyphens: manual;
}

ul {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   padding-left: 30px;
   text-align: left;
   list-style-image: url(../images/icones/puce.png);
}

ul ul {
   list-style-image: url(../images/icones/puce_niv2.png);
}

li {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 14px;
   line-height: 18px;
}

a {
   font-weight: 500;
}

p a {
   background-color: rgba(255, 255, 0, 0.3);
}

ul li a {
   background-color: rgba(255, 255, 0, 0.3);
}

.fichier {
   display: block;
   margin-top: 8px;
   margin-bottom: 8px;
   padding: 6px 4px 4px 30px;
   text-align: left;
   background-color: rgba(255, 255, 0, 0.3);
   background-image: url(../images/icones/fichier.png);
   background-position: 6px 8px;
   background-size: 18px;
}

a.fichier {
   padding-bottom: 8px;
}

.fichier a {
   background-color: rgba(255, 255, 0, 0);
}

.fleche {
   display: block;
   margin-top: 8px;
   margin-bottom: 8px;
   padding-left: 13px;
   background-image: url(../images/icones/fleche.png);
   background-position: 0 5px;
}

.url {
   display: block;
   margin-top: 8px;
   margin-bottom: 8px;
   padding-bottom: 5px;
   padding-left: 30px;
   background-color: rgba(255, 255, 0, 0.3);
   background-image: url(../images/icones/url.png);
   background-position: 6px 2px;
   background-size: 18px;
}

a.url {
   display: block;
}

.url a {
   background-color: rgba(255, 255, 0, 0);
}

.mail {
   margin-top: 8px;
   margin-bottom: 8px;
   padding-left: 30px;
   background-image: url(../images/icones/mail.gif);
   background-position: 3px 4px;
}

.telephone {
   padding-left: 30px;
   background-image: url(../images/icones/telephone.png);
}