﻿/*==================== PROJET EDITORIAL ===================*/


/* listes a puce */

.liste-puce,
.liste-num {
	margin-bottom: 10px;
}
.liste-puce li,
.liste-num li {
	position: relative;
}
.puce-pleine li::before,
.puce-vide li::before,
.puce-fine li::before {
	position: relative;
	top:-0.3em;
	margin-right: 1em;
    display: inline-block;
    font-family: "ermes-font-addon";
    font-style: normal;
    font-weight: normal;
	font-size: 0.5em;
    text-decoration: inherit;
	color: #666;
}
.puce-pleine li::before { content: '\a137'; }
.puce-vide li::before { content: '\a138'; }
.puce-fine li::before { content: '\a139'; }


ol {counter-reset: repas;} /* on initialise et nomme un compteur */
ol li {
    list-style-type: none;
    counter-increment: repas; /* on incrémente le compteur à chaque nouveau li */
    margin-bottom: 10px;
}
ol li:before {
    content: counter(repas); /* on affiche le compteur */
    padding: 3px 8px 4px 8px;
    margin-right: 8px;
    vertical-align: top;
    background: #77787b;
    border-radius: 0;
    font-weight: bold;
    font-size: 11px;
    color: white;		
}


/* =====  TABLEAU  ==== */



/*  Standard  */

.table>thead>tr>th {
    border-bottom: none;
}


/*  Tableau Responsive Renversé */


.tab2 {
	width: 100%;
	margin: 30px 0;
}
.tab2 th,
.tab2 td {
	padding: 10px;
	vertical-align: top;
	width: 25%;
}
.tab2 th {
	border-right: 1px solid #fff;	
}
.tab2 thead {
	background: #77787b;
	color: #fff;
}
.tab2 > tbody > tr:nth-child(odd) > td {
    background-color: #fff;
	border-right: 1px solid #f2f0f1;
}
.tab2 > tbody > tr:nth-child(even) > td {
    background-color: #f9f9f9;
	border-right: 1px solid #fff;
}
.tab2 p {
	margin-top: 0;
	color: #4c6a7f;
}
.tab2 th:last-child,
.tab2 > tbody > tr:nth-child(odd) > td:last-child,
.tab2 > tbody > tr:nth-child(even) > td:last-child {
	border-right: none;
}

@media (max-width: 599px){
	.tab2 {
		width: 100%;
	}
	.tab2 thead {
		display: none;
	}
	.tab2 tr {
		display: block;
		background: #fff;
	}
	.tab2 td {
		display: block;
		position: relative;
		width: 100%;
		min-height: 70px;
		padding: 5px 10px 5px 35%;
		border: none;
	}
	.tab2 td:before {
		background: #4b6a7f;
		content: attr(data-label);
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 30%;
		padding: 5px 10px 0 10px;
		word-break: break-all;
		color: #fff;
	}
/* 	.tab2 tr:nth-child(even) td:before {
		background: red;
	} */
	.tab2 > tbody > tr:nth-child(odd) > td,
	.tab2 > tbody > tr:nth-child(even) > td {
		border-right: none;
	}
	.tab2 > tbody > tr:nth-child(odd) > td {
		border-bottom: 1px solid #f2f0f1;
	}
	.tab2 > tbody > tr:nth-child(even) > td {
		border-bottom: 1px solid #fff;
	}
	.tab2 > tbody > tr:nth-child(odd) > td:last-child,
	.tab2 > tbody > tr:nth-child(even) > td:last-child {
		border-bottom: none;
	}
	.tab2 > tbody > tr:nth-child(even) > td:first-child {
		margin-top: 1px;
	}
	.tab2 > tbody > tr:nth-child(even) > td:last-child {
		margin-bottom: 1px;
	}
}

.tableau-entete-bleu .tab2 thead {
	background: #184e5b;
}
@media (max-width: 599px){
	.tableau-entete-bleu .tab2 td:before {
		background: #184e5b;
	}
}




