/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html, body { height: 100%; margin: 0; padding: 0; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { 
  font-size: 0.92em; 
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  background: #efeeef url(../images/bg-motif.jpg) repeat top left;
  /*-webkit-background-size: 1200px 695px;*/
}
::-moz-selection { background: #009; color: #fff; text-shadow: none; }
::selection { background: #009; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #57d519; }
a:visited { color: #57d519; }
a:hover { color: #57d519; text-decoration: underline; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* ==== ClearFix ============================================================ */

.group:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
* html .group{ height:1%;} 
*:first-child+html .group{min-height:1px;}

.clrfx { clear:both; }


/* --- Gabarits (morceaux) -------------------------------------------------- */

.container { 
	margin: 0px auto; 
	width: 940px;
	padding: 0px 10px;
	position: relative;
}
.container-padless { 
	margin: 0px auto; 
	width: 960px;
	padding: 0px;
	position: relative;
}

h1, h2, h3, h4  { font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; }

.bouton {
	background: transparent url(../images/bg-btn-left.png) no-repeat top left; 
	height: 67px; line-height: 67px;
	color: #fff;
}
.bouton a, .bouton input { 
	display: block; 
	height: 67px; line-height: 60px; 
	color: #fff; text-decoration: none; font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; 
	background: transparent url(../images/bg-btn-right.png) no-repeat top right;
	margin-right: -14px;
	padding-right: 18px;
}
.bouton .arrow { margin: -3px 10px 0px 10px; }


/* -- header ----------------------------------------------------------------- */

header { height: 177px; background: transparent url(../images/bg-header.jpg) repeat-x top left; }
header  img.logo { position: absolute; top: 5px; left: 0px; }
header  ul { padding: 0px; margin: 0px; list-style-type: none; position: absolute; top: 120px; left: 0px; }
header  ul li { padding: 0px; margin: 0px; display: block; float: left; }
header  ul li a, header  ul li a:visited { 
	padding: 0px 11px; margin: 0px 6px; 
	display: block; font-size: 20px; line-height: 30px; font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; 
	color: #000; text-decoration: none; }
header  ul li a:hover, header  ul li.actif a  { 
	padding: 0px 10px; 
	background: #57d519; color: #fff; text-decoration: none; 
	border: 1px solid silver;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; 
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); box-shadow: 0px 2px 3px rgba(0,0,0,0.5); }

header .bouton { position: absolute; top: 12px; right: 20px; font-size: 28px; padding-left: 15px; }
section .telephone { font-size: 35px; line-height: 35px; color: #ffffff; position: absolute; top: 20px;  font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;  }	
	
/* -- zone contenu ---------------------------------------------------------------------- */

section.shadow-content { min-height: 62px; background: transparent url(../images/shadow-content.png) no-repeat center top; }
section .visuel { margin-left: -10px; }
section .sidebar-bg { background: transparent url(../images/bg-sidebar.png) repeat-y center top; }
section .petit { font-size: 12px; }

section .main-content { float: left; width: 660px; padding: 0px 40px 30px 0px; color: #363636; font-size: 12px; }
section .main-content strong, section .main-content a, section .main-content a:visited { color: #57d519; font-weight: bold; }
section .main-content ul { font-size: 12px; padding: 0px 14px 0px 0px; margin: 0px; list-style-type: none; }
section .main-content ul li { padding: 0px 0px 0px 20px; margin: 0px; line-height: 26px; background: transparent url(../images/bullet.png) no-repeat 0px 3px; font-style: italic; }

section .sidebar { float: left; width: 220px; padding: 26px 10px; }
section .sidebar h3 { font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; font-size: 24px; font-weight: normal; background: transparent url(../images/icon-document.png) no-repeat 0px 2px; padding-left: 26px; }
section .sidebar .nota { font-style: italic; font-size: 12px; clear: both; }
section .sidebar .bouton { float: right; clear: both; margin: 0px 5px 16px 0px; }
section .sidebar .bouton a { color: #363636; font-size: 20px; padding-left: 20px; }

section.accueil .img-wrapper { position: relative; padding-top: 50px; margin-bottom: -100px; }
section.accueil .img-wrapper h1.text-over-image {
	font-weight: normal;
	margin: 0px;
	width: 942px;
	height: 126px;
	padding-top: 26px;
	background: transparent url(../images/bg-titre-image-accueil.png) no-repeat center top;
	position: absolute;
	top: 53px; left: 9px;
	font-size: 36px; text-transform: uppercase; text-align: center;
	line-height: 0.7em; text-shadow: #444 0px 0px 4px;
	
}
section.accueil .img-wrapper h1.text-over-image span { font-size: 25px; }
section.accueil .tole {
	padding-top: 120px;
	min-height: 539px; /* = height img backg = 659 - padding-top */
	background: #585755 url(../images/bg-tole.jpg) repeat-x center top;
}

section.accueil .tole h2 { margin: 0px; font-weight: normal; font-size: 30px; }
section.accueil .tole p, section.accueil .tole ul { font-size: 12px; padding: 0px 14px 15px 14px; margin: 0px; list-style-type: none; }
section.accueil .tole ul li { padding: 0px 0px 0px 20px; margin: 0px; line-height: 26px; background: transparent url(../images/bullet.png) no-repeat 0px 3px; font-style: italic; }
section.accueil .tole .third { width: 320px; float: left; }
section.accueil .tole .third img { display: block; margin: 0px auto; padding-top: 15px; }
section.accueil .tole .third h2 { padding-bottom: 10px; margin-left: 14px; }
section.accueil .tole .third-1 { padding: 0px 30px 0px 0px; width: 290px; }
section.accueil .tole .third-2 { padding: 0px 15px 0px 15px; width: 290px; }
section.accueil .tole .third-3 { padding: 0px 0px 0px 30px; width: 290px; }

section.accueil .tole .tole-wrapper-img-1 { width: 290px; height: 150px; background: transparent url(../images/bg-img-accueil.png) no-repeat 50% 50%; }
section.accueil .tole .tole-wrapper-img-2 { width: 290px; height: 150px; background: transparent url(../images/bg-img-accueil-shield.png) no-repeat 50% 50%; }
section.accueil .tole strong { color: #57d519 }

section.accueil .tole .third .bouton { font-size: 20px; padding-left: 20px; float: right; }
section.accueil .tole .third .bouton a { color: #363636; }

section.securite h1 { font-size: 36px; color: #363636; font-family: 'Oswald', arial, helvetica, sans-serif; font-weight: normal; margin: 0px; padding: 36px 0px 16px 3px; letter-spacing: -0.03em; }

section.dimensions h1 { font-size: 36px; color: #363636; font-family: 'Oswald', arial, helvetica, sans-serif; font-weight: normal; margin: 0px; padding: 36px 0px 16px 3px; letter-spacing: -0.03em; }
section.dimensions table.tab_dim { width: 90%; text-align: center; font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; background: #cfcfcf url(../images/bg-cellule.jpg) repeat top left; }
section.dimensions table.tab_dim  th { background: #383838; color: #57d519; font-weight: normal; font-size: 20px; line-height: 1em; padding: 12px 8px; border-bottom: 2px solid #979797; }
section.dimensions table.tab_dim  th span { font-size: 25px; }
section.dimensions table.tab_dim  td { font-size: 18px; line-height: 2em; }
section.dimensions table.tab_dim strong { color: #363636; }
section.dimensions table.tab_dim .mid-col { border-left: 1px solid #eee; border-right: 1px solid #eee; }
section.dimensions table.tab_dim table.tab_cntr { margin: 0px auto; text-align: center; width: 85%; }
section.dimensions table.tab_dim td.third-col { font-weight: 300; line-height: 1em; }
section.dimensions table.tab_dim td.third-col span { font-size: 80%; }

section.contact h1 { font-size: 36px; color: #363636; font-family: 'Oswald', arial, helvetica, sans-serif; font-weight: normal; margin: 0px; padding: 36px 0px 16px 3px; letter-spacing: -0.03em; }
section.contact h2 { font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; font-size: 24px; font-weight: 200; color: #000; }
section.contact strong { color: #000; text-transform: uppercase; }
section.contact .colonne-champs { width: 50%; float: left; }
section.contact .colonne-champs  label { display: block; font-size: 18px; line-height: 1.7em; padding-left: 5px; color: #929292; font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; }
section.contact .champ { background-color: #c1c1c1; border: 1px solid #8c8c8c; margin-bottom: 12px; width: 80%; 
	font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 6px; 
	-webkit-box-shadow: inset 2px 2px 2px 0px #aaa;
	-moz-box-shadow: inset 2px 2px 2px 0px #aaa;
	box-shadow: inset 2px 2px 2px 0px #aaa;
}
section.contact textarea#info { height: 228px; resize:none;}
section.contact select#destinataire { width:277px;}
section.contact #form .bouton { float: right; margin-right: 60px; }
section.contact #form .bouton input { color: #363636; font-family: 'Yanone Kaffeesatz',arial,helvetica,sans-serif; font-size: 20px; border: none; padding: 0px 20px; }

/* -- message bar --------------------- */

.message-bar { height: 82px; line-height: 54px; background: #30302e url(../images/bg-pre-footer.jpg) repeat-x center top; }
.message-bar p { font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; background: transparent url(../images/icon-cadenas.png) no-repeat 0px 26px; padding: 26px 0px 0px 50px; margin: 0px; }
.message-bar p span { color: #57d519; }

/* -- footer ---------------------------------------------------------------------- */


footer .pale { border-top: 10px solid #363636; color: #878787; font-size: 12px; }
footer .pale  a { color: #878787; }
footer .pale .container .info { text-align: center; }
footer .pale .container .sub-info { float: left; font-size: 11px; }
footer .pale .container .sub-info h3 { color: #878787; font-size: 21px; font-weight: normal; }
footer .pale .container .half { width: 50%; }
footer .pale .container .half p { margin-top: 0px; }
footer .pale .information { float: left; line-height: 25px; background: transparent url(../images/icon-i.png) no-repeat top left; padding-left: 36px; }
footer .pale .courriel { float: left; background: transparent url(../images/icon-enveloppe.png) no-repeat 0px 3px; padding-left: 36px; }
footer .pale .tel { min-height: 27px; float: left; background: transparent url(../images/icon-tel.png) no-repeat 4px 0px; padding-left: 36px; }
footer .pale .container .quart { width: 20%; padding-left: 5%; }
footer .pale .container .sub-info .half { width: 35%; float: left; line-height: 2em; margin-top: 0px; }

footer .dark { background: transparent url(../images/bg-footer.jpg) repeat-x top left; height: 89px; color: #a6a6a6; font-size: 0.73em; }
footer .dark  .container { background: transparent url(../images/shadow-bottom.png) repeat-x 50% 10px; padding-top: 35px; }
footer .dark  .container a.zed { display: block; float: right; color: #a6a6a6; text-decoration: none; line-height: 29px;}
footer .dark  .container a.zed img { vertical-align:baseline; }
footer .dark  .container p.copyright { line-height: 29px; float: left; } 


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* = = = MOBILE + TABLET = = = = = = = = = = = = = = = = = = */

@media screen and (max-width:1024px), screen and (max-device-width:1024px) {

}