@font-face {
	font-family: 'MyriadProBold';
	src: url('fonts/myriadpro-bold.eot');
	src: local('Myriad Pro'), local('MyriadPro-Bold'), url('fonts/myriadpro-bold.woff') format('woff'), url('fonts/myriadpro-bold.ttf') format('truetype'), url('fonts/myriadpro-bold.svg#webfont') format('svg');
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriadpro-regular.eot');
	src: local('Myriad Pro'), local('MyriadPro-Regular'), url('fonts/myriadpro-regular.woff') format('woff'), url('fonts/myriadpro-regular.ttf') format('truetype'), url('fonts/myriadpro-regular.svg#webfont') format('svg');
}

/*#achatenligne { display: none; }*/


HTML { margin: 0px; padding: 0px; width: 100%; font-size: 100%; }
BODY { margin: 0px; padding: 0px;
	/*background-image: url("images/background.jpg");
	background-position: top center;
	background-repeat: repeat;*/
}
#background { 
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/*BODY.home { background-image: url("images/background-home.jpg"); }*/
IMG { border: none; }
HR.clear { visibility: hidden; clear: both; margin: 0px; }
P.error, P.message { text-align: center; padding: 10px; position: relative; z-index: 2; }
P.error { color: red; }
A { outline: none; }
A:active { outline: none; outline-offset: 0;}
UL { list-style-type: square; }

/**** UNIQUEMENT PAGE D'ACCUEIL ****/
DIV.home {
	position: relative; height: 767px; width: 1012px; margin: 0px auto 0px auto;
	background-image: url("images/background-home.png");
	background-repeat: no-repeat;
	background-position: 90px 50px;
}
.home .on { display: none; }
.home #header { display: none; }
.downloads #achatenligne { display: none; }
.home #galerie { position: absolute; top: 147px; left: 652px; }
.home #produit { position: absolute; top: 312px; left: 717px; }
.home #adaptabilite { position: absolute; top: 333px; left: 579px; }
.home #protection { position: absolute; top: 460px; left: 505px; }
.home #baseline { position: absolute; top: 342px; left: 247px; }
.home #lienreferences2:link, .home #lienreferences2:visited {
	position: absolute;
	text-transform: uppercase; color: white;
	text-decoration: none; font-size: 11px;
	top: 370px;
	left: 173px;
	letter-spacing: 1px;
}
.home #lienreferences2:hover { text-decoration: underline; }
.home #illustration { position: absolute; top: 352px; left: 235px; }
.home #observeur { position: absolute; top: 610px; left: 200px; }
.home #observeur IMG { width: 400px; }
.home #maisonobjet { position: absolute; top: 510px; right: 0px; text-align: center; }
.home #footer { }
.home #achatenligne { position: absolute; top: 240px; right: 20px; text-align: center; }
.pages #achatenligne { position: absolute; top: 50px; right: 0px; text-align: center; }
.shop #achatenligne, .account #achatenligne { display: none; }

/***  ENTETE ***/
#header {
	position: relative;
	height: 173px;
	width: 1012px;
	background-image: url("images/background-header.png");
	background-repeat: repeat-x;
	background-position: 0px 73px;
	margin: 00px auto 0px auto;
}

#logo { margin-top: 18px; margin-left: 8px; }
#menuimages, #menu {
	position: absolute;
	text-align: left;
	top: 20px;
	left: 230px;
}
#menu { left: 278px; }
#menuimages UL, #menu UL { list-style-type: none; margin: 0px; padding: 0px; }
#menuimages UL LI {
	position: absolute;
	width: 181px; height: 147px;
	background-repeat: no-repeat;
}
#menu UL LI { float: left; width: 100px; height: 80px; margin-right: 18px; }

#menuimages .item0 { }
#menuimages .item1 { left: 120px; }
#menuimages .item2 { left: 240px; }
#menuimages .item3 { left: 350px; }
#menuimages IMG.hover { display: none; }
#menuimages IMG.on { display: none; }
#menuimages .selected IMG.on { display: block; }
#menuimages .selected IMG.off { display: none; }

#menu A:link, #menu A:visited {
	display: block;
	position: relative;
	width: 100px; height: 80px;
	text-decoration: none;
}
#menu A IMG { display: block; width: 100px; height: 80px; }
#menu A:hover { color: black; text-decoration: none; }
#menu LI.selected { }
#lienreferences {
	position: absolute;
	right: 0px; top: 45px;
	text-decoration: none;
	color: #5F4C3F;
	/*text-transform: uppercase;*/
	font-size: 13px;
}
#lienreferences:hover { text-decoration: underline; }



/*** ZONE CENTRALE ***/
#pagecontent {
	position: relative;
	width: 852px;
	margin: 0px auto 0px auto;
	padding: 20px 80px;
}
DIV.page { min-height: 300px; }
#pagecontent A:link, #pagecontent A:visited { color: black; }
#pagecontent UL { margin: 0px; padding: 0px; padding-left: 15px; list-style-position: outside; }
#pagecontent UL LI { }
#pagecontent.galerie { padding-top: 0px; padding-bottom: 0px; }


#footer { 
	width: 1012px;
	margin-top: 10px;
	left: 50%;
	margin-left: -506px;
	text-align: right;
	position: absolute;
}
#footermenu UL { list-style-type: none; margin: 0px; padding: 0px; float: right; }
#footermenu LI { float: left; margin-left: 20px; }
#footer A:link, #footer A:visited { text-decoration: none; color: #41281B; /*text-transform: uppercase;*/ font-size: 14px; }
#footer A:hover { text-decoration: underline; }


AUDIO { height: 24px; width: 200px; }
.audioplayer { height: 24px; width: 200px; }
VIDEO { height: 299px; width: 532px; }
.videoplayer { height: 299px; width: 532px; }

/**
 * GALERIES GRILLE
 */
.gallery0, .gallery1, .gallery2 {
}

/**
 * VIGNETTES GALERIE PHOTO *
 */
 
/*.gallery0 .thumb, .gallery1 .thumb {
	width: 80px;
	height: 80px;
	background-color: #000000;
	float: left;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #000000;	
}
.gallery0 .thumb IMG, .gallery1 .thumb IMG {
	min-width: 100%;
	height: 100%;
}*/

.gallery2 .thumb {
	float: left;
	display: block;
	width: 101px;
	height: 112px;
	margin: 2px 7px;
	font-size: 0.8em;
	overflow: hidden;
}
.gallery2 .thumb TABLE {
	border-collapse: collapse;
	border: none;
}
.gallery2 .thumb .thumbtd { vertical-align: bottom; height: 70px; }
.gallery2 .thumb .gallerythumb {
	display: block;
	width: 98px;
	max-height: 70px;
	overflow: hidden;
	border: 1px solid black;
}
.gallery2 .thumb .gallerythumb IMG { width: 98px; }
.gallery2 .thumb .legend {
	text-align: center;
	vertical-align: middle;
	height: 30px;
}
.gallery5 .gallerylinks { display: none; }
/**
 * FORMULAIRE DE CONTACT
 */
/*#contact.page { padding-left: 280px; width: 652px;}*/
.contactform { margin-top: 20px; margin-left: 200px; }
.contactform input, .formulaire input, .contactform textarea, .formulaire textarea {border: 1px solid #757E74; background-color: transparent; margin-left: 2px; margin-bottom: 3px; }
.contactform input, .formulaire input { height: 20px; width: 250px; padding: 1px; }
.contactform textarea, .formulaire textarea  {height: 140px; width: 250px; padding: 1px; }
.contactform .contactsubmit, .formulaire .contactsubmit  {margin-left: 152px; width: 80px; height: 25px; cursor: pointer; font-weight: bold; font-size: 12px; }
.contactform label, .formulaire label { width: 150px; float: left; text-align: right; line-height: 22px; }
.formulaire label { width: 260px; }
.formulaire .contactsubmit { margin-left: 262px; cursor: pointer; font-weight: bold; font-size: 12px; }

.ui-jcoverflip { position: relative; height: 200px; width: 600px; }
.ui-jcoverflip--item { position: absolute; display: block; }

#acces { float: right; margin-left: 20px; }
#acces H2 { margin-top: 0px; }
.lostpassword { font-size: 12px; margin-left: 102px; }
#acces LABEL { float: left; width: 100px; text-align: right; font-size: 14px; }
#acces .textinput, #acces .submit  { background-color: transparent; padding: 1px; border: 1px solid #757E74; width: 120px; margin-left: 2px; margin-bottom: 3px;}
#acces .submit { margin-left: 102px; margin-top: 10px; cursor: pointer; font-weight: bold; font-size: 12px; }

#loginform FIELDSET { border: 1px solid #757E74; }
#loginform .text, #loginform .button { background-color: transparent; padding: 1px; border: 1px solid #757E74; width: 120px; margin-left: 4px; margin-bottom: 3px; }
#loginform LABEL { float: left; text-align: right; width: 220px; }
#loginform #emaillabel { width: 235px; }
#loginform .button { cursor: pointer; float: right; font-weight: bold; font-size: 16px; }
#loginform #newpassword { margin-left: 224px; font-size: 14px; }
#downloads UL { list-style-type: square; list-style-position: inside; }


/* BOUTIQUE */

.productsingleimage {float: left; margin-right : 20px; margin-bottom: 20px; }
#productdetails { float: left; width : 400px; font-size: 16px;  padding: 10px; padding-bottom: 0px; }
#productdetails p {font-size: 13px; }
#productdetails h1 {font-size: 15px; }

.cart th, .account th { background-image: url("images/background-header.png"); font-weight: normal; }
.cart form, .account form {margin: 0;}
input, textarea, textarea {border: 1px solid #757E74; background-color: transparent; margin-left: 2px; margin-bottom: 3px; }

.detailorder { border: 1px solid black; padding: 20px; margin-bottom: 20px; }
.error {z-index: 99; position: relative; }

.shop #header li { display: none; }
.products { width: 700px; left: 270px; top: -130px; position: absolute;  }
.productimage { float: left; padding-right: 10px; }

.venteenligne {font-size : 45px; color: #666666; margin-bottom: 15px; }