*, h1, h2, h3, h4,h5,h6,pre,ul,ol,li, p,form { font-family:Gotham; }


.rouge { color:#e31d1a; }
.backgroundrouge { background-color:#e31d1a; }

.bleu { color:#0096aa; }
.backgroundbleu { background-color:#0096aa; }

.jaune { color:#deda30; }
.backgroundjaune { background-color:#deda30; }


a { color:#ee2e24; font-weight:400; text-transform:uppercase; }

a:hover { color:#555; }


em { font-style: italic; }


.typography pre {
	padding:0;
	color: #000;
    margin-bottom: 5px;
}


p { 
	font-size: 14px;
    font-weight: 300;
    line-height: 190%;
    margin: 10px 0 20px;
}



h1 {
	
	font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 50px 0 0;
    margin-bottom: 50px;
	padding-left:0;
    color: #373737;
    margin-top: 40px;
    letter-spacing: 0.09em;
    line-height: 110%;
    text-decoration: none;
	max-width: 400px;
		
}
h1:before {
	content:" ";
	display:inline-block;
	width:70px;
	height:6px;
	position:absolute;
	background-color:#4b4b4b;
	margin-top:-25px;
}


/*

h2 {
	
	font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.150em;
	
}



h3 {
	
	font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.150em;
	
}
*/
h2 {
	
	font-size:24px;
	text-transform:uppercase;
	font-weight:500;
    letter-spacing: 0.22em;
	margin-top: 40px;
    margin-bottom: 20px;
	max-width:500px;
}

h2 + h3 { margin:10px 0 30px; }

h3 {
	font-size: 21.5px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.03em;
	margin: 50px 0 20px;
}


h4 {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.03em;
	color: #666;
	margin: 40px 0 20px;
}


h4:before {
    content: " ";
    width: 20px;
    height: 3px;
    background: #ddd;
    display: block;
    margin-bottom: 7px;
}


h5 {
	font-size: 15px;
    font-weight: 500;
	margin:30px 0;
}
h5:before { 
	content:"|";
	display:inline-block;
	margin-right:5px;
	font-weight:500;
	color:#e31d1a;
}



h6 {
	font-size: 15px;
	font-weight:500;
}




.typography li {
    list-style-type: inherit;
	padding-left: 10px;
    padding-bottom: 5px;
}

.typography ul { 
   list-style-type: disc; 
   padding-left: 30px;
  /* list-style-position: inside; */
}
.typography ol { 
   list-style-type: decimal; 
  /* list-style-position: inside; */
   padding-left:20px;
}
.typography ul ul, .typography ol ul { 
   list-style-type: disc; 
   /*list-style-position: inside; */
   margin-left: 15px; 
}
.typography ol ol, .typography ul ol { 
   list-style-type: lower-latin; 
   /*list-style-position: inside; */
   margin-left: 15px; 
}








@media screen and (max-width: 1023px) { 


	h2 { font-size:22px; }
	h3 { font-size: 19px; }
	
	
}


@media screen and (max-width: 768px) { 


	h1 { font-size: 24px; }

	
}


@media screen and (max-width: 425px) { 
	h1 { font-size: 22px; }
	h2 { font-size: 20px; }
	h3 { font-size: 15px; }
	h4 { font-size: 13px; }

}


@media screen and (max-width: 380px) { 
	h1 { font-size: 18px; }
	h2 { font-size: 16px; }
	h3 { font-size: 13px; }
	h4 { font-size: 11px; }

}