<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* Général */
/* **************************************************************************************************************** */

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,p,form {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	background-color: #10315a;
}
ul,ol,li { list-style:none; }


/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* Construction */
/* **************************************************************************************************************** */

#wrapper {
	background: url(../gen_img/fond_wrapper.gif) repeat-x #FFFFFF;
}
#conteneur {
	width: 980px;
	margin: 0px auto;
}
#centre { clear: both; }
#colCentre { float: left; width:770px; }


/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* Bandeau haut */
/* **************************************************************************************************************** */

#top h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #758aa4;
	padding: 2px 0px 3px 10px;
	float: left;
}
#top ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	padding: 2px 0px 0px 0px;
	float: right;
}
#top li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #758aa4; 
	display: inline;
	white-space: nowrap;
	padding: 0px 10px 0px 5px; margin:0px;
}
#top a { text-decoration: none; color: #758aa4; }
#top a:link { text-decoration: none; color: #758aa4; }
#top a:hover { text-decoration: underline; color: #758aa4; }

#bandeLogo { clear: both; }

#logo { clear: both; float: left; padding-left: 10px; }
#telephone { float: left; }
#livraison { float: left; }
#panier { float: left; }

#basBandeau { padding-bottom: 14px; }


/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* Bandeau haut */
/* **************************************************************************************************************** */

#colGauche { float: left; width:210px; }
#colGauche h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* **************************************************************************************************************** */
/* Navigation produit */

#colGauche #titNavProduits h2 {
	height: 28px;
}
#navProduits { 
	background: url(../gen_img/fond_nav_gauche.gif) no-repeat;
}
#navProduits ul {
	padding: 0px 10px;
}
#navProduits ul li { 
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 13px;
	font-size: 11px;
}
#navProduits ul li a { 
	padding: 10px 10px 10px 16px;
	color: #FFFFFE;
	text-decoration: none;
	width: 164px;
	display: block;
}
#navProduits ul li a:link { text-decoration: none; }
#navProduits ul li a:hover { text-decoration: underline; }
#navProduits ul li a.on { background: url(../gen_img/over_cell_nav_gauche_1ligne.gif) no-repeat; }
#navProduits ul li a.on2 { background: url(../gen_img/over_cell_nav_gauche_2ligne.gif) no-repeat; }
#basNavProduits { padding-bottom: 13px; }


/* **************************************************************************************************************** */
/* Navigation Savoir */

#colGauche #titNavSavoir h3 {
	height: 35px;
}
#navSavoir { 
	background: url(../gen_img/fond_nav_savoir.gif) no-repeat;
}
#navSavoir ul {
	padding: 6px 10px 4px 10px;
}
#navSavoir ul li { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#navSavoir ul li a { 
	background: url(../gen_img/puce_nav_savoir.gif) 14px 5px no-repeat;
	padding: 1px 0px 2px 29px;
	color: #647c9f;
	text-decoration: none;
	width: 161px;
	display: block;
}
#navSavoir ul li a:link { text-decoration: none; }
#navSavoir ul li a:hover { text-decoration: underline; }
#navSavoir ul li a.on { background: url(../gen_img/puce_tri.gif) 14px 5px no-repeat; color: #183e73; text-decoration: none; font-weight: bold; }
#basNavSavoir { padding-bottom: 1px; }


/* **************************************************************************************************************** */
/* Navigation Livraison */

#colGauche #titNavLiv h3 {
	height: 35px;
}
#navLiv { 
	background: url(../gen_img/fond_nav_liv.gif) no-repeat;
	padding: 0px 10px 0px 10px;
}
#navLiv p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #46628c;
	padding: 9px 20px 0px 20px;
	text-align: left;
}
#navLiv p em {
	display: block;
	color: #a6b4c8;
	padding: 5px 0px 7px 0px;
}
#basNavLiv { padding-bottom: 2px; }


/* **************************************************************************************************************** */
/* Navigation Sécu Paiement */

#colGauche #titNavSecu h3 {
	height: 35px;
}
#navSecu { 
	background: url(../gen_img/fond_nav_secu.gif) no-repeat;
	padding: 0px 10px 0px 10px;
}
#basNavSecu { padding-bottom: 13px; }


/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* Footer */
/* **************************************************************************************************************** */

#footer {
	clear: both;
	background: url(../gen_img/fond_footer.gif) repeat-x;
}
#navBasseInfos {
	width: 960px;
	margin: 0px auto;
	text-align: center;
	padding:15px 0px 15px 0px;
	color: #cfd5dc;
	line-height:16px;
}
#navBasseInfos a { text-decoration: none; color: #cfd5dc; }
#navBasseInfos a:link { text-decoration: none; color: #cfd5dc; }
#navBasseInfos a:hover { text-decoration: underline; color: #ffffff; }

.navBasseProduits {
	width: 960px;
	margin: 0px auto;
	text-align: center;
	padding:0px 0px 10px 0px;
	color: #637891;
	line-height:16px;
}
.navBasseProduits a { text-decoration: none; color: #637891; }
.navBasseProduits a:link { text-decoration: none; color: #637891; }
.navBasseProduits a:hover { text-decoration: underline; color: #9fadbd; }

.navBasseSignets {
	width: 960px;
	margin: 0px auto;
	text-align: center;
	padding:5px 0px 10px 0px;
	color: #637891;
	line-height:16px;
	font-size:10px;
}
.navBasseSignets a { text-decoration: none; color: #637891; }
.navBasseSignets a:link { text-decoration: none; color: #637891; }
.navBasseSignets a:hover { text-decoration: underline; color: #9fadbd; }


/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* Liste */
/* **************************************************************************************************************** */

#contenuListe {
	background: url(../gen_img/fond_page.gif) no-repeat;
	min-height: 538px;
	padding: 27px 43px 22px 40px;
}
#basContenuListe {
	clear: both;
	padding-bottom: 13px;
}

#contenuListe h1 {
	text-transform: uppercase;
	font-size: 15px;
	color: #183e73;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px dashed #d4d4d4;
}

.ligneProduit {
	clear: both;
	border-bottom: 1px dashed #d4d4d4;
}
.image {
	width: 240px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
.ligneProduit h2 {
	font-size: 12px;
	color: #183e73;
	float:left;
	padding: 22px 0px 3px 0px;
	width: 447px;
}
.ligneProduit h2 em {
	font-size: 11px;
	font-style: normal;
}
.soush2 {
	width: 447px;
	float:left;
	font-size: 10px;
	color: #b20000;
	font-weight: bold;
	padding-bottom: 8px;
}
.soush2 .enStock { color: #378913; }
.soush2 .indispo { color: #b20000; }

.soush2 em {
	font-size: 10px;
	color: #386cb2;
	font-style: normal;
}
.ligneProduit form {
	width: 447px;
	float: left;
	border-top: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	padding: 1px 0px 1px 0px;
}
.tableau td {
	padding: 5px 0px 5px 0px;
	background-color: #f5faff;
}
.inputForm {
	width: 38px;
	height: 10px;
	color: #797b80;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 2px;
	line-height: 11px;
}
.col1 {
	width: 135px;
	color: #386cb2;
	font-weight: bold;
}
.col1 strong {
	color: #183e73;
	font-size: 12px;
}
.col2 {
	width: 90px;
	color: #b20000;
	font-weight: bold;
}
.col2 em {
	font-style: normal;
	font-weight: normal;
}
.col0 {
	width: 23px;
}
.col3 {
	width: 29px;
	color: #797b80;
}
.col4 {
}
.remiseQte {
	width: 447px;
	float: left;
	padding: 14px 0px 0px 0px;
}
.remiseQte strong {
	line-height: 20px;
	color: #183e73;
	width: 135px;
	float: left;
}
.remiseQte ul {
	float: left;
	width: 300px;
}
.remiseQte ul li em {
	float: left;
	line-height: 20px;
	color: #797b80;
	font-size: 10px;
	font-style: italic;
	width: 138px;
}
.remiseQte ul li strong {
	float: left;
	line-height: 20px;
	color: #b20000;
	font-size: 11px;
	width: 128px;
}
.remiseQte ul li strong b {
	font-size: 10px;
	font-weight: normal;
}
.remiseQte ul li strong i {
	color: #797b80;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

.ligneProduit p {
	padding-top: 10px;
	padding-bottom: 23px;
	color: #62799d;
	width: 447px;
	float: left;
	line-height: 16px;
}
.spacer {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}



/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* Page */
/* **************************************************************************************************************** */

#contenuPage {
	background: url(../gen_img/fond_page.gif) no-repeat;
	min-height: 564px;
	padding: 27px 43px 0px 40px;
}
#basContenuPage {
	clear: both;
	padding-bottom: 13px;
}

#contenuPage h1 {
	text-transform: uppercase;
	font-size: 15px;
	color: #183e73;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px dashed #d4d4d4;
}

#contenuPage h2 {
	font-size: 13px;
	color: #386cb2;
	padding: 25px 0px 8px 0px;
	border-bottom: 1px dashed #d4d4d4;
}

p {
	padding: 15px 0px 5px 0px;
	color: #587197;
	line-height: 15px;
	text-align: justify;
}
p strong {
	color: #183e73;
}
p a { color: #183e73; text-decoration: none; }
p a:link { color: #183e73; text-decoration: none; }
p a:hover { color: #183e73; text-decoration: underline; }

#contenuPage ul {
	margin-left: 15px;
}
#contenuPage ul li {
	background: url(../gen_img/puce_tri.gif) no-repeat 0px 12px;
	padding: 8px 0px 2px 13px;
	color: #587197;
	line-height: 15px;
	text-align: justify;
}
#contenuPage ul li strong {
	color: #183e73;
}
ul li a { color: #183e73; text-decoration: none; }
ul li a:link { color: #183e73; text-decoration: none; }
ul li a:hover { color: #183e73; text-decoration: underline; }

</pre></body></html>