/**
 * CSS de la structure de l'interface
 */
* {
    margin: 0;
    padding: 0;
}
html, body {
    background-image: none;
    background-repeat: repeat;
    background-color: #000000;
}
#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: #ffffff;
    background-image: none;
    background-repeat: repeat;
    border-top: 0px solid gold;
}
.centreur {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 0px auto;
}
#banniere {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 103;
    border: 0px solid red;
    overflow: hidden;
}
#banniere_logo {
    z-index: 104;
	position:relative;
	display: block;
	width: 40%;
	height: auto;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	font-size: 3.2em;
	line-height: 1.5em;
	text-align: center;
	}
#banniere_logo img {width:auto;max-width: 100%;}
#banniere_gauche {
    z-index: 104;
	display: block;
	float: left;
	width: 60%;
    height: auto;
    min-height: 20px;
	}
#banniere_gauche_top {
	position: relative;
	text-align: center;
	vertical-align: top;
	padding: 20px 0px 0px 0px;
}
.banniere_gauche_top_case {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0px 5px 0px;
}
.banniere_gauche_top_case + .banniere_gauche_top_case {
	width: 30%;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	padding: 5px 1% 5px 1%;
}
.banniere_gauche_top_case + .banniere_gauche_top_case + .banniere_gauche_top_case {
	width: 32%;
	border-left: 0px solid #aaaaaa;
	border-right: 0px solid #aaaaaa;
	padding: 5px 0px 5px 0px;
}
.banniere_gauche_top_case p {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	color: rgb(26, 81, 24);
	font-family: 'Gelasio','Times New Roman', Times, serif;
}
.banniere_gauche_top_case p a {
	color: rgb(26, 81, 24);
	text-decoration: underline;
}
#actusban {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	position:relative;
	display: inline-block;
	font-size: 0.9em;
	line-height:1.1em;
	border:0px solid red;
	height:35px;
	width: 100%;
	overflow:hidden;
}
.actusban_case {
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
}

/* 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 0px 0px;
    z-index: 5;
    overflow: hidden;
    border: 0px solid blue;
}

/* PIED */
#pied_barre {
    position: relative;
    width: 100%;
    height: 178px;
    background-image: url('images/structure/raccord_machine_pied.jpg');
    background-repeat: repeat-x;
    text-align: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
}
#pied {
    position: relative;
    width: 100%;
    z-index: 2;
	height: auto;
    padding: 40px 0px 30px 0px;
    font-size: 0.9em;
    line-height: 1.2em;
    letter-spacing: 1px;
	text-align: left;
    color: #e0e0e0;
    background-color: #000000;
    background-image: none;
	background-position: bottom center;
	background-repeat: no-repeat;
    border: 0px solid red;
    }
#pied a {
    color: #e0e0e0;
    text-decoration: underline;
}
.texte_adresse {
	font-family: "Oswald","Arial", sans-serif;
	line-height: 1.4em;}
.texte_fb {
	font-size: 1.5em;
	line-height: 1.2em;
	font-family: "Oswald","Arial", sans-serif;
}

/* MENU */
#menu_reduit {display:none;}
#menu_principal {
	display: block;
	width: 100%;
    height: auto;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    background-color: transparent;
    overflow: hidden;
    text-transform: none;
	text-align: center;
    border: 0px solid green;
	border-top: 5px solid #ffffff;
	}
#menu_principal.nonfixed {position:relative;top:0;left:0;}
#menu_principal.fixed {position:fixed;top:0;left:0;border-top:none;}
#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: 44px;
	margin: 0px 6px 0px -5px;
    padding: 0px 0px 0px 0px;
    border: 0px solid green;
}
#nav li a {
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	height: 15px;
	padding: 17px 15px 12px 15px ;
    margin: 0px 0px 0px 0px;
	color: #2e2e2e;
    font-family: "Oswald","Arial", sans-serif;
	font-size: 1.1em;
	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 a.encours, #nav a:hover {
	color: #db0606;
	text-decoration: none; 
}

#subMenusContainer a:hover {
	text-decoration: none; 
    background-image: none;
	background-color: #cccccc;
	}
#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: #3e3e3e;
	font-size: 1em;
	line-height: 1.2em;
    padding: 8px 10px 8px 10px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #cccccc;
}
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	padding: 4px 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: #ededed;
	}
#nav li ul {
	position: absolute;
	width: 230px;
	margin-left: -1000em; 
}

/* Pages */
#filariane {margin-bottom:30px;}
	
/* Accueil */

#zone_defilante {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom: 5px;
	overflow: hidden;
}
#zone_defilante > .centre_image {float:left;}
.centre_image {
	width: 33%;
    height: auto;
}
#slideshow, #slideshow2 {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: auto;
}
.zone_defilante_case {
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	text-align: center;
}
.textedefilant_case {
	width:auto;
	height:auto;
	position:absolute;
	bottom:60px;
	left:50px;
	font-size:3.2em;
	line-height:1.2em;
	letter-spacing:1px;
	text-align:left;
	color:#ffffff;
    font-family: "Oswald", "Arial", sans-serif;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.accueilactus_uneactu {
	display: inline-block;
	vertical-align: top;
	margin: 20px 3% 20px 3%;
	width: 26%;
	background-color: transparent;
}
.accueilactus_uneactu h3 a, .actus_uneactu h2 a {color:#313131;}
.accueilactus_uneactu_image {
	display: block;
	width: 100%;
	height: auto;
	border: 0px solid #eeeeee;
	overflow: hidden;
	text-align: center;
	background-position: 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;}
#accueil_casesmachines {text-align: center;}
#accueil_casesmachines div {
	display: inline-block;
	width: 320px;
	height: 80px;
	margin: 20px 20px 20px 20px;
	padding: 240px 0px 0px 0px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Pages */
#liste_souspages, .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;
}
.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;
}
.recherche_resultat {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dashed #cccccc;
	}

#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');}

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

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

.masquer_bureau {display: none;}

/** Version mobile */
@viewport {
	   width: device-width; 
	   zoom: 1;
}

@media only screen and (max-width: 1400px) {
.centre_image {
	width: 49%;
    height: auto;
}
}
@media only screen and (max-width: 890px) {
	#subMenusContainer, .masquer_mobile
	{display:none;}
	.masquer_bureau {display: block;}
	#banniere_logo {width:100%;}
	#banniere_logo img {max-width:100%;}
	#menu_reduit {
		display:block;
		width: auto;
		height: 30px;
		margin:9px auto 7px auto;
		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: #2e2e2e;
	}
	#banniere_gauche {
		display: block;
		float: none;
		width: 100%;
	    height: auto;
	    min-height: 20px;
	}
	.banniere_gauche_top_case {
		width: 98%;
		display: inline-block;
		vertical-align: top;
		padding: 5px 0px 15px 0px;
		border-left: 0px solid #aaaaaa;
		border-right: 0px solid #aaaaaa;
	}
	.banniere_gauche_top_case + .banniere_gauche_top_case {
		width: 98%;
		border-left: 0px solid #aaaaaa;
		border-right: 0px solid #aaaaaa;
		border-top: 1px solid #aaaaaa;
		padding: 25px 1% 15px 1%;
	}
	.banniere_gauche_top_case + .banniere_gauche_top_case + .banniere_gauche_top_case {
		width: 98%;
		border-left: 0px solid #aaaaaa;
		border-right: 0px solid #aaaaaa;
		border-top: 1px solid #aaaaaa;
		padding: 25px 1% 15px 1%;
	}
	#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;
		background-color: #efefef;
	}
	#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: #2e2e2e;
		border-bottom:1px dotted #2e2e2e;
	}
	#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_rechercher span {visibility: visible;width:auto;}
	#nav .menu_rechercher { background-image: none; }
	#nav .menu_avecsousmenu { background-image: none; }

	.colonne75 ,.colonne25, .colonne60 ,.colonne40, .colonne50, .colonne30 {
		position: static;
		float: none;
		width: 100%;
		margin-bottom: 20px;
		overflow:hidden;
	}
	.colonne50 + .colonne50 {
		margin-left:0%;
	}
	.accueilactus_uneactu {
		display: block;
		width: 100%;
		margin: 0px 0px 30px 0px;
	}
	#accueil_encarts {
		width:140%;
		margin-left:-20%;
	}
	
	.liste_souspages_une {
		margin: 0px 1% 20px 1%;
		width: 46%;
	}
	
	h1, h2.h1 {
		white-space: normal;
	}
	#contenu_article img {max-width:100%;}
	.mobile_imagecentre {
		display:block;
		margin: 5px auto;
	}
	
	#contenu ul {
		text-align: left;
		list-style-position: inside;
	    list-style-type: disc;
	    list-style-image: url("images/structure/puce_coche_verte.jpg");
	    margin: 10px 0px 10px 0px;
	    padding: 0px 0px 0px 0px;
	}
	
	.form_aligne .formulaire_part label {
		text-align:left;
		display: inline-block;
		width: 96%;
	}
	.form_aligne .formulaire_part input, .form_aligne .formulaire_part textarea, .form_aligne .formulaire_part select {
		width: 95%;
		padding-left:2%;
		padding-right:2%;
	}
	.form_aligne  input.checkbox {
		width: auto;
	}
}