/* HTML, GLOBAL ET FOOTER */
html body
{
margin: 0px 0px 0px 0px;
width: 100%;
height: 100%;
}
.global
{
background: url(images/fond.jpg) no-repeat left top;
width: 980px;
height: 700px;
}
.footer
{
position: absolute;
width: 755px;
height: 25px;
padding-top: 50px;
top: 100%;
bottom: 0px;
}
.footerinside
{
width: 755px;
height: 25px;
background-image: url('images/f_footer.gif');
background-position: bottom;
background-repeat: no-repeat;
}

/* ONGLETS HAUT */
#onglets
{
background: url("images/f_navigation.gif") no-repeat bottom;
width: 590px;
height: 18px;
position: absolute;
top: 120px;
left: 380px;
z-index: 1;
}
.separateur_onglets
{
width: 5px;
height: 18px;
float: left;
z-index: 5;
}
.onglet_on
{
background: url("images/f_ongletnavg_on.gif") no-repeat;
height: 18px;
float: left;
padding-top: 2px;
z-index: 5;
}
.fin_onglet_on
{
background: url("images/f_ongletnavd_on.gif") no-repeat;
width: 4px;
height: 18px;
float: left;
z-index: 5;
}
.onglet_off
{
background: url("images/f_ongletnavg_off.gif") no-repeat;
height: 18px;
float: left;
padding-top: 2px;
z-index: 5;
}
.fin_onglet_off
{
background: url("images/f_ongletnavd_off.gif") no-repeat;
width: 4px;
height: 18px;
float: left;
z-index: 5;
}

/* MENU ET BOUTON IMMOLOGIE */
.conteneurmenu /*hauteur de placement du menu*/
{
z-index: 10;
position: absolute;
width: 140px;
top: 220px;
left: 57px;
background: url("images/f_menu.gif") no-repeat;
}
/*.menu
{
background: url(images/c_menubg.gif) no-repeat left bottom;
}*/

a.liensousmenu, a.liensousmenu:visited
{
height: 18px;
padding: 0px 0px 0px 9px;
display: block;
font-family: Arial;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
padding-top: 4px;
}
a.liensousmenu:hover
{
color: #e32120;
}
div.separmenu
{
background: #008b47;
text-align: center;
width: 130px;
height: 8px;
}
div.menu2
{
font-family: Arial;
background: #008b47;
text-align: center;
width: 130px;
min-height: 18px;
}
div.menu2 a, div.menu2 a:visited
{
color: #FFFFFF;
font-family: Arial;
font-size: 10px;
text-decoration: none;
}
div.menu2 a:hover
{
color: #e32120;
}

.immologie
{
position: absolute;
z-index: 10;
top: 7px;
left: 410px;
}
.immologie a
{
display: block;
width: 72px;
height: 78px;
}
.sousmenu1, .sousmenu2, .sousmenu3, .sousmenu4, .sousmenu5, .sousmenu6, .sousmenu7
{
position: absolute;
z-index: 10;
top: 0px;
left: 130px;
width: 130px;
display: none;
}
.sousmenu2 {top: 18px; left: 120px;}
.sousmenu3 {top: 40px; left: 110px;}
.sousmenu4 {top: 62px; left: 100px;}
.sousmenu5 {top: 83px; left: 90px;}
.sousmenu6 {top: 105px; left: 80px;}
.sousmenu7 {top: 85px; left: 412px;}

.imgmenu
{
height: 4px;
}

/* CONTENU */
.content
{
position: relative;
top: 0px;
left: 0px;
padding-top: 170px;
padding-left: 225px;
padding-bottom: -100px;
width: 755px;
min-height: 100%;
}

/* TEXTES */
h1
{
font-family: Verdana,Arial;
font-size: 20px ;
margin-bottom: 0.2em ;
margin-top: 0.2em ;
}
h2
{
font-family: Verdana,Arial;
font-size: 18px ;
margin-bottom: 0.2em ;
margin-top: 0.2em ;
}
h3
{
font-family: Verdana,Arial;
font-size: 14px ;
margin-bottom: 0.2em ;
margin-top: 0.2em ;
}
h4
{
font-family: Verdana,Arial;
font-size: 12px ;
margin-bottom: 0.2em ;
margin-top: 0.2em ;
}
.txt
{
font-family: Verdana, Arial;
}
.txt10
{
font-size: 10px;
}
.txt12
{
font-size: 12px;
}
.gris
{
color: #888888;
}
.rouge
{
color: #CC0000;
}
.vert
{
color: #00CC00;
}
.vertfonce
{
color: #00AA00;
}

/* CADRES */
.cadre
{
min-height: 10px;
min-width: 10px;
}
.fond_saumon
{
background-color: #fcd4c4;
}
.fond_vert
{
background-color: #dfeecb;
}
.fond_gris
{
background-color: #e3e3e4;
}
.fond_jaune
{
background-color: #fffccc;
}

#cadre_bois_haut
{
background-image: url("images/c_bois_h.gif");
background-repeat: repeat-x;
height: 26px;
}
#cadre_bois_bas
{
background-image: url("images/c_bois_b.gif");
background-repeat: repeat-x;
height: 44px;
}
#cadre_bois_gauche
{
background-image: url("images/c_bois_g.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_bois_droite
{
background-image: url("images/c_bois_d.gif");
background-repeat: repeat-y;
width: 34px;
}
#cadre_blanc_haut
{
background-image: url("images/c_blanc_h.gif");
background-repeat: repeat-x;
height: 18px;
}
#cadre_blanc_bas
{
background-image: url("images/c_blanc_b.gif");
background-repeat: repeat-x;
height: 32px;
}
#cadre_blanc_gauche
{
background-image: url("images/c_blanc_g.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_blanc_droite
{
background-image: url("images/c_blanc_d.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_saumon_haut
{
background-image: url("images/c_saumon_h.gif");
background-repeat: repeat-x;
height: 16px;
}
#cadre_saumon_bas
{
background-image: url("images/c_saumon_b.gif");
background-repeat: repeat-x;
height: 32px;
}
#cadre_saumon_gauche
{
background-image: url("images/c_saumon_g.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_saumon_droite
{
background-image: url("images/c_saumon_d.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_vert_haut
{
background-image: url("images/c_vert_h.gif");
background-repeat: repeat-x;
height: 16px;
}
#cadre_vert_bas
{
background-image: url("images/c_vert_b.gif");
background-repeat: repeat-x;
height: 32px;
}
#cadre_vert_gauche
{
background-image: url("images/c_vert_g.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_vert_droite
{
background-image: url("images/c_vert_d.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_gris_haut
{
background-image: url("images/c_gris_h.gif");
background-repeat: repeat-x;
height: 16px;
}
#cadre_gris_bas
{
background-image: url("images/c_gris_b.gif");
background-repeat: repeat-x;
height: 32px;
}
#cadre_gris_gauche
{
background-image: url("images/c_gris_g.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_gris_droite
{
background-image: url("images/c_gris_d.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_jaune_haut
{
background-image: url("images/c_jaune_h.gif");
background-repeat: repeat-x;
height: 16px;
}
#cadre_jaune_bas
{
background-image: url("images/c_jaune_b.gif");
background-repeat: repeat-x;
height: 32px;
}
#cadre_jaune_gauche
{
background-image: url("images/c_jaune_g.gif");
background-repeat: repeat-y;
width: 26px;
}
#cadre_jaune_droite
{
background-image: url("images/c_jaune_d.gif");
background-repeat: repeat-y;
width: 26px;
}

/* LIENS */
.lien
{
font-family: Verdana,Arial;
font-size: 12px;
text-decoration: underline;
color: #374e96;
}
.lien:hover
{
font-family: Verdana,Arial;
font-size: 12px;
text-decoration: underline;
color: #ffc786;
}
.lien2
{
font-family: Verdana,Arial;
font-size: 12px;
text-decoration: none;
color: #008822;
}
.lien2:hover
{
font-family: Verdana,Arial;
font-size: 12px;
text-decoration: underline;
color: #DD8800;
}
.lienterrains
{
font-family: Verdana,Arial;
font-size: 12px;
text-decoration: none;
color: #008822;
}
.lienterrains:hover
{
font-family: Verdana,Arial;
font-size: 12px;
text-decoration: underline;
color: #DD8800;
}
.lien_onglet
{
text-decoration: none;
color: #000000;
}
.lien_onglet:hover
{
text-decoration: none;
color: #CC0000;
}

.liensitemap
{
text-decoration: none;
color: #21C80A;
}
.liensitemap:hover
{
text-decoration: none;
color: #CC0000;
}

.footerlien1
{
font-family: Arial;
font-size: 10px;
text-decoration: none;
color: #CC0000;
}
.footerlien1:hover
{
font-family: Arial;
font-size: 10px;
text-decoration: none;
color: #FFFFFF;
}
.footerlien2
{
font-family: Arial;
font-size: 10px;
text-decoration: none;
color: #FFFFFF;
}
.footerlien2:hover
{
font-family: Arial;
font-size: 10px;
text-decoration: none;
color: #CC0000;
}

/* FLOATS */
.fleft
{
float: left;
}
.fright
{
float: right;
}

.cadrechps
{
border: 1px solid grey;
}