/*-- CSS BERNARDAUD150 --*/
@font-face {
    font-family: 'bodoni';
    src: url('fonts/bodoniflf-roman-webfont.eot') format('eot'),
        url('fonts/bodoniflf-roman-webfont.ttf') format('truetype'),
        url('fonts/bodoniflf-roman-webfont.woff') format('woff'),
        url('fonts/bodoniflf-roman-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}	
@font-face {
    font-family: 'din';
    src: url('fonts/din_medium-webfont.eot') format('eot'),
        url('fonts/din_medium-webfont.ttf') format('truetype'),
        url('fonts/din_medium-webfont.woff') format('woff'),
        url('fonts/din_medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    color:#000;
    background-color:#fff;
    font-family:'din';
    font-size:10px;
}
#container {
    margin: 0 auto;
    width:1050px;
    position:relative;
}
.headercontainer {
    margin:0 auto;
    width:1050px;
    height:110px;
    z-index:100000;
}
#header {
    top:0;
    position: fixed;
    background-color:#fff;
    z-index:100000;
    width:1050px;
}
#music {
    display:block;
    float:right;
    margin-top:1px;
    margin-left:1px;
}
#lang {
    display:block;
    float:right;
    margin-top:4px;
    margin-left:1px;
    width:50px;
}
#lang a {
    font-size:14px;
    text-transform:uppercase;
    font-family: 'din', Arial, sans serif;
}
.or {
    color:#D9B63F;
}
/*-- NEWSLETTER -----------------------------------*/
.newsletter {
    display:block;
    float:right;
    margin-top:25px;
}
.newsletter h3 {
    color:#000;
    font-size:14px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
}
.newsletter input {
    width:250px;
    color:#b0b0b0;
    font-size:14px;
    font-style:italic;
    font-family: Arial, sans serif;
    padding-left:10px;
    height:20px;
    border: 1px #c80009 solid;
    background-color:#f4f4f4;
    margin-top:8px;
}
.newsletter .input a {
    float: right;
    margin-right:25px;
    margin-left:2px;
    margin-top:5px;
}
.newsletter button.validatebutton {
    float:left;
    margin:8px 0 0 10px;
    padding:0;
    border:0;
    background:none;
    display:block;
    cursor: pointer;
}
.valider {
    background-image:url(images/valider.jpg);
    width:24px;
    height:24px;
}
.valider:hover {
    background-image:url(images/valider2.jpg);
    width:24px;
    height:24px;
}
#newsletterform {display:block;}
input.inputmail {float:left;}
/*-- Navigation SITE -----------------------------------*/
a { 
    color:#000;
    text-decoration:none;
}
a:hover { 
    color:#c80009;
}
/*-- Navigation Menu -----------------------------------*/
#nav > ul > li.parent > a {
    cursor: default;
}
#nav {
    font-family: 'din';
    background-color:#d9b63f;
    border-top:3px #000 solid;
    height:25px;
    z-index:10000;
    width:1050px;
}
#nav > ul > li {
    float:left;
    padding:0 20px;
    position:relative;
}
#nav > ul > li:hover {
    background-color:rgba(0, 0, 0, 0.8);
    color:#d9b63f;
}
#nav > ul > li > a:hover {
    color:#d9b63f;
    font-size:12px;
}
#nav li ul {
    display:none;
    position:absolute;top:25px;left:0;
    background:#000;
    width:100%;
}
#nav li ul li {
    padding: 0 10px;
}
#nav li:hover ul{
    display:block;
    background-color:rgba(0, 0, 0, 0.8);
}
#nav a {
    text-decoration: none;
    font-size:12px;
    text-transform:uppercase;
    line-height:25px;
    color:#FFF;
}
#nav a:hover {
    color:#d9b63f;
}
.current{
    background-color:rgba(0, 0, 0, 1);
}
.border1 {
    border-left:5px #c80009 solid;
    padding-left:2px;
}
.border2 {
    border-left:5px #45ad4e solid;
    padding-left:2px;
}
.border3 {
    border-left:5px #ea148c solid;
    padding-left:2px;
}
.border4 {
    border-left:5px #fff solid;
    padding-left:2px;
}
.border5 {
    border-left:5px #5b5c77 solid;
    padding-left:2px;
}
.border6 {
    border-left:5px #0058a6 solid;
    padding-left:2px;
}
#home {
    background-image:url(images/home-B.png);
    background-repeat:no-repeat;
    width:25px;
    height:25px;
    display:block;
}
/*-- slides -----------------------------------*/
#stampheader {
    background-image:url(images/stampheader.png);
    width:140px;
    height:100px;
}
#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10, #slide11, #slide12, #slide13, #slide14 {
    height: 870px;
    border-top:1px #fff solid;
}
#slide1 {
    margin-top:-70px;
}
.flechedown-en {
    background-image:url(images/fleche1-en.png);
    width:119px;
    height:134px;
    float:right;
    display:block;
    margin-top:-20px;
}
.flechedown-en:hover {
    background-image:url(images/fleche-en.png);
    width:119px;
    height:134px;
    float:right;
    display:block;
    margin-top:-20px;
}
.flechedown {
    background-image:url(images/flechedown2.png);
    width:119px;
    height:134px;
    float:right;
    display:block;
    margin-top:-20px;
}
.flechedown:hover {
    background-image:url(images/flechedown.png);
    width:119px;
    height:134px;
    float:right;
    display:block;
    margin-top:-20px;
}
.down {
    background-image:url(images/arrowdown.png);
    width:25px;
    height:25px;
    margin-top:5px;
    margin-left:5px;
}
.down:hover {
    background-image:url(images/arrowdown2.png);
    width:25px;
    height:25px;
}
.up {
    background-image:url(images/arrowup.png);
    width:25px;
    height:25px;
    margin-left:10px;
    margin-top:5px;
}
.up:hover {
    background-image:url(images/arrowup2.png);
    width:25px;
    height:25px;
}
.arrowup {
    float:left;
    display:block;
}
.arrowdown {
    float:left;
    display:block;
}
.upfull {
    background-image:url(images/upfull.jpg);
    height:383px;
    width:378px;
}
.upfull:hover {
    background-image:url(images/upfull2.jpg);
    height:383px;
    width:378px;
}
/*--navigation artiste -----------------------------------*/
#navart h2 {
    padding:5px 0;
    font-weight:bold;
}
#nom h2 {
    font-size:12px;
    font-family:'din';
    height:23px;
    text-transform:uppercase;
    text-align:right;
    color:#c80009;
}
#nomp h2 {
    font-size:12px;
    font-family:'din';
    height:23px;
    text-transform:uppercase;
    text-align:right;
    color:#00AB11;
}
#nomc h2 {
    font-size:12px;
    font-family:'din';
    height:23px;
    text-transform:uppercase;
    text-align:right;
    color:#ea148c;
}
#navart li {
    font-size:10px;
    font-family:'din';
    height:20px;
    text-transform:uppercase;
    text-align:right;
}
#nom a {
    text-decoration: none;
    color:#000;
}

#nom .active a{
    color:#c80009;
    font-weight:bold;
}
#nom a:hover {
    text-decoration: none;
    color:#c80009;
    font-weight:bold;
}
#nomp a {
    text-decoration: none;
    color:#000;
}
#nomp a:hover {
    text-decoration: none;
    color:#00AB11;
    font-weight:bold;
}
#nomc a {
    text-decoration: none;
    color:#000;
}
#nomc a:hover {
    text-decoration: none;
    color:#ea148c;
    font-weight:bold;
}
/*--Contenu -----------------------------------*/
.txt {
    width:300px;
    padding:10px;
    margin:50px 10px;
    font-family:'din';
}
.txt h1 {
    line-height:60px;
    color:#c80009;
    font-size:18px;
    text-transform:uppercase;
}
.txt h2 {
    line-height:60px;
    color:#c80009;
    font-size:18px;
    text-transform:uppercase;
}
.txt h3 {
    line-height:30px;
    color:#c80009;
    font-size:14px;
    text-transform:uppercase;
    line-height:19px;
    margin-bottom:15px;
}
.txt p {
    line-height:20px;
    padding-bottom:16px;
    font-size:12px;
    font-style:italic;
    margin-bottom:15px;
}
.cta {
    color:#fff;
    background-color:#d9b63f;
    padding:10px 15px;
    text-decoration:none;
    font-family: 'din';
    font-size:12px;
    text-transform:uppercase;
    float:left;
    direction:block;
}
.cta:hover {
    color:#fff;
    background-color:#c80009;
}
.stamp {
    padding:0 40px ;
}
/*--Contacts -----------------------------------*/
#contact {
    padding-top:30px;
}
#contactform {
    float:left;
    display:block;
}
#stampcontact { 
    float:right;
    display:block;
}
#contact h2{
    float:left;
    dsiplay:block;
    background-color:#0058a6;
    font-size:22px;
    color:#FFF;
    padding:10px;
    text-transform:uppercase;
    width:380px;
    text-align:right;
}
#contact h3{
    width:380px;
    line-height:20px;
    color:#0058a6;
    font-size:14px;
    padding:20px 10px;
}
#contact p{
    color:#0058a6;
    padding:5px 10px;
    font-size:14px;
    width:380px;
    text-transform:uppercase;
    text-align:right;
}
#stopfloat {
    clear:both;
}
#nomf, #prenom, #email, .inputsubmit {
    width:300px;
    border:1px #0058a6 solid;
}
#message {
    width:370px;
    border:1px #0058a6 solid;
}
.inputsubmit {
    display:block;
    float:right;
    background-color:#c6dbf0;
    color:#0058a6;
    text-transform:uppercase;
    width:100px;
    line-height:30px;
    border:none;
    margin-bottom:50px;
    font-weight:bold;
}
.inputsubmit:hover {
    background-color:#0058a6;
    color:#fff;
}
.message {
    float:left;
    display:block;
    margin-left:7px;
}
/*--footer -----------------------------------*/
footer {
    background-color :#fff;
    color:#b8aa88;
    margin:0 auto;
    width:1050px;
    height:82px;
    font-family:'din';
    font-size:12px;
    text-transform:uppercase;
    border-top:1px solid #f5f5f5;
    border-bottom:1px solid #f5f5f5;
}
.copy {
    float:left;
    display:block;
    margin-left:180px;
    margin-top:40px;
    margin-right:20px;
}
.we {	
    float:left;
    display:block;
    margin:40px 20px;
}
.estamp {
    float:left;
    display:block;
}
.facebook {
    background-image:url(images/FB.png);
    height:55px;
    width:32px;
    float:left;
    display:block;
    margin-left:20px;
    margin-top:28px;
}
.twitter {
    background-image:url(images/twitter.png);
    height:55px;
    width:31px;
    float:left;
    display:block;
    margin-left:20px;
    margin-top:27px;
}
.youtube {
    background-image:url(images/youtube.png);
    height:55px;
    width:32px;
    float:left;
    display:block;
    margin-left:20px;
    margin-top:27px;
}
.facebook:hover {
    background-image:url(images/FB2.png);
    height:55px;
    width:32px;
    float:left;
    display:block;
    margin-left:20px;
    margin-top:28px;
}
.twitter:hover {
    background-image:url(images/twitter2.png);
    height:55px;
    width:31px;
    float:left;
    display:block;
    margin-left:20px;
    margin-top:27px;
}
.youtube:hover {
    background-image:url(images/youtube2.png);
    height:55px;
    width:32px;
    float:left;
    display:block;
    margin-left:20px;
    margin-top:27px;
}
/*--pages -----------------------------------*/
.image-principale-nahas {
    background-image:url(images/nahas/gamme-nahas.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-nahas h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:215px;
    right:310px;
}
.image-principale-nahas h2 {
    color:#fff;
    font-size:11px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:255px;
    right:310px;
}
.image-principale-nahas h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:305px;
}
.signature {
    position:absolute;
    bottom:-10px;
    left:20px;
}
.eshop {
    width:260px;
    height:70px;
    position:absolute;
    bottom:30px;
    right:30px;
}
.shop {position:relative;}
.boutique {
    background-color:#c80009;
    color:#FFF;
    font-family: 'din';
    font-size:18px;
    text-transform:uppercase;
    margin-left:20px;
    padding:10px 10px 10px 20px;
    float:left;
    display:block;
    width:220px;
}
.boutique:hover {
    color:#000;
}
.sac {
    background-image:url(images/sac.png);
    background-repeat:no-repeat;
    width:40px;
    height:51px;
    float:right;
    display:block;
    position:absolute;top:0;right:0;margin-top:-17px;
}
.navG {
    background-image:url(images/flecheL.png);
    width:31px;
    height:59px;
    background-repeat:no-repeat;
    float:left;
    display:block;
    margin-top:220px;
    margin-right:5px;
}
.navD {
    background-image:url(images/flecheR.png);
    width:31px;
    height:59px;
    background-repeat:no-repeat;
    float:right;
    display:block;
    margin-top:220px;
    margin-left:10px;
}
.assiette {
    width:110px;
    height:110px;
    display:block;
    float:left;
    margin-right:32px;
}
.assiette a{
    background:none;
}
.photographie {
    height:96px;
    display:block;
    float:left;
    margin-right:-5px;
}
.photographie a{
    background:none;
}
.photographie2 {
    height:96px;
    display:block;
    float:left;
    margin-right:12px;
}
.photographie2 a{
    background:none;
}
.photographie3 {
    height:96px;
    display:block;
    float:left;
    margin-right:8px;
}
.photographie3 a{
    background:none;
}
.titrephoto{
    color:#3baf42;
    font-size:18px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    text-align:center;
}
.ombres {
    margin-left:34px;
    height:43px;
    width:980px;
    background-image:url(images/ombres.png);
    background-repeat:no-repeat;
    margin-top:5px;
}
.ombres6 {
    height:25px;
    width:980px;
    background-image:url(images/ombres6.png);
    background-repeat:no-repeat;
    margin-top:5px;

}
.ombres5 {
    height:25px;
    width:980px;
    background-image:url(images/ombres5.png);
    background-repeat:no-repeat;
    margin-top:5px;

}
.ombres6p {
    height:25px;
    width:980px;
    background-image:url(images/ombres6p.png);
    background-repeat:no-repeat;
    margin-top:5px;

}
.miniatures {
    height:105px;
    display:block;
    float:left;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
}
.miniatures6 {
    height:105px;
    display:block;
    float:left;
    margin-top:10px;
    margin-left:80px;
}
.miniatures9 {
    height:105px;
    display:block;
    float:left;
    margin-top:10px;
    margin-left:20px;
    width:1050px;
}
.miniatures10 {
    height:105px;
    display:block;
    float:left;
    margin-top:20px;
    width:1050px;

}
.miniatures10bis {
    height:105px;
    display:block;
    float:left;
    margin-top:20px;
    width:1050px;
    margin-bottom:30px;
}
.miniatures9bis {
    height:105px;
    display:block;
    float:left;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:30px;
    width:1050px;
}
.miniatures5 {
    height:105px;
    display:block;
    float:left;
    margin-top:10px;
    margin-left:150px;
}
.miniaturesdouble {
    height:220px;
    display:block;
    float:left;
    margin-top:10px;
}
.loupe {
    height:110px;
    display:block;
    float:left;
    width:24px;
    margin-top:60px;
    margin-right:28px;
}
.bloc1 {
    width:275px;
    height:250px;
    padding: 5px 10px 5px 0;
    margin-right:5px;
    display:block;
    float:left;
}


.ie10 .title1 {
	float:none;
    margin:0 0 10px 0;
    font-weight:800;
}

.title1 {
    font-size:28px;
    color:#c80009;
    font-family:'din';
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-1.8369701465288537e-16, M12=1, M21=1, M22=-1.8369701465288537e-16); /* IE6,IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-1.8369701465288537e-16, M12=-1, M21=-1, M22=-1.8369701465288537e-16)"; /* IE8 */
    /*transform: rotate(270deg);*/
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    text-transform:uppercase;
    float:left;
    width:45px;
    margin-top:250px;

}

.ie10 .title2 {
	margin:-38px 0;
    font-weight:800;
}

.title2 {
    font-size:28px;
    color:#c80009;
    font-family:'din';
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    text-transform:uppercase;
    float:left;
    width:45px;
    margin-top:250px;
}

.ie10 .title3 {
	margin:-38px 0;
    font-weight:800;
}

.title3 {
    font-size:28px;
    color:#c80009;
    font-family:'din';
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    text-transform:uppercase;
    float:left;
    width:45px;
    margin-top:250px;
}

.ie10 .title4 {
	margin:-38px 0;
    font-weight:800;
}

.title4 {
    font-size:28px;
    color:#5b5c77;
    font-family:'din';
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    text-transform:uppercase;
    float:left;
    width:45px;
    margin-top:250px;
}
.projet h3 {
    font-size:20px;
    color:#c80009;
    font-family:'din';
    text-transform:uppercase;
    float:left;
    margin-bottom:10px;
}
.projet p {
    font-size:18px;
    color:#000;
    font-family:"Times New Roman", Times, serif;
    float:left;
    width:260px;
    line-height:24px;
}
#projet1 h1 {
    color:#c80009;
    font-size:26px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    margin-bottom:10px;
}
#projet1 h2 {
    color:#c80009;
    font-size:18px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    margin-bottom:10px;
    width:455px;
}
#projet2 h1 {
    color:#c80009;
    font-size:26px;
    text-align:left;
    font-family:'din', Arial, sans serif;
    text-transform:uppercase;
    margin-bottom:10px;
}
#projet2 h2 {
    color:#c80009;
    font-size:18px;
    text-align:left;
    font-family:'din', Arial, sans serif;
    margin-bottom:10px;
}
.suite {
    color:#f3d1d2;
    font-size:12px;
    color:#c80009;
    font-family:'din', Arial, sans serif;
    text-transform:uppercase;
    float:right;
    background-color:#f3d1d2;
    padding:10px;
}
.suite:hover {
    color:#fff;
    background-color:#c80009;
}
.blocs {
    width:1050px;

    margin-top:30px;
    background:#FFFFFF;
    margin-bottom:20px;
}
#ibox_wrapper{line-height:25px;border-color:#fff; margin:0 auto; padding:15px 0 0 20px;}
#ibox_wrapper,#ibox_footer_wrapper a{background-color:#fff;}
#ibox_content{background-color:#fff;border:0;margin:0 auto;  cursor:- Moz-Zoom-In;}

#ibox_footer_wrapper a{float:right; display:block;text-indent:-100000px;border:0;background:#fff url('images/closelabel.gif') center center no-repeat;width:26px;padding:0;height:22px;line-height:22px;}
#ibox_footer_wrapper a:hover{background-color:#fff;}
#ibox_loading{text-indent:-100000px;width:200px;height:200px;background:#fff url('images/loading.gif') center center no-repeat;}
#video {padding:14px;}
#projet {
    width:455px;
}
#projet1 {
    width:455px;
}
#projet2 {
    width:455px;
}
#projet h1 {
    color:#c80009;
    font-size:26px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    margin-bottom:10px;
}
#projet h2 {
    color:#c80009;
    font-size:18px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    margin-bottom:10px;
}
.colonneG p {
    font-size:16px;
    text-align:left;
    font-family:"Times New Roman", Times, serif;
    width:250px;
    float:left;
    display:block;
    line-height:24px;
    margin-bottom:10px;
}
.colonneD {
    float:right;
    display:block;

    margin-top:12px;
}
.texte p {
    font-size:16px;
    text-align:left;
    font-family: "Times New Roman", Times, serif;
    margin-bottom:10px;
    width:445px;
    float:left;
    display:block;
}
.cadre p {
    font-size:18px;
    text-align:center;
    font-family: 'din', Arial, sans serif;
    background-color:#f3f3f3;
    border:1px #e6e6e6 solid;
    padding:10px;
    margin-bottom:10px;
    float:left;
    display:block;
    width:450px;
}
.red {
    color:#c80009;
}
.colonne-G p {
    font-size:16px;
    text-align:left;
    font-family: "Times New Roman", Times, serif;
    width:240px;
    float:left;
    display:block;
    line-height:24px;
    margin-top:10px;
    margin-right:20px;
}
.colonne-D {
    float:right;
    display:block;
    margin-top:10px;
}
#artistesuite {
    font-size:18px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    margin-bottom:10px;
    width:460px;
}
#artistesuite1 {
    font-size:14px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    margin-bottom:10px;
    width:635px;
    padding:10px;
}
#artistesuite2 {
    font-size:14px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    margin-bottom:10px;
    width:635px;
    padding:10px;
}
#artistesuite3 {
    font-size:14px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    margin-bottom:10px;
    width:600px;
    padding:10px;
}
.photo {
    margin:0 auto;
    background-image: url(images/loupebox.png);
    background-repeat:no-repeat;
    width:400px;
    height:400px;
    padding-bottom: 24px;
    background-position: bottom right;
}
.photophoto {
    margin-left:25px;
    margin-top:20px;
    width:auto;
}
.ligne {
    border-bottom:2px solid #f3f3f3;
    margin-bottom:5px;
}
.lignebis {
    border-bottom:2px solid #f3f3f3;
    height:20px;
    margin-bottom:10px;
}
.ligneter {
    border-bottom:2px solid #f3f3f3;
    height:20px;
    margin-bottom:10px;
    padding-bottom:20px;
}
.ombresolo {
    margin-left:95px;
    float:left;
    display:block;
}
.zoom {
    margin-right:10px;
    float:right;
    display:block;
}
.color h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    margin-bottom:10px;
}
.color1 h1 {
    color:#36b13c;
    font-size:18px;
    text-align:center;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    margin-bottom:10px;
}
.color h3 {
    color:#000;
    font-size:12px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    margin-bottom:2px;
}
.color h4 {
    color:#000;
    font-size:12px;
    text-align:left;
    font-style:italic;
    font-family: 'din', Arial, sans serif;
    float:left;
    display:block;
}
.shop1 {
    float:right;
    display:block;
    margin-top:-20px;
    position:relative;
    margin-right:20px;
}
/* Cinéastes */
/*.image-principale-lesfilsde {
    background-image:url(images/lesfilsde/lesfilsde.jpg);
    width:968px;
    height:536px;
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}*/
.image-principale-lesfilsde {
	margin-left:auto;
    margin-right:auto;
	width:968px;  
	background-color:#000;
    height:536px;
	text-align:center;		
}
.titre {
    position:absolute;
    bottom:35px;
    right:110px;
    background-color:#ea148c;
    width:460px;
    height:60px;
}
.titre h1{
    color:#fff;
    font-size:34px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    margin-top:12px;
    margin-right:20px;
}
.rose {
    color:#ea148c;
}
.suite2 {
    color:#ea148c;
    font-size:12px;
    font-family:'din';
    text-transform:uppercase;
    float:right;
    background-color:#f3d9e8;
    padding:10px;
}
.suite2:hover {
    color:#fff;
    background-color:#ea148c;
}
.image-principale-calle {
    background-image:url(images/calle/gamme-calle.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-calle h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:215px;
    right:310px;
}
.image-principale-calle h2 {
    color:#fff;
    font-size:11px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:255px;
    right:310px;
}
.image-principale-calle h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:305px;
}
.video a{
    tet-decoration:none;
    background-color:#FFFFFF;
    margin-right:-10px;
}
.video{
    font-size:16px;
    color:#c80009;
    font-family:'din';
    text-transform:uppercase;
    float:right;
    margin-top:90px;
    text-align:right;
}
.video img {
    margin-bottom:20px;
}
.large{
    font-size:16px;
    text-align:left;
    font-family:"Times New Roman", Times, serif;
    width:445px;
    float:left;
    display:block;
    line-height:24px;
    margin-top:10px;
    margin-right:20px;
}
.image-principale-alberola {
    background-image:url(images/alberola/gamme-alberola.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-alberola h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:270px;
}
.image-principale-alberola h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:270px;
}
.image-principale-alberola h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:265px;
}
.image-principale-fassianos {
    background-image:url(images/fassianos/gamme-fassianos.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-fassianos h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:277px;
}
.image-principale-fassianos h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:280px;
}
.image-principale-fassianos h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:275px;
}
.image-principale-koons {
    background-image:url(images/koons/gamme-koons.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-koons h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:260px;
}
.image-principale-koons h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:265px;
}
.image-principale-koons h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:275px;
}
.ajout {
    float:left;
    display:block;
    font-family: 'din', Arial, sans serif;
    line-height:16px;
    text-align:center;
    width:1050px;
    margin-top:10px;
	
}
.ajout h3 {
    font-size:14px;
    font-weight:500;
	padding-bottom:30px;
}
.image-principale-lin {
    background-image:url(images/lin/gamme-lin.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-lin h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:200px;
}
.image-principale-lin h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:205px;
}
.image-principale-lin h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:205px;
}
.image-principale-lynch {
    background-image:url(images/lynch/gamme-lynch.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-lynch h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:265px;
}
.image-principale-lynch h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:265px;
}
.image-principale-lynch h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:265px;
}
.image-principale-mocquet {
    background-image:url(images/mocquet/gamme-mocquet.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-mocquet h3 {
    color:#fff;
    font-size:26px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:210px;
}
.image-principale-mocquet h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:220px;
}
.image-principale-mocquet h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:205px;
}
.image-principale-schnabel {
    background-image:url(images/Schnabel/gamme-Schnabel.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-schnabel h3 {
    color:#fff;
    font-size:25px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    src: url('fonts/din_medium-webfont.eot') format('eot'),
        url('fonts/din_medium-webfont.ttf') format('truetype'),
        url('fonts/din_medium-webfont.woff') format('woff'),
        url('fonts/din_medium-webfont.svg') format('svg');
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:220px;
}
.image-principale-schnabel h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    src: url('fonts/din_medium-webfont.eot') format('eot'),
        url('fonts/din_medium-webfont.ttf') format('truetype'),
        url('fonts/din_medium-webfont.woff') format('woff'),
        url('fonts/din_medium-webfont.svg') format('svg');
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:220px;
}
.image-principale-schnabel h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    src: url('fonts/din_medium-webfont.eot') format('eot'),
        url('fonts/din_medium-webfont.ttf') format('truetype'),
        url('fonts/din_medium-webfont.woff') format('woff'),
        url('fonts/din_medium-webfont.svg') format('svg');
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:215px;
}
.image-principale-brambilla {
    background-image:url(images/brambilla/gamme-brambilla.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-brambilla h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:220px;
}
.image-principale-brambilla h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:220px;
}
.image-principale-brambilla h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:215px;
}
.image-principale-prune {
    background-image:url(images/prune/gamme-prune.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-prune h3 {
    color:#fff;
    font-size:20px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:225px;
}
.image-principale-prune h4 {
    color:#c80009;
    font-size:20px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:175px;
    right:225px;
}
.image-principale-prune h5 {
    color:#c80009;
    font-size:20px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:145px;
    right:225px;
}
.image-principale-prune h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:225px;
}
.image-principale-prune h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:225px;
}
.image-principale-salle {
    background-image:url(images/salle/gamme-salle.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-salle h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:230px;
    right:230px;
}
.image-principale-sarkis {
    background-image:url(images/sarkis/gamme-sarkis.jpg);
    width:968px;
    height:505px;
    float:right;
    display:block;
    margin-left:2px;
    position:relative;
    margin-bottom:20px;
}
.image-principale-sarkis h3 {
    color:#fff;
    font-size:27px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:210px;
    right:290px;
}
.image-principale-sarkis h2 {
    color:#fff;
    font-size:11px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:250px;
    right:290px;
}
.image-principale-sarkis h1 {
    color:#c80009;
    font-size:22px;
    text-align:left;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    position:absolute;
    top:289px;
    right:285px;
}
.image-principale-ballot {
    background-image:url(images/ballot/gamme-ballot.jpg);
    backgroud-repeat:no-repeat;
    width:968px;
    height:505px;
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    float:right;
}
.image-principale-ballot-en {
    background-image:url(images/ballot/gamme-ballot-en.jpg);
    backgroud-repeat:no-repeat;
    width:968px;
    height:505px;
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    float:right;
}
.titre2 {
    position:absolute;
    right:170px;
    top:210px;
    width:460px;
    height:60px;
}
.titre2 h1{
    color:#fff;
    font-size:30px;
    text-align:right;
    font-family: 'din', Arial, sans serif;
    text-transform:uppercase;
    margin-top:12px;
    margin-right:20px;
}
.green {
    color:#45ad4e;
}
.blue {
    color:#226eb2;
}
.suite3 {
    color:#45ad4e;
    font-size:12px;
    font-family:'din';
    text-transform:uppercase;
    float:right;
    background-color:#cff6d3;
    padding:10px;
}
.suite3:hover {
    color:#fff;
    background-color:#45ad4e;
}
.suite4 {
    color:#fff;
    font-size:12px;
    font-family:'din';
    text-transform:uppercase;
    float:right;
    background-color:#ca0000;
    padding:10px;
}
.suite4:hover {
    color:#000;
}
.suite5 {
    color:#FFF;
    font-size:12px;
    font-family:'din';
    text-transform:uppercase;
    float:right;
    background-color:#5b5c77;
    padding:10px;
}
.suite5:hover {
    color:#FFF;
    background-color:#d9b63f;
}
.image-principale-bonnet{
    background-image:url(images/bonnet/gamme-bonnet.jpg);
    backgroud-repeat:no-repeat;
    width:968px;
    height:505px;
    display:block;
    float:right;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:-10px;
}
.image-principale-bonnet .titre2 {
    margin-top:105px;	
}
.image-principale-bonnet-en{
    background-image:url(images/bonnet/gamme-bonnet-en.jpg);
    backgroud-repeat:no-repeat;
    width:968px;
    height:505px;
    display:block;
    float:right;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:-10px;
}
.image-principale-bonnet-en .titre2 {
    margin-top:105px;	
}
.image-principale-ballot{
    background-image:url(images/ballot/gamme-ballot.jpg);
    backgroud-repeat:no-repeat;
    width:968px;
    height:505px;
    display:block;
    float:right;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:-10px;
}
.image-principale-ballot .titre2 {
    margin-top:105px;	
}
.image-principale-ballot-en .titre2 {
    margin-top:105px;	
}
.image-principale-paumelle{
    background-image:url(images/valerieetsophie/gamme-valerieetsophie.jpg);
    backgroud-repeat:no-repeat;
    width:968px;
    height:505px;
    float:right;
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
.image-principale-paumelle .titre2 {
    margin-top:147px;	
}
.image-principale-paumelle-en{
    background-image:url(images/valerieetsophie/gamme-valerieetsophie-en.png);
    backgroud-repeat:no-repeat;
    width:968px;
    height:505px;
    float:right;
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
.image-principale-paumelle-en .titre2 {
    margin-top:147px;	
}
.illus {
    float:left;
    display:block;
}
.pagecontent{
    padding-top:20px;
    z-index:-20;
}
.detail {
    width:400px;
    text-align:center;
    font-size:12px;
    font-family:'din';
    margin-left:20px;
}
.booktext {
    font-size:16px;
    text-align:center;
    font-family: 'din', Arial, sans serif;
    float:left;
    display:block;
    margin-bottom:10px;
    color:#474747;
    width:960px;
}
.go {
    margin-top:-20px;
}
body.e-book #header {
    top:0;
} 
body.e-book .bookcontainer {
    margin-top:20px;
}
body.e-book #canvas {
    margin-top:0;padding-top:0;
}

.slide_inside {
    position:relative;
    width:850px;
}
.slide_inside .overassiette {
    position:absolute;
    height:500px;
    width:500px;
    right:0;
    top:0;
    cursor:pointer;
}
/* PAGE ACTU */
.titleactu {
    float:left;
    display:block;	
}
.titleactu h2 {
    font-family:'din';
    background-color:#5b5c77;
    width:380px;
    font-size:22px;
    text-transform:uppercase;
    color:#fff;
    text-align:right;
    line-height:22px;
    padding:10px;
}
.titleactu h3 {
    font-family:"Times New Roman", Times, serif;
    font-size:18px;
    line-height:60px;
}
.blocs img {
    float:left;
    display:block;
}
.article_actu {
    margin:20px;
}
#actu h2 {
    font-size:18px;
    margin:20px;
}
#actu img {
    display:block;
    float:left;
    margin:20px;
}
.txt_actu {
    font-size:14px;
    margin:20px;
    width:850px;
    line-height:18px;
}
.grey {
    background-color:#f4f4f4;
    padding-left:15px;
    padding-top:15px;
    padding-bottom:35px;
}
.left {
    display:block;
    float:left;
    margin-right:20px;
}
.right {
    display:block;
    float:right;
}
.CS {
    background-image:url(images/CS.png);
    backgroud-repeat:no-repeat;
    width:150px;
    height:38px;
    float:left;
    display:block;
    margin-top:30px;
    margin-left:20px;
}

.CS-en {
    background-image:url(images/CS-en.png);
    backgroud-repeat:no-repeat;
    width:150px;
    height:38px;
    float:left;
    display:block;
    margin-top:30px;
    margin-left:35px;
}

.book p {
text-align:center;
font-family:'din';
font-size:13px;
}

/* FIN PAGE ACTU */