html {
    height:100%;
}
body {
    font-family:Trebuchet MS;
    font-size:14px;
    color:#636466;
    line-height:16px;
    background: #c7c8ca;
    text-align:justify;
}
.spacer {
    clear:both;
    height:0px;
}

h1 {
    font-size:18px;
    font-weight:bold;
    background: transparent url(../img/puce-titre.jpg) no-repeat 0 0;
    text-indent:58px;
    color:#005bab;
    padding:3px 0 0;
    height:18px;
}

a {
    color:#005bab;
}

input[type=text], input[type=password] {
    background: #FFFFFF url(../img/input.jpg) no-repeat scroll 0 0;
    border:none;
    float: left;
    height:20px;
    width:162px;
    color:#005bab;
    font-size:11px;
    padding:1px 4px;
}
input[type=checkbox], input[type=radio] {
    float:left;
}
textarea {
    background: #FFFFFF url(../img/textarea.jpg) no-repeat scroll 0 0;
    border:none;
    float: left;
    width: 778px;
    height:36px;
    /*overflow:hidden;*/
    color:#005bab;
    font-size:11px;
    padding:4px;
}
select {
    float:left;
    width: 170px;
    color:#005bab;
    font-size:11px;
}

label {
    float: left;
    clear: both;
    width: 210px;
}
.right2 label {
    width: 230px;
}

#all {
    width:950px;
    margin:0 auto;
    background: #FFF url(../img/footer.jpg) no-repeat 0 bottom;
}
#header {
    width:100%;
    height:166px;
    background: #FFF url(../img/header.jpg) no-repeat 0 0;
}
#logo a {
    display:block;
    width:330px;
    height:140px;
}
#menu {
    width:100%;
    height:36px;
    background-color: #005bab;
}
#menu ul {
    height:100%;
}
#menu ul li {
    float:left;
    height:100%;
    width:236px;
}
#menu ul li a {
    text-indent:-9999px;
    display:block;
    color:#fff;
    height:100%;
    width:100%;
}
#menu ul li.li_accueil a {
    background: transparent url(../img/li_accueil.jpg) no-repeat 0 0;
}
#menu ul li.li_accueil a:hover, #menu ul li.li_accueil a#active {
    background: transparent url(../img/li_accueil.jpg) no-repeat 0 -36px;
}
#menu ul li.li_savoirfaire a {
    background: transparent url(../img/li_savoirfaire.jpg) no-repeat 0 0;
}
#menu ul li.li_savoirfaire a:hover, #menu ul li.li_savoirfaire a#active {
    background: transparent url(../img/li_savoirfaire.jpg) no-repeat 0 -36px;
}
#menu ul li.li_actualite a {
    background: transparent url(../img/li_actualite.jpg) no-repeat 0 0;
}
#menu ul li.li_actualite a:hover, #menu ul li.li_actualite a#active {
    background: transparent url(../img/li_actualite.jpg) no-repeat 0 -36px;
}
#menu ul li.li_contact a {
    background: transparent url(../img/li_contact.jpg) no-repeat 0 0;
}
#menu ul li.li_contact a:hover, #menu ul li.li_contact a#active {
    background: transparent url(../img/li_contact.jpg) no-repeat 0 -36px;
}

#global {
    float:left;
    width:100%;
    background: transparent url(../img/contenu-bas.jpg) repeat-y 0 3px;
}
#main-contenu {
    float:left;
    width:100%;
    min-height:490px;
    height: auto !important;
    height: 490px;
    background: transparent url(../img/contenu.jpg) no-repeat 0 0;
}
#contenu {
    width:800px;
    margin:0 auto 20px;
    padding:70px 0 0; 
    position:relative;
}
.une_col {
    padding:1px 0 20px 5px;
    margin:10px 0 0px 0px;
    background: transparent url(../img/securite.jpg) no-repeat right top;
    width:775px;
}
.une_col h1 {
    background:none;
    margin:8px 0 0 0;
}
.left {
    width:540px;
    float:left;
    margin:0 10px 0 0;
    padding:80px 0 0 5px;
    background: transparent url(../img/bus_left_accueil.jpg) no-repeat 64px 0;
}
.right {
    width:245px;
    float:left;
    margin:10px 0 0;
}
.left3 {
    width:540px;
    float:left;
    margin:0 10px 0 0;
    padding:20px 0 110px 5px;
    background: transparent url(../img/savoir_faire.jpg) no-repeat 10px bottom;
}
.left5 {
    width:390px;
    float:left;
    margin:0 10px 0 0;
    padding:20px 0 0px 5px;
}
.left5 h1 {
    margin:0 0 15px;
}
.txt_equipe {
    float:left;
    width:175px;
    padding:0 20px 0 0;
    background: transparent url(../img/separation_savoir_faire.jpg) no-repeat right 0;
}
.left4 {
    width:400px;
    float:left;
    margin:0 10px 0 0;
    padding:20px 0 0 5px;
    background: transparent url(../img/actualite.jpg) no-repeat right 0;
}
.left4 p {
    color:#005bab;
    margin:5px 0 0 0;
}
.left2 {
    width:390px;
    float:left;
    margin:0 0px 0 0;
    padding:20px 0 0 0px;
}
.right2 {
    width:407px;
    float:left;
    padding:39px 3px 0 0;
}

.securite {
    background: transparent url(../img/securite.jpg) no-repeat right 0;
    height:75px;
    margin:5px 0 0 0;
}
.securite h1 {
    background:none;
}
#contenu .left p, #contenu .une_col p  {
    padding:5px 10px 7px 58px;
    line-height:16px;
}
#contenu .left3 p, #contenu .left5 p {
    padding:5px 0 7px 10px;
    line-height:14px;
    font-size:12px;
    color:#005bab;
}

#footer {
    height:174px;
}
#footer p {
    font-size:14px;
    line-height:18px;
    padding:35px 0 0 350px;
}
#footer p a {
    color:#636466;
    text-decoration:none;
}
#footer p a.lien {
    color:#005bab;
    padding-top:8px;
    display:block;
}

.accueil {
    position:absolute;
    background: transparent url(../img/icone_accueil.png) no-repeat 0 0;
    width:80px;
    height:64px;
    margin:-67px 0 0 -344px;
    left:50%;
    z-index:10;
    display:block;
}
.contact {
    position:absolute;
    background: transparent url(../img/icone_contact.png) no-repeat 0 0;
    width:92px;
    height:61px;
    margin:-60px 0 0 260px;
    left:50%;
    z-index:1;
}
.savoirfaire {
    position:absolute;
    background: transparent url(../img/icone_savoirfaire.png) no-repeat 0 0;
    width:132px;
    height:78px;
    margin:-64px 0 0 -160px;
    left:50%;
    z-index:1;
}
.actu {
    position:absolute;
    background: transparent url(../img/icone_actualite.png) no-repeat 0 0;
    width:121px;
    height:67px;
    margin:-64px 0 0 70px;
    left:50%;
    z-index:1;
}

.form {
    padding:10px 0 0 5px;
    color:#005bab;
}
.form li {
    height:25px;
    float:left;
    min-width:300px;
    width: auto !important;
    width: 300px;
}
.form li.commentaires {
    padding:8px 0 0;
    height:80px;
}
.form li.commentaires label {
    padding:0 0 5px;
    width:100%;
}
.form li.bouton-fichier {
    height:35px;
    width:100%;
}
.form li.input-fichier {
    display:none;
    height:40px;
    padding:5px 0 0 10px;
    width:100%;
}
span.obligatoire {
    font-size:9px;
    color:#005bab;
    float:none;
}
form span {
    float:left;
}
form {
    font-size:11px;
}

.materiels {
    background:transparent url(../img/moyens-materiels.jpg) no-repeat scroll right bottom;
    float:left;
    height:320px;
    padding:20px 0 0 5px;
    width:390px;
}
.materiels p {
    color:#fff;
    font-size:12px;
    margin:17px 10px 0 20px;
    line-height:14px;
}

.equipe {
    width:155px;
    color:#005bab;
    margin:20px 0 0 0px;
    float:left;
}
.equipe h2 {
    width:100%;
    height:22px;
    background-color:#81aed5;
    color:#fff;
    padding:8px 0 0 5px;
    font-size:16px;
    line-height:16px;
    margin:0 0 10px;
}
.equipe .nom_equipe {
    font-weight:bold;
    font-size:16px;
    line-height:20px;
}
.equipe p {
    float:left;
    width:200px;
    padding:10px 0 0 5px;
    margin:0 6px 0 0;
}
#wrapper {
    background:transparent url(../img/cadre_equipe.jpg) no-repeat scroll left top;
    width:194px;
    height:165px;
    float:left
}
#sections {
    overflow:hidden;
    width:155px;
    margin:0 0 0 17px;
}
#sections ul {
    width:99999px;
}
#fleches {
    margin:0 10px 0 15px;
    width:155px;
}
#fleches .flechesPrev {
    float:left;
}
#fleches .flechesNext {
    float:right;
}

.references {
    float:left;
    margin:0 10px 30px 0;
    padding:0px 0 0 5px;
    width:782px;
    min-height:250px;
    height: auto !important;
    height: 250px;
}
.references-titre {
    background:transparent url(../img/references-head.jpg) no-repeat scroll right 0;
    float:left;
    width:100%;
    height:27px;
}
.references-bottom {
    background:transparent url(../img/references-footer.jpg) no-repeat scroll right bottom;
    float:left;
    width:100%;
    height:7px;
}
.references-titre h1 {
    background:none;
    margin:103px 0 0 0;
}

.references-texte {
    background:transparent url(../img/references-center.jpg) repeat-y scroll right 0;
    float:left;
    width:100%;
    min-height:230px;
    height: auto !important;
    height: 230px;
    font-size:12px;
}
.references-texte span {
    color:#fff;
    padding:0 0 0 15px;
}
.references-texte ul {
    width:50%;
    float:left;
}
.references-texte ul li {
    color:#065eab;
    padding:10px 0 0 25px;
    width:355px;
}
.centre {
    text-align:center;
    width:100%;
}

#pied-de-page {
    width:950px;
    margin:3px auto;
    text-align:center;
    font-size:11px;
}
#pied-de-page a {
    font-size:11px;
    color:#636466;
    text-decoration:none;
}

.plansite ul li {
    margin:10px 20px;
}