html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit
    }
br.mobil {
    display: none
    }
body {
    height: 100%;
    overflow: auto;
    background-color: black;
    color: #a89144
    }
header {
    background-color: Black
    }
img.banniere {
    width: 100%;
    margin-top: 1%
    }
h1.h1chateau {
    clear: both
    }
/***************************************************************/
/************************ Reseau sociaux ***********************/
/***************************************************************/
.rsociaux {
    float: right;
    margin-top: 0
    }
/***************************************************************/
/************************ Inscriptio2 **************************/
/***************************************************************/
.connect2 {
    width: 40%;
    padding: 5%;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.41, #4C4D36), color-stop(1, #171716));
    background-image: -o-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -moz-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -webkit-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -ms-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: linear-gradient(to left bottom, #4C4D36 41%, #171716 100%)
    }
/***************************************************************/
/************************ Inscription **************************/
/***************************************************************/
.connect {
    margin-left: 25%;
    width: 40%;
    padding: 5%;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.41, #4C4D36), color-stop(1, #171716));
    background-image: -o-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -moz-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -webkit-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -ms-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: linear-gradient(to left bottom, #4C4D36 41%, #171716 100%)
    }
label.inscription {
    display: inline-block;
    width: 300px;
    font-size: 25px;
    float: left
    }
label.ok {
    color: white;
    font-size: 20px
    }
label.ok2 {
    color: #18D547;
    font-size: 20px
    }
label.error {
    color: red;
    font-size: 20px
    }
label.erreurid {
    color: red;
    font-size: 20px
    }
a.ok {
    text-decoration: none;
    color: white;
    font-size: 20px
    }
a.lienregister {
    text-decoration: none;
    color: white;
    font-size: 20px
    }
a.okconnect {
    text-decoration: none;
    color: yellow;
    font-size: 20px
    }
input.inscription {
    width: 40%;
    height: 20px;
    color: #01A9DB;
    font-size: 20px;
    padding: 1%;
    border-radius: 10px
    }
input.upload {
    width: 80%;
    height: 20px
    }
.submit {
    width: 30%;
    height: 20px;
    font-size: 20px;
    font-size: 25px;
    color: #01A9DB
    }
textarea {
    width: 40%;
    height: 20px;
    color: #01A9DB;
    font-size: 20px;
    padding: 1%;
    border-radius: 10px
    }
/****************************************************************************************/
/******************************* Les portraits ******************************************/
/****************************************************************************************/
/***************************** Jacques Garcia  ***************************/
h1.histoiregarciamobil {
    display: none
    }
section.jg {
    width: 100%;
    background-image: url("../images/Background Jacques Garcia 1000x667.jpg");
    background-repeat: no-repeat
    }
h1.histoiregarcia {
    font-size: 3em;
    color: #AE5D58;
    font-family: Old Standard TT
    }
h2.textjacquesgarcia {
    position: relative;
    width: 40%;
    margin-left: 5%;
    margin-top: 14em;
    font-size: 30px;
    color: white;
    font-family: Old Standard TT;
    float: left
    }
p.articlejacquesgarcia {
    height: 35em;
    color: white;
    width: 50%;
    text-align: left;
    font-size: 16px;
    font-family: Old Standard TT;
    overflow: auto
    }
label.citationjacquesgarcia {
    clear: left;
    font-size: 22px;
    margin-left: 1%;
    color: white
    }
label.signaturejacquesgarcia {
    margin-left: 1%;
    font-size: 20px;
    color: white
    }
/*****************************  Patrick Pottier  *****************************/
h1.histoirepottiermobil {
    display: none
    }
section.pp {
    width: 100%;
    background-position: right top;
    background-image: url("../images/Background Patrick Pottier 1000x667.jpg");
    background-repeat: no-repeat
    }
h1.histoirepottier {
    margin-top: 1%;
    font-size: 3em;
    color: #1377CA;
    font-family: Old Standard TT
    }
h2.textpatrickpottiermobil {
    display: none
    }
p.articlepatrickpottier {
    position: relative;
    margin-left: 5%;
    height: 28em;
    color: white;
    width: 50%;
    text-align: left;
    font-size: 16px;
    font-family: Old Standard TT;
    overflow: auto
    }
h2.textpatrickpottier {
    position: relative;
    margin-top: 0;
    width: 22%;
    margin-left: 45%;
    font-size: 1.5em;
    color: white;
    font-family: Old Standard TT
    }
label.signaturepatrickpottier {
    margin-left: 5%;
    font-size: 20px;
    color: white;
    clear: both
    }
/*****************************  Le château  *****************************/
h1.histoirechateaumobil {
    display: none
    }
section.chateau {
    width: 100%;
    background-position: center top;
    background-image: url("../images/Background château et jacques 1200x893.jpg");
    background-repeat: no-repeat
    }
h1.histoirechateau {
    margin-top: 1%;
    font-size: 3em;
    color: #AE5D58;
    font-family: Old Standard TT
    }
p.articlechateau {
    margin-left: 44%;
    margin-top: 13em;
    height: 34em;
    color: white;
    width: 48%;
    text-align: left;
    font-size: 16px;
    font-family: Old Standard TT;
    overflow: auto
    }
label.titretext {
    font-size: 2em;
    color: #AE5D58;
    font-size: 22px
    }
/***************************** Les jardins *****************************/
h1.histoirejardinmobil {
    display: none
    }
section.jardin {
    width: 100%;
    background-position: 80% top;
    background-image: url("../images/Background jardin patrick 1000x800.jpg");
    background-repeat: no-repeat
    }
h1.histoirejardin {
    margin-top: 1%;
    font-size: 3em;
    color: #1377CA;
    font-family: Old Standard TT
    }
p.articlejardin {
    margin-left: 5%;
    margin-top: 0%;
    height: 48em;
    color: white;
    width: 48%;
    text-align: left;
    font-size: 16px;
    font-family: Old Standard TT;
    overflow: auto
    }
label.titretextjardin {
    font-size: 2em;
    color: #1377CA;
    font-size: 22px
    }
/************************************************************************/
/***************************** Nous Joindre *****************************/
/************************************************************************/
/***************************** Nous Joindre *****************************/
h1.formcontact {
    color: #AE5D58;
    font-size: 3em;
    font-family: Old Standard TT
    }
h4.formcontact4 {
    color: white;
    font-size: 0.8em;
    font-family: Old Standard TT
    }
section.coordonneesmobil {
    display: none
    }
section.coordonnees {
    margin-left: 10%;
    width: 80%;
    border-radius: 10px;
    height: auto
    }
div.encartgauche {
    float: left;
    width: 40%
    }
h2.formcontact {
    color: #AE5D58;
    font-family: Old Standard TT
    }
p.formcontact {
    font-family: Old Standard TT
    }
label.horaire {
    color: white;
    font-size: 20px;
    font-family: Old Standard TT
    }
iframe {
    width: 50%
    }
div.adresse {
    float: left;
    width: 40%
    }
label.adresse {
    font-size: 20px
    }
label.adresse1 {
    color: white;
    font-size: 20px;
    font-family: Old Standard TT
    }
label.adressemail {
    color: white;
    font-size: 20px;
    font-family: Old Standard TT
    }
div.adresse2 {
    float: right;
    width: 60%
    }
div.clearboth {
    clear: both
    }
div.encartdroite2 {
    width: 60%;
    margin-left: 20%
    }
h2.formcontact2 {
    margin-left: 0%;
    color: #AE5D58;
    font-family: Old Standard TT
    }
label.formcontact {
    float: left;
    margin-left: 0%;
    color: white;
    font-size: 20px
    }
input.formcontactradio {
    display: block;
    background-color: #1377BD;
    font-family: "Fontin";
    font-size: 20pt;
    color: white;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border-style: solid;
    border-color: white;
    border-size: 1px;
    border-radius: 10px
    }
.radio {
    margin-left: 2%;
    padding-left: 2%
    }
input.formcontact {
    float: right;
    width: 60%;
    border-radius: 5px;
    font-family: Old Standard TT;
    font-size: 18px;
    color: #1399BD
    }
select.formcontact {
    float: right;
    width: 50%;
    border-radius: 5px;
    font-family: Old Standard TT;
    font-size: 18px;
    color: #1399BD
    }
textarea.formcontact {
    float: right;
    width: 48%;
    height: 3em;
    border-radius: 5px;
    font-family: Old Standard TT;
    font-size: 18px;
    color: #1399BD
    }
input.formcontact1 {
    width: 30%;
    background-color: #1397BD;
    color: white;
    font-size: 18px;
    padding: 1%
    }
input.formcontact1[type=submit]:hover, input.formcontact1[type=reset]:hover {
    width: 30%;
    background-color: #1397BD;
    color: white;
    font-size: 18px;
    padding: 1%;
    border: solid;
    border-color: white;
    border-size: 3px;
    cursor: pointer
    }
div.encartgauche2 {
    clear: both
    }
p.formcontact3 {
    margin-left: 5%;
    text-align: left;
    color: white;
    font-size: 18px
    }
label.chiffre {
    color: white;
    font-size: 16pt;
    font-family: "Old Standard TT"
    }
marquee {
    color: #AE5D58;
    font-size: 22px
    }
/************************************************************************/
/************************** Galeries photos *****************************/
/************************************************************************/
/************************** Galeries photos *****************************/
h1.galeriesphotos1 {
    font-size: 3em;
    color: white;
    font-family: Old Standard TT
    }
/************************************************************************/
/************************** Les évenements  *****************************/
/************************************************************************/
/************************** Les évenements  *****************************/
section.pageevenements {
    width: 80%;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.41, #4C4D36), color-stop(1, #171716));
    background-image: -o-linear-gradient(left bottom, #212121 16%, #78787A 100%);
    background-image: -moz-linear-gradient(left bottom, #212121 16%, #78787A 100%);
    background-image: -webkit-linear-gradient(left bottom, #212121 16%, #78787A 100%);
    background-image: -ms-linear-gradient(left bottom, #212121 16%, #78787A 100%);
    background-image: linear-gradient(to left bottom, #212121 16%, #78787A 100%)
    }
img.hrlogo {
    width: 4%
    }
label.evenementid {
    font-size: 10px;
    font-family: Old Standard TT
    }
h1.evenements {
    font-size: 2em;
    color: white;
    font-family: Old Standard TT
    }
label.evenementdate {
    font-size: 1.5em;
    color: white;
    font-family: Old Standard TT;
    clear: both
    }
label.evenementdescriptif {
    color: white;
    font-family: Old Standard TT
    }
img.imgevenementimg {
    width: 70%;
    border: solid;
    border-color: white;
    border-size: 4px;
    border-radius: 5px
    }
label.evenementprix {
    color: white;
    font-family: Old Standard TT;
    font-size: 2em
    }
/************************************************************************/
/**************************** La Galerie ********************************/
/************************************************************************/
/**************************** La galerie ********************************/
select.selectcategorie {
    background-color: #1377BD;
    color: white;
    font-family: Old Standard TT;
    font-size: 20px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border-style: solid;
    border-color: white;
    border-size: 1px;
    border-radius: 10px
    }
select.selectcategorie option {
    background-color: white;
    color: #1377BD
    }
/************************************************************************/
/************************** Administrateurs *****************************/
/************************************************************************/
/******************************* Login **********************************/
h1.login {
    font-size: 1.2em;
    color: white;
    font-family: Old Standard TT
    }
section.evenements {
    width: 80%;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.41, #4C4D36), color-stop(1, #171716));
    background-image: -o-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -moz-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -webkit-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: -ms-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
    background-image: linear-gradient(to left bottom, #4C4D36 41%, #171716 100%)
    }
h2.evenements {
    font-size: 1em;
    color: white;
    font-family: Old Standard TT
    }
table {
    margin-left: 30%;
    width: 50%
    }
img.imgevenement {
    width: 100%;
    border: solid;
    border-color: white;
    border-size: 4px;
    border-radius: 5px
    }
table.tableau1 {
    float: left
    }
label.evenement {
    float: left;
    color: white;
    font-size: 18px;
    margin-left: 5%;
    display: inline-block;
    width: 200px
    }
input.evenement {
    color: #01A9DB;
    font-size: 18px;
    margin-left: 15%;
    display: inline-block
    }
select.evenement {
    color: white;
    font-size: 18px;
    margin-left: 15%;
    display: inline-block
    }
textarea.evenement {
    height: 10em
    }
input.submit {
    color: #01A9DB;
    font-size: 18px;
    width: 80px;
    padding: 5%;
    margin-left: 40%
    }
label.evenementimg a {
    color: white;
    font-size: 18px;
    float: left;
    margin-left: 5%;
    display: inline-block;
    width: 200px;
    text-decoration: none
    }
img.boutique {
    float: left
    }
label.evenementurl {
    color: white;
    font-size: 18px
    }
th.tableau1 {
    width: 25%;
    padding: 5px
    }
label.evenementlien a {
    text-decoration: none;
    color: white;
    font-size: 16px
    }
label.evenementlien a:hover {
    text-decoration: none;
    color: #56D912;
    font-size: 18px
    }
textarea.textarea {
    height: 4em
    }
select.invisible {
    display: none
    }
section.forminsertionarticles {
    text-align: left;
    margin-left: 5%
    }
section.forminsertionarticles label {
    display: block;
    float: left
    }
/************************************************************************/
/***************************** Restaurant *******************************/
/************************************************************************/
h1.restaurant {
    font-size: 3em;
    color: #AE5D58;
    font-family: Old Standard TT
    }
h2.restaurant {
    color: #AE5D58;
    font-family: Old Standard TT;
    font-size: 2.5em
    }
h3.restaurant {
    color: white;
    font-family: Old Standard TT;
    font-size: 2em
    }
img.imgrestaurant {
    width: 50%
    }
img.cocktails {
    width: 80%
    }
label.titrecarte {
    margin-left: 25%;
    color: white;
    font-size: 1.2em;
    font-family: Old Standard TT;
    font-weight: bold
    }
label.restaurant {
    color: white;
    font-family: Old Standard TT;
    font-size: 1.2em
    }
img.tabledeuxplats {
    width: 80%;
    margin-left: 0%;
    border: solid;
    border-color: white;
    border-size: 5px
    }
img.carte1 {
    width: 30%;
    margin-left: 1%;
    margin-top: 3%
    }
img.carte2 {
    width: 30%;
    margin-left: 3%;
    margin-top: 3%
    }
img.carte3 {
    width: 30%;
    margin-left: 3%;
    margin-top: 3%
    }
img.carte4 {
    width: 30%;
    margin-left: 1%;
    margin-top: 3%
    }
img.carte5 {
    width: 30%;
    margin-left: 3%;
    margin-top: 3%
    }
img.carte6 {
    width: 30%;
    margin-left: 3%;
    margin-top: 3%
    }
img.carte1:hover {
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc
    }
img.carte2:hover {
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc
    }
img.carte3:hover {
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc
    }
img.carte4:hover {
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc
    }
img.carte5:hover {
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc
    }
img.carte6:hover {
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc
    }
label.titremessage2 {
    color: white;
    font-family: Old Standard TT;
    font-size: 3em
    }
/************************************************************************/
/***************************** Conditions *******************************/
/************************************************************************/
label.conditions {
    color: white;
    font-family: Old Standard TT;
    font-size: 1em;
    font-weight: bold;
    padding: 2%
    }
p.conditions2 {
    color: white;
    font-family: Old Standard TT;
    font-size: 1em;
    padding: 2%
    }
/*********************************************************************************************************************************************************************/
/******************************************************************** Version tablette position verticale  1000p ******************************************************/
/*********************************************************************************************************************************************************************/
@media screen and (max-width: 1200px) {
    body {
        height: 100%;
        overflow: auto;
        background-color: black;
        color: #a89144
        }
    .mobil {
        display: initial
        }
    section.chateau {
        width: 100%;
        background-position: center top;
        background-image: url("../images/Background château et jacques 1000x744.jpg");
        background-repeat: no-repeat
        }
    }
/*********************************************************************************************************************************************************************/
/******************************************************************** Version tablette position verticale  800p ******************************************************/
/*********************************************************************************************************************************************************************/
@media screen and (max-width: 800px) {
    body {
        height: 100%;
        overflow: auto;
        background-color: black;
        color: #a89144
        }
    .mobil {
        display: initial
        }
    /****************************************************************************************/
    /******************************* Les portraits tablette 600px *****************************/
    /****************************************************************************************/
    /****************************** Jacques Garcia tablette 600px *****************************/
    h1.histoiregarcia {
        display: none
        }
    h1.histoiregarciamobil {
        display: initial;
        font-size: 3em;
        color: #AE5D58;
        font-family: Old Standard TT
        }
    section.jg {
        width: 100%;
        background-image: url("../images/Background Jacques Garcia 600x400.jpg");
        background-repeat: no-repeat
        }
    h1.histoiregarcia {
        font-size: 3em;
        color: #AE5D58;
        font-family: Old Standard TT
        }
    h2.textjacquesgarcia {
        position: relative;
        width: 35%;
        margin-left: 5%;
        margin-top: 12em;
        font-size: 25px;
        color: white;
        font-family: Old Standard TT;
        float: left
        }
    p.articlejacquesgarcia {
        height: 25em;
        color: white;
        width: 50%;
        text-align: left;
        font-size: 16px;
        font-family: Old Standard TT;
        overflow: auto
        }
    label.citationjacquesgarcia {
        clear: left;
        font-size: 22px;
        margin-left: 1%;
        color: white
        }
    label.signaturejacquesgarcia {
        margin-left: 1%;
        font-size: 20px;
        color: white
        }
    /***************************** Patrick Pottier tablette 600px *****************************/
    h1.histoirepottier {
        display: none
        }
    h1.histoirepottiermobil {
        display: initial;
        font-size: 3em;
        color: #1377CA;
        font-family: Old Standard TT
        }
    section.pp {
        width: 100%;
        background-position: right top;
        background-image: url("../images/Background Patrick Pottier 600x400.jpg");
        background-repeat: no-repeat
        }
    h1.histoirepottier {
        margin-top: 1%;
        font-size: 3em;
        color: #1377CA;
        font-family: Old Standard TT
        }
    h2.textpatrickpottiermobil {
        display: none
        }
    p.articlepatrickpottier {
        position: relative;
        margin-left: 5%;
        margin-top: 0;
        height: 17em;
        color: white;
        width: 50%;
        text-align: left;
        font-size: 16px;
        font-family: Old Standard TT;
        overflow: auto
        }
    h2.textpatrickpottier {
        position: relative;
        width: 22%;
        margin-left: 55%;
        margin-top: 0;
        font-size: 25px;
        color: white;
        font-family: Old Standard TT
        }
    label.signaturepatrickpottier {
        margin-left: 5%;
        font-size: 20px;
        color: white;
        clear: both
        }
    /*****************************  Le château tablette 600px *****************************/
    h1.histoirechateau {
        display: none
        }
    h1.histoirechateaumobil {
        display: initial;
        font-size: 2.5em;
        color: #AE5D58;
        font-family: Old Standard TT
        }
    section.chateau {
        width: 100%;
        background-position: center top;
        background-image: url("../images/Background château et jacques 600x447.jpg");
        background-repeat: no-repeat
        }
    p.articlechateau {
        margin-left: 23%;
        margin-top: 5em;
        height: 34em;
        color: white;
        width: 68%;
        text-align: left;
        font-size: 20px;
        font-family: Old Standard TT;
        overflow: auto
        }
    label.titretext {
        margin-left: 20%;
        font-size: 1.5em;
        color: #AE5D58;
        font-size: 22px
        }
    /***************************** Les jardins tablette 600px *****************************/
    h1.histoirejardinmobil {
        display: initial;
        font-size: 2.5em;
        color: #1377CA;
        font-family: Old Standard TT;
        width: 100%
        }
    section.jardin {
        width: 100%;
        background-position: 80% top;
        background-image: url("../images/Background jardin patrick 600x480.jpg");
        background-repeat: no-repeat
        }
    h1.histoirejardin {
        display: none
        }
    p.articlejardin {
        margin-left: 5%;
        margin-top: 2%;
        height: 48em;
        color: white;
        width: 68%;
        text-align: left;
        font-size: 18px;
        font-family: Old Standard TT;
        overflow: auto
        }
    label.titretextjardin {
        font-size: 2em;
        color: #1377CA;
        font-size: 22px
        }
    /************************************************************************/
    /***************************** Restaurant tablette 600px *******************************/
    /************************************************************************/
    h1.restaurant {
        font-size: 3em;
        color: #AE5D58;
        font-family: Old Standard TT
        }
    h2.restaurant {
        color: #AE5D58;
        font-family: Old Standard TT;
        font-size: 2.5em
        }
    h3.restaurant {
        color: white;
        font-family: Old Standard TT;
        font-size: 1.5em
        }
    img.imgrestaurant {
        width: 80%
        }
    img.cocktails {
        width: 100%
        }
    label.titrecarte {
        margin-left: 0%;
        color: white;
        font-size: 1.2em;
        font-family: Old Standard TT;
        font-weight: bold
        }
    label.restaurant {
        color: white;
        font-family: Old Standard TT;
        font-size: 1.1em
        }
    img.tabledeuxplats {
        width: 80%;
        margin-left: 0%;
        border: solid;
        border-color: white;
        border-size: 5px
        }
    img.carte1 {
        width: 30%;
        margin-left: 1%;
        margin-top: 3%
        }
    img.carte2 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte3 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte4 {
        width: 30%;
        margin-left: 1%;
        margin-top: 3%
        }
    img.carte5 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte6 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte1:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte2:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte3:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte4:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte5:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte6:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    label.titremessage2 {
        color: white;
        font-family: Old Standard TT;
        font-size: 1.5em
        }
    /************************************************************************/
    /***************************** Nous Joindre 600px************************/
    /************************************************************************/
    /***************************** Nous Joindre 600px************************/
    h1.formcontact {
        color: #AE5D58;
        font-size: 3em;
        font-family: Old Standard TT
        }
    h2.formcontact {
        color: #AE5D58;
        font-family: Old Standard TT
        }
    h2.formcontact2 {
        color: #AE5D58;
        font-family: Old Standard TT
        }
    section.coordonnees {
        margin-left: 5%;
        width: 90%;
        height: auto
        }
    div.encartgauche {
        width: 100%
        }
    iframe {
        width: 100%
        }
    div.adresse {
        width: 100%
        }
    label.adresse {
        font-size: 20px
        }
    label.adresse1 {
        color: white;
        font-size: 20px;
        font-family: Old Standard TT
        }
    label.adressemail {
        color: white;
        font-size: 16px;
        font-family: Old Standard TT
        }
    div.adresse2 {
        width: 100%
        }
    div.clearboth {
        clear: both
        }
    div.encartdroite2 {
        width: 100%;
        margin-left: 0%
        }
    label.formcontact {
        float: left;
        margin-left: 0%;
        color: white;
        font-size: 16px
        }
    input.formcontact {
        float: right;
        width: 50%;
        border-radius: 5px;
        font-family: Old Standard TT;
        font-size: 18px;
        color: #1399BD
        }
    p.formcontact3 {
        margin-left: 0%;
        text-align: left;
        color: white;
        font-size: 18px
        }
    marquee {
        color: #AE5D58;
        font-size: 22px
        }
    /************************************************************************/
    /************************** Les évenements 600px ***********************/
    /************************************************************************/
    /************************** Les évenements 600px ***********************/
    section.pageevenements {
        width: 90%;
        border-radius: 10px;
        background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.41, #4C4D36), color-stop(1, #171716));
        background-image: -o-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: -moz-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: -webkit-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: -ms-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: linear-gradient(to left bottom, #212121 16%, #78787A 100%)
        }
    img.hrlogo {
        width: 4%
        }
    label.evenementid {
        font-size: 10px;
        font-family: Old Standard TT
        }
    h1.evenements {
        font-size: 1em;
        color: white;
        font-family: Old Standard TT
        }
    label.evenementdate {
        font-size: 1em;
        color: white;
        font-family: Old Standard TT;
        clear: both
        }
    label.evenementdescriptif {
        color: white;
        font-family: Old Standard TT
        }
    img.imgevenementimg {
        width: 90%;
        border: solid;
        border-color: white;
        border-size: 4px;
        border-radius: 5px
        }
    label.evenementprix {
        color: white;
        font-family: Old Standard TT;
        font-size: 2em
        }
    }
/*********************************************************************************************************************************************************************/
/******************************************************************** Version mobile 400px position verticale*********************************************************/
/*********************************************************************************************************************************************************************/
@media screen and (max-width: 400px) {
    body {
        height: 100%;
        overflow: auto;
        background-color: black;
        color: #a89144
        }
    br.mobil {
        display: initial
        }
    br.visiblepc {
        display: none
        }
    img.banniere {
        margin-top: 10%
        }
    /***************************************************************/
    /************************ Reseau sociaux ***********************/
    /***************************************************************/
    .rsociaux {
        float: right;
        margin-top: -3px
        }
    /***************************************************************/
    /**************** Inscription  mobil 400px *********************/
    /***************************************************************/
    .connect {
        margin-left: 5%;
        width: 80%;
        padding: 5%;
        border-radius: 5px;
        background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.41, #4C4D36), color-stop(1, #171716));
        background-image: -o-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
        background-image: -moz-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
        background-image: -webkit-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
        background-image: -ms-linear-gradient(left bottom, #4C4D36 41%, #171716 100%);
        background-image: linear-gradient(to left bottom, #4C4D36 41%, #171716 100%)
        }
    label.inscription {
        display: inline-block;
        width: 300px;
        float: left;
        font-size: 25px;
        float: left
        }
    label.ok {
        color: white;
        font-size: 16px
        }
    label.error {
        color: red;
        font-size: 16px
        }
    label.erreurid {
        color: red;
        font-size: 16px
        }
    a.ok {
        text-decoration: none;
        color: white;
        font-size: 16px
        }
    a.okconnect {
        text-decoration: none;
        color: yellow;
        font-size: 16px
        }
    input.inscription {
        width: 80%;
        height: 20px;
        color: #01A9DB;
        font-size: 20px;
        padding: 1%;
        border-radius: 10px
        }
    input.submit {
        font-size: 20px;
        font-size: 25px;
        color: #01A9DB;
        width: 100px
        }
    /****************************************************************************************/
    /******************************* Les portraits mobil 400px ******************************/
    /****************************************************************************************/
    /****************************** Jacques Garcia  mobil 400px *****************************/
    h1.histoiregarcia {
        display: none
        }
    h1.histoiregarciamobil {
        display: initial;
        font-size: 3em;
        color: #AE5D58;
        font-family: Old Standard TT
        }
    section.jg {
        width: 100%;
        background-image: url("../images/Background Jacques Garcia 600x400.jpg");
        background-repeat: no-repeat
        }
    p.articlejacquesgarcia {
        margin-left: 10%;
        margin-top: 25em;
        color: white;
        width: 80%;
        text-align: left;
        font-size: 18px;
        font-family: Old Standard TT
        }
    h2.textjacquesgarcia {
        width: 95%;
        margin-left: 5%;
        margin-top: 12em;
        font-size: 25px;
        color: white;
        font-family: Old Standard TT
        }
    label.citationjacquesgarcia {
        margin-top: 90%;
        font-size: 22px;
        margin-left: 1%;
        color: white
        }
    label.signaturejacquesgarcia {
        margin-left: 1%;
        font-size: 20px;
        color: white
        }
    /***************************** Patrick Pottier  mobil 400px ***************************/
    h1.histoirepottier {
        display: none
        }
    h1.histoirepottiermobil {
        display: initial;
        font-size: 3em;
        color: #1377CA;
        font-family: Old Standard TT
        }
    section.pp {
        position: absolute;
        width: 100%;
        background-image: url("../images/Background Patrick Pottier 600x400.jpg");
        background-repeat: no-repeat
        }
    h2.textpatrickpottiermobil {
        position: absolute;
        display: initial;
        width: 35%;
        margin-left: 40%;
        margin-top: 11em;
        font-size: 25px;
        color: white;
        font-family: Old Standard TT
        }
    h2.textpatrickpottier {
        display: none
        }
    p.articlepatrickpottier {
        position: relative;
        margin-left: 10%;
        margin-top: 25em;
        color: white;
        width: 80%;
        text-align: left;
        font-size: 18px;
        font-family: Old Standard TT
        }
    /*****************************  Le château mobil 400px *****************************/
    h1.histoirechateau {
        display: none
        }
    h1.histoirechateaumobil {
        display: initial;
        font-size: 1.5em;
        color: #AE5D58;
        font-family: Old Standard TT
        }
    section.chateau {
        width: 100%;
        background-position: center top;
        background-image: url("../images/Background château et jacques 400x298.jpg");
        background-repeat: no-repeat
        }
    p.articlechateau {
        margin-left: 5%;
        margin-top: 4em;
        height: 135em;
        color: white;
        width: 90%;
        text-align: left;
        font-size: 18px;
        font-family: Old Standard TT;
        overflow: auto
        }
    label.titretext {
        margin-left: 20%;
        font-size: 22px;
        color: #AE5D58
        }
    /***************************** Les jardins mobil 400px*****************************/
    h1.histoirejardinmobil {
        display: initial;
        font-size: 1.5em;
        color: #1377CA;
        font-family: Old Standard TT;
        width: 100%
        }
    section.jardin {
        width: 100%;
        background-position: 80% top;
        background-image: url("../images/Background jardin patrick 400x320.jpg");
        background-repeat: no-repeat;
        background-opacity: 0.8
        }
    h1.histoirejardin {
        display: none
        }
    p.articlejardin {
        margin-left: 5%;
        margin-top: 0%;
        height: 110em;
        color: white;
        width: 68%;
        text-align: left;
        font-size: 18px;
        font-family: Old Standard TT;
        overflow: auto
        }
    label.titretextjardin {
        font-size: 2em;
        color: #1377CA;
        font-size: 22px
        }
    /************************************************************************/
    /***************************** Restaurant mobil 400px *******************/
    /************************************************************************/
    h1.restaurant {
        font-size: 1.5em;
        color: #AE5D58;
        font-family: Old Standard TT
        }
    h2.restaurant {
        color: #AE5D58;
        font-family: Old Standard TT;
        font-size: 1.5em
        }
    h3.restaurant {
        color: white;
        font-family: Old Standard TT;
        font-size: 1.5em
        }
    img.imgrestaurant {
        width: 80%
        }
    img.cocktails {
        width: 100%
        }
    label.titrecarte {
        margin-left: 0%;
        color: white;
        font-size: 1.2em;
        font-family: Old Standard TT;
        font-weight: bold
        }
    label.restaurant {
        color: white;
        font-family: Old Standard TT;
        font-size: 1em
        }
    label.titremessage {
        font-size: 0.8em;
        font-family: Old Standard TT
        }
    img.tabledeuxplats {
        width: 80%;
        margin-left: 0%;
        border: solid;
        border-color: white;
        border-size: 5px
        }
    img.carte1 {
        width: 30%;
        margin-left: 1%;
        margin-top: 3%
        }
    img.carte2 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte3 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte4 {
        width: 30%;
        margin-left: 1%;
        margin-top: 3%
        }
    img.carte5 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte6 {
        width: 30%;
        margin-left: 3%;
        margin-top: 3%
        }
    img.carte1:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte2:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte3:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte4:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte5:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    img.carte6:hover {
        -moz-box-shadow: 0 0 20px #ccc;
        -webkit-box-shadow: 0 0 20px #ccc;
        box-shadow: 0 0 20px #ccc
        }
    label.titremessage2 {
        color: white;
        font-family: Old Standard TT;
        font-size: 1.5em
        }
    /************************************************************************/
    /***************************** Nous Joindre 400px************************/
    /************************************************************************/
    /***************************** Nous Joindre 400px************************/
    h1.formcontact {
        color: #AE5D58;
        font-size: 3em;
        font-family: Old Standard TT
        }
    h2.formcontact {
        color: #AE5D58;
        font-family: Old Standard TT
        }
    h2.formcontact2 {
        color: #AE5D58;
        font-family: Old Standard TT
        }
    section.coordonnees {
        margin-left: 5%;
        width: 90%;
        height: auto
        }
    div.encartgauche {
        width: 100%
        }
    iframe {
        width: 100%
        }
    div.adresse {
        width: 100%
        }
    label.adresse {
        font-size: 20px
        }
    label.adresse1 {
        color: white;
        font-size: 20px;
        font-family: Old Standard TT
        }
    label.adressemail {
        color: white;
        font-size: 16px;
        font-family: Old Standard TT
        }
    div.adresse2 {
        width: 100%
        }
    div.clearboth {
        clear: both
        }
    div.encartdroite2 {
        width: 100%;
        margin-left: 0%
        }
    label.formcontact {
        float: left;
        margin-left: 0%;
        color: white;
        font-size: 16px
        }
    input.formcontact {
        float: right;
        width: 50%;
        border-radius: 5px;
        font-family: Old Standard TT;
        font-size: 18px;
        color: #1399BD
        }
    p.formcontact3 {
        margin-left: 0%;
        text-align: left;
        color: white;
        font-size: 18px
        }
    marquee {
        color: #AE5D58;
        font-size: 22px
        }
    /************************************************************************/
    /************************** Les évenements  800px ***********************/
    /************************************************************************/
    /************************** Les évenements  800px ***********************/
    section.pageevenements {
        width: 90%;
        border-radius: 10px;
        background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.41, #4C4D36), color-stop(1, #171716));
        background-image: -o-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: -moz-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: -webkit-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: -ms-linear-gradient(left bottom, #212121 16%, #78787A 100%);
        background-image: linear-gradient(to left bottom, #212121 16%, #78787A 100%)
        }
    img.hrlogo {
        width: 4%
        }
    label.evenementid {
        font-size: 10px;
        font-family: Old Standard TT
        }
    h1.evenements {
        font-size: 1em;
        color: white;
        font-family: Old Standard TT
        }
    label.evenementdate {
        font-size: 1em;
        color: white;
        font-family: Old Standard TT;
        clear: both
        }
    label.evenementdescriptif {
        color: white;
        font-family: Old Standard TT
        }
    img.imgevenementimg {
        width: 90%;
        border: solid;
        border-color: white;
        border-size: 4px;
        border-radius: 5px
        }
    label.evenementprix {
        color: white;
        font-family: Old Standard TT;
        font-size: 1.5em
        }
    }