body{
	background:#CCC	
}

h1.titre-page{
	font-family: "rubik",sans-serif;
    font-size: 2.3em;
	position:relative;
	margin-bottom:15px;
}

/*** BLEU ***/
h1.titre-bleu,
span.titre-bleu{
	font-family: "rubik",sans-serif;
	color: #218D9A!important;
	font-size: 2.2em;
	text-transform:uppercase;
}

h2.titre-fond-bleu,
span.titre-fond-bleu{
	font-family: "rubik",sans-serif;
	color: #fff!important;
	font-size: 1.9em;
	text-transform:uppercase;
	display:block;
	padding:10px;
	background-color:#0F4C9C;
}

h2.subtitle-bleu,
span.subtitle-bleu{
	font-family: "rubik",sans-serif;
	color: #0F4C9C!important;
	font-size: 1.2em;
	}

/*** BLANC ***/
h1.titre-blanc,
span.titre-blanc{
	font-family: "rubik",sans-serif;
	color: #FFF!important;
    font-size: 1.7em;
}

h1.titre-medium-blanc,
span.titre-medium-blanc{
	font-family: "rubik",sans-serif;
	font-weight:500;
	color: #FFF!important;
    font-size: 1.5em;
}

h2.subtitle-blanc,
span.sous-titre-blanc,
a.sous-titre-blanc{
	font-family: "rubik",sans-serif;
	color: #FFF;
    font-size: 1.2em;
}

h2.subtitle-blanc-uppercase,
span.sous-titre-blanc-uppercase,
a.sous-titre-blanc-uppercase{
	font-family: "rubik",sans-serif;
	color: #FFF;
    font-size: 1.2em;
	text-transform:uppercase;
}


span.texte-blanc{
	font-family: "rubik",sans-serif;
	color: #FFF;
	font-size: 1.1em;
}
span.texte-medium-blanc{
	font-family: "rubik",sans-serif;
	font-weight:500;
	color: #FFF;
	font-size: 1.1em;
}

a.lien-bleu{
	font-family: "rubik",sans-serif;
	font-weight: bold;
	color: #00338d;
	
}
a.lien-blanc{
	font-family: "rubik",sans-serif;
	color: #FFF;
}


a.btn-lien-blanc{
	border-radius:50px;
	display:inline-block;
	background-color:white;
	border:2px solid white;
	color: #EB4C5A;
	padding:5px 10px;
	text-decoration:none;
}

a.btn-lien-blanc:hover{
	border-radius:50px;
	display:inline-block;
	background-color:#EB4C5A;
	border:2px solid white;
	color: #fff;

}

h1.titre-blanc-blanc,
h2.titre-blanc-blanc,
span.titre-blanc-blanc{
	font-family: "rubik",sans-serif;
	color: #fff !important;
    font-size: 1.7em;
	display:inline-block;
	position:relative;
	margin-bottom:30px;
	text-transform:uppercase;
}

h2.titre-blanc-blanc{
    font-size: 1.4em;
}

h1.titre-blanc-blanc:before,
h2.titre-blanc-blanc:before,
span.titre-blanc-blanc:before{
	content:" ";
	position:absolute;
	height:3px;
	background-color: #fff;
	width:100px;
	bottom:-16px;
}

span.texte-blanc{
	color: #fff;	
}

/*** OR ***/

span.texte-or{
	color: #F9CC55;	
}

/*** NOIR ***/
h1.titre-noir,
span.titre-noir{
	font-family: "rubik",sans-serif;
	color: #000!important;
    font-size: 1.7em;
}
span.sous-titre-noir{
	font-family: "rubik",sans-serif;
	color: #000;
    font-size: 1.2em;
}

span.texte-noir{
	font-family: "rubik",sans-serif;
	color: #000;
}

span.petit-texte-noir{
	font-family: "rubik",sans-serif;
	color: #000;
    font-size: 0.8em;
}

h1.titre-noir-bleu,
span.titre-noir-bleu{
	font-family: "rubik",sans-serif;
	color: #000!important;
    font-size: 1.7em;
	display:inline-block;
	position:relative;
	margin-bottom:30px;
	text-transform:uppercase;
}

h1.titre-noir-bleu:before,
span.titre-noir-bleu:before{
	content:" ";
	position:absolute;
	height:3px;
	background-color: #2069a8;
	width:100px;
	bottom:-16px;
}