@charset "utf-8";
*{ font-family:Arial, Helvetica, sans-serif; color:#303030; }

BODY,html{ background:url("images/background.jpg") repeat-x top #fff; margin:0; padding:0; font-size:12px; min-height:100%; height:auto !important; height:100%; }

form,fieldset{ padding:0px;margin:0px;border:0; }
input, select, option, textarea,table,p,a,li,td{ border:0; }

a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
img{ border:0px; }
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-size:12px; }
ul,ol{ list-style:none outside none; margin:0px; padding:0px; }
li a{ _height:1%; }
hr{ margin:0px; padding:0px; height:0; _margin: -7px 0; border:0px; display:block; border-bottom:1px solid #efefef; }
p{ margin:0;padding:0; }
acronym,abbr{ cursor:help; border-bottom:1px dotted #125E8F; }
table { margin:0; padding:0; border:0; border-collapse:collapse; }

.clear{ clear:both;font-size:1px;height:1px; }
.tabs-hide{ display:none; }


/*** CONTAINER - communs ***/
#container{position:relative; z-index:0; width:940px; margin:0 auto; padding:0; text-align:left; }
#content{ position:relative; z-index:0; width:940px; padding:30px 0px; margin:0px; margin-bottom:20px; background:url("images/fd-content.png") top left no-repeat; min-height:150px; }
#content .leftCol{ float:left; width:530px; margin-right:20px;  padding-right:10px; margin-left:80px; color:#424243; text-align:justify; }
#content .OneCol { float:left; width:780px; margin-right:20px;  padding-right:10px; margin-left:80px; color:#424243; text-align:justify; }
#content .centerCol{ float:left; width:925px; }
#content .rightCol{ float:left; width:240px; }
.threeCol .leftCol{ width:215px !important; }
.threeCol .centerCol{ width:440px !important; margin-right:15px; }
.threeCol .rightCol{ width:255px !important; }
#container h1, #container h2{ display:inline-block; width:auto; padding:4px 10px 4px 10px; text-transform:uppercase; color:#ffffff; }
a.more{ padding-left:23px; }

.up, #content p strong{ font-weight:normal; font-size:18px; }
strong.normal{ font-size:12px !important; font-weight:bold !important; }

#autres{ background:url("images/header-autres-presta.gif") top left no-repeat; height:59px; width:862px; }
#autres span{display:none; }

.contentContact form{ margin:30px 0; }
.contentContact form label{ display:block; float:left; width:100px; padding:5px 15px 0 0; text-align:right; font-weight:bold; }
.contentContact form label.labelMsg, .contentContact form .inputMsg{ margin-top:20px; }
.contentContact form .inputTxt, .contentContact form .inputMsg, .rappel .inputTxt{ display:block; float:left; width:300px; margin-bottom:10px; padding:5px 10px; border:0; background-color:#ddd; color:#555; }
.rappel .inputTxt{ width:190px; }
.contentContact form .button, .rappel .button{ display:block; margin-top:20px; margin-left:205px; padding:5px 15px; background-color:#f47a24; text-transform:uppercase; color:#fff; }
.rappel .button{ margin-left:0px; }
.contentContact .erreur{ padding-top:10px; font-weight:bold; color:#f47a24; text-align:center; }


/*** CONTAINER - header ***/
#header{ position:relative; z-index:0; width:940px; height:263px; margin:0 8px; overflow:hidden; }
.bg-services{ background:url("images/fd-header-services.jpg") no-repeat top left; }
.bg-accueil{ background:url("images/fd-header.jpg") no-repeat top left; }
.bg-valeurs{ background:url("images/fd-header-valeurs.jpg") no-repeat top left; }
.bg-approche{ background:url("images/fd-header-approche.jpg") no-repeat top left; }
.bg-contact{ background:url("images/fd-header-contact.jpg") no-repeat top left; }
.bg-qui{ background:url("images/fd-header-qui.jpg") no-repeat top left; }

#header .ref{ font-size:11px; color:#fefdfe; font-weight:bold; margin-top:3px; margin-left:45px; }
#header .date{ display:block; width:250px; position:absolute; z-index:3; left:590px; top:56px; text-align:right; color:#cdcdcb; font-size:11px; }

#showcase{ position:absolute; z-index:1; top:0; left:0; width:940px; height:255px; }
#subBar, #navigator{ display:none !important; }

#logo{ position:absolute; z-index:3; width:192px; height:133px; top:88px; left:85px; background:url("images/logo.png") no-repeat top left; }
#logo:hover{ text-decoration:none; }
#logo span{ visibility:hidden; }

#menu{ display:block; width:800px; height:31px; position:absolute; z-index:10; left:80px; top:232px; }
.item, .item_actif {
    padding:0 8px 0 5px;
    margin:0;
    list-style:none;
    display:inline-block;
    float:left;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    position:relative;
}
.item span, .item_actif span{
    height:31px;
    background:url("images/bg-item-right.png") top right no-repeat;
    position:absolute;
    top:0;
    right:-8px;
    width:8px;
    margin:0;
}
.item_actif span{
    background:url("images/bg-item-actif-right.png") top right no-repeat;
}
.item a:link, .item a:visited, .item a:hover, .item a:active{
    color:#2c2c2e;
    background:url("images/bg-item.png") top left no-repeat;

    /* partie de code a repeter */
    text-decoration:none;
    padding:6px 3px 5px 10px;
    margin:5px 0 0 0;
    display:inline-block;
    height:15px;    /* init 26*/
    position:relative;
}
.item a:hover{
    text-decoration:underline;
}
.item a:hover span, .item_actif a:hover span{
    text-decoration:none;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:hover, .item_actif a:active{
    color:#fff;
    background:url("images/bg-item-actif.png") top left no-repeat;
    /* partie de code a repeter */
    text-decoration:none;
    padding:11px 3px 5px 10px;
    margin:0;
    display:inline-block;
    height:15px;    /* init 31*/
    position:relative;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
    text-decoration:underline;
}




/*** CONTAINER - left ***/
.leftCol .img-pack{ float:left; margin:0 30px 10px 0px; }

span.open-quote{ display:inline-block; margin:0 10px 0 0; height:27px; width:27px; background:url("images/open-quote.gif") top right no-repeat; }
span.close-quote{ display:inline-block; margin:0 0 -15px 10px; height:27px; width:27px; background:url("images/close-quote.gif") top left no-repeat; }
p.quote{ text-align:left; font-style:italic; }
.petit{ font-size:11px; color:#f47a24; }
p.identite{ float:left; margin:10px; width:155px; }

img.pack{ float:left; margin:10px; }
div#encart{ width:240px; height:444px; background:url("images/bg-encart.png") top left no-repeat; color:#fff;}
#encart ul{ list-style:none;}
#encart li{ background:url("images/puce.png") top left no-repeat; padding:0px 10px 5px 40px; margin:10px 0; color:#fff; font-size:12px; }
#encart h2{ color:#f47a24; font-size:18px; font-weight:bold; margin:10px; margin-top:35px; }
#encart p{ padding:10px; color:#fff; }
#encart a{ color:#000; font-size:12px; text-transform:uppercase; text-decoration:underline; font-weight:bold; margin-top:40px; display:block; }
#encart li strong{ color:#f47a24; font-weight:normal; }


.leftCol ul{ list-style:none; margin-left:30px;}
.leftCol li{ background:url("images/puce-noire.png") top left no-repeat; padding:5px 10px 5px 40px; margin:10px 0; font-size:12px; }

.leftCol .references div.img{ float:left; margin:8px; height:60px; }

.leftCol ul.point, .leftCol div.point ul{ list-style:circle; width:350px; display:block; margin-left:270px; }
.leftCol .point li, .leftCol div.point li{ background:none; padding:5px 8px; margin:10; font-size:12px; }

div.bloc-adresses{ width:240px; height:244px; background:url("images/bg-bloc-adresse.png") top left no-repeat; color:#fff; float:left; margin:5px; }
.bloc-adresses ul{ list-style:none; margin:10px 0;}
.bloc-adresses li{ background:none; padding:0px 10px; margin:15px 0; color:#fff; font-size:12px; }
.leftCol .bloc-adresses h3{ color:#f47a24; font-size:15px; font-weight:bold; margin:20px 10px 20px 10px; }
.bloc-adresses p{ padding:10px; color:#fff; }
.bloc-adresses a{ color:#ccc; font-size:12px; text-decoration:underline; font-weight:normal; display:inline; }
.bloc-adresses li strong{ color:#f47a24; font-weight:normal; }

/*** FOOTER ***/
#footer{ position:relative; z-index:0; width:100%; margin:15px auto 0 auto; padding:0; background:url("images/fd-footer.png") no-repeat bottom center #fff; height:71px; position:relative; }
#footer .footer{ width:940px; margin:0 auto; color:#f8f8f8; text-align:left; position:relative; }
#footer .adresse{ width:633px; padding:10px 0 0 0; text-align:left; margin-bottom:2px; margin-left:50px; font-weight:bold; color:#fff; }
#footer .links{ width:633px; padding:0; margin-left:50px; margin-bottom:18px; text-align:left; color:#fff; font-size:11px; }
#footer .links a{ color:#f8f8f8; font-size:11px; }
#footer .credit{ z-index:1; margin-left:50px; }
#footer .credit a{ color:#f4cf99; font-size:9px; text-transform:uppercase; }
#footer .credit a:hover{ color:#ffffff; }