/* Feuille de styles du site Scottish Clothes - © Axeinformatique 2006 */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
body {
	background-color: #C9BB8C;
	background-image: url(../images/bg_degrade.jpg);
	margin: 0px;
	background-repeat: repeat-x;
	text-align: center;
}

hr {
	background-color: #004C3A;
}

p {
}

/* blocs structure */
#container, #container_ac {
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: left;
	position: relative;
	background-image: url(../images/bg_container.jpg);
	background-repeat: repeat-y;
}
#container_ac {
	background-image: url(../images/bg_container_ac.jpg);
}

#header {
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	position:relative;
	height: 110px;
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header a, #headeradmin a {
	height: 110px;
	width: 830px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#motifbas {
	width: 830px;
	padding-bottom:15px;
	margin: 0px;
	background-image: url(../images/bg_footer_ac.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#motifpull, #motifpull5 {
	width: 830px;
	position: relative;
	margin: 0px;
	background-image: url(../images/bg_brun.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
}
#motifpull5 {
	background-image: url(../images/bg_gris.jpg);
}

#footer1, #footer2 {
	height: 18px;
	width: 800px;
	position:relative;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 4px;
	color: #FFFFFF;
	margin-left: 15px;
	padding-bottom: 0px;
}
#footer2 {
	color: #004C3A;
	border-top-color: #004C3A;
}
#footer1 p, #footer2 p {
	font-size: 0.65em;
	margin: 0px;
}
#footer1 #current3, #footer2 #current4 {
	color: #FFFFFF;
	background-color: #004C3A;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-weight: bold;
}

#footer1 a:link, #footer1 a:visited, #footer2 a:link, #footer2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
#footer1 a:hover, #footer1 a:active {
	color: #004C3A;
	background-color: #FFFFFF;
}
#footer2 a:link, #footer2 a:visited {
	color: #004C3A;
	text-decoration: none;
}
#footer2 a:hover, #footer2 a:active {
	color: #FFFFFF;
	background-color: #004C3A;
}

#legal {
	font-size: 0.6em;
	text-align: center;
	color: #666600;
	background-color: #C9BB8C;
}
#infosfooter {
	height: 80px;
	width: 760px;
	position: absolute;
	left: 0px;
	bottom: -85px;
	text-align: center;
	color: #666600;
	font-size: 0.6em;
	padding: 0px 35px;
}
#infofooter p {
	margin: 0px;
	padding: 0px;
}
#legal a:link, #legal a:visited, #infosfooter a:link, #infosfooter a:visited {
	color: #666600;
	text-decoration: none;
	padding: 0px;
}
#legal a:hover, #legal a:active, #infosfooter a:hover, #infosfooter a:active {
	color: #004C3A;
	text-decoration: underline;
}

/* habillage externe */
#outdroite {
	position: absolute;
	width: 120px;
	height: 400px;
	right:-105px;
	top:0px;
	background-repeat: no-repeat;
}
#outgauche {
	position: absolute;
	width: 120px;
	height: 400px;
	left:-105px;
	top:0px;
	background-repeat: no-repeat;
}
/* sidebar */
#sidebar {
	width: 140px;
	padding: 10px 25px 10px 10px;
	float: right;
	color: #F6EFD3;
	font-size: 0.9em;
	position: relative;
	margin: 0px;
}

#sidebar img {
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border: none;
}
#sidebar p {
	line-height: 1.5em;
	font-size: 0.7em;
	margin-top: 5px;
}

/* blocs contenu */
#contenu, #contenupanier {
	float: left;
	text-align: left;
	width: 600px;
	margin: 0px;
	padding: 45px 20px 20px 35px;
}
#contenupanier {
	text-align: center;
}
#contenu p, #contenupanier p {
	margin: 5px;
}
#contenu ul {
	margin: 15px 20px;
	padding: 0px;
}
#contenu li {
	list-style: none;
	padding: 0px 20px 5px 10px;
	background: url(../images/fleche_verte.gif) no-repeat left 3px;
}
#contenu li a:link, #contenu li a:visited {
	font-weight: bold;
	color: #00493A;
}
#contenu li a:hover, #contenu li a:active {
	color: #9A001D;
}
#contenu a:link, #contenu a:visited {
	font-weight: bold;
	color: #00493A;
}
#contenu a:hover, #contenu a:active {
	color: #9A001D;
}

#infos {
	font-size: 0.6em;
	position: absolute;
	padding: 5px;
	width: 590px;
	background-color: #004C3A;
	color: #99CC66;
	text-align: center;
	left: 20px;
	top: -40px;
}
#formulaire {
	width: 300px;
	padding: 10px 10px 0px;
	color: #333333;
	font-size: 0.8em;
	background-image: url(../images/demigris.gif);
	line-height: 1.2em;
	margin-right: auto;
	margin-left: auto;
}
form {
}
/* titre gamme */
#gamme {
	position: absolute;
	left: 35px;
	top: 15px;
	color: #004C3A;
	width: 600px;
	height: 25px;
	border-bottom: 1px solid #004C3A;
	font-size: 15px;
}
#gamme p {
	margin-top: 6px;
}
/* generalites */
#generalites {
	color: #FFFFFF;
	width: 560px;
	font-size: 14px;
	padding: 20px 0px 50px;
	display: block;
}
/* menu navigation */
#menu {
	width: 140px;
	margin: 0px 0px 5px;
	padding-bottom: 10px;
}
#menu dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu dt {
	font-size: 0.7em;
	color: #BFC08F;
	font-weight: bold;
	list-style-type: none;
}
#menu dt.border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFC08F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BFC08F;
	margin-bottom: -1px;
	padding: 2px 0px;
	height: 100%;
}
#menu dt.titgam {
	color: #BFC08F;
	padding: 2px 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFC08F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BFC08F;
	height: 100%;
}
#menu #current3 {
	color: #FFFFFF;
	display: block;
	padding: 1px 5px;
	background-color: #97844A;
}
#menu #current4 {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/puce_gam.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	background-color: #990033;
	padding: 3px 5px 3px 12px;
	display: block;
	height: 100%;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
	list-style-type: none;
}
#menu li {
	font-size: 0.75em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFC08F;
	list-style-type: none;
}
#menu dt a:link, #menu dt a:visited {
	color: #BFC08F;
	display: block;
	text-decoration: none;
	padding: 1px 5px;
}
#menu dt a:hover, #menu dt a:active {
	color: #FFFFFF;
	background-color: #97844A;
}
#menu li a:link, #menu li a:visited {
	color: #BFC08F;
	text-decoration: none;
	background-image: url(../images/puce_prod.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding: 3px 5px 3px 12px;
	display: block;
	height: 100%;
}
#menu li a:hover, #menu li a:active {
	color: #FFFFFF;
	background-image: url(../images/puce_gam.gif);
	background-color: #97844A;
}

/* panier */
#panierbtn {
	font-size: 0.75em;
	color: #BFC08F;
	width: 160px;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	position: absolute;
	right: 15px;
	top: -26px;
}
#panierbtn a:link, #panierbtn a:visited {
	color: #BFC08F;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
#panierbtn a:hover, #panierbtn a:active {
	color: #FFFFFF;
	font-weight: bold;
}
#panierbtn #current5 {
	color: #FFFFFF;
	background: #907D42;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

#panier {
	width: 550px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/demigris.gif);
	padding: 10px;
	font-size: 0.8em;
	line-height: 0.9em;
	margin-right: 0px;
	margin-left: 15px;
}

.paniertotal {
}
.panierprod {
	color: #004C3A;
	font-size: 0.8em;
	font-weight: bold;
}
.panierprix {
	font-size: 0.9em;
	color: #000000;
}
.panierform {
	font-size: 0.9em;
}
.panierform a:link, .panierform a:visited {
	color: #004C3A;
}
.panierform a:hover, .panierform a:active {
	color: #000000;
}
.paniertxt {
	color: #004C3A;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0px;
}
.paniertxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.paniertxt li {
	list-style-type: none;
	margin-bottom: 5px;
}
.sidebarinfos {
	color: #004C3A;
	font-size: 1em;
	line-height: 1.4em;
}
.sidebarinfos p {
	margin-top: 5px;
	margin-bottom: 0px;
}

.panierinfos {
	font-size: 0.9em;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.panierinfos a:link, .panierinfos a:visited {
	color: #666666;
	text-decoration: underline;
}
.panierinfos a:hover, .panierinfos a:active {
	color: #004C3A;
}
/* monsieur propre */
.clearer {
	clear: both;
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* habillage textes */
.introtitre {
	color: #004232;
	font-weight: bold;
}
.intro {
	line-height: 1.3em;
	font-size: 0.75em;
	color: #004232;
	display: block;
}
.image-left {
	float: left;
	margin-top: 2px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* illustration */
#illustration {
	width: 120px;
	height: 90px;
	background-image: url(../images/sidebar_02.jpg);
	background-repeat: no-repeat;
}
/* bloc produit */
.produit, .miniproduit {
	background-color: #FFFFFF;
	background-image: url(../images/bg_produit.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	padding: 5px 8px 8px;
	width: 584px;
	margin-top: 10px;
	display: block;
}
.miniproduit {
	float: left;
	padding: 5px 6px 8px 8px;
	background-image: url(../images/bg_miniproduit.jpg);
	width: 276px;
	margin-left: 3px;
	margin-right: 2px;
}
html>body .miniproduit {
	margin-left: 5px;
	margin-left: 5px;
}
.miniproduit form {
 	margin: 0px;
	padding: 0px;
	width: 274px;
}

.produit img, .miniproduit img {
	border: 1px solid #005F41;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.prod1, .prod2, .prod3, .prod4, .prod5 {
	float: right;
	width: 155px;
	text-align: center;
	position: relative;
	padding: 4px 5px 0px;
	font-weight: bold;
	color: #004233;
	font-size: 0.7em;
	clear: left;
	display: block;
}

.prod1 p, .prod2 p, .prod3 p, .prod4 p, .prod5 p {
	padding: 0px;
	margin: 0px;
}
.prod1 form, .prod2 form, .prod3 form, .prod4 form, .prod5 form {
	padding: 0px;
	margin: 7px 0px;
}
.prod2 {
	padding: 4px 5px 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #005C46;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #005C46;
	width: 150px;
}
.prod3, .prod4, .prod5 {
	text-align: left;
	padding: 4px 5px 0px;
	width: 150px;
}
.prod4 {
	padding: 4px 5px 0px 3px;
	width: 172px;
}
.prod5 {
	width: 180px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.slogan {
	text-align: center;
	font-size: 1.7em;
	font-style: italic;
	line-height: 1.3em;
	color: #015f47;
	font-weight: normal;
	font-variant: normal;
}
.prodprix {
	font-size: 120%;
	color: #009900;
	text-indent: 5px;
	line-height: 1.8em;
}
.prod3 p, .prod4 p {
	margin-bottom: 8px;
}
.prod2 #choix, .prod1 #choix {
	font-size: 100%;
	line-height: 1.9em;
	padding: 5px;
}

/* boutons panier et selectionner */

.btnpanier {
	position: absolute;
	width: 140px;
	height: 20px;
	left: 80px;
	bottom: 2px;
	background: url(../images/btn_panier.gif) no-repeat left bottom;
}

.btnselect {
	position: absolute;
	font-size: 0.9em;
	width: 82px;
	height: 20px;
	left: 90px;
	bottom: 6px;
	text-align: center;
	cursor: pointer;
}
.btnsuivant {
	position: absolute;
	font-size: 0.9em;
	width: 82px;
	height: 20px;
	left: 43px;
	bottom: -30px;
	text-align: center;
	cursor: pointer;
}
.btncommand {
	position: absolute;
	width: 85px;
	height: 20px;
	left: 85px;
	bottom: 5px;
	font-size: 0.9em;
}

.btnpanier span {
	display:none
}
.btnpanier a:link, .btnpanier a:visited {
	display:block;
	width: 100%;
	height: 100%;
	background-image: url(../images/btn_panier.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.btnpanier a:hover, .btnpanier a:active { /* masquage de l'image1 au survol */
	background: transparent none;
}


.btnloupe, .btnloupepub {
	position: absolute;
	width: 17px;
	height: 17px;
	left: -8px;
	top: 69px;
	background: url(../images/btn_loupe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}
.btnloupepub {
	top: 5px;
	left: 155px;
}
.btnloupe a:link, .btnloupe a:visited, .btnloupepub a:link, .btnloupepub a:visited {
	display:block;
	width: 100%;
	height: 100%;
	background-image: url(../images/btn_loupe.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.btnloupe a:hover, .btnloupe a:active, .btnloupepub a:hover, .btnloupepub a:active { /* masquage de l'image1 au survol */
	background: transparent none;
}
.btnpanier span, .btnloupe span, .btnloupepub span {
	display: none;
}
blockquote {
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #F7EABA;
	border-top: 2px solid #DFBA6E;
	border-right: 2px #DFBA6E;
	border-bottom: 2px solid #DFBA6E;
	border-left: 2px #DFBA6E;
}
textarea, input {
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 0.95em;
	line-height: 1.3em;
}