/* style cree par johannes le 22 - 07 - 2007 */
/* lapin7@free.fr */
body {
background-image: url(images/html.gif);
padding: 0px;
margin: 0px;
height: 100%;
color: black;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}


#top {
margin-top: 0px;
position: absolute;
width: 950px;
left: 50%;
margin-left: -475px;
}

.centre {
width: 950px;
height: 100%;
margin-right: auto;
margin-left: auto;
background: #ffffff;
border-right: 2px inset #777777;
border-left: 2px outset #777777;
padding: 0px;
}

tr.header {
background: #9fa4f5;
height: 78px;
}

.menu {
background-image: url(images/title_box.gif);
height: 29px;
width: 100%;
}

.nav {
position: relative;
font-size: 12px;
color: #ffffff;
}

.box {
padding-left: 5px;
width: 180px;
background: #f8f8f9;
border-left: 2px solid;
border-right: 2px solid;
border-bottom: 2px solid;
border-color: #3f70b9;
}

.titre {
background-image: url(images/titre.jpg);
text-align: center;
height: 29px;
width: 180px;
color: #ffffff;
}


/*les propriétés des liens*/
/*liens normaux*/

a:link {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
text-decoration: none ;
color:  #ffffff;
}

/*liens visites*/

a:visited {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
text-decoration: none ;
color:  #ffffff;
}

/*liens cliques*/

a:active {
border-width: 1px;
border-color: #FF0000;
border-style: dotted ;
text-decoration: none ;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color:  #ffffff;
}

/*liens survoles*/

a:hover {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
color: #ffffff;
text-decoration: underline;
}

/*les propriétés des liens*/
/*liens menu lateral*/

a:link.left {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
text-decoration: none ;
color:  #000000;
}

/*liens visites*/

a:visited.left {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
text-decoration: none ;
color:  #000000;
}

/*liens cliques*/

a:active.left {
border-width: 1px;
border-color: #FF0000;
border-style: dotted ;
text-decoration: none ;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color:  #000000;
}

/*liens survoles*/

a:hover.left {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
color: #ff8000;
text-decoration: underline;
}

/* liens du texte de droite */

a:link.right {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
text-decoration: none ;
color:  #0000ff;
}

/*liens visites du texte de droite */

a:visited.right {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
text-decoration: none ;
color:  #0000ff;
}

/*liens cliques du texte de droite */

a:active.right {
border-width: 1px;
border-color: #FF0000;
border-style: dotted ;
text-decoration: none ;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color:  #0000ff;
}

/*liens survoles du texte de droite */

a:hover.right {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 14px;
color: #ff8000;
text-decoration: underline;
}

.texte {
padding-left: 15px;
padding-right: 15px;
font-family: 'comic sans ms', Arial, sans-serif;
font-size: 1em;
}

/* pour voir les tableaux */
.test {
border: 1px solid #000000;
}

/* le tableau du centre */
.larg {
width: 100%;
}

/* index general definition des deux choix */

.commerc { /* largeur 50% */
width: 50%;
height: 300px;
text-align: center;
/* background-image: url(images/COMMER_250.jpg);
background-repeat: no-repeat;
background-position: center; */
}

.fonds { /* largeur 50% */
width: 50%;
text-align: center;
/* background-image: url(images/fond_de_commerce.jpg);
background-repeat: no-repeat;
background-position: center; */
}

p.gauche {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
color: #ff8000;
}

p.droite {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
color: #ff8000;
}

/* fin index general */

.jonction {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
width: 350px;
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 2px solid;
border-color: #3f70b9;
}

.bleu {
font-weight: bold;
color: #0000ff;
}



/* tableau de renseignements */

#sample {
background-color: #EEEEEE;
border: 2px solid;
border-color: #0000ff; /* #9900CC */
width: 100%;
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
}

/* titres gras en couleur */

.gras {
font-weight: bold;
color: #0000ff; /* #9900CC pour le mauve d'origine */
text-align: center;
}

.noir {
font-size: 14px;
font-weight: normal;
color: #000000;
}


/*titres*/

h1 {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
font-family: Times, serif;
color: #0000ff; /* #9900CC */
font-size: 20px;
font-variant: small-caps;
background-color: #EEEEEE;
}

/* button print formulaire */
.print {
width: 100%;
text-align: center;
}

/* le tableau du bas */ 

.footer {
background: #9fa4f5;
width: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
}

/* la signature du footer */

.signe {
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ababab;
}

/* liens survoles du footer */

a:hover.foot {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 10px;
color: #0000ff;
text-decoration: underline;
}

/* liens du footer */

a:link.foot {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 10px;
text-decoration: underline;
color:  #9dabff;
}

/*liens visites du footer */

a:visited.foot {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 10px;
text-decoration: underline;
color:  #9dabff;
}

a:active.foot {
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-size: 10px;
text-decoration: underline;
color:  #9dabff;
}