/**
 * CSS de la structure de l'interface
 */
* {
    margin: 0;
    padding: 0;
}
html, body {
    background-color: #087108;
}
#site_fond {
	position: relative;
	overflow: hidden;
    }
#site_base {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 2;
    height: auto;
    width: 100%;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    border-top: 0px solid gold;
}
.centreur {
	position: relative;
	width: 90%;
	max-width: 1300px;
	margin: 0px auto 0px auto;
}
.centreur_petit {
	position: relative;
	width: 60%;
	max-width: 1300px;
	margin: 0px auto 0px auto;
}
#banniere_logo {
	position:relative;
	top:0px;
	left:0px;
	z-index: 100;
	margin: 0px 0px -8px 0px;
	padding: 10px 0px 0px 0px;
	color: #333333;
	font-size: 3.2em;
	line-height: 1.5em;
	text-align: center;
    background-color: #ffffff;
    background-repeat: repeat;
    background-image: url('images/structure/ap_logo.jpg');
	background-position: center;
	background-repeat: repeat;
	}

/* CONTENU */
#centre {
	width: 100%;
    height: auto;
    position: relative;
    z-index: 4;
    background-color: #ffffff;
    border: 0px solid gold;
}
#contenu {
	position: relative;
    height: auto;
    min-height: 400px;
    padding: 0px 0px 20px 0px;
    z-index: 5;
    overflow: hidden;
    border: 0px solid blue;
}

/* PIED */
#pied {
    position: relative;
    width: 100%;
    z-index: 2;
	height: auto;
    padding: 50px 0px 10px 0px;
    background-color: #304100;
    font-size: 1em;
    line-height: 1.2em;
    letter-spacing: 1px;
	text-align: left;
    color: #ffffff;
    border: 0px solid red;
    }
#pied a {
    color: #ffffff;
    text-decoration: underline;
}
#pied_adresse {text-align: left;}
#pied_signature {margin-top:40px;text-align:right;}
.texte_fb {
	font-size: 1.5em;
	line-height: 1.2em;
	font-family: "Oswald","Arial", sans-serif;
}
/* MENU */
#menu_reduit {display:none;}
#menu_principal {
    z-index: 101;
    width: 100%;
    height: auto;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #bb3f13; /*f17d1b*/
	text-align: center;
    font-family: "Oswald", "Arial", sans-serif;
    border: 0px solid green;
	}
#menu_principal.nonfixed {position:relative;top:0;left:0;}
#menu_principal.fixed {position:fixed;top:0;left:0;}
#nav {
	display:block;
	position: relative;
	list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	z-index:105;
	top:0px;
	display:block;
    z-index: 13;
    border: 0px solid green;
}

#nav li { 
	display: inline-block;
	list-style: none;
	height: auto;
	margin: 0px 6px -3px -5px;
    padding: 0px 0px 0px 0px;
    border: 0px solid green;
}
#nav li a {
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	height: auto;
	padding: 27px 25px 25px 25px ;
    margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 0px solid gold;
}
#nav li + li a {
    border-left: 0px solid #ffffff;
}
#nav .menu_accueil span {width:20px;display:inline-block;visibility: hidden;}
#nav .menu_accueil {
    background-image: url('images/structure/menu_maison.png');
    background-repeat: no-repeat;
    background-position: center;
}
#nav .menu_rechercher span {width:20px;display:inline-block;visibility: hidden;}
#nav .menu_rechercher {
    background-image: url('images/structure/menu_loupe.png');
    background-repeat: no-repeat;
    background-position: center;
}
#nav .menu_avecsousmenu {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
}
/*#nav a.menu_encours*/
#nav a:hover {
	color: #ffffff;
	background-color: #f38714;
	text-decoration: none; 
}
#subMenusContainer a:hover {
	text-decoration: none; 
    background-image: none;
	background-color: #f38714;
}
#subMenusContainer a, #nav li li a, a.subMenuBtn {
	display: block;
	background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
	text-align: left;
	text-transform: none;
	height: auto;
	color: #ffffff;
	font-size: 1em;
	line-height: 1.1em;
    padding: 8px 10px 8px 10px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #dab2a3;
}
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	padding: 3px 50px 0px 6px;
	margin:0 0 0 0px;	
	background: transparent;	
}
div.smOW li {
	margin: 0px;
	padding: 0px;
	}

#nav ul, #subMenusContainer ul {	
	border:0px solid #C3D46A; 
	left:0;
}

#nav, #nav ul, #subMenusContainer ul { 
	padding: 0;
	margin: 0;
}
#subMenusContainer li{
	list-style: none;
}

#subMenusContainer {
	display:block; 
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0;
	overflow:visible;
	z-index:1000000000;
	}
#subMenusContainer ul {
	width: 330px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid gold;
	background-color: #bb3f13;
	}
#nav li ul {
	position: absolute;
	margin-left: -1000em; 
}

/* Pages */
#filariane {margin:20px 0px 20px 0px;}
.case_grise_accueil {min-height:110px;}
.case_grise {
	position: relative;
	background-color: #e9ebed;
	padding: 20px;
	margin: 0px 0px 10px 0px;
	}
.bouton_coin {
	position: absolute;
	bottom: 20px;
	right: 20px;
	margin: 0px;
	}
.liste_souspages {text-align:center;}
.liste_souspages_une {
	display: inline-block;
	margin: 0px 1% 20px 0px;
	width: 19%;
    font-family: "Oswald", "Arial", sans-serif;
    font-size: 1.1em;
    vertical-align:top;
}
.liste_souspages_uneimage {
	display: inline-block;
	width: 100%;
	height: 180px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: 1px solid #eeeeee;
}
	
/* Accueil */
#zone_defilante {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom: 0px;
	overflow: hidden;
}
#zone_defilante > .centre_image {float:left;}
.centre_image {
	width: 100%;
    height: auto;
}
#slideshow {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: auto;
}
.zone_defilante_case {
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
}
.textedefilant_case {
	width:100%;
	height:auto;
	position:absolute;
	top:40%;
	/*left:60px;*/
	font-size:3em;
	line-height:1em;
	letter-spacing:1px;
	text-align:center;
	color:#ffffff;
	/*background-color: #666666;
	opacity: 0.7;*/
	display: none;
    font-family: "Oswald", "Arial", sans-serif;
	text-shadow: 0.08em 0.08em 0.08em #000000;
}
.vague-container {
	position:absolute;
	z-index: 200;
	bottom:0px;
	left:0px;
	width:100%;
	height: 300px;
}
.vague {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 0;
}
.vague path {
  fill: #ffffff; /* Couleur de la vague */
}
#accueil_rapides {
	background-color:#ffffff; /* #08681f */
	height:auto;
	text-align: center;
	margin-top: 0px;
	padding: 0px 0px 20px 0px;
	margin-bottom:40px;
	position: relative;
	z-index: 201;
}
.icon-button-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
	margin: 0px 30px 0px 30px;
    text-decoration: none;
}
.icon-button {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #087108;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, transform .2s;
}
.icon-button svg {
    width: 60px;
    height: 60px;
    fill: currentColor;
}
.icon-button-wrapper:hover .icon-button {
    background: #304100;
    transform: scale(1.05);
}
.icon-button-label {
	color: #087108;
	font-weight: bold;
    text-align: center;
	text-decoration: none;
}
.icon-button-label:hover, a.icon-button-wrapper:hover {
	color:#304100;
	text-decoration: none;
}

.titre_carte {
	position: relative;
	text-align: center;
	color: #aaaaaa;
	margin: 55px 0px -30px 0px;
	z-index: 900;
}

.accueilactus_uneactu {
	display: inline-block;
	vertical-align: top;
	margin: 0px 1% 20px 1%;
	width: 30%;
	background-color: transparent;
}
.accueilactus_uneactu_image {
	display: block;
	width: 100%;
	height: auto;
	border: 0px solid #eeeeee;
	overflow: hidden;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #eeeeee;
	margin: 0px 0px 20px 0px;
}
.accueilactus_uneactu_image img {width:100%;height:auto;}

.listeevt {
	clear: both;
	min-height: 58px;
    margin-bottom: 10px;
}
.listeevt_date {
	display: block;
	float: left;
	height: 38px;
	width: 50px;
	padding: 10px 10px 10px 10px;
	line-height: 19px;
	font-size: 17px;
	background-color: #087108;
	color: #ffffff;
    text-align:center;
    margin-right: 10px;
}
.actus_uneactu {
	margin: 0px 0px 30px 0px;
}
.actus_uneactu h3, .actus_uneactu h2 {clear:none;}
.actus_uneactu h3 a, .actus_uneactu h2 a {color:#3f3d39;}
.actus_uneactu_image {
	display: block;
	width: 250px;
	height: 180px;
	float: left;
	border: 1px solid #eeeeee;
	overflow: hidden;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px 20px 20px 0px;
}

/* Agenda */
td.event {background-color:#999999;color:#ffffff;}
td.event a {color:#ffffff;}

/* Reservation salle */
#calendar h2{background-image:none;padding-left:0px;}
#calendar a.fc-day-number{color:#616566;}
#calendar a.fc-day-number:hover{color: #616566;text-decoration:none;}

/* Intranet */
.gestion_formulaire_login {
	width:450px;
	margin: 0px auto;
}
.gestion_formulaire_login form {
	text-align: right;
	margin-top: 20px;
}
/* Recherche */
.recherche_resultat {margin:0px 0px 30px 0px;}

/* Réservation */
#reservation_boutons {}
#reservation_boutons a {
	display: inline-block;
	height: 30px;
	width: 120px;
	padding: 95px 10px 10px 10px;
	margin: 0px 5px 10px 5px;
	background-image: url('images/boutons/icone_reservation_description.png');
	background-position: center 15px;
	background-repeat: no-repeat;
}
#reservation_boutons a+a{background-image: url('images/boutons/icone_reservation_tarifs.png');}
#reservation_boutons a+a+a{background-image: url('images/boutons/icone_reservation_dispo.png');}
#reservation_boutons a+a+a+a{background-image: url('images/boutons/icone_reservation_reserver.png');}

/** Version mobile */
@viewport {
	   width: device-width; 
	   zoom: 1;
}
@media only screen and (max-width: 1150px) {
	#banniere_slogan {display:none;}
}
@media only screen and (max-width: 890px) {
	ul#nav > li > ul {display:none;}
	
	#banniere {
	    height: auto;
	}
	#banniere_logo {
		font-size: 1.8em;
		line-height: 1em;
	}
	#banniere_logo img {
		width: 170px;
		margin-bottom: 10px;
	}
	
	#menu_reduit {
		display:block;
		width: auto;
		height: 30px;
		margin:9px 0px 7px 10px;
		padding-left: 37px;
		background-color: transparent;
		background-image: url('images/structure/menu_mobile.png');
		background-repeat: no-repeat;
		background-position: left center;
		border: none;
		cursor: pointer;
		font-size: 20px;
		line-height: 30px;
		font-family: "Arial", sans-serif;
		color: #ffffff;
	}
	#menu_principal {
		position: relative;
	    width: 100%;
	    height: auto;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    overflow: hidden;
	    text-transform: none;
		text-align: center;
	    border: 0px solid green;
	}
	.centreur_petit {width: 90%;}
	
	#contenu_article img {max-width:100%;}
	
	#menu_principal .centreur {width: 100%;}
	#nav  {
		width: 100%;
		margin:0px 0px 40px 0px;
		display:none;
	    overflow: hidden;
		border-bottom:0px dotted #ffffff;
	}
	#nav li {
		display: block;
		height: auto;
	}
	#nav li br {display: none;}
	#nav li a {
		width: 100%;
		display: block;
		margin: 0px;
		height: auto;
		color: #ffffff;
		border-bottom:1px dotted #ffffff;
	}
	#nav li + li a {
	    border-left: 0px solid #ffffff;
	}
	#nav .menu_accueil span {visibility: visible;width:auto;}
	#nav .menu_accueil { background-image: none; }
	#nav .menu_avecsousmenu { background-image: none; }
	
	.colonne75 ,.colonne25, .colonne60 ,.colonne40, .colonne50, .colonne30 {
		position: static;
		float: none;
		width: 100%;
		overflow:hidden;
	}
	.colonne50 + .colonne50 {margin-left:0%;}
	.colonne60 + .colonne40 {margin-left:0%;}
	.colonne40 + .colonne60 {margin-left:0%;}
	.accueilactus_uneactu {
		display: block;
		width: 100%;
		margin: 0px 0px 30px 0px;
	}
	
	.centre_image {
		width: auto;
		min-width: 100%;
	    height: 300px;
	}
	#accueil_rapides a {
		display: inline-block;
		vertical-align: top;
		background-position: top center;
		background-repeat: no-repeat;
		background-color: transparent;
		height: 40px;
		width: 93px;
		margin: 0px 10px 10px 10px;
		padding: 100px 0px 0px 0px;
		color: #ffffff;
		border: 0px solid red;
	}
	
	.textedefilant_case {
		bottom:40px;
		left:30px;
		font-size:2.2em;
		line-height:1em;
	}
	.liste_souspages_une {
		margin: 0px 1% 20px 1%;
		width: 46%;
	}
	
	
	.form_aligne .formulaire_part label {
		text-align:left;
		display: inline-block;
		width: 100%;
	}
	.form_aligne .formulaire_part input, .form_aligne .formulaire_part textarea, .form_aligne .formulaire_part select {
		width: 100%;
	}
	.form_aligne  input.checkbox {
		width: auto;
	}
	
	h1, h2.h1, h2.h1sansbarres {
		white-space: normal;
	}
	h1, h2.h1{display: block;}
	h1:before, h2.h1:before, h1:after, h2.h1:after {
		display: inline-block;
		border-right: 0px solid #ffffff;
		content:"";
		width: auto;
	    background-image: none;
	}

	.zone_intramuros {background-size: auto;	}
}