@import url("reset.css"); /* Éric Meyer's Reset */
* {	margin: 0;padding: 0;}
html { font-size: 62.5%; height: 100%; }
body {font-size:1.2em; /* 12px => Base font */
	line-height:1.5; /* line-height de base */
	font-family: Arial,Verdana, Sans-Serif;
	color:#fff;}
a:link, a:visited {	color:#db1f27;text-decoration:underline;} /* Liens de base */
a:hover, a:active {	text-decoration:none;} /* Lien:hover de base */
a img {border: none;}
em {font-style:italic;}
strong {font-weight:bold;}
small {font-size: 94%;}
p, ul, ol, dl, table {margin:0 0 1em 0;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}


/* Headings ---------*/
h1 {font-weight: normal; font-size: 2.15em; line-height: 1.2em; color: #db1f27;padding-bottom: 15px; padding-top: 20px;}
h2 {font-weight:normal; font-size: 1.5em; color: #444444; padding-top: 10px;}
h3 {font-weight:bold; text-transform: uppercase; font-size: 1.25em; color: #ff242c;}
#enrobage {border-top:2px solid #db1f27; height: 100%;}
#page {margin:0 auto;width:850px;padding: 20px 0 25px 0;}
#entete {border-bottom-style: solid; border-width: 1px; border-color: #ed8f93;}
/* #contenu {text-align: center;} */
#entete img {float: left;}
#entete #logo-fac {float: right; top: 25px; right: 150px;position: relative;}
#entete #slogan {padding: 13px 0 0 25px ;color: #db1f27;font: italic 1.01em/1.05em Georgia, "Times New Roman", Times, serif; float: left; line-height: 1em; }
#entete #message p {color: #3f3f3f; 1.01em/1.05em  float: left; line-height: 1.2em; }

/* #message {padding-top: 10px;} */

#contenu img {padding-top: 30px;}
#contenu p {color: #3f3f3f;}
#contenu #livraison p,
#contenu #service-clientele p {padding-top: 8px}

/* Css page pré-commande noel 2009 
#contenu #precommande img {padding-top: 20px;}
#precommande {text-align: left; border-bottom: 1px solid #ed8f93}
#precommande {color: #656565;}
#precommande img { vertical-align: top;}
#epargez {float: left;}
#blocCommande {padding-left:50px; float: left; }
#details {padding-top: 20px;}
FIN Css page pré-commande noel 2009 */

.inner {clear: left;}
.section-a {text-align: center;	width: 280px;float: left;}

form input.submit {background: url("images/btn-achetez-maintenant_pre-commande.gif") no-repeat 0 0 transparent;height: 44px;width: 206px;border: 0;display: inline-block;}
form input.submit:hover {background: url("images/btn-achetez-maintenant_pre-commande.gif") no-repeat -206px 0 transparent;  }

.section-a h3 {padding: 4px 0;}
.section-a p {padding-bottom: 4px; margin: 0;}

#livraison {width: 284px; padding-right: 20px; float: left; padding-top: 30px;}
#service-clientele {display: block; padding-top: 30px;}
.note-pied {border-left-style: none; border-bottom-style: none; border-right-style: none; border-top-style: solid; border-width: 1px; border-color: #ed8f93; padding: 10px 0;}
.note-pied p {padding: 0; margin: 0;}

#conteneurPied-slogan {background: #db1f27;height: 53px;}
#pied-slogan { margin-top: 10px; width:850px; text-align: center; margin:0 auto;}
#pied-slogan p { padding-top:16px;font: italic 1.28em Georgia, "Times New Roman", Times, serif;text-shadow: #980305 2px 2px 1px;letter-spacing: 0.035em;}

#conteneurPied {background: #980305; height:300px;margin:0 auto;}

#pied {margin:0 auto; width:850px;}
#pied div {/* margin:0 auto; */}
#pied #apropos {width: 300px;margin-left:50px;float: left; padding-top: 16px;}
#pied #twittersphere {width: 400px; padding-left: 50px; float:left;}
.col1 {padding-top: 16px;}
.btn-contact {padding-top: 0.8em;}



/* -- Clearfix -- */
.clearfix {	display: inline-block;}
.clearfix:after, .container:after {	content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* -------------------------*/
/**
 *	Twitter for pubwich
 ******************************************************************/
.twitter h3 a {text-decoration: none; color: #ff242c;}
.twitter h3 span {text-transform: lowercase; font-size: 0.9em; color: #650e11;}

.twitter li span.date {display: block;	float: left;	width: 85px;	margin-right: 5px;}
.twitter li span.date a {text-decoration: none;	border: none;}
.twitter li p {	display: block;	margin-left: 95px;}
.twitter li em.from {display: none;}
.twitter li p a {text-decoration: none;	border-bottom: 1px dotted;}
.twitter li p a:hover {	color: #e1393a;	}