@charset "windows-1250";
/* CSS Document */

/***********************/
/******* GÉNÉRAL *******/
/***********************/

html, body, *{
	margin: 0;
	padding: 0;
	}

html{
	font-size: 100%;
	}
body{
	font-size: 80%;
	}

body {
	margin: 0;
	padding: 0;
	background: #ededed url(img/bg-body2.jpg) top center repeat-y;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

h1{ }
h2{
	margin: 10px 0;
	font-size: 110%;
	font-weight: bold;
	}
h3{
	margin: 0 0 10px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	}

/* Paragraphes */
p{
	margin: 0 0 1em;
	text-align: justify;
	}

/* Liens */

a:link,
a:visited{
	color: black;
	}
a:link img,
a:visited img{
	border: none;
	}

/* Floats */
.left{
	float: left;
	}

.right{
	float: right;
	}

img.left{
	margin-right: 0.5em;
	}

img.right{
	margin-left: 0.5em;
	}

div.clear{
	clear: both;
	height: 0;
	}

/*************************/
/* INDICATIONS A MASQUER */
/*************************/
.hidden{
	display: none;
	}


/***********************/
/**** PAGE COMPLETE ****/
/***********************/
#page{
	position: relative;
	margin: 0 auto;
	width: 992px;
	color: rgb(53, 53, 53);
	text-align: left;
	}

/***********************/
/******** GLOBAL *******/
/***********************/
#global{
	margin: 0 13px 0 180px;
	}

/***********************/
/******** HEADER *******/
/***********************/
#header{
	
	}
	#header h1{
		height: 75px;
		background: white url(img/bg-header-titre.jpg) no-repeat left top;
		border-bottom: 2px solid rgb(254, 254, 0);
		text-indent: -9999px;
		overflow: hidden;
		}
	#header #logos{
		border-bottom: 2px solid rgb(254, 254, 0);		
		}
	#header #header_flash{
		border-width: 8px 0;
		border-style: solid;
		border-color: rgb(2, 2, 102);
		}
	#header p{
		margin: 0;
		padding: 0;
		height: 27px;
		border-top: 2px solid rgb(254, 254, 0);
		background: white url(img/slogan.gif) no-repeat left center;
		text-indent: -9999px;
		overflow: hidden;
		}

/***********************/
/**** MENU PRINCIPAL ***/
/***********************/
#menubar{
	position: absolute;
	left: 0;
	top: 85px;
	width: 180px;
	background: transparent url(img/bg-menu.gif) repeat-y right top;
	}
	#menubar ul{
		margin: 8px;
		border-top: 1px solid rgb(153, 153, 153);
		list-style: none;
		font-size: 98%;
		}
		#menubar ul li{
			padding: 4px;
			border-bottom: 1px solid rgb(153, 153, 153);
			list-style: none;
			}
			#menubar ul li a:link,
			#menubar ul li a:visited{
				color: rgb(105, 105, 105);
				text-transform: uppercase;
				text-decoration: none;
				letter-spacing: 1px;
				}
			#menubar ul li a:hover,
			#menubar ul li a:focus,
			#menubar ul li a:active{
				color: black;
				}

/***********************/
/******* CONTENU *******/
/***********************/
#content{
	padding-bottom: 72px;
	background: rgb(242, 242, 242) url(img/bg-content.jpg) no-repeat left bottom;
	}
.site #content{
	padding: 5px 10px 100px;
	}

.site #content table{
	border-collapse: collapse;
	border: 1px solid gray;
	}
	
	.site #content table th{
		text-align: center;
		}
	.site #content table th,
	.site #content table td{
		padding: 5px;
		border: 1px solid gray;
		}
	.site #content ul{
		margin: 5px;
		list-style: inside;
		}

/***********************/
/** CONTENU PRINCIPAL **/
/***********************/
#main{
	float: left;
	padding: 0 20px;
	width: 482px;
	background: #f2f2f2;
	/**
	border: 1px solid green;
	/**/
	}
	
/***********************/
/**** BARRE LATÉRALE ***/
/***********************/
#sidebar{
	float: right;
	padding: 0;
	width: 277px;
	background: #f2f2f2;
	}
	
	#news{
		padding-top: 10px;
		padding-left: 70px;
		background: #e6e6e6 url(img/bg-news.gif) repeat-y left 1px;
		}
	.site #news{
		padding: 0;
		background: none;
		}
		#lireNews{
			display: block;
			margin-bottom: 15px;
			width: 198px;
			height: 29px;
			background: url(img/btn-lireNews.gif) no-repeat left top;
			text-indent: -9999px;
			overflow: hidden;
			}
		#news dl{
			margin-left: 10px;
			}
			#news dl dt{
				padding-left: 30px;
				background: url(img/puce-news.gif) no-repeat left top;
				color: rgb(255, 100, 2);
				font-weight: bold;
				}
			#news dl dd{
				padding-left: 30px;
				padding-bottom: 15px;
				}
				#news dl dd a:link,
				#news dl dd a:visited{
					color: rgb(49, 49, 49);
					text-decoration: none;
					}
				#news dl dd a:hover,
				#news dl dd a:focus,
				#news dl dd a:active{
					text-decoration: underline;
					}

/***********************/
/***** PIED DE PAGE ****/
/***********************/
#footer{
	padding: 5px 0;
	height: 8em;
	border-top: 2px solid rgb(254, 254, 0);
	border-left: 1px solid white; /* BUG IE7 */
	}
	#footer .leftBlock{
		float: left;
		padding: 0 20px 0 10px;
		height: 100%;
		border-left: 1px solid rgb(204, 204, 204);
		}
	#footer .first{
		border: none;
		}
	#footer p strong{
		color: rgb(0, 1, 102);
		}
	#footerMenu{
		list-style: none;
		}
		#footerMenu li a:link,
		#footerMenu li a:visited{
			color: rgb(51, 51, 51);
			text-decoration: none;
			}
		#footerMenu li a:hover,
		#footerMenu li a:focus,
		#footerMenu li a:active{
			text-decoration: underline;
			}



/***********************/
/**** TITRES IMAGES ****/
/***********************/
#titreBienvenue{
	margin: 0 -20px 15px;
	height: 51px;
	background: transparent url(img/titre-bienvenue.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	}
#titreNews{
	margin: 0;
	height: 134px;
	background: transparent url(img/titre-news.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	}