html {
	font-size: 14px;	
}

body {
	background-color: #000000;/*#666666;*/
	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

body.email, form#coord, div#panier  {
	background-color: white;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#conteneur {
	position:relative;
	width:760px;
	height:auto;
	margin:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
	border:0px;
	border-right:4px solid #CCCCCC;
	border-left:4px solid #CCCCCC;
	text-align:left;
	background-color: #FFFFFF;

}

div#head {
	background-image:url("/images/head.jpg");
	background-repeat:no-repeat;
	height:187px;
}

div#foot {
	background-image:url("/images/foot.jpg");
	background-repeat:no-repeat;
	height:70px;
	margin-top:20px;
	clear:both;
}

div#foot a {
	display:block;
	padding-top:40px;
	text-align:center;
	color:white;
}

div#head h1 {
	position:relative;
	font-size:1.1em;
	text-align:right;
	margin:0px;
	padding:0px;
	margin-left:110px; /* Largeur du panier */
	padding-top:-10px;
	text-align:center;
}

div#menu {
	padding-top:150px;
}
div#menu a {
	text-decoration:none;
	color:#CC0000;
	font-weight:bold;
}

div#menu a:hover {
	color:#000066;
}

.totop {
	float:right;
	clear:both;
}

.totop a {
	text-decoration:none;
	color:#CC0000;
	font-weight:bold;
}

totop a:hover {
	color:#000066;
}


/* picto panier */
div#pitco_panier {
	float:right;
	width:100px;
	height:50px;
	margin:0px;
	margin-right:5px;
	padding:0px;
	margin-top:130px;
	background-image:url("/images/panier.gif");
	background-repeat:no-repeat;
}

div#pitco_panier span  {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	padding-top:28px;
	padding-left:43px;
	font-size:0.7em;	
	font-weight:bold;
}

img.addpanier {
	position:relative;
	bottom:0px;

}

/* page panier  */

div#panier {
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
}

div#panier h2 {
	font-size:1em;
	text-transform:capitalize;
	text-align:center;
}

table#caddie {
	width:98%;
	margin:auto;
	border:2px solid gray;
	border-collapse:collapse;
	background-color: #FFFFFF;
}

table#caddie th {
	text-align:center;
	border:2px solid gray;
}

table#caddie td {
	text-align:left;
}

table#caddie tr {
	/*border:1px solid gray;*/
}

/*table#caddie tbody {
	border:1px solid #CC0000;
}*/

table#caddie tr.totaux_algo td {
	border-top:1px solid #000066;
}

td.totaux_algo {
	border:1px solid #000066;
	color: #000066;
	font-weight:bolder;
}

td.qte_algo {
	font-weight:bold;
	color:#000066;
}

td.qte_total {
	font-weight:bold;
	color:#CC0000;
}

tfoot td.totaux {
	border:2px solid #CC0000;
	color: #CC0000;
	font-weight:bolder;
}

table#caddie tr td.libtotaux {
	text-align : right;
	color: #000066;
	font-weight:bold;
	padding-right:10px;
}

table#caddie tfoot td.libtotaux {
	color: #CC0000;
}

table#caddie tfoot tr {
	margin-bottom:20px;
	border-top:2px solid #CC0000;
}


a.qte_panier {
	display:block;
	font-weight:bold;
	font-family:Courrier, Arial;
	text-decoration:none;
	color:#000066;
	font-size:1.2em;

}

a.qte_panier:hover {
	color: #CC0000;
}

div#menu_caddie {
	text-align : center;
	margin-top:15px;
}

div#menu_caddie a {
	font-weight:bold;
	color:#000066;
}

div#menu_caddie a:hover {
	color:#990000;
	}

/* acueil */
div#welcome {
	text-align:center;
	padding:10px;
}

div#gondole {
	margin:auto;
	text-align:center;
}

div#gondole div{
	position:relative;
	float:left;
	margin:10px;
	text-align:center;
}

div#gondole div h2, div#gondole div a h2, h2.nom_rayon {
	padding:2px;
	background-color:#EAEAEA;
	font-size:0.9em;
	text-transform:capitalize;
	text-align:center;
	color:#000066;
}

div#gondole div a:hover h2, a:hover h2.nom_rayon, h2.nom_rayon:hover {
	color:#990000;
	text-decoration:none;
	background-color:#CCCCCC;
}

/* categorie */

div#articles {
	margin-right:auto;
	margin-left:auto;
	margin-left:5px;

}

div#articles h2 {
	font-size:1em;
	text-transform:capitalize;
	text-align:center;
}

div#articles div {
	position:relative;
	float:left;
	margin:6px;
	text-align:center;
	width:330px;
	border:1px dotted gray;
	text-align:left;
	padding:15px;
	font-size:0.8em;
}

div#articles div:hover {
	border:1px solid gray;
	/*background-color:#F2F2F2;*/
}

div#articles div img {
	float:left;
	margin-right:15px;
}

img.thumbs {
	cursor : pointer;
}

div#articles div .reference {
	display:block;
	font-weight:bold;
	padding-bottom:10px;
}

div#articles div .dimension {
	display:block;
	padding-bottom:10px;
}

div#articles div .description {
	font-style:italic;
	padding-bottom:10px;
}

div#welcome hr {
	width:25%;
}

/* affichage spéciale pour certaines categories */

/* Calendar */
div#articles.cat_8 {
	margin-left:10px;
}

div#articles.cat_8 div {
	width:150px;
	text-align:center;
	padding:10px;
	margin:6px;
}

div#articles.cat_8 div img {
	float:none;
	margin:0px;
}

/* Thermomètres */
div#articles.cat_1 {
	margin-left:10px;
}

div#articles.cat_1 div {
	width:100px;
	text-align:center;
	margin:8px;
}

div#articles.cat_1 div img {
	float:none;
	margin:0px;
}


/* tarifs */
p.tarif {
	text-align:center;
	color:#990000;
	font-weight:bold;
	font-size:0.9em;
}

/* Conditions */
div#conditions {
	padding:15px;
	text-align:justify;
}

/* coordonnees */

form#coord {
	margin:10px;
}

#coordonnees label {
	display:block;
	width:225px;
}

#coord h2 {
	font-size:1em;
	text-transform:capitalize;
	text-align:center;
}


.reqfield {
	float:right;
	color:#CC0000;
	text-align:center;
}

/* user */ 
div.msg_user {
	margin:10px;
	border:1px solid #CC0000;
	padding:5px;
	color:#000066;
	font-weight:bold;
}

#msgPanierOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 200px;
	height: 100px;
	background-color: white;
	border:1px solid gray;
}

/* admin */

table.admin {
	border:1px solid gray;
	border-collapse:collapse;
	width:98%;
	margin-left:8px;
}

table.admin th {
	font-weight:bold;
	color:#000066;	
	border:1px solid gray;
	padding:4px;
	text-align:center;
	font-size:0.7em;
}

table.admin td {
	border:1px solid gray;
	padding:4px;
	text-align:center;
}

table.admin input {
	/*border:0px;*/
}

table.admin input:hover {
	background-color:#E5E5E5;
}

table.admin td.alignleft {
	text-align:left;
}

table.admin tr.new {
	/*border:2px solid #000066;*/
	background-color:#E5E5E5;
}

/* liens */
div#liens{
	text-align:center;
	padding:10px;
}


div#liens table {
	text-align:center;
	width:100%;
}

div#liens table td.name {
	font-weight:bold;
}

div#liens table td.description {
}

div#liens table td.name a:hover {
	color:#000066;
}

div#liens table td.name a {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}