body {
   margin:0px;
   padding:0px;
   background: white;
   font-family:Arial, Georgia, Times New Roman, Times, serif;
   color:black;
   font-size:12px;
}
body#popup, body#vide, body#blanc {
   background-color: white;
   color:black;
}
h1, a, div, table {
   behavior: url(styles/iepngfix.htc);
}
a {
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
.page {
   margin-left:auto;
   margin-right:auto;
}
.bandeauHaut {
   background-color:white;
   width:936px;
   height:150px;
   border:1px solid #366290;
}
.logoHautDroite {
   background: url(../images/logo.jpg) no-repeat center right;
   float:right;
   height:89px;
   width:146px;
   margin-top:30px;
}
.logoHautCentre {
   background: url(../images/logo.jpg) no-repeat center right;
   height:89px;
   width:146px;
   margin:20px auto;
}
.presentation {
   float:left;
   padding:0 10px;
   width:770px;
   height:150px;
}
.gauche {
   vertical-align:top;
   width:168px;
   padding-right:5px;
}
.menus a {
   font-size:15px;
}
.barre {
   width:5px;
}
.menus .sousMenus a.violetActif, .menus a.violetActif, .violet h1, .violet h2, .violet h3, .violet h4 {
   background: url(../images/flecheViolette.png) no-repeat left 5px;
   padding-left: 12px;
}

.contenus .chemin.violet a, .contenus .chemin.violet, .menus a:hover.violet, .menus a.violetActif,
.violet h1, .violet h2, .violet h3, .violet h4, .menus a.violet, .menus .sousMenus a.violet, 
.menus .sousMenus a.violet:hover {
   color: #aa00ff !important;
}
.bgviolet {
   background-color:#aa00ff;
} 

.menus .sousMenus a.roseActif, .menus a.roseActif, .rose h1, .rose h2, .rose h3, .roes h4 {
   background: url(../images/flecheRose.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.rose a, .contenus .chemin.rose, .menus a:hover.rose, .menus a.roseActif,
.rose h1, .rose h2, .rose h3, .roes h4, .menus a.rose, .menus .sousMenus a.rose,
.menus .sousMenus a.rose:hover {
   color: #fa00c8 !important;
}
.bgrose {
   background-color:#fa00c8;
} 

.menus .sousMenus a.vertActif, .menus a.vertActif, .vert h1, .vert h2, .vert h3, .vert h4 {
   background: url(../images/flecheVerte.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.vert a, .contenus .chemin.vert, .menus a:hover.vert, .menus a.vertActif,
.vert h1, .vert h2, .vert h3, .vert h4, .menus a.vert, .menus .sousMenus a.vert,
.menus .sousMenus a.vert:hover {
   color: #36B412 !important;
}
.bgvert {
   background-color:#36B412;
} 

.menus .sousMenus a.rougeActif, .menus a.rougeActif, .rouge h1, .rouge h2, .rouge h3, .rouge h4 {
   background: url(../images/flecheRouge.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.rouge a, .contenus .chemin.rouge, .menus a:hover.rouge, .menus a.rougeActif,
.rouge h1, .rouge h2, .rouge h3, .rouge h4, .menus a.rouge, .menus .sousMenus a.rouge,
.menus .sousMenus a.rouge:hover {
   color: #ff0100 !important;
}
.bgrouge {
   background-color:#ff0100;
} 

.menus .sousMenus a.orangeActif, .menus a.orangeActif, .orange h1, .orange h2, .orange h3, .orange h4 {
   background: url(../images/flecheOrange.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.orange a, .contenus .chemin.orange, .menus a:hover.orange, .menus a.orangeActif,
.orange h1, .orange h2, .orange h3, .orange h4, .menus a.orange, .menus .sousMenus a.orange,
.menus .sousMenus a.orange:hover {
   color: #F77E12 !important;
}
.bgorange {
   background-color:#f77e12;
} 

.menus .sousMenus a.turquoiseActif, .menus a.turquoiseActif, .turquoise h1, .turquoise h2, .turquoise h3, .turquoise h4 {
   background: url(../images/flecheTurquoise.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.turquoise a, .contenus .chemin.turquoise, .menus a:hover.turquoise, .menus a.turquoiseActif,
.turquoise h1, .turquoise h2, .turquoise h3, .turquoise h4, .menus a.turquoise,
.menus .sousMenus a.turquoise, .menus .sousMenus a.turquoise:hover {
   color: #00c0c8 !important;
}
.bgturquoise {
   background-color:#00c0c8;
} 

.menus .sousMenus a.bleuActif, .menus a.bleuActif, .bleu h1, .bleu h2, .bleu h3, .bleu h4 {
   background: url(../images/flecheBleue.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.bleu a, .contenus .chemin.bleu, .menus a:hover.bleu, .menus a.bleuActif,
.bleu h1, .bleu h2, .bleu h3, .bleu h4, .menus a.bleu, .menus .sousMenus a.bleu,
.menus .sousMenus a.bleu:hover {
   color: #4900dd !important;
}
.bgbleu {
   background-color:#4900dd;
} 

.menus .sousMenus a.bleuClairActif, .menus a.bleuClairActif, .bleuClair h1, .bleuClair h2, .bleuClair h3, .bleuClair h4 {
   background: url(../images/flecheBleueClair.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.bleuClair a, .contenus .chemin.bleuClair, .menus a:hover.bleuClair, .menus a.bleuClairActif,
.bleuClair h1, .bleuClair h2, .bleuClair h3, .bleuClair h4, .menus a.bleuClair,
.menus .sousMenus a.bleuClair, .menus .sousMenus a.bleuClair:hover {
   color: #0085ff !important;
}
.bgbleuClair {
   background-color:#0085ff;
} 

.menus .sousMenus a.bleuFonceActif, .menus a.bleuFonceActif, .bleuFonce h1, .bleuFonce h2, .bleuFonce h3, .bleuFonce h4 {
   background: url(../images/flecheBleueFonce.png) no-repeat left 5px;
   padding-left: 12px;
}
.contenus .chemin.bleuFonce a, .contenus .chemin.bleuFonce, .menus a:hover.bleuFonce, .menus a.bleuFonceActif,
.bleuFonce h1, .bleuFonce h2, .bleuFonce h3, .bleuFonce h4, .menus a.bleuFonce,
.menus .sousMenus a.bleuFonce, .menus .sousMenus a.bleuFonce:hover {
   color: #006ccf !important;
}
.bgbleuFonce {
   background-color:#006ccf;
} 

.fondMenu {
   background: #CCCCCC;
   border:1px solid #366290;
   padding-left:7px;
   padding-right:7px;
   width:166px;
}
.menus {
   margin-bottom:13px;
}
.gauche .menus a {
   display:block;
   margin:10px 0 0 3px;
   text-decoration:none;
   font-weight:bold; 
}
.gauche .menus a.actif {
   text-decoration:none;
}
.gauche .menus a:hover {
   text-decoration: underline;
}
.sousMenus {
   background:#CCCCCC;
   margin-left:5px;
}
.gauche .menus .sousMenus a {
   font-weight:normal;
}
.centre, .corps {
   width: 938px;
}
.contenus {
   vertical-align: top;
   width: 744px;
   padding-left:5px;
   border: 1px solid #366290;
}
#popup .contenus {
   width: auto;
   padding: 5px;
   background: white;
   border:none;
}
.centreLogo{
   text-align:center;
}
.chemin {
   float:left;
   margin-top:10px;
}
.chemin a {
   font-size:11px;
}
.contenuBodyFCK {
   padding: 5px;
   background: #DBD5B3;
}
.cacherLienImage {
   display: none;
}
.contenuBodyFCK .cacherLienImage {
   display: inline;
}
#popup a.fermer {
   padding-right: 15px;
   margin-right: 2px;
   color: white;
   background: url(../images/fermer.gif) no-repeat right center;
}
#popup a.fermer:hover {
   color: white;
}
.action {
   height: 23px;
   margin:5px 3px 7px 242px;
}
.actionMarge {
   margin:5px 3px 7px 502px;
}
#popup .action {
   margin: 10px 0px 0px auto;
}
#popup .actionHaut {
   margin: 0px 0px 10px auto;
}
.action a {
   display: block;
   width:38px;
   height: 26px;
   text-decoration: none;
}
.actionBas a {
   background: url(../images/spriteOutilsBas.png) no-repeat;
}
.action a:hover {
   text-decoration: none;
}
.action a.augmenter {
   background-position: 0px 0px;
   width: 41px;
}
.action a.augmenter:hover {
   background-position: 0px -26px;
}
.action a.diminuer {
   background-position: -41px 0px;
}
.action a.diminuer:hover {
   background-position: -41px -26px;
}
.action a.recommander {
   background-position: -79px 0px;
}
.action a.recommander:hover {
   background-position: -79px -26px;
}
.action a.imprimer {
   background-position: -117px 0px;
}
#popup .action a.imprimer {
   width: 37px;
}
.action a.imprimer:hover {
   background-position: -117px -26px;
}
.action a.favoris {
   background-position: -155px 0px;
}
.action a.favoris:hover {
   background-position: -155px -26px;
}
.action a.haut {
   background-position: -193px 0px;
   width: 36px;
}
.action a.haut:hover {
   background-position: -193px -26px;
}
.contenuDroite {
   padding:35px 10px 0 5px;
}
h1, h2, h3, h4 {
   font-weight: bold;
}
h1 {
   font-size: 16px;
   color:black;
   text-transform:uppercase;
   background:#CCCCCC;
   text-shadow:0px -1px white;
   height:25px;
   padding-left:9px;
   padding-top:4px;
}
h2 {
   font-size: 16px;
   color:black;
   margin-left:3px;
}
h3 {
   font-size: 14px;
   color:black;
   text-transform:uppercase;
   text-shadow:1px 1px #fff;
   margin-left:6px;
}
h4 {
   color:#990000;
   font-size:16px;
}
.contenus p {
   margin: 5px 0px;
}
.legende {
   font-size: 12px;
   font-style: italic;
   color: black;
   margin-top: 10px;
}
.pied {
   background: #CCCCCC;
   border-top:1px solid #366290;
   margin-top:5px;
}
.pied h2 {
   margin-top:20px;
}
.pied table.infos {
   font-size:11px;
   width:938px;
   margin:0 auto;
}
.pied table.infos, #piedPopup, #piedAP, .pied table.infos a, #piedPopup a, #piedAP a, .pied .liens a, .pied table.infos a:hover, #piedPopup a:hover, #piedAP a:hover, .pied .liens a:hover  {
   color:black;
}
.pied table.infos a, #piedPopup a, #piedAP a, .pied .liens a {
   text-decoration: none;
}
.pied table.infos a:hover, #piedPopup a:hover, #piedAP a:hover, .pied .liens a:hover {
   text-decoration: none;
}
.pied .liens {
   text-decoration:underline;
   margin-bottom:10px;
   margin-left:40px;
   margin-top:10px;
   width:400px;
}
.pied .infos .derniereModif {
   margin-left:40px;
   font-size:10px;
   color:#e31f25;
   width:400px;
}
#piedAP {
   margin: 10px 0 0 0;
   text-align:center;
   font-size:10px;
}
#xiti {
   text-align: center;
}
.pied #xiti {
   margin: 20px 0px 0px;
}
input.champsTexte, textarea.champsTexte {
   border:1px solid #ccc;
   padding:4px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   margin:0px;
}
table.tableContact {
   width:100%;
}
table.tableContact th {
   padding:8px 5px 5px;
   text-align:right;
   vertical-align:top;
   width:200px;
}
table.tableContact th div.legendeLabel {
   font-weight:normal;
}
table.tableContact td {
   vertical-align:top;
   padding:5px;
}
table.tableContact span.format {
   font-style:italic;
   margin-left:10px;
   font-size:11px;
}
table.tableContact input.champsTexte, table.tableAntiSpam input.champsTexte, table.tableContact textarea.champsTexte {

}
.nomEntreprise {
   font-size:18px;
   font-weight:bold;
   margin-top:10px;
   text-align:center;
}
.activitesEntreprise {
   text-align:center;
   margin-bottom:20px;
}
#menuContact {
   text-align:center;
   margin:45px 0 0;
}
#menuContact a {
   color:#4f4e4d;
   margin:5px;
   text-decoration:none;
}
#menuContact a:hover {
   text-decoration:none;
}
#menuContact a.actif {
   border-bottom:solid; 
}
input.moyen {
   width:250px;
}
input.date {
   width:70px;
}
input.tel {
   width:100px;
}
input.code {
   width:50px;
}
textarea.long {
   width:300px;
   height:120px;
}
.commandes {
   text-align:center;
   padding-top: 10px;
   margin-right:5px;
}
.commandes input, .commandes button {
   background-color:#CCCCCC;
   border:1px solid #CCCCCC;
   color:black;
   cursor:pointer;
   height:26px;
   padding:0 10px 2px;
   margin-bottom:50px;
}
.commandes input.over, .commandes button.over {
   background-color:#B2B2B2;
}
div.texteObligatoire {
   text-align:left;
}
div.legendeObligatoires {
   height:26px;
   font-style:italic;
   padding-top: 10px;
}
div.erreur, div.reussi {
   background:#CE0000 url(../images/caution.jpg) no-repeat 5px center;
   color:white;
   text-align:left;
   margin: 5px auto;
   width: 335px;
   padding:10px 10px 10px 50px;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}
div.reussi {
   background:#009F00 url(../images/succeed.jpg) no-repeat 5px center;
}
div.erreur a {
   color: red;
}
div.reussi a {
   color: #006400;
}
.champErreur {
   color:red;
}
h1.secondTitre {
   margin-top:30px;
}
td.infosTitre {
   font-weight: bold;
}
.informations {
   margin-left:25px;
}
h1.enConstruction {
   text-align: center;
   background: none;
   font-size: 20px;
   margin: 20px 0px;
   padding: 0px;
   color:#3c3c3c;
}
p.enConstruction {
   margin: 20px;
   text-align: center;
}
.rechImgAS {
   font-size: 11px;
   font-style: italic;
}
.comite {
   margin:10px 0;
   text-align:center;
}
.centre table {
   margin-top:5px;
}
.frameCarte {
   margin:0 auto;
}
.programme table, table.programme td {
   border:1px solid #366290;
   background:#FAFCFC;
}
table.programme {
   border-collapse:collapse !important;
}
table.programme td {
   padding:5px 5px;
}
h5 {
   font-size:16px;
   font-weight:bold;
   color:red;
}
a img {
   border:0;
}
.recommander {
   text-align:left;
}
table.recommander .fondGris {
   background-color:#EFEFEF;
   color:#3C3C3C;
}
table.recommander .flecheGrise {
   background:url("../images/fleche.gif") no-repeat scroll 0 0 transparent;
   width:48px; 
}
table.recommander #amis {
   background-color:White;
   border:1px solid #CCCCCC;
   height:83px;
   overflow:hidden;
}
table.recommander #amis div {
   color:black;
   cursor:default;
   font-size:10px;
   height:16px;
   line-height:16px;
   overflow:hidden;
   padding:0 5px;
}
input.champsTexte:focus, textarea.champsTexte:focus {
   border-color:#EFEFEF;
}