body { margin:0; padding:0; background:#f9faf9; font-family:verdana; font-size:12px; color:#3d3d3d; line-height:inherit }
h2, h2 a { padding:0; margin:0 0 10px 0; color:#0c5ea6; font-size:15px; }
h1 { padding:0; margin:0 0 15px 0; color:#3097cf; font-size:18px; }
p { margin:0 0 10px 0 }
img { border:none }
a { text-decoration:none; color:#3097cf }
a:hover { text-decoration:underline }

input[type="text"], input[type="password"] { height:20px; background:url('../images/new-template/input-background.png') top left no-repeat #FFFFFF; border-radius:5px; border:1px solid #dbd7d7; padding:0 5px; color:#a4a2a3 }
input[type="button"], input[type="submit"], button { height:20px; background:url('../images/new-template/button-background.png') repeat-x; border: 2px solid #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 2px #999999; color: #FFFFFF; font-size: 10px; font-weight: bold; padding: 0 5px 2px; text-align: center; }
input[type="file"] { width:200px; height:20px; }
textarea { background:url('../images/new-template/input-background.png') top left no-repeat #FFFFFF; border-radius:5px; border:1px solid #dbd7d7; padding:5px; color:#a4a2a3 }

/* Header */
#header-content { margin:0 0 20px 0; padding:0; width:100%; height:146px; background:url('../images/new-template/header-background.jpg') repeat-x; clear:both }
#header { width:991px; margin:0 auto; padding:0; height:146px; clear:both }
#header img { float:left; margin:0 24px 10px 0; height:108px; width:93px; display:block } 
#header p { float:left; margin:60px 0 0 0; padding:0; text-transform:uppercase; color:#3e8ed7; font-size:16px; font-weight:bold }

#header div#login { float:right; margin:10px 0 0 0; }
#header div#login input { width:110px; float:left; margin:0 10px 0 0; }
#header div#login input[type="submit"] { width:50px; margin:0 }

#header div#search { width:220px; height:26px; float:right; background:url('../images/new-template/search-background.png') no-repeat; padding:24px 10px 13px 13px; margin:10px 0 8px 0;  }
#header div#search p { font-size:10px; color:#FFFFFF; padding:0; margin:0 0 5px 0 }
#header div#search input { width:148px; margin:0 5px 0 0 }
#header div#search button { width:50px; margin:0; color:transparent; background:url('../images/new-template/search-button.png') no-repeat center; }

#header div#menu-body { width:980px; margin:0 10px 0 11px; clear:both; height:16px; }

/* body */
#container { width:990px; margin:0 auto; height:auto }

#container div#slide-content { height:200px; width:990px; margin:0 0 30px 0; position: relative; padding: 0 0 30px 0 }

.pages#container div#slide-content { height:152px; width:980px; margin:0 0 20px 0 }

/* Liens Direct */
#container div#slide-content ul { list-style:none; padding:0; margin:0; float:left }
#container div#slide-content ul li { padding:0 0 4px 20px; background:url('../images/new-template/directlink-puce.png') no-repeat left top; }
#container div#slide-content ul li.last { padding:0 0 0 20px; }
#container div#slide-content ul li a { font-size:11px; font-weight:bold; color:#105fa7; text-decoration:none }
#container div#slide-content ul li a:hover { color:#3e8ed7 }

/* Slide - Carousel */
#container div#slide-content #tabber_clip { width: 680px; position: relative; /* For IE */ overflow: hidden; height: 200px; z-index:101; float:right; }
#container div#slide-content ul#tabber { width: 9999px; height: 200px; display: block; float: left;  margin: 0; padding: 0; right: 0px; top: 0px; }
#container div#slide-content ul#tabber li { width: 680px; height: 200px; float: left; display: block; background:none; padding:0 }

#container div#slide-content ul#tabber-indication { right:0; float:right; height:20px; width:150px; z-index:101; margin-top:-20px; position:absolute; top: 240px; right: 0px; }
#container div#slide-content ul#tabber-indication li { width:20px; height:20px; margin:0 0 0 10px; background:none; padding:0; float:left }
#container div#slide-content ul#tabber-indication a { font-size:20px; color:transparent; display:block; height:20px; width:20px; background:url('../images/new-template/slide/slide-puce.png') no-repeat; }
#container div#slide-content ul#tabber-indication li.active a { background:url('../images/new-template/slide/slide-puce-current.png') no-repeat; }

/* Left Column */
#container ul#left-column { width:170px; margin:0; list-style:none; padding:0; float:left; height:730px; display:block }
#container ul#left-column li { height:152px; width:170px; margin:0 0 20px 0; padding:0; }

/* Text Content */
#container div#text-content { width:589px; float:left; display:block; margin:0 31px 0 40px; }
.pages#container div#text-content { width:790px; float:right; text-align:justify; margin:0 0 0 30px; padding:0 0 30px 0; }

/* Right Column */
#container ul#right-column { float:right; list-style:none; margin:0; padding:0; width:150px; height:730px; display:block }
.pages#container ul#right-column { float:left; list-style:none; margin:0; padding:0; width:150px; height:730px; display:block }
#container ul#right-column li { width:150px; height:71px; padding:0 }
#container ul#right-column li.first { height:57px }

/* Footer */
#footer-content { width:100%; height:206px; background:url('../images/new-template/footer-background.jpg') repeat-x; clear:both; padding:20px 0 0 0; }
#footer-content div#footer { width:991px; height:146px; margin:0 auto; font-size:10px; }

#footer-content div#footer img { width:116px; height:136px; float:left }
#footer-content div#footer p { padding:0; margin:9px 40px 0 0; float:left; width:140px; font-weight:bold }
#footer-content div#footer ul { list-style:none; width:130px; float:left; margin:0; padding:0; height:86px; }
#footer-content div#footer ul li a { text-decoration:none; color:#3d3d3d; }
#footer-content div#footer ul li a:hover { text-decoration:underline }

#footer-content div#footer ul#reseaux-sociaux { float:right; width:172px }
#footer-content div#footer ul#reseaux-sociaux li { height:38px; width:38px; float:left; margin:0 0 0 2px; }
#footer-content div#footer ul#reseaux-sociaux li img { height:38px; width:38px; }

#footer-content div#footer ul.link { width:600px; height:55px; margin:5px 0 0 180px; }
#footer-content div#footer ul.link li { float:left; width:125px; text-align:left; padding-right:5px; }
#footer-content div#footer ul.link li a { font-size:9px; }

/* Devis */
#ctl00_MainContent_ctl03_form_table div#contactform div { padding:0 0 5px 0; height:auto; display: table; width:420px }
#ctl00_MainContent_ctl03_form_table div#contactform div.separator { padding:0; height:0px; }

#ctl00_MainContent_ctl03_form_table div#contactform div label { width:200px; height:20px; }
#ctl00_MainContent_ctl03_form_table div#contactform div label#label9 { height:31px; }

#ctl00_MainContent_ctl03_form_table div#contactform div table { width:200px }

#ctl00_MainContent_ctl03_form_table div#contactform input[type="text"] { width:200px }
#ctl00_MainContent_ctl03_form_table div#contactform textarea { width:200px }

#ctl00_MainContent_ctl03_form_table div#contactform .indent input { float:right }

/* CSS ACCUEIL VERSION 2 PAR SEBASTIEN NÄSER */
#generalAccueil {
    width: 600px;
    min-height: 600px;
    height: auto;
    margin: auto;
}
#generalAccueil p {
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Verdana, Tahoma;
}
.btnGeneral {
    width: 138px;
    height: 43px;
    display: block;
    line-height: 43px;
    padding: 0 37px 0 11px;
    text-align: center;
    background: url(../images/version2/btnGeneral.png);
    background-repeat: no-repeat;   
}
.btnGeneral:hover {
    text-decoration: none;
    background: url(../images/version2/btnGeneralHover.png);
}
#zoneAccueil_bloc1 {
    width: 553px;
    height: 245px;
    padding: 18px;
    background: url(../images/version2/bg_accueilgd.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
#zoneAccueil_bloc1 p{
    color: #0061b5;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    padding: 5px;
}
#zoneAccueil_colonneGauche {
    width: 300px;
    float: left;
    height: auto;
    min-height: 530px;
    padding: 0px;
    background: url(../images/version2/separateur_accueil.png);
    background-repeat: no-repeat;
    background-position: top right;
}
#zoneAccueil_colonneDroite {
    width: 294px;
    float: right;
    height: auto;
    min-height: 530px;
}
.zoneAccueil_bloclittle {
    width: 262px;
    height: 156px;
    background: url(../images/version2/bg_accueilittle.png);
    overflow: hidden;
    padding: 20px 10px 20px 20px;
}
.zoneAccueil_bloclittle .icone {
    width: 57px;
    height: 110px;
    float: left;
}
.zoneAccueil_bloclittle .titre {
    width: 195px;
    height: 37px;
    float: left;
    padding: 0 0 0 5px;
}
.zoneAccueil_bloclittle .titre h2 {
    font-size: 15px;
    color: #c28023;
    letter-spacing: -1px;
}
.zoneAccueil_bloclittle .texte {
    width: 180px;
    height: 70px;
    float: left;
    padding: 0 0 0 10px;
}
.zoneAccueil_bloclittle .texte p {
    font-size: 12px;
}
.zoneAccueil_bloclittle .bouton {
    width: 247px;
    height: 45px;
    clear: both;
}
.zoneAccueil_bloclittle .bouton .btnGeneral {
    margin: auto;
}
#generalPage {
    width: 790px;
    min-height: 600px;
    height: auto;
    margin: auto;
    position: relative;

}
#generalPage #haut {
    width: 790px;
    min-height: 180px;
    position: relative;
}
#generalPage #haut a:hover {
    text-decoration: none;
}
#generalPage #reseauxSociaux {
    position: absolute;
    z-index: 2000;
    bottom: 50px;
    right: -20px;
}
#generalPage #reseauxSociaux ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style-type: none;
}
#generalPage #reseauxSociaux ul li {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
}
#generalPage #reseauxSociaux ul li .reseaux {
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
}
#generalPage #haut #absolute {
    position: relative;
    z-index: 5000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background: #f9faf9 url(../images/version2/bg_pagehaut.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}
#generalPage #haut #gauche {
    width: 530px;
    height: auto;
    min-height: 225px;
    float: left;
    padding: 10px 50px 10px 10px;
}
#generalPage #haut #gauche-big {
    width: 700px;
    height: auto;
    min-height: 150px;
    float: left;
    padding: 10px 50px 10px 10px;
}
#generalPage #haut #gauche p, #generalPage #haut #gauche-big p {
    line-height: 20px;
    font-size: 14px;
    color: #0061b5;
    font-family: Arial, Verdana, Tahoma;
    text-align: justify;
}
#generalPage #haut #droite {
    width: 200px;
    height: auto;
    min-height: 225px;
    float: right;
    padding: 10px 0 0 0;
    text-align: center;
}
#generalPage #haut h1 {
    clear: both;
    height: 50px;
    background: url(../images/version2/icone/icoPage.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0 0 0 35px;
    line-height: 50px;
    margin: 0 0 25px 0;
}

.separateur {
    width: 100%;
    clear: both;
}
#generalPage #colGauche {
    width: 322px;
    float: left;
    height: auto;
    min-height: 580px;
    padding: 0 37px 0 30px;
    margin: 30px 0 0 0;
    background: url(../images/version2/separateur_page.png);
    background-repeat: no-repeat;
    background-position: top right;
}
#generalPage #colGauche p, #generalPage #colDroite p{
    line-height: 20px;
    font-size: 13px;
    color: #314971;
    text-align: justify;
    font-family: Arial, Verdana, Tahoma;
}
#generalPage #colDroite {
    width: 332px;
    float: right;
    height: auto;
    min-height: 580px;
    padding: 0 37px 0 20px;
    margin: 30px 0 0 0;
}
#generalPage .blocOmbre {
    width: 310px;
    min-height: 100px;
    height: auto;
    background: url(../images/version2/bg_petitombre.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin: auto;
    clear: both;
    padding: 0 30px 30px 30px;
    margin: 50px 0 20px 0;
}
#generalPage .blocOmbre h3 {
    color: #c28023;
    font-size: 18px;
    font-family: Arial, Verdana, Tahoma;
}
#generalPage .blocOmbre ul {
    list-style-image: url(../images/version2/icone/puce.png);
}
#generalPage .blocOmbre ul li {
    font-size: 11px;
    margin: 10px;
    position: relative;
    padding: 0 40px 0 0;
    text-align: left;
}
#generalPage .blocOmbre ul li img {
    vertical-align: middle;
    position: absolute;
    top: -5px;
    right: 0px;
}