div#contenu {
	width:748px;
	height:auto;
	margin:auto;
	}
div.space{height:30px;}
/*img { display:block; margin:0; padding:0; } */
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#087CB7; text-decoration:none; }
a:hover { font-weight:bold; }
a img { border:0; }
h1, h2, h3, h4, h5 { margin:0; font-size:100%; }
p { margin:0; padding:5px 0 5px 0; }
hr { clear:both; border:0; color:#FFFFFF; }
span { display:none; }

/* Header Et Logo */

div#header {
	background:url('./images/bg_header.gif') repeat-x bottom #067CB9; /* Non, je ne suis pas con ... il y a un TRES l�er d�rad�... dur �croire non ? */
	width:748px;
	height:50px;
	}

div#header h1#logo {
	background:url('./images/logo.png') no-repeat;
	width:400px;
	height:42px;
	padding:8px 0 0 73px;
	color:#FFF;
	}
	
/* XXX et YYY sont a remplac�par la valeur de Votre logo.
Valeurs initiales :
	width:276px;
	height:50px;
	
	
div#header h1 {
	background:url('./images/logo.png') no-repeat;
	width:XXXpx;
	height:YYYpx;
	}
*/

/* Les 2 lignes ci dessous sont  �supprimer si vous mettez un logo Image */
div#header h1 span { display:block; font-size:100%; }
div#header h1 span#site { font-size:130%; }

/* Links et Pub */
div#top {
	background:url('./images/top.png') no-repeat left #FFF;
	width:738px;
	height:60px;
	border:1px solid #D7D7D7;
	margin:1px auto 1px auto;
	padding:4px;
	}

div#liens { /* Encore un div pour Mr. IE -_-. Merci Billou !! */
	width:270px;
	float:left;
	height:auto;
	}

div#liens ul { margin-top:10px; margin-left:153px; }
div#liens li { background:url('./images/link_top.png') no-repeat; padding-left:24px; height:19px; }
div#liens li a { vertical-align:middle; }

div#pub {
	background-color:#E8E8E8;
	width:468px;
	height:60px;
	float:right;
	color:#097DBA;
	text-align:center;
	}
	
div#pub p { padding:0; }

div#contenu_2 {
	background:url('./images/bg_contenu_2.gif') repeat-y;
	width:748px;
	height:auto;
	}

/* Menu + Corp */

div#gauche {
	width:556px;
	height:auto;
	float:left;
	}

/* Menu */
div#menu_top {
	width:556px;
	height:34px;
	margin-bottom:3px;
	}

/* IE ... tu me fait d�inir un ID, alors qu'il y avait plus simple ... merci de ta coop�ation */
	
div#menu_top li { width:136px; height:26px; background:url('./images/bg_li.png') no-repeat; float:left; text-align:center; padding-top:8px; margin-right:4px; }
div#menu_top li#last { margin-right:0; }
div#menu_top a { background:url('./images/puce_verte.gif') no-repeat left; padding-left:18px; vertical-align:middle; font-weight:bold; color:#FFF; }

/* Corp g��al */

div#corp {
	height:auto;
	border:1px solid #E8E8E8;
	border-bottom:0;
	padding:10px 2px 7px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}
	
div#corp h2 { background:url('./images/puce_fleches.gif') no-repeat left; padding-left:19px; color:#0055C9; margin-bottom:20px; }
div#corp h3 { margin-left:30px;
 color:#666666;
 margin-bottom:10px; 
font-size:14px;
letter-spacing:0.2em;
border-bottom:1px solid #87C150;
}
div#corp h4 {
margin:20px 5px 5px 40px;
font-size:12px;
letter-spacing:0.1em;
}
div#corp div.media
{
width:550px;
overflow:auto;
}
div.kit {
	width:540px;
	height:auto;
	}
	
div.capture {
	width:150px;
	height:auto;
	float:left;
	}

div.description {
	width:370px;
	height:auto;
	float:right;
	padding-right:5px;
	text-align:justify;
	}
	
div.description  h4 { text-indent:20px; margin-bottom:5px; }
ul.details { width:150px; float:right; border-left:4px solid #0055C9;
padding-left:6px; margin-left:15px; }
ul.details a { color:#0055C9; font-weight:bold; }
ul.details a:hover { color:#3388FF; }

/* Cat�ories */
	
div#droite {
	background-color:#FFF;
	width:120px;
	height:auto;
	float:right;
	}
	
div#menu_right {
	width:120px;
	height:auto;
	margin-top:14px;
	}
	
h2#cat { width:100px; height:20px; background:url('./images/top_cat.png') no-repeat; text-align:center; padding-top:3px; }
h2#cat a { background:url('./images/puce_verte.gif') no-repeat left; padding-left:0px; vertical-align:middle; font-weight:bold; color:#FFF; }

div#cats {
	width:120px;
	height:auto;
	border:0px solid #E8E8E8;
	border-top:0;
	border-bottom:0;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}

h3#kdj { text-align:center; margin-bottom:13px; }	
h3#kdj a { background:url('./images/puce_bleue.gif') no-repeat left; padding-left:15px; font-weight:bold; color:#067DB7; }

p#imgkdj { text-align:center; padding:0; }

div#cats ul { margin:10px auto auto auto; width:120px; }
div#cats li { width:110px; background:url('./images/puce_fleches.gif') no-repeat left; vertical-align:middle; border-bottom:1px dashed #B0B0B0; padding:5px 0 7px 16px; }
div#cats li a { color:#000000; }

/* Footer */

div#footer {
	background:url('./images/footer.png') no-repeat;
	width:746px;
	height:37px;
	clear:both;
	margin-left:1px;
	border-bottom:6px solid #E8E8E8;
	}

/* page designer */
table#designers
{
width:300px;
margin:auto;
border-collapse:collapse;
}
table#designers td
{
height:22px;
border-bottom:1px solid #7CBC44;
text-transform:capitalize;
padding:0px 4px;
}
table#designers tr:hover
{
background-color:#B5D1DF;
}