/*****************

Bienvenue dans le fichier
CSS des polypodes !

Les polypodes
www.lespolypodes.com
Fev 2008

******************/





/* == Libs-------------------------- */
@import "http://yui.yahooapis.com/combo?2.6.0/build/reset-fonts/reset-fonts.css";
@import "960.css";


/* == Debug-------------------------- */
/* #page {background: url(../img/12_col.gif);} */




/* == Tags-------------------------- */
	html {background-color: #eee;}
	body {color: #333;}
	a {text-decoration: none;}
	a:hover {text-decoration: underline!important;}
	strong, b {font-weight: bold;}
	em, i {font-style: italic;}
	h1, h2, h3, h4, h5, h6 {font-weight: bold;}

/* == Layout-------------------------- */

	#main {background-color: #fff;}
	/* Entete */
	#header {
		position: relative;
		background:  url(../img/bg-header.png) no-repeat bottom center;
		height: 100px;
	}
	#header a {
		position: absolute; top: 20px;
		width: 250px; height: 80px;
		}
	/* Recherche */

		#search {
			text-align: center;
			padding: 9px 0; margin-bottom: 10px;
			background-color: #ddd;
		}
		#search h2 {
			display: inline;
			font-size: 120%;
			}
		#search .inputImg {vertical-align: middle;}
		#search a {text-decoration: underline;}

	/* Menu */

		#menu {
			font-weight: bold;
			padding: 5px 10px;
			font-size: 93%;
			line-height: 1.5;
			}
		#menu a {
			text-decoration: none;
			padding: 0 3px;
			border-right: 1px #000 solid;
			white-space: nowrap;
			}
		#menu li {display: inline;}

	/*Footer */
		#footer {
			background-color: #ddd;
			font-size: 77%;
			padding-top: 10px;
			margin-bottom: 10px;
			}
		#footer li {line-height: 1.4;}
		#footLinks {
			font-weight: bold;
			padding: 8px 10px;
			font-size: 93%;
			line-height: 1.5;
			}
		#footLinks a {
			text-decoration: none;
			padding: 0 5px;
			border-right: 1px #000 solid;
			white-space: nowrap;
			}
		#footLinks li {display: inline;}
	.signature {
		font-size: 85%;
	}
	/* Map */
	#map {margin-bottom: 15px;}
	
	/* Reseaux */
	#smartNetwork {padding-bottom: 15px;}

/* == Newsletter-------------------------- */
	#newsletter {
		background-color: #ddd;
		position: relative;
		padding: 4px 10px 3px 10px;
		font-size: 80%;
	}
	#newsletter a {color: #F8D42E!important;}
	#newsletter h2 {}
	#newsletter #presentation {
		width: 260px;
		padding-left: 140px;
		float: left;
	}
	#newsletter #abonnement {
		width: 180px;
		float: right;
		text-align: right;
		padding: 0 0 0 5px;
	}

	#newsletter img, #newsletter .inputImg {vertical-align: middle;}
	#newsletter img {margin-right: 5px;}
	#newsletter .inputImg {margin-left: 5px;}
	#newsletter .inputTxt {
		font-size: 100%;color: #999;
		vertical-align: middle;
		}
	#newsletter .inputTxt.focus {color: #333;}
	

/* == Boxes-------------------------- */
/* Les boites qui sont sur les colonnes */
	.box {
		margin-bottom: 10px;
		font-size: 93%;
	}
	.box h1, .box h2 {
		font-size: 93%;
		padding: 4px 4px 4px 6px; margin: 0 0 10px 0;
		background-color: #ddd;
		font-weight: normal;
		text-transform: uppercase;
		}

	/* Pubs */
	.box.ad {
		text-align: center;
		background-color: #ddd;
	}
	.box.ad .wrapper {
		background-color: #fff;
		padding: 8px;
		}

/* == Sélection------------------------ */
	
	.selection {}

/* == Conseils-------------------------- */

	.conseils {
		position: relative;
		background-color: #ddd;
		padding: 30px 10px 10px 10px!important;
		margin-top: 20px;
		}
	.conseils p {margin-bottom: .8em;}
	.conseils .plus  {font-size: 85%; font-weight: bold; padding-top: 3px;}


/* == Modules-------------------------- */
	.module {
		margin-bottom: 10px;
		margin-top: 10px;
	}


/* == Produits-------------------------- */
	
	.product {
		border-bottom: 1px #ccc solid;
		margin-bottom: 5px;
		padding-bottom: 5px;
		position: relative;
		overflow: hidden;
		}
	.prodName {
		margin: 0 0 0 0;
		font-size: 108%;
		}
	.price{font-family:"Arial Black",Arial Black,Arial,Impact sans-serif;}
	.price .big {
		font-size: 120%;
		line-height: 1;
		letter-spacing: -1px;
		}
	.price .small {font-size: 100%;}
	.currentPrice {float: left;}
	.oldPrice {
		font-family: Arial, sans-serif;
		color: #777; font-size: 93%;
		text-decoration: line-through;
		line-height: 0.8;
		font-weight: bold;
		text-align: right;
		float: right;
		}
	.rebate {
		background-color: #ddd;
		padding: 2px 5px;
		text-align:center;
		font-weight: bold;
		position: absolute; bottom: 10px; right: 0;
		font-size: 80%;
		}
	.offer {font-weight: bold; font-size: 85%;}
	.box .product{padding-left:3px;}

	.product .image img {
		margin-bottom: 3px;
		background: #fff url('../img/bg_images.gif') no-repeat 50% 50%;
		display: block;
		min-height: 140px;
		color: #fff;
		font-size: 1px;
		}


/* == Utils-------------------------- */

	.hc {position: absolute; top: -1000em;}



/* == PAGE HOME -------------------------- */

	/* Catégories */

		#categories {background: #ddd url(../img/bg-categories.png) repeat-y;}
		#categories .col {
			width: 200px;
			float: left;
			}
		#categories .col.last {float: right;}
		#categories .col.first {margin-right: 10px;}
		#categories .cat {
			margin-bottom: 8px;
		}
		#categories .cat a {white-space: nowrap;}
		#categories h2,#categories .sousCat  {font-size: 93%;}
		#categories h2 {margin: 0 0 1px 0;}
		#categories .plus  {font-size: 85%; font-weight: bold; padding-top: 1px;}

	/* Promos */
		#promos .titre {
			background-color: #ddd;
			padding: 5px;
			}
		#promos .titre h2 {display: inline; font-size: 160%;}
		#promos .titre p {display: inline;}


	/* Liste promos */
		#listPromo {
			margin-top: 1em;
		}
		#listPromo h3 {
			font-size: 146.5%;
			line-height: 1;
			margin-bottom: .5em;
			}
	
/* == PAGE CATÉGORIES -------------------------- */

	/* Filtre */

		#filter {padding: 8px; margin-top: 0;}
		#filter .values {
			width: 200px;
			float: left;
			font-size: 85%;
		
		}
		#filter h2 {
			text-transform: uppercase;
			margin-bottom: .2em;
			font-size: 93%;
			border-bottom: 1px #ddd solid;
			}
		#filter h3 {
			text-transform: uppercase;
			margin-bottom: .2em;
			}
		#filter .values select{
			border: 0;
			background-color: #f5f5dc;
		}
	
	/* Tri */

		#sort {padding: 8px; position: relative;}
		#sort h2 {
			font-size: 138.5%;
/* 			float: left; */
			}
		#sort a {padding-bottom: 5px;}
		#sort p {
/* 			float: right; */
			position: absolute; top: 8px; right: 8px;
			margin-top: 3px;
			font-weight: bold;
			}
	/* Pagination */
		.pager {
			text-align: center;
			margin-bottom: 40px; margin-top: 15px;
			position: relative;
		}
		.pager a {padding: 8px;}
		.pager .prev {
			position: absolute;
			top: 0; left: 0;
		}
		.pager .next {
			position: absolute;
			top: 0; right: 0;
		}
		.pager .current {
			padding: 8px;
			display: block;
			text-align: center;
			}

	/* Produits */
		.product .desc {}
		.product .desc p {
			margin: 0 0 .8em 0;
			font-size: 93%;
			}
		.product .enseigne {margin-bottom: 5px; font-size: 85%;}
		.product .port {font-size: 85%; font-weight: bold;}
		.product .dispo {
			margin-bottom: 5px;
			font-size: 93%;
			}
		.product .infos .offer {
			margin: 5px 0 5px 0;
			position: relative;
		}
		#popImage {
			position: absolute;
			padding: 3px;
			border: 1px #aaa solid;
			border-bottom-color: #333;
			border-right-color: #333;
			background: #fff url(../img/loading.gif) no-repeat 50% 50%;
			}
		.product .zoom {
			position: absolute; top: -18px; left: -18px;
			padding: 20px;
			min-width: 20px; min-height: 20px;
			background: none;
			font-size: 1px;
		}
		
/* == Affiliation-------------------------- */
	#message {
		width: 600px;
		margin: 50px auto;
		background-color: #a0d040;
	}
	#bubble {
		margin-top: 15px;
		width: 250px;
		background-color: #fff;
		min-height: 280px;
		padding: 15px;
		text-align: center;
		font-size: 110%;
		}
	#bubble,#message  img {float: left;}

/* == Champs wysywyg-------------------------- */
	.wsg h1,.wsg h2,.wsg h3,.wsg h4,.wsg h5,.wsg h6 {margin: 0 0 .5em 0;}
	.wsg p,.wsg ul {margin: 0 0 1.5em 0;}
	.wsg p,.wsg ul {line-height: 1.5;}
	.wsg h1{font-size:170%;}
	.wsg h2 {font-size: 150%;}
	.wsg h3{font-size:120%;}
	.wsg h4{font-size:110%;}
	.wsg h5{font-size:100%;}
	.wsg h6{font-size:93%;}
	.wsg ul{margin-left:4em;}
	.wsg li{list-style:disc;}
	.wsg p {margin-left: 1em; margin-right: 1em;}

/* == Formulaires-------------------------- */
	fieldset {padding: 5px; margin: 10px;}
	.inputTxt, textarea {border: 1px #ccc solid; padding: 3px;}
	.inputTxt.focus {border: 1px #aaa solid; padding: 3px;}
	.field_line {}
	p.field_line{
		float:left;width:45%;
		margin: 0 15px 10px 0; padding: 0;
		}
	p.field_line.full {float: none; width: 100%;}
	p.field_line label{font-weight:bold;display:block;}
	p.field_line .inputTxt, p.field_line textarea {width: 100%;}
	.field_line .inputCbox {vertical-align: text-top; margin-right: 5px;}
	ul.field_line li {list-style: none;}
	ul.field_line {
		margin: 0 0 10px 0; padding: 0;
		clear: both;
		}
	.field_valid {
		clear: both;
		text-align: center;
		}
	form .note {
		margin: 5px ; padding: 5px;
	}


/* == Ariane-------------------------- */
	#ariane  {font-size: 85%;}
	#ariane li {
		display: inline;
		font-weight: bold;
	}
	#ariane li a {font-weight:normal;}



.gooAd {text-align: center;}
.hidden {display: none;}
.shown {display: block;}