/**
 * CSS de la structure de l'interface
 */
* {
    margin: 0;
    padding: 0;
}
html, body {
    background-image: none;
    background-repeat: repeat;
    background-color: #ffffff;
}
#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 0px 0px;
	padding: 20px 0px 20px 0px;
	color: #333333;
	font-size: 3.2em;
	line-height: 1.5em;
	text-align: center;
	height: auto;
    background-image: none;
	background-position: center;
	background-repeat: repeat;
	background-size: cover;
	}
#banniere_logo img {
	width: 250px;
	height: auto;
	max-width:100%;
	padding:0px;
	margin:0px auto;
	display:block;
}

/* 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: 20px 0px 50px 0px;
    z-index: 5;
    overflow: hidden;
    border: 0px solid blue;
}
#contenu_article img {max-width:100%;}

/* PIED */
#pied {
    position: relative;
    width: 100%;
    z-index: 2;
	height: auto;
    padding: 50px 0px 30px 0px;
    background-color: #264445;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left bottom;
    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_signature {margin-top:20px;text-align: center;}

/* 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: #019F93;
    text-transform: none;
	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 -2px -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: 17px 18px 15px 18px ;
    margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-size: 1.0em;
	line-height: 1.0em;
	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/maison_menu.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/loupe_menu.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: #264445;
	text-decoration: none; 
}
#subMenusContainer a:hover {
	text-decoration: none; 
    background-image: none;
	background-color: #264445;
	}
#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: 2px solid #ffffff;
}
.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: #019F93;
	}
#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: 0.8em;
    font-weight: bold;
    vertical-align:top;
    text-transform: uppercase;
}
.liste_souspages_une a {
    color: #666666;
}
.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: 30px;
	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;
}
#slideshow_titre {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
	color: #ffffff;
	text-align: center;
	z-index: 100;
	padding: 30px 0px 20px 0px;
}
.galerie_fleche {
	position: absolute;
	top:32%;
	z-index:1000;
	height: auto;
	width: auto;
	opacity: 0.7;
}
.galerie_fleche:hover {
	cursor: pointer;
	opacity: 1;
}
.fleche_gauche {left:40px;}
.fleche_droite {right:40px;}
.zone_defilante_case {
	width:100%;
	height:auto;
	position:absolute;
	top:110px;
	left:0px;
	text-align: center;
	border: 0px solid red;
}
.zone_defilante_case_image {
	display: inline-block;
	width: 300px;
	height: 216px;
	border: 1px solid #eeeeee;
	overflow: hidden;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.textedefilant_case_titre {
	font-size:1.6em;
	line-height:1.1em;
	letter-spacing:0px;
	color:#000000;
	text-align: left;
    font-family: "OswaldBold", "Arial", sans-serif;
    margin: 0px 0px 20px 0px;
}
.zone_defilante_case_unedesc  {
	padding: 0px 30px 30px 50px;
	vertical-align: top;
	display: inline-block;
	width: 50%;
	height: auto;
	text-align: left;
	color:#000000;
}

.accueilactus_uneactu {
	display: inline-block;
	vertical-align: top;
	margin: 0px 2% 40px 2%;
	width: 35%;
	padding: 1%;
	background-color: transparent;
	text-align: left;
	background-color: #ffffff;
}
.accueilactus_uneactu_image {
	display: block;
	width: 100%;
	height: auto;
	border: 0px solid #eeeeee;
	overflow: hidden;
	text-align: center;
	/*background-position: top center;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #eeeeee;
	margin: 0px 0px 20px 0px;
	position: relative;
}
.accueilactus_uneactu_image img {width:100%;height:auto;}
.accueilactus_uneactu_image span {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 8px 20px 8px 30px;
	z-index: 20;
	color: #eeeeee;
	background-image: url('images/structure/actu_pucecat.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}
.accueilactus_uneactu_image span.actucat1 {background-color: #457d7f;}
.accueilactus_uneactu_image span.actucat2 {background-color: #133953;}

#accueil_rapides {
	height:auto;
	text-align: center;
}
#accueil_rapides a {
	display: inline-block;
	vertical-align: top;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 40px;
	width: 150px;
	margin: 0px 25px 10px 25px;
	padding: 115px 0px 0px 0px;
	font-size: 1.2em;
	/*color: #ffffff;*/
	border: 0px solid red;
}
/*#accueil_rapides a:hover {color: #ffffff;}*/
.rapide1 {background-image: url('images/structure/icone1_newsletter.jpg');}
.rapide2 {background-image: url('images/structure/icone2_assemblee.jpg');}
.rapide3 {background-image: url('images/structure/icone3_contact.jpg');}
.rapide4 {background-image: url('images/structure/icone4_agenda.jpg');}
.rapide5 {background-image: url('images/structure/icone5_publications.jpg');}
.rapide6 {background-image: url('images/structure/icone6_videos.jpg');}
#accueil_carte { float: right; width:auto; height:auto;}
#accueil_carte_titre { padding-top:80px; }
.accueil_unecho {
	margin: 0px auto 30px auto;
	display: block;
	width: 70%;
}
.accueil_unecho h3, .accueil_unecho h2 {margin-top:0px;}
.accueil_unecho h3 a, .accueil_unecho h2 a {}
.accueil_unecho_date {}
.accueil_unecho_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;
}
.accueil_soustitreactus {
	font-size: 2.7em;
    line-height: 1.1em;
	margin: 0px auto 30px auto;
}

/* Actualites */
.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;
}

/* 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;}

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

@media only screen and (max-width: 1300px) {
	.galerie_fleche {
		top:40%;
		height: 100px;
	}
	.fleche_gauche {left:20px;}
	.fleche_droite {right:20px;}
	.zone_defilante_case {
		top:70px;
	}
	#slideshow_titre {
		padding: 20px 0px 20px 0px;
	}
	.zone_defilante_case_image {
		width: 200px;
		height: 144px;
	}
	.textedefilant_case_titre {
		font-size:1.4em;
		line-height:1.1em;
	    margin: 0px 0px 10px 0px;
	}
	.zone_defilante_case_unedesc  {
		padding: 0px 30px 30px 50px;
		vertical-align: top;
		display: inline-block;
		width: 50%;
		height: auto;
		text-align: left;
		color:#000000;
	}
}
@media only screen and (max-width: 1000px) {
	.galerie_fleche {
		top:30%;
		height: 100px;
	}
	.fleche_gauche {left:20px;}
	.fleche_droite {right:20px;}
	
	#slideshow_titre {
		padding: 20px 0px 10px 0px;
	}
	.zone_defilante_case_image {
		width: 200px;
		height: 144px;
	}
	.textedefilant_case_titre {
		font-size:1.2em;
		line-height:1.1em;
	    margin: 0px 0px 10px 0px;
	}
	.zone_defilante_case_unedesc p  {display: none;}
	.zone_defilante_case_unedesc p+p  {display: inline-block;}
	.zone_defilante_case_unedesc  {
		padding: 0px 30px 30px 50px;
		vertical-align: top;
		display: inline-block;
		width: 50%;
		height: auto;
		text-align: left;
		color:#000000;
	}
}
@media only screen and (max-width: 890px) {
	#subMenusContainer {display:none;}
	
	#banniere {
	    height: auto;
	}
	#banniere_logo {
		font-size: 1.8em;
		line-height: 1em;
	}
	#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: #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%;}
	#menu_principal .centreur {width: 100%;}
	#pied_adresse {padding-left:0px;text-align:center;margin-bottom:30px;}

	#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,
	.colonne60 + .colonne40,
	.colonne40 + .colonne60,
	.colonne75 + .colonne25,
	.colonne25 + .colonne75 {margin-left:0%;}

	
	.galerie_fleche {
		top:30%;
		height: 80px;
	}
	.fleche_gauche {left:10px;}
	.fleche_droite {right:10px;}
	#slideshow_titre {
		font-size: 1.5em;
		padding: 20px 0px 10px 0px;
	}
	.zone_defilante_case_image {
		width: 150px;
		height: 108px;
	}
	.textedefilant_case_titre {
		font-size:1.2em;
		line-height:1.1em;
	    margin: 0px 0px 10px 0px;
	    color:#ffffff;
	    text-align: center;
	}
	.zone_defilante_case_unedesc p  {display: none;}
	.zone_defilante_case_unedesc p+p  {display: inline-block;}
	.zone_defilante_case_unedesc  {
		padding: 0px 30px 30px 50px;
		vertical-align: top;
		display: inline-block;
		width: 80%;
		height: auto;
		text-align: center;
		color:#ffffff;
	}
	
	.accueilactus_uneactu {
		display: block;
		width: 94%;
		margin: 0px 0px 30px 0px;
		padding: 3%;
	}
	
	.centre_image {
		width: auto;
		min-width: 100%;
	    height: 300px;
	}

	.liste_souspages_une {
		margin: 0px 1% 20px 1%;
		width: 46%;
	}
	
	.form_aligne .formulaire_part label:first-child, .form_aligne .formulaire_part .formulaire_col1 {
		text-align:left;
		display: inline-block;
		width: 100%;
	}
	.form_aligne .formulaire_part input, .form_aligne .formulaire_part textarea, .form_aligne .formulaire_part select,  .form_aligne .formulaire_liste_check, .form_aligne .formulaire_part .formulaire_col2 {
		width: 100%;
	}
	.form_aligne  input.checkbox {
		width: auto;
	}
	.bouton + .bouton {margin-bottom:15px;}
	
	.actus_uneactu {
		margin: 0px 0px 20px 0px;
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}
	.actus_uneactu h2, .actus_uneactu p, .actus_uneactu h3 {text-align:center;}
	.actus_uneactu_image {
		display: block;
		width: 250px;
		height: 180px;
		float: none;
		margin: 0px auto 20px auto;
	}
	
	#pied, #pied .texte_droite {text-align:center;}
	
}