#surheader {
	margin:0 auto;
	padding:3px 15px;
	width:900px;
	font-size:0.8em;
	text-align:right;
	background: #fff;
}
#surheader a {
	color:#696969;
}

#superconteneur {
	margin:0 auto;
	width:930px;
	background: #fff;
}

#header {
	font-size:0.8em;
	width:100%;
	padding:0 15px;
	height:90px;
}
#header #logo {
	float:left;
	font-size:1em;
	color:#369;
	width:350px;
}
#header #logo a {
	color:#696969;
	text-decoration:none;
}
#header #logo a:hover {
	color:#c00;
}

#menuheader {
	width: 100%;
	background: #587cb0;
	padding: 0;
}
#menuheader ul {
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}
#menuheader ul li {
	display: inline;
}
#menuheader ul li a {
	float: left;
	display: block;
	width:122px;
	height: 20px;
	padding: 7px 4px 3px 4px;
	border-right: 1px solid #f4f4f9;
	text-align:center;
	color: #f4f4f9;
	text-decoration: none;
	overflow: hidden;
}
#menuheader ul li a:hover {
	background: #587cb0 url(/images/fond-menuheader-li-v2.jpg) 0 0 repeat-x;
	color: #f4f4f9;
	text-decoration: none;
}
#menuheader ul li a.pack {
	background: #587cb0 url(/images/fond-menuheader-li-v2.jpg) 0 -30px repeat-x;
	color: #fee;
}
#menuheader ul li a.pack:hover {
	background: #587cb0 url(/images/fond-menuheader-li-v2.jpg) 0 -30px repeat-x;
	color: #fee;
}
#menuheader ul li a.selected {
	background: #587cb0 url(/images/fond-menuheader-li-v2.jpg) 0 0 repeat-x;
	color: #f4f4f9;
	text-decoration: none;
}
#menuheader ul li a.packselected {
	background: #587cb0 url(/images/fond-menuheader-li-v2.jpg) 0 -30px repeat-x;
	color: #fee;
}

#contenupg {
	width: 900px;
	padding: 0 15px 30px 15px;
}

#presentation {
	width:100%;
	margin: 0 0 10px 0;
	padding:5px 15px 0 10px;
}
#presentation .imgprod {
	float: right;
	text-align: left;
	width: 500px;
}
#presentation .argumentaire {
	float: left;
	width: 410px;
}
#presentation .argumentaire .prix {
	font-size: 1.5em;
	font-weight: bold;
	color: #c00;
	margin: 0;
	padding: 0;
}

#contenu {
	margin:0 auto;
	width:900px;
	padding: 10px 15px;
	margin-top: 1em;
	border-top: 1px solid #d4d4d9;
	background: #f4f4f9;
}

#descriptif {
	float:left;
	width:390px;
	margin-top: 10px;
	background: #f4f4f9;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#descriptif img {
	border:none;
	margin-right:10px;
}
#photossup img {
	margin:0 3px;
	width:120px;
}

#garanties {
	float: left;
	width: 230px;
}
#complement {
	float:left;
	border-top: 1px solid #d4d4d9;
	width: 910px;
	padding: 10px;
	background: #f9fcfe;
}
#complement a {
	text-decoration:none;
}
#complement a span {
	display:none;
}
#complement a:hover span {
	display: inline;
	text-decoration:none;
	margin:-170px 0 0 -50px;
	position: absolute;
	padding: 5px;
	width: 480px;
	border:1px solid gray;
	background: #fff;
	color: #000;
	z-index:0;
}
#complement a:hover span.lien {
	display: inline;
	text-decoration:none;
	margin:-170px 0 0 -182px;
	position: absolute;
	padding: 5px;
	width: 480px;
	border:1px solid gray;
	background: #fff;
	color: #000;
	z-index:0;
}
#complement a span img {
	margin-right:10px;
}

#contenusup {
	float:right;
	width:630px;
}

.parapluiesup  {
	float: left;
	background: #fff;
	border: 1px solid #d4d4d9;
	padding:5px;
	width: 292px;
	height:100px;
	margin: 0 10px 10px 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.parapluiesup  a {
	color:#000;
	text-decoration:none;
}
.parapluiesup  a:hover {
	color:#c00;
}
.parapluiesup img {
	margin-right: 15px;
}

#loginbox {
	float:right;
	width:210px;
	height:220px;
	padding:10px;
	background:transparent url(/images/perso/fond-loginbox.png) top left no-repeat;
}

#footer {
	margin:0;
	text-align:center;
	font-size:0.8em;
	background: transparent url(/images/footer-fond.png) top left repeat-x;
}
#footer a {
	color:#749fae;
}
#footer #contenufooter {
	width: 930px;
	margin: 0 auto;
	padding: 30px 0;
}


/*
	les class
*/
.left { float:left; text-align:left;}
.leftr { float:left; text-align:right;}
.right { float:right; text-align:right;}
.rightl { float:right; text-align:left;}

.clear {clear:both;}

.cadreblanc {
	border:1px #d4d4e4 solid;
	background:#fff;
	padding:5px;
}
.cadregris {
	border:1px #d4d4e4 solid;
	background:#f4f4f9;
	padding:5px;
	margin-bottom:15px;
}
.centrer {
	text-align:center;
}
h2.souligne {
	background:transparent url(/images/fond-h2.png) top left no-repeat;
	padding:10px;
	color:#ffffff;
}
.obligatoire {
	font-weight:bold;
}
.row {
	width:100%;
	margin-bottom:10px;
}
.row input {
	background:#fff;
	border:2px solid #e4e4f4;
	color:#000;
	padding:2px;
	margin-bottom:5px;
}
.w48 {
	width:48%;
}
.b10 {
	margin-bottom:10px;
}

.information {
	border:1px #d4d4e4 dotted;
	background:#e4e4f4;
	padding:5px;
	margin:5px;
	font-family:Tahoma, Verdana, Arial, Sans-Serif;
	font-size:0.9em;
	line-height:1.3em;
}
.textenoir a {
	color:#000;
}
.textenoir a:hover {
	color:#c00;
}
.errortxt {
	border:2px #f00 solid;
	padding:5px;
	text-align:left;
}

.productListing-even {
	background:#f4f4f9;
}

.bloc {
	float: left;
	border:1px #b0e2fe solid;
	background: #fff;
	margin: 0 10px 15px 10px;
	padding:10px;
	width: 260px;
	height:50px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.bloc img {
	margin-right: 15px;
}
.isselected {
	border:1px #228822 solid;
}
/*
	Class spéciales
*/
#portgratuit {
	display:inline;
	position: absolute;
	margin: 180px 0 0 -60px;
}
#imgnouveaute {
	display: inline;
	position: relative;
	float: right;
	top: -40px;
	right: -40px;
}
/*
	Processus de commande
*/
#navigationcheckout {
	float:left;
	padding-left:90px;
	margin-bottom:20px;
}
#navigationcheckout div.image {
	margin:0 25px;
	width:150px;
	float:left;
	text-align:center;
}
/*
	Nouveau parapluie
*/
.nouveauparapluie {
	border-top: #a4cfde 1px solid;
	padding: 10px;
	background: #f9fcfe url(/images/nouveauparapluie-bg.jpg) top left repeat-x;
}
.nouveauparapluie p.titrenouveaute {
	color: #fff;
	font-size: 1em;
	font-style: italic;
	font-weight:bold;
	margin: -10px -38px 0 0;
	padding: 0;
	float: right;
}
.nouveauparapluie  h2 a {
	color: #649fae;
	font-size: 1.5em;
	text-decoration: none;
}
.nouveauparapluie a img {
	border: 1px #a4cfde solid;
	margin: 0 15px 0 0;
	background: #fff;
	padding: 5px;
}