/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; }

strong {font-weight:bold;}
em {font-style:italic; }

aaaaadiv { border:#FF0000 solid 1px; padding:1px;}

/* hyperlink */
a {
	color: #009EE0;
}
a:hover {
	color: #0060A9;
}
a:visited {
	color: #0060A9;
}
a.style1 {	color: #0086e3; text-decoration:underline; }
a.style1:hover { color: #0086e3; text-decoration:underline; }

/* taille de la typo */
html { font-size: 100%; } /* correctif pour IE */
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: #7394A9;
}
input { font-family:Verdana, Arial, Helvetica, sans-serif; }

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

#headerSection {
	width:100%;
	height: 120px;
	background: #F5F5F5;
}
#header {
	width: 760px;
	height: 120px;
	margin: 0 auto;
	background: #F6F7F8;
}
#header #logo {
	width: 310px;
	float:left;
}
#header #soutient {
	width: 170px;
	float:right;
}
#navSection {
	width:100%;
	height:30px;
	line-height:30px;
	clear:both;
	background: #347FBB url(pictures/bckgrnd_nav.gif);
}
#navContainer {
	width: 760px;
	margin: 0 auto;
}
#navContainer #menuTop {
	width: 700px;
	float:left;
}
#navContainer #lng {
	width: 60px;
	float:left;
}
#bandeauContainer {
	width:100%;
	height:150px;
	background-color: #0060A9;
}
#bandeauContainer #bandeau {
	width: 760px;
	height:150px;
	margin: 0 auto;
}
#coreSection {
	float: left;
	width:100%;
	clear:both;
	background: #F5F5F5;
}
#coreSection #coreContainer {
	width: 760px;
	margin: 0 auto;
}
#coreSection #coreContainer #core {
	width: 760px;
	float: left;
	background: #F5F5F5 url(pictures/bckgrnd_core.gif) repeat-y;
}
#coreSection #leftContent {
	width: 220px;
	float:left;
}
#coreSection #leftContent #menuLeft {
	width: 220px;
}
#coreSection #recherche {
	width: 180px;

	float:left;
	padding:10px 10px 15px 30px;
	background: url(pictures/bckgrnd_left_separator.gif) no-repeat left bottom;
}
#coreSection #recherche form {
	display:block;
	height:20px;
	aaaaamargin-top:5px;
}

#coreSection #recherche input {
	float:left;
	width: 150px;
	height:18px;
	aaaaamargin-top:5px;
	border: 1px solid #C0B1AE;
}
#coreSection #recherche .btn {
	float:left;
	width: 20px;
	height:20px;
	aaaaamargin-top:5px;
	background: #EFEFEF url(pictures/btn_search.gif) 0px 0px;
	border: 0px solid #C0B1AE;
	cursor: pointer;
}
#coreSection #comment {
	margin: 10px 0px 0px 0px;
	font-size:0.9em;
	line-height:1.5em;
	width: 220px;
	float:left;
	background: url(pictures/pict_guillemet_1.gif) no-repeat 15px top;
}
#coreSection #comment #commentBckgrnd {
	float:left;
	background: url(pictures/pict_guillemet_2.gif) no-repeat 180px bottom;
	padding:20px 30px 15px 40px;
}
#coreSection #content {
	width:520px;
	float:left;
	padding: 20px 0px 20px 20px;
	overflow:visible;
}
#footerSection {
	clear:both;
	width:100%;
	background: #7394A9 url(pictures/bckgrnd_footer.gif) no-repeat center top;
	height: 80px;
}
#footerSection #footer {
	width: 760px;
	margin: 0 auto;
	text-align:right;
	padding-top:60px;
	color: #FFFFFF;
}