body {
    padding: 0px;
    height: auto;
    background-color: #FFFFFF;
}
#page {
    height: auto;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
}


#banniere {
    float: left;
    height: auto;
    width: 1000px;
    background-color: #FFFFFF;
}
#banniere img {
    height: auto;
    width: auto;
    float: left;
    clear: none;
}
#banniere a {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


#banniere p {
    display: block;
    width: 270px;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0px;
    float: right;
    margin-bottom: 0px;
}
#logo {
    width: 1000px;
    height: 20px;
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    text-align: left;
}
#logo p {
    display: block;
    width: auto;
    padding-left: 8px;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    float: left;
}


a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}





#centrePage {
    width: 1000px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    text-align: left;
    float: left;
    margin-top: 5px;
    margin-bottom: 25px;
    background-color: #FFFFFF;

}


#partieGauche {
    height: auto;
    width: 730px;
    float: left;
    margin-bottom: 20px;
}
#partieGauche .ligne {
    width: 720px;
    margin-bottom: 40px;
    padding-left: 5px;

}
#partieGauche .ligneConseil {
    width: 720px;
    margin-bottom: 15px;
    padding-left: 5px;
    color: #316F88;
    margin-top: 0px;
    padding-top: 0px;
}


#partieGauche .colonne {
    width: 345px;
    padding-right: 10px;
    padding-left: 6px;
    float: left;
}
.image {
    margin: auto;
    width: auto;
    text-align: center;
}
.blue {
    color: #4B88C5;
}







#partieGauche p {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    padding-right: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: justify;
}


#partieGauche h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    height: 20px;
    display: block;
    text-align: left;
    text-decoration: none;
    width: 715px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 6px;
    padding-top: 5px;
    margin-left: 6px;
}
#partieGauche h1.accueil {
    color: #666666;
    margin-bottom: 5px;
    background-color: #F2F2F2;
}
#partieGauche h1.salaries {
    color: #FFFFFF;
    background-color: #5F9AD4;
}
#partieGauche h1.clients {
    color: #FFFFFF;
    background-color: #5BACAD;
    margin-bottom: 25px;
}

#partieGauche h1.developpement {
    color: #FFFFFF;
    background-color: #316F88;
    margin-bottom: 25px;
}
#partieGauche  h1.conseil {
    color: #FFFFFF;
    background-color: #316F88;
    margin-bottom: 5px;
}

.navigation {
    margin-left: 5px;
    margin-bottom: 30px;
    margin-top: 0px;
}
a.basNav:link {
    background-image: url(images/basNav.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 25px;
    float: left;
    width: 240px;
    padding-left: 25px;
    padding-top: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
}
a.basNav:visited {
    background-image: url(images/basNav.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 25px;
    float: left;
    width: 240px;
    padding-left: 25px;
    padding-top: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
}
a.basNav:hover{
    background-image: url(images/basNav.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 25px;
    float: left;
    width: 240px;
    padding-left: 25px;
    padding-top: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: underline;
}
a.lienPicto:link{
    color: #333333;
    text-decoration: underline;
    background-image: url(images/pictoFleche.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    display: block;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;

}


a.lienPicto:visited{
    color: #333333;
    text-decoration: underline;
    background-image: url(images/pictoFleche.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    display: block;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}
a.lienPicto:hover{
    text-decoration: none;
    color: #333333;
}

a.navHaut:link{
    color: #333333;
    text-decoration: underline;

}
a.navHaut:visited{
    color: #333333;
    text-decoration: underline;
}
a.navHaut:hover{
    text-decoration: none;
    color: #333333;
}




#partieGauche h2 {
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #347791;
}
.h2_minuscule {
    text-transform: none;
}

#partieGauche h2.entete {
    color: #214D69;
    display: block;
    text-align: left;
    height: auto;
    width: 677px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
}
#partieGauche h2.accueil {
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #666666;
    padding-left: 6px;
    margin-bottom: 40px;
}

#partieGauche h2.introPerf {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #347791;
    display: block;
    margin-left: 0px;
    margin-bottom: 10px;
}

#partieGauche h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    margin-top: 10px;
}



#partieDroite {
    width: 250px;
    height: inherit;
    float: left;
    padding-left: 10px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #C6DBF0;
    margin-top: 3px;
}

a.exemples:link{
    background-image: url(images/modulesOn.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 31px;
    width: 65px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 50px;
}

a.exemples:visited{
    background-image: url(images/modulesOn.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 31px;
    width: 65px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 50px;

}

a.exemples:hover{
    color: #5F9AD4;
    text-decoration: underline;

}



a.videos:link{
    background-image: url(images/videoOn.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 31px;
    width: 65px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 50px;


}

a.videos:visited{
    background-image: url(images/videoOn.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 31px;
    width: 65px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 50px;

}

a.videos:hover{
    color: #5F9AD4;
    text-decoration: underline;

}


.b {
    margin: 0px;
    font-weight: bold;
    color: #333333;
}
.b_conseil {
    font-weight: bold;
    color: #316F88;
    display: block;
    padding-left: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    font-style: italic;
}
.b_conseilEtapes {
    font-weight: bold;
    color: #316F88;
    display: block;
    padding-left: 5px;
    font-style: normal;
    background-color: #D1E7EF;
    font-size: 11px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: none;
}
.b_conseilannonceEtapes {
    font-weight: bold;
    color: #316F88;
    display: block;
    padding-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-style: normal;
    text-transform: none;
    font-size: 12px;
    text-align: justify;
    width: 410px;
}
#page #centrePage #partieGauche .ligneConseil ul {
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 40px;
}
#page #centrePage #partieGauche .ligneConseil li {
    margin-left: 0px;
    padding-left: 0px;
}




#partieDroite h2 {
    font-weight: bold;
    color: #333333;
    font-size: 12px;
    background-image: url(images/carreBleu01.gif);
    text-align: left;
    background-repeat: no-repeat;
    width: 85%;
    display: block;
    padding-left: 20px;
    background-position: left top;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #B0CDEA;
    padding-bottom: 7px;
    height: auto;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-top: 20px;
}

#partieDroite p {
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    margin-top: 5px;
    height: auto;
    width: auto;
    padding-right: 20px;
    padding-left: 15px;
    text-align: left;
}
a.lienDroite:link{
    color: #333333;
    text-decoration: none;

}
a.lienDroite:visited{
    color: #333333;
    text-decoration: none;
}
a.lienDroite:hover{
    text-decoration: underline;
    color: #5F9AD4;
}
#menu1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    height: 20px;
    width: 230px;
    background-image: url(images/nav1active.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 12px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    color: #FFFFFF;
}
#menu2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    height: 21px;
    width: 230px;
    background-image: url(images/nav2active.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    color: #FFFFFF;
}

#menu3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    height: 21px;
    width: 230px;
    background-image: url(images/nav3active.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    color: #FFFFFF;
}

a.nav1:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    height: 20px;
    width: 240px;
    background-image: url(images/nav1off.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 12px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    color: #666666;
}



a.nav1:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 20px;
    width: 240px;
    background-image: url(images/nav1off.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 12px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}
a.nav1:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 20px;
    width: 240px;
    background-image: url(images/nav1off.jpg);
    background-repeat: no-repeat;
    background-position: left -32px;
    margin-right: 5px;
    padding-top: 12px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}
a.nav2:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 21px;
    width: 240px;
    background-image: url(images/nav2off.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}


a.nav2:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 21px;
    width: 240px;
    background-image: url(images/nav2off.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}
a.nav2:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 21px;
    width: 240px;
    background-image: url(images/nav2off.jpg);
    background-repeat: no-repeat;
    background-position: left -26px;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}

a.nav3:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 21px;
    width: 240px;
    background-image: url(images/nav3off.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}

a.nav3:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 21px;
    width: 240px;
    background-image: url(images/nav3off.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}
a.nav3:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    height: 21px;
    width: 240px;
    background-image: url(images/nav3off.jpg);
    background-repeat: no-repeat;
    background-position: left -26px;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
}





#basPage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-variant: normal;
    color: #333333;
    background-position: left;
    text-align: left;
    float: left;
    height: auto;
    width: 990px;
    padding-top: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FF9900;
    background-color: #FFFFFF;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.copyRight {
    display: inline;
    margin-left: 155px;
}

#partieGauche .ligne ul {
    font-size: 11px;
    line-height: normal;
    display: block;
    width: 75%;
    list-style-type: disc;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px;
    padding-left: 20px;
    margin-bottom: 0px;
}
.langue {
    float: right;
    height: auto;
    width: auto;
    padding-top: 10px;
    padding-right: 5px;
}
#partieGauche .ligneConseilCadre {
    margin-bottom: 15px;
    padding-left: 10px;
    border: 1px solid #91B6DB;
    margin-top: 25px;
    padding-right: 0px;
    margin-right: 20px;
    margin-left: 20px;
    width: 680px;
}
#page #centrePage #partieGauche .ligneConseilCadre img {
    margin-bottom: 0px;
    margin-right: 0px;
}
.bSpace {
    font-weight: bold;
    color: #333333;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}

/* ajouts par Gaultier pour l'inclusion des tableaux de prix */
table.sample {
    background-color:white;
    border:1px dotted green;
    border-collapse:separate;
    border-spacing:2px;
    text-align:center;
}

table.sample th.green {
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    background-color:#149614;
    border:thin hidden gray;
    padding:5px;
    text-align:left;
}

table.sample tr.light {
    background-color:#F8F8F8;
}
table.sample tr.dark {
    background-color:#F1F1F1;
}