html, body {
    margin:0;
    padding:0;
    background-color:#77B5BB;
}

nav {
    margin:0;
    padding:0;
    width:100%;
    height:300px;
    background:url('images/bg2.png') center;
}

nav .logo {
    margin:0px auto;
    padding:20px 0 0 0;
    height:200px;
    display:block;
}

nav ul {
    position:relative;
    margin:30px auto 0 auto;
    padding:0;
    list-style:none;
    width:768px;
}

nav ul li {
    margin:0 27px;
    float:left;
}

nav ul li a {
    text-decoration:none;
    font-family:Arial;
    font-size:15px;
    color:#042A2A;
    font-weight:bold;
}

#content {
    margin:0 auto;
    width:840px;
    position:relative;
}

#content h1 {
    font-weight:bold;
    color:#042A2A;
    font-family:Arial;
    font-size:20px;
    width:100%;
    padding:0 0 5px 0;
    border-bottom:1px solid #042A2A;
}

#content h2 {
    font-weight:bold;
    color:#042A2A;
    font-family:Arial;
    text-align:center;
    font-size:18px;
    width:80%;
    margin:20px auto;
    padding:0 0 5px 0;
    border-bottom:1px solid #fff;
}

#content h3 {
    font-weight:bold;
    color:#042A2A;
    font-family:Arial;
    text-align:center;
    font-size:17px;
    font-style:italic;
}

#content p {
    width:50%;
    display:inline-block;
    color:#042A2A;
    font-family:Arial;
    font-size:16px;
    line-height:200%;
}

#content img.right {
    display:inline-block;
    position:absolute;
    top:50px;
    right:10px;
}

#content img.left {
    display:inline-block;
    position:absolute;
    top:50px;
    left:10px;
}

#content .activite-row {
    width:100%;
    height:150px;
    display:block;
    margin:0 0 40px 0;
}

#content .activite-row img {
    height:100%;
    vertical-align:middle;
    border:1px solid #fff;
}

#content .activite-row p {
    padding:0 10px;
    vertical-align:middle;
}

#content .activite-col {
    height:200px;
    width:45%;
    display:inline-block;
    padding:20px 0 50px 0;
    margin:0 0 10px 4.5%;
}

#content .activite-col img {
    max-height:100%;
    display:block;
    margin:0 auto;
    max-width:100%;
    border:1px solid #fff;
}

#content .activite-col p {
    text-align:center;
    width:100%;
    font-weight:bold;
}

#form {
    width:380px;
    display:inline-block;
}


#form input {
    background-color:#042A2A;
    border:0;
    padding:2px 5px;
    margin:15px 0 0 10px;
    display:block;
    height:28px;
    width:90%;
    color:#fff;
    font-family:Arial;
    font-size:14px;
}

#form textarea {
    background-color:#042A2A;
    border:0;
    padding:2px 5px;
    margin:15px 0 0 10px;
    display:block;
    min-height:200px;
    max-height:400px;
    min-width:90%;
    max-width:90%;
    color:#fff;
    font-family:Arial;
    font-size:14px;
}

#form input[type="submit"] {
    background-color:rgba(4, 42, 42, 1);
    padding:5px 5px;
    margin:10px 0 0 10px;
    display:block;
    height:28px;
    width:92.5%;
    color:#fff;
    font-family:Arial;
    fonr-size:18px;
}

#content .informations {
    float:right;
    width:380px;
    text-align:center;
}

.footer  {
    color:#042A2A;
    font-family:Arial;
    font-size:16px;
    text-align:center;
    padding:0px 0 0 0;
}

.footer a {
    color:#042A2A;
    text-decoration:underline;
    font-size:18px;
}