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

* {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	/*border: none;	*/
}

img {
	border: none;
}

html, body {
	margin: 0;
	padding: 0;
	background: #4c4c4c url(background.jpg) repeat-x top scroll;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
}

div.conteneur {
	width: 1000px;
	margin: auto;
}

h1 {
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	text-align: center;
	color: #FFF;
	line-height: 20px;
}

div.entete {
	height: 81px;
	overflow:hidden;
}

img.adresse { margin: 0 0 0 54px; padding: 0; }
a.cyr-logo { margin: 0 0 0 105px; padding: 0; }
a.ref-logo { position: relative; top: -21px; left: 46px; margin: 0; padding: 0; }
a.stratus-logo { position: relative; top: -24px; left: 60px; margin: 0; padding: 0; }









/****************************************************************************************************
*	MENU																				MENU		*
****************************************************************************************************/

ul.menu {
	height: 44px;
	margin:0;
	padding:0;
	list-style: none;
}
ul.menu li {
	float: left;
	height: 44px;
	margin: 0;
	padding: 0;
}
ul.menu li a {
	display: block;
	height: 44px;
	background: url(menu-buttons.jpg) no-repeat top left scroll;
	text-decoration: none;
	text-indent: -3000em;
}
ul.menu li a:hover { text-decoration: none; }

ul.menu li a.accueil { width: 114px; background-position: 0 0; }
ul.menu li a.actualites { width: 130px; background-position: -114px 0; }
ul.menu li a.nouveautes { width: 139px; background-position: -244px 0; }
ul.menu li a.promotions { width: 143px; background-position: -383px 0; }
ul.menu li a.cyr-distribution { width: 170px; background-position: -526px 0; }
ul.menu li a.partenaires { width: 135px; background-position: -696px 0; }
ul.menu li a.contactez-nous { width: 169px; background-position: -831px 0; }









/****************************************************************************************************
*	SOUS MENU																		SOUS MENU		*
****************************************************************************************************/

div.sous-menu {	height: 245px; overflow:hidden; }
div.flash {
	float: right;
	width: 741px;
	height: 100%;
}
div.pub-et-panier {
	float: left;
	width: 259px;
	height: 100%;
	background: url(pub-et-panier-bg.jpg) no-repeat top left scroll;
}
div.pub-et-panier p {
	font-weight: bold;
	margin: 28px 0 0 23px;
	line-height: 14px;
}
div.pub-et-panier a {
	font-weight: normal;
	text-decoration: underline;
	color: #FFF;
}

/****************************************************************************************************
*	CONTENU																				CONTENU 	*
****************************************************************************************************/

div.corps {
	width: 100%;
	background: #FFF url(left-col-bg.jpg) repeat-y top left scroll;
}

/****************************************************************************************************
*	CONTENU : Colonne gauche											CONTENU : Colonne gauche	*
****************************************************************************************************/

div.col-gauche {
	float:left;
	width: 259px;
}

div.col-gauche div.title, div.col-gauche a.title {
	display: block;
	width: 100%;
	text-indent: -3000em;
}

div.col-gauche div.nos-produits {	height: 53px; background: url(nos-produits.jpg) no-repeat top left scroll; }
div.col-gauche div.nos-dossiers {	height: 52px; background: url(nos-dossiers.jpg) no-repeat top left scroll; }
div.col-gauche a.espace-client { height: 52px; background: url(espace-client.jpg) no-repeat top left scroll; }

ul.liste {
	list-style: none;
	margin: 6px 0 20px 0;
	padding:0px;
}
ul.liste li {
	margin:0;
	padding:0;
}
ul.liste li a {
	display:block;
	height: 30px;
	padding: 0 0 0 30px;
	line-height: 30px;
	color: #4c4c4c;
	text-decoration: none;
	background: url(liste-puce.jpg) no-repeat 16px 12px scroll;
}
ul.liste li a:hover {
	text-decoration: underline;
}
ul.liste li a.selection { font-weight: bold; }






/****************************************************************************************************
*	CONTENU : Colonne droite											CONTENU : Colonne droite	*
****************************************************************************************************/

div.col-droite {
	float: right;
	width: 741px;
	color: #4c4c4c;
	padding: 0 0 50px 0;
}

div.col-droite div.cadre {
	margin: 0 15px 0 15px;
}

p.ariane {
	margin: 10px 10px 0 15px;
	font-size: 10px;
	color: #4c4c4c;
}

p.ariane a { text-decoration: none; color: #4c4c4c; }
p.ariane a:hover { text-decoration: underline; }

h2 {
	margin: 15px;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
}


/* DESCRIPTION */
div.page {
	margin: 15px;
}
div.description {
	clear: right;
	margin: 10px 10px 20px 10px;
	background: #dcdcdc;
	min-height: 203px;
}

div.description p {
	margin: 0px 10px;
	padding: 10px 0px;
	line-height: 20px;
}

div.description img {
	float: right;
	margin: 0 0 0 10px;
}

/* PRODUIT */
div.element {
	margin: 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e7e7e7;
	min-height: 140px;
}

div.visuel-prix {
	float:left;
	width: 120px;
	margin: 0 15px 0 0;
}
div.visuel-prix span {
	display:block;
	text-align:center;
	line-height: 14px;
}
div.visuel-prix span.prix {
	font-weight: bold;
	color: #8da70c;
}
div.visuel-prix span.ancien-prix {
	text-decoration: line-through;
	font-size: 10px;
	font-weight: normal;
	color: #cfcfcf;
}

div.detail {
	margin: 20px 0 0 135px;
}

h3 {
	margin:0 0 7px 0;
	padding:0;
	font-size: 13px;
	line-height: 16px;
	color: #4c4c4c;
}

div.detail p {
	margin: 7px 0 20px 0;
	padding:0;
	line-height: 16px;
}

div.detail a.ensavoirplus {
	margin: 0 7px 0 0; 
}


div.stats {
	margin: 20px 15px 0px 30px;
}

div.stats p {
	margin: 10px 0;
}

div.stats a.vignette {
	float: right;
	margin: 0 0 10px 15px;
}
div.stats img.etat {
	margin: 0 7px 10px 0;
}
div.stats span.date-livr {
	vertical-align: top;
}
div.prix {
	/*float: right;*/
	margin: 10px 0 0 0;
}
table.infos {
	width: 375px;
	border-top: 1px #999 solid;
}
table.infos p {
	margin: 7px 0;	
}
table.infos span {
	margin: 0 0 5px 0;
	display: block;
	text-align: center;
}
table.infos span.prix {
	font-size: 18px;
	font-weight: bold;
	color: #8da70c;
}
table.infos span.ancien-prix {
	text-decoration: line-through;
	font-size: 14px;
	font-weight: normal;
	color: #cfcfcf;
}
table.infos span.prixht {
	font-size: 14px;
	font-weight: normal;
	color: #cfcfcf;
}
table.infos td.filet {
	border-bottom: 1px solid #999;
}
form.add-to-cart label {
	display: inline-block;
	width: 110px;
	text-align: right;
}

div.page label {
}
div.page input[type=checkbox] {
	position: relative;
	top: 2px;
	margin-right: 7px;
}
div.galerie {
	text-align: center;
}
div.galerie img {
	margin: 10px;
}
/****************************************************************************************************
*	PIED DE PAGE																	PIED DE PAGE	*
****************************************************************************************************/
div.clearing {
	clear:both;
	font-size: 2px;
	height: 2px;
	background: url(clearing.jpg) no-repeat top left scroll;
	overflow: hidden;
}
div.pied-de-page {
	background: #282828;
	color: #dddddd;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 0 0 20px 0;
}
div.pied-de-page div.bandeau {
	height: 10px;
	background: #242424;
}
img.pied-logo {
	margin: 10px 0 0 0;
}
div.pied-de-page {
	line-height: 16px;
}

div.pied-de-page a {
	color: #dddddd;
	text-decoration: none;
}

div.pied-de-page a:hover {
	color: #dddddd;
	text-decoration: underline;
}


/****************************************************************************************************
*	PANIER																					PANIER	*
****************************************************************************************************/

form.commande {
	width:100%;
}

table.commande {
	width:710px;
	margin: 15px;
}

table.commande th {
	background: #333;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
}

table.commande td {
	padding: 2px 5px;
	text-align:center;
	border-bottom:1px dotted #CCC;
}
table.commande td.text { text-align:left; }
table.commande td.grey { background: #EEE; }
table.commande td.blank { border: none; }
table.commande td.tot-label { border: none;  }
table.commande td.tot-value { border: none; }

table.commande input[type="image"] {
	margin: 10px;
}