/* ------------------------------ */
/* -- CSS By Prezenz		----- */
/* -- www.prezenz.com		----- */
/* ------------------------------ */

/* ------------------------------ */
/* -- STRUCTURE				----- */
/* ------------------------------ */

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #20120E;
	color: #F2DABB;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:0.1em;
	
	scrollbar-3dlight-color: #FFF;
	scrollbar-arrow-color: #FFF;
	scrollbar-base-color: #FFF;
	scrollbar-darkshadow-color: #332721;
	scrollbar-face-color: #332721;
	scrollbar-highlight-color: #543C2F;
	scrollbar-shadow-color: #332721;
	
}

table td {
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	letter-spacing:0.1em;
}

a {
	color: #F2DABB;
	text-decoration: underline;
}

a.next {
	background-image:url(../images/arrow2.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:15px;
}

a.prev {
	background-image:url(../images/arrow2b.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
}

a:hover { 
	color: #83705C; 
}

img { 
	border: 0px; 
}

form {
	margin: 0px;
	padding: 0px;
}

a.pdf {
	background-image:url(../images/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:24px;
	padding-bottom:5px;
}

ul ul li {
	margin-left:-10px;
	padding-left:0px;
}

/* ------------------------------ */
/* -- PAGE					----- */
/* ------------------------------ */

#page {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------ */
/* -- HEADER				----- */
/* ------------------------------ */

#header {
	height:131px;
	background-image:url(../images/header.png);
	background-position:top left;
	background-repeat:no-repeat;
}

/* ------------------------------ */
/* -- LANGUE				----- */
/* ------------------------------ */

#langue {
	padding:4px;
	padding-top:110px; /* V2 */
	float:right;
}

* html #langue { 
	top: 10px;
}

:first-child+html #langue { 
	top: 10px; 
}

#langue ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#langue ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	padding-right: 10px;
}

#langue ul li a {
	text-decoration: none;
	font-size: 10px;
}
	
#langueshow {
	padding:4px;
	padding-top:110px; /* V2 */
	padding-left:8px;
	width:auto !important;
	float:right;
}

#langueshow ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:auto !important;
}

#langueshow ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	padding-right: 10px;
}

#langueshow ul li a {
	text-decoration: none;
	font-size: 11px;
	width:90px !important;
}

/* ------------------------------ */
/* -- LOGO					----- */
/* ------------------------------ */

#logo a {
	display:block;
	width:400px;
	height:131px;
	text-decoration:none;
}

#logoprint {
	display:none;
}

/* ------------------------------ */
/* -- MENU					----- */
/* ------------------------------ */

#menu {
	height: 32px;
	background-image: url(../images/nav-bg.png);
	background-position: left;
	background-repeat: repeat-x;
	/*padding-left:20px;*/
	padding-left:40px; /* V2 */
}

:first-child+html #menu { 
	height: 32px;
}

#menu img { 
	vertical-align: middle;
}

#menu #right {
	/*float: right;
	margin-right:40px;*/
}

#menu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	letter-spacing: 1px;
	font-size: 13px;
}

#menu ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	position: relative;
	float: left;
	margin-right: 1px;
}

#menu ul li a {
	display: block;
	padding: 5px;
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/nav_off.jpg);
	background-repeat: repeat-x;
}

* html #menu ul li a {
	display: block;
	padding: 5px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/nav_off.jpg);
	background-repeat: repeat-x;
}

#menu ul li a:hover {
	color: #20120E;
	background-image: url(../images/nav_on.jpg);
	background-repeat: repeat-x;
}

#menu ul li a.active {
	color: #20120E;
	background-image: url(../images/nav_on.jpg);
	background-repeat: repeat-x;
}

#menu a {
	padding: 0px;
	margin: 0px;
}

#menu .text {
	font-size: 13px;
	padding: 5px;
	letter-spacing: 1px;
	color:#F2DABB;
}

#slogan { /* V2 */
	display:none;
}

/* ------------------------------ */
/* -- SMENU					----- */
/* ------------------------------ */

#smenu {
	background-image:url(../images/subnav_bg.png);
	background-position:left top;
	height:29px;
	padding-left:40px; /* V2 */
}

#smenu #right {
	/*float: right;
	margin-right: 20px;*/
}

#smenu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	letter-spacing: 1px;
	font-size: 13px;
}

#smenu ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	position: relative;
	float: left;
	margin-right: 1px;
}

#smenu ul li a {
	display: block;
	padding: 5px;
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 15px;
	color: #83705C;
	text-decoration: none;
}

* html #smenu ul li a {
	display: block;
	padding: 5px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: #83705C;
	text-decoration: none;
}

#smenu ul li a:hover {
	color: #F2DABB;
}

#smenu ul li a.active {
	color: #F2DABB;
}

#smenu a {
	padding: 0px;
	margin: 0px;
}

/* ------------------------------ */
/* -- FOOTER				----- */
/* ------------------------------ */

#footer {
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	background-position:top;
	height:120px;
	margin:0px;
	padding:0px;
	color:#F2DABB;
}

#footer .button-img {
	width:auto; 
	height:18px; 
	border:0px; 
	padding:0px; 
	margin:0px; 
	float:right
}

#footer #search {
	text-align:right;
	padding-top:10px;
	padding-right:10px;
}

#footer #info { 
	height: 55px;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
}

#footer #submenu {
	position:relative;
	bottom: 30px;
	text-align:right;
	width: 940px;
}

#footer #submenu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#footer #submenu ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	padding-left: 10px;
}

#footer #submenu ul li a {
	text-decoration: none;
}

#footer a {
	color: #F2DABB;
	text-decoration: none;
}

#footer a:hover { 
	color: #83705C;
}

#footer a.active { 
	color: #83705C; 
}

#footer #newsletter {
	padding-left:10px;
	padding-top:10px;
	float:left;
	color: #83705C;
}

#footer #newsletter a:hover {
	color: #F2DABB;
	text-decoration: underline;
}

/* ------------------------------ */
/* -- CONTENT				----- */
/* ------------------------------ */

#content {
	height:auto !important;
	height:350px;
	min-height:350px;
	margin:0px;
	/*text-align:justify;*/
	text-align:left;
	color:#FFF;
}

#content .text {	
	padding: 10px;
}

h1 {
	color: #F2DABB;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	margin-bottom:4px;
	font-size:17px;
}

h2 {
	color:#DCDCDC;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	font-size:16px;
}

#right-col {
	float:right;
	width:190px;
	text-align:center;
	border-left:1px solid #4F3E36;
	height:330px;
}

#left-main.news { 
	height:330px;
	padding:10px;
}

#left-main.slide { 
	width:750px;
	height:350px;
	padding:0px;
	padding-left:0px;
	margin-left:0px;
	text-align:right
}

/* ------------------------------ */
/* -- BOX RIGHTCOL			----- */
/* ------------------------------ */

#right-col #box_1 a, #right-col #box_2 a {
	width:165px;
	height:130px;
	display:block;
	margin-bottom:10px;
	padding:10px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align:left;
	border:1px solid #4F3E36;
}

#right-col #box_3 a {
	width:165px;
	height:130px;
	display:block;
	margin-bottom:10px;
	padding:10px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:left;
}

#right-col #box_1 a:hover, #right-col #box_2 a:hover {
	color:#F2DABB;
	text-decoration:none;
}

/* ------------------------------ */
/* -- CONTENT / SECTION		----- */
/* ------------------------------ */

/* ----- time */

	#left-main.time { 
		width:670px;
		height:320px;
		padding:10px;
		padding-top:20px;
		padding-left:60px;
		padding-right:20px;
	}
	
	*:first-child+html #left-main.time { 
		width:650px;
	}
	
	* html .time {
		width:650px;
		height:320px;
		padding:10px;
		padding-top:20px;
		padding-left:60px;
		padding-right:20px;
	}
	
/* ----- slide */

	#left-main.slide { 
		width:740px;
		height:350px;
		padding:0px;
	}
	
	*:first-child+html #left-main.slide { 
		width:730px;
	}
	
	* html .slide {
		width:730px;
		height:350px;
		padding:0px;
	}	

/* ----- brand */

	#left-main.brand { 
		/*background-image: url(../images/bckgr/bg_location.jpg) !important; 
		background-repeat:no-repeat; 
		background-position:top left;*/
		width:670px;
		height:320px;
		padding:10px;
		padding-top:20px;
		padding-left:60px;
		padding-right:20px;
	}
	
	#left-main.location { 
		/*background-image: url(../images/bckgr/bg_location.jpg) !important; 
		background-repeat:no-repeat; 
		background-position:top left;*/
		width:670px;
		height:320px;
		padding:10px;
		padding-top:20px;
		padding-left:60px;
		padding-right:20px;
	}
	
	*:first-child+html #left-main.brand { 
		width:650px;
	}
	
	*:first-child+html #left-main.location { 
		width:650px;
	}
	
	* html .brand {
		width:640px;
		height:320px;
		padding:10px;
		padding-top:20px;
		padding-left:60px;
		padding-right:20px;
	}
	
	* html .location {
		/*background-image: url(../images/bckgr/bg_location.jpg) !important; 
		background-repeat:no-repeat; 
		background-position:top left;*/
		width:640px;
		height:320px;
		padding:10px;
		padding-top:20px;
		padding-left:60px;
		padding-right:20px;
	}

/* ----- onecolor */

	.onecolor {
		background-color:#2A1711;
		padding:5px;
		width:660px;
	}

	* html .onecolor {
		width:625px;
		margin:0px;
	}

/* ----- brand */

	#full-main.brand { 
		/*background-image: url(../images/bckgr/bg01.jpg) !important; 
		background-repeat:no-repeat; 
		background-position:top left;*/
		width:820px;
		height:320px;
		padding:10px;
		padding-top:20px;
		padding-left:60px;
		padding-right:20px;
	}
	
/* ----- lifestyle */

	#full-main ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#full-main li { 
		display: block;
		float: left;
	}

/* ------------------------------ */
/* -- FORM					----- */
/* ------------------------------ */

input {
	width: auto;
	background-color: #F2DABB;
	color: #20120E;
	border:1px solid #20120E;
	font-size: 11px;
	margin:0px;
	padding:2px;
	width:145px;
	margin-bottom:5px;
}

select { 
	width: 145px;
	padding:2px;
	background-color: #F2DABB;
	color: #20120E;
	border:1px solid #20120E;
}

textarea {
	width: 350px;
	padding:2px;
	background-color: #F2DABB;
	color: #20120E;
	border:1px solid #20120E;
}

/* ------------------------------ */
/* -- BLOCK-2COL			----- */
/* -- Bloc de 2 colonnes		  */
/* ------------------------------ */

#block-2col {
	margin-left:26px;
	position:relative;
}

.block {
	padding:10px;
	border-left:1px solid #4F3E36; 
	width:334px;
	float:left;
	height:330px;
	display:block
}

* html .block { 
	width:320px;
}

/* ------------------------------ */
/* -- ARTICLE				----- */
/* -- Page des montres 			  */
/* ------------------------------ */

#article .article_back {
	float:left;
	padding-top:150px;
}

#article .article_picture {
	float:left;
	margin-left:25px;
}

#article .article_description {
	margin-left:340px;
	padding-top:10px;
}

#article .article_description h1 {
	padding-right:15px;
}

#article .article_description h2 {
	padding-top:3px;
	padding-bottom:15px;
	font-style:italic;
}

#article .article_description #submenu {
	list-style:none;
	display:inline;
}

#article .article_description #submenu li {
	list-style:none;
	display:inline;
}

#article .article_description #submenu li a {
	display:block;
	float:left;
	padding-right:15px;
}

#article .article_description .desc_article {
	margin-top:15px;
	margin-right:0px;
	padding:10px;
	padding-left:0px;
	overflow:auto;
	height:225px;
	border-top:1px dotted #4F3E36;
}

/* ------------------------------ */
/* -- LIFESTYLE				----- */
/* -- Page lifestyle 			  */
/* ------------------------------ */

#lifestyle {
	margin-left:30px !important;
}

#lifestyle li {
	 background-repeat:no-repeat; 
	 width:121px; 
	 height:350px;
	 border-left:1px solid #4F3E36;
}

#lifestyle li.signature {
	 background-repeat:no-repeat;
	 background:url(../images/lifestyle/element_olivier.jpg);
	 width:40px;
}

#lifestyle li a {
	background-repeat:no-repeat;
	background-position:bottom !important; 
	width:113px; 
	height:150px;
	padding:4px;
	padding-top:200px;
	padding-bottom:0px;
	display:block;
	text-align:center;
	text-decoration:none;
	color: #83705C;
}

#lifestyle li a:hover {
	background-position:top !important;
	color: #F2DABB;
}

#right-col.lifestyle {
	text-align:left;
	background-repeat:no-repeat !important;
	background-position:top left;
}

/* ------------------------------ */
/* -- GLIDER-ARTICLE		----- */
/* -- Glider des montres 		  */
/* ------------------------------ */

#glider-article .scroller {
	/* Taille de l'élément affiché (Largeur et Hauteur) */
	width: 890px;
	overflow: hidden;
	position: relative;
}

#glider-article .scroller .section {
	/* Section (texte) doit être égal au scroller */
	width: 880px;
	padding: 5px;
	padding-top:0px;
	padding-bottom:0px;
	overflow: hidden;
	float: left;
	position: relative;
}

#glider-article .scroller .section td {
	padding:5px;
	padding-top:0px;
	padding-bottom:0px; 
	border-right:1px solid #4F3E36; 
	width:280px; 
	height:350px !important;
	height:350px;
	vertical-align:top;
	text-align:left; 
}

td.controls {
	width:26px;
}

td.noborder { 
	border:0px; 
}

#glider-article .scroller .content { 
	/* Taille du glider (élevé pour ne pas tout affiché) */
	width: 10000px;
}

#glider-article .section_desc { 
	padding: 10px;
	height:230px;
}

#glider-article .section_desc .desc { 
	margin-left: 130px;
}

* html #glider-article .section_desc { 
	padding: 10px;
	height:230px;
}

#glider-article #controls { 
	float: right;
}

#glider-article #more { 
	text-align: right;
	padding-right:10px;
}

#glider-article #controls a {
	text-decoration: none;
	font-weight: bold;
}

#glider-article a {
	text-decoration: none;
}

#glider-article a .info {
	display:none;
}

#glider-article a:hover .info {
	display:block;
	position:absolute;
	width:140px;
	margin-top:220px;
	margin-left:130px;
	color:#FFF;
	font-size:10px;
}

#glider-article a:hover .info .detail {
	margin-left:5px;
}

#glider-article a:hover .info .title {
	font-weight:bold;
	color:#FFF;
	border-left:1px solid #FFF;
	padding-left:4px;
}

#glider-article .titlecat {
	display:block;
	position:absolute;
	padding:5px;
}

/* ------------------------------ */
/* -- GLIDER				----- */
/* -- Texte simple  			  */
/* ------------------------------ */

#glider .scroller {
	/* Taille de l'élément affiché (Largeur et Hauteur) */
	width: 660px;
	overflow: hidden;
}

*:first-child+html #glider .scroller {
	width: 660px;
}

* html #glider .scroller {
	width: 635px;
}

#glider .scroller .section {
	/* Section (texte) doit être égal au scroller */
	width: 660px;
	overflow: hidden;
	float: left;
}

*:first-child+html #glider .scroller .section {
	width: 660px;
}

* html #glider .scroller .section {
	width: 635px;
}

#glider .scroller .content { 
	/* Taille du glider (élevé pour ne pas tout affiché) */
	width: 10000px;
}

#glider .section_desc { 
	padding:5px;
	padding-bottom: 10px;
	height:270px;
}

#glider .section_desc1 { 
	padding:5px;
	padding-bottom: 10px;
	height:60px;
}

#glider #controls { 
	text-align: right;
}

#glider #controls a {
	text-decoration: none;
	font-weight: bold;
}

#glider #controls1 a {
	text-decoration: none;
}

/* ------------------------------ */
/* -- GLIDER-COL			----- */
/* -- Glider en 2 colonnes		  */
/* ------------------------------ */

#glider-col .scroller {
	/* Taille de l'élément affiché (Largeur et Hauteur) */
	width: 650px;
	overflow: hidden;
}

#glider-col .scroller .section {
	/* Section (texte) doit être égal au scroller */
	width: 650px;
	padding:0px;
	overflow: hidden;
	float: left;
}

#glider-col .scroller .section td {  
	width:320px; 
	height:350px;
	padding:0px;
	vertical-align:top;
}

td.controls-col {
	width:26px;
}

td.leftborder { 
	border:0px; 
	border-left:1px solid #4F3E36; 
}

.noborder { 
	border:0px; 
}

.border { 
	border-right:1px solid #4F3E36;
}

#glider-col .scroller .content { 
	/* Taille du glider (élevé pour ne pas tout affiché) */
	width: 10000px;
}

#glider-col .section_desc { 
	padding: 15px;
	height:220px;
}

#glider-col .section_desc .desc { 
	margin-left: 130px;
}

* html #glider-col .section_desc { 
	padding: 15px;
	height:220px;
}

#glider-col #controls { 
	float: right;
}

#glider-col #more { 
	text-align: right;
	padding-right:15px;
}

#glider-col #controls a {
	text-decoration: none;
	font-weight: bold;
}

/* ------------------------------ */
/* -- GLIDER-3COL			----- */
/* -- Glider en 3 colonnes		  */
/* ------------------------------ */

#glider-3col .scroller {
	/* Taille de l'élément affiché (Largeur et Hauteur) */
	width: 870px;
	overflow: hidden;
}

#glider-3col .scroller .section {
	/* Section (texte) doit être égal au scroller */
	width: 870px;
	padding:0px;
	overflow: hidden;
	float: left;
}

#glider-3col .scroller .section td {  
	width:290px; 
	height:350px;
	padding:0px;
	vertical-align:top;
	border-right:1px solid #4F3E36;
}

td.controls-col {
	width:26px;
}

#glider-3col .scroller .content { 
	/* Taille du glider (élevé pour ne pas tout affiché) */
	width: 10000px;
}

#glider-3col .section_desc { 
	padding: 15px;
	height:220px;
}

#glider-3col .section_desc .desc { 
	margin-left: 130px;
}

* html #glider-3col .section_desc { 
	padding: 15px;
	height:220px;
}

#glider-3col #controls { 
	float: right;
}

#glider-3col #more { 
	text-align: right;
	padding-right:15px;
}

#glider-3col #controls a {
	text-decoration: none;
	font-weight: bold;
}

/* ------------------------------ */
/* -- SLIDESHOW				----- */
/* -- Glider slide (news)		  */
/* ------------------------------ */

#news {
	width:300px;
	margin-right:10px;
}

#slideshow-news {
	margin-top: 30px;
	/*border:1px solid #332721;
	background-color:#5E4028;*/
	float:right;
	width: 320px;
}

* html #slideshow-news { margin-top: 20px; }

#slideshow-news div.scroller {
	/* modify width and height of scrolling section if necessary	*/
	width: 320px;
	overflow: hidden;
}

#slideshow-news div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width: 300px;
	padding: 10px;
	overflow: hidden;
	float: left;
}

#slideshow-news div.scroller div.content { width: 10000px; }
#slideshow-news div.section_desc { padding-left: 10px; }
* html #slideshow-news div.section_desc { padding-left: 10px; }
#slideshow-news #controls { float: right; }

#slideshow-news #controls a {
	text-decoration: none;
	font-weight: bold;padding-left: 20px;
	/*color:#332721;
	background-color:#5E4028;
	padding:3px;
	border:1px solid #332721;
	font-weight:bold;*/
}

.sitemap {
	list-style:none;
	margin-left:0px;
	padding:0px;
	padding-right:50px;
}

.sitemap li {
	list-style:none;
	margin-left:0px;
	padding:0px;
}

.sitemap li a {
	display:block;
	margin-bottom:5px;
}

.sitemap ul {
	list-style:square;
	margin-left:10px;
}

.sitemap ul li {
	list-style:square;
	margin-left:-10px;
}
