body {
    width: 100%;
    padding: 0;
    margin:0;
    background-color: #C5D8A0;
    font-size: 12px; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#accueil {
    width: 1360px;
    margin: 0 auto;
}

header {
    width: 100vw;
    padding: 125px 0;
    background-color: #fff;
}

h1 {
    text-align: center;
}

table.centre {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

td.contenu {
    height: 500px;
    width: 900px;
}
#accueil p {
    color: red;
    font-weight: 700;
    font-size: 18px;
    font-family: arial;
    text-align: center;
}
#accueil a {
    margin-top: -71px;
    width: 450px;
    text-decoration: none;
    display: inline-block;
}

td.contenu {
    height: 500px;
    width: 900px;
    background-image: url("../images/blanc.png");
    background-repeat: repeat-x;
}

td.centrei {
    background-image: url("../images/blanc.png");
    background-repeat :repeat-x;
    background-color: #C5D8A0;
}

td.basi {
    background-color: #C5D8A0;
    border-collapse: collapse;
}

td.topi {
    background-color: white;
    border-collapse: collapse;
}

td {
    font-size: 12px; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin-left: 369px;
}
#accueil a img.logo {
    width: 450px;
    height: 71px;
    vertical-align: top;
}
#accueil a img:last-of-type {
    width: 450px;
    height: 376px;
}
#accueil a:last-child {
    padding-top:0;
}
.sommet3v-accueil img {
    padding-top: 40px;
    padding-left: 20px;
    width: 50%;
    height: 140px;
    margin: 0 auto;
}
/* Top */
.top3 > img {
    width: 900px;
}
div.top {
    width: 900px;
    margin-left: auto; 
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

nav.menu {
    width: 676px;
    height: 46px;
    margin-left: 224px;
    margin-top: -3px;
    background-image: url("../images/lama_menu.jpg");
}
nav.menu2 {
    width: 676px;
    height: 45px;
    margin-top: -3px;
    margin-left: 0;
    background-repeat: no-repeat;
    background-image: url("../images/lama_menu2.jpg");
}

p.menuvide {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 13px;
}

p.menu {
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
    color: #000000; 
    font-size: 13px; 
    font-family: Arial; 
    text-decoration : none;
    font-weight:bold;
}

a.menu {
    color: #000000; 
    font-size: 12px; 
    font-family: Arial; 
    text-decoration : none;
    font-weight:bold;
}

a.menu:hover {
    color: #FFFFFF; 
    font-size: 12px; 
    font-family: Arial; 
    text-decoration : none;
    font-weight:bold;
}

p.lama_condo {
    margin-left: 224px;
    margin-top : -303px;
}
div.lama_condo {
    margin-top: -303px;
    margin-left: 224px;
}
/* Centre */
div.content {
    /*min-height: 245px;*/
}
div.centre {
    width: 900px;
    margin-left: auto; 
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: white;
}

a.lien {
    color : #950505;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}


a.lien:hover {
    color: #666666; 
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}

img.lama_porte_01 {
    margin-top: 0px;
}

div.porte3 {
    background-image: url('../images/sommet3v_side.png');
    background-size: auto auto;
    background-position: left center;
    background-repeat: no-repeat;
    width: 265px;
    border-right: #C5D8A0 30px solid;
    height: 378px;
    margin-top: 0;
    padding:0;
}
div.centre3 .content {
    position: relative;
    top: -100px;
}
div.centre3 .yeux {
   margin-top: -80px;
}

div.lama_porte_02 {
    margin-top: -381px;
    margin-left: 224px;
}

div.lama_imaginez {
    margin-top: -215px;
    margin-left: 305px;
}

div.lama_imaginez2 {
    margin-top: -215px;
    margin-left: 345px;
    margin-bottom: -10px;
}

div.texte {
    color: #666666; 
    font-size: 12px; 
    font-family: Arial; 
    text-decoration : none;
    margin-top: 10px;
    margin-left: 369px;
}

div.texted {
    color: #666666; 
    font-size: 12px; 
    font-family: Arial; 
    text-decoration : none;
    padding-top: 1px;
    margin-top: 0px;
    margin-left: 369px;
}

div.textee {
    color: #666666; 
    font-size: 12px; 
    font-family: Arial; 
    text-decoration : none;
    margin-top: -619px;
    margin-left: 369px;
    height: 401px;
}

div.textec {
    color: #666666; 
    font-size: 12px; 
    font-family: Arial; 
    text-decoration : none;
    margin-top: -215px;
    margin-left: 369px;
}

div.textegros {
    color: #000000; 
    font-size: 13px; 
    font-family: "Times New Roman"; 
    text-decoration : none;
    margin-top: 10px;
    margin-left: 369px;
}

div.lama_yeux {
    margin-top: 68px;
    margin-left: 224px;
}

div.lama_yeuxa {
    margin-top: -33px;
    margin-left: 224px;
}

div.lama_porte_03 {
    margin-top: -3px;
    margin-left: 224px;
}
div.yeux {
    margin-bottom: 27px;
}

div.lama_avous {
    margin-top: -3px;
    margin-left: 0px;
    background-color: #C5D8A0;
}

div.lama_yeuxr {
    margin-top: 38px;
    margin-left: 224px;
}

div.lama_porte_03r {
    margin-top: -12px;
    margin-left: 224px;
}

div.lama_avousr {
    margin-top: -12px;
    margin-left: 0px;
    background-color: #C5D8A0;
}

div.lama_yeuxi {
    margin-top: 43px;
    margin-left: 224px;
}

div.lama_porte_03i {
    margin-top: -12px;
    margin-left: 224px;
}

div.lama_avousi {
    margin-top: -12px;
    margin-left: 0px;
    background-color: #C5D8A0;
}

div.lama_yeuxc {
    margin-top: 110px;
    margin-left: 224px;
}

div.lama_porte_03c {
    margin-top: -12px;
    margin-left: 224px;
}

div.lama_avousc {
    margin-top: -12px;
    margin-left: 0px;
    background-color: #C5D8A0;
}

/* Bas */

div.bas {
    width: 905px;
    margin-left: auto; 
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

p.bas {
    color: #666666; 
    font-size: 10px; 
    font-family: Arial;
    margin-top: 10px; 
    margin-left: 369px;
    margin-right: 0px;
}

a.petitmenu {
    color: #666666; 
    font-size: 9px; 
    font-family: Arial; 
    text-decoration : none;
}

a.petitmenu:hover {
    color: #FFFFFF; 
    font-size: 9px; 
    font-family: Arial; 
    text-decoration : underline;
}
/* Responsive */

@media(max-width: 1359px) {
    #accueil {
        width: 100%;
        text-align: center;
         max-width: 450px;
    }
    
    #accueil a {
        width: 100%;
        max-width: 450px;
        display: block;
        margin-top: 0;
    }
    #accueil img {
        width: 100% !important;
    }
    #accueil a:first-of-type {
        margin-top: -71px;
    }
}