@font-face {
	font-family: 'cardenio';
	src: url('../font/cardenio_modern_std-webfont.eot');
	src: url('../font/cardenio_modern_std-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/cardenio_modern_std-webfont.woff2') format('woff2'),
		url('../font/cardenio_modern_std-webfont.woff') format('woff'),
		url('../font/cardenio_modern_std-webfont.ttf') format('truetype'),
		url('../font/cardenio_modern_std-webfont.svg#cardenio_modernregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'cardenio_bold';
	src: url('../font/cardenio_modern_bold-webfont.eot');
	src: url('../font/cardenio_modern_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/cardenio_modern_bold-webfont.woff2') format('woff2'),
		url('../font/cardenio_modern_bold-webfont.woff') format('woff'),
		url('../font/cardenio_modern_bold-webfont.ttf') format('truetype'),
		url('../font/cardenio_modern_bold-webfont.svg#cardenio_modernbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Thirsty';
    src: url('../font/thirstyscriptmedium-webfont.eot');
    src: url('../font/thirstyscriptmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/thirstyscriptmedium-webfont.woff2') format('woff2'),
         url('../font/thirstyscriptmedium-webfont.woff') format('woff'),
         url('../font/thirstyscriptmedium-webfont.ttf') format('truetype'),
         url('../font/thirstyscriptmedium-webfont.svg#thirsty_script_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cardenio
{
	font-family: 'cardenio',Arial,sans-serif;
}
.cardenio-bold
{
	font-family: 'cardenio_bold',Arial,sans-serif;
}
html {
	font-family: "Open Sans", GillSans, Calibri, Trebuchet, sans-serif;
}
img {
	max-width: 100%;
	height: auto;
}
strong {
	font-weight:700;
}
.ptsans {
	font-family: 'PT Sans',Arial,sans-serif;
}
.thirsty {
	font-family: 'Thirsty',Arial,sans-serif;
	font-size:40px;
	margin:0;
}
.row {
	margin-bottom:0;
}
.uppercase {
	text-transform: uppercase;
}
.icon-block {
	padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.orange {
	background-color: #ea5602 !important;
}
.pink {
	background-color: #de1c85 !important;
}
.purple {
	background-color: #702785 !important;
}
.turquoise {
	background-color: #0099bc !important;
}
.blue {
	background-color: #00afd9 !important;
}
.green {
	background-color: #009a49 !important;
}
.dark-blue {
	background-color: #1c5193 !important;
}
.orange-text {
	color: #ea5602 !important;
}
.pink-text {
	color: #de1c85 !important;
}
.purple-text {
	color: #702785 !important;
}
.turquoise-text {
	color: #0099bc !important;
}
.blue-text {
	color: #00afd9 !important;
}
.green-text {
	color: #009a49 !important;
}
.dark-blue-text {
	color: #1c5193 !important;
}
.pink-border {
	border: 5px solid #de1c85 !important;
}
.purple-border {
	border: 5px solid #702785 !important;
}
.orange-border {
	border: 5px solid #ea5602 !important;
}
h1 {
	margin: 0;
	font-size:2.5em;
	font-weight: bold;
	padding:25px;
	color:#006cb8;
}
h2 {
	margin: 0;
	font-size:1.2em;
	line-height: 1em;
	padding-bottom:50px;
}
.header
{
	padding-bottom:50px;
	padding-top:50px;
}
.bandeau {
	height: 10px;
}
.logo {
	padding:30px 0 !important;
}
/* PADDING */
.np { padding: 0 !important; }
.p5{ padding:5px !important; }
.p10{ padding:10px !important; }
.p15{ padding:15px !important; }
.p20{ padding:20px !important; }
.p25{ padding:25px !important; }
.p30{ padding:30px !important; }
.pt0{ padding-top:0 !important; }
.pr0{ padding-right:0 !important; }
.pb0{ padding-bottom:0 !important; }
.pl0{ padding-left:0 !important; }
.pt5{ padding-top:5px !important; }
.pr5{ padding-right:5px !important; }
.pb5{ padding-bottom:5px !important; }
.pl5{ padding-left:5px !important; } 
.pt10{ padding-top:10px !important; }
.pr10{ padding-right:10px !important; }
.pb10{ padding-bottom:10px !important; }
.pl10{ padding-left:10px !important; }
.pt15{ padding-top:15px !important; }
.pr15{ padding-right:15px !important; }
.pb15{ padding-bottom:15px !important; }
.pl15{ padding-left:15px !important; }
.pt20{ padding-top:20px !important; }
.pr20{ padding-right:20px !important; }
.pb20{ padding-bottom:20px !important; }
.pl20{ padding-left:20px !important; }
.pt25{ padding-top:25px !important; }
.pr25{ padding-right:25px !important; }
.pb25{ padding-bottom:25px !important; }
.pl25{ padding-left:25px !important; }
.pt20{ padding-top:20px !important; }
.pr20{ padding-right:20px !important; }
.pb20{ padding-bottom:20px !important; }
.pl20{ padding-left:20px !important; }
.pt25{ padding-top:25px !important; }
.pr25{ padding-right:25px !important; }
.pb25{ padding-bottom:25px !important; }
.pl25{ padding-left:25px !important; }
.pt30{ padding-top:30px !important; }
.pr30{ padding-right:30px !important; }
.pb30{ padding-bottom:30px !important; }
.pl30{ padding-left:30px !important; }

/* MARGIN */
.nm{ margin:0 !important; }
.m5{ margin:5px !important; }
.m10{ margin:10px !important; }
.m15{ margin:15px !important; }
.m20{ margin:20px !important; }
.m25{ margin:25px !important; }
.m30{ margin:30px !important; }
.mt0{ margin-top:0 !important; }
.mr0{ margin-right:0 !important; }
.mb0{ margin-bottom:0 !important; }
.ml0{ margin-left:0 !important; }
.mt5{ margin-top:5px !important; }
.mr5{ margin-right:5px !important; }
.mb5{ margin-bottom:5px !important; }
.ml5{ margin-left:5px !important; }
.mt10{ margin-top:10px !important; }
.mr10{ margin-right:10px !important; }
.mb10{ margin-bottom:10px !important; }
.ml10{ margin-left:10px !important; }
.mt15{ margin-top:15px !important; }
.mr15{ margin-right:15px !important; }
.mb15{ margin-bottom:15px !important; }
.ml15{ margin-left:15px !important; }
.mt20{ margin-top:20px !important; }
.mr20{ margin-right:20px !important; }
.mb20{ margin-bottom:20px !important; }
.ml20{ margin-left:20px !important; }
.mt25{ margin-top:25px !important; }
.mr25{ margin-right:25px !important; }
.mb25{ margin-bottom:25px !important; }
.ml25{ margin-left:25px !important; }
.mt30{ margin-top:30px !important; }
.mr30{ margin-right:30px !important; }
.mb30{ margin-bottom:30px !important; }
.ml30{ margin-left:30px !important; }

.carte {
	height:280px;
	margin-bottom:1.5rem;
	text-align:center;
}
.carte .front
{
	background:#0f3b89;
	padding:20px;
}
.carte .back
{
	background:#90c2dc;
	padding:20px;
}
.carte h3 {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:1em;
	margin:0;
}
.carte .front p {
	color:#90c2dc;
	font-style:italic;
	margin:10px 0 0 0;
	font-size:0.8em;
}
.carte .front img {
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-80px;
}
.carte .front .plus {
	border-radius:100%;
	background:#90c2dc;
	color:#0f3b89;
	width:20px;
	height:20px;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
}
.carte .back p {
	font-size:0.8em;
}
.carte .back a {
	display:block;
	background:#0f3b89;
	color:#ffffff;
	padding:10px;
	margin-top:30px;
}
.footer ul li a {
	color:#FFFFFF;
	padding:7px 15px;
	margin:5px 0;
	display:inline-block;
}
.footer ul li a:hover {
	background:#90c2dc;
}
@media only screen and (min-width : 600px) {

}
@media only screen and (max-width : 600px) {
	h1 {
		font-size:2.1em;
	}
	h2 {
		font-size:1em;
		line-height: 1em;
	}
}

img.picto-metier {
    width: 25%;
    text-align: center;
    margin: auto;
}

h3 {
    line-height: 150% !important;
}