@charset "UTF-8";
/* *********************************************** */
/* Projet : amd7012                                */
/* Fichier CSS specifique au cours                 */
/* Dernieres modifications : novembre 2019         */
/* Auteur : FEB                                    */
/*                                                 */
/* Table des matieres :                            */
/* - Imports SASS                                  */
/* - Variables                                     */
/* - Header                                        */
/* - Menu                                          */
/* - Contenu                                       */
/* - Footer                                        */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* Imports SASS                                    */
/* ----------------------------------------------- */
/* *********************************************** */
/* MIXINS                                          */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - Media queries                                 */
/* - Layout                                        */
/* - Texte                                         */
/* - Animations et transformations                 */
/* - Visibilite et opacite                         */
/* - Borders                                       */
/* - Autres                                        */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* Media queries                                   */
/* ----------------------------------------------- */
/* =============================================== */
/* Layout                                          */
/* ----------------------------------------------- */
/* Applique les styles pour creer une colonne responsive a partir de sa largeur (en nombre de colonnes) par rapport au nombre maximal de colonnes. */
/* Applique un retrait a gauche en remplacement de colonnes vides. */
/* Applique une largeur de 100% sur toutes les colonnes. */
/* Applique une largeur de 50% sur toutes les colonnes sauf celles qui sont deja pleine largeur. */
/* Appele le mixin col avec les bons parametres pour toutes les classes "merge" et "offset". */
/* =============================================== */
/* Texte                                           */
/* ----------------------------------------------- */
/* Calcul du font-size en rem et son fallback en px. */
/* Calcul du line-height en rem et son fallback en px. */
/* Calcul du font-size en rem et son fallback en px. */
/* et calcul du line-height (par un multiplicatif relatif au font-size) */
/* en rem et son fallback en px. */
/* Selection de texte avec les differents prefixes necessaires. */
/* Interdire la selection du texte avec les differents prefixes necessaires */
/* https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6 */
/* font-face */
/* =============================================== */
/* Animations et transformations                   */
/* ----------------------------------------------- */
/* =============================================== */
/* Visibilite et opacite                           */
/* ----------------------------------------------- */
/* Cache un element visuellement seulement pour qu'il reste disponible pour les lecteurs d'ecran. */
/* Cache un element completement. */
/* Remplace un texte par une image. */
/* Applique une opacite avec son fallback pour internet explorer. */
/* Applique une couleur rgba avec opacite et une couleur fallback solide correspondante. */
/* =============================================== */
/* Borders                                         */
/* ----------------------------------------------- */
/* Applique des coins arrondis de plusieurs grandeurs. */
/* Applique une bordure de plusieurs couleurs. */
/* =============================================== */
/* Autres                                          */
/* ----------------------------------------------- */
/* Centre un element verticalement. */
/* Centrer un element. Le parent doit être position: relative */
/* Calcul le ratio d'un element avec une image de background dont on veut changer la taille. */
/* Cree un triangle en css seulement. */
/* Cree un rond en css seulement. */
/* *********************************************** */
/* VARIABLES                                       */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - Grille                                        */
/* - Breakpoints                                   */
/* - Couleurs                                      */
/* - Fontes                                        */
/* - Grosseur                                      */
/* - Autres                                        */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* Grille                                          */
/* ----------------------------------------------- */
/* Indiquez ici le nombre de colonnes de la        */
/* grille utilisee, leur padding (s'il y a lieu)   */
/* ainsi que la largeur des goutieres.             */
/* ----------------------------------------------- */
/* =============================================== */
/* Breakpoints                                     */
/* ----------------------------------------------- */
/* Indiquez ici les differents breakpoints de      */
/* votre grille responsive. Vous pouvez en ajouter, */
/* en enlever et en modifier selon vos besoins.    */
/* ----------------------------------------------- */
/* =============================================== */
/* Couleurs                                        */
/* ----------------------------------------------- */
/* Indiquez ici toutes couleurs (texte, bordure,   */
/* background...) que vous comptez reutiliser a    */
/* plusieurs reprises dans votre site. Vous pouvez */
/* en ajouter, en enlever et en modifier selon     */
/* vos besoins.                                    */
/* ----------------------------------------------- */
/* Background */
/* Texte */
/* Hyperlien */
/* Bordure */
/* =============================================== */
/* Fontes                                          */
/* ----------------------------------------------- */
/* Indiquez ici les fontes                         */
/* que vous comptez reutiliser a                   */
/* plusieurs reprises dans votre site. Vous pouvez */
/* en ajouter, en enlever et en modifier selon     */
/* vos besoins.                                    */
/* ----------------------------------------------- */
/* =============================================== */
/* Grosseur                                        */
/* ----------------------------------------------- */
/* Indiquez ici les grosseurs                      */
/* que vous comptez reutiliser a                   */
/* plusieurs reprises dans votre site. Vous pouvez */
/* en ajouter, en enlever et en modifier selon     */
/* vos besoins.                                    */
/* ----------------------------------------------- */
/* =============================================== */
/* Autres                                          */
/* ----------------------------------------------- */
/* Variables divers                                */
/* ----------------------------------------------- */
/* Hauteur */
/* =============================================== */
/* Variables                                       */
/* ----------------------------------------------- */
/* =============================================== */
/* Header                                          */
/* ----------------------------------------------- */
#main {
  background-image: url("../img/structure/adm7012_img_background_small.jpg");
}

/* Media Queries---------------------------------- */
@media screen and (min-width: 320px) {
  #main {
    background-image: url("../img/structure/adm7012_img_background_large.jpg");
  }
}
#zoneIdentitaire {
  background-color: #005E8A;
}

/* =============================================== */
/* Menu                                            */
/* ----------------------------------------------- */
@media screen and (min-width: 768px) {
  #zoneMenu {
    background-color: #005E8A;
  }

  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li.parent > a:after {
    border: 4px solid transparent;
    border-left: 8px solid #951B29;
    border-right: 0;
    height: 0;
    width: 0;
  }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li.parent.active > a:after {
    border: 4px solid transparent;
    border-top: 8px solid #951B29;
    border-bottom: 0;
    height: 0;
    width: 0;
  }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal .sub ul li:not(.parent).itemActif a, body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal .sub ul li:not(.parent) a:hover {
    color: #005E8A;
  }
}
/* =============================================== */
/* Contenu                                         */
/* ----------------------------------------------- */
a {
  color: #951B29;
}

#contenu h1, #contenu h2, #contenu h3, #contenu h5, #contenu h6 {
  color: #005E8A;
}
#contenu h2 {
  color: #951B29;
}
#contenu h3 {
  border-bottom-color: #005E8A;
}
#contenu ul > li:before {
  color: #005E8A;
}
#contenu .tableau.style1 th {
  background-color: #005E8A;
}
#contenu .tableau.style1 .interTitre th {
  background-color: #951B29;
}
#contenu .boite {
  border-color: #951B29;
}
#contenu div.sommaire ul {
  border-left-color: #951B29;
}
#contenu div.sommaire ul > li a:hover {
  color: #005E8A;
}

/* =============================================== */
/* Footer                                          */
/* ----------------------------------------------- */
#footer {
  background-color: #005E8A;
}