/*###################################
#									#
#	=============================	#
#	©2009 Lagouache.com				#
###################################*/

/*	COULEURS	
Bleu fond			#136
bleu texte			#06a
bleu clair 			#09d
orange				#f50
*/

@import url("styles.css");

/*	#div
---------------------------*/
div#page {margin:0 auto; width:980px;}

#header {height:170px; background:url(../images/header-fd.jpg) bottom no-repeat;}
#content {padding:0 20px 20px; width:940px; background:#0e477e url(../images/content-fd.jpg) top repeat-x; overflow:auto;}
	#sidebar {float:left; padding:0 10px 20px 10px; width:280px; background:#fff url(../images/sidebar-fd.jpg) bottom no-repeat; overflow:auto;}
	#contenu {float:left; margin:20px 0 0 20px; padding:40px; width:540px; background:#fff url(../images/contenu-fd.jpg) top no-repeat;}
		#contenubas {float:right; width:620px; height:10px; background:url(../images/contenubas-fd.jpg) top no-repeat;}
#footer {clear:both; padding:20px 0; background:url(../images/footer-fd.jpg) top no-repeat; overflow:auto;}

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

ul#top {float:right; list-style:none; margin:20px 20px 0 0; padding:0; height:20px; color:#fff;}
ul#top li {float:right; margin-left:10px; padding-left:10px; border-left:1px solid;}
	ul#top li.last {border:none; padding:0; margin:0;}
ul#top li a {text-decoration:none; color:#fff;}
ul#top li a:hover {text-decoration:underline;}

ul#nav {float:left; list-style:none; margin:0; margin-top:70px; padding:0; height:40px; width:640px;}
ul#nav li {float:right; display:inline; margin-left:20px; text-align:center;}
ul#nav li a {text-decoration:none; display:block; width:140px; line-height:40px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/nav-fd.jpg);}
ul#nav li a:hover, ul#nav li a.active {background-position:bottom;}

/*	SIDEBAR
---------------------------*/
ul#menu {margin:0; margin-bottom:10px; padding:0; padding-bottom:20px; background:url(../images/menu-ul-fd.jpg) bottom no-repeat; list-style:none;}
ul#menu li a {display:block; padding:10px 30px 10px 10px; width:240px; line-height:20px; text-decoration:none; background:url(../images/menu-li-fd.jpg) top; color:#fff; font-size:16px;font-weight:bold;}
ul#menu li a:hover {color:#06a; background-position:0 120px;}

#coordonnees {background:url(../images/coordonnee-top.jpg) top no-repeat; padding-top:10px;}
#coordonnees dl {padding:20px; padding-bottom:0; margin:0; width:240px; height:auto; background:url(../images/coordonnee-fd.jpg); color:#fff; overflow:hidden; }
#coordonnees dl dt {font-weight:bold; font-size:16px;}
#coordonnees dl dd {margin:0 0 20px 0;}
#coordonnees dl a {color:#fff;}

/*	CONTENU
---------------------------*/
#contenu h2 {border-bottom:1px solid #09d;}
#contenu p, #contenu ul {font-size:14px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*	liste produits	*/
div.produit {float:left; width:220px; text-align:center;}
	div.impair {clear:both; margin:10px 100px 0 0;}
	div.pair {margin-top:10px;}
	div.texte h4 {margin:0;}
	#contenu div.texte p {font-size:12px;}

div.col12 {clear:both; float:left; width:250px;}
div.col22 {float:left; margin-left:40px; width:250px;}
#contenu div.col12 p, #contenu div.col22 p {font-size:12px; line-height:18px; font-weight:bold;}

/*	FOOTER
---------------------------*/
#footer ul {margin:0 0 0 40px; padding:0; color:#09d; list-style:none;}
#footer ul li {float:left; margin-right:15px; padding-right:15px; border-right:1px solid;}
#footer ul li a {color:#09d; text-decoration:none;}