/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#conteneur {
	width: 990px;
	margin: 0 auto;
	padding: 0px;
}
#header {
	height: 134px;
	margin: 0px;
	padding: 0px;
}
#corps {
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/*
--------style avant titre coloré violet ---------------
.slogan {
	font-weight: bold;
	font-variant: small-caps;
	color: #512E13;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}*/

.slogan {
	color: #63207F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/slogan.gif);
	background-repeat: no-repeat;
}

#pied {
	height: 30px;
	clear:both;
	font-size: 10px;
	color: #999999;
	text-align: center;
	background-image: url(images/pied.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
}
#pied a:link, #pied a:visited {
	color: #204875;
}

div#slogan h1  {
clear:both;
	font-size: 10px;
	color: #204875;
	margin: 0px;
	padding: 0px;
}
.colonne {
	float: left;
	width: 328px;
	margin: 0px;
	padding: 0px;
}
.colonnedroite {
	float: left;
	width: 630px;
	margin: 0px;
	padding: 0px;
}
.colonne li {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

p {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#corps a:link, #corps a:visited {
	color: #204875;
	text-decoration: none;
}
#corps a:hover {
	color: #DB8C4A;
}

/* menu du haut */
a.menu {
	font-variant: small-caps;
	font-size: 16px;
	font-weight: bold;
	color: #204875;
	text-decoration: none;
}
a.menu:hover, a.active  {
	color: #DB8C4A;
}
a.active  {
	background-repeat: no-repeat;
	background-image: url(images/puce3.gif);
	background-position: left center;
	font-variant: small-caps;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
}

/* Sous-men */
a.smenu {
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
	color: #204875;
	text-decoration: none;
	padding-left: 3px;
}
a.smenu:hover {
	color: #DB8C4A;
	padding-left: 3px;
}
a.smenuactive  {
	color: #DB8C4A;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	color: #DB8C4A;
	font-size: 14px;
	padding-bottom: 2px;
}

/* titres */
h1 {
	font-size: 14px;
	color: #512E13;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h2 {
	font-size: 24px;
	color: #0074B6;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h3 {
	font-size: 14px;
	color: #512E13;
	margin: 0px;
	padding: 1px 0px 4px;
}
h4, .colonnedroite h1 {
	font-size: 14px;
	color: #204875;
	margin: 0px;
	padding: 1px 0px;
}
h5 {
	font-size: 16px;
	font-weight: bolder;
	color: #999999;
	font-variant: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
/* tableau aux coins arrondis */
.haut-tab {
	background-image: url(images/tab-haut.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
}
.bas-tab {
	background-image: url(images/tab-bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
}
.droite-tab {
	background-image: url(images/tab-droite.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 15px;
}
.fond-tab {
	background-color: #f3f8fc;
}
/* div aux coins arrondis */
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 990px;
padding-top: 25px;
background: url(images/haut.gif) no-repeat left top;
}
div#bloccadre {
	background: url(images/bas.gif) bottom left no-repeat;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
}
div#bloccadre p {
margin: 0 30px 10 20px;
}
.tableau1 {
	border: 1px solid #BBCEEE;
}
.tableau2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBD4E8;
}
.map {
	background-image: url(images/map.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.tableau3 {
	background-image: url(images/fond1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
h5 {
	font-size: 16px;
	font-weight: bolder;
	color: #999999;
	font-variant: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.bleu1 {
	font-size: 16px;
	font-weight: bold;
	color: #204875;
}
h6 {
	font-size: 0.9em;
	color: #512E13;
	margin: 0px;
	padding: 1px;
	font-weight: normal;
}
.tabteck, .tabmetal, .tabaccessoires, .tabtresses, .tabresine, .tabautres, .tabtoiles {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}
.tabteck h1, .tabmetal h1, .tabaccessoires h1, .tabtresses h1, .tabresine h1, .tabautres h1, .tabtoiles h1 {
	font-size: 14px;
	color: #FFFFFF;
}
.tabteck {
	background-image: url(photo/collections/teck.gif);
}
.tabmetal {
	background-image: url(photo/collections/metal.gif);
}
.tabaccessoires {
	background-image: url(photo/collections/accessoires.gif);
}
.tabtresses {
	background-image: url(photo/collections/tresses.gif);
}
.tabresine {
	background-image: url(photo/collections/resine.gif);
}
.tabautres {
	background-image: url(photo/collections/autres.gif);
}
.tabtoiles {
	background-image: url(photo/collections/toiles.gif);
}
.bordure {
	border: 1px solid #BDD3E8;
}
.petit {
	font-size: 10px;
}
/* sous-menus */
#navcontainer
{
	margin: 0px;
	padding: 2px 0px 0px;
	height: 22px;
	bottom: 0px;
}

#navlist
{
	padding: 3px 0px;
	border-bottom: 1px solid #778;
	font-weight: bold;
	margin: 0px;
}

#navlist li
{
list-style: none;
margin: 0px;
display: inline;
}

#navlist li a
{
padding: 3px 1em;
margin-left: 10px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #DB8C4A;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}
/* ----------------------------- */
/* boite pour l'ombre de fond : aligne l'image intérieure à sa droite; 
 ombre (ombre.png) positionnée en bas à droite de la boite; pas de marge intérieure */
  .ombre {
  background: url(photo/modeles/ombre.png) no-repeat center bottom;
  padding: 0px;
  }
/* boite pour la photo : relative à celle de l'ombre, décallée en haut à gauche, 
 le décallage étant moins important pour IE (= "!important") 
que pour les navigateurs interpretant normalement ... */
  .photo {
	position:relative;
	bottom:4px !important;
	right: 3px;
	padding: 0px;
	margin: 0px;
  }