body {
   background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #333;
   margin: 0px;
}
form {
   margin: 0px;
}
a {
   color: #333;
}
a:hover {
   color: #DF0000;
}
#haut {
   width: 1000px;
   height: 185px;
   margin: 2px auto 0px;
   padding: 0px;
}
#haut.popup {
   width: 624px;
   margin: 2px 0px 0px;
}
#haut .bandeauLogos {
   background: url(../images/fond-bandeau-gauche.jpg) no-repeat;
   width: 260px;
   height: 185px;
   vertical-align: top;
}
#haut .bandeauLogos .lienAccueil {
   display: block;
   width: 135px;
   height: 170px;
   margin: 7px auto auto 7px;
}
#haut .bandeauLogos div {
   position: relative;
}
#haut .bandeauLogos div img.realise {
   position: absolute;
   top: 50px;
   left: 138px;
}
#haut .bandeauLogos div img.logoScasi {
   position: absolute;
   top: 90px;
   left: 135px;
}
#haut .bandeauPub {
   background: url(../images/fond-bandeau-droite.jpg) no-repeat;
   width: 740px;
   height: 185px;
}
#haut.popup .bandeauPub {
   background: url(../images/fond-bandeau-droite-popup.jpg) no-repeat;
   width: 365px;
   height: 185px;
   padding-left: 2px;
}
#haut .bandeauPub .pub {
   height: 98px;
}
#haut .bandeauPub .pub img, #haut .bandeauPub .pub embed {
   position: relative;
   top: 6px;
   left: 5px;
}
#haut .bandeauPub .portail {
   font-size: 30px;
   font-weight: bold;
   text-align: center;
   color: #666;
   height: 36px;
   padding-top: 15px;
}
#haut.popup .bandeauPub .portail {
   font-size: 24px;
   padding-top: 45px;
}
#haut .bandeauPub .lienAccueil {
   text-align: right;
   padding-right: 30px;
   font-size: 16px;
   vertical-align: top;
   font-weight: bold;
   height: 36px;
}
#haut.popup .bandeauPub .lienAccueil {
   text-align: right;
   padding-right: 10px;
   padding-bottom: 10px;
   font-size: 16px;
   height: 26px;
   vertical-align: bottom;
}
#haut .bandeauPub .lienAccueil a {
   color: #666;
   text-decoration: none;
}
#haut .bandeauPub .lienAccueil a:hover {
   color: white;
   background-color: #CC0005;
   text-decoration: none;
}
#haut .etatAvancement {
   color: #CC0000;
   font-size: 11px;
   font-weight: normal;
   text-align: right;
   padding-top: 5px;
}
#general {
   width: 996px;
   margin: auto;
   padding: 0px;
}
#gauche, #droite {
   vertical-align: top;
   width: 186px;
}
#gauche {
   width: 190px;
}
#centre {
   width: 624px;
   vertical-align: top;
}
#centre.popup {
   margin-left: 3px;
}
#centre.enTravaux {
   text-align: center;
}
#centre.enTravaux h2 {
   color: #C00;
}
#centre {
   padding: 0px;
}
#centre h2 {
   text-align: center;
   font-size: 20px;
   margin: 0px;
   padding-top: 3px;
   font-weight: normal;
   background: url(../images/fond-titre.jpg) no-repeat;
   height: 31px;
}
#centre .bloc.evenements h3, #centre .bloc.entreprises h3 {
   font-size: 18px;
   padding: 2px 7px 2px;
   margin: 0px;
   color: #333;
   font-weight: normal;
}
#centre .bloc.evenements h3 {
   background: url(../images/grand-trait-evenements.jpg) no-repeat bottom;
}
#centre .bloc.entreprises h3 {
   background: url(../images/grand-trait-entreprises.jpg) no-repeat bottom;
}
#centre .bloc {
   width: 624px;
}
#centre .bloc .bordureHaut {
   background: url(../images/fond-centre-haut.jpg) no-repeat;
   width: 624px;
   height: 7px;
}
#centre .bloc .bordGauche {
   background: url(../images/fond-gauche.jpg) repeat-y;
   width: 2px;
}
#centre .bloc .bordDroite {
   background: url(../images/fond-droite.jpg) repeat-y;
   width: 6px;
}
#centre .bloc .bordBas {
   background: url(../images/fond-centre-bas.jpg) no-repeat;
   width: 624px;
   height: 14px;
}
#centre .bloc .contenu {
   background: url(../images/fond-centre-milieu.jpg) no-repeat #F3F1F2;
   width: 616px;
}
#contenuCentre {
   margin: 5px;
}
#bas, #bas a {
   font-size: 9px;
   color: #888888;
   text-align: center;
   margin-bottom: 10px;
}
#actionsPageHaut {
   margin: 0px 0px 5px;
}
#actionsPageBas {
   margin: 15px 0px 0px;
}
#actionsPageHaut, #actionsPageBas {
   padding: 2px;
   text-align: right;
}
#actionsPageHaut a, #actionsPageBas a {
   margin: 2px;
}
#actionsPageHaut a img, #actionsPageBas a img {
   background: url(../images/fondActions.jpg);
   padding: 3px;
}
#actionsPageHaut a:hover img, #actionsPageBas a:hover img {
   background: url(../images/fondActionsOver.jpg);
}
#centre p {
   margin: 5px;
}
.menu {
   text-align: left;
   width: 186px;
}
#gauche .menu {
   width: 190px;
}
.menu .titre {
   width: 181px;
   height: 26px;
   font-size: 18px;
   padding-left: 5px;
   padding-top: 2px;
}
#gauche .menu .titre {
   width: 182px;
   padding-left: 8px;
}
.menu .titre img {
   float: right;
   margin-right: 7px;
}
.menu .bordGauche {
   background: url(../images/fond-gauche.jpg) repeat-y;
   width: 2px;
}
#gauche .menu .bordGauche {
   background: url(../images/fond-bordure-gauche.jpg) repeat-y;
   width: 5px;
}
.menu .bordDroite {
   background: url(../images/fond-droite.jpg) repeat-y;
   width: 5px;
}
#gauche .menu .bordDroite {
   width: 6px;
}
.menu .bordBas {
   background: url(../images/fond-bas.jpg) no-repeat;
   width: 186px;
   height: 10px;
}
#gauche .menu .bordBas {
   width: 190px;
   background: url(../images/fond-bas-gauche.jpg) no-repeat top;
}
.menu .liens {
   background: url(../images/fond-cel.jpg) repeat-x bottom;
   padding-top: 4px;
   width: 179px;
}
.menu .liens a {
   color: #333;
   display: block;
   padding: 2px 2px 2px 16px;
   text-decoration: none;
   margin: 0px;
}

.menu .liens.sousMenu {
   background: url(../images/fond-sous-menu.jpg) no-repeat top #F4F4F4;
   padding-top: 5px;
}
.menu.entreprisesMenu .titre {
   background: url(../images/fond-haut-gauche-entreprise.gif) no-repeat top;
}
.menu.entreprisesMenu .liens a:hover {
   color: #009EE0;
}
.menu.evenementsMenu .titre {
   background: url(../images/fond-haut-gauche-evenements.gif) no-repeat top;
}
.menu.evenementsMenu .liens a:hover {
   color: #E00104;
}
.menu.rechercheMenu .titre {
   background: url(../images/fond-haut-gauche-recherche.gif) no-repeat top;
}
.menu.rechercheMenu .liens a:hover {
   color: #7E8200;
}
.menu.rechercheMenu .liens input#okBouton {
   vertical-align: middle;
}
.menu.compteMenu .titre {
   background: url(../images/fond-haut-gauche-compte.gif) no-repeat top;
}
.menu.compteMenu .liens a:hover {
   color: #E17900;
}
.menu.aideMenu .titre {
   background: url(../images/fond-haut-gauche-aide.gif) no-repeat top;
}
.menu.aideMenu .liens a:hover {
   color: #279E01;
}
.menu.infosMenu .titre {
   background: url(../images/fond-haut-gauche-infos.gif) no-repeat top;
}
.menu.infosMenu .liens a:hover {
   color: #00B2A3;
}
.menu.rssMenu .titre {
   background: url(../images/fond-haut-gauche-rss.gif) no-repeat top;
}
.menu.rssMenu .liens a:hover {
   color: #0309E1;
}
.menu.newsMenu .titre {
   background: url(../images/fond-haut-droite-news.gif) no-repeat top;
}
.menu.newsMenu .liens a:hover {
   color: #8200DF;
}
.menu .motsCles {
   text-align: justify;
}
.menu.motsClesMenu .titre {
   background: url(../images/fond-haut-droite-cloud.gif) no-repeat top;
}
.menu .liens.motsCles a {
   color: #333;
   display: inline;
   padding: 0;
   margin: 0px;
}
.menu .liens.motsCles a:hover {
   background-color: #4c88b8;
   color: #FFFFFF !important;
}
.menu.afficheMenu .titre {
   background: url(../images/fond-haut-droite-affiche.gif) no-repeat top;
}
.menu.afficheMenu .liens a:hover {
   color: #8200DF;
}
.menu.exprimezMenu .titre {
   background: url(../images/fond-haut-droite-exprimez.gif) no-repeat top;
}
.menu.exprimezMenu .liens a:hover {
   color: #DF0053;
}
.menu.sondagesMenu .titre {
   background: url(../images/fond-haut-droite-sondage.gif) no-repeat top;
}
.menu.sondagesMenu .liens a:hover {
   color: #349836;
}
.menu.statMenu .titre {
   background: url(../images/fond-haut-droite-stats.gif) no-repeat top;
}
.menu.statMenu .liens a:hover {
   color: #359798;
}
.menu.listeDiffMenu .titre {
   background: url(../images/fond-haut-gauche-newsletter.gif) no-repeat top;
}
.menu.listeDiffMenu .liens a:hover {
   color: #545454;
}
.menu.listeDiffMenu input.demandeListeDiff {
   margin-left: 0px;
}
.menu.listeDiffMenu input.champsRecherche {
   width: 167px;
   margin-bottom: 5px;
}
.menu div#titresNews {
   margin: 0px;
   padding: 0px 5px;
}
.menu div#titresNews a {
   padding: 0px;
   display: inline;
}
.menu div#titresNews a:hover {
   color: #8200DF;
}
input.rechRapide {
   font-size: 10px;
}
.menu blockquote {
   margin: 3px 0px 3px 18px;
}
input.champsRecherche {
   border: 1px solid #808080;
   font-size: 10px;
}
p.texteBienvenue {
   text-align: justify;
   padding: 5px;
   text-indent: 25px;
}
table.recherche {
   background: url(../images/degrade-tableau.gif) repeat-x bottom white;
   margin-bottom: 20px;
   margin-top: 15px;
   width: 580px;
}
table.recherche td.rechHaut {
   background: url(../images/form-haut.jpg);
   height: 22px;
   font-size: 15px;
   font-weight: bold;
   text-indent: 5px;
   padding-top: 2px;
}
table.recherche td.rechGauche {
   border-left: solid #CCC 1px;
}
table.recherche td.espace {
   padding: 3px 5px;
}
table.recherche td.rechDroit {
   border-right: solid #CCC 1px;
}
table.recherche td.rechBas {
   background: url(../images/form-bas.jpg) no-repeat;
   height: 7px;
}
table.recherche input, table.recherche select, table.recherche textarea, div#filtrer input {
   border: solid 1px Gray;
}
table.recherche td.sousTitre {
	border-bottom: 1px solid #CCC;
	font-size: 10px;
	color: #808080;
	padding-top: 10px;
}
input.filtrer {
   color: #373737;
   border: solid 1px Gray;
   padding: 2px 5px;
   background: #EAEAEA;
   cursor: pointer;
}
input.filtrer:hover {
   background: #CCC;
}
table.recherche select {
   font-size: 11px;
}
table.recherche input.checkbox {
   border: none;
}
div.resultats {
   text-align: center;
   width: 580px;
   margin: 20px auto;
}
div.resultats div.nombre {
   background: url(../images/form-haut.jpg);
   width: 580px;
   height: 20px;
   padding-top: 5px;
}
div.resultats div.pages {
   background: white;
   border: solid #CCC;
   border-width: 0px 1px;
   width: 578px;
   padding-top: 2px;
   height: 18px;
}
div.resultats div.pages .pageCourante {
   font-weight: bold;
   font-size: larger;
}
div.resultats div.resBas {
   background: url(../images/form-bas-blanc.gif) no-repeat;
   width: 580px;
   height: 7px;
}
div.erreur, div.reussi, div.infos {
   padding: 7px;
   text-align: center;
   width: 400px;
   margin: 5px auto;
   background: white;
}
div.infos {
   font-weight: bold;
   text-align: center;
   border: 1px solid #666;
   padding: 15px 7px;
}
div.infos.bienvenue {
   margin: 50px auto;
}
div.erreur {
   border: 1px solid Red;
   color: Red;
}
div.reussi {
   border: 1px solid Green;
   color: Green;
}
.formMotsCles {
   width: 580px;
}
.champerreur {
   color: red;
}
table.formListe {
   width: 580px;
}
table.formListe td.entete {
   background: url(../images/form-haut.jpg);
}
table.formListe td.entete table {
   height: 23px;
   font-size: 15px;
   font-weight: bold;
}
table.formListe td.entete th.enteteGauche, table.formListe td.entete th.enteteDroite {
   text-align: left;
   padding-left: 5px;
   padding-top: 2px;
}
table.formListe th.enteteGauche {
   border-right: 1px solid #CCC;
   width: 200px;
}
table.formListe th.enteteDroite {
   width: 380px;
}
table.formListe tr.primaire {
   background-color: white;
}
table.formListe tr.primaire td {
   padding: 3px 5px;
   width: 200px;
}
table.formListe tr.primaire td a {
   text-decoration: none;
}
table.formListe tr.primaire td a:hover {
   color: #DF0000;
   text-decoration: none;
}
table.formListe tr.secondaire {
   background-color: #F6F6F6;
   display: none;
}
table.formListe tr.secondairePair {
   background-color: #EAE9E9;
   display: none;
}
table.formListe tr.secondaire td a, table.formListe tr.secondairePair td a {
   text-decoration: none;
}
table.formListe tr td.listeGauche {
   border-left: 1px solid #CCC;
}
table.formListe tr td.listeDroite {
   border-right: 1px solid #CCC;
   width: 380px;
}
table.formListe tr.finListe {
   background: url(../images/form-bas-blanc.gif) no-repeat;
   height: 7px;
}
#carte {
   height: 498px;
   margin: 0px;
   border: 1px solid #979797;
}
.carte {
   height: 500px;
   width: 95%;
   border: 1px solid #979797;
}
.carteFiche {
   height: 500px;
   width: 100%;
   margin: 0px;
}
div#carte_overview > div {
   background-color: white !important;
}
.sensCoche {
   color: Black;
   font-weight: bold;
   text-decoration: none;
   cursor: default;
}
.sensNonCoche {
   color: Blue;
   font-weight: normal;
   text-decoration: underline;
   cursor: pointer;
   /*cursor: hand;*/
}
div.aide {
   background: url('../images/icone-aide.gif') no-repeat 1px 1px white;
   padding: 5px;
   border: solid 1px #666;
   text-indent: 20px;
   text-align: justify;
   margin: 10px;
}
.contenuOnglet, #onglets, #basOnglets {
   width: 580px;
}
.contenuOnglet {
   border: solid #CCC;
   border-width: 0px 1px;
   background: white;
}
#basOnglets {
   background: url(../images/form-bas-blanc.gif) no-repeat;
   height: 7px;
   margin: 0px auto;
}
.contenuCache {
   display: none;
}
.ongletComblage {
   border-bottom: 1px solid #CCC;
   width: 100%;
}
.ongletActifGauche, .ongletActifDroite, .ongletInactifGauche, .ongletInactifDroite {
   width: 6px;
   height: 20px;
}
.ongletActifGauche {
   background: url(../images/fond-onglets-gauche-actif.gif) no-repeat;
}
.ongletActif {
   background: url(../images/fond-onglets-degrade-actif.gif) repeat-x;
   font-weight: bold;
   padding: 2px 15px;
   cursor: default;
   height: 16px;
}
.ongletActifDroite {
   background: url(../images/fond-onglets-droite-actif.gif) no-repeat;
}
.ongletInactifGauche {
   background: url(../images/fond-onglets-gauche-inactif.gif) no-repeat;
   border-bottom: 1px solid #CCC;
}
.ongletInactif {
   background: url(../images/fond-onglets-degrade-inactif.gif) repeat-x;
   padding: 2px 5px;
   height: 16px;
   cursor: pointer;
   border-bottom: 1px solid #CCC;
}
.ongletInactifDroite {
   background: url(../images/fond-onglets-droite-inactif.gif) no-repeat;
   border-bottom: 1px solid #CCC;
}
.ongletInactifOver {
   color: #DF0000;
}
#contenus {
   margin: 0px;
   padding: 0px;
}
#listeCompletion {
   border: 1px solid Gray;
   z-index: 100;
   padding: 0px;
   visibility: hidden;
   position: absolute;
   background-color: White;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   word-wrap: break-word;
   cursor: default;
}
.autoCompleteDiv, .autoCompleteDivPair {
   color: black;
   display: block;
   padding: 0px 3px;
   overflow: hidden;
   background-color: white;
   height: 16px;
}
.autoCompleteDiv span, .autoCompleteDivPair span {
   display: none;
}
.autoCompleteDivPair {
   background-color: #F5F7F8;
}
.autoCompleteDivAct {
   background-color: #3979A6;
   color: white ! important;
   height: auto;
}
.jourHoraires {
   font-weight: bold;
}
.heureHoraires {
   padding: 0px 4px 0px 0px;
}
.commentaireHoraires {
   font-style: italic;
   color: #505050;
}
table.menu .auteurSignature {
   padding: 3px;
   margin: 0px;
}
table.menu p.messageSignature {
   font-style: italic;
   text-indent: 10px;
}
table.menu p.messageSignature a {
   background: none;
   color: #333;
   padding: 0px;
   margin: 0px;
}
table.menu p.messageSignature a:hover {
   background: none;
   color: #373737;
}
table.menu p, table.menu form {
   margin: 5px;
   width: 169px;
}
table.menu a.imagePromoHasard {
   padding: 0px;
}
table.menu a.imagePromoHasard, table.derniers td.image a {
   display: inline;
   background: none;
}
table.menu a.imagePromoHasard img, table.derniers td.image a img {
   border: solid gray 1px;
   padding: 5px;
   background-color: white;
}
table.menu a.imagePromoHasard:hover, table.derniers td.image a:hover {
   background: none;
}
table.menu a.imagePromoHasard:hover img, table.derniers td.image a:hover img {
   border: solid #E20306 1px;
}
#centre .bloc.entreprises table.derniers td.image a:hover img {
   border: solid #2781A7 1px;
}
table.derniers {
   width: 550px;
}
table.derniers td.image {
   width: 25%;
   padding: 10px 10px 0px;
   vertical-align: bottom;
   height: 115px;
}
table.derniers td.titre {
   padding: 0px;
}
#centre .bloc.entreprises table.derniers td.titre a:hover {
   color: #2781A7;
}
.centrer {
   text-align: center;
   margin: 10px;
}
table.recommander input, table.recommander textarea {
   border: solid 1px Gray;
}
table.recommander #amis {
   height: 83px;
   border: 1px solid Gray;
   background-color: White;
   overflow: hidden;
}
table.recommander #amis div {
   cursor: default;
   height: 16px;
   overflow: hidden;
   border-bottom: 1px solid #D0D0D0;
}
table.recommander .bordureHaute {
   border-top: 1px solid #CCC;
}
table.menu div#boutons {
   border: none;
   text-align: center;
   padding: 5px 5px 10px;
}
table.menu div#boutons a {
   border: 1px solid Gray;
   color: #373737;
   font-size: 11px;
   padding: 2px 5px;
   margin: 2px;
   background: #EAEAEA;
   display: inline;
}
table.menu div#boutons a:hover {
   background: #CCCCCC;
}
div#filtrer {
   text-align: center;
   margin-bottom: 10px;
}
span.surbrillant {
   background-color: #FEFF7B;
   text-decoration: inherit;
}
#attenteFiltrage {
   visibility: hidden;
}
td.imagesEntreprise {
   text-align: right;
}
td.imagesEntreprise img {
   margin: 5px 5px 0px;
   border: 1px solid Gray;
}
td.imagesEntreprise img.over {
   border: 1px solid #FFA500;
}
.bodyFCK {
   background-color: #F9F9F9;
}
td.titreConges {
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   padding: 30px 0px 15px;
}
div.cadreAgrandissement {
   position: absolute;
   display: none;
   border: 1px solid Gray;
   text-align: center;
   background-color: #EAEAEA;
   padding: 10px;
}
div.cadreAgrandissement img {
   border: 1px solid Gray;
   margin-bottom: 10px;
}
div.comblageHauteur {
   margin-top: 50px;
   margin-bottom: 50px;
}
.surbrillant {
	background-color: #FEFF7B;
}
#centre .bloc.bienvenue div#baseDiaporama {
   position: relative;
   height: 1px;
}
#centre .bloc.bienvenue embed#diaporama {
   position: absolute;
   top: 5px;
   left: 2px;
}
#centre .bloc.bienvenue #actionsPageHaut {
   margin-top: 255px;
}
#centre .bloc.bienvenue .bordureHaut {
   background: url(../images/fond-bienvenue-haut.jpg) no-repeat;
}
#centre .bloc.bienvenue .contenu {
   background: url(../images/fond-bienvenue.jpg) no-repeat #F3F1F2;
   width: 616px;
}