/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    MOLÉCULE : EDITOR WYSIWYG
    Styles des contenus éditables
*/

/*
    Listes
        Ul
        Ol
        Liste de descriptions
    Mise en forme - Inline
        Strong
        Italic
        Soulignement
        Barré
        Accronyme
        Exposant & Indice
    Mise en forme - Block
        Contact
        Code
        Préformaté
        Séparateur
    Citation
    Tableau
*/



/* -----------------
    Listes
        Ul
----------------- */

ul:not([class]) {
    text-align: left;
	margin: 5px 0 50px;
}

ul li {
    list-style: none;
}

    ul:not([class]) li {
        position: relative;
        list-style: none;
        padding: 0 0 0 calc(1.8rem + 10px);
    }

        ul:not([class]) li + li {
            margin-top: 15px;
        }

        ul:not([class]) li::before {
            content: "\e927";
            position: absolute;
            left: 0;
            color: var(--c-primary);
            font-family: 'icomoon';
            font-size: 1.8rem;
            line-height: 1;
        }



/* -----------------
    Listes
        Ol
----------------- */

ol:not([class]) {
    counter-reset: numList;
    font-family: var(--font-secondary);
    text-align: left;
    margin: 5px 0 50px 15px;
}

ol li {
    list-style-type: none;
}

	ol:not([class]) li::before {
		content: "0" counter(numList);
		counter-increment: numList;
        color: var(--c-primary);
        font-family: var(--font-primary);
		font-weight: 800;
		margin: 0 5px 0 0;
	}



/* ---------------------------------
    Listes
        Liste de descriptions
--------------------------------- */

dl {
    margin: 10px 5px;
}

dt {
    color: var(--black);
    font-size: 1.rem;
    font-weight: 700;
}

dd {
    font-style: normal;
    text-indent: 10px;
    margin: 0;
    padding: 0;
}



/* -----------------------------
    Mise en forme - Inline
        Strong
----------------------------- */

b,
strong,
.atom_strong {
	font-weight: 700;
}

    p strong {
        color: var(--black);
    }



/* -----------------------------
    Mise en forme - Inline
        Italic
----------------------------- */

em {
	font-style: italic;
}

em strong,
strong em {
    font-weight: 700;
    font-style: italic;
}



/* -----------------------------
    Mise en forme - Inline
        Soulignement
----------------------------- */

u {
	text-decoration: underline;
}



/* -----------------------------
    Mise en forme - Inline
        Barré
----------------------------- */

strike, /* obsolète */
s {
	text-decoration: line-through;
}



/* -----------------------------
    Mise en forme - Inline
        Accronyme
----------------------------- */

acronym, /* obsolète */
abbr {
	border-bottom: 1px dashed var(--c-secondary);
	cursor: help;
}



/* -----------------------------
    Mise en forme - Inline
        Exposant & Indice
----------------------------- */

sup, sub {
    position: relative;
    vertical-align: 0;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}



/* -----------------------------
    Mise en forme - Block
        Contact
----------------------------- */

address {
	color: var(--c-secondary);
}



/* -----------------------------
    Mise en forme - Block
        Code
----------------------------- */

code {
	background-color: var(--c-secondary);
	color: var(--white);
	font-family: var(--font-primary);
	font-size: 1.1em;
	padding: 2px;
}



/* -----------------------------
    Mise en forme - Block
        Préformaté
----------------------------- */

pre {
	background-color: var(--gray-400);
	border: 1px solid var(--c-secondary);
	font-family: var(--ff-primary);
	font-size: 1.1em;
	margin: 20px auto;
	padding: 5%;
	width: 80%;
	overflow: auto;
}



/* -----------------------------
    Mise en forme - Block
        Séparateur
----------------------------- */

hr {
    border-bottom: 5px solid var(--c-primary);
    margin: 45px auto 30px;
    width: 60px;
}



/* -----------------------------
    Mise en forme - Block
        Citation
----------------------------- */

cite {
	color: var(--black);
	font-family: "Arial", sans-serif;
	font-size: 1.1em;
	padding: 0 3px;
}

/* Citation en incise */
q {
	color: var(--c-secondary);
	font-style: italic;
}

	q::after {
		content: " ' Source: "attr(cite)" ";
		font-size: 1em;
	}



/* -----------------------------
    Mise en forme - Block
        Tableau
----------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid var(--gray-400);
	margin: auto;
	width: 100%;
	margin-bottom: 15px;
}

table caption {
    color: var(--gray-400);
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    text-align: left;
}

th {
    background-color: var(--gray-100);
	color: var(--c-primary);
	font-size: 1.4rem;
	font-weight: 700;
	padding: 2px;
}

td {
	padding: 2px;
}

td img {
	padding: 3px;
}