body {
	margin:0;
	padding:0;
	font-family:Arial;
	background-color: #f0f0f0 !important;
}


a {
	color:#c469ff;
	text-decoration:none;
}

a:hover {
	color:#9055b6;
}

img {
	max-width:100%;
}

.bandeauhaut {
	border-bottom:5px solid #c469ff;
	margin-bottom:1rem;
	padding:1rem;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	font-weight: 300;
	margin-bottom: 2rem !important;
	color:#c469ff;
}

.flexhaut {
	display:flex;
	justify-content:space-between;
	max-width: 1140px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	align-items:center; 
}

.logohaut {
	width:50px;
	display: inline-block;
	margin-right:10px;
}

.bloctitre {
	display: inline-block;
	padding-top:5px;
	color:#9055b6;
}


.page {
	max-width: 1140px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

.bandeaubas {
	background-color: #9055b6;
	margin-top: 1rem;
	color: white;
	padding: 1.5rem !important;
}

.flexbas {
	display:flex;
	justify-content:space-between;
	max-width: 1140px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	align-items:top;
}

.infobas {
	display:none;
}

@media screen and (orientation:portrait) { 
	.flexbas {
		display:none;
	}

	.infobas {
		display:flex;
	}
	
}

.infobas {
	justify-content:space-between;
	align-items:center;
}


.blocbas {
	width:30%;
	box-sizing:border-box;
}

.iconeinfobas {
	width:2em;
}

.bas1 {
	padding-right:5px;
}

.bas2 {
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

.bas3 {
	 padding-left:5px;
}

.bandeaubas h4 {
	font-weight:bold;
	margin:0;
	font-size:1.2rem;
}

.bandeaubas p {
	margin:0;
	margin-top:10px;
	line-height:1.4;
}

.bandeaubas a {
	color:#fff;
	text-decoration:none;
}

.bandeaubas a:hover {
	color:#fff;
	text-decoration:underline;
}

.bandeaubas ul {
	padding-left:0;
}

.bandeaubas li {
	list-style-position:inside;
	list-style-type: None;
	line-height:1.4;
}

.logobas {
	width:200px;
	margin-top:10px;
}

.logobasinf {
	width:200px;
}

.soustitre {
	background-color:#c469ff;
	background-image: url('https://privat.locongres.com/img/divers/fonddico.jpg');
	background-size:cover;
	background-position:center;
	text-align:center;
	padding:80px 50px;
	margin-top:-2rem;
	
}

h1 {
	font-size:3em;
	margin-top:0;
}

h2 {
	margin-bottom:0;
}

h1, h2 {
	color:#c469ff;

}

h3 {
	color:#c469ff;

}

h3 {
	margin-top:80px;
	font-size:1.5em;
}



.cadre {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
	padding:15px;
	margin-top:60px;
	background-color:#fff;

}

.cadre h3 {
	margin-top:0;
}

.pleft {
	text-align:left;
}

.pright {
	text-align:right;
}

.pjustif {
	text-align:justify;
}

.borderimg {
	border:1px solid #9055b6;

}

.cadreoutput {
	background-color:#fff;
	border:2px solid #9055b6;
	border-radius:2px;
}

.areaoutput {
	max-width: 1140px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height:45vh;
	box-sizing:border-box;
	border:0;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pinput {
	font-size:1.5em;
	font-weight:bold;
}

.infosinput {
	font-style:italic;
}

.btnenvoi {
	background-color: #9055b6;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	padding: 2px 5px;
	border-radius: 2px;
	text-align:center;
	font-weight:bold;
	border:0;
	text-align:center;
	margin:0;
	color:white;

}

.btnenvoi:hover, .iconebouton:hover {
	background-color:#c469ff;
}

.boutons {
	display:flex;
	justify-content:flex-end;
	gap:10px;
	margin:5px;
	margin-bottom:3px;
}

.iconebouton {
	background-color: #9055b6;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	padding: 5px;
	border-radius: 2px;
	text-align:center;
	font-weight:bold;
	border:0;
	text-align:center;
	margin:0;
	color:white;
	width:1em;
}