/************************************************************/
/*DOCTYPE css 2.1 avec recommandation //W3C//DTD XHTML 1.0 */
/*Refonte du 01/10/2020									  */
/*Style de la page Accueil/(index.htm)     				 */
/********************************************************/


/*****************************************************/
/* Définition des marqueurs de police sur les liens */
/**1************************************************/
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


/***************************************************/
/* Définition des titrailles                      */
/*1***********************************************/
h1 {
	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: #d0d4de;
	background: #2f2b21;
	margin: 0;
}
@media screen and (max-width: 780px) {
	h1 {
		letter-spacing: 2pt;
		font-size: 11pt;	
	}
}
@media screen and (max-width: 510px) {
	h1 {
		letter-spacing: 1pt;
		font-size: 10pt;	
	}
}

/*2***********************************************/
h2 {
	text-decoration: none;	
	letter-spacing: 1pt;
	font-size: 12pt;	
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal; 
	color: #d0d4de;
	background: #2f2b21;
	margin: 0;
}
@media screen and (max-width: 780px) {
	h2 {
		letter-spacing: 2pt;
		font-size: 11pt;	
	}
}
@media screen and (max-width: 510px) {
	h2 {
		letter-spacing: 1pt;
		font-size: 10pt;	
	}
}


/***********************************************************/
/* Définition du container du corps 0-accueil (index.htm) */
/*1*******************************************************/
#accueil_container {
	width: 100%;
}

/******************************************************/
/* Définition du centre du corps - Diaporama		 */
/*1**************************************************/
#accueil_carroussel	{
	width: 80%;
	margin: auto;
	margin-top: 10px;
}

/*2**************************************************/
.diaporama_container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

/*3**************************************************/
.diaporama {
	display: flex;
	list-style-type: none;
	width: 400%;
	padding:0;
	margin:0;
}

/*4**************************************************/
.diapositive.active	{
	opacity: 1;
}
.diapositive {
	flex: 1 0 25%;
	position: relative;
	left:-50%;
	opacity: 0.5;
}
.diapositive img {
	width: 53%;
	border: none;
	margin: 0;
}
@media screen and (max-width: 1760px) and (orientation: landscape){
	.diapositive img{
		width: 57%; 
	}
}
@media screen and (max-width: 1270px) and (orientation: landscape){
	.diapositive img{
		width: 66%; 
	}
}

/*5**************************************************/
.fleche::before {
	border-style: solid;
	border-width: 0.05em 0.05em 0 0;
	content: '';
	display: inline-block;
	height: 0.25em;
	left: 0em;
	position: relative;
	top: 0em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.25em;
}
.fleche.droite:before {
	left: -0.05em;
	top: 0.11em;
	transform: rotate(45deg);
}
.fleche.gauche:before {
	left: 0.05em;
	top: 0.11em;
	transform: rotate(-135deg);
}

/*6**************************************************/
#nav-droite, #nav-gauche {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #F7AF00;
	font-size: 3em;
	height: 25px;
	width: 25px;
/*	background-color: rgba(142,132,109,0.3);*/
	background-color: rgba(248,228,188,0.3);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}
#nav-droite	{
	right: 20px;
}
#nav-gauche	{
	left: 20px;
}

.nav-dots {
	padding:0;
	margin:5px 0 0;
	text-align: center;
}
.nav-dot-item {
	position: relative;
	display: inline-block;
	padding:0; margin:0;
	height: 8px;
	width: 8px;
	margin: 0 5px;
/*	background: #f8e4bc;*/
	background: rgba(248,228,188,0.3);
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}

.nav-dot-item.active {
	background: #F7AF00;
}

/******************************************************/
/* Définition du bas du corps - Informations 		 */
/*1**************************************************/
#accueil_informations {
	position: relative;
	top: 0px;
	width: 100%;
	height: 260px;
	text-align: center;
	text-decoration: none;	
}
@media screen and (max-width: 2023px) {
/*	#accueil_informations {
		height: 260px;
	}
}
@media screen and (max-width: 1645px) {*/
	#accueil_informations {
		height: 280px;
	}
}
@media screen and (max-width: 1370px) {
	#accueil_informations {
		height: 300px;
	}
}
@media screen and (max-width: 1346px) {
	#accueil_informations {
		height: 320px;
	}
}
@media screen and (max-width: 1107px) {
	#accueil_informations {
		height: 340px;
	}
}
@media screen and (max-width: 790px) {
	#accueil_informations {
		height: 360px;
	}
}
/*@media screen and (max-width: 780px) {
	#accueil_informations {
		height: 380px;
	}
}*/
@media screen and (max-width: 780px) {
	#accueil_informations {
		height: 400px;
	}
}
@media screen and (max-width: 687px) {
	#accueil_informations {
		height: 420px;
	}
}
@media screen and (max-width: 645px) {
	#accueil_informations {
		height: 440px;
	}
}
@media screen and (max-width: 577px) {
	#accueil_informations {
		height: 460px;
	}
}
@media screen and (max-width: 538px) {
	#accueil_informations {
		height: 480px;
	}
}
@media screen and (max-width: 513px) {
	#accueil_informations {
		height: 420px;
	}
}
/*@media screen and (max-width: 703px) {
	#accueil_informations {
		height: 415px;
	}
}
@media screen and (max-width: 680px) {
	#accueil_informations {
		height: 436px;
	}
}
@media screen and (max-width: 606px) {
	#accueil_informations {
		height: 459px;
	}
}
@media screen and (max-width: 567px) {
	#accueil_informations {
		height: 478px;
	}
}
@media screen and (max-width: 565px) {
	#accueil_informations {
		height: 501px;
	}
}
@media screen and (max-width: 548px) {
	#accueil_informations {
		height: 522px;
	}
}
@media screen and (max-width: 518px) {
	#accueil_informations {
		height: 542px;
	}
}
@media screen and (max-width: 510px) {
	#accueil_informations {
		height: 398px;
	}
}*/
@media screen and (max-width: 478px) {
	#accueil_informations {
		height: 416px;
	}
}
@media screen and (max-width: 460px) {
	#accueil_informations {
		height: 422px;
	}
}
@media screen and (max-width: 445px) {
	#accueil_informations {
		height: 438px;
	}
}
@media screen and (max-width: 442px) {
	#accueil_informations {
		height: 458px;
	}
}
@media screen and (max-width: 420px) {
	#accueil_informations {
		height: 450px;
	}
}
@media screen and (max-width: 400px) {
	#accueil_informations {
		height: 492px;
	}
}
@media screen and (max-width: 380px) {
	#accueil_informations {
		height: 490px;
	}
}
@media screen and (max-width: 365px) {
	#accueil_informations {
		height: 510px;
	}
}
@media screen and (max-width: 325px) {
	#accueil_informations {
		height: 550px;
	}
}
@media screen and (max-width: 285px) {
	#accueil_informations {
		height: 660px;
	}
}
#accueil_informations ul{
	list-style-type: none;
	text-decoration: none;
}
#accueil_informations li{
	text-decoration: none;
}

/*2**************************************************/
.accueil_info_menub {
	margin-left:23.2%;
	width: 50%;
	height:32px;
	text-align: center;
	border-bottom: 1px solid grey;
    text-align: center;
    margin-top: 9px;
}
@media screen and (max-width: 810px) {
	.accueil_info_menub { 
		margin-left:10%;
		width: 75%;
		height: 30px;	
	}
}
@media screen and (max-width: 510px) {
	.accueil_info_menub { 
		margin-left:0%;
		width: 90%;
		height: 27px;	
	}
}
.accueil_info_menub li {
	display: inline-block;
	vertical-align: baseline;
	margin-left: -40px;
	height: 25px;
}
.accueil_info_menub li+li {
	margin-left: 40px;
}

/*3**************************************************/
.accueil_info_contenu {
	width: 100%;
	text-align: justify;
	white-space: normal;
}

/*6**************************************************/
#ac_info_text1 {
	position: absolute;
	top: 34px;
	width: 80%;
	margin-left: 5%;
	visibility: visible;
}
@media screen and (max-width: 510px) {
	#ac_info_text1 { 
		margin-left: -2%;
	}
}
#ac_info_text1 li{
	list-style-type: circle;
	color: #d0d4de;
}



/*5**************************************************/
#ac_info_text2 {
	position: absolute;
	top: 34px;
	width: 80%;
	margin-left: 5%;
	visibility: hidden;
}
@media screen and (max-width: 510px) {
	#ac_info_text2 { 
		margin-left: -2%;
	}
}

/*4**************************************************/
#ac_info_text3 {
	position: absolute;
	top: 34px;
	width: 80%;
	margin-left: 5%;
	visibility: hidden;
}
@media screen and (max-width: 510px) {
	#ac_info_text3 { 
		margin-left: -2%;
	}
}

/*7**************************************************/
.info_text1 {
	visibility: visible;
}

/*8**************************************************/
.info_text2 {
	visibility: hidden;
}

/*9**************************************************/
.info_text3 {
	visibility: hidden;
}