/*
Theme Name: Thème Dobbé Cognac
Theme URI: http://www.beezart.com/
Author: Beezart Communication
Author URI: http://www.beezart.com/
Description: Theme Wordpress pour site de l'entreprise' Dobbé Cognac
Version: 1
*/

@font-face {
    font-family: 'london2';
    src: url('fonts/londontwo-webfont.eot');
    src: url('fonts/londontwo-webfont.woff') format('woff'), url('fonts/londontwo-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/londontwo-webfont.ttf') format('truetype'), url('fonts/londontwo-webfont.svg#londontworegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'windsong';
    src: url('fonts/windsong-webfont.eot');
    src: url('fonts/windsong-webfont.woff') format('woff'), url('fonts/windsong-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/windsong-webfont.ttf') format('truetype'), url('fonts/windsong-webfont.svg#windsongregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =Structure
-------------------------------------------------------------- */

html,
body {
    margin: 0px !important;
    background-color: #4e3227;
    width: 100%;
    height: 100%;
    font: 1em sans-serif;
    /* 16px */
}

#page {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    max-width: 1400px;
    min-width: 760px;
    min-height: 495px;
}

#main {}

#primary {
    position: relative;
}

#content {}

#main .widget-area {}


/* Increase the size of the content area for templates without sidebars */

.full-width #content,
.image-attachment #content,
.error404 #content {
    margin: 0;
}


/* Text meant only for screen readers */

.screen-reader-text,
.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}


/* Alignment */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#site-title {
    font-size: 2em;
    font-weight: bold;
    margin: .67em 0;
    display: none;
}

#site-description {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 1em;
}


/* =Titres
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

h1 {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 3em;
    font-weight: lighter;
}

h2 {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 2em;
    line-height: 1.5em;
}

.accueilh1 {
    bottom: -120px;
    color: #DBCEA2;
    font-size: 14px;
    left: 10px;
    overflow: hidden;
    position: absolute;
}

.articleh1 {
    color: #b29f76;
    font-size: 15px;
    font-weight: bold;
}

.collectionh1 {
    bottom: -130px;
    color: #DBCEA2;
    font-size: 14px;
    left: 10px;
    overflow: hidden;
    position: absolute;
}

.savoirh1 {
    font-size: 30px;
    color: #B29F76;
    font-family: verdana;
}

.produith1 {
    font-size: 30px;
    color: white;
    font-family: verdana;
}

.familleh1 {
    font-size: 30px;
    color: #C8303B;
    font-family: verdana;
}

.currentLang-ru h2 {
    font-size: 1.5em !important;
}


/* =Liens
-------------------------------------------------------------- */

.currentLang-en .entry-content a,
.currentLang-fr .entry-content a,
.currentLang-ru .entry-content a,
.currentLang-zh .entry-content a {
    text-decoration: none;
    border-bottom: dashed 1px;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
    width: 100%;
    max-width: 1400px;
    min-width: 760px;
    background: #4e3227;
    margin: 0 auto;
    bottom: 0;
    z-index: 3;
}

.page-template-page-home-php #colophon {
    min-height: 300px;
}

.page-template-page-home-php .footer {}

.page-template-page-home-php .hello .langues {
    display: block;
    clear: both;
    padding: 0 0 0.5em 1em;
}

.footer {
    width: 100%;
    max-width: 1400px;
    min-width: 760px;
    position: absolute;
}

.footer-fleche {
    background: url(images/fleche_footer.png) right center no-repeat;
    height: 150px;
    width: 3.75em;
    min-width: 40px;
    float: right;
    margin-right: 1em;
}

.footer-text {
    width: 40%;
    height: 100%;
    float: left;
    color: #aa987f;
    font: normal 11px arial, sans-serif;
}

.footer-text a {
    color: #dbcea2;
    font: normal 9px arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

#ML {
    position: absolute;
    bottom: 0;
    width: 40%;
    padding-left: 1em;
}

#beezart,
#Mentions,
#plansite {
    float: left;
    padding-right: 1em;
}

#beezart {
    display: none;
}

#abus {
    display: block;
    clear: both;
}

.page-template-page-home-php #beezart {
    display: block !important;
}

.footer-bout {
    width: 100%;
    display: block;
}

.footer-bout ul {
    list-style-type: none;
}

.bout {
    float: right;
    display: block;
    height: 150px;
}

#collec-vs {
    width: 60px;
    background: url(images/bout_off.png) 13px 0 no-repeat;
}

#collec-vsop {
    width: 60px;
    background: url(images/bout_off.png) -49px 0 no-repeat;
}

#collec-champ {
    width: 60px;
    background: url(images/bout_off.png) -115px 0 no-repeat;
}

#collec-xoextra {
    width: 92px;
    background: url(images/bout_off.png) -184px 0 no-repeat;
}

#collec-xogrand {
    width: 92px;
    background: url(images/bout_off.png) -289px 0 no-repeat;
}

#collec-heritage {
    width: 90px;
    background: url(images/bout_off.png) -392px 0 no-repeat;
}

#collec-dobbe {
    width: 3.75em;
    background: url(images/bout_off.png) -30em 0 no-repeat;
}

.currentLang-zh #collec-dobbe {
    width: 70px;
    background: url(images/bout_off.png) -480px 0 no-repeat;
}

#collec-vs:hover,
#collec-vs.active {
    width: 60px;
    background: url(images/bout_on.png) 13px 0 no-repeat;
}

#collec-vsop:hover,
#collec-vsop.active {
    width: 60px;
    background: url(images/bout_on.png) -49px 0 no-repeat;
}

#collec-champ:hover,
#collec-champ.active {
    width: 60px;
    background: url(images/bout_on.png) -115px 0 no-repeat;
}

#collec-xoextra:hover,
#collec-xoextra.active {
    width: 92px;
    background: url(images/bout_on.png) -184px 0 no-repeat;
}

#collec-xogrand:hover,
#collec-xogrand.active {
    width: 92px;
    background: url(images/bout_on.png) -289px 0 no-repeat;
}

#collec-heritage:hover,
#collec-heritage.active {
    width: 90px;
    background: url(images/bout_on.png) -392px 0 no-repeat;
}

#collec-dobbe:hover,
#collec-dobbe.active {
    width: 3.75em;
    background: url(images/bout_on.png) -30em 0 no-repeat;
}

.currentLang-zh #collec-dobbe.active {
    width: 70px;
    background: url(images/bout_off.png) -480px 0 no-repeat;
}

.currentLang-zh #collec-dobbe:hover {
    width: 70px;
    background: url(images/bout_on.png) -480px 0 no-repeat;
}


/* =Dans les bulles de bière ...
-------------------------------------------------------------- */

.hello {
    background: url(images/bg_hello_grand.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 1400px;
    min-width: 760px;
    min-height: 6em;
    z-index: 2;
    position: relative;
    clear: both;
}

.hello p {
    font: bold 3em "windsong", cursive;
    text-align: center;
    color: #4e3227;
    margin: 0 !important;
    padding: 0.8em 0 0.2em 0;
}

.currentLang-ru .hello p {
    font: bold 2em "windsong", cursive;
    padding-top: 1.5em;
    padding-bottom: 0.5em;
}

.currentLang-zh .hello p {
    font: bold 2em "windsong", cursive;
    padding-top: 1.5em;
}

.hello .langues {
    display: block;
    clear: both;
    position: absolute;
    bottom: 1em;
    left: 1em;
}

.hello .langues a {
    color: #fff;
    font: normal 0.625em arial, sans-serif;
    padding-right: 1em;
    text-transform: uppercase;
    text-decoration: none !important;
}

.hello .langues a:hover {
    color: #4e3227;
    border-bottom: 1px dashed #4e3227;
    font: bold 0.625em arial, sans-serif;
}


/* =Menu
-------------------------------------------------------------- */

#access {
    background-color: #fff;
    z-index: 1000;
    max-width: 1400px;
    min-width: 760px;
    width: 100%;
    font: 0.875em normal "london2", helvetica, arial, sans-serif;
    box-shadow: #000 0 0 25px;
    position: absolute;
}

#access ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    float: right;
}

#access li {
    float: left;
    position: relative;
}

#access a {
    display: block;
    line-height: 2em;
    padding: 0 1em;
    text-decoration: none;
    color: #4e3227;
    text-transform: uppercase;
    text-decoration: none !important;
}

#access ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 99999;
}

#access ul ul ul {
    left: 100%;
    top: 0;
}

#access ul ul a {
    background: #dedede;
    line-height: 1em;
    padding: .5em .5em .5em 1em;
    width: 10em;
    height: auto;
}

#access li:hover > a,
#access ul ul:hover > a {
    background: #fff;
    color: #c92f3a;
}

#access ul ul a:hover {
    background: #fff;
    color: #c92f3a;
}

#access ul li:hover > ul {
    display: block;
}


/* =Pages
--------------------------------------------------------------*/

.page-template-page-heritage-php #page,
.page-template-page-vsop-php #page,
.page-template-page-vs-php #page,
.page-template-page-10ans-php #page,
.page-template-page-1967-php #page,
.page-template-page-grand-php #page,
.page-template-page-extra-php #page,
.page-template-page-dobbeo-php #page,
.page-template-page-collection-php #page,
.page-template-page-histoire-php #page,
.page-template-page-savoirfaire-php #page,
.page-template-page-contact-php #page {
    background-color: #4e3227;
    height: 555px;
    min-height: 555px;
}

.page-template-page-heritage-php .entry-content,
.page-template-page-vsop-php .entry-content,
.page-template-page-vs-php .entry-content,
.page-template-page-10ans-php .entry-content,
.page-template-page-1967-php .entry-content,
.page-template-page-grand-php .entry-content,
.page-template-page-extra-php .entry-content,
.page-template-page-dobbeo-php .entry-content {
    width: 90%;
}

.page-template-page-heritage-php h1,
.page-template-page-vsop-php h1,
.page-template-page-vs-php h1,
.page-template-page-10ans-php h1,
.page-template-page-1967-php h1,
.page-template-page-grand-php h1,
.page-template-page-extra-php h1,
.page-template-page-dobbeo-php h1 {
    width: 70%;
    padding-top: 0 !important;
}

.page-template-page-heritage-php .fleche_slider a,
.page-template-page-vsop-php .fleche_slider a,
.page-template-page-vs-php .fleche_slider a,
.page-template-page-10ans-php .fleche_slider a,
.page-template-page-1967-php .fleche_slider a,
.page-template-page-grand-php .fleche_slider a,
.page-template-page-extra-php .fleche_slider a,
.page-template-page-dobbeo-php .fleche_slider a {
    display: block;
    width: 30px;
    height: 180px;
    background: url(images/fleche_slider.png) center no-repeat;
    z-index: 1;
    position: absolute;
    top: 200px;
    right: 1em;
}

.page-template-page-heritage-php .fleche_slider_r a,
.page-template-page-vsop-php .fleche_slider_r a,
.page-template-page-vs-php .fleche_slider_r a,
.page-template-page-10ans-php .fleche_slider_r a,
.page-template-page-1967-php .fleche_slider_r a,
.page-template-page-grand-php .fleche_slider_r a,
.page-template-page-extra-php .fleche_slider_r a,
.page-template-page-dobbeo-php .fleche_slider_r a {
    display: block;
    width: 30px;
    height: 180px;
    background: url(images/fleche_slider_r.png) center no-repeat;
    z-index: 1;
    position: absolute;
    top: 200px;
    left: 1em;
}

.page-template-page-heritage-php .page-logo-fp,
.page-template-page-vsop-php .page-logo-fp,
.page-template-page-vs-php .page-logo-fp,
.page-template-page-10ans-php .page-logo-fp,
.page-template-page-1967-php .page-logo-fp,
.page-template-page-grand-php .page-logo-fp,
.page-template-page-extra-php .page-logo-fp,
.page-template-page-dobbeo-php .page-logo-fp {
    margin: 0 auto !important;
    display: block;
    width: 190px;
    height: 107px;
}

.page-template-page-collection-php .fleche_slider a {
    display: block;
    width: 30px;
    height: 180px;
    background: url(images/fleche_slider.png) center no-repeat;
    z-index: 100;
    position: absolute;
    top: 250px;
    right: 1em;
}

.page-content p {
    line-height: 1.3;
    margin-top: 0 !important;
}

.pages {
    height: 100%;
    min-height: 555px;
    margin: 0 auto 0 auto;
    padding: 0;
    width: auto;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

.page-template-page-vsop-php .flex-control-nav,
.page-template-page-vs-php .flex-control-nav,
.page-template-page-10ans-php .flex-control-nav,
.page-template-page-1967-php .flex-control-nav,
.page-template-page-heritage-php .flex-control-nav,
.page-template-page-grand-php .flex-control-nav,
.page-template-page-dobbeo-php .flex-control-nav,
.page-template-page-extra-php .flex-control-nav {
    position: absolute;
    right: 4em !important;
    text-align: right;
}

.page-template-page-vsop-php .flex-control-paging li a,
.page-template-page-vs-php .flex-control-paging li a,
.page-template-page-10ans-php .flex-control-paging li a,
.page-template-page-1967-php .flex-control-paging li a,
.page-template-page-extra-php .flex-control-paging li a,
.page-template-page-grand-php .flex-control-paging li a,
.page-template-page-dobbeo-php .flex-control-paging li a,
.page-template-page-heritage-php .flex-control-paging li a {
    border: none;
    text-align: left;
    text-indent: -9999px;
}


/* =Homepage
-------------------------------------------------------------- */

.page-template-page-home-php .page-logo {
    position: absolute;
    z-index: 2;
    width: 100%;
    display: none;
}

.page-template-page-home-php .page-logo img {
    margin: 0 auto;
    display: block;
}

.page-template-page-home-php #page {
    max-height: 495px;
    min-height: 495px;
    background-color: #4e3227;
}

.page-logo-home {
    position: absolute;
    z-index: 3;
    top: 1em;
    left: 4em;
}


/* =Page savoir faire
-------------------------------------------------------------- */

#savoirfaire {
    background: url(images/555/savoir_faire_bg.jpg) center top no-repeat;
    color: #fff;
}

.page-template-page-savoirfaire-php .page-logo {
    width: 45%;
    margin-left: 40%;
}

.page-template-page-savoirfaire-php .page-content {
    width: 53%;
    margin-left: 44%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: justify;
}

.page-template-page-savoirfaire-php .entry-header {
    width: 90%;
}

.page-template-page-savoirfaire-php .page-content h1,
h2 {
    color: #b29f76;
}

.page-template-page-savoirfaire-php .page-content a {
    border-bottom: 1px dashed #fff;
    color: #fff!important;
    text-decoration: none;
}

.page-template-page-savoirfaire-php .page-content a:hover {
    color: #b29f76 !important;
}


/* =Page histoire
-------------------------------------------------------------- */

#histoire {
    background: url(images/555/histoire_bg.jpg) center top no-repeat;
    color: #030000;
}

.page-template-page-histoire-php .page-content {
    width: 45%;
    margin-left: 20%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: justify;
}

.page-template-page-histoire-php .page-logo {
    width: 45%;
    margin-left: 40%;
}

.page-template-page-histoire-php .entry-header {
    width: 90%;
}

.page-template-page-histoire-php .page-content h1,
.page-template-page-histoire-php .page-content h2 {
    color: #c8303b;
    text-align: left !important;
}

.page-template-page-histoire-php .page-content a {
    color: #030000!important;
    text-decoration: none;
    border-bottom: 1px dashed #030000;
}

.page-template-page-histoire-php .page-content a:hover {
    color: #c8303b !important;
}


/* =Page mentions légales
-------------------------------------------------------------- */

#mentionslegales {
    background: url(images/555/mentions_legales_bg.jpg) center top no-repeat;
    color: #fff;
}

.page-template-page-mentions-php .page-content {
    width: 100%;
    position: relative;
}

.page-template-page-mentions-php .page-logo {
    width: 45%;
    margin-left: 40%;
}

.page-template-page-mentions-php .scrollbar1 {
    width: 50%;
    margin-left: 42%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: justify;
}

.page-template-page-mentions-php .scrollbar1 .scrollbar {
    display: block !important;
}

.page-template-page-mentions-php .scrollbar1 .thumb {
    background-color: #fff !important;
}

.page-template-page-mentions-php .scrollbar1 .track {
    background-color: #fff !important;
}

.page-template-page-mentions-php .page-content h1 {
    color: #b29f76;
    font-size: 1.3em;
    opacity: 0.5;
    text-transform: uppercase;
    display: block;
    width: 60px;
    margin-left: 33%;
}

.page-template-page-mentions-php .page-content h2 {
    color: #b29f76;
    text-transform: uppercase;
    font-size: 0.875em;
}

.page-template-page-mentions-php .scrollbar1 .viewport {
    height: 360px !important;
}

.page-template-page-mentions-php .page-content a {
    border-bottom: 1px dashed #b29f76;
    color: #b29f76!important;
    text-decoration: none;
}

.page-template-page-mentions-php .page-content a:hover {
    color: #fff !important;
}


/* =Page plan de site
-------------------------------------------------------------- */

#plandesite {
    background: url(images/555/plandesite_bg.jpg) center top no-repeat;
    color: #fff;
}

.page-template-page-plan-php .page-content {
    width: 100%;
    position: relative;
    padding-top: 7em;
}

.page-template-page-plan-php .page-logo {
    width: 45%;
    margin-left: 40%;
    display: none;
}

.page-template-page-plan-php .scrollbar1 .scrollbar {
    display: none;
}

.page-template-page-plan-php .scrollbar1 {
    width: 50%;
    margin-left: 42%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: justify;
}

.page-template-page-plan-php .scrollbar1 .thumb {
    background-color: #fff !important;
}

.page-template-page-plan-php .scrollbar1 .track {
    background-color: #fff !important;
}

.page-template-page-plan-php .page-content h1 {
    color: #b29f76;
    font-size: 1.3em;
    opacity: 0.5;
    text-transform: uppercase;
    display: block;
    width: 150px;
    margin-left: 33%;
}

.page-template-page-plan-php .page-content h2 {
    color: #b29f76;
    text-transform: uppercase;
    font-size: 0.875em;
}

.page-template-page-plan-php .scrollbar1 .viewport {
    height: 360px !important;
}

.page-template-page-plan-php .page-content a {
    border-bottom: 1px dashed #b29f76;
    color: #fff!important;
    text-decoration: none;
}

.page-template-page-plan-php .page-content a:hover {
    color: #b29f76 !important;
}


/* =Page actualites
-------------------------------------------------------------- */

.page-template-page-actualites-php #page {
    max-height: 495px !important;
}

#actualites {
    background-image: url(images/555/bg_actu.jpg);
    color: #4e3227;
    height: 100%;
    position: relative;
    height: 495px;
}

.post-photos {
    margin-left: 495px;
    width: 604px;
    height: 170px;
    background-color: #faf5ef;
    z-index: 10;
}

.center {
    margin: 0 auto;
    width: 505px;
}

#post-photo1 {
    z-index: 4;
}

#post-photo2 {
    z-index: 4;
}

.group1 {
    border: 0
}

.page-template-page-actualites-php .page-content {
    width: 564px;
    margin-left: 485px;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: justify;
    background: url(images/555/bg_actu_txt.png) 0 16px no-repeat;
    padding-top: 5em;
    padding-left: 5em;
    height: 100%;
    min-height: 324px;
    z-index: -1;
}

.page-template-page-actualites-php .entry-content {}

.page-template-page-actualites-php .page-content p {
    line-height: 1.5;
    margin-top: 0;
}

.page-template-page-actualites-php .morenews {
    background: url(images/actualite_ligne.png) 0 0 repeat-x;
    width: 440px;
    margin-left: 535px;
    position: absolute;
    z-index: 4;
    bottom: 55px;
}

.page-template-page-actualites-php .page-logo {
    width: 45%;
    margin-left: 650px;
}

.page-template-page-actualites-php .scrollbar1 .thumb {}

.page-template-page-actualites-php .scrollbar1 .track {}

.page-template-page-actualites-php .page-content h1 {
    color: #c8303b;
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 1em;
}

.page-template-page-actualites-php .page-content h2 {
    color: #b29f76;
    text-transform: uppercase;
    font-size: 0.875em;
}

.page-template-page-actualites-php .morenews a {
    color: #c8303b;
    font-size: 0.875em;
    text-transform: lowercase;
    padding-top: 1em;
    background: url(images/actualite_fleche.png) 0px 15px no-repeat;
    height: 2em;
    padding-left: 2em;
    text-decoration: none;
    display: block;
    line-height: 2em;
}

.page-template-page-actualites-php .morenews a:hover {
    text-decoration: underline;
}

.page-template-page-actualites-php #colophon {
    height: 315px;
}

.page-template-page-actualites-php .hello {
    height: 170px;
}

.page-template-page-actualites-php .footer {
    height: 150px;
}

.page-template-page-actualites-php .hello .langues {}

.page-template-page-actualites-php .scrollbar1 {
    width: 80%;
    clear: both;
}

.page-template-page-actualites-php .scrollbar1 .viewport {
    width: 90%;
    height: 225px;
    overflow: hidden;
    position: relative;
}

.page-template-page-actualites-php .scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}

.page-template-page-actualites-php .scrollbar1 .thumb .end,
.page-template-page-actualites-php .scrollbar1 .thumb {
    background-color: #b29f76;
}

.page-template-page-actualites-php .scrollbar1 .scrollbar {
    position: relative;
    float: right;
    width: 15px;
}

.page-template-page-actualites-php .scrollbar1 .track {
    background-color: #b29f76;
    height: 100%;
    width: 1px;
    position: relative;
    padding: 0 0;
}

.page-template-page-actualites-php .scrollbar1 .thumb {
    height: 20px;
    width: 16px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -8px;
}

.scrollbar1 .thumb .end {
    overflow: hidden;
}

.page-template-page-actualites-php .scrollbar1 .disable {
    display: none;
}

.page-template-page-actualites-php .noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}


/* =Page Article
-------------------------------------------------------------- */

.test #page {
    max-height: 495px !important;
}

#actualites {
    background-image: url(images/555/bg_actu.jpg);
    color: #4e3227;
    height: 100%;
    position: relative;
    height: 495px;
}

.logosingle img {
    display: block;
    margin: 0 auto;
}

.post-photos {
    margin-left: 495px;
    width: 604px;
    height: 170px;
    background-color: #faf5ef;
    z-index: 10;
    /* tom mod*/
    padding-top: 30px;
    height: 140px;
}

.center {
    margin: 0 auto;
    width: 505px;
    border: 0
}

#post-photo1 {
    z-index: 4;
}

#post-photo2 {
    z-index: 4;
}

#test {
    width: 564px;
    margin-left: 485px;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: justify;
    background: url(images/555/bg_actu_txt.png) 0 16px no-repeat;
    padding-top: 5em;
    padding-left: 5em;
    height: 100%;
    min-height: 324px;
    z-index: -1;
}


/*.entry-content {}

.page-content p{line-height: 1.5;margin-top: 0;}

.morenews {
    background: url(images/actualite_ligne.png) 0 0 repeat-x;
    width: 440px;
    margin-left: 535px;
    position: absolute;
    z-index: 4;
    bottom: 55px;

}

#test .page-logo  a img{
    
    width: 45%;
    margin-left:650px;
}*/

#scrollbar1 .thumb {}

#scrollbar1 .track {}

#test .morenews a {
    color: #c8303b;
    font-size: 0.875em;
    text-transform: lowercase;
    padding-top: 1em;
    background: url(images/actualite_fleche.png) 0px 15px no-repeat;
    height: 2em;
    padding-left: 2em;
    text-decoration: none;
    display: block;
    line-height: 2em;
}

#test .morenews a:hover {
    text-decoration: underline;
}

#colophon {
    height: 315px;
}

.hello {
    height: 170px;
}

.footer {
    height: 150px;
}

.hello .langues {}

#parchemin {
    height: 350px;
    overflow: scroll;
    width: 470px;
}

#parchemin p {
    width: 400px;
}

#test .scrollbar1 {
    width: 80%;
    clear: both;
}

#test .scrollbar1 .viewport {
    width: 90%;
    height: 150px;
    overflow: hidden;
    position: relative;
}

#test .scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}

#test .scrollbar1 .thumb .end,
#test .scrollbar1 .thumb {
    background-color: #b29f76;
}

#test .scrollbar1 .scrollbar {
    position: relative;
    float: right;
    width: 15px;
}

#test .scrollbar1 .track {
    background-color: #b29f76;
    height: 100%;
    width: 1px;
    position: relative;
    padding: 0 0;
}

#test .scrollbar1 .thumb {
    height: 20px;
    width: 16px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -8px;
}

.scrollbar1 .thumb .end {
    overflow: hidden;
}

#test .scrollbar1 .disable {
    display: none;
}

#test .noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}


/* =Page contact
-------------------------------------------------------------- */

#contact {
    background: url(images/555/contact_bg.jpg) center top no-repeat;
    color: #fff;
    position: relative;
    /*2507*/
}

.page-template-page-contact-php .page-content {
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: justify;
    margin: 0 auto;
}

.page-template-page-contact-php .page-logo img {
    display: block;
    margin: 0 auto;
}

.page-template-page-contact-php .page-content h1 {
    display: none;
}

.contact-message {
    font: normal 1.3em verdana, helvetica, arial, sans-serif;
    position: absolute;
    left: 100px;
    bottom: 70px;
    width: 40%;
}

.contact-contacts {
    position: absolute;
    bottom: 15px;
    right: 15px;
    line-height: 1.5;
    /*2507*/
}

.contact-bureaux strong,
.contact-domaine strong {
    font-size: 1.3em;
    font-weight: bold;
}

.contact-bureaux {
    padding-bottom: 2em;
}


/* =Page collection intro
-------------------------------------------------------------- */

#collection {
    background: url(images/555/intro_bg.jpg) center top no-repeat;
    color: #fff;
}

.page-template-page-collection-php .page-content {
    font: bold 0.75em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    border-left: 15px #c8303b solid;
    padding-left: 8px;
    position: absolute;
    left: 10px;
    top: 225px;
}

.page-template-page-collection-php .page-content p {
    line-height: 1.5;
    margin: 0;
    width: 230px;
}

.page-template-page-collection-php .page-content a {
    color: #fff;
}

.page-template-page-collection-php .page-content a:hover {
    color: #c8303b;
}

.page-template-page-collection-php .page-logo img {
    display: block;
    margin: 0 auto;
}

.page-template-page-collection-php .page-content h1 {
    display: none;
}

.menu-collection-container {
    width: 30%;
    float: right;
    text-align: right;
    margin-right: 1em;
    margin-top: -75px;
    border-right: 15px #c8303b solid;
}

.menu-collection-container ul {
    list-style-type: none;
    padding-right: 10px;
    margin: 0;
}

.menu-collection-container ul li {
    font-size: 1.1em;
    line-height: 1.5;
}

.menu-collection-container ul li a {
    color: #000;
    text-decoration: none;
}

.menu-collection-container ul li a:hover {
    color: #c8303b;
    text-decoration: none;
    font-weight: bold;
}

.menu-collection-container ul li a:active {
    color: #c8303b;
    text-decoration: none;
}


/* =Page collection vsop
-------------------------------------------------------------- */

.page-template-page-vsop-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#vsop-1 {
    background-image: url(images/555/vsop_zoom.jpg);
    color: #fff;
}

#vsop-1 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#vsop-2 {
    background-image: url(images/555/vsop_bg.jpg);
    color: #fff;
}

#vsop-2 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-vsop-php .page-content h1 {}

.page-template-page-vsop-php .page-content h2 {
    color: #fff;
    font: normal 2.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-vsop-php .page-content h2,
.currentLang-en.page-template-page-vsop-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-vsop-php .page-content a {
    color: #fff !important;
    text-decoration: none;
    border-bottom: 1px dashed #fff;
}

.page-template-page-vsop-php .page-content a:hover {
    color: #000 !important;
}


/* =Page collection vs
-------------------------------------------------------------- */

.page-template-page-vs-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#vs-1 {
    background-image: url(images/555/vs_zoom.jpg);
    margin: 0 auto;
    padding: 0;
    width: auto;
    position: relative;
    color: #000;
}

#vs-1 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#vs-2 {
    background-image: url(images/555/vs_bg.jpg);
    color: #000;
}

#vs-2 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-vs-php .page-content h1 {
    color: #b29f76;
}

.page-template-page-vs-php .page-content h2 {
    color: #000;
    font: normal 4.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-vs-php .page-content h2,
.currentLang-en.page-template-page-vs-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-vs-php .page-content a {
    border-bottom: 1px dashed #000;
    color: #000 !important;
    text-decoration: none;
}

.page-template-page-vs-php .page-content a:hover {
    color: #b29f76 !important;
}


/* =Page collection 10 ans
-------------------------------------------------------------- */

.page-template-page-10ans-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#a10ans-1a {
    background-image: url(images/555/10_ans_zoom.jpg);
    color: #000;
}

#a10ans-1a .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#a10ans-2a {
    background-image: url(images/555/10_ans_bg.jpg);
    color: #000;
}

#a10ans-2a .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-10ans-php .page-content h1 {
    color: #fff;
}

.page-template-page-10ans-php .page-content h2 {
    color: #000;
    font: normal 4.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-10ans-php .page-content h2,
.currentLang-en.page-template-page-10ans-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-10ans-php .page-content a {
    border-bottom: 1px dashed #000;
    color: #000 !important;
    text-decoration: none;
}

.page-template-page-10ans-php .page-content a:hover {
    color: #FFF !important;
}


/* =Page collection 1967
-------------------------------------------------------------- */

.page-template-page-1967-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#a1967-1a {
    background-image: url(images/555/1967_zoom.jpg);
    color: #000;
}

#a1967-1a .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#a1967-2a {
    background-image: url(images/555/1967_bg.jpg);
    color: #000;
}

#a1967-2a .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-10967-php .page-content h1 {
    color: #fff;
}

.page-template-page-1967-php .page-content h2 {
    color: #000;
    font: normal 4.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-1967-php .page-content h2,
.currentLang-en.page-template-page-1967-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-1967-php .page-content a {
    border-bottom: 1px dashed #000;
    color: #000 !important;
    text-decoration: none;
}

.page-template-page-1967-php .page-content a:hover {
    color: #FFF !important;
}


/* =Page collection extra
-------------------------------------------------------------- */

.page-template-page-extra-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#extra-1 {
    background-image: url(images/555/extra_zoom.jpg);
    color: #000;
}

#extra-1 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#extra-2 {
    background-image: url(images/555/extra_bg.jpg);
    color: #000;
}

#extra-2 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-extra-php .page-content h1 {
    color: #b29f76;
}

.page-template-page-extra-php .page-content h2 {
    color: #000;
    font: normal 4.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-extra-php .page-content h2,
.currentLang-en.page-template-page-extra-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-extra-php .page-content a {
    border-bottom: 1px dashed #000;
    color: #000 !important;
    text-decoration: none;
}

.page-template-page-extra-php .page-content a:hover {
    color: #b29f76 !important;
}


/* =Page collection grand
-------------------------------------------------------------- */

.page-template-page-grand-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#grand-1 {
    background-image: url(images/555/grand_century_zoom1.jpg);
    color: #fff;
}

#grand-1 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#grand-3 {
    background-image: url(images/555/grand_century_zoom2.jpg);
    color: #fff;
}

#grand-3 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#grand-2 {
    background-image: url(images/555/grand_century_bg.jpg);
    color: #fff;
}

#grand-2 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-grand-php .page-content h1 {
    color: #b29f76;
}

.page-template-page-grand-php .page-content h2 {
    color: #fff;
    font: normal 4.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-grand-php .page-content h2,
.currentLang-en.page-template-page-grand-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-grand-php .page-content a {
    display: inline;
    color: #fff !important;
    text-decoration: none;
    border-bottom: 1px dashed #fff;
}

.page-template-page-grand-php .page-content a:hover {
    color: #b29f76!important;
}

.page-template-page-grand-php .page-content a {
    border-bottom: 1px dashed #fff;
    color: #fff !important;
    text-decoration: none;
}

.page-template-page-grand-php .page-content a:hover {
    color: #b29f76!important;
}


/* =Page collection heritage
-------------------------------------------------------------- */

.page-template-page-heritage-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#heritage-1 {
    background-image: url(images/555/heritage_zoom.jpg);
    color: #000;
}

#heritage-1 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#heritage-3 {
    background-image: url(images/555/heritage_zoom1.jpg);
    color: #000;
}

#heritage-3 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#heritage-2 {
    background-image: url(images/555/heritage_bg.jpg);
    color: #000;
}

#heritage-2 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-heritage-php .page-content h1 {
    color: #b29f76;
}

.page-template-page-heritage-php .page-content h2 {
    color: #000;
    font: normal 4.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-heritage-php .page-content h2,
.currentLang-en.page-template-page-heritage-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-heritage-php .page-content a {
    border-bottom: 1px dashed #000;
    color: #000 !important;
    text-decoration: none;
}

.page-template-page-heritage-php .page-content a:hover {
    color: #b01312!important;
}


/* =Page collection dobbe o
-------------------------------------------------------------- */

.page-template-page-dobbeo-php .page-content {
    width: 45%;
    margin-left: 53%;
    font: normal 0.625em verdana, helvetica, arial, sans-serif;
    overflow: hidden;
    text-align: left;
}

#dobbeo-1 {
    background-image: url(images/555/dobbeo_zoom.jpg);
    color: #000;
}

#dobbeo-1 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

#dobbeo-2 {
    background-image: url(images/555/dobbeo_bg.jpg);
    color: #000;
}

#dobbeo-2 .page-logo {
    display: block;
    position: absolute;
    right: 115px;
    top: 20px;
    width: 190px;
    height: 107px;
}

.page-template-page-dobbeo-php .page-content h1 {
    color: #000;
}

.page-template-page-dobbeo-php .page-content h2 {
    color: #000;
    font: normal 4.5em "windsong", cursive;
    padding: 0;
    margin: 0;
}

.currentLang-fr.page-template-page-dobbeo-php .page-content h2,
.currentLang-en.page-template-page-dobbeo-php .page-content h2 {
    font: normal 4.5em "windsong", cursive !important;
}

.page-template-page-dobbeo-php .page-content a {
    border-bottom: 1px dashed #000;
    color: #000 !important;
    text-decoration: none;
}

.page-template-page-dobbeo-php .page-content a:hover {
    color: #b01312 !important;
}


/* =Page slider accueil
-------------------------------------------------------------- */

.home .flexslider .slides li {
    height: 555px;
    min-height: 555px;
}

#diamants {
    background-image: url(images/555/slider_diamants.jpg);
}

#table {
    background-image: url(images/555/slider_table.jpg);
}

#voiture {
    background-image: url(images/555/slider_voiture.jpg);
}

#paris {
    background-image: url(images/555/slider_paris.jpg);
}


/*2507*/


/* =Page Entrée
-------------------------------------------------------------- */

.simple_overlay {
    /* must be initially hidden */
    display: none;
    /* place overlay on top of other elements */
    z-index: 10000;
    /* styling */
    background-color: #333;
    width: 1004px;
    min-height: 200px;
    border: 1px solid #666;
    /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay .age-image {
    display: block;
    background: url(images/page-entree.jpg) center no-repeat;
    width: 1004px;
    height: 550px;
    position: relative;
    font-size: 0.625em;
}

.simple_overlay .age-textes {
    position: absolute;
    bottom: 65px;
    right: 0px;
}

.simple_overlay .age-langue {
    float: left;
    width: 105px;
    display: block;
    color: #fff;
    line-height: 1.5em;
    text-align: left;
    padding-right: 5em;
}

.simple_overlay .age-abus {
    clear: both;
    position: absolute;
    bottom: 15px;
    left: 380px;
    letter-spacing: 1px;
    color: #aa987f;
}

.simple_overlay .btn {
    text-decoration: none !important;
    color: #ea7142;
    text-transform: uppercase;
}

.simple_overlay .btn:hover {
    color: #FFF;
    font-weight: bold;
}


/* close button positioned on upper right corner */

.simple_overlay .close {
    background-image: url(/media/img/overlay/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}


/* =Fonctionnel
-------------------------------------------------------------- */


/* slider */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* FlexSlider Necessary Styles
*********************************/

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}


/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    display: block;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.flex-pauseplay span {
    text-transform: capitalize;
}


/* Clearfix for the .slides element */

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}


/* No JavaScript Fallback */


/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/

.flexslider {
    margin: 0px;
    background: #4e3227;
    position: relative;
    zoom: 1;
    height: 100%;
}

.flex-viewport {
    max-height: 1600px;
    height: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
    height: 100%;
}

.carousel li {
    margin-right: 5px
}

.page-template-page-home-php .flexslider {
    margin: 0px;
    background: #4e3227;
    position: relative;
    zoom: 1;
}

.page-template-page-home-php .flex-viewport {
    max-height: 1600px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.page-template-page-home-php .flexslider .slides {
    zoom: 1;
    height: 100%;
}


/* Direction Nav */

.flex-direction-nav {
    display: none;
}

.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(images/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}

.flex-direction-nav .flex-prev {
    left: -36px;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}


/* Control Nav */

.flex-control-nav {
    position: absolute;
    bottom: 1em;
    left: 1em;
    text-align: left;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 1em;
    height: 1em;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 1em;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: #000 solid 1px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #b01312;
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}


/* autres divers */

.post-edit-link {
    display: none !important;
}

#branding {
    display: none;
}

.scrollbar1 {
    width: 100%;
    clear: both;
}

.scrollbar1 .viewport {
    width: 90%;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}

.scrollbar1 .thumb .end,
.scrollbar1 .thumb {
    background-color: #b29f76;
}

.scrollbar1 .scrollbar {
    position: relative;
    float: right;
    width: 15px;
}

.scrollbar1 .track {
    background-color: #b29f76;
    height: 100%;
    width: 1px;
    position: relative;
    padding: 0 0;
}

.scrollbar1 .thumb {
    height: 20px;
    width: 16px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -8px;
}

.scrollbar1 .thumb .end {
    overflow: hidden;
}

.scrollbar1 .disable {
    display: none;
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

@viewport {
    width: device-width;
}

@media only screen and (min-height: 767px) {
    .page-template-page-heritage-php #page,
    .page-template-page-vsop-php #page,
    .page-template-page-vs-php #page,
    .page-template-page-10ans-php #page,
    .page-template-page-1967-php #page,
    .page-template-page-grand-php #page,
    .page-template-page-extra-php #page,
    .page-template-page-dobbeo-php #page,
    .page-template-page-collection-php,
    .page-template-page-histoire-php,
    .page-template-page-savoirfaire-php,
    .page-template-page-actualites-php,
    .page-template-page-contact-php {
        max-height: 605px;
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #colophon,
    #page,
    .footer,
    .hello,
    #access {
        max-width: 760px;
        width: 100%;
    }
    .scrollbar1 .scrollbar {
        display: block;
    }
    .page-template-page-histoire-php .page-content {
        width: 55%;
        margin-left: 8%;
    }
    .page-template-page-savoirfaire-php .page-content {
        width: 57%;
        margin-left: 37%;
    }
    .page-template-page-actualites-php .page-content {
        margin-left: 95px;
    }
    .page-template-page-actualites-php .morenews {
        margin-left: 145px;
    }
    .page-template-page-actualites-php .page-logo {
        margin-left: 300px;
    }
    .post-photos {
        margin-left: 106px;
    }
    .page-template-page-actualites-php .hello .langues {
        padding: 4em 0 0 0.5em;
    }
    .page-template-page-actualites-php .hello .langues a {
        display: block;
    }
    .footer-bout {}
    #ML {
        width: 100%;
        padding-top: 1em;
    }
    .page-template-page-home-php #colophon {
        min-height: 355px;
    }
    .page-template-page-home-php .footer {}
    .page-template-page-home-php .hello .langues {
        display: block;
        clear: both;
        padding: 0 0 1em 1em;
    }
    .flexslider .slides img {
        width: 100%;
    }
    .flex-control-nav {
        bottom: 1em;
        left: 1em;
    }
    .page-template-page-home-php .flexslider {
        height: 300px;
    }
    .page-template-page-heritage-php .entry-content,
    .page-template-page-vsop-php .entry-content,
    .page-template-page-vs-php .entry-content,
    .page-template-page-10ans-php .entry-content,
    .page-template-page-1967-php .entry-content,
    .page-template-page-grand-php .entry-content,
    .page-template-page-extra-php .entry-content,
    .page-template-page-dobbeo-php .entry-content {
        width: 95%;
    }
    .page-template-page-vsop-php .page-content,
    .page-template-page-vs-php .page-content,
    .page-template-page-10ans-php .page-content,
    .page-template-page-1967-php .page-content,
    .page-template-page-dobbeo-php .page-content {
        margin-left: 38%;
        padding: 0;
        width: 60%;
    }
    .page-template-page-heritage-php .page-content,
    .page-template-page-grand-php .page-content,
    .page-template-page-extra-php .page-content {
        margin-left: 48%;
        padding: 0;
        width: 50%;
    }
    .page-template-page-heritage-php h1,
    .page-template-page-vsop-php h1,
    .page-template-page-vs-php h1,
    .page-template-page-10ans-php h1,
    .page-template-page-1967-php h1,
    .page-template-page-grand-php h1,
    .page-template-page-extra-php h1,
    .page-template-page-dobbeo-php h1 {
        text-align: left;
        font-size: 3em;
    }
    .page-template-page-heritage-php h2,
    .page-template-page-vsop-php h2,
    .page-template-page-vs-php h2,
    .page-template-page-10ans-php h2,
    .page-template-page-1967-php h2,
    .page-template-page-grand-php h2,
    .page-template-page-extra-php h2,
    .page-template-page-dobbeo-php h2 {
        text-align: left;
        font-size: 1.5em !important;
        font-weight: bold;
    }
    .page-template-page-heritage-php .fleche_slider a,
    .page-template-page-vsop-php .fleche_slider a,
    .page-template-page-vs-php .fleche_slider a,
    .page-template-page-10ans-php .fleche_slider a,
    .page-template-page-1967-php .fleche_slider a,
    .page-template-page-grand-php .fleche_slider a,
    .page-template-page-extra-php .fleche_slider a,
    .page-template-page-dobbeo-php .fleche_slider a {
        right: 5px;
    }
    .page-template-page-heritage-php .fleche_slider_r a,
    .page-template-page-vsop-php .fleche_slider_r a,
    .page-template-page-vs-php .fleche_slider_r a,
    .page-template-page-10ans-php .fleche_slider_r a,
    .page-template-page-1967-php .fleche_slider_r a,
    .page-template-page-grand-php .fleche_slider_r a,
    .page-template-page-extra-php .fleche_slider_r a,
    .page-template-page-dobbeo-php .fleche_slider_r a {
        left: 5px;
    }
    .page-template-page-heritage-php .page-logo-fp img,
    .page-template-page-vsop-php .page-logo-fp img,
    .page-template-page-vs-php .page-logo-fp img,
    .page-template-page-10ans-php .page-logo-fp img,
    .page-template-page-1967-php .page-logo-fp img,
    .page-template-page-grand-php .page-logo-fp img,
    .page-template-page-extra-php .page-logo-fp img,
    .page-template-page-dobbeo-php .page-logo-fp img {
        margin: 0 auto !important;
        display: block !important;
        width: 190px!important;
        height: 107px!important;
    }
    .cform {
        width: 600px !important;
    }
    .cform input.single {
        width: 250px !important;
    }
    .menu-collection-container {
        right: 1% !important;
        margin-right: 0 !important;
    }
    .page-template-page-collection-php .page-content {
        left: 0px !important;
        top: 260px !important;
    }
    .page-template-page-collection-php .fleche_slider a {
        top: 310px !important;
    }
    #vs-1 .page-logo,
    #vsop-1 .page-logo,
    #a10ans-1a .page-logo,
    #a1967-1a .page-logo {
        right: 0;
        top: 0;
    }
    .simple_overlay .age-image {
        width: 767px;
    }
    .simple_overlay .age-langue {
        padding-right: 3em;
    }
}


/* =Content
-------------------------------------------------------------- */

.sticky {}

.entry-meta {
    clear: both;
    display: block;
}

.single-author .entry-meta .byline {
    display: none;
}

#content nav {
    display: block;
    overflow: hidden;
}

#content nav .nav-previous {
    float: left;
    width: 50%;
}

#content nav .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

#content #nav-above {
    display: none;
}

.paged #content #nav-above,
.single #content #nav-above {
    display: block;
}

#nav-below {
    margin: 1em 0 0;
}

.page-link {
    clear: both;
    margin: 0 0 1em;
}

.page .edit-link {
    clear: both;
    display: block;
}


/* 404 page */

.error404 .widget {
    float: left;
    width: 33%;
}

.error404 .widget .widgettitle,
.error404 .widget ul {
    margin-right: 1em;
}

.error404 .widget_tag_cloud {
    clear: both;
    float: none;
    width: 100%;
}


/* Notices */

.post .notice,
.error404 #searchform {
    background: #eee;
    display: block;
    padding: 1em;
}


/* Image Attachments */

.image-attachment div.entry-meta {
    float: left;
}

.image-attachment nav {
    float: right;
    margin: 0 0 1em 0;
}

.image-attachment .entry-content {
    clear: both;
}

.image-attachment .entry-content .entry-attachment {
    background: #eee;
    margin: 0 0 1em;
    padding: 1em;
    text-align: center;
}

.image-attachment .entry-content .attachment {
    display: block;
    margin: 0 auto;
    text-align: center;
}


/* Aside Posts */

.format-aside .entry-header {
    display: none;
}

.single .format-aside .entry-header {
    display: block;
}

.format-aside .entry-content,
.format-aside .entry-summary {
    padding-top: 1em;
}

.single .format-aside .entry-content,
.single .format-aside .entry-summary {
    padding-top: 0;
}


/* Gallery Posts */

.format-gallery .gallery-thumb {
    float: left;
    margin: 0 1em 0 0;
}


/* Image Posts */

.format-image .entry-header {
    display: none;
}

.single .format-image .entry-header {
    display: block;
}

.format-image .entry-content,
.format-image .entry-summary {
    padding-top: 1em;
}

.single .format-image .entry-content,
.single .format-image .entry-summary {
    padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
    border: none;
}

p img {
    margin-bottom: 0.5em;
    /* a small bottom margin prevents content floating under images */
}


/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
    max-width: 100%;
    /* When images are too wide for containing element, force them to fit. */
    height: auto;
    /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {
    margin-right: 1em;
}

img.alignright {
    margin-left: 1em;
}

.wp-caption {
    padding: .5em;
    text-align: center;
}

.wp-caption img {
    margin: .25em;
}

.wp-caption .wp-caption-text {
    margin: .5em;
}

.gallery-caption {}

.wp-smiley {
    margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
    display: none;
}

#searchform input#s {
    width: 60%;
}

input[type=text],
input#s {
    margin: 0 1em 0 0;
    width: 60%;
}

textarea {
    width: 80%;
}


/* Class for labelling required form items */

.required {
    color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
    display: block;
}

#respond input[type=text] {
    display: block;
    width: 60%;
}

#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 80%;
}

#respond .form-allowed-tags {
    clear: both;
    width: 80%;
}

#respond .form-allowed-tags code {
    display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
    display: block;
}

.widget-area .widget_search {
    overflow: hidden;
}

.widget-area .widget_search input {
    float: left;
}

.currentLang-zh.page-template-page-heritage-php .page-content h2,
.currentLang-zh.page-template-page-vsop-php .page-content h2,
.currentLang-zh.page-template-page-vs-php .page-content h2,
.currentLang-zh.page-template-page-10ans-php .page-content h2,
.currentLang-zh.page-template-page-1967-php .page-content h2,
.currentLang-zh.page-template-page-grand-php .page-content h2,
.currentLang-zh.page-template-page-extra-php .page-content h2,
.currentLang-zh.page-template-page-dobbeo-php .page-content h2 {
    font: normal 2.5em arial, sans-serif !important;
    padding-bottom: 1em;
}


/* dobbe form cforms */

.page-template-page-contact .cform {
    width: 650px;
    height: 210px;
    position: relative;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background: transparent;
    margin: 0;
}

.page-template-page-contact .cform fieldset {
    margin-top: 10px;
    padding: 5px 0 15px 0;
    border: 1px solid #adadad;
    border-left-color: #ececec;
    border-top-color: #ececec;
    background: #f7f7f7;
}

.page-template-page-contact .cform .cf_hidden {
    display: none;
    border: none!important;
    background: none!important;
    padding: 0!important;
    margin: 0!important;
}

.page-template-page-contact .cform legend {
    margin-left: 10px;
    padding: 0 2px;
    font: normal 20px Times;
    color: #666666;
}

.page-template-page-contact ol.cf-ol {
    margin: 0!important;
    padding: 0!important;
}

.page-template-page-contact ol.cf-ol li {
    background: none!important;
    margin: 5px 0!important;
    padding: 0;
    list-style: none!important;
    text-align: left;
    line-height: 1.3em;
}


/*                                                    */


/* just for text-only fields (no input)               */


/*                                                    */

.page-template-page-contact ol.cf-ol li.textonly {
    background: #F0F0F0 !important;
    letter-spacing: 1px;
    margin: 10px 0pt !important;
    padding: 5px 0pt;
    text-align: center;
}


/*                                                    */


/* global definitions for field labels                */


/*                                                    */

.page-template-page-contact .cform label {
    width: 90px;
    margin: 4px 10px 0 0;
    display: -moz-inline-box;
    /*for mozilla*/
    display: inline-block;
    /*for Opera & IE*/
    text-align: right;
    vertical-align: top;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

.page-template-page-contact .cform label span {
    width: 90px;
    /* must be the same as above!*/
    display: block;
}

.page-template-page-contact label.cf-before {
    margin: 4px 10px 0 0;
}

.page-template-page-contact label.cf-after {
    margin: 4px 15px 0pt 6px;
    text-align: left;
    width: 115px;
}

.page-template-page-contact label.cf-after span {
    width: 115px;
    display: block;
}

.page-template-page-contact label.cf-group-after {
    margin: 3px 4px 0 2px;
    width: 72px;
    text-align: left;
}

.page-template-page-contact label.cf-group-after span {
    width: 72px;
    display: block;
}


/*                                                    */


/*   FORM FIELDS general formatting                   */


/*                                                    */

.page-template-page-contact .cform input,
.page-template-page-contact .cform textarea,
.page-template-page-contact .cform select {
    padding: 3px;
    background: #fff;
    border: 1px solid #c6303a;
    vertical-align: top;
}

.page-template-page-contact .cform input:hover,
.page-template-page-contact .cform textarea:hover,
.page-template-page-contact .cform select:hover {
    background: #eee;
}

.page-template-page-contact .cform input:focus,
.page-template-page-contact .cform textarea:focus,
.page-template-page-contact .cform select:focus {
    background: #F3F8F8;
}

.page-template-page-contact .cform textarea,
.page-template-page-contact .cform input {
    width: 300px;
}

.page-template-page-contact .cform select {
    width: 158px;
    /* attempt to have equal length */
    padding: 2px 0;
}

.page-template-page-contact .cform select.cfselectmulti {
    height: 7.5em;
}

.page-template-page-contact .cform textarea {
    font-family: arial;
    font-size: 0.9em;
    overflow: auto;
}


/*                                                    */


/*   radio button title                               */


/*                                                    */

.page-template-page-contact ol.cf-ol li.cf-box-title {
    font-weight: bold;
    letter-spacing: 1px;
    padding: 8px 0 0 100px;
    /* check with label 'width' incl. */
}


/*                                                    */


/*   check boxes                                      */


/*                                                    */

.page-template-page-contact .cform input.cf-box-a,
.page-template-page-contact .cform input.cf-box-b {
    margin: 2px 0 0 0;
    width: 22px;
    height: 22px;
    -webkit-appearance: checkbox;
}

.page-template-page-contact .cform input.cf-box-a {
    margin-left: 100px;
    /* check with label 'width' incl. */
}


/*                                                    */


/* check box groups                                   */


/*                                                    */

.page-template-page-contact ol.cf-ol li.cf-box-group {
    margin: 10px 0pt 0px !important;
    padding-left: 100px;
}


/*                                                    */


/* formatting for text:  "(required)"  & other        */


/*                                                    */

.page-template-page-contact span.reqtxt,
.page-template-page-contact span.emailreqtxt {
    margin: 3px 0 0 3px;
    font-size: 0.9em;
    display: -moz-inline-box;
    vertical-align: top;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

.page-template-page-contact span.emailreqtxt {
    display: none;
}


/*                                                    */


/*   FORM submit button                               */


/*                                                    */

.page-template-page-contact p.cf-sb {
    text-align: right;
    padding: 0!important;
    margin: 0;
}

.page-template-page-contact .cform input.backbutton,
.page-template-page-contact .cform input.resetbutton,
.page-template-page-contact .cform input.sendbutton {
    width: 80px;
    height: 22px;
    padding: 5px;
    margin: 10px 0 0 5px;
    font-size: 1em;
    border: 1px solid #adadad!important;
    border-left-color: #ececec!important;
    border-top-color: #ececec!important;
    border-radius: 10px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    right: -145px !important;
    box-shadow: 0px 4px 18px #000;
}

.page-template-page-contact .cform input.resetbutton {
    width: auto;
    padding: 5px 1em;
}

.page-template-page-contact .cform input.backbutton {
    width: auto;
    padding: 5px 1em;
}


/*                                                    */


/*   FORM FIELDS enhanced error display               */


/*                                                    */

.page-template-page-contact ol.cf-ol li.cf_li_err {
    background: none !important;
    border: none;
    padding: none!important;
    margin: none!important;
}

.page-template-page-contact ol.cf-ol li.cf_li_err span {
    color: red;
}

.page-template-page-contact ol.cf-ol li ul.cf_li_text_err {
    height: 1%;
    min-height: 1%;
    margin: 0 0 0 100px;
    padding: 0;
    color: #333;
}

.page-template-page-contact ol.cf-ol ul.cf_li_text_err li {
    background: url(icon-alert.png) no-repeat left 1px!important;
    list-style: none!important;
    font-weight: bold;
    text-indent: 0;
    margin: 0 0 2px!important;
    padding-left: 15px;
}

.page-template-page-contact ol.cf-ol ul.cf_li_text_err li:before {
    content: '';
}


/*                                                    */


/* 'visitor verification' related styles              */


/*                                                    */

.page-template-page-contact label.secq,
.page-template-page-contact label.seccap {
    vertical-align: text-bottom;
    margin-bottom: 4px;
}

.page-template-page-contact input.secinput {
    vertical-align: text-bottom;
}

.page-template-page-contact #cforms_captcha6,
.page-template-page-contact #cforms_captcha5,
.page-template-page-contact #cforms_captcha4,
.page-template-page-contact #cforms_captcha3,
.page-template-page-contact #cforms_captcha2,
.page-template-page-contact #cforms_captcha {
    height: 15px;
    width: 50px;
    padding: 4px 4px;
    margin: 0;
}

.page-template-page-contact img.captcha {
    vertical-align: text-bottom;
    margin: 0 0 0 10px!important;
    padding: 0!important;
    border: none!important;
    float: none!important;
}

.page-template-page-contact img.captcha-reset {
    vertical-align: text-bottom;
    background: url(captcha_reset_grey.gif) no-repeat;
    margin: 0 0 2px 3px;
    width: 21px;
    height: 21px;
    border: none;
}

.page-template-page-contact img.imgcalendar {
    border: none;
}


/*                                                    */


/* change formatting of response msgs here            */


/*                                                    */

.page-template-page-contact div.cf_info,
.page-template-page-contact div.failure {
    color: #333;
    display: none;
    padding: 10px 15px!important;
    width: 380px;
    line-height: 1.3em;
    margin: 10px auto;
    background: transparent none !important;
    font-size: 11px;
}

.page-template-page-contact div.cf_info ol {
    margin: 0;
    padding: 5px 15px 0 30px;
}

.page-template-page-contact div.cf_info ol li {
    padding: 1px 0;
    margin: 2px 0;
}

.page-template-page-contact div.cf_info a {
    color: #ad2929!important;
    text-decoration: underline!important;
}

.page-template-page-contact div.success {
    color: #000;
    display: block;
    font-weight: bold;
}

.page-template-page-contact .currentLang-zh div.failure,
.page-template-page-contact .currentLang-zh div.success {
    font-size: 2em;
}

.page-template-page-contact div.failure {
    display: block;
    border: none;
    font-weight: bold;
}

.page-template-page-contact div.waiting {
    color: #AAAAAA;
    display: block;
}


/*                                                    */


/*   formatting for invalid user inputs               */


/*                                                    */

.page-template-page-contact .cform .cf_error {
    color: #ad2929;
    border: 1px solid #ad2929;
}

.page-template-page-contact div.mailerr {
    display: block;
}

.page-template-page-contact .mailerr,
.page-template-page-contact .cform .cf_errortxt {
    color: #ad2929;
}


/*                                                    */


/* disabled fields [disabled] does not work on IE!    */


/*                                                    */

.page-template-page-contact [disabled] {
    color: #dddddd;
    border-color: #dddddd!important;
    background: none!important;
}

.page-template-page-contact .disabled {
    border-color: #dddddd!important;
}


/*                                                    */


/* upload box styling                                 */


/*                                                    */

.page-template-page-contact .cform input.cf_upload {
    width: 220px;
    background: #f9f9f9;
    border: 1px solid #888888;
}


/*                                                    */


/*  Other: link love                                  */


/*                                                    */

.page-template-page-contact .linklove {
    width: 410px;
    margin: 0 auto 10px!important;
    padding: 0!important;
    text-align: center!important;
}

.page-template-page-contact .linklove a,
.page-template-page-contact .linklove a:visited {
    font-size: 0.8em;
    font-family: Tahoma;
    color: #aaaaaa!important;
    display: none;
}


/*                                                    */


/*  Other: browser hacks                              */


/*                                                    */

* html .page-template-page-contact .cform fieldset {
    position: relative;
    margin-top: 15px;
    padding-top: 25px;
}

* html .page-template-page-contact .cform legend {
    position: absolute;
    top: -10px;
    left: 10px;
    margin-left: 0;
}

*+html .page-template-page-contact .cform fieldset {
    position: relative;
    margin-top: 15px;
    padding-top: 25px;
}

*+html .page-template-page-contact .cform legend {
    position: absolute;
    top: -10px;
    left: 10px;
    margin-left: 0;
}

* html .page-template-page-contact ol.cf-ol,
* html .page-template-page-contact ol.cf-ol li,
* html .page-template-page-contact span.reqtxt,
* html .page-template-page-contact span.emailreqtxt {
    display: inline-block;
    /*for ie6*/
}

*+html .page-template-page-contact .cform label,
*+html .page-template-page-contact ol.cf-ol,
*+html .page-template-page-contact ol.cf-ol li,
*+html .page-template-page-contact span.reqtxt,
*+html .page-template-page-contact span.emailreqtxt {
    display: inline-block;
    /*for ie7*/
}

* html .page-template-page-contact img.captcha {
    margin-bottom: 1px!important;
}

*+html .page-template-page-contact img.captcha {
    margin-bottom: 1px!important;
}


/* dobbe form */

.page-template-page-contact #li--1 {
    float: left;
    margin: 0px !important;
}

.page-template-page-contact #li--2 {}

.page-template-page-contact #li--3 {
    clear: both;
}

.page-template-page-contact #li--8 {
    float: right;
    position: absolute;
    top: 6px;
    right: -145px !important;
}

.page-template-page-contact #li--8 label {
    display: block;
    text-align: left;
}

.page-template-page-contact #li--8 textarea {
    width: 360px !important;
    height: 117px;
}

.page-template-page-contact #li--8 span.reqtxt,
span.emailreqtxt {
    display: block;
}

.page-template-page-contact #li--8 span.reqtxt {
    margin: 20px -70px;
}


/* fixes */

.page-template-page-actualites-php .post-photos {
    text-align: center;
}

.page-template-page-actualites-php .post-photos img {
    width: auto;
    height: auto;
    max-width: 250px;
    max-height: 140px;
}