/**
* @author : Hajar et Thomas Rambaud
* @year : 2010
* @description : design by Réginald Cassius
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body {background:url(i/plancher.jpg) repeat-x;font-family:"Arial", sans-serif;color:#000;line-height:1.1em;font-size: 92%;}
h1,h2,h3,.h2,h4,h5 { font-weight:normal;font-family:"Century Gothic",sans-serif;}
h1 {font-size:189%;}
h2 {font-size:147%;color:#542926;line-height:1.2em;}
h3 {font-size:126%;color:#1a0c0b;line-height:1.1em;}
h3 strong {color:#bd3c96;font-size:126%;font-weight:normal;}
h4 {text-transform:uppercase;color:#bd3c96;font-size:109%}
h5 {text-transform:uppercase;color:#bd3c96;font-size:100%}
strong {font-weight:bold;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}

.rose {color:#bd3c96;}
.hidden {visibility:hidden}
.undisplayed {display:none;}
.self-clear:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.exergue {color:#1a1a1a !important;line-height:1.1em !important;font-size:89% !important;}

#layout {background:url(i/layout.jpg) no-repeat;width:1200px;height:3040px;margin:auto;position:relative;}
#content-layout {min-height:1000px;}
#content {padding:375px 265px 0 265px;}

#nav {background:url(i/nav.png) no-repeat top left;width:164px;height:408px;position:absolute;top:140px;left:39px;}
#nav .content {width:125px;height:180px;position:absolute;top:135px;left:40px;}
#nav ul {text-align:right;padding-top:5px;}
#nav ul li a {color:#bd3c96;font-family:"Century Gothic";font-size:85%;text-decoration:none;display:block;padding-right:33px;height:22px;padding-top:3px;}
#nav ul li {margin-top:-2px;}
#nav ul li a.on, #nav ul li a:hover {color:#000;background:url(i/right.png) no-repeat 96px -1px;}

#logo {width:300px;height:288px;position:absolute;top:7px;left:190px;}
#logo .glass {background:url(i/glass.png) no-repeat top left;width:173px;height:278px;z-index:999;position:absolute;top:0;left:0;}
#logo .glass span {visibility:hidden;}
#logo img {position:absolute;top:110px;left:40px;z-index:888;}

#computer {width:668px;height:556px;position:absolute;top:0;right:90px;}
#computer .img {position:absolute;width:668px;height:555px;z-index:777;}
#computer .items {width:500px;height:285px;position:absolute;top:0;left:140px;z-index:666;background:url(i/pc-bg.png) no-repeat top left}
#computer .item {left:19px;position:absolute;top:-2px;}
#computer .teasers {position:absolute;top:240px;left:286px;width:295px;height:170px;z-index:998;background:url(i/ordi-bulle.png) no-repeat top left;overflow:hidden;}
#computer .teasers-container {position:relative;width:295px;height:170px;padding-left:11px;}
#computer .teasers .arrow {text-decoration:none;z-index:999;top:37px;}
#computer .teasers .arrow span {visibility:hidden;}
#computer .teasers .arrow-left {background:url(i/left.png) no-repeat top left;width:21px;height:28px;position:absolute;left:31px;}
#computer .teasers .arrow-right {background:url(i/right.png) no-repeat top left;width:21px;height:28px;position:absolute;left:265px;top:35px;}
#computer .teasers .teaser-body {width:200px;height:100px;margin:25px auto 20px auto;position:relative;overflow:hidden;}
#computer .teasers .teaser-body-layout {position:absolute;width:5000px;top:0;height:100px;left:0;}
#computer .teasers .teaser {width:200px;height:100px;color:#fff;float:left;}
#computer .teasers .teaser .content {overflow:hidden;}
#computer .teasers .teaser .content h5 {margin-bottom:5px;}
#computer .teasers .teaser .content p {font-size:79%;}

#intro h3 {color:#1a0c0b;width:231px;padding-bottom:10px;text-align:right;}
#intro h3 strong {display:block;}
#intro div {width:359px;height:158px;background:url(i/intro-cadre.png);padding:20px;}
#intro div p {color:#fff;font-size:96%;line-height:1.2em;}

#recto {margin-top:44px;}
#recto .left {float:left;width:325px;height:207px;background:url(i/recto-stylo.png) no-repeat top left;}
#recto .left h2 {padding:92px 0 0 30px;}
#recto .right {float:left;width:318px;border-top:solid 1px #181818;border-bottom:solid 1px #181818;margin-left:22px;padding-top:9px;max-height:290px;overflow:hidden;}
#recto .right p {font-size :79%;padding:0 0 9px 0;}

#verso {height:415px;position:relative;width:100%;}
#verso .right {width:336px;height:345px;position:absolute;right:-50px;top:-55px;z-index:999;background:url(i/verso-porte-cles.png) no-repeat top right;}
#verso .right h2 {margin:25px 0 0 128px;}
#verso .right div a {text-decoration:none;display:block;width:220px;height:80px;margin:85px 0 0 110px;}
#verso .right div a span {visibility:hidden;}
#verso .left .left-container {position:relative;margin-top:100px;}
#verso .left .left-container h4 {width:330px;}
#verso .left .left-container div {width:480px;height:375px;}
#verso .left .recto {background:url(i/verso-recto.png) no-repeat top left;position:absolute;top:0;left:-5px;z-index:888;}
#verso .left .verso {background:url(i/verso-verso.png) no-repeat top left;position:absolute;top:-8px;left:15px;z-index:777;}
#verso .left .title {color:#1f040b;font-weight:bold;text-transform:uppercase;width:150px;text-align:center;}
#verso .left .recto .title {margin:23px 0 0 13px;}
#verso .left .verso .title {margin-left:278px;margin-top:20px}
#verso .left .fake-link {display:block;width:105px;height:65px;position:absolute;z-index:9999;left:315px;text-decoration:none;}
#verso .left .fake-link span {visibility:hidden;}
#verso .left .left-container .text {padding:22px;width:380px;font-size:92%;}
#verso .left .left-container .text p {font-size:92%;padding:9px 0 0 0;}
#verso .left .left-container .text ul {margin-top:2px;}
#verso .left .left-container .text ul li {color:#bd3c96;font-size:89%;}

#nota-bene .left {width:200px;float:left;padding-top:15px;padding-left:10px;}
#nota-bene .left h2 {background:url(i/nota-bene.png) no-repeat top left;padding-top:42px;margin-bottom:11px}
#nota-bene .left .nav {border-top:solid 5px #666;border-bottom:solid 5px #666;padding:18px 0 8px 0;width:165px;margin-bottom:5px;position:relative;}
#nota-bene .left .nav li a {display:block;text-align:right;margin-right:-25px;padding-right:25px;color:#bd3c96;font-family:"Century Gothic";font-size:85%;text-decoration:none;height:25px;text-transform:uppercase;}
#nota-bene .left .nav li a.on, #nota-bene .left .nav li a:hover {color:#000;background:url(i/right.png) no-repeat right -4px;}
#nota-bene .left .misc {font-size:72%;color:#666;width:165px;}
#nota-bene .right {width:438px;height:670px;float:right;background:url(i/book.png) no-repeat top left;}
#nota-bene .right .right-container {position:relative;}
#nota-bene .right .items {width:394px;height:600px;overflow:hidden;position:relative;margin:29px auto 0 auto;}
#nota-bene .right .items-container {width:9999px;height:600px;position:absolute;top:0;left:0;}
#nota-bene .right .item {float:left;width:394px;}
#nota-bene .right .item .infos {width:290px;margin:100px auto 0 auto;}
#nota-bene .right .item .infos p {margin-top:3px;}
#nota-bene .right .item .infos .description {margin-top:8px;font-size:91%;}
#nota-bene .right .item .infos .shortdesc {margin-top:3px;}
#nota-bene .right .item .infos p {color:#fff;}
#nota-bene .right .arrow {position:absolute;z-index:999;width:21px;height:28px;text-decoration:none;display:block;}
#nota-bene .right .arrow span {visibility:hidden;}
#nota-bene .right .arrow-left {background:url(i/left.png) no-repeat top left;top:436px;left:30px;}
#nota-bene .right .arrow-right {background:url(i/right.png) no-repeat top left;top:436px;right:30px;}
#nota-bene .right .postit span {visibility:hidden;}
#nota-bene .right .postit a {display:block;height:45px;text-decoration:none;}
#nota-bene .right .postit {position:absolute;z-index:999;display:block;width:128px;height:106px;text-decoration:none;}
#nota-bene .right .website {background:url(i/postit-website.png) no-repeat top left;top:225px;right:8px;}
#nota-bene .right .actions {background:url(i/postit-actions.png) no-repeat top left;top:508px;right:30px;}

#post-scriptum {height:265px;width:100%;position:relative;background:url(i/post-scriptum-tasse.png) no-repeat top left;margin-top:45px;}
#post-scriptum h2 {padding-top:110px;padding-left:140px;}
#post-scriptum .sugars {position:absolute;top:104px;right:119px;width:181px;height:78px;background:url(i/sugars.png) no-repeat top left;}
#post-scriptum .sugars-container {position:relative;}
#post-scriptum .sugar {width:30px;height:30px;position:absolute;z-index:999;display:block;text-decoration:none;}
#post-scriptum .sugar .content {display:none;position:absolute;left:-80px;top:20px;background:url(i/bulle-info.png) no-repeat;width:176px;height:106px;z-index:888;}
#post-scriptum .sugar .content .name {font-size:82%;padding:25px 20px 0 20px;margin-left:20px;}
#post-scriptum .sugar .content .function {color:#fff;padding:0 20px 0 20px;margin-left:20px;display:block;font-size:79%;}
#post-scriptum .sugar:hover .content {display:block;}
#post-scriptum .sugar1 {left:7px;top:37px;}
#post-scriptum .sugar2 {top:35px;left:46px;}
#post-scriptum .sugar3 {top:0;left:69px;}
#post-scriptum .sugar4 {top:23px;left:98px;}
#post-scriptum .sugar5 {top:30px;left:147px;}

#aparte {background:url(i/contact-iphone.png) no-repeat top left;width:699px;height:419px;position:relative;margin-top:10px;}
#aparte h2 {padding-top:15px;}
#aparte .text {width:355px;height:240px;position:absolute;top:67px;left:25px;font-size:79%;overflow:hidden;}
#aparte .text p {margin-bottom:10px}
#aparte .iphone {width:135px;height:120px;position:absolute;top:100px;left:400px;font-size:79%;}
#aparte .iphone address {width:110px;margin:auto;margin-top:5px;}
#aparte .iphone .iitem {display:block;position:absolute;width:90px;height:20px;}
#aparte .iphone .tel {bottom:44px;right:1px;}
#aparte .iphone .mobile {bottom:20px;right:1px;}
#aparte .iphone .email {bottom:0px;right:0px;width:130px;color:#47809b;font-size:92%;text-decoration:none;}
#aparte .contactus {display:block;width:220px;height:80px;position:absolute;top:300px;right:15px;text-decoration:none;}
#aparte .contactus span {visibility:hidden;}

#tinymce p {color:#fff;padding:9px 0 !important;}
#tinymce {background:#ccc none !important;}

#overlay .overlay-content a {display:block;margin-top:8px;background:url(i/download-ico.gif) no-repeat; padding-left:19px;color:#BD3C96;margin-left:12px;font-size:92%;height:18px;}
#overlay .overlay-content a:hover {color:#000;}
#overlay .close-overlay {float:right;display:block;padding:7px;color:#fff;}
#overlay .overlay-content {position:absolute;width:500px;background-color:#fff;padding:20px;margin-top:40px;height:auto;}