/**
 *Font de la page----------------------------------------------------------------------------------------
 */
body {
	background-image:url(images/back.jpg);
	background-color:#fff;						/*-------------			#006fff; -------------------- */
	background-position:top 50%;
	background-repeat:no-repeat;
	height: auto;
}



div#main {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: auto;
	border-left: 0px solid;
	border-right: 0px solid;
	border-color: #000000;
	background-color:#FFF;
	font:11px Verdana, Geneva, sans-serif;
    color:#555555;
   }

/*------------HEADER-------------HEADER-----------------HEADER---------------HEADER--------------------HEADER----------------------- */
div#header {
	width:auto;
	height:auto;
	background-color:#fff;
	margin:0px;
	padding:0px;/*--------------décalle de 20px à l'intérieur------------------------------------------------------------------------------------ */
	}	
	

	
ul#portfolio li img{
	width:100%;
	height:100%;
	border: 0px dotted #000;
	padding: 0px;
	margin: 0px;
}
	
/*---------------Menu boutons haut de page "header"------------------------------------------------------------------------------------ */
div#menu {
	width:980px;
	height:50px;/* -------------------     50px;               ---------------------------------*/
	background-color:#FFF;
	border-bottom: 0px solid;
	border-color: #000000;
	margin: 0px;
	text-align: center;
	}
	
div#navcontainer {
	margin-bottom: 0px;/* écarte de 20 pixels la div #onglet en bas*/
	margin-top: 0px;
	margin-left: 0px;/* -------------------      auto;               ---------------------------------*/
	margin-right: 0px;/* -------------------      auto;               ---------------------------------*/
	width:980px;
	height: 30px;/* -------------------     50px;               ---------------------------------*/
	background-color:;
	border-bottom: 0px solid; 
	border-color: black;
	text-align: center;/* aligne le menu dans sa div à gauche*/
	}
	
ul#navlist{
	width:auto;
	height: 30px;/* -------------------    60px;               ---------------------------------*/
	margin-left: 0;
	padding-left: 0;
	padding-top: 32px;
	white-space: nowrap;
	}

#navlist li {
	display: inline;
	list-style-type: none;
	}

#navlist a { padding: 5px 10px; }

#navlist a:link, #navlist a:visited {
	color: #fff;
	background-color: #0072B9;
	text-decoration: none;
	}

#navlist a:hover {
	color: #000;
	background-color: #00ffd8;
	text-decoration: none;
	}

	
/** ---------------------------------------------------------------------------------------------------------------
 * SCROLLING CENTRES                       SCROLLING CENTRES                       SCROLLING CENTRES                       
 /* --------------------------------------------------------------------------------------------------------------*/	
	
	
div#scroll-centres {
	width:980px;
	height:300px;
	background-color:#FFFFFF;
	margin-top:20px;
	}		
		
	
	
	
	
/** ---------------------------------------------------------------------------------------------------------------
 * Slideshow style rules.
 /* --------------------------------------------------------------------------------------------------------------*/
#slideshow {
	margin:0 auto;
	width:840px; /*-------------------------------------------------defaut 640 px*/
	height:263px;
	background:transparent url(images/slide/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:760px;/*-------------------------------------------------defaut 560 px*/
  height:263px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;

}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:740px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll *//*-------------------------------------------------defaut 540 px*/
  height:263px;

}

/** 
 * Slideshow font + img rules.
 */
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#0062c7;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
  color:#FFF;
}


/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/slide/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/slide/control_right.png) no-repeat 0 0;
}
 

/** ----------------------------------------------------------------------------------------------------------------
 * End of Slideshow style rules.
 /* --------------------------------------------------------------------------------------------------------------*/	
 
 
 

	
 /*------------------------------------------------------------------------------------------------------------- */		

 /*------NEWS------------NEWS-----------NEWS-----------NEWS---------NEWS------------NEWS-----------NEWS-----------*/	

div#news-block {
	float:left;
	width:500px;
	height:auto;
	background-color:#fff;/* --------------------  #18ff00              ------------------------*/
	} 

div#titre {	/* --------TITRE ACTUALITE----------------------TITRE ACTUALITE---------TITRE ACTUALITE-------------TITRE ACTUALITE--------------*/
	margin-bottom: 0px;/* écarte de 0 pixels la div #titre en bas*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
	font:bold 18px Verdana, Geneva, sans-serif;
	width:430px;
	height: 30px;
	background-color:#fff;/* --------------------  #ff8585              ------------------------*/
	border: 0px solid; 
	border-color: black;
	text-align: left;/* aligne le menu dans sa div à gauche*/
	}

.image-news { float: left; margin: 0px 10px 10px 0; border: 1px solid; border-color: #000;margin-bottom: 10px;}
	
ul { 
	overflow: hidden;					/* chop overhang of boxes below list */
	position: relative;					/* provide positioning context */
	width: auto;						/* EXAMPLE width */
	list-style-type:none; 
	}

h3 a { 
	display: block;						/* allow element to be given dimensions */
	position: absolute;					/* take out of document flow */
	z-index: 2;							/* bring in front of other elements */
	background: url(-);					/* hack to force z-index in some browsers */
	height: 100%;						/* cover full height of desired clickable area */
	width: 100%;						/* cover full width of blocklist */
	}

p 	{ 
	position: relative;					/* allow it to have a z-index */
	z-index: 1;							/* sink beneath link in H3 */
	padding-top: 0em;					/* top padding to leave space for H3 */
	}
	
ul h3 a:focus { outline: none;}		/* supress dotted outline on click */

h1,	{ display: none; }

a 	{ text-decoration: none; }



#articles {
	border-style:1px dotted;
	border-color: black;
	text-align:justify;
	margin-top:10px;
	width: 430px;
	height: auto;
	font: 13px Verdana, Geneva, sans-serif;
	}
	
	
div#content {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 800px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #000000;
	background-color:#FFF;
	margin-top: 20px;
   }
   
div#content {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	height: auto;
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-color: #000000;
	background-color:#FFF;

   }   
   
#articles-news { 
	width: auto;
	height: auto;
	}

#dispo{ 
	width: 450px;
	height: auto;
	}	
	
	
#articles-news ul { 
	width: 450px;
	border-bottom: 1px dotted #666;
}

#articles-news h3 a {
	width: 420px;
	padding: 10px 10px 0 20px;
	color: #0072B9;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px dotted #666;

	}

#articles-news p {
	width: 420px;
	padding: 2.2em 10px 0 20px;				/* top padding to leave space for H3 */
	font-size: 1.2em;
	line-height: 1.5;
	color: #999;
	}

#articles-news p a { color: #999; }

#articles-news p + p { 
	padding: 0 10px 10px 10px;
	color: #778e8e;
	font-size: 1.1em;
	margin-bottom:0px;
	
	}

#articles-news .longtitle h3 + p { padding-top: 3.5em;}
	
/* Hover Style
----------------------------------------------------- */
#articles-news li:hover { background-color: #c3f0ff; }
	
/* Fin de NEWS--------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------- */	


div#pub {
	float:right;
	width:480px;
	height:680px;
	background-color:#FFF;
	padding-top:40px;
	padding-right:0px;
	margin-bottom:5px;
	}
	
div#pub2 {
	float:right;
	width:480px;
	height:300px;
	background-color:#FFF;
	padding-top:40px;
	padding-right:0px;
	margin-bottom:50px;
	}	

	
div#pub3 {
	float:right;
	width:480px;
	height:500px;
	background-color:#FFF;
	padding-top:40px;
	padding-right:0px;
	margin-bottom:50px;
	}		

div#pub4 {
	float:right;
	width:480px;
	height:300px;
	background-color:#FFF;
	padding-top:40px;
	padding-right:0px;
	margin-bottom:50px;
	}

div#pub5 {
	float:right;
	width:480px;
	height:550px;
	background-color:#FFF;
	padding-top:40px;
	padding-right:0px;
	margin-bottom:50px;
	}	
	
.documentation_gauche{
  position: absolute;
  width: 150px;
  height: 80px;
  bottom: 2em;
  left: 4em;
 }	
.documentation_droite{
  position: absolute;
  width: 150px;
  height: 80px;
  bottom: 2em;
  right: 1em;
 }		

.adhesion_gauche{
  position: relative;
  width: 150px;
  height: 80px;
  bottom: 10em;
  left:30px;
  text-align: justify;
 }	
.adhesion_droite{
  position: relative;
  
  width: 100px;
  height: 80px;
  bottom: 20em;
  left:230px;
  text-align: justify;
 }		 
	
.offres{
  position: relative;
  width: 150px;
  height: 100px;
  bottom: 10em;
  left: 20em;

}

.info{
  position: absolute;
  width: 300px;
  height: 100px;
  bottom: 2em;
  right: 2em;
  background-color: #ffff00;
}	
	
	
.image-accordion { margin: 0; border: 0px solid; padding: 0;}
.pdf { background-image: none; border: 0px solid; padding: 0;}

/* Styles for Example #2 */
#example2{
margin:0;
padding:0;
width:400px;
height:700px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;

}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:385px;
padding:5px 0 0 15px;	/* ------------		5px 0 0 15px;		------------------------------ */
display:block;
color:#000000;
background-image:url(images/accordion/ha-header.jpg);
height:25px;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(images/accordion/ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(images/accordion/ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(images/accordion/ha-header-last.jpg) !important;
}
#example2 li li{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:0 ;     /* ------------		0 15px 0 15px;		------------------------------ */
height:450px;
}
#example2 li a.opened{
background-image:url(images/accordion/ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.firstitem a.opened{
background-image:url(images/accordion/ha-header-first-active.jpg);
color:#FFFFFF;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url(images/accordion/ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}

	
/* =FOOTER partenaires------------------------------FOOTER partenaires------------------------------FOOTER partenaires------------------
============================================================================== */	
/* ----------------------------------------------------------------------------------------------------------------------------------- */			
/* ----------------------------------------------------------------------------------------------------------------------------------- */			
	
div#footer {
	
	clear:both;
	width:980px;
	height:auto;
	background-color:#fff; 
	border: 0px dotted;
	border-color: #000;

	}
	
.mentions {
	text-align:justify;
	width:600px;
	height:auto;
	background-color:#FFF;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	}		
			
	/* =Shadow Nav
	---------------------------------------------------------------------------------------------------------- */
		
		#nav-shadow {
			margin: 0 auto 20px auto;
			padding: 20px 0 0 127px;
			width: 900px;   /* ---------------- 750 px ------------------- */
			min-height: 130px;
			text-align: center;
			background: url(images/page-shadow.jpg) top center no-repeat;
			list-style: none;
			}
			
		#nav-shadow li {
			margin-right: 0px;
			width: 81px;
			height: 72px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 59px;
			height: 59px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/icons.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background-position: -3px -3px;
			}
			
		#nav-shadow li.button-color-2 a {
			background-position: -92px -3px;
			}
			
		#nav-shadow li.button-color-3 a {
			background-position: -181px -3px;
			}
			
		#nav-shadow li.button-color-4 a {
			background-position: -270px -3px;
			}
			
		#nav-shadow li.button-color-5 a {
			background-position: -359px -3px;
			}	
			
			
		#nav-shadow li.button-color-6 a {
			background-position: -448px -3px;
			}
			
		#nav-shadow li.button-color-7 a {
			background-position: -537px -3px;
			}
			
		#nav-shadow li.button-color-8 a {
			background-position: -626px -3px;
			}

		#nav-shadow li.button-color-9 a {
			background-position: -715px -3px;
			}		


		#nav-shadow li.button-color-10 a {
			background-position: -804px -3px;
			}			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}	
/* ------------------------------------------------------------------------------------------------------------------------- */			
/* ------------------------------------------------------------------------------------------------------------------------- */