body { background-color: #CCCCCC}
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 0px; margin-bottom: 0px; color: #564C70}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 0px; margin-bottom: 0px; color: #564C70}
a:link   { text-decoration: none}
a:visited { text-decoration:none}
a:active { text-decoration:none; font-weight: bold}
a:hover {  text-decoration: underline; font-weight: bold}
li { margin-bottom: 2px }
ul { margin-left: 0px; list-style-position: inside }

.AccueilTexte { color: #FFFFFF; margin-bottom: 5px ; font-size: 11px}
.AccueilForm {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6A599C; background-color: #FFFFFF; width: 95px; border: #BFBFBF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.AccueilTexteLog {  color: #6A599C; margin-bottom: 4px; font-size: 11px}
.AccueilListeSel { color: #6A599C; background-color: #FFFFFF; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}

.LienClasseur { color: #B7AFC9; font-weight: normal}
.LienNoir { color: #000000; font-weight: bold}

.Liste1 { list-style-image: url(../images/puce_liste1.jpg) }
.ListeSelection { color: #FFFFFF; background-color: #6A599C; width: 145px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px }
.ListeSelOption { color: #6A599C; background-color: #E6E5ED }

.Onglet_h1 { background-image: url(../images/onglet_h1.jpg); background-repeat: no-repeat; background-position: bottom}
.Onglet_h2 { background-image: url(../images/onglet_h2.jpg); background-repeat: repeat-x; background-position: bottom}
.Onglet_h3 { background-image: url(../images/onglet_h3.jpg); background-repeat: no-repeat; background-position: bottom}
.Onglet_c1 { background-image: url(../images/onglet_c1.jpg); background-repeat: repeat-y}
.Onglet_c2 { background-image: url(../images/onglet_c2.jpg); background-repeat: repeat}
.Onglet_c3 { background-image: url(../images/onglet_c3.jpg); background-repeat: repeat-y}
.Onglet_b1 { background-image: url(../images/onglet_b1.jpg); background-repeat: no-repeat; background-position: top}
.Onglet_b2 { background-image: url(../images/onglet_b2.jpg); background-repeat: repeat-x; background-position: top}
.Onglet_b3 { background-image: url(../images/onglet_b3.jpg); background-repeat: no-repeat; background-position: top}

.FondPage {  background-color: #6A599C}
.FondFrameCentre { background-color: #E6E5ED; vertical-align: top; text-align: left}
.FondRubriques { background-image: url(../images/fond_rubriques.jpg); background-repeat: no-repeat; background-position: bottom}
.FondFilet { background-image: url(../images/fond_filet.jpg); background-repeat: repeat-x}
.FondFiletTitre { background-image: url(../images/fond_filetTitre.jpg); background-repeat: repeat-x}
.FondFiletSousTitre { background-image: url(../images/fond_filetSousTitre.jpg); background-repeat: repeat-x ; background-position: bottom}
.FondFiletAide { background-image: url(../images/fond_filetAide.jpg); background-repeat: repeat-x }

.FondIcoActualites { background-image: url(../images/fond_icoActualites.jpg); background-repeat: no-repeat; background-position: left top }
.FondIcoExistant { background-image: url(../images/fond_icoExistant.jpg); background-repeat: no-repeat; background-position: left top }
.FondIcoAPS { background-image: url(../images/fond_icoAPS.jpg); background-repeat: no-repeat; background-position: left top }
.FondIcoDCE { background-image: url(../images/fond_icoDCE.jpg); background-repeat: no-repeat; background-position: left top }
.FondIcoChantier { background-image: url(../images/fond_icoChantier.jpg); background-repeat: no-repeat; background-position: left top }
.FondIcoRecolement { background-image: url(../images/fond_icoRecolement.jpg); background-repeat: no-repeat; background-position: left top }
.FondIcoRubrique { background-image: url(../images/fond_icoRubrique.jpg); background-repeat: no-repeat; background-position: left top}
.FondIcoAide { background-image: url(../images/fond_icoAide.jpg); background-repeat: no-repeat; background-position: left top }
.FondIcoContacts { background-image: url(../images/fond_icoContacts.jpg); background-repeat: no-repeat; background-position: left top }

.FondPlan {  background-color: #FFFFFF; text-align: center; vertical-align: middle; border: none}
.FondBandePhotos { background-color: #FFFFFF}
.FondBandePlans { background-color: #D9D5E4}

.TexteClasseur { color: #B7AFC9; margin-bottom: 5px}
.TexteClasseurActif { color: #FFFFFF; font-weight: bold; margin-bottom: 5px}
.TexteTitrePage {  font-size: 17px; font-weight: bold; color: #6A599C}
.TexteTitrePageSuite { font-size: 17px; color: #6A599C }
.TexteSousTitre { font-size: 12px; font-weight: bold; color: #6A599C}
.TexteTitreCommentaire { font-size: 12px; font-weight: normal; color: #6A599C ; margin-bottom: 2px}
.TexteUser { font-weight: bold ; color: #FFFFFF; vertical-align: bottom}
.TexteImportant { font-size: 12px; font-weight: bold; color: #564C70}
.TexteNoir { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 0px; margin-bottom: 0px; color: #000000}

.Vignette { clip: rect( ); height: 62px; width: 62px; border-style: none}
.VignetteAPS { border: none; clip:  rect(   14px); height: 91px; width: 121px; margin-left: 14px}
.VignettePlan { border: 10px #FFFFFF solid; clip:  rect(   ); height: 388px; width: 550px}
.VignettePH { border: none; clip: rect( ); height: 132px; width: 177px}
.VignetteGV { border: none; clip: rect( ); height: auto; width: 188px }
.VignetteGH { clip:  rect(   ); height: 292px; width: 390px; float: right; border: solid; border-width: 0px 0px 10px 10px; border-color: black 
black #E6E5ED #E6E5ED }

.ViPhoto0 { background-attachment: fixed; background-image: url(../images/angles_violets_photos.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 66px; width: 66px ; background-repeat: no-repeat }
.ViPhoto1 { background-attachment: fixed; background-image: url(../images/angles_noirs_photos.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 66px; width: 66px ; background-repeat: no-repeat }
.ViPlan0 { background-attachment: fixed; background-image: url(../images/angles_violets_plans.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 66px; width: 66px ; background-repeat: no-repeat }
.ViPlan1 { background-attachment: fixed; background-image: url(../images/angles_noirs_plans.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 66px; width: 66px ; background-repeat: no-repeat }
.ViPH0 { background-attachment: fixed; background-image: url(../images/angles_violets_PH.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 136px; width: 181px; background-repeat: no-repeat }
.ViPH1 { background-attachment: fixed; background-image: url(../images/angles_noirs_PH.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 136px; width: 181px; background-repeat: no-repeat }
.VignettePL { clip:  rect(   ); height: 81px; width: 114px; border-style: none}
.ViPL0 { background-attachment: fixed; background-image: url(../images/angles_violets_PL.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 89px; width: 118px; background-repeat: no-repeat }
.ViPL1 { background-attachment: fixed; background-image: url(../images/angles_noirs_PL.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 89px; width: 118px; background-repeat: no-repeat ; clip:  rect(   )}
.ViPH20 { background-attachment: fixed; background-image: url(../images/angles_violets_PH2.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 89px; width: 118px; background-repeat: no-repeat }
.ViPH21 { background-attachment: fixed; background-image: url(../images/angles_noirs_PH2.jpg); background-position: center center; text-align: center; vertical-align: middle; height: 89px; width: 118px; background-repeat: no-repeat ; clip: rect( ) }