body, input, textarea, p { font-family: Verdana, Tahoma, Arial; font-size: 11px; text-align: justify; line-height: 1.4em; }

#page {	background-color: #FFFFFF; width: 840px; margin: auto; border: 1px solid gray; margin-top: 10px; }
#page { box-shadow: 5px 5px 10px #AAA; -moz-box-shadow: 5px 5px 10px #AAA; -webkit-box-shadow: 5px 5px 10px #AAA; }
#page a { color: #6D6D6D; text-decoration: none; }
#page a:hover { text-decoration: underline; }
#page a img { border: 0; }

#header { height: 100px; }
#header #logo { float: left; margin: 10px 25px; }
#header #banniereHeader { width: 468px; height: 64px; position: absolute; top: 25px; margin-left: 300px; }

#menu {	margin-bottom: 10px; width: 100%; height: 24px; }
#menu ul { height: 25px; width: 100%; background: url(images/fond-menu-off.gif) repeat-x; list-style: none; }
#menu ul li { background: url(images/fond-menu-off.gif) repeat-x; float: left; padding: 4px 30px 0 36px; height: 24px; }
#menu ul li:hover, #menu ul li.current { background: url(images/fond-menu-on.gif) repeat-x transparent; height: 24px; }
#menu ul li a { color: #3C5A94; }
#menu ul li:hover a { color: #FFFFFF; }

#content { background: url(images/banniere-laterale.gif) no-repeat left bottom transparent; min-height: 480px; padding: 10px; padding-left: 160px; }

#content h1 { font-size: 12px; color: #3C5A94; margin: 10px 0; }
#content h2 { font-size: 1.1em; margin-top: 20px; margin-bottom: 0; color: #8BA0C1; }
#content h3 { font-size: 1em; margin: 10px 0; }

#content ul { margin: 10px 0 10px 40px; }
#content p { margin-top: 10px; text-align: justify; }
#content .center {  text-align: center; }

#footer { margin-top: 15px; }
#footer p { font-size: 10px; text-align: center; background-color: rgb(60,90,148); }
#footer p, #footer a { color: white; }

#content #mentions h3 { margin: 20px 0; color: #3C5A94;}

#content #mentions h1 { font-size: 18px; margin-bottom: 20px;}