/* ------------------------- STYLE SLIDER ------------------------------- */

#contenant_slider {
position:absolute;
top:40px;
}

@media (max-width: 500px) {
	#contenant_slider {
		display:none;
	}
}

@media (min-width: 501px) and (max-width: 1024px) {
	#contenant_slider {
		display:none;
	}
}

@media (min-width: 1025px) {
	#contenant_slider {
		display:block;
	}
}

#slider{
width:873px;
height:70px;
margin:85px 0 0 75px;
padding:0 0px 0 0px;
display:block;
background:url(../images/fond_slider.png) no-repeat;
position:absolute;
color:#fff200;
}

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
float:left;
width:873px;
height:70px;
}

#slider ul li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 

width:873px; /* largeur de défilement */
height:70px;
overflow:hidden;
outline:0px;
border:0px;

}	

.banner
{
	width:790px;
	float:left;
	height:70px;
}

.box
{
	width:790px;
	height:70px;
/*	background:url(../images/bannerbox.png) no-repeat; */ /* pour lier une image à l'élément qui défile uniquement */
	margin:0 0 0 77px;
}

.box h2
{
	width:790px;
	float: left;
	font-weight:bold;
	font-size:14px;
	color:#fff200;
	margin:0 0 7px 18px;
}

.box img, .box object {
float:left;
margin-right:14px;
}

.box p
{
	width:790px;
	float: left;
	font-size:12px;
	line-height:14px;
	text-align:justify;
	color: #fff200;
	margin:0 0 0 7px;
	padding:0 11px;
}
.box .la_suite
{
/*	width:100%;
	float:left;
*/	
	position:relative;
	font-size:13px;
	color:#009ee0;
	left:650px;
	margin:7px 0 0 0;
	padding:0;
	bottom:14px;
	width:130px;
}
ul.banner
{
	
	width:960px;
	height:392px;
	float:left;
	background: url(../images/banner.png) no-repeat;
}

#prevBtn, #nextBtn{ 
display:block;
width:14px;
height:20px;
position:absolute;
left:820px;
top:259px;
font-size:13px;
font-style:italic;
color:#4c4c4c;
}	
#nextBtn{ 
left:847px;
}
#prevBtn a, #nextBtn a{  
display:block;
width:17px;
height:17px;
position:absolute;
color:#fff;
/*z-index:10;*/ 
/*left:0px;*/
/*top:90px;*/
text-indent:-9999px;
background:url(../images/prev.png)  no-repeat;
}	
#nextBtn a{ 
background:url(../images/next.png)  no-repeat;
/*right:545px;*/
}

/* ------------------------- PANNEAU PUBLICITE ------------------------------- */

#panneau {
z-index:20000;
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
background-image:url(../images/panneau/fond_panneau.png);
background-repeat:repeat;
color:#fff;
font-size:11px;
text-align:center;
}

#contenuGlobalPanneau {
width:891px;
position:relative;
margin:auto;
}

#bannierePanneau {
width:891px;
height:50px;
background-image:url(../images/panneau/bannierePanneau.png);
}

#contenuPanneau {
position:relative;
width:891px;
height:500px;
/*background-image:url(../images/panneau/header_panneau.png);
background-repeat:repeat-x;*/
}

/* témoin de chargement */
#charge_panneau {
    position: absolute;
    left: 350px;
    top: 250px;
	visibility:hidden;
}

#div_fermer {
width:16px;
height:16px;
top:10px;
right:10px;
position:absolute;
}

a.bouton_fermer {
color:#eca121;
font-size:2.5em;
}

a.bouton_fermer:hover {
color:#F00;
}

/*#panneau h1, #panneau h2, #panneau h3, #panneau p {
color:#fff;	
}*/

#panneau h1 {
font-size:21px;	
}

.bouton_pub {
background-repeat:no-repeat;
min-height:100px;
text-align:left;
margin:25px;
padding:11px;
vertical-align:top;
background-color:#044b69;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
}

.bouton_pub p {
color:#fff;
font-size:17px;
line-height:19px;
text-align:center;
}

.bouton_pub h2 {
color:#eea025;
font-size:21px;
margin:4px;
text-align:center;
}

.image_bouton_pub {
text-align:center;
width:100%;
}

@media (max-width: 200px) {

	.bouton_pub {
		width:100px;
	}

	.image_bouton_pub {
		display:block;
		vertical-align:top;
	}

	.image_bouton_pub img{
		width:200px;
	}

	.contenu_bouton_pub {
		width:100%;
		display:block;
	}

}

@media (min-width: 200px) and (max-width: 400px) {
	.bouton_pub {
		width:200px;
	}
	
	.image_bouton_pub {
		display:block;
		vertical-align:top;
	}
	
	.image_bouton_pub img{
		width:200px;
	}
	
	.contenu_bouton_pub {
		width:100%;
		display:block;
	}
}

@media (min-width: 400px) and (max-width: 640px) {
	.bouton_pub {
		width:320px;
	}

	.image_bouton_pub {
		display:block;
		vertical-align:top;
	}

/*	.image_bouton_pub img{
		width:100%;
	}*/

	.contenu_bouton_pub {
		width:100%;
		display:block;
	}
}

@media (min-width: 640px) {

	.bouton_pub {
		width:640px;
	}

	.image_bouton_pub {
		display:inline-block;
		vertical-align:top;
		width:230px;
	}

	.image_bouton_pub img{
		width:230px;
	}

	.contenu_bouton_pub {
		width:350px;
		display:inline-block;
	}

}

@media (max-width: 500px) {
	
}

@media (min-width: 501px) and (max-width: 1024px) {
	
}

@media (min-width: 1025px) {
	
}



#panneau a {
text-decoration:none;	
}

/* ---------------------------------------- SLIDER SITES WEB ---------------------------------------- */

.encart_presentation, .encart_presentation_2 {
position:absolute;
width:270px;
height:100%;
background-image:url(../images/slider/pixel_transparent.png);
background-repeat:repeat;
margin:0;
padding:25px;
top:0;
right:0px;
}

.encart_presentation_2 {
right:350px;
}

.encart_presentation h1, .encart_presentation_2 h1 {
	font-size:3em;
}

.encart_presentation h2, .encart_presentation_2 h2 {
	font-size:1.4em;
}

@media (max-width: 500px) {

	.encart_presentation h2, .encart_presentation_2 h2 {
		font-size:2em;
	}

	.encart_presentation p, .encart_presentation_2 p {
		display:none;
	}

}

@media (min-width: 501px) and (max-width: 1024px) {

	.encart_presentation h2, .encart_presentation_2 h2 {
		font-size:2em;
	}

	.encart_presentation p, .encart_presentation_2 p {
		display:none;
	}

}

@media (min-width: 1025px) {
	
}

/* ---------------------------------------- Application GEOCARTE_GENERALE ---------------------------------------- */

.titre_annuaire {
text-align:center;
min-height:30px;
line-height:30px;
background-color:#990404;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
margin:17px;
}

.titre_annuaire a {
color:#fff;
font-size:18px;
}

.liste_structure {
	display:inline-block;
	width:100%;
}

.liste_structure p {
	padding:0 17px;
	text-align:justify;
}

#map {
width:100%;height:500px;margin:25px auto;float:left;
}

@media (max-width: 500px) {
	#map {
		width:90%;
		height:400px;
		margin:25px 17px;
	}
	.liste_structure {
		width:100%;
	}
}

@media (min-width: 501px) and (max-width: 1024px) {
	#map {
		width:90%;
		height:400px;
		margin:25px 17px;
	}
	.liste_structure {
		width:100%;
	}
}

@media (min-width: 1025px) {
	
}

/* ---------------------------------------- Application Agenda ---------------------------------------- */

.application_agenda {
background-color:#b0d1eb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:3px #fff solid;
margin:12px;
}

@media (max-width: 500px) {
	.application_agenda {
		width:auto;
	}
}

@media (min-width: 501px) and (max-width: 1024px) {
	.application_agenda {
		width:auto;
	}
}

@media (min-width: 1025px) {

}

.application_agenda h1 {
font-size:2.1em;
color:#fff;
}

.item_application_agenda {
margin:5px;
padding:10px;
vertical-align:top;
min-height:100px;
text-align:left;
background-color:#990404;
border:1px solid #990404;
-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
cursor:pointer;
}

.item_application_agenda:hover {
background-color:#b0d1eb;
}

.item_application_agenda:hover > p, .item_application_agenda:hover > h1 {
color:#990404;	
}

.doc_item_application_agenda {
width:100px;
height:170px;
overflow:hidden;
float:right;
margin-right:7px;
}

.item_application_agenda h1 {
text-align:left;
margin-left:17px;
padding-left:25px;
}

.item_application_agenda p {
font-family: 'Oswald', sans-serif;
padding:0 11px;
margin:0;
font-size:14px;
font-weight:bold;
line-height:14px;
}

.item_application_agenda img {
margin-right:25px;
}

.item_application_agenda .la_suite {
display:block;
float:none;
background-color:#b0d1eb;
}

@media (max-width: 500px) {

	.item_application_agenda h1 {
		font-size:1.7em;
		text-align:center;
	}

	.doc_item_application_agenda {
		float:none;
		width:100%;
		overflow:hidden;
		text-align:center;
	}

	.item_application_agenda img {
		width:100%;
	}

}

@media (min-width: 501px) and (max-width: 1024px) {

	.item_application_agenda h1 {
		font-size:1.7em;
		text-align:center;
	}

	.doc_item_application_agenda {
		float:none;
		width:100%;
		overflow:hidden;
		text-align:center;
	}

	.item_application_agenda img {
		width:100%;
	}
	
}

@media (min-width: 1025px) {

	.doc_item_application_agenda {
		width:100px;
		height:100px;
		float:right;
	}

	.item_application_agenda img {
		width:100px;
		height:100px;
	}

}

/* PAGE STRUCTURE ------------------------------------------------------------------------------- */

#coordonnees {
background-color:#b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:100%;
border:3px #fff solid;
margin-bottom:12px;
}

.fiche_structure {
cursor:pointer;
display:inline-block;
vertical-align:top;
width:45%;
margin:2%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
-ms-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s;
overflow:hidden;
background-color:#e20026;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.fiche_structure:hover {
background-color:#b0d1eb;
-moz-box-shadow: 10px 10px 10px 0px #2d0c0c;
-webkit-box-shadow: 10px 10px 10px 0px #2d0c0c;
-o-box-shadow: 10px 10px 10px 0px #2d0c0c;
box-shadow: 10px 10px 10px 0px #2d0c0c;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#2d0c0c, Direction=134, Strength=10);
}

.fiche_structure:hover .bouton_site_web {
background-color:#e20026;	
}

.fiche_structure:hover .bouton_site_web a {
color:#b0d1eb;	
}

.fiche_structure:hover h1, .fiche_structure:hover h3, .fiche_structure:hover p {
color:#e20026;
}

.fiche_structure h1, .fiche_structure h3 {
font-size:1.9em;
color:#fff;
text-align:center;
}

.fiche_structure h3 {
font-size:1.4em;
}

.fiche_structure p {
text-align:center;
padding:7px;
margin:3px auto;
color:#fff;
}

.fiche_structure img {

}

.illustration_structure {
height:175px;
width:100%;
overflow:hidden;
}

.titre_annuaire__type_structure {
text-align:left;
line-height:85px;
margin-left:25px;	
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.titre_annuaire__type_structure:hover {
background-color:#e20026;
}

.titre_annuaire__type_structure:hover > a{
color:#b0d1eb;
}

.titre_annuaire__type_structure a {
color:#e20026;
}

.titre_annuaire__type_structure img {
margin-right:25px;
}

.description_structure {
padding:0 25px 25px 25px;
}

@media (max-width: 500px) {

	.fiche_structure {
		width:97%;
	}

	.illustration_structure {
		height:auto;
	}

}

@media (min-width: 501px) and (max-width: 1024px) {

	.fiche_structure {
		width:97%;
	}

	.illustration_structure {
		height:auto;
	}

}

@media (min-width: 1025px) {
	
}

/* SLIDER ------------------------------------------------------------------------------- */

.container_slider {
text-align:left;
}

.container_slider a {
color:#fff;
}

.container_slider img {
margin:0;
}

.container_slider h2, .container_slider p {
color:#fff;
}

/* MISE EN FORME AGENDA DU MAIRE -------------------------------------------------------------------------------------- */
.item_rdv_agenda_du_maire {
width:90%;
padding:11px 25px;
min-height:59px;
background-color:#9edbfe;
margin:21px;
color:#000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* border:3px #fff solid; */
margin-bottom:12px;
-webkit-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
-ms-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s;
overflow:hidden;
}

@media screen and (max-width: 900px) {
	.item_rdv_agenda_du_maire {
		padding:11px 7px;
		margin:7px 0;
	}
}

@media screen and (min-width: 901px) {
	.item_rdv_agenda_du_maire {
		padding:11px 25px;
		width:90%;
	}
}

/* FIN MISE EN FORME AGENDA DU MAIRE -------------------------------------------------------------------------------------- */