/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 03
   @ Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */
  
/* CLEARFIX */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {color: 000; background:#fff url(../img/body-bg.png) 0 0;}
a {color: #ee3e30;}
a:hover, a:focus {color: #ee3e30;}
strong {color: #A1B55D;}

/* Page */
html, body {height: 100%;}
body {padding: 0;}
#global {background:transparent url(../img/global-bg.png) repeat-y 0 0; min-height: 100%; width: 953px; overflow: hidden; margin: 0 auto; padding:0 5px}

/* En-tête */
#entete {padding:0; background:#fff url(../img/header-bg.gif) 0 0; min-height:135px; height:auto !important; height:135px; position:relative;}
#entete h1 {padding: 13px 0 0 34px;margin:0}
#entete h1 img {float: left;margin: 7px 20px 10px 0;}

/* Contenu */
#contenu {color:#757477; background:#fff; font-size:12px; padding:10px; clear:both;}
#contenu p, #contenu li {line-height: 1.5;}
#contenu a {color: #332510;}
#contenu a:hover, #contenu a:focus {color: #6E5122;}
#contenu strong {color: #181A12;}


#contenu h2 {color:#ff0000; border-bottom:2px solid #ff0000; font-size:30px; margin-top:20px;}
#contenu h3 {color:#ff0000; margin-top:20px;}
#contenu .blocContenu {float: left;width: 943px; overflow: hidden;}
#contenu p.chapeau {font-weight:bold; color:#000;}
#contenu .photos {float: right; width: 450px; padding:0 10px;}
#contenu .txt {float: left; width: 470px; overflow: hidden;}

/* ARIANE */
#contenu p#ariane {color:#757477}
#contenu p#ariane a{text-decoration:none; color:#757477}
#contenu p#ariane a:hover{text-decoration:underline}
#contenu p#ariane span {font-weight:bold}

/* NEWS SLIDER */
#news-wrapper {background:url(../img/news-wrapper.png) no-repeat 0 0; padding:5px 31px 5px 64px; width:476pxt; height:23px; margin:28px 0 0 377px}
#news ul,#news ul li {margin:0; padding:0}
#news ul li {width:478px; height:23px; line-height:23px; overflow:hidden}
#news ul li a {color:#ee3e30; text-decoration:none; font-weight:bold}
#news ul li a:hover {text-decoration:underline}

/* SLIDESHOW HOME */
#slideshow-accueil {width:953px; height:340px; overflow:hidden}
#slideshow-accueil ul,#slideshow-accueil ul li {margin:0; padding:0}
#slideshow-accueil ul li {width:953px; height:340px; overflow:hidden; position:relative; color: #000}
#slideshow-accueil ul li span {background:transparent url(../img/slideshow-legend-bg.png) repeat-x bottom left; display:block; height:40px; line-height:40px; font-weight:bold; padding-left:40px; color:#000; position:absolute; bottom:0; left:0; width:913px; text-align: center}


/* 3 colonnes */
.three-col {width:305px; float:left; margin-left:8px;}
.three-col:first-child {margin-left:0}
#contenu .three-col  h2 {background:#e0e1e2 url(../img/3cols-headers.png) no-repeat 0 0; margin:0; height:39px; line-height:39px; color:#ee3e30; padding-left:10px; font-size:18px}
#contenu .three-col  h2.arrow {background-image:url(../img/3cols-headers2.png);}
#contenu .three-col  h2 a {color:#ee3e30; text-decoration:none;}
#contenu .three-col  h2 a:hover {text-decoration:underline}
.three-col .content {float:left; border:1px solid #757477; border-width:1px 1px 0 1px; width:303px}
.three-col .content .photo {float:left; height: 190px; overflow: hidden}
.three-col .content img {float:left;}
.three-col .content ul, .three-col .content ul li {margin:0; padding:0; list-style-type:none}
.three-col .content ul li {min-height:30px; height:auto !important; height:30px; background:#eceded; border-bottom:1px solid #b1b1b2}
#contenu .three-col .content ul li a {color:#757477; font-weight:bold; text-decoration:none; display:block;line-height:30px; padding-left:10px; background:#eceded url(../img/3cols-link.gif) no-repeat 100% 50%}
#contenu .three-col .content ul li a:hover {text-decoration:underline; color:#757477}
#contenu .three-col a.savoir-plus, #contenu .three-col a.plus-de {clear:both; font-weight:bold; background:url(../img/3cols-savoir-plus.png) no-repeat 0 0; display:block; height:30px; line-height:30px; color:#fff; padding-left:10px; text-decoration:none}
#contenu .three-col a.savoir-plus:hover, #contenu .three-col a.plus-de:hover {text-decoration:underline}
#contenu .three-col a.plus-de {background-image:url(../img/3cols-plus-de.png)}
#list-3cols {margin-top:20px;}

/* 2 colonnes */
.two-col {clear:both; margin-top:20px; color:#000; float:left; width:933px}
.two-col .photo img {width:409px;float:left; border:1px solid #79787b; background:#eceded;}
.two-col .description {float:right; width:498px;}
.two-col .description h3 {margin:0; color:#ff0000; font-size:18px}
#contenu .two-col .description h3 a{color:#ff0000; text-decoration:none}
#contenu .two-col .description h3 a:hover{color:#ff0000; text-decoration:underline}
.two-col .description h3 span {display:block; color:#ababad; font-size:12px}
.two-col .description h4 {margin-top:0; color:#ff0000; font-size:12px}

/* FORMULAIRE DE DEVIS */
#form-devis fieldset {border:0; padding:10px 0 0 0; margin-top:20px}
#form-devis legend {font-weight:bold; color:#000; padding:0; left:0; font-size:18px;}
#form-devis ul, #form-devis ul li{margin:0; padding:0; list-style-type:none}
#form-devis ul li {clear:both; margin-top:5px; border-bottom:1px solid #d2d3d4; color:#757477; font-weight:bold; line-height:30px}
#form-devis ul li label {display:block; width:200px; float:left}
#form-devis ul li input[type='text'], #form-devis ul li select {width:300px; border:1px solid #9a9a9d; background:#f4f4f5; color:#9a9a9d}
#form-devis p.button {width:501px; text-align:right}
#form-devis button {padding:0; margin:0; width:170px; height:23px; border:0; background:#fff; cursor:pointer}
#form-devis .obligatoire {color:#ee3e30;}

/* FOOTER */
#pied {padding:15px 10px;	font-size:11px; color:#757477; clear:both; }
#pied1, #pied2, #pied3, #pied4 {float:left; border-right:1px solid #c4c5c6; padding:0px 8px 0 8px}
#pied1 {width:382px; padding-left:0}
#pied2 {width:138px;}
#pied3 {width:170px;}
#pied4 {padding-right:0; border-right:0}
#pied1 p {color:#757477; margin-top:0; text-align:justify; font-size:11px}
#pied ul, #pied ul li {margin:0; padding:0; list-style-type:none;}
#pied ul li {margin-top:10px}
#pied ul li:first-child {margin-top:0}
#pied ul li a {font-size:13px; font-weight:bold; text-decoration:none}
#pied ul li a:hover{text-decoration:underline}
#pied ul li ul li {margin-top:0}
#pied ul li ul li a {font-size:11px; color:#757477; padding: 0 0 0 5px}
#pied4 h2{margin-top:0; font-size:14px; font-weight:bold;}