body{
	font-size: 12px;
	line-height: 1.7em;
	color: #666;
	background: #fff url(../img/bar-top.png) top center fixed no-repeat;
}

/* Centrage */
.centre{
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}

/* Logo */
h1#logo a{
	display: block;
	text-indent: -100000px;
	width: 193px;
	height: 53px;
	background: url(../img/logo.png) top center no-repeat;
	margin-top: 25px;
}


/****** M E N U ******/
ul#menu{
	position: absolute;
	right: 0px;
	top: 0;
	border-top: 10px solid #091c5a;
	width: 702px;
	padding-right: 10px;
}

ul#menu li{
	list-style: none; 
	list-style-image: none;
	height: 56px;
	width: 117px;
	float: left;
}

ul#menu li a{
	display: block;
	text-indent: -100000px;
	height: 56px;
	width: 117px;
	overflow: hidden;
}

/* Images du menu */
#menu_boutique{background: url(../img/menu/boutique.png) top center no-repeat}
#menu_collections{background: url(../img/menu/collections.png) top center no-repeat}
#menu_exposition{background: url(../img/menu/exposition.png) top center no-repeat}
#menu_fabrication{background: url(../img/menu/fabrication.png) top center no-repeat}
#menu_contact{background: url(../img/menu/contact.png) top center no-repeat}
#menu_solderie{background: url(../img/menu/solderie.png) top center no-repeat}

/* Hover */
#menu li a:hover {
	background-position: 0 -56px;
	text-decoration: none;
}


/***** C O N T E N U *****/

#header{
	position: fixed;
	top: 0;
	height: 80px;
	z-index: 200;
	background: #fff;
}

/***** Base *****/
strong{font-weight: bold;}
em{font-style: italic;}

#col2-descri p span{color: #000; font-weight: bold; margin-right: 10px;} /* SOLDERIE : prix barré */
h5 {color: #f00; font-weight: bold; font-size: 1.2em;}

a{color: #091c5a; text-decoration: none;}
a:hover{text-decoration:underline;}

p, ul, ol{margin-bottom: 15px;}

ol li, ul li{
	list-style-image: url(../img/puce.png);
	list-style-position: inside;
}

/* Exposants */
sup{font-size: 0.6em; vertical-align: super;}

.clear{visibility: hidden; clear: both; height: 0;}

/****** Titres ******/
.cssir{
	display: block;
	text-indent: -100000px;
}

#col1 .cssir, #col2 .cssir, #col3 .cssir,  #col3fixed .cssir{height: 43px; margin-bottom: 20px;}
#col2-descri .cssir{height: 44px; margin-bottom: 19px;}
#col1 .cssir{width: 499px;}
#col2 .cssir{width: 223px;}
#col2-descri .cssir{width: 200px;}
#col3 .cssir{width: 140px;}
#col3fixed .cssir{width: 220px;}

/* images */
#bienvenue{background: url(../img/titres/bienvenue.png) top left no-repeat;}
#venezvisiter{background: url(../img/titres/venezvisiter.png) top left no-repeat;}
#news{background: url(../img/titres/news.png) top left no-repeat;}
#coordonnees{background: url(../img/titres/coordonnees.png) top left no-repeat;}
#ml{background: url(../img/titres/mailinglist.png) top left no-repeat;}
#choix{background: url(../img/titres/choix.png) top left no-repeat;}
#exposition{background: url(../img/titres/exposition.png) top left no-repeat;}
#coord{background: url(../img/titres/coord.png) top left no-repeat;}
#fabrication{background: url(../img/titres/fabrication.png) top left no-repeat;}



/***** Bloc principal *****/
#main{
	top: 112px;
	padding-bottom: 20px;
}

#col1, #col2, #col3{float: left;}

/* colonne 1 */
#col1{
	width: 520px;
	margin-right: 20px;
}

#col1 h2, address strong, #col3 h2.news{
	color: #091c5a;
	font-style: italic;
	font-size: 16px;
	margin-bottom: 15px;
}

#col3 h2.news{margin-bottom: 10px;}

#col1 img{margin-bottom: 20px;}
#col1 p{padding-right: 10px; font-size: 11px;}

/* Page expo*/
div.float{
	display: block;
	width: 250px;
	float: left;
}

h2.open{margin-bottom: 5px !important;}
p.open{margin-bottom: 0 !important;}
	
/* page contact*/
address strong{font-weight: normal;}
address br{margin-bottom: 5px;}
p.telephone{margin: 25px 0;}
address, p.telephone{font-size: 13px !important;}

/* colonne 2 */
#col2{
	width: 220px;
	margin-right: 10px;
}

#col2 img{margin: 11px 0;}

/* listes */
#col2 ul, #col2 ol{padding: 0 20px; margin-bottom: 25px;}
#col2 li{font-style: italic; margin-bottom: 5px;}

/* formulaire */
label{
	display: block;
	color: #091c5a;
	font-style: italic;
	margin-top: 7px;
}

input{
	border: 1px solid #091c5a;
	background: #fff;
	height: 15px;
	padding-top: 5px;
	padding-left: 3px;
}

input:focus{
	border-color: #000;
	box-shadow:0 0 5px #091c5a;
	-webkit-box-shadow:0 0 5px #091c5a;
	-moz-box-shadow:0 0 5px #091c5a;
}

input[type=submit]{
	height: 20px;
	padding: 0;
	color: #091c5a;
	font-family: Georgia;
	float: right;
	margin-top:20px;
	margin-right: 7px;
}

/* colonne 3 */
#col3{
	width: 160px;
	background: #f2f3f7;
	height: 450px;
	padding: 15px 10px;
	position: relative;
	top: -15px;
}

/***** GRID (page collection) *****/
#col1-grid{
	width: 720px;
	float: left;
}

#col3fixed{
	position: fixed;
	width: 220px;
	margin-left: 720px;
}

div.thumb, div.thumb > p a{
	float: left;
	position : relative;
	width: 220px;
	height: 150px;
}

div.thumb{margin: 0 20px 20px 0;}

div.thumb p a{
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/bgblue.png);
	color: #fff;
	padding: 10px;
	width: 200px;
	height: 130px;
	font-style: italic;
}

div.thumb p a:hover{text-decoration: none;}

div.thumb p a:first-line{
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
}



/***** Page produits *****/
img#produit{
	border-top: 20px solid #a27442;
	float: left;
}

#col2-descri{
	width: 200px;
	float: left;
	margin-left: 20px;
	position: relative;
	height:  457px;
}

#col2-descri h2.solde{
	font-size: 18px;
	line-height: 24px;
	color: #a27442;
	margin-bottom: 20px;
}

#col2-descri h2.solde:first-line{font-size: 24px;}

#col2-descri h3{
	font-size: 18px;
	color: #a27442;
	margin-bottom: 30px;
}

#col2-descri h4{
	font-style: normal;
	font-size: 13px;
	margin-bottom: 30px;
}

#col2-descri p{
	font-size: 9px;
	font-family: Arial;
	line-height: 12px;
	margin-bottom: 10px;
}

#col2-descri p:first-line{
	font-family: Georgia;
	font-size: 12px;
}

#surmesure{
	color: #a27442;
	font-style: italic;
	font-size: 10px;
	position: absolute;
	bottom: 0;
}

.prix{display: block; float: right;}


#col3-scroll{
	float: right;
	height: 456px;
	width: 100px;
	position: relative;
}

#prev_produit, #next_produit{position: absolute; z-index: 10;}
#prev_produit{top:0;}
#next_produit{bottom: 0;}

#masque{
	margin-top: 20px;
	height: 426px;
	width: 100px;
	overflow: scroll;
}


#masque a{display: block; float: left; opacity: 0.8;}
#masque a:hover{opacity: 1;}

/***** F O O T E R *****/
#footer{
	position: fixed;
	bottom: 0px;
	text-transform: uppercase;
	font-size: 9px;
	color: #fff;
	z-index: 100;
	height: 15px;
	line-height: 15px;
	letter-spacing: 1px;
}

#footer p{float: left; font-family: Arial;}
#footer a{color: #fff;}
#footer #adress{margin-left: 15%;}
#footer #mail{float: right;}

#footer_barre{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 15px;
	z-index: 50;
	background: #091c5a;
}


/* WEBDESIGN INVENTAIRE */
#inventaire {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size:0.8em;
	font-variant:small-caps;
}
#inventaire *{font-family: Arial; color: #fff;}

/*EOF*/