/* ------

SOMMAIRE

---------*/

/*



01 - TITRES



*/















/* ------

01 - TITRES

---------*/

h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6{

	line-height:normal;

	margin:10px 0;

	line-height: 1;

}

h1, .like-h1{

	color:var(--marron);

	font-family: var(--font-secondary);

	font-size: 72px;

	font-size: 7.2rem;

	margin:0 0 10px 0;

	font-weight: var(--regular);

}
h1 b, .like-h1 b {
	font-weight: var(--regular);
	color: var(--color-primary);
}
h2, .like-h2{

	font-size: 5rem;
	font-family: var(--font-secondary);
	text-transform: uppercase;
	line-height: 1;
	font-weight: var(--regular);
	color: var(--color-primary);
}

.like-h2 strong, h2 strong ,
.like-h2 b, h2 b {
	font-weight: var(--regular);
	color: var(--marron);
}

h3, .like-h3{

	font-size: 30px;

	font-size: 3rem;

	font-family: var(--font-secondary);

	font-weight: var(--regular);

	color: var(--marron);

}
h3 strong , .like-h3 strong ,
h3 b , .like-h3 b {
	font-weight: var(--regular);
	color: var(--color-primary);
}
h4, .like-h4{

	font-size:21px;

	font-size:2.1rem;

	color: var(--color-primary);
	
	font-family: var(--font-secondary);

	font-weight: var(--regular);
}

h5, .like-h5{

	font-size: 18px;

	font-size: 1.8rem;

}

h6, .like-h6{

	color: #007AAA;

	font-size: 14px;

	font-size: 1.4rem;

}




@media screen and (max-width:991px) {
	h2, .like-h2 {
		font-size: 3.2rem;
	}
}


/* ------------

06 - CONTENU WYSIWYG

--------------*/

p{

	margin: 0 0 10px 0;
	color: var(--marron);

}
.desc {
	font-size: 2.4rem;
	color: var(--beige);
	line-height: 130%;
	font-weight: var(--bold);
}
@media screen and (max-width:991px) {
	.desc {
		font-size: 1.6rem;
	}
}

@media screen and (max-width:768px) {
	.desc {
		padding: 0 15px;
	}
}
b,

strong{

	font-weight: var(--bold);

}

em{

	font-style:italic;

}

	em strong, strong em{

		font-weight: var(--bold);

		font-style: italic;


	}

u{

	text-decoration:underline;

}

strike{

	text-decoration: line-through;

}

address{

	color: #007AAA;

}

pre{

	background:#ccc;

	border:1px solid #007aaa;

	font-family:Courier, MS Courier New, Prestige, Everson Mono;

	font-size:1.1em;

	margin:20px auto;

	overflow:auto;

	padding:5%;

	width:80%;

}
.deco-title h2 {
	display: inline-block;
    position: relative;
}
.deco-title h2::before {
	content: "\e901";
	color: inherit;
	font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
	font-size: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 0 7px;
    position: absolute;
    top: 4px;
    right: 100%;
	transform: scaleY(-1) rotate(36deg) translateY(6px);
}
.deco-title h2::after {
	content: "\e902";
	color: inherit;
	font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
	font-size: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    left: 100%;
    top: 0;
}
code{

	background:#007aaa;

	color:#fff;

	font-family:Courier, MS Courier New, Prestige, Everson Mono;

	font-size:1.1em;

	padding:2px;

}

cite{

	color:#000;

	font-family: Arial, sans-serif;

	font-size:1.1em;

	padding:0 3px 0 3px;

}

p.text-intro {

    font-family: var(--font-tertiary);

    color: var(--beige);

	font-size: 2.1rem;
}

acronym{

	border-bottom:1px dashed #007aaa;

	cursor:help;

}

q{

	color:#007aaa;

	font-style:italic;

}

	q:after{

		content: " ' Source: "attr(cite)" ";

		font-size:1em;

	}



ul{

	color: var(--marron);

	margin: 5px 0 ;

}

ul.noMargin {

	margin: 0;

}

	ul li{

		list-style: none;

		padding: 0 0 0 25px;

		position: relative;

		color: var(--marron);

		font-size: 1.6rem;

		font-weight: var(--regular);

		margin-bottom: 13px;
	}

	ul li.noPadding {

		padding: 0;

	}

	#wrapperInner ul li::before {

		content: '';

		width: 10px;

		height: 10px;

		background-color: var(--color-primary);

		border-radius: 50%;

		position: absolute;

		top: 7px;

		left: 0;

	}

	ul li.noBefore::before {

		display: none;

	}



ol {

    counter-reset: numList;

    margin: 5px 0 5px 15px;

}

	#wrapperInner ol li {

		list-style-type: none;

		font-size: 1.6rem;

		font-weight: var(--regular);

		color: var(--marron);

		margin-bottom: 13px;
	}

	

	#wrapperInner ol li::before {

		counter-increment: numList;

		content:  counter(numList) ".";

		font-family: var(--font-secondary);
		
		margin: 0 5px 0 0;
		
		font-size: 1.8rem;


		
		color: var(--color-primary);
	}



hr{

	border:0;
	
	border-bottom:1px ridge var(--color-primary);
	margin: 2rem 0;
}

.separator{

	clear:both;

	visibility:hidden;

	margin: 5px 0 5px 0;

}

dl{

	margin:10px 5px;

}

	dt{

		color:#000;

		font-size:1.1em;

		font-weight:bold;

	}

	dd{

		font-style:normal;

		margin:0;

		padding:0;

		text-indent:10px;

	}



table{

	border-collapse:collapse;

	border-spacing:0;

	border:1px solid #ccc;

	margin:auto;

	width:100%;

	margin-bottom:15px;

}

	table caption{

		color: #ccc;

		font-size: 14px;

		font-weight:bold;

		margin:5px 0;

		text-align:left;

	}

th{

	color:#fff;

	border:1px solid #ccc;

	color:#666;

	font-size:14px;

	font-weight:bold;

	padding:2px;

}

td{

	border:1px solid #ccc;

	padding:2px;

}

td img{

	padding:3px;

}









/* Liens */

a, a:link, a:visited{

	color: #4d4d4d;

	text-decoration: none;

}

a:hover, a:active{

	color: #000;

}



@media screen and (max-width:991px) {
	h1, .like-h1 {
		font-size: 3.2rem;
	}
	
}