/* Style de la zone de contenu classique (visibile aussi par TinyMCE) */

.separateur-section {
	height: 3rem;
}
.content-section {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.content-section.gris {
	background-color: #f3f3f3;
}
.content-section.blanc {
	background-color: #ffffff;
}
.content-section.etroit {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}
.content-wrapper {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
    width: calc(100% - 2rem - .01px);
}
.content-wrapper-100 {
	margin-left: auto;
	margin-right: auto;
	clear: both;
    width: calc(100% - 4rem - .01px);
}
.content-cols > div {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.content-image {
	margin:0;
}

/* Tableau */
.content-wrapper--table {
    overflow-x: auto;
    width: 100%;
}
.content-table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb;
    overflow-x: scroll;
}
.content-tr, .content-td {
    border-top: 1px solid #ddd;
    padding: 4px 8px;
}
.content-td {
    width: 160px;
}
tbody .content-tr:nth-child(even) .content-td {
    background-color: #eee;
}

/* Paragraphe */
.content-p {
	line-height: 2rem;
	margin: 1rem 0 1rem 0;
	color: rgba(0,0,0,0.8);
	text-align: justify;
}
.content-titre, h2 {
	font-family: 'Barlow', sans-serif;
	font-weight: bold;
	line-height: 3.6rem;
	font-size: 3.6rem;
	color: rgba(167, 34, 39,1);	
	margin: 2rem 0 1rem 0;
}
.content-sous-titre, .content-sous-titre a, h3, h3 a,
.content-sous-titre-2, .content-sous-titre-2 a {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	line-height: 3rem;
	font-size: 3rem;
	color: rgba(0, 100, 98,1);
	margin: 2rem 0 1rem 0;
}
.content-sous-titre-2, .content-sous-titre-2 a {
	color: rgba(167, 34, 39,1);	
}
@media(max-width:700px) {
	.content-cols .content-sous-titre, .content-cols .content-sous-titre a, .content-cols h3, .content-cols h3 a,
	.content-cols .content-sous-titre-2, .content-cols .content-sous-titre-2 a {
		line-height: 2rem;
		font-size: 2rem;
	}
}	
.content-titre-paragraphe, h4 {
	font-family: 'Barlow', sans-serif;
	font-weight: bold;
	line-height: 2rem;
	font-size: 2rem;
	color: rgba(167, 34, 39,1);
	margin: 2rem 0 1rem 0;
}
.content-sous-titre-paragraphe, h5 {
	font-family: 'Barlow', sans-serif;
	font-weight: bold;
	line-height: 2rem;
	font-size: 2rem;
	color: rgba(0, 100, 98,1);	
	margin: 2rem 0 1rem 0;
}
.content-sous-titre-paragraphe-2, h6 {
	font-family: 'Barlow', sans-serif;
	font-weight: bold;
	line-height: 2rem;
	font-size: 2rem;
	color: rgba(128, 200,98,1);
	margin: 2rem 0 1rem 0;
}
h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 1rem; } 
/*
[class*="grid-"] > div:first-child > h2:first-child, 
[class*="grid-"] > div:first-child > h3:first-child, 
[class*="grid-"] > div:first-child > h4:first-child, 
[class*="grid-"] > div:first-child > h5:first-child, 
[class*="grid-"] > div:first-child > h6:first-child { margin-top: 0; } 
*/

.content-a {
	color: rgba(167, 34, 39,1);
}
.content-a:hover {
	color: rgba(167, 34, 39,1);
	text-decoration: none;				
}