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

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

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

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

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

#slider{
width:873px;
height:52px;
margin:100px 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:52px;}

#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:50px;
overflow:hidden;
outline:0px;
border:0px;

}	

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

.box
{
	width:790px;
	height:52px;
/*	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 0 18px;
}

.box img, .box object {
display:none;	
}

.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 {
display:block;
width:16px;
height:16px;
background-image:url(../images/panneau/no.gif);
}

a.bouton_fermer:hover {
display:block;
width:16px;
height:16px;
background-image:url(../images/panneau/no_hover.gif);
}

/*#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: 900px) {
	
}

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



#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: 900px) {

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

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

}

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

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

.titre_annuaire {
text-align:center;
min-height:30px;
line-height:30px;
background-color:#024a68;
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:50%;
}

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

#map {
width:50%;height:500px;margin: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: 900px) {
	#map {
		width:90%;
		height:400px;
		margin:25px 17px;
	}
	.liste_structure {
		width:100%;
	}
}

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

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

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

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

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

@media (min-width: 901px) {

}

.application h1 {
font-size:17px;
}

.item_application {
margin:5px;
padding:10px;
vertical-align:top;
min-height:100px;
text-align:left;
}

.item_application:hover {
background-color:#024a68;
}

.item_application:hover > p {
color:#fff;	
}

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

.item_application h2 {
text-align:left;
margin:40px 0 25px 0;
}

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

.item_application:hover > h2 {
color:#fff;
}

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

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

.container_slider {
text-align:left;
}

.container_slider a {
color:#fff;
}

.container_slider img {
margin:0;
}

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