body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
line-height: 1.166;
background-color: transparent;
}

table {
font-size:10px;
border-spacing: 0px;
border-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.CalendrierWE{
color:#999999;
}

.CalendrierEvt{
background-color:#FF9900;
color:#000000;
border-top-color:#FF9900;
border-top-width:1px;
border-top-style:solid;
}

.CalendrierNow{
font-weight:bold;
color:#FF9900;
border-top-color:#FF9900;
border-top-width:1px;
border-top-style:solid;
}

.Calendrier{
color:#000000;
border-top-color:#FF9900;
border-top-width:1px;
border-top-style:solid;
}
.CalendrierTit
{
font-weight:bold;
}

/* Définition des cadres visibles en page principale*/
div#CadrePetit{
width:100%;
overflow:auto;
z-index:1;
padding:2px 2px 2px 2px;
margin:0px 4px 0px 0px;
font-size:10px;
}

div#CadreConnexion{
width:270px;
overflow:auto;
z-index:1;
padding:2px 2px 2px 2px;
margin:0px 4px 0px 0px;
font-size:10px;
}

Div#titCadrePtt{
background-color:#3333FF;
color:#FFFFFF;
height:12px;
padding:2px 2px 2px 3px;
background-image:url(Images/HGB.gif);
background-position:top left;
background-repeat:no-repeat;
}

Div#ContCadrePtt{
background:background-color:#000000;
color:#000000;
border-color:#3333FF;
border-width: 1px;
border-style:  solid;
border-Top:none;
padding:2px 2px 2px 3px;
border-bottom-style:dashed;
}

Div#titCadrePttVert{
background-color:#006600;
color:#FFFFFF;
height:12px;
padding:2px 2px 2px 3px;
background-image:url(Images/HGV.gif);
background-position:top left;
background-repeat:no-repeat;
}

Div#ContCadrePttVert{
background:background-color:#000000;
color:#000000;
border-color:#006600;
border-width: 1px;
border-style: solid;
border-Top:none;
padding:2px 2px 2px 3px;
border-bottom-style:dashed;
}

Div#titCadrePttOr{
background-color:#FF9900;
color:#FFFFFF;
height:12px;
padding:2px 2px 2px 3px;
background-image:url(Images/HGO.gif);
background-position:top left;
background-repeat:no-repeat;
}

Div#ContCadrePttOr{
background:background-color:#000000;
color:#000000;
border-color:#FF9900;
border-width: 1px;
border-style: solid;
border-Top:none;
padding:2px 2px 2px 3px;
border-bottom-style:dashed;
}

/*message*/

.MessageTab{
border-style:solid;
border-color:#3333ff;
border-width:1px;
}

.MessageTit{
background-color:#3333ff;
color:#FFFFFF;
font-weight:bold;
}

.MessageListe{
color:#000000;
border-top-style:solid;
border-top-color:#3333ff;
border-top-width:1px;
}

.MessageNonLu{
font-style:italic;
font-weight:bold;
border-top-style:solid;
border-top-color:#3333ff;
border-top-width:1px;
}

Div#Message{
width:100%;
overflow:auto;
z-index:1;
padding:2px 2px 2px 2px;
font-size:10px;
}

Div#MessageTitre{
background-color:#3333ff;
color:#FFFFFF;
font-weight:bold;
padding : 2px 2px 2px 5px;
}

Div#MessageCont{
border-color:#3333FF;
border-width: 1px;
border-style: solid;
border-Top:none;
color:#000000;
padding : 2px 2px 2px 5px;
}


/*FAQ*/
Div#BasFAQ{
border-bottom-style:dashed;
border-bottom-color:#ff9900;
border-bottom-width:1px;
}

/*Champs*/
input,select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

input:hover{
background-color:#F1F1F1;
}
input:focus{
background-color:#F1F1F1;
}
input.ChampBleu{
border: 1px solid #3333FF;
}

input.ChampBleuMail{
border: 1px solid #3333FF;
width:200px;
}

input.ChampVert{
border: 1px solid #006600;
}

input.ChampOrange{
border: 1px solid #FF9900;
}
/*Zone de texte*/
textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

textarea.Contenumessage{
width:400px;
height:250px;
border-style:solid;
border-color:#3333ff;
border-width:1px;
padding: 0px 2px 0px 2px;
}

input.Objetmessage{
width:400px;
border-style:solid;
border-color:#3333ff;
border-width:1px;
padding: 0px 2px 0px 2px;
}

textarea.Contenumessage:focus{
background-color:#F1F1F1;
}

.TitreMessage{
background-color:#3333ff;
color:#FFFFFF;
font-weight:bold;
padding : 0px 2px 0px 5px;
}

.LigneMessage{
background-color:#FFFFFF;
padding: 0px 2px 0px 5px;
}

.PJMessage{
background-color:#FFFFFF;
padding: 0px 2px 0px 5px;
width:200px;
height:22px;
border-style:solid;
border-color:#3333ff;
border-width:1px;
}
select.ListeDest{
background-color:#FFFFFF;
width:200px;
border-style:solid;
border-color:#3333ff;
border-width:1px;
overflow:auto;
}

select:focus{
background-color:#F1F1F1;
}

/*Boutons*/
input.boutonBleu {
border:1px solid #3333ff;
color:#3333ff;
cursor:pointer;
height:22px;
background-color:transparent;
}
input.boutonBleu:hover {
background-color:#3333ff;
color:white;
}
input.boutonBleu:active {
border:1px inset #3333ff;
background-color:#3333ff;
color:white;
} 

input.boutonVert {
border:1px solid #006600;
color:#006600;
cursor:pointer;
height:22px;
background-color:transparent;
}

input.boutonVert:hover {
background-color:#006600;
color:white;
}

input.boutonVert:active {
border:1px inset #006600;
background-color:#006600;
color:white;
}

input.boutonVertMenu {
border:1px solid #006600;
color:#006600;
cursor:pointer;
height:22px;
background-color:transparent;
width:150px;
}

input.boutonVertMenu:hover {
background-color:#006600;
color:white;
}

input.boutonVertMenu:active {
border:1px inset #006600;
background-color:#006600;
color:white;
}

input.boutonOrange {
border:1px solid #ff9900;
color:#ff9900;
cursor:pointer;
height:22px;
background-color:transparent;
}
input.boutonOrange:hover {
background-color:#ff9900;
color:white;
}

input.boutonOrange:active {
border:1px inset #ff9900;
background-color:#ff9900;
color:white;
}
/*Liens*/
a{
color: #7a7a7a;
text-decoration: none;
}

a:link{
color: #7a7a7a;
text-decoration: none;
padding:0px;
margin:0px;
}

a:visited{
text-decoration: none;
}

a:hover{
background-color:#7a7a7a;
color:#FFFFFF;
}

a.LienBleu{
color:#3333ff;
text-decoration: none;
}

a.LienBleu:link{
color:#3333ff;
text-decoration: none;
}

a.LienBleu:hover{
color:#FFFFFF;
background-color:#3333ff;
text-decoration: none;
}

a.LienVert{
color:#006600;
text-decoration: none;
}

a.LienVert:link{
color:#006600;
text-decoration: none;
}

a.LienVert:hover{
color:#FFFFFF;
background-color:#006600;
text-decoration: none;
}

a.LienNoir{
color:#000000;
text-decoration: none;
}

a.LienNoir:link{
color:#000000;
text-decoration: none;
}

a.LienNoir:hover{
color:#FFFFFF;
background-color:#000000;
text-decoration: none;
}

a.LienBlanc{
color:#FFFFFF;
text-decoration: none;
}

a.LienBlanc:link{
color:#FFFFFF;
text-decoration: none;
}

a.LienBlanc:hover{
color:#000000;
background-color:#FFFFFF;
text-decoration: none;
}

a.LienOrange{
color:#ff9900;
text-decoration: none;
}

a.LienOrange:link{
color:#ff9900;
text-decoration: none;
}

a.LienOrange:hover{
color:#FFFFFF;
background-color:#ff9900;
text-decoration: none;
}

/*polices*/

.PoliceBleu{
color:#3333ff;
}

.PoliceBlanc{
color:#FFFFFF;
}

.PoliceVert{
color:#006600;
}

.PoliceOrange{
color:#ff9900;
}

/*Cadre principal*/
.Bas{
border-top-style:dashed;
border-top-width:1px;
border-top-color:#ff9900;
}

.Haut{
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#3333ff;
}