
body{
    background-image:url("../img/motif-bleu2-M0aqRgC.jpg");
    background-color: black;
    background-position: center center;
    background-attachment: fixed; /*par défaut scroll */
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
}

a{color:#c08b59;}
a:hover{color:#643a26;}

/* class couleur
----------------------------- */
.cMarron{color:#c08b59 !important;}

/* class border
----------------------------- */
.bMarron{border:1px solid #c08b59 !important;}
.bMarron:hover{border:1px solid #643a26 !important;}
.bNone{border:0 !important;}
.bNone:hover{border:0 !important;}

/* class fond
----------------------------- */
.bgMarron{background:#c08b59 !important;}
.bgMarron:hover{background:#643a26 !important;}

/* form style 1
----------------------------- */
.formStyle1>form>div {margin-top:10px;}
.formStyle1 label {width: 30%;text-align:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.formStyle1 input {width: 70%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

@media screen and (max-width: 600px){
    .formStyle1 label {width: 100%;}
    .formStyle1 input {width: 100%;}
}

/***********************************************************
container site
***********************************************************/
/*#containerSite{}*/
/*#containerSite>div{}*/
#containerSite>div>div{width:600px;margin:auto;}

#headerLogo img{width: 100%;max-width: 350px;}



