@charset "utf-8";

/*=====================================================================================*/
/* GENERAL LAYOUT */
/*=====================================================================================*/

html {
	outline:none;
}

body {
	margin: 0;
	padding:0;
	text-align:center;
	/*background:url(../images/fond.gif);*/
	background-color:#3a3a3a;
	background-repeat:repeat-x;
}

* {
	outline:none;
}

div#top {
	margin: 0;
	padding:0;
	text-align:center;
	
}

	body#home div#top { background:url(../images/fond-top-home.gif); }
	body#section div#top { background:url(../images/fond-top-section.gif); }
	body#article div#top { background:url(../images/fond-top-article.gif); }


div#center {
	margin: 0;
	padding:0;
	text-align:center;
	background-color:white;
	
}

div#bottom {
	margin:0;
	padding:0;
	text-align:center;
	background:repeat-x url(../images/fond-footer.gif);
}


/*=====================================================================================*/
/* 		COMMON */
/*=====================================================================================*/


/* 		HEADER */
/*-------------------------------------------------------------------------------------*/
div#header {
	width: 980px;
	height:70px;
	margin:  0 auto;
	text-align:left;
}

	div#header div#logo {
		float:left;
		width: 200px;
		height:70px;
		background:url(../images/logo.gif);
	}
	
	div#header div#logo a {
		display:block;
		width: 200px;
		height:70px;
	}
	
	
	div#header div#nav-alt {
		float:right;
		width: 480px;
		height:30px;
		background:url(../images/fond-nav-alt.gif);
	}
	

/* NAV PRINCIPALE */
/*-------------------------------------------------------------------------------------*/
div#nav-main {
	width: 960px;
	padding-left:20px;
	height:30px;
	margin:  0 auto;
	background:url(../images/fond-nav-main.gif);
}


/* FOOTER */
/*-------------------------------------------------------------------------------------*/
div#footer {
	width: 980px;
	height:80px;
	margin: 0 auto;
	padding:10px 0 0 0;
	text-align:left;
	clear:both;
}

	div#footer div#footer-logo{
		float:left;
		width:160px;
		height:65px;
		padding-top:15px;
		background:url(../images/logo-footer.gif) no-repeat left top;
	}
	div#footer div#nav-footer {
		float:left;
		width:493px;
		height:80px;
	}
	
	div#footer div#legal{
		float:left;
		width:326px;
		height:80px;
	}


/*=====================================================================================*/
/* 		BANNER */
/*=====================================================================================*/

div#banner {
	width: 980px;
	margin:  0 auto;
}

	div#banner div#visual {
		float:left;
		width:654px;
	}
	
	div#banner div#side {
		float:left;
		width:326px;
		text-align:left;
	}

/* HOME */
/*-------------------------------------------------------------------------------------*/
body#home div#banner {
	height:279px;
}

	body#home div#banner div#visual {
		height:279px;
		background:url(../images/fond-visual-home.gif) no-repeat;
	}
	
	body#home div#banner div#side {
		height:261px;
		padding-top:18px;
		background:url(../images/fond-bannerside-home.gif) no-repeat;
	}


/* RUBRIQUE */
/*-------------------------------------------------------------------------------------*/
body#section div#banner {
	height:201px;
}

	body#section div#banner div#visual  {
		position:relative;
		height:201px;
		background:url(../images/fond-visual-section.gif) no-repeat;
	}
		
		body#section div#banner div#visual div#texte {
			position:absolute;
			top:40px;
			left:40px;
			text-align:left;
			width:300px;
		}
		
	body#section div#banner div#side {
		height:201px;
		background:url(../images/fond-bannerside-section.gif) no-repeat;
	}



/* ARTICLE */
/*-------------------------------------------------------------------------------------*/
body#article div#banner {
	height:76px;
	position:relative;
	background:url(../images/fond-banner-article.gif) no-repeat;
}	

	body#article div#banner div#texte {
		position:absolute;
		top:30px;
		left:30px;
		text-align:left;
		padding-right:20px;
		width:930px;
	}



/*=====================================================================================*/
/* 		CONTENT */
/*=====================================================================================*/

div#content {
	width: 980px;
	background:url(../images/fond-content.gif);
	background-repeat:no-repeat;
	margin:  0 auto;
}

/* HOME */
/*-------------------------------------------------------------------------------------*/
body#home div#content {
	/*height:330px;*/
	padding-top:34px;
}

	body#home div#content div#col-left{
		float:left;
		padding:0 10px 0 20px;
		width:355px;
		text-align:left;

	}
	body#home div#content div#col-center{
		float:left;
		padding:0 15px 0 25px;
		width:230px;
		text-align:left;
		background:url(../images/fond-colcenter-home.gif) no-repeat;
	}
	
		

	body#home div#content div#col-right{
		float:left;
		width:305px;
		min-height:260px;
		text-align:left;
		background:url(../images/fond-colright-home.gif) no-repeat;
	}
	



/* RUBRIQUE */
/*-------------------------------------------------------------------------------------*/
body#section div#content {
	padding-top:34px;
}

	body#section div#content div#col-left{
		margin-top:-7px;
		padding:7px 5px 0 0;
		float:left;
		width:215px;
		min-height:300px;
		background:url(../images/fond-colleft-section.gif) no-repeat;
	}
	
	body#section div#content div#col-center{
		float:left;
		padding:0 10px 0 15px;
		width:410px;
		min-height:10px;
		text-align:left;
	}

	body#section div#content div#col-right{
		float:left;
		width:305px;
		padding-bottom:30px;
		background:url(../images/fond-colright.gif) bottom left repeat-y;
	}



/* ARTICLE */
/*-------------------------------------------------------------------------------------*/
body#article div#content {
	padding-top:34px;
}

	body#article div#content div#col-left{
		margin-top:-7px;
		padding:7px 5px 0 0;
		float:left;
		width:215px;
		min-height:300px;
		background:url(../images/fond-colleft-section.gif) no-repeat;
	}
	
	body#article div#content div#col-center{
		float:left;
		padding:0 15px 0 15px;
		width:450px;
		min-height:10px;
		text-align:left;
	}

	body#article div#content div#col-right{
		float:left;
		width:260px;
		padding-bottom:30px;
		background:url(../images/fond-colright.gif) bottom left repeat-y;
	}
	
	.encadre{
		padding:10px;
		background-color:#f5f5f5;
	}
	
	.encadre li{
		padding-bottom:10px;
	}
	
	
	
	.padding-illus{
		padding-right:10px;
		padding-bottom:5px;
	}