/************************************************************/
/*DOCTYPE css 2.1 avec recommandation //W3C//DTD XHTML 1.0 */
/**********************************************************/

/***************************************************/
/* Définition des titrailles                      */
h1 {
	text-decoration: none;	
	letter-spacing: 1pt;
	font-size: 18pt;	
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal; 
	color: #e2c3db;
	background: #473d4c;
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;
}
@media screen and (max-width: 1052px) {
	h1 {
		letter-spacing: 1pt;
		font-size: 16pt;	
	}
}
@media screen and (max-width: 905px) {
	h1 {
		letter-spacing: 1pt;
		font-size: 14pt;	
	}
}
@media screen and (max-width: 760px) {
	h1 {
		letter-spacing: 1pt;
		font-size: 12pt;	
	}
}


/*2*************************************************/
h2 {
	text-decoration: none;	
	letter-spacing: 1pt;
	font-size: 18pt;	
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal; 
	color: #e2c3db;
	background: #473d4c;
	margin: 0;
}
@media screen and (max-width: 1260px) {
	h2 {
		letter-spacing: 1pt;
		font-size: 16pt;	
	}
}
@media screen and (max-width: 1050px) {
	h2 {
		letter-spacing: 1pt;
		font-size: 14pt;	
	}
}
@media screen and (max-width: 955px) {
	h2 {
		letter-spacing: 1pt;
		font-size: 12pt;	
	}
}
@media screen and (max-width: 745px) {
	h2 {
		letter-spacing: 1pt;
		font-size: 10pt;	
	}
}

/*3*************************************************/
h3 {
	text-decoration: none;	
	letter-spacing: 1pt;
	font-size: 14pt;	
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal; 
	color: #e2c3db;
	background: #473d4c;
	margin: 0;
}
@media screen and (max-width: 1260px) {
	h3 {
		letter-spacing: 1pt;
		font-size: 12pt;	
	}
}
@media screen and (max-width: 1050px) {
	h3 {
		letter-spacing: 1pt;
		font-size: 10pt;	
	}
}
@media screen and (max-width: 955px) {
	h3 {
		letter-spacing: 1pt;
		font-size: 8pt;	
	}
}
@media screen and (max-width: 745px) {
	h3 {
		letter-spacing: 1pt;
		font-size: 6pt;	
	}
}

/*4*************************************************/
hr {
	margin-left: -30px;
}


/***************************************************/
/* Définition des sélecteurs de classe <class=>    */
/**1************************************************/
.contact_container {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: -2px;
	display: grid;
	grid-template-columns: 10% 80% 10%;
	white-space: normal;
}


/*2***********************************************/
.contact_corps {
	width: 100%;
	color: #e2c3db;
	background-color : #473d4c;
	text-align: justify;
	text-decoration: none;
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal;
	margin-top:10px;
}
.evenements_corps ul {
	list-style-type: square;
	margin-top: 0px;
	margin-bottom: 5px;
}

/*3***********************************************/
.contact_coordonnees {
	position: relative;
	top: 7px;
	left: 19px;
	width: 678px;
	height: 130px;
	text-align: left;
	text-decoration: none;	
	letter-spacing: 3pt;
	font-size: 12pt;	
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal;
	color: #c957bf;
}
@media screen and (max-width: 480px) {
	.contact_coordonnees {
		left: 10px;
		height: 110px;
		letter-spacing: 2pt;
		font-size: 10pt;	
	}
}

/*4************************************************/
.contact_rubs {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*4************************************************/
.contact_rubs ul li {
	list-style-type: circle;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14pt;
}

/*5*************************************************/
.contact_plan {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}

/*6*************************************************/
.contact_images {
	float: left;
	top: 0px;
	width: 100%;
	margin-top: 0px;
}

.contact_images img {
	border: 0;
	height: 350px;
}

/*7*************************************************/
.contact_favoris {
	width: 100%;
	margin-top: 15px;
	margin-left: -30px;
	padding-right: 30px;
	border-top: 1px solid #e2c3db;
    text-align: center;
	text-decoration: none;	
	letter-spacing: 2pt;
    font-size: 12pt;	
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #e2c3db;
	background: #473d4c;
}
@media screen and (max-width: 1205px) {
	.contact_favoris {
		letter-spacing: 1pt;
		font-size: 11pt;
	}
}
@media screen and (max-width: 950px) {
	.contact_favoris {
		letter-spacing: 1pt;
		font-size: 10pt;
	}
}
@media screen and (max-width: 880px) {
	.contact_favoris {
		letter-spacing: 1pt;
		font-size: 8pt;
	}
}
.contact_favoris ul {
	margin-right: -30px;
	border-bottom: 1px solid #e2c3db;
}
.contact_favoris li {
	display: inline-block;
	list-style-type: none;
	text-align: center;
}

/*8*************************************************/
.contact_signature {
	max-width: 15em;                      /* largeur de la fenêtre */
  	margin: 1em auto 2em;
  	border: 1px solid #D0d4de;
  	overflow: hidden;                     /* masque tout ce qui dépasse */
	box-shadow: 0 .15em .15em #CCC,inset 0 0 0.15em .15em #CCC;
	font-family:  "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	color: #e2c3db;
}

.contact_signature > :first-child {
	display: inline-block;                /* modèle de boîte en ligne */
	padding-right: 2em;                   /* un peu d'espace pour la transition */
	padding-left: 100%;                   /* placement à droite du conteneur */
	white-space: nowrap;                  /* pas de passage à la ligne */
	animation: defilement_signature 15s infinite linear;
}

@keyframes defilement_signature {
	0% {
	  transform: translate3d(0,0,0);      /* position initiale à droite */
	}
	100% {
	  transform: translate3d(-100%,0,0);  /* position finale à gauche */
	}
}

/***************************************************/
/* Définition des sélecteurs identificateur <id=> */
/*1***********************************************/

#plan {
	transition-property: width;
	transition-duration: 2s;
}