/* Common CSS */

/* ---------- Header -------- */

#header .numeroVertSmall { margin-top:5px; }

/* ---------- Elements communs -------- */

div#content { width:974px; margin:0 auto; float:none; }
h1 { font-size:2.2em; text-align:center; }
h2, h2 a { color:#E2007A; font-family:Helvetica-45-light; text-decoration:none; font-size:1.1em; }
.enteteCol { font-family:'Helvetica-25-ultraLight'; font-size:3em; color:#C9C4B1; letter-spacing:-0.02em\9; }
p,dd { color:#666; font-size:0.9em; line-height:1.3em; }

ul#catalogue .prixVente, ul#catalogue .prixBarre, ul#catalogue .devise { color:#666; }

/* ---------- Introduction -------- */

div#introduction { width:954px; float:left; margin:10px 0; }
#introduction p { display:block; overflow:hidden; }
/* ---------- Catalogue -------- */

ul#catalogue { margin:15px 0 0 0; width:955px; overflow:hidden; }
ul#catalogue li { width:306px; float:left; margin:0 15px; -webkit-border-radius: 2px;}
ul#catalogue li img { border:1px solid #222; }
ul#catalogue li p { padding:3px; }
ul#catalogue li.first, ul#catalogue li.last { margin-left:0; margin-right:0; }
ul#catalogue li h2 { width:290px; position:absolute; display:block; }
ul#catalogue li h2 a {
    background: url("img/blank.gif") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    height: 200px;
    padding: 6px 8px;
    position: relative;
    width: 290px;
}

/* ---------- Colonne -------- */

#leftCol, #centerCol, #rightCol { float:left; margin:20px 19px 0 0; width:306px; overflow:hidden; }
#rightCol { margin-right:0; }

dl { overflow:hidden; margin:0; }
dt { position:relative; margin-top:10px; }
dt a, dt{ font-weight:bold; font-size:1.05em; color:black; margin:2px 0; width:100%; clear:both; text-decoration:none; }
dt a { background:url("img/blank.gif"); height:90px; position:absolute; top:0; z-index:200; }
dl dd p { margin-right:10px; }

#leftCol { background:url("img/index/fond-leftcol.gif") no-repeat center top; padding:0 6px 0px; width:295px; margin-right:14px; clear:left; height:500px; }
#leftCol dt { margin-top:10px; }
#leftCol dd {  }
#leftCol p { display:block; margin:10px 0 5px; }
#leftCol p.enteteCol { margin-top:0; }
#leftCol p.horaire { font-weight:bold; }
#leftCol img#moyenPaiement { float:none; width:142px; height:60px; background-position:-4px -139px; margin:5px 0 7px; display:block; }

#leftCol img.imageCommune { float:left; width:81px; height:81px; }
#leftCol img#carteBancaire { background-position:-4px -43px; }
#leftCol img#paiement { background-position:-88px -43px; margin-top:20px; }
#leftCol img#poussette { background-position:-177px -43px; margin-top:20px; }
#leftCol img#nFois { background-position:-260px -43px; margin-top:-20px; }
#leftCol img#garantie { background-position:-350px -43px; }

#centerCol {  }

div#inscriptionNewsletter { background:url("img/amalgame-commun.png") no-repeat scroll -252px 14px transparent; left:325px; width:227px; height:49px; top:45px; float:left; margin:5px 0 0 10px;  }
div#inscriptionNewsletter form { width:100%; height:100%; }
div#inscriptionNewsletter form label { clear:both; font-size:1.05em; font-weight:bold; line-height:1em; width:100%; }
div#inscriptionNewsletter form input { border:none; background:none; margin:9px 7px 0 9px; float:left; width:130px; }
div#inscriptionNewsletter form input#boutonNewsletter {
	background:url("img/boutons/btn-rechercher.png") no-repeat scroll 0 0 transparent;
	background-position:right;
	border:medium none;
	color:#FFFFFF;
	display:inline-block;
	font-size:0.9em;
	height:22px;
	margin:7px 2px 0 0;	*margin-top:4px;
	text-align:center;
	width:75px;
	float:right
	}

#centerCol dl dd p { margin:0; }
#centerCol dl#fichePratique dd p { margin:25px 0 0 0; }

#centerCol img.imageCommune { float:left; width:68px; height:70px; margin:8px 0; }
#centerCol img#newsletter { background-position:-4px -241px; }
#centerCol img#siegeAuto { background-position:-75px -226px; }
#centerCol img#bebe3Mois { background-position:-149px -214px; }
#centerCol img#isofix { background-position:-219px -214px; }

dl#socialNet a { height:70px; display:block; padding:0; float:left; position:static; float:left; clear:none; text-align:center; width:80px; }
dl#socialNet dt { clear:both; } #centerCol dl#socialNet dd { float:left; clear:none; }
dl#socialNet dd p { margin:5px 0 5px 5px; clear:both; }
img#facebook { background-position:-295px -238px; height:68px; margin-top:0; }
img#twitter { background-position:-367px -238px; height:68px; margin-top:0; width:83px; }

#footer ul, #footer p { margin:1%; }

#footer p#redacIndex { width:95%; clear:both; margin-bottom:0; margin-top:3%; color:#333; display:block; _margin-top:2%; —margin-bottom:2%;  }
#footer ul#lienPartenaires { width:95%; margin:0 0 15px 0; padding:0; clear:both; overflow:hidden; display:block; *margin-top:40px; _margin-top:50px; }
#footer ul#lienPartenaires li { display:inline; margin:0 5px; line-height:1.55em; }
#footer ul#lienPartenaires li a { color:#CCC; }