* {
    box-sizing: border-box;
}
body{
	background : url('../images/fond.png') no-repeat;
	background-position : bottom center;
	background-attachment : fixed;
}
#contenu{
	padding : 0 10%;
	width : 80%;
}
#head{
	width: max-content;
	max-width : 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
	display : flex;
}
#head_c1{
	border-left : 5px solid #b5b261;
	border-right : 5px solid #b5b261;
	padding : 0 1%;
	width : 100px;

}
#head_c2{
	padding : 0 1% 0 0;
}
#head_c3{
	padding : 0 3% 0 2%;
}
#floraine{

}
h1{
	position: relative;
    margin: 5px 5% 35px 5%;
    padding: 0px 0 0px 20px;
    background: #253e54;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    border-radius: 50px;
	width : 90%;
	margin-bottom : 40px;
	clear : both;
}

p{
	width : 90%;
	text-align : justify;
	margin : 0 5% 10px 5%;
	font-size : 15px;
	color : #404040;
	line-height : 21px;
}
#contenu h2{
	color: #253d54;
    font-size: 19px;
    margin: 20px 0 15px 5%;
    padding: 3px 15px;
}
#contenu h3{
	color: #91904c;
    font-size: 17px;
    margin: 11px 0 7px 5%;
    padding: 0;
    background: transparent;
}
#contenu a{
	color : #44719b;
}
#contenu ol{
	    font-size: 15px;
    color: #404040;
    margin: 0 5%;
}
#contenu .ql-size-small{
	font-size : 11px;
}
#contenu .ql-size-large{
	font-size : 20px;
}
#contenu .ql-size-huge{
	font-size : 30px;
}
#contenu li[data-list="bullet"]{
	list-style: disc;
}
#headtxt{
	font-size : 16px;
}
.boxindex{
	width : 300px;
	background : #f9f9f9;
	border : 0px solid #253e54;
	border-radius : 5px;
	padding : 30px;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
	box-shadow : 0px 1px 10px #787878;
}
.champsaisie{
	font-size : 15px;
	padding : 10px 20px;
}
.lignechamp{
}
.labelchamp{
	font-size : 12px;
	display : block;
	color : #545454;
	margin-bottom : 3px;
}
.champinput{
	border : 0;
	width : 100%;
	font-size : 15px;
	border : 1px solid silver;
	padding : 10px;
	border-radius : 5px;
	margin-bottom : 10px;
}
.btn{
	border-radius : 20px;
	width : 100%;
	padding : 5px 0;
	margin-left : 0;
	height : 35px;
	font-size : 16px;
	margin-top : 10px;
}
.btn_gris{
	display : block;
	margin : 0 auto;
	width : max-content;
	color : #4d4d4d;
	cursor : pointer;
}
#btn_passoublie:hover, #btn_retour:hover{
	color : #3c3c3c;
}
#btn_retour, #boxpassoublie, #boxsinscrire{
	display : none;
}
#btns_hauts{
	text-align : center;
	margin-bottom : 15px;
}
.btn_haut{
	display : inline-block;
	margin-left : auto;
	margin-right : auto;
	font-size : 16px;
	margin : 0 10px;
	cursor : pointer;
}
.btn-activ{
	border-bottom : 3px solid #253e54;
	font-weight : bold;
	cursor : default;
}
.erreur{
	background : #f7a8aa;
	padding : 8px;
	font-size : 12px;
	display : none;
}
#infoinsccription{
	text-align : center;
	display : none;
}
#btn_activ{
	text-decoration : underline;
	cursor : pointer;
}

#connexionbox{
	float: right;
    width: max-content;
    margin: 0 35px 5% 50px;
    background: #253d5438;
    padding: 15px;
    border-radius: 5px;
}