@charset "UTF-8";
/* Design */
/* Body */
body { text-align: justify; padding: 0; margin: 0; background: url("../img/background.jpg") center top no-repeat white; font-family: Arial, sans-serif; font-size: 14px; }
img { border: none; outline: none; }
a:link, a:visited, a:hover, a:active, a:focus { outline: none; }
a:link, a:visited { text-decoration: underline; color: #006796; }
a:hover, a:active { color: #2f3031; text-decoration: none; }
h2 { font-family: 'Laconic', Arial, sans-serif; font-size: 24px; font-weight: normal; }
h3 { font-family: Arial, sans-serif; font-size: 20px; font-weight: 700; font-size: 15px; text-align: left; margin: 0 0 10px 0; text-transform: uppercase; }

/* Header */
h1 { float: left; }
a#lang-switch:link, a#lang-switch:visited { display: block; float: right; clear: both; background: #006797; color: white; font-size: 18px; font-family: 'Laconic', Arial, sans-serif; padding: 5px 10px; border: 1px solid #6D6E71; text-decoration: none; }
a#lang-switch:hover, a#lang-switch:active { border-color: #B2B2B2; background: #2D2D2D; }
nav { float: right; margin-top: -2px; margin-right: -30px; }
nav a:link, nav a:visited { padding: 30px; display: block; float: left; color: #6e6f71; font-size: 24px; font-weight: normal; font-family: 'Laconic', Arial, sans-serif; text-decoration: none; }
nav a:hover, nav a:active, nav a.selected { text-decoration: none; color: #006796; }
nav a.selected { background: url("../img/nav_swoosh.png") center 37px no-repeat; text-decoration: none; color: #006796; }

/* Footer */
footer { min-height: 104px; margin-top: 30px; color: white; padding: 5px 0; background: url("../img/bg_footer.png") repeat; border-top: 5px solid #387794; }
footer a { color: white; text-decoration: none; }
footer a.selected { font-weight: bold; }

/* Classes réutilisables */
.wrapper { width: 980px; margin: 0 auto; }

/* Accueil */
#carousel { background: white; width: 600px; height: 305px; overflow: hidden; position: relative; float: left; margin-bottom: 15px; }
  #btn-carousel-prev, #btn-carousel-next { z-index: 10; position: absolute; top: 121px; border: none; padding: 0; cursor: pointer; width: 64px; height: 64px; }
  #btn-carousel-prev:hover, #btn-carousel-next:hover { background-position: 0 -64px; }
  #btn-carousel-prev { left: 0; background: url("../img/btn_carousel_prev.png") transparent top left no-repeat; }
  #btn-carousel-next { right: 0; background: url("../img/btn_carousel_next.png") transparent top left no-repeat; }
  #carousel-info { background: url("../img/bg_carousel_info.png") repeat; padding: 16px; position: absolute; bottom: 0; left: 0; right: 0; height: 88px; }
  .carousel-text { text-align: justify; width: 465px; line-height: 1.5em; color: white; font-size: 14px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); }
  .carousel-text h2 { padding: 0; margin: 0; color: white; font-size: 24px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); font-family: 'Laconic', Arial, sans-serif; }
  .carousel-text p { margin: 10px 0; }
  a.btn-carousel-more { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 100px; height: 120px; background: url("../img/btn_carousel_more.png") no-repeat; }
  a.btn-carousel-more:hover { background-position: 0 -120px; }
#box-appel { display: block; width: 365px; float: right; margin-bottom: 15px; }
#box-entente { display: block; width: 365px; float: left; }
#box-bottom-right { width: 600px; float: right; }
#box-text { height: 88px; overflow: visible; background: white; padding: 15px; margin-bottom: 15px; }
#box-text h2 { margin: 0 0 5px 0; }
#box-text p { font-size: 14px; line-height: 1.5em; margin: 0; }
#box-facebook, #box-facebook img, #box-appel img, #box-entente img { display: block; }

/* Services */
#submenu { float: left; width: 300px; }
#submenu-header { width: 300px; height: 107px; background: url("../img/bg_submenu_header.png") no-repeat center top; }
#submenu-footer { width: 300px; height: 107px; background: url("../img/bg_submenu_footer.png") no-repeat center top; }
#submenu a:link, #submenu a:visited { display: block; background: white; border-bottom: 3px solid #006796; padding: 10px 10px 5px; text-decoration: none; font-family: 'Laconic', Arial, sans-serif; color: black; font-size: 18px; }
#submenu a:hover, #submenu a:active, #submenu a.selected { border-color: #3e3f40; background: #e1e3e9; color: #000; }
#content-container { width: 650px; float: right; }
#content { border: 3px solid #006796; padding: 25px; background: white; }
#content p:first-of-type { margin-top: 0; }
#content p { line-height: 20px; }
#content-image { float: right; display: block; margin: 0 0 15px 20px; border: 3px solid #006796; }
#content-container h2 { margin: 0 0 10px 0; font-size: 36px; }

/* Contact */
#full-content-container { width: 980px; margin: 0 auto; }
#contact-text { width: 450px; float: left; text-align: justify; }
#contact-text img { display: block; margin-bottom: 10px; }
#contact-form { width: 400px; float: right; }
#btn-send-message { cursor: pointer; display: block; float: right; clear: both; background: #006797; color: white; font-size: 18px; font-family: 'Laconic', Arial, sans-serif; padding: 5px 10px; border: 1px solid #6D6E71; text-decoration: none; }
#btn-send-message:hover, #btn-send-message:focus { border-color: #B2B2B2; background: #2D2D2D; }
#contact-form label { display: block; margin: 5px 0; }
#contact-form input[type="text"], #contact-form textarea { display: block; border: 1px solid black; font-family: Arial, sans-serif; font-size: 12px; padding: 3px; width: 392px; margin: 5px 0; }
#contact-form textarea { resize: vertical; height: 100px; }

/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }