@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;700&display=swap');
* {
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	box-sizing:border-box;
}

body {
	height: 100%;
	min-height:100vh;
	font-size: 17px;
	line-height: 1.7;
	color: #4b4b4b;
	position:relative;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #eeeeee;
}

#contenu{
	/* pour eviter le gris sous le footer */
	min-height: calc( 100vh - 224px - 320px - 90px);
}

table{
	border-collapse:collapse;
	border-spacing:0
}

::selection {
	color: #fff;
	background: #f76f00;
}

::-moz-selection {
 color: #fff;
 background: #f76f00;
}

a, a:link, a:visited, a:focus, a:active, a:hover{
	text-decoration:none;
	color: #f76f00;
}

a:hover{
	text-decoration:none;
	color: #a94c00;
}

p{margin-bottom:10px;}

.section,
.max-large
{
	max-width:1200px;
	margin-left:auto; margin-right:auto;
}

.section{
	background-color:white;
	padding:60px 70px;
}
.section-nopadding{
	padding:0;
}
.section-nobg{
	background-color:transparent;
}

.section-table{
	display:table;
}

.table-cell{
	display:table-cell;
}
.align-middle{
	vertical-align:middle;
}

.section-large-fin{max-width:1170px; margin-left:auto; margin-right:auto}
.section-margin{margin-top:70px; margin-bottom:70px;}
.section-margin-top-thin{margin-top:40px;}

.hidden{
	display:none;
}

h1, h2{
	font-weight:700;
	font-size:180%;
	position: relative;
	margin-bottom: 45px;
	display: inline-block;
	font-family: 'Teko', sans-serif;
	line-height:1.1;
}
h1{
	text-transform:uppercase;
}
h1::after {
    content: "";
    width: 60px;
    height: 6px;
    background: #f76f00;
    position: absolute;
    left: 0;
    bottom: -10px;
}
h1.titre {
    margin-bottom: 20px;
}

h2{
	font-size:160%;
	color:#f76f00;
	display: block;
}
h2 span{
	padding-left:1em;
	font-weight:400;
	color:#999;
}
h2 span i{
	padding-right:.2em;
	transform:scale(.8);
}

h3{
	font-weight:600;
	font-size:110%;
	line-height:1.1;
}

h4{
	font-weight:400;
	font-size:130%;
	position: relative;
	margin-bottom: 30px;
	display: block;
	line-height:1.1;
}
h4 b{
	font-weight:700;
}
h4::after {
    content: "";
    width: 120px;
    height: 2px;
    background: #f76f00;;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.button{
	font-size: 120%;
	background-color: #f76f00;
	color: white;
	padding: .8em 2em;
	border: none;
	border-radius: .4em;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	text-transform:uppercase;
}
.bt-block{
	display:inline-block;
	margin:1em;
}
.bt-border{
	border:1px solid white;
}
.button i{
	padding-right:.5em;
}

.bt-float-right{
	float:right;
	margin:0;
	margin-left:1em;
}
.bt-float-left{
	float:left;
	margin:0;
	margin-right:1em;
}

.bt-margin-left{
	margin-left:1em;
}
.bt-margin-right{
	margin-right:1em;
}

.bt-text-only{
	font-size: 160%;
	background-color: #000;
	padding:.1em .8em;
	border-radius: .4em;
	border-color:#888;
}
.bt-text-only span{
	font-size: 80%;
	color:#888;
	padding-right:.4em;
}


.bt-fa-only{
	background-color:transparent;
	font-size:100%;
	color: #f76f00;
	transform:scale(2) translateX(1em);
	border:none;
	outline:none;
}

.bt-blue{ background-color:#0d90db; }
.bt-green{ background-color:#02c472; }
.bt-pink{ background-color:#f071d0; }
.bt-red{ background-color:#bc3607; }
.bt-saumon{ background-color:#ef5858; }

.bt-disable{
	pointer-events:none;
	opacity:.3;
}

a.button:hover,
button:hover{
	background:#717272;
	color:white;
}
.bt-text-only:hover{
	background:#333;
	color:#aaa;
}
.bt-fa-only:hover{
	background:transparent;
	color:#aaa;
}
a.button:link,
a.button:visited{
	color:white !important;
}

.separator-right{
	color:#ccc;
	background:none;
	pointer-events: none;
	padding-left:.6em;
	padding-right:.6em;
	border:none;
}

.t-grey{ color:#a4a4a4; }
.t-yellow{ color:#f76f00; }
.t-green{ color:#07bc53; }
.t-red{ color:#bc3607; }
.t-pink{ color:#f071d0; }
.t-cyan{ color:#3b98bb; }

.border-grey{ border-color:#a4a4a4; }
.border-yellow{ border-color:#f76f00; }
.border-green{ border-color:#07bc53; }
.border-red{ border-color:#bc3607; }
.border-pink{ border-color:#f071d0; }

.fa-yellow-small{
	color: #f76f00;
	padding-right:.6em;
	transform:scale(.8);
}

input,
textarea,
select{
	background:#FAFAFA;
	border: 1px solid #DDD;
    color: #666;
    padding: 14px;
	border-radius: 6px;
	font-size:100%;
}
input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus{
	border-color: rgba(219, 161, 13, 0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(219, 161, 13,.3);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(219, 161, 13,.3);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(219, 161, 13,.3);
}

input::-webkit-input-placeholder{
	color: #000;
}
input:-ms-input-placeholder{
	color: #000;
}
input::placeholder{
	color: #000;
}

@media (min-width: 1024px) {
	.showOnMobile{
		display:none;
	}
}
@media (max-width: 1023px) {
	section{
		padding:40px 24px;
	}
	.section-margin{margin-top:0; margin-bottom:0;}
	h2 span{
		display:block;
		padding-left:0;
	}
	input,
	textarea,
	select{
		max-width:100%;
	}
	.hideOnMobile{
		display:none;
	}
	nav *,
	#index-recherche *,
	#bien-recherche * {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
	}
}