@charset "utf-8";

/* CSS Document */
/**
@media all and (min-width:900px) and (min-height:625px) {
**/
@font-face {
	font-family : 'fontLight';
	src: url(../fonts/COPRGTL.TTF)
}
@font-face {
	font-family : 'fontBold';
	src : url(../fonts/COPRGTB.ttf);
}
	
	

html {
	height: 100%;
}
body {
	background-image: url(background.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	height: 100%;
	margin: 0;
	width: auto;
	min-height: 600px;
}
#indexHeader {
	background-color: rgba(45,32,73,0.8);
	position: fixed;
	top: 0;
	left: 0;
	width : 100%;
	height : 50%;
	min-height: 300px;
	display: flex;
}
#conteneurGlobalIndex {
	width: 3134px;
	margin-left: 10px;
	height: 100%;
	min-height: 600px;
	position: absolute;
}
#conteneurGlobalIndex2 {
	width: 100%;
	height: 100%;
	min-height: 600px;
	position: absolute;
}
#conteneurGlobalGaleries {
	width: 100%;
	height: 100%;
	min-height: 600px;
	position: absolute;
}
#conteneurActualites {
	background-color: rgba(45,32,73,0.8);
	margin: auto;
	top: 75%;
	right: 0;
	left: 0;
	width: 900px;
	height: 135px;
	position: fixed;
}
#imageLogo {
	min-width: 400px;
	max-width: 500px;
	margin: auto;
	width: 50%;
}
#conteneurImages {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 10px;
	height: 284px;
}
.footerMentions {
	background-color: rgba(45,32,73,0.8);
	width: 400px;
	height: 30px;
	position: fixed;
	margin: auto;
	bottom: 0;
	right: 0;
	left: 0;
	font-family: 'fontLight';
	color: rgba(193,182,215,0.80);
	font-size: 15px;
	letter-spacing: 3px;
	text-align: center;
}
#formulaireContact {
	width: 50%;
	min-width: 900px;
	text-align: center;
	font-family: 'fontLight';
	color: rgba(45,32,73,1);
	height: 450px;
	background-color: rgba(193,182,215,1);
}
#titreContact {
	font-size: 24px;
	letter-spacing: 3px;
}
#copyright {
	height: 30px;
	margin-top: 5px;
}
#conteneurImagesGal {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
}
#conteneurImagesGal2 {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 284px;
	display: flex;
	justify-content: center;
}
.divImage {
	width: 250px;
	height: 250px;
	overflow: hidden;
	float: left;
	margin: 10px;
	border: 7px solid #c1b6d7;
}
.divImageGal {
	width: 350px;
	height: 350px;
	overflow: hidden;
	float: left;
	margin: 10px;
	border: 7px solid #c1b6d7;
}
.divImageGal2 {
	width: 20%;
	max-width : 250px;
	min-width: 195px;
	
	height: 250px;
	overflow: hidden;
	float: left;
	margin: 10px;
	border: 7px solid #c1b6d7;
}
.divImageGal0 {
	width: 20%;
	max-width : 350px;
	;
	height: 350px;
	overflow: hidden;
	float: left;
	margin: 10px;
	border: 7px solid #c1b6d7;
}
#divImageTexte {
	width: 250px;
	height: 250px;
	overflow: hidden;
	float: left;
	margin: 10px;
	border: 7px solid #c1b6d7;
	font-family: 'fontBold';
	font-size: 26px;
	color: rgba(45,32,73,0.8);
	text-align: center;
	background-image: url(tile.jpg);
}
#conteneurContact {
	left: 78%;
	top: 15%;
	width: 180px;
	height: 70px;
	position: absolute;
	position: fixed;
}
#conteneurCroisiere {
	right: 70%;
	top: 10%;
	width: 280px;
	height: 150px;
	position: absolute;
	position: fixed;
	background-color: rgba(45,32,73,1);
	text-align: center;
	font-size: 18px;
	color: #c1b6d7;
	line-height: 29px;
	
}
.contact {
	width: 50px;
	height: 50px;
	margin: 10px;
	float: left;
}
.dateActu {
	width: 9%;
	height: 65%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 90px;
}
.moisActu {
	width: 92%;
	height: 33%;
	position: absolute;
	margin: auto;
	bottom: 0;
	left: 0;
	line-height: 65%;
	text-align: center;
	font-size: 29px;
	color: #c1b6d7;
}
.jourActu {
	width: 92%;
	height: 67%;
	position: absolute;
	margin: auto;
	line-height: 75%;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: top;
	font-size: 70px;
	color: #c1b6d7;
}
.anneeActu {
	width: 8%;
	height: 100%;
	line-height: 77%;
	position: absolute;
	margin: auto;
	top: 1;
	right: 0;
	font-size: 25px;
	color: #c1b6d7;
}
.contenuActu {
	width: 68%;
	height: 65%;
	position: absolute;
	margin: auto;
	top: -10;
	bottom: 0;
	right: 90px;
}
.titreActu {
	width: 100%;
	height: 40%;
	position: absolute;
	margin: auto;
	top: -2;
	vertical-align: bottom;
	font-size: 28px;
	color: #c1b6d7;
}
.texteActu {
	width: 100%;
	height: 60%;
	position: absolute;
	margin: auto;
	bottom: 2;
	line-height: 140%;
	vertical-align: bottom;
	font-size: 18px;
	color: #c1b6d7;
}
/**}**/