* {
    box-sizing: border-box;
}
body{
	font-family: "Capriola",sans-serif;
	font-size : 11px;
	margin : 0;
	padding : 0;
	overflow-x: clip;
}
#logo{
	position: absolute;
    width: max-content;
    left: 15%;
    z-index: 10;
    background: #fff;
    padding: 30px 0;
}
#bandeau-haut{
	height : 60px;
	width : 100%;
	background : #000;
	display: flex;
    justify-content: center;
}
#bandeau-photo{
	height : calc(100vh - 445px);
	min-height : 350px;
	background : url('../images/index/fond-1.jpg') no-repeat;
	background-size : cover;
    background-position : center center;
	position : relative;
}
#bandeau-text{
	height : 215px;
	width : 100%;
	background : #f2f2f2;
	display: flex;
    justify-content: center;
    position: relative;
}
#bandeau-btn-saisie{
	position : absolute;
	width : 100%;
	height : 100%;
	z-index : 10;
	left : -100%;
	top : 0;
	text-overflow: clip;
	background : #e3e3e3;
	display : flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: baseline;
}
#bandeau-logos{
	border-top : 1px solid silver;
	display : flex;
	justify-content: center;
	margin: 60px 0 0 0;
}
.contenu{
	width : 100%;
	max-width : 1300px;
	margin : 0 30px;
}
#contenu-haut{
	justify-content: right;
    display: flex;
}
#contenu-text{
    display: flex;
}
.btn-haut{
	display : flex;
	padding : 18px 18px 18px 52px;
	position : relative;
	color : #fff;
	font-size : 18px;
	text-decoration : none;
	font-family: 'Source Sans 3';
}
.btn-haut::before{
    left: 0;
    position: absolute;
    top: 50%;
    height: 2rem;
    width: 0;
    border: .1rem dashed #fff;
    content: '';
    transform: translateY(-50%);
}
.btn-haut::after{
	content: '';
    background: url(../images/icone-moncompte.png);
    background-size: cover;
    position: absolute;
    left: 17px;
    top: 16px;
    width: 25px;
    height: 25px;
}
h1{
	position: absolute;
    bottom: 0;
    background: #000000c2;
    color: #fff;
    width: 60%;
    text-align: right;
    margin: 0;
    padding: 19px 30px 11px 0;
    font-size: 33px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 45px;
    letter-spacing: -1px;
}
h2{
	text-align : center;
	width : 100%;
	color : #858585;
	font-weight: normal;
    font-size: 27px;
}
.h1-petit{
	font-size: 18px;
    text-transform: lowercase;
}
#btn-menu{
	color : #111e6d;
	background : #fff;
}
#c1{
	width: -webkit-fill-available;
	padding : 35px 40px 35px 0;
	text-align : right;
	display : flex;
	flex-direction: row-reverse;
}
#c2{
	padding : 20px 0;
}
#c1 p{
	color : #626262;
	font-size : 14px;
	text-align : right;
	line-height : min(2.4vw, 36px);
	margin: 0;
    padding: 0 30px 0 0;
	overflow : hidden;
	height: max-content;
    max-height: 100%;
}
#c1 img{
	display : block;
	height : 100%;
	width : auto;
}

.btn-select{
	width : 370px;
	height : 60px;
	border : 0;
	font-family : 'Source Sans 3', sans-serif;
	font-size : 20px;
	color : #fff;
	position : relative;
	margin : 13px 0;
}
.btn-select::after{
	bottom: 26px;
    position: absolute;
    right: 1rem;
    height: 2rem;
    width: 75%;
    box-shadow: 0 1.7rem 1rem rgba(0, 0, 0, .66);
    content: '';
    transform: rotate(3deg);
	z-index : 9;
}
.btn-select a{
	text-decoration : none;
	color : #fff;
}
.btn-select2{
	margin : 0 10px;
	height : 90px;
}
.txt-btn-select{
	width : 100%;
	height : 100%;
	background : #065aaa;
	cursor : pointer;
	position : absolute;
	top: 0;
	left : 0;
	z-index : 10;
	text-align: right;
	padding-right: 55px;
    font-size: 19px;
    display: flex;
    justify-content: right;
    align-items: center;
    line-height: 21px;
}
.txt-btn-select:hover{
	background : #005192;
}
.txt-btn-select::after{
	content : '';
	background : url('../images/fleche-btn.png') no-repeat;
	background-size : cover;
    background-position : center center;
	position : absolute;
	top: calc(50% - 12px);
    right: 17px;
    width: 16px;
    height: 25px;
}
.btn-petit{
	font-size : 14px;
	display : contents;
}

.fermer-bandeau{
	cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #91b50b;
}
.fermer-bandeau:after {
    content: "+";
    transform: rotate(45deg);
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 32px;
    font-size: 70px;
    font-family: 'Source Sans 3', sans-serif;
}

#contenu{
	min-height : 300px;
	display : flex;
	justify-content : center;
}
#contenu h2{
	font-size : 38px;
	color : #000;
	text-align : left;
	position : relative;
	padding : 0 0 0 45px;
	margin: 50px 0 20px 0;
}
#contenu h2::after{
	position : absolute;
	content : '';
	background : url('../images/vagues-n.png');
	background-size : cover;
	width: 30px;
    height: 30px;
    top: 8px;
	left : 0;
}
#contenu h3{
	color: #f39207;
    font-weight: normal;
    font-size: 30px;
    margin: 30px 0 10px 0;
}
#contenu p{
	color: #484848;
    font-size: 17px;
    line-height: 29px;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: normal;
    text-align: justify;
	margin: 0 0 10px 0;
}
#contenu p a{
	color: #f39207;
    text-decoration: underline;
}
#contenu p a:hover{
    text-decoration: none;
}
#contenu p .lienext{
	position: relative;
    padding-left: 18px;
}
#contenu p .lienext::before{
	content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: url('../images/link-blank.png');
    background-size: cover;
    top: 5px;
    left: 0px;
}
#bandeau-logos ul{
	display : flex;
	justify-content : center;
	height : 180px;
	align-items : center;
}
.item-logos{
	margin: 0 25px;
}
.item-logos img{
	height : 100px;
	width : auto;
}
#footer{
	background : #000;
	display : flex;
	justify-content : center;
	font-size : 13px;
	font-family: 'Source Sans 3', sans-serif;
	color : #fff;
}
#footer ul{
	display : flex;
	justify-content : center;
	height : 40px;
	align-items : center;
}
.item-footer{
	display : flex;
	justify-content : center;
	padding : 0 10px;
}
.item-footer:not(:last-child) {
    border-right: 1px solid #fff;
}
#footer a{
	color : #fff;
	text-decoration : none;
}
#footer a:hover{
	color : #91b50b;
}
ul{
	list-style : none;
	margin : 0;
}