@import url("styles.css");

/*	#div
---------------------------*/
body {background-position:0 -65px;}
#page {margin:0 auto; width:940px;}

#header {height:80px;}
#contenu {margin-bottom:80px; padding-top:30px; width:100%; overflow:auto;}
	#main {clear:both; float:left; width:620px; margin-right:20px;}
	#side {float:left; margin-top:25px; width:300px;}
#footer { margin-bottom:20px; text-align:center; background:url(../images/fd-footer.gif) center repeat-x;}

/*	HEADER
---------------------------*/
#header h1 {display:block; float:left; padding:0;}
#header h1 a {display:block; width:300px; height:140px; background:url(../images/logo.gif);}
#header h1 span {position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}

ul#menu {float:right; padding:0; margin:0; margin-top:50px; list-style-type:none; overflow:auto; border-right:1px solid #FFF;}
ul#menu li {float:right; width:auto; margin:0; font:bold 16px Arial, Helvetica, sans-serif; border-left:1px solid #FFF;}
ul#menu li a {display:block; float:left; padding:30px 0 0; margin:0 15px; width:auto; text-decoration:none; color:#7ce; }
ul#menu li a:hover,
ul#menu li a.active {color:#FFF; padding:25px 0 5px; border-bottom:3px solid #FFF; }

/*	CONTENU
---------------------------*/
#contenu h1 {margin:15px 0; font: italic 32px Georgia, "Times New Roman", Times, serif;}
#contenu h2 {color:#f52; margin-bottom:5px;}
#contenu p {}
/*	contenu principal	*/
#main p {text-align:justify;}
#main p.intro {font-size:14px;}
.col12 {clear:both; float:left; width:300px; margin-right:20px;}
.col22 {float:left; width:300px;}

/*	contenu side	*/
#side p {}
#side p.bulle {padding:15px 15px 45px; margin-bottom:20px; width:270px; background:#7ce url(../images/fd-col22.gif) bottom no-repeat; color:#FFF; font-size:20px;}
#side p.bulle em {font-size:16px; font-style:italic;}

/*	FOOTER
---------------------------*/
#footer ul {margin:0; padding:0; font-size:11px; color:#FFF;}
#footer ul li {display:inline; padding:3px 10px; margin:0 -2px; border-left:1px solid; background:#7ce;}
#footer ul li.first {border:none; padding-left:20px; background:#7ce url(../images/fd-footer-li.gif) left no-repeat;}
#footer ul li.last {padding-right:20px; background:#7ce url(../images/fd-footer-li-last.gif) right no-repeat;}
#footer ul li a {text-decoration:none; color:#FFF;}
#footer ul li a:hover {color:#434;}