@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background:url(../upload/graphics/bghome.jpg) repeat-x #edf5fa;
}
#global{
	width:960px;
	margin:0 auto;
}
#page{
	background:url(../upload/graphics/bghome1.jpg) no-repeat center top;
	width:1000px;
	margin:0 auto;
}
#fond{
	background:url(../upload/graphics/bghome2.jpg) repeat-y;
	width:1000px;
	margin:0 auto;
}
#top{
	height:30px;
}
#header{
	height:105px;
}
#menu{
	height:30px;
	margin-bottom:20px;
}

/* outils */
#tools, #langues,#tools li, #langues li {
	margin:0;
	padding:0;
	list-style:none;
}
#tools{
	margin-left:30px;
}
#langues{
	margin-right:30px;
}
#tools li{
	float:left;
}
#langues li{
	float:right;
}
#tools li a,#tools li a:visited{
	display:block;
	color:#FFF;
	text-decoration:none;
	line-height:30px;
	height:30px;
	text-align:center;
	margin:0 10px;
	width:80px;
}
#langues li a,#langues li a:visited{
	display:block;
	color:#FFF;
	text-decoration:none;
	line-height:30px;
	height:30px;
	text-align:center;
	margin:0 10px;
	width:60px;
}
/*rangée un */
#rangee1{
	position:relative;
	height:202px;
	margin:0 30px 20px 30px;
}
#tn{
	width:240px;
	height:200px;
	position:absolute;
	right:0;
	border:1px solid #1ba9f3;
	background:bottom url(../upload/images/bgencadre.jpg) repeat-x #FFF;

}
#tn1{
	padding:10px;
}
#tn h2{
	
	font-size:13px;
	margin:0;
	padding:0;
	color:#0057a7;
	background: url(../upload/images/bgh2.jpg) repeat-x;
	color:#FFF;
	padding-left:5px;
	height:25px;
	line-height:25px;
	margin-bottom:5px;
	padding-left:10px;
}

/* rangée 2 */
#rangee2{
	position:relative;
	height:237px;
	margin:0 30px 20px 30px;
}
#rangee2 h2{
	font-size:13px;
	margin:0;
	padding:0;
	background:url(../upload/images/bgcadre.jpg) repeat-y;
	padding-left:5px;
	color: #017ac3;
	height:25px;
	line-height:25px;
	margin-bottom:5px;
}
#rangee2 a, #rangee2 a:visited,#tn a,#tn a:visited,#news a,#news a:visited,#citations a,#citations a:visited{
	color:#0560a6;
	text-decoration:none;
	display:block;
	background:url(../upload/images/bg_flechaNar2.gif) no-repeat 0 8px;
	padding-left:10px;
	margin-top:5px;
}
#rangee2 a:hover,#points a:hover,#tn a:hover,#news a:hover,#citations a:hover{
	color:#0560a6;
	text-decoration: underline;
	margin-top:5px;

}

#cadre1{
	position:absolute;
	height:225px;
	width:188px;
	border:1px #dcdcdc solid;
	padding:5px;
	background:bottom url(../upload/images/bgencadregris.jpg) repeat-x #FFF;
}
#cadre2{
	position:absolute;
	height:225px;
	width:188px;
	border:1px #dcdcdc solid;	
	left:220px;
	padding:5px;
	background:bottom url(../upload/images/bgencadregris.jpg) repeat-x #FFF;
}
#cadre3{
	position:absolute;
	height:225px;
	width:188px;
	border:1px #dcdcdc solid;
	left:440px;
	padding:5px;
	background:bottom url(../upload/images/bgencadregris.jpg) repeat-x #FFF;
}
#cadre1 img,#cadre2 img,#cadre3 img{
	display:block;
}
#social{
	position:absolute;
	border:1px #999 solid;
	right:0;
	top:450px;
	display:none;
	
	width:240px;
}

/*Plan du site*/
#plan{
	width:970px;
	margin:0 auto;
}
#sitemap{
	font-size:0.9em;

	background: #eaeaea url(../upload/images/bgsitemap.jpg) center 0 repeat-y;
	height:150px;
	border-top:1px solid #999;
	position:relative;

	
}
#sitemap ul li {
	float:left;
	font-weight:bold;
	margin:20px;
	list-style:none;
	padding:0;
}
#sitemap ul li .plan li{
	float: none;
	margin:0;
	padding:0;
	font-weight:normal;
}
#sitemap ul, #sitemap ul.plan{
	margin:0;
	padding:0;
}
#sitemap ul.plan a,#sitemap ul.plan a:visited{
	color:#333;
}
#sitemap ul.plan a:hover{
	color:#333;
	text-decoration:none;
}
/* bas de page */
#footer{
	height:53px;
	clear:both;
	background:#039 url(../upload/images/bgfooter.jpg) center 0;
	color:#FFF;
	line-height:53px;
	text-align:center;
	position:relative;
}
/* tab actus */
#actus{
	position:absolute;
	border:0px #c5effd solid;
	right:0;
	height:237px;
	width:240px;
	background: url(../upload/images/bgactus.jpg) no-repeat bottom right;
	
}
.container	
{
	background: url(img/slideTabbg.png);
	width:240px;
	height:237px;
	overflow:hidden;
	margin:auto;
}
.container .TabMenu span
{
	display: inline-block;
	height: 25px;				
	margin: 0px;
	padding:0px;
	border: #CCC 1px solid;
	border-bottom: none;
	margin-right:3px;
	padding: 0 10px 0 25px;
	line-height:20px;

}
.container .TabMenu span#a1
{
	background: #FFF url(../upload/images/newspaper.png) no-repeat 5px 4px;
}
.container .TabMenu span#a2
{
	background: #FFF url(../upload/images/date.png) no-repeat 5px 4px;
}
.selector
{
	height: 25px;
	background: #FFF;
	border-top:#F90 2px solid;
	border-bottom: #fff 1px solid;
	position:relative;
	top:1px;
	
	color:#017ac3;
	font-weight:bold;
}			
.hovering
{
	font-weight:bold;
	height: 25px;

}						
.container .TabMenu
{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
	border-bottom: #CCC 1px solid;
	margin:0;
	padding:0;
	height:26px;
}


.container .ContentFrame
{
	width: 238px;
	height:208px;
	padding:0;
	margin:0;
	left: 0px;
	position: relative;
	overflow:hidden;
	border: #CCC 1px solid;
	border-top: none;
}			
.container .ContentFrame .AllTabs
{
	position: relative;		
	width: 510px;
	height:190px;
	overflow:hidden;
}
.container .ContentFrame .AllTabs .TabContent
{
	width:220px;
	height:190px;
	margin:10px;
	margin-bottom:0;
	float:left;
	overflow:hidden;
	font-size:11px;
}
.titreactu{
	color: #017ac3;
	font-weight:bold;

}
.dateactu{
	color: #C00;
	font-weight:normal;
}
/* tab savez-vous ?*/
#faq{
	position:absolute;
	width:240px;
	right:0;
	height:50px;
	top:190px;
	background:#F90;
	
}
#citations{
	position:absolute;
	border:1px #C00 solid;
	right:0;
	height:180px;
	width:240px;

}
#citations h2{
	margin:0;
	padding:0;
	height:40px;
	font-size:13px;
	background:url(../upload/images/bg_title_right.jpg) no-repeat left bottom;
	color:#FFF;
	line-height:30px;
	padding-left:20px;
}
#tip{
	margin:5px;
}
#tip img{
	margin:3px;
	padding:3px;
	float:right;
}
/*sites*/
#sites{
  position:absolute;
  border:1px #1ba9f3 solid;
  right:0;
  height:240px;
  width:240px;
}
#sites h2{
	font-size:13px;
	margin:0;
	padding:0;
	height:25px;
	background: url(../upload/images/bgh2.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	padding-left:10px;
}
#slider{
	margin:10px;
}

#slider ul, #slider ul li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider ul li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:222px;
	height:160px;
	overflow:hidden;
	text-align:center;
}
#slider ul li a,#slider ul li a:visited{
	border:none;
	text-decoration:none;
	color:#333;
 
}
span#prevBtn a,span#prevBtn a:visited{
	margin-left:10px;
	color: #017ac3;
	text-decoration:none;
	}
span#nextBtn a,span#nextBtn a:visited{
	margin-left:10px;
	color: #017ac3;
	text-decoration:none;
	}

#sites img {
	border:none;
}


/*slide*/
.slide-out-div {
          padding: 10px;
          width: 130px;
		  background:#359cd3;
		  height:410px;
      }      



.picture{
	float:right;
	margin:3px;
	padding:3px;
	border:1px solid #CCC;
}
/* A la une */
#articles{
	position:absolute;
	border:1px #1ba9f3 solid;
	height:240px;
	width:640px;
	background:bottom url(../upload/images/bgencadre.jpg) repeat-x #FFF;
}
#articles h2{
	font-size:13px;
	margin:0;
	padding:0;
	height:25px;
	background: url(../upload/images/bgh2.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	padding-left:10px;
	margin-bottom:10px;
}
#news{

}
#news div{
	margin-left:10px;
}
#news h3{
	margin:0;
	padding:0;
	margin-left:10px;

	color: #017ac3;
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}

#news-menu a,#news-menu a:visited{
	float:left;
	background:none;
	text-decoration:none;
	margin:0 7px;
	color: #017ac3;
}
.wactive{
	font-weight:bold;
	color:#C00;
	font-size:15px;
}
/* fin A la une */

/*fonctionnement*/
#fonctions{
		border:1px #1ba9f3 solid;
		width:640px;
		height:240px;
		background:url(../upload/images/bgfonctions.jpg) no-repeat bottom right;
}
#fonctions h2{
    font-size:13px;
	margin:0;
	padding:0;
	height:25px;
	background: url(../upload/images/bgh2.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	padding-left:10px;
}
#fonctions h3{
    font-size:13px;
	margin:0;
	padding:0;
	height:25px;
	background: #FFF;
	line-height:25px;
}
#wrap {

overflow:  hidden;
position:absolute;
height:200px;
width:620px;
margin:10px 0 0 10px;
padding:0;
}
#navigation ul li, #navigation ul {
	list-style-type: none;
	margin:0;
	padding:0;
	}

#navigation ul li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #fff;
	border-left:none;
	background:#FFf url(../upload/images/bgdegradebleu.jpg) repeat-y right;
	color: #017ac3;
}

#navigation ul li a:hover {
	background:#FFf url(../upload/images/bgdegradebleu1.jpg) repeat-y right;
}

#navigation ul li.active a {
	background: #FFF;
	border:none;
	font-weight:bold;
}

#navigation ul {
	float: left;
	width:120px;
	margin:0;
	padding:0;
}

.content {
	float: right;
	width: 490px;
}

/*fonctionnement*/
#rangee3{
	position:relative;
	height:240px;
margin:0 30px 20px 30px;
}
#rangee4{
	position:relative;
	height:240px;
margin:0 30px 20px 30px;
}
#contenu{
	margin:0 20px 20px 20px;
}