@font-face {
    font-family: Andalus;
    src: url("../polices/Rom_Ftl_Srif.eot"), url("../polices/Rom_Ftl_Srif.ttf");
}

body {
    background-color: #955B4A;
    background: -webkit-linear-gradient(top, #7D4062, #B57E2C);
    background: -moz-linear-gradient(top, #7D4062, #B57E2C);
    background: -ms-linear-gradient(top, #7D4062, #B57E2C);
    background: -o-linear-gradient(top, #7D4062, #B57E2C);
}

#main_container {
    /*background*/
    background-color: #684362;
    background: -moz-linear-gradient( top, #4C3047 40%, #A46C9D 100%);
    background: -webkit-linear-gradient( top, #4C3047 40%, #A46C9D 100%);
    background: -ms-linear-gradient( top, #4C3047 40%, #A46C9D 100%);
    background: -o-linear-gradient( top, #4C3047 40%, #A46C9D 100%);
    /* bordures */
    border-radius: 0 0 30px 30px;
    box-shadow: 0px 0px 20px #000;
}

h2 {
    color: #C90;
}

div#content {
    float: right;
    width: 75%;
    background: url(../image/Hivers/background-content-11.jpg) no-repeat;
}

#about {
    margin: 50px 90px 100px 90px;
}

#photo {
    margin: 10px 20px 0px 220px;
    border: #fff solid 1px;
    box-shadow: 0px 0px 50px #fff;
    zoom: 1;
    width: 354px;
    height: 245px;
    padding: 7px;
    border-radius: 15px;
}

.p1 {
    color: #bcb878;
    margin-bottom: 5px;
    font-size: 18px;
}


/*carte*/

.flottante {
    background-image: url(../image/Hivers/Carte55.png);
}

.CarteTitre {
    font-size: 30px;
    font-family: Andalus, "Times New Roman", Times, serif;
    text-shadow: 0.1em 0.1em 0.1em #FFF;
}

.carteImage {
    padding-left: 1.8em;
}

.CarteTexte {
    font-size: 19px;
    padding-left: 10px;
    color: black;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 8px;
}


/*fin carte*/


/* menu */

#menu h3 {
    background-color: #09C;
    background-image: -moz-radial-gradient(50% 100%, circle cover, rgba(39, 169, 245, 0.7), #0000ff 100%);
    background-image: -webkit-radial-gradient(50% 100%, circle cover, rgba(39, 169, 245, 0.7), #0000ff 100%);
    background-image: -o-radial-gradient(50% 100%, circle cover, rgba(39, 169, 245, 0.7), #0000ff 100%);
    background: -ms-linear-gradient(rgba(39, 169, 245, 0.7), #0000ff 100%);
    background-image: radial-gradient(50% 100%, circle cover, rgba(39, 169, 245, 0.7), #0000ff 100%);
}

#menu li a {
    background: -moz-linear-gradient(135deg, #9F6898, #EFF7FA);
    background: -webkit-linear-gradient(135deg, #9F6898, #EFF7FA);
    background: -ms-linear-gradient(135deg, #9F6898, #EFF7FA);
    background: -o-linear-gradient(135deg, #9F6898, #EFF7FA);
}

#menu li a:hover {
    background: -moz-linear-gradient(135deg, #975D48 40%, #7D4061 100%);
    background: -ms-linear-gradient(135deg, #975D48 40%, #7D4061 100%);
    background: -webkit-linear-gradient(135deg, #975D48 40%, #7D4061 100%);
    background: -o-linear-gradient(135deg, #975D48 40%, #7D4061 100%);
}


/* fin de menu*/

.footer {
    background: #4c7300;
    color: #fff;
}