/*
Noir: #000000
Bleu: #287f31 #4B77BE #1F4788 #169998
Jaune: #eec511 #fcb715
*/

.gold{
	color:#fcb715;
}
.green{
	color:#169998;
}

*, html, body {
	font-family: 'Poppins';
}


/* vertical-centered text */
.text-vcenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.valign {
    position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding:3em;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

section.title {
	/*background: url('') no-repeat center center;*/
	background: url() no-repeat center top fixed;
	background-position: bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom:6em;
}
section.title .container {
	text-align: center;
}
section.title h1{
	font-size:3em;
	font-weight: 800;
	font-family: 'Montserrat';
	text-transform: uppercase;
	color:#ffffff;
	padding-top:4em;
	padding-bottom:0.2em;
}
section.title h2{
	display: inline-block;
	margin:0;
	font-size:2em;
	font-weight: 400;
	font-family: 'Montserrat';
	text-transform: uppercase;
	color:#000000;
	padding:0.2em;
	margin-bottom: 2em;
	background-color: #fcb715;
	opacity: 0.8;
}
section.content div.top-icon {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:90px;
	height:90px;
	border:1px solid #000000;;
	background-color: #ffffff;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	cursor:pointer;
}
section.content div.top-icon img{
    position: absolute;
	width: 50px; 
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
}


section.content {
	padding-top: 5em;
	padding-bottom: 5em;
	text-align: center;
}
section.content.content-gray {
	background-color:#EFEFEF;
}
section.content h1.section{
	text-transform: uppercase;
	font-size:2.4em;
	font-weight: 600;
	font-family: 'Montserrat';
	margin-bottom:0;
}
section.content h2{
	font-size:1.5em;
	font-weight: 400;
	margin:0;
	margin-top:0.6em;
}


section.partenaire-marque {
	background: url() no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom:6em;
}
section.partenaire-marque h1{
	font-size:2.4em;
	font-weight: 700;
	font-family: 'Montserrat';
	text-transform: uppercase;
	padding-top:2em;
	padding-bottom:0.5em;
	color:#FFFFFF;
}

section.partenaire-marque .partnerimgwrapper {
	padding:1em 1em;
}

section.partenaire-marque .partnerimgcontainer {
	text-align:center;
	height:90px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:90%;
	background-color:#fff;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0.2em;

}


.border-gold {
	border:1px solid #fcb715;
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
	section.title {
		padding-bottom:13em;
		padding-top:7em;
	}
}

@media (min-width: 992px) {
	section.partenaire-marque .partnerimgcontainer {
		height:110px;
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	section.title h1{
		font-size:2.4em;
	}
	section.title h2{
		font-size:1.5em;
	}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	section.title h1{
		font-size:2.4em;
	}
	section.title h2{
		font-size:1.5em;
	}
	section.title {
		background-attachment:scroll;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	section.title h1{
		font-size:2.4em;
	}
	section.title h2{
		font-size:1.5em;
	}
	section.title {
		background-attachment:scroll;
	}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	section.content h1.section{
		font-size:1.8em;
	}
	section.content h2{
		font-size:1.2em;
	}
	section.title {
		background-attachment:scroll;
	}

}