@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0;
	padding: 0;
	width: 100%;
}

a img, img {
	border: none;
}

a {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

h1, p, ul, li {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}

.separateur {
	padding-bottom: 10px;
	border-bottom: 1px #CCC dotted;
	margin-bottom: 15px;
	width: 497px;
}

.post {
	margin-top: 10px;
}

.spacer {
	clear: both;
	min-height: 0;
	line-height: 0;
}

form {
	margin: 0;
	padding: 0;
}

form input, form label, form textarea {
	width: 200px;
	border: 1px solid #000;
	float: left;
	display: inline;
	padding: 2px;
	margin: 2px 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

form label {
	width: 250px;
	border: none;
	clear: none;
}

form textarea {
	width: 493px;
	height: 150px;
}

form input.bouton {
	width: auto;
	border: none;
}

#header, #footer {
	width: 700px;
	overflow: hidden;
	
	margin: auto;
    /*margin-left: -350px;  moitié de la largeur */
}

#footer {
	margin-top: 20px;
	margin-bottom: 10px;
}

#footer li {
	display: inline;
	text-align: center;
}

#recherche {
	width: 520px;
	height: 27px;
	background-image: url(../img/fd_rose.gif);
	background-repeat: repeat-x;
	padding-left: 180px;
	padding-top: 3px;
	
	margin: auto;
    /*margin-left: -350px;  moitié de la largeur */
	
	margin-bottom: 16px;
}

#recherche label{
	width: 152px;
	color: #FFF;
	font-size: 12px;
}

#recherche form input.bouton {
	margin-left: 10px;
	background-color: #FFF;
}

#contenu {
	width: 700px;
	overflow: hidden;
	
	margin: auto;
    /*margin-left: -350px;  moitié de la largeur */
}

#blog, #liste {
	width: 400px;
	margin-right: 20px;
	overflow: hidden;
}

#blog h1, #liste h1 {
	font-size: 12px;
	color: #f50083;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#blog h2, #liste h2 {
	font-size: 11px;
	color: #09F;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#blog a {
	color: #f50083;
}

#blog a:hover {
	text-decoration: underline;
}

#blog .polaroid {
	height: 192px;
	width: 160px;
	background-image: url(../img/fd_pola.jpg);
}

#blog .polaroid img {
	padding: 10px 8px 10px 12px;
}

#blog .profil {
	float: right;
	display: inline;
	width: 230px;
}

#blog .profil h1, #blog .profil p {
	text-align: right;
	display: block;
	float: none;
}

#blog p {
	margin-top: 10px;
	float: left;
	display: inline;
}

#blog p.date {
	color: #cdcdcd;
	font-style: italic;
	font-size: 11px;
	margin-top: 0;
}

#blog ul#note li {
	display: inline;
	margin: 0;
	padding: 0;
}

#blog #vote p {
	display: block;
	float: none;
	margin-top: 0;
}

#blog .footerBillet {
	float: right;
	display: inline;
	margin-bottom: 20px;
}

#blog .commentaires h1 {
	margin-top: 10px;
	float: left;
	display: inline;
	clear: left;
}

#blog .commentaires p {
	display: block;
	clear: both;
	margin-top: 0;
}

#blog .commentaires p.date {
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	display: inline;
	clear: none;
}

#blog .commentaires form input, #blog .commentaires form textarea, #liste form input, #liste form textarea {
	width: 390px;
}






#liste li {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#liste .liste_content {
	 float:right;
	 display:inline;
	 width: 300px;
}

#liste li img {
	border: 1px solid #CCC;
}






#gauche, #droite {
	float: left;
	display: inline;
	overflow: hidden;
}

#gauche {
	width: 150px;
	margin-right: 30px;
	background-color: #f5f5f5;
}

#droite {
	float: right;
	width: 100px;
}

#gauche .contenu {
	padding: 5px;
	margin-bottom: 10px;
}

#gauche #topRecherches ul li{
	display: inline;
}

#gauche #produitsStars ul {
	margin-bottom: 10px;
}

#gauche #produitsStars ul li{
	height: 15px;
	padding: 2px;
}

#gauche #produitsStars ul li.impaire{
	background-color: #ddf3f9;
}

#droite ul li img {
	margin: 8px;
	border: 1px solid #CCC;
}





#popineFond {
	position: fixed;
	top: 0;
	background-color: #FFF;
	/*opacity: 0.5;
	filter: alpha(opacity=50);*/
	left: 0;
	width: 100%;
	height: 100%;
}

* html #popineFond {
	position: absolute;
}

#popine {
	position: fixed;
	top: 50%;
	width: 395px;
	border: 1px solid #000;
	background-color: #FFF;
	padding: 10px;
	left: 50%;
	margin-left: -200px;
	margin-top: -237px;
}

* html #popine {
	position: absolute;
}

#popine #fermer {
	float: right;
	display: inline;
	clear: both;
}

#popine h1 {
	margin: 0 0 5px 0;
	float: left;
	display: inline;
	color: #3EBE00;
	text-transform: uppercase;
	font-size: 12px;
}

#popine a {
	margin:0 0 5px 0;
	display: inline;
	font-size: 10px;
	text-decoration: underline;
}

#popine p {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #555;
	clear: both;
}

#popine p.etoile {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 10px;
	border-bottom: none;
}

#popine p.erreur {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #F00;
	border: none;
}

#popine label, #popine input {
	float: left;
	display: inline;
	width: 190px;
	border: 1px solid #000;
	padding: 2px;
	margin-bottom: 3px;
}

#popine label {
	font-weight: bold;
	border: none;
	padding: 0;
	margin-top: 3px;
}

#popine input.btn, #popine input.checkbox {
	border: none;
	width: auto;
}

#popine input[type=hidden] {
	display:none;
}

#popine input.btn {
	clear: both;
	margin: auto;
	margin-left: 121px;
	margin-bottom: 10px;
}

#popine input.bouton, #liste form input.bouton {
	width: auto;
	float: right;
	margin-right: 10px;
}








#pdc {
	background-color: #F5F5F5;
	width: 690px;
	overflow: hidden;
	
	margin: auto;
	margin-bottom: 16px;
	padding: 5px;
}

#pdc p {
	margin-bottom: 10px;
}

#pdc #formPdc {
	margin: 5px;
	margin-top: 15px;
}

#pdc #formPdc input {
	width: 30px;
	margin: 0 3px;
}

#pdc #formPdc input#formPdc_pseudo {
	width: 100px;
}

#pdc #formPdc input#formPdc_message {
	width: 520px;
}