@charset "iso-8859-1";
/* LIENS NORMAUX */
A:link {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
text-decoration: none;
color: #505050;
background-color: transparent;
} 
A:visited {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
text-decoration: none;
color: #505050;
background-color: transparent;
}
A:active {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
text-decoration: underline;
color: #505050;
background-color: transparent;
}
A:hover {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
text-decoration: underline;
color: #505050;
background-color: transparent;
}

/* LIENS MENU */
.Amenu:link {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
font-weight: bold;
text-decoration: none;
color: #474747; 
background-color: transparent;
} 
.Amenu:visited {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
font-weight: bold;
text-decoration: none;
color: #474747;
background-color: transparent;
}
.Amenu:active {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
font-weight: bold;
text-decoration: none;
color: #474747;
background-color: transparent;
}
.Amenu:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-size: 8pt; 
font-weight: bold;
text-decoration: underline;
color: #000000;
background-color: transparent;
}

/* LIENS PETIT */
.Asmall:link {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 7pt; 
text-decoration: none;
color: #000000; 
background-color: transparent;
} 
.Asmall:visited {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 7pt; 
text-decoration: none;
color: #000000;
background-color: transparent;
}
.Asmall:active {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 7pt; 
text-decoration: none;
color: #000000;
background-color: transparent;
}
.Asmall:hover {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; 
font-size: 7pt; 
text-decoration: underline;
color: #000000;
background-color: transparent;
}

P {
margin: 5px;
text-align: justify
}  

#Layer1 {
left:0;
top:0;
height:164px;
z-index:1;
border: 0px none #000000;
}

#Layer2 {
background-repeat: no-repeat;
background-position: top;
background-image: url(images/deco_sokutsu_recherche.gif);
width: 770px;
height: 24px;
left: 0;
top: 164px;
z-index: 2;
border: 0px none #000000;
}

#Fondblanc {
background: white;
border-left: 1px solid black;
border-right: 1px solid black;
background-repeat: no-repeat;
background-position: top;
background-image: url(images/deco_sokutsu_milieu_1.jpg);
}

/* MENU */
.header {
height: 188px;
}

#essentiel {
list-style-type: none;
margin:0;
padding:0;
}
#essentiel {
position: absolute;
top: 0;
left: 252px;
background: transparent url(images/haut_menu.jpg) top left no-repeat;
width: 518px;
text-align: center;
}
.substance {
list-style-type: none;
margin:0;
padding:0;
float: left;
}

.substance a {
display: block;
height: 164px;
width: 69px;
color: #fff;
font-size: 14px;
line-height: 50px;
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
.substance a:hover {
background: transparent url(images/haut_menu.jpg) top left no-repeat;
}
a#menu1:hover {
background-position: -518px 0%;
}
a#menu2:hover {
background-position: -587px 0%;
}
a#menu3:hover {
background-position: -656px 0%;
}
a#menu4:hover {
background-position: -725px 0%;
}
a#menu5:hover {
background-position: -794px 0%;
}
a#menu6:hover {
background-position: -863px 0%;
}
a#menu7:hover {
background-position: -932px 0%;
}

/* FENETRE */
.fenetrehaut1 {
margin-left: 6px;
margin-top: 0px;
width: 758px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #000099;
background-repeat: no-repeat;
background-position: top;
background-image: url(images/fenetre_haut_1.gif);
height: 56px;
padding-top: 0em;
}

.fenetrehaut2 {
margin-left: 6px; 
margin-top: 0px;
width: 758px;
background-repeat: repeat-y;
background-position: top;
background-image: url(images/fenetre_haut_2.gif);
}

.fenetrehaut3 {
margin-left: 6px; 
margin-top: 0px;
width: 758px;
background-repeat: no-repeat;
background-position: top;
background-image: url(images/fenetre_haut_3.gif);
height: 22px;
}

.fenetregauche1 {
margin-left: 6px;
width: 189px;
height: 56px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #000099;
background-repeat: no-repeat;
background-position: top;
background-image: url(images/fenetre_gauche_1.gif);
}

.fenetregauche2 {
margin-left: 6px;
width: 189px;
background-repeat: repeat-y;
background-position: top;
background-image: url(images/fenetre_gauche_2.gif);
}

.fenetregauche3 {
margin-left: 6px;
width: 189px;
height: 22px;
background-repeat: no-repeat;
background-position: top;
background-image: url(images/fenetre_gauche_3.gif);
}

.fenetredroite1 {
margin-left: 6px;
width: 562px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #000099;
background-repeat: no-repeat;
background-position: top;
background-image: url(images/fenetre_droite_1.gif);
height: 56px;
}

.fenetredroite2 {
margin-left: 6px;
width: 562px;
background-repeat: repeat-y;
background-position: top;
background-image: url(images/fenetre_droite_2.gif);
}

.fenetredroite3 {
margin-left: 6px;
width: 562px;
background-repeat: no-repeat;
background-position: top;
background-image: url(images/fenetre_droite_3.gif);
height: 22px;
_float: right;
}

.infobas {
clear:both;
height: 254px;
background-image: url(images/deco_sokutsu_milieu_2.jpg);
background-position: bottom;
background-repeat: no-repeat;
text-align: center;
}

#hodo {
margin: 0px 10px 0px 10px;
border: solid black;
border-width: thin;
background: #DFDBFF;
text-align: justify;
padding: 4px;
}

#conteneur {
position: absolute;
width: 770px;
left: 50%;
margin-left: -385px;
background: #FFFFFF;
}

#centre {
margin-top: 20px;
margin-left: 195px;
margin-right: 2px;
}

#gauche {
margin-top: 20px;
float:left;
width: 195px;
}

#pied {
clear:both;
height: 58px;
}

.cachediv {
visibility: hidden;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: absolute;
}