body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   background: black;
   margin: 0px;
   padding: 0px;
   color: #CCC;
}
a {
   color: #CCC;
   text-decoration: underline;
}
a:hover {
   color: #CCC;
   text-decoration: none;
}
#page, #pied .tablePied {
   margin: 0px auto;
   width: 930px;
}
#entete {
   background: url(../images/logo.png) no-repeat top left;
   height: 129px;
   overflow: hidden;
   margin-bottom: 10px;
}
#entete #infos {
   height: 66px;
   margin: 27px 0px 0px auto;
   padding: 5px 5px 5px 0px;
   background: #333 url(../images/separation.jpg) no-repeat 60px center;
   text-align: right;
   width: 395px;
}
#entete #infos #coordonnees {
   height: 42px;
   font-size: 14px;
   font-weight: bold;
}
#popup #entete #infos {
   background: #333;
   width: auto;
   margin-left: 530px;
}
#liens {
   font-size: 11px;
}
#gauche {
   width: 200px;
   float: left;
}
#menu, #autreContenus {
   padding: 10px;
   margin-bottom: 10px;
   background: #333;
}
#listeDiff {
   padding: 10px;
   margin-bottom: 10px;
   background: #333;
   clear: both;
}
#menu a {
   font-size: 18px;
   text-decoration: none;
   display: block;
   margin: 5px 0px 5px 10px;
   color: white;
}
#menu a:hover {
   text-decoration: underline;
   color: white;
}
#menu .sousMenus {
   margin-left: 12px;
}
#menu .sousMenus a {
   font-size: 12px;
}
#centre {
   margin-left: 207px;
}
#diaporama, #contenus, #autreContenus {
   background: #333;
   padding: 10px;
   margin-bottom: 10px;
}
#diaporama {
   background: #333 url(../images/fondDiapo.jpg) no-repeat top left;
   height: 550px;
   padding-left: 65px;
}
.contenuBodyFCK {
   padding: 5px;
   background: #333;
}
.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 center;
}
.action {
   height: 22px;
   margin: 0px 0px 0px auto;
}
#popup .action {
   margin: 10px 0px 10px auto;
}
.actionHaut {
   margin-bottom: 10px;
}
.actionBas {
   margin-top: 10px;
}
.action a {
   display: block;
   height: 22px;
   text-decoration: none;
}
.action a:hover {
   text-decoration: none;
}
.action a.augmenter {
   background: url(../images/textePlus01.jpg) no-repeat;
   width: 37px;
}
.action a.augmenter:hover {
   background: url(../images/textePlus02.jpg) no-repeat;
}
.action a.diminuer {
   background: url(../images/texteMoins01.jpg) no-repeat;
   width: 35px;
}
.action a.diminuer:hover {
   background: url(../images/texteMoins02.jpg) no-repeat;
   width: 35px;
}
.action a.recommander {
   background: url(../images/mail01.jpg) no-repeat;
   width: 53px;
}
.action a.recommander:hover {
   background: url(../images/mail02.jpg) no-repeat;
}
.action a.imprimer {
   background: url(../images/imprimer01.jpg) no-repeat;
   width: 40px;
}
.action a.imprimer:hover {
   background: url(../images/imprimer02.jpg) no-repeat;
}
.action a.favoris {
   background: url(../images/favoris01.jpg) no-repeat;
   width: 33px;
}
.action a.favoris:hover {
   background: url(../images/favoris02.jpg) no-repeat;
}
.action a.haut {
   background: url(../images/haut01.jpg) no-repeat;
   width: 50px;
}
.action a.haut:hover {
   background: url(../images/haut02.jpg) no-repeat;
}
h1, h2, h3, h4 {
   color: white;
   margin: 0px;
   padding: 0px;
}
h1 {
   font-size: 15px;
   font-weight: bold;
}
h2 {
   font-size: 13px;
   font-weight: bold;
}
h3 {
   font-size: 13px;
   font-weight: normal;
}
h4 {
   color: #FF7500;
   font-weight: normal;
   font-size: 20px;
}
#menu .sousMenus a.violet, #menu .sousMenus a.violet:hover {
   color: #dd99ff !important;
}
#menu .sousMenus a.violetActif, .violet h1, .violet h2, .violet h3, .violet h4 {
   background: url(../images/flecheViolet.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.violet, #menu a:hover.violet, #menu a.violetActif,
.violet h1, .violet h2, .violet h3, .violet h4 {
   color: #aa00ff !important;
}

#menu .sousMenus a.rose, #menu .sousMenus a.rose:hover {
   color: #ffa2ec !important;
}
#menu .sousMenus a.roseActif, .rose h1, .rose h2, .rose h3, .roes h4 {
   background: url(../images/flecheRose.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.rose, #menu a:hover.rose, #menu a.roseActif,
.rose h1, .rose h2, .rose h3, .roes h4 {
   color: #fa00c8 !important;
}

#menu .sousMenus a.vert, #menu .sousMenus a.vert:hover {
   color: #e1ff8d !important;
}
#menu .sousMenus a.vertActif, .vert h1, .vert h2, .vert h3, .vert h4 {
   background: url(../images/flecheVert.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.vert, #menu a:hover.vert, #menu a.vertActif,
.vert h1, .vert h2, .vert h3, .vert h4 {
   color: #bbff00 !important;
}

#menu .sousMenus a.rouge, #menu .sousMenus a.rouge:hover {
   color: #ff7a79 !important;
}
#menu .sousMenus a.rougeActif, .rouge h1, .rouge h2, .rouge h3, .rouge h4 {
   background: url(../images/flecheRouge.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.rouge, #menu a:hover.rouge, #menu a.rougeActif,
.rouge h1, .rouge h2, .rouge h3, .rouge h4 {
   color: #ff0100 !important;
}

#menu .sousMenus a.jaune, #menu .sousMenus a.jaune:hover {
   color: #fffa7f !important;
}
#menu .sousMenus a.jauneActif, .jaune h1, .jaune h2, .jaune h3, .jaune h4 {
   background: url(../images/flecheJaune.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.jaune, #menu a:hover.jaune, #menu a.jauneActif,
.jaune h1, .jaune h2, .jaune h3, .jaune h4 {
   color: #fff600 !important;
}

#menu .sousMenus a.turquoise, #menu .sousMenus a.turquoise:hover {
   color: #c5fdff !important;
}
#menu .sousMenus a.turquoiseActif, .turquoise h1, .turquoise h2, .turquoise h3, .turquoise h4 {
   background: url(../images/flecheTurquoise.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.turquoise, #menu a:hover.turquoise, #menu a.turquoiseActif,
.turquoise h1, .turquoise h2, .turquoise h3, .turquoise h4 {
   color: #00c0c8 !important;
}

#menu .sousMenus a.bleu, #menu .sousMenus a.bleu:hover {
   color: #c1a2ff !important;
}
#menu .sousMenus a.bleuActif, .bleu h1, .bleu h2, .bleu h3, .bleu h4 {
   background: url(../images/flecheBleu.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.bleu, #menu a:hover.bleu, #menu a.bleuActif,
.bleu h1, .bleu h2, .bleu h3, .bleu h4 {
   color: #4900dd !important;
}

#menu .sousMenus a.bleuClair, #menu .sousMenus a.bleuClair:hover {
   color: #acd7ff !important;
}
#menu .sousMenus a.bleuClairActif, .bleuClair h1, .bleuClair h2, .bleuClair h3, .bleuClair h4 {
   background: url(../images/flecheBleuClair.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.bleuClair, #menu a:hover.bleuClair, #menu a.bleuClairActif,
.bleuClair h1, .bleuClair h2, .bleuClair h3, .bleuClair h4 {
   color: #0085ff !important;
}

#menu .sousMenus a.bleuFonce, #menu .sousMenus a.bleuFonce:hover {
   color: #badeff !important;
}
#menu .sousMenus a.bleuFonceActif, .bleuFonce h1, .bleuFonce h2, .bleuFonce h3, .bleuFonce h4 {
   background: url(../images/flecheBleuFonce.gif) no-repeat left 5px;
   padding-left: 12px;
}
#entete #infos #coordonnees.bleuFonce, #menu a:hover.bleuFonce, #menu a.bleuFonceActif,
.bleuFonce h1, .bleuFonce h2, .bleuFonce h3, .bleuFonce h4 {
   color: #006ccf !important;
}

div.titreImages {
   background: #0E0E0E;
   padding: 3px 5px;
}
div.titreImages h1 span, div.titreImages h2 span, div.titreImages h3 span, div.titreImages h4 span {
   color: white;
   font-size: 10px;
   margin-left: 10px;
   font-weight: normal;
}
table.images {
   background: #999 url(../images/miniObjectif.jpg) no-repeat 5px center;
   width: 700px;
   margin-top: 10px;
}
html>body table.images {
   width: 100%;
}
table.premier {
   margin-top: 0px;
}
table.images td {
   padding: 5px 10px;
}
table.images td.objectif {
   width: 50px;
}
table.images div.fondImage {
   background: #4C4C4C;
   text-align: center;
   padding: 1px;
   width: 100px;
}
table.images a {
   text-decoration: none;
}
table.images a img {
   border: none;
}
table.images div.texteImage {
   color: white;
   text-align: center;
   padding: 5px;
}
div.infoBullePhoto {
   border: 1px solid #B8B8B8;
   padding: 7px;
   background: #333;
}
.legende {
   font-size: 12px;
   font-style: italic;
   color: black;
   margin-top: 10px;
}
#pied {
   clear: both;
   background: #333;
   overflow: hidden;
}
#popup #pied table {
   width: 100%;
}
#pied table h1 {
   margin: 10px 0px;
   font-size: 25px;
   font-weight: normal;
}
#pied #liens {
   text-align: center;
}
#piedAP {
   text-align: center;
   font-size: 11px;
   font-style: italic;
   margin: 25px 0px 15px;
}
#xiti {
   padding-bottom: 10px;
   text-align: center;
}
div#listeDiff form {
   margin: 0px;
}
div#listeDiff label.gras {
   font-weight: bold;
   line-height: 20px;
}
div#listeDiff input.champsTexte {
   width: 174px;
   padding: 1px 3px;
}
div#pied #boutonOK {
   display: block;
   margin: 5px 0px 0px 0px;
   height: 23px;
   width: 23px;
   background: url(../images/ok01.jpg) no-repeat top left;
   border: none;
   cursor: pointer;
   font-size: 0;
}
div#pied #boutonOK:hover {
   background: url(../images/ok02.jpg) no-repeat top left;
}
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;
   color: #ccc;
   text-decoration: none;
}
div#menuContact a.actif {
   border-bottom-color: black;
}
div#menuContact a:hover {
   border-bottom-color: #999;
   text-decoration: none;
}
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: none;
   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;
   font-weight: bold;
   color: red;
   padding: 10px;
   text-align: center;
   margin: 5px auto;
   width: 375px;
}
div.reussi {
   background: white;
   border: 1px solid #006400;
   font-weight: bold;
   color: #006400;
   padding: 10px;
   text-align: center;
   margin: 5px auto;
   width: 375px;
}
.champErreur {
   color: red !important;
}
td.infosTitre {
   font-weight: bold;
}
table.recommander {
   margin-top: 30px;
}
table.recommander .fondGris {
   background-color: #EFEFEF;
   color: #333;
}
table.recommander .fondGris input {
   border: 1px solid #333;
}
table.recommander .fondGris a {
   color: #333 !important;
}
table.recommander #amis {
   height: 83px;
   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;
   font-size: 11px;
}
h1.enConstruction {
   text-align: center;
}
p.enConstruction {
   margin: 20px;
   text-align: center;
}
.rechImgAS {
   font-size: 11px;
   font-style: italic;
}