body{
	background:#CCC;
}

h1.titre-page{
	font-family: "rubik",sans-serif;
	color: #24b678!important;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 0.9;
}

h1.titre-page-blanc{
	font-family: "rubik",sans-serif;
	color: #fff!important;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 0.9;
}

h1.titre-page-rouge{
	font-family: "rubik",sans-serif;
	color: #ea4251!important;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 0.9;
}

h1.titre-page-vert{
	font-family: "rubik",sans-serif;
	color: #11744d!important;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 0.9;
}

/*** 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;
}

@media (max-width: 767px) {
	span.sous-titre-blanc{
		font-size: 1.1em;
	}
	span.texte-blanc,span.texte-medium-blanc{
		font-size: 1em;
	}
}
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;

}

a.btn-yellow{}

a.lien-bleu{
	font-family: "rubik",sans-serif;
	color: #01659e;
}

/*** 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.petit-texte-noir{
	font-family: "rubik",sans-serif;
	color: #000;
    font-size: 0.8em;
}

/*** vert ***/
h1.titre-vert,
span.titre-vert{
	font-family: "rubik",sans-serif;
	color: #0d764c!important;
    font-size: 1.7em;
}
h2.sous-titre-vert,
span.sous-titre-vert{
	font-family: "rubik",sans-serif;
	color: #0d764c;
    font-size: 1.3em;
}
span.texte-vert{
	font-family: "rubik",sans-serif;
	color: #0d764c;
}

/*** rouge ***/
h1.titre-rouge,
span.titre-rouge{
	font-family: "rubik",sans-serif;
	color: #EB4C5A !important;
    font-size: 1.7em;
}
h2.sous-titre-rouge,
span.sous-titre-rouge{
	font-family: "rubik",sans-serif;
	color: #EB4C5A;
    font-size: 1.3em;
}
span.texte-rouge{
	font-family: "rubik",sans-serif;
	color: #EB4C5A;
}

/*** BANDEAU ***/
h2.bandeau-subtitle-blanc,
span.bandeau-sous-titre-blanc,
a.bandeau-sous-titre-blanc{
	font-family: "rubik",sans-serif;
	font-weight:700;
	color: #FFF;
    font-size: 1.5em;
}

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

@media (max-width: 767px) {
	span.bandeau-sous-titre-blanc{
		font-size: 1.1em;
	}
	span.bandeau-texte-medium-blanc{
		font-size: 1em;
	}
}

/*** BORDURES ***/
.bl-left-green{
	border-left:5px solid #ADD17F;
	padding-left:5px;
	color:black;
	font-weight:bold;
	font-size:17px;
}
.bl-left-pink{
	border-left:5px solid #EAB1B6;
	padding-left:5px;
	color:black;
	font-weight:bold;
	font-size:17px;
}
.bl-left-yellow{
	border-left:5px solid #EDE279;
	padding-left:5px;
	color:black;
}