body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   background: black url(../images/fondSite.jpg) repeat-x bottom;
   margin: 0px;
   padding: 0px;
   color: #dae1e6;
}
body#accueil {
   background: black url(../images/fondPageAccueil.jpg) repeat-x top;
}
body#popup {
   background: black;
}
a, img, div {
   behavior: url("styles/iepngfix.htc");
}
a {
   color: #dae1e6;
   text-decoration: underline;
}
a:hover {
   color: #ffbf00;
   text-decoration: underline;
}
#entete {
   background: black url(../images/bandeau.jpg) no-repeat top center;
   height: 218px;
}
#accueil #entete {
   background: url(../images/fondAccueil.jpg) no-repeat top center;
   padding-top: 225px;
   height: auto;
}
#accueil #entete #corpsAccueil {
   margin: 0px auto;
   width: 475px;
}
#entete #etude {
   text-align: right;
   color: #f79b1e;
   font-size: 14px;
   font-weight: bold;
   width: 945px;
   margin: 0px auto;
   position: relative;
}
#entete #etude #lienLogo {
   display: block;
   position: absolute;
   width: 358px;
   height: 82px;
   top: 47px;
   left: 28px;
}
#entete a#contact {
   background: url(../images/contact.png) no-repeat top center;
   text-decoration: underline;
   color: white;
   font-weight: normal;
   display: block;
   width: 176px;
   height: 101px;
   margin: 40px 0px 0px auto;
   padding-top: 0px;
   text-align: center;
}
#entete a#contact:hover, #entete a#contact.over {
   text-decoration: none;
   background-image: url(../images/contact02.png);
}
.over {
   cursor: pointer;
}
#page {
   margin: -54px auto 0px;
   width: 894px;
}
#gauche, #centre {
   vertical-align: top;
}
#gauche {
   width: 294px;
   background: url(../images/topMenu.gif) no-repeat top left;
   padding-top: 52px;
}
html>body #gauche {
   background: url(../images/topMenu.png) no-repeat top left;
}
#menu {
   background: #808080 url(../images/basMenu.jpg) no-repeat left bottom;
   padding: 0px 10px 7px;
}
#menu a {
   display: block;
   text-decoration: none;
}
#menu a:hover {
   text-decoration: none;
}
#menu a.niveau1, #menu a.niveau1Actif {
   font-weight: bold;
   font-size: 14px;
   color: #333;
   margin: 3px 0px;
}
#menu a.niveau1:hover, #menu a.niveau1Actif {
   color: #ffbf00;
}
#menu a.niveau1Actif {
   background: url(../images/fleSousMenu.jpg) no-repeat left center;
   padding-left: 7px;
}
#menu a.niveau2, #menu a.niveau2Actif {
   font-weight: normal;
   font-size: 12px;
   color: #333;
   margin-left: 10px;
   height: 20px;
   line-height: 20px;
   padding: 0px 5px;
}
#menu a.niveau2:hover, #menu a.niveau2Actif {
   color: #FFF;
   background: url(../images/fondBoutons.gif) no-repeat top left;
}
#menu a.niveau1Actif:hover, #menu a.niveau2Actif:hover {
   text-decoration: underline;
}
#centre {
   background: url(../images/topCentre.gif) no-repeat top left;
   padding-top: 14px;
   width: 600px;
}
html>body #centre {
   background: url(../images/topCentre.png) no-repeat top left;
}
#contenus {
   margin-top: 18px;
}
.hautContenu {
   background: url(../images/hautContenus.png) no-repeat top left;
   height: 10px;
   margin-top: 10px !important;
   font-size: 8px;
}
.contenu {
   padding: 8px 18px 8px;
   background: #808080;
}
#popup .contenu {
   margin: 0px auto;
   width: 564px;
}
.basContenu {
   background: url(../images/basContenus.png) no-repeat bottom left;
   height: 10px;
   font-size: 8px;
}
.contenuBodyFCK {
   padding: 5px;
   background: #808080;
}
.cacherLienImage {
   display: none;
}
.contenuBodyFCK .cacherLienImage {
   display: inline;
}
#popup a.fermer {
   padding-right: 15px;
   margin-right: 2px;
   color: #CCC;
   background: url(../images/fermer.gif) no-repeat right 3px;
}
#popup a.fermer:hover {
   color: #ffbf00;
   background: url(../images/fermer02.gif) no-repeat right 3px;
}
.action {
   height: 22px;
   margin: 0px 0px 0px auto;
   margin-right: -4px;
}
#popup .action {
   margin: 10px 0px 10px auto;
}
.action a {
   display: block;
   height: 22px;
   text-decoration: none;
}
.action a:hover {
   text-decoration: none;
}
.action a.augmenter, .action a.augmenterOver {
   background: url(../images/textePlus01.png) no-repeat;
   width: 37px;
}
.action a.augmenter:hover, .action a.augmenterOver {
   background: url(../images/textePlus02.png) no-repeat;
   cursor: pointer;
}
.action a.diminuer, .action a.diminuerOver {
   background: url(../images/texteMoins01.png) no-repeat;
   width: 35px;
}
.action a.diminuer:hover, .action a.diminuerOver {
   background: url(../images/texteMoins02.png) no-repeat;
   cursor: pointer;
}
.action a.recommander, .action a.recommanderOver {
   background: url(../images/mail01.png) no-repeat;
   width: 53px;
}
.action a.recommander:hover, .action a.recommanderOver {
   background: url(../images/mail02.png) no-repeat;
   cursor: pointer;
}
.action a.imprimer, .action a.imprimerOver {
   background: url(../images/imprimer01.png) no-repeat;
   width: 42px;
}
#popup .actionHaut a.imprimer, #popup .actionHaut a.imprimerOver {
   width: 40px;
}
.action a.imprimer:hover, .action a.imprimerOver {
   background: url(../images/imprimer02.png) no-repeat;
   cursor: pointer;
}
.action a.favoris, .action a.favorisOver {
   background: url(../images/favoris01.png) no-repeat;
   width: 33px;
}
.actionHaut a.favoris, .actionHaut a.favorisOver {
   width: 31px;
}
.action a.favoris:hover, .action a.favorisOver {
   background: url(../images/favoris02.png) no-repeat;
   cursor: pointer;
}
.action a.hautPage, .action a.hautPageOver {
   background: url(../images/haut01.png) no-repeat;
   width: 49px;
}
.action a.hautPage:hover, .action a.hautPageOver {
   background: url(../images/haut02.png) no-repeat;
   cursor: pointer;
}
#gauche #coinToutMoment {
   background: url(../images/droiteToutMoment.gif) no-repeat top right;
   height: 10px;
}
#gauche #toutMoment {
   background: url(../images/aToutMomentTitre.png) no-repeat top left;
   height: 60px;
   margin: 10px 0px;
}
#gauche .titreRubrique, #accueil .titreRubrique {
   color: #ffbf00;
   background: url(../images/puceTitre.png) no-repeat left center;
   height: 17px;
   text-decoration: underline;
   padding-left: 20px;
   font-weight: bold;
   margin: 10px 0px;
}
#accueil .titreRubrique {
   margin-bottom: 36px;
}
#gauche #particuliers, #gauche #professionnels {
   display: block;
   width: 115px;
   height: 120px;
}
#gauche #particuliers {
   float: left;
   background: url(../images/perso01.png) no-repeat;
}
#gauche #particuliers:hover, #gauche #particuliers.over {
   background: url(../images/perso02.png) no-repeat;
}
#gauche #professionnels {
   background: url(../images/pro01.png) no-repeat;
   margin-left: 115px;
}
#gauche #professionnels:hover, #gauche #professionnels.over {
   background: url(../images/pro02.png) no-repeat;
}
#gauche #realisations, #gauche #marques, #gauche #mentions, #gauche #simulation {
   display: block;
   width: 230px;
   height: 85px;
   background: url(../images/realisations.png) no-repeat;
}
#gauche #realisations:hover, #gauche #realisations.over {
   background: url(../images/realisations02.png) no-repeat;
}
#gauche #marques {
   background: url(../images/marques.png) no-repeat;
}
#gauche #marques:hover, #gauche #marques.over {
   background: url(../images/marques02.png) no-repeat;
}
#gauche #mentions {
   height: 98px;
   background: url(../images/mentions.png) no-repeat;
}
#gauche #mentions:hover, #gauche #mentions.over {
   background: url(../images/mentions02.png) no-repeat;
}
#gauche #simulation {
   background: url(../images/calculette.png) no-repeat;
}
#gauche #simulation:hover, #gauche #simulation.over {
   background: url(../images/calculette02.png) no-repeat;
}
#accueil #particuliers, #accueil #professionnels {
   display: block;
   width: 114px;
   height: 143px;
}
#accueil #particuliers {
   float: left;
   margin-left: 45px;
   background: url(../images/persoAccueil01.png) no-repeat;
}
html>body#accueil #particuliers {
   margin-left: 90px !important;
}
#accueil #particuliers:hover, #accueil #particuliers.over {
   background: url(../images/persoAccueil02.png) no-repeat;
}
#accueil #professionnels {
   width: 138px;
   background: url(../images/proAccueil01.png) no-repeat;
   margin-left: 239px;
}
#accueil #professionnels:hover, #accueil #professionnels.over {
   background: url(../images/proAccueil02.png) no-repeat;
}
#accueil #logo, #popup #logo {
   background: url(../images/logo02.png) no-repeat top center;
   height: 128px;
}
#accueil #logo {
   margin-top: 50px;
}
h1, h2, h3 {
   color: #CCC;
   margin: 0px;
   padding: 0px;
}
h1, #pied span#nomSoc {
   font-size: 18px;
   font-weight: normal;
   color: #ffbf00;
}
h1 a {
   color: #ffbf00;
   text-decoration: none !important;
   display: inline;
}
h1 a:hover {
   color: #ffbf00;
   text-decoration: underline !important;
}
h2 {
   font-size: 14px;
   font-weight: bold;
}
h3 {
   font-size: 14px;
   font-weight: normal;
}
.legende {
   font-size: 12px;
   font-style: italic;
   color: black;
   margin-top: 10px;
}
div.flammeNews {
   background: url(../images/flamme.gif) no-repeat top right;
}
p.news {
   margin: 0px;
   padding: 10px 10px 0px;
}
p.news a.lienNews {
   margin: 0px;
   padding-left: 28px;
   text-decoration: none;
   background: url(../images/bulle.gif) no-repeat left center;
}
html>body p.news a.lienNews {
   background: url(../images/bulle.png) no-repeat left center;
}
p.news a.lienNews:hover {
   color: #92bde1;
   text-decoration: none;
   background: url(../images/bulle02.gif) no-repeat left center;
}
html>body p.news a.lienNews:hover {
   background: url(../images/bulle02.png) no-repeat left center;
}
p.news a.lienNews span, p.news a.lienNews:hover span {
   text-decoration: underline;
}
#contractuel {
   color: white;
   margin: 20px 0px 10px;
   text-align: center;
}
#hautPied {
   background: url(../images/hautContenus.gif) no-repeat top left;
   height: 10px;
   font-size: 8px;
}
#popup #hautPied, #popup #basPied, #popup .hautContenu, #popup .basContenu {
   width: 600px;
   margin: 0px auto;
}
#pied {
   background: #808080;
   padding: 0px 13px 13px;
   color: white;
}
#pied, #pied table {
   width: 574px;
}
#popup #pied {
   width: 574px;
   margin: 0px auto;
}
#pied a {
   color: white;
}
#pied a:hover {
   color: #ffbf00;
}
.liens {
   margin-top: 30px;
   text-align: center;
}
#basPied {
   background: url(../images/basContenus.gif) no-repeat bottom left;
   height: 10px;
   font-size: 8px;
}
#piedAP {
   text-align: center;
   font-size: 11px;
   font-style: italic;
   margin: 20px;
}
#xiti {
   margin-bottom: 100px;
   text-align: center;
}
div#menuContact {
   text-align: center;
   margin: 25px auto 15px;
   padding-bottom: 5px;
   width: 529px;
   background: url(../images/trait.jpg) no-repeat bottom;
}
div#menuContact a {
   border-bottom: 3px solid transparent;
   padding: 1px 2px;
   margin: 5px;
   text-decoration: none;
}
div#menuContact a.actif {
   border-bottom-color: #333;
}
div#menuContact a:hover {
   border-bottom-color: #CCC;
   text-decoration: none;
   color: #dae1e6;
}
div.nomEntreprise {
   font-weight: bold;
   font-size: 18px;
   text-align: center;
   margin-top: 10px;
}
div.activitesEntreprise {
   text-align: right;
   text-align: center;
}
.jourHoraires {
   font-weight: bold;
   padding-right: 25px;
}
.heureHoraires {
   padding: 0px 4px 0px 0px;
}
.commentaireHoraires {
   font-style: italic;
}
.carteFiche {
   height: 500px;
   width: 80%;
   margin: 0px;
}
input.champsTexte, textarea.champsTexte {
   border: 1px solid #999;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}
td.titre {
   text-align: center;
   font-size: 14px;
   padding-bottom: 10px;
}
td.commandes {
   text-align: center;
   padding-top: 10px;
}
td.commandes input {
   border: 1px solid #999;
   background-color: #EBEBEB;
   cursor: pointer;
   padding: 0px 1px 4px;
   height: 20px;
}
td.commandes input.over {
   background-color: #D9D9D9;
}
div.erreur {
   background: white;
   border: 1px solid red;
   color: red;
   padding: 10px;
   text-align: center;
   margin: 5px auto;
   width: 375px;
}
div.reussi {
   background: white;
   border: 1px solid #006400;
   color: #006400;
   padding: 10px;
   text-align: center;
   margin: 5px auto;
   width: 375px;
}
.champErreur {
   color: red;
   background: white;
}
td.infosTitre {
   font-weight: bold;
}
table.recommander {
   margin-top: 30px;
}
table.recommander .fondGris {
   color: #666;
   background-color: #EFEFEF;
}
table.recommander .fondGris a {
   color: #666;
}
table.recommander .fondGris a:hover {
   color: #ffbf00;
}
table.recommander #amis {
   height: 83px;
   border: 1px solid #999;
   background-color: White;
   overflow: hidden;
}
table.recommander #amis div {
   cursor: default;
   height: 16px;
   overflow: hidden;
   border-bottom: 1px solid #D0D0D0;
}
table.recommander .flecheGrise {
   background: url(../images/fleche.gif) no-repeat;
   width: 48px;
}
h1.enConstruction {
   text-align: center;
}
p.enConstruction {
   margin: 20px;
   text-align: center;
}
.erreurSimu {
   color: red;
   font-weight: bold;
   margin-left: 20px;
}
.rechImgAS {
   font-size: 11px;
   font-style: italic;
}