@charset "utf-8";
/* CSS Document */

body {background:url(img-base/fond_n2.jpg) repeat; padding: 0; margin: 0; font-family:"Times New Roman", Times, serif; text-align:center; color:#666261}
html, body, table , td {height:100%;margin:0;padding:0;width:100%;}
img {border:none;}
p {padding:0;margin:0;}
a {outline:none; font-style:normal; color:#666261; text-decoration:none;}
a:hover {color:#666261}
li {list-style:none}

h1 {font-style:italic; font-size:17px; display:inline;}
h2 {font-style:italic; font-size:15px; font-weight:normal;}
h3 {font-style:italic; font-size:13px; font-weight:normal;}

.italic-12px {font-style:italic; font-size:12px;}
.bold-12px {font-style:normal; font-size:12px; font-weight:bold;}
.bold-italic-12px {font-style:italic; font-size:12px; font-weight:bold;}

.italic-13px {font-style:italic; font-size:13px;}
.bold-13px {font-style:normal; font-size:13px; font-weight:bold;}
.bold-italic-13px {font-style:italic; font-size:13px; font-weight:bold;}

.italic-15px {font-style:italic; font-size:15px;}
.bold-15px {font-style:normal; font-size:15px; font-weight:bold;}
.bold-italic-15px {font-style:italic; font-size:15px; font-weight:bold;}

.normal-11px {font-size:11px;}
.normal-12px {font-size:12px; line-height:15px;}
.normal-13px {font-size:13px;}
.normal-15px {font-size:15px;}

a.normal-13px {font-size:13px;}
a.normal-15px {font-size:15px; font-weight:bold; font-style:italic}

.sep-dotted {clear:both; background:url(img-base/barre-points.jpg) repeat-x left; width:860px; height:6px; _height:1%; margin:0 0 0 10px; _margin:0; padding:0; background-color:#c5deda;}

#container {position:relative; width:880px; margin:auto; background-color:#fedbe3; overflow:hidden; padding:10px 0; _padding:0;}
#content {position:relative; float:left; width:880px; height:664px; margin:0; padding:0; clear:both;}

#content-home {position:relative; float:left; width:880px; height:664px; margin:0; padding:0; clear:both;}
#home-container {position:absolute; right:0px; top:10px; margin:0; padding:0; width:880px; height:654px; left: 0;}

#home-container #fr {position:absolute; right:50px; top:40px; width:61px; height:60px; z-index:999}
#home-container #en {position:absolute; right:80px; top:100px; width:61px; height:60px; z-index:999}
#home-container #n2 {position:absolute; left:15px; top:5px; background:url(img-base/cadre-home-n2.gif) no-repeat; width:732px; height:586px; padding:24px;}
#home-container #n2-bt {position:absolute; right:12px; top:5px; width:64px; height:634px; padding:0;}
#home-container #radio {position:absolute; right:65px; bottom:39px; background:url(img-base/radio-home.gif) no-repeat; width:129px; height:129px; z-index:999}

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

#header {position:relative; float:left; width: 880px; height:66px; _height:56px; padding:0; margin:0;}
#header #logo {position:absolute; left: 15px; top:10px; height:46px;}
#header #logo a{font-size:46px; font-style:italic;}
#header #langage {position:absolute; right:10px; top:43px; height:16px;}
#header #langage a{font-size:13px; font-style:italic; font-weight:bold; color:#ec003c; text-decoration:none; padding-left:5px;}
#header #langage a:hover{color:#d60036}
#header #home {float:right; font-size:16px; font-style:italic; font-weight:bold; height:40px; margin:13px 10px 13px 0; text-align:right;}

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

#menu {position:absolute; left:10px; top:10px; margin:0; width:280px; height:350px; _height:490px; padding:0; z-index:999;}
ul#nav {list-style:none; text-align:left;  margin:0; padding:0;}
ul#nav li {}
ul#nav li a {text-decoration:none; color:#666261;}
ul#nav li a {font-size:17px; font-style:italic; padding:0;}
ul#nav li a:hover {font-style:italic; color:#4b4746}
ul#nav li.on {padding:0; margin:0; font-weight:bold;}
ul#nav li.on a:hover {color:#4b4746}
ul#nav li.on img {padding:0 5px;}
ul#nav li.on ul {list-style:none; padding:0; margin:0 0 0 5px;}
ul#nav li.on ul li {line-height:17px;}
ul#nav li.on ul li.selected {padding:0; margin:0; font-weight:bold;}
ul#nav li.on ul li.selected img{padding:0 5px; display:inline; margin:0; }
ul#nav li.on ul li.selected a{font-size:14px; font-style:italic; display:inline; margin:0; font-weight:bold;}
ul#nav li.on ul li.selected a:hover{color:#4b4746}
ul#nav li.on ul li a{font-size:14px; font-style:italic; font-weight:normal; margin:0 0 0 5px; padding:0;}
ul#nav li.on ul li a:hover {color:#4b4746}

/*
GALERIE COLLECTIONS
-----------------------*/

#gallerie {position:absolute; right:0px; top:15px; margin:0; padding:0; width:880px; height:665px; left: 0;}
#gallerie #zoom {}

#gallerie #zoom #zoom1 {background:url(img-base/grand-cadre-vertical-n2.gif) no-repeat; height:559px; width:402px; position:absolute; right:15px; padding-top:22px;}
#gallerie #zoom #zoom1-h {background:url(img-base/grand-cadre-horizontal-n2.gif) no-repeat; height:379px; width:582px; position:absolute; right:15px; padding-top:23px;}
#gallerie #zoom #zoom2 {background:url(img-base/grand-cadre-vertical-n2.gif) no-repeat; height:559px; width:402px; position:absolute; right:15px; padding-top:22px;}
#gallerie #zoom #zoom3 {background:url(img-base/grand-cadre-horizontal-n2.gif) no-repeat; height:379px; width:582px; position:absolute; right:15px; padding-top:23px;}
#gallerie #zoom #zoom3-v {background:url(img-base/grand-cadre-vertical-n2.gif) no-repeat; height:559px; width:402px; position:absolute; right:15px; padding-top:22px;}
#gallerie #zoom #zoom4 {background:url(img-base/grand-cadre-horizontal-n2.gif) no-repeat; height:379px; width:582px; position:absolute; right:15px; padding-top:23px;}
#gallerie #zoom #zoom5 {background:url(img-base/grand-cadre-horizontal-n2.gif) no-repeat; height:379px; width:582px; position:absolute;  right:15px; padding-top:23px;}
#gallerie #zoom #zoom5-v {background:url(img-base/grand-cadre-vertical-n2.gif) no-repeat; height:559px; width:402px; position:absolute; right:15px; padding-top:22px;}

#gallerie #zoom-menu {}
#gallerie #zoom-menu-img {}

#gallerie #zoom-menu-img #small1 {background:url(img-base/petit-cadre-1.gif) no-repeat; cursor:pointer; height:117px; width:97px; padding-top:11px; position:absolute; bottom:80px; left:60px;}
#gallerie #zoom-menu-img #small1-h {background:url(img-base/petit-cadre-4.gif) no-repeat; cursor:pointer; height:82px; width:130px; padding-top:14px; position:absolute; bottom:80px; left:35px;}
#gallerie #zoom-menu-img #small2 {background:url(img-base/petit-cadre-2.gif) no-repeat; cursor:pointer; height:116px; width:95px; padding-top:11px; position:absolute; bottom:175px; left:175px;}
#gallerie #zoom-menu-img #small3 {background:url(img-base/petit-cadre-3.gif) no-repeat; cursor:pointer; height:85px; width:126px; padding-top:12px; position:absolute; bottom:55px; left:170px;}
#gallerie #zoom-menu-img #small3-v {background:url(img-base/petit-cadre-1.gif) no-repeat; cursor:pointer; height:117px; width:97px; padding-top:11px; position:absolute; bottom:40px; left:165px}
#gallerie #zoom-menu-img #small4 {background:url(img-base/petit-cadre-4.gif) no-repeat; cursor:pointer; height:82px; width:128px; padding-top:14px; position:absolute; bottom:160px; left:280px;}
#gallerie #zoom-menu-img #small5 {background:url(img-base/petit-cadre-5.gif) no-repeat; cursor:pointer; height:85px; width:128px; padding-top:12px; position:absolute; bottom:30px; left:305px;}
#gallerie #zoom-menu-img #small5-v {background:url(img-base/petit-cadre-2.gif) no-repeat; cursor:pointer; height:117px; width:95px; padding-top:11px; position:absolute; bottom:25px; left:270px}

#gallerie #zoom-txt {position:absolute; height:42px; width:660px; bottom:12px; _bottom:10px; right:15px;  padding-top:12px; float:left; text-align:right; line-height:5px; color:#ec003c }

#gallerie .zoom-txt {position:absolute; height:42px; width:660px; top:588px; right:15px; padding-top:12px; float:left; text-align:right; line-height:5px; color:#ec003c}

/*
PRESSE
-----------------------*/

#gallerie-presse{position:absolute; right:15px; top:15px; margin:0; padding:0; width:880px; height:650px; left: 0;}
#gallerie-presse #zoom-p {position:absolute; width:660px; height:470px; right:0px;}

#gallerie-presse #zoom-p img{background:url(img-base/grand-cadre-vertical-n2.gif) no-repeat; height:536px; width:356px; padding:22px 23px; float:right; }
#gallerie-presse #zoom-p #zoom-p1, #zoom-p2, #zoom-p3, #zoom-p4, #zoom-p5, #zoom-p6, #zoom-p7, #zoom-p8, #zoom-p9, #zoom-p10, #zoom-p11, #zoom-p12 {position:absolute; right:15px;}

#gallerie-presse #zoom-p .legende-presse {height:20px; text-align:right; padding:20px 20px 0 0; width:400px; position:absolute; right:0; top:585px;}
#gallerie-presse #zoom-p .legende-presse h1 {font-style:italic; font-size:17px; display:inline;}
#gallerie-presse #zoom-p .legende-presse h3 {display:inline; font-style:italic; font-size:13px; padding-left:5px; font-weight:normal;}

#gallerie-presse #zoom-p-menu {position:absolute; float:left; width:400px; height:549px; margin:0; padding:0; left:50px; top:15px; padding:0;}
#gallerie-presse #zoom-p-img {position:relative; float:left; z-index:999;}

#gallerie-presse #zoom-p-img #small-p1 {background:url(img-base/mini-cadre-presse-3-n2.gif) no-repeat; cursor:pointer; height:77px; width:53px; padding:10px; position:absolute; top:20px; left:210px;}
#gallerie-presse #zoom-p-img #small-p2 {background:url(img-base/mini-cadre-presse-2-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:55px; left:295px;}
#gallerie-presse #zoom-p-img #small-p3 {background:url(img-base/mini-cadre-presse-3-n2.gif) no-repeat; cursor:pointer; height:77px; width:53px; padding:10px; position:absolute; top:135px; left:0px;}
#gallerie-presse #zoom-p-img #small-p4 {background:url(img-base/mini-cadre-presse-2-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:120px; left:90px;}
#gallerie-presse #zoom-p-img #small-p5 {background:url(img-base/mini-cadre-presse-2-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:130px; left:180px;}
#gallerie-presse #zoom-p-img #small-p6 {background:url(img-base/mini-cadre-presse-3-n2.gif) no-repeat; cursor:pointer; height:77px; width:53px; padding:10px; position:absolute; top:170px; left:275px;}
#gallerie-presse #zoom-p-img #small-p7 {background:url(img-base/mini-cadre-presse-2-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:240px; left:5px;}
#gallerie-presse #zoom-p-img #small-p8 {background:url(img-base/mini-cadre-presse-1-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:235px; left:95px;}
#gallerie-presse #zoom-p-img #small-p9 {background:url(img-base/mini-cadre-presse-1-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:260px; left:175px;}
#gallerie-presse #zoom-p-img #small-p10 {background:url(img-base/mini-cadre-presse-3-n2.gif) no-repeat; cursor:pointer; height:77px; width:53px; padding:10px; position:absolute; top:315px; left:260px;}
#gallerie-presse #zoom-p-img #small-p11 {background:url(img-base/mini-cadre-presse-1-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:350px; left:70px;}
#gallerie-presse #zoom-p-img #small-p12 {background:url(img-base/mini-cadre-presse-2-n2.gif) no-repeat; cursor:pointer; height:76px; width:51px; padding:10px; position:absolute; top:370px; left:160px;}


#gallerie-presse #zoom-p-txt {
	position:absolute;
	height:80px;
	width:250px;
	bottom:34px;
	left:160px;
	text-align:left;
	font-size:12px;
}

/*
PAGES
-----------------------*/
#page-container {position:absolute; right:0px; top:15px; margin:0; padding:0; width:880px; height:655px; left: 0;}

#page-container #illu-home {background:url(img-base/grand-cadre-sous-home-n2.gif) no-repeat; height:470px; width:715px; position:absolute; right:15px; top:0; padding-top:30px;}

#page-container #illu-presentation {background:url(img-base/grand-cadre-presentation-n2.gif) no-repeat; height:379px; width:582px; position:absolute; right:15px; top:0; padding-top:23px;}
#page-container #txt-presentation {position:absolute; height:220px; width:600px; top:435px; left:140px; float:left; text-align:justify;}

#page-container #illu-concept-store {background:url(img-base/grand-cadre-concept-store-n2.gif) no-repeat; height:379px; width:582px; position:absolute; right:15px; top:0; padding-top:23px;}
#page-container #txt-concept-store {position:absolute; height:220px; width:600px; top:435px; left:140px; float:left; text-align:justify;}
#page-container #horaires-concept-store {background:url(img-base/cadre-horaires-n2.gif) no-repeat; position:absolute; height:114px; width:200px; top:140px; left:40px; text-align:center; font-size:12px; padding:74px 0 0 0; z-index:999;}

#page-container #point-vente-col1 {font-size:12px; line-height:16px; text-align:left; position:absolute; top:0px; left:280px; width:135px;}
#page-container #point-vente-col2 br {line-height:10px;}
#page-container #point-vente-col2 {font-size:12px; line-height:16px; text-align:left; position:absolute; top:0px; left:430px; width:135px;}
#page-container #point-vente-col3 {font-size:12px; line-height:16px; text-align:left; position:absolute; top:0px; left:580px; width:135px;}
#page-container #point-vente-col4 {font-size:12px; line-height:16px; text-align:left; position:absolute; top:0px; left:730px; width:135px;}

#page-container #illu-senteurs {background:url(img-base/grand-cadre-vertical-n2.gif) no-repeat; height:559px; width:402px; position:absolute; right:15px; padding-top:22px;}
#page-container #txt-senteurs {position:absolute; height:220px; width:250px; bottom:155px; left:165px; float:left; text-align:justify;}

#page-container #txt-mentions-legales {position:absolute; left:150px; top:-5px; width:700px; text-align:justify;}

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

#footer {position:relative; clear:both; float:left; width:880px; margin:0; padding:0;}
#footer ul {left:0; list-style:none; margin:0; padding:5px; width:860px; height:24px; text-align:center; }
#footer li {display:inline; padding:0 25px; margin:0;}
#footer li a{font-size:17px; font-style:italic; text-decoration:none; color:#ec003c}
#footer li a:hover{color:#d60036}

/*
CREDITS
-----------------------*/
.more {text-decoration:none; font-size:17px; font-style:italic; color:#ec003c; cursor:pointer;}
.more:hover{text-decoration:none; color:#d60036}
#info {background:url(img-base/cadre-credits.gif) no-repeat; padding:40px 10px 0 10px; text-align:left; width:271px; height:161px; margin:0 auto; display:none; text-align:center}
#info p {font-size:11px; line-height:1.6em;}
#info img {display:block; float:left; margin:0 10px 10px 0;}
#info a {color:#666261;}
.clear {clear:both; text-align:center; padding:20px 0 0 0;}
.close {color:#666261; font-weight:bold; cursor:pointer; font-size:13px;}