/* Generated by KompoZer */
html,body {
width: 1024px;
background-image : url("tissage_jaune_bleu.jpg");
margin-left: auto;
margin-right: auto;
/* margin-left:5;*/
padding:15;
color:#222;
background:#fff;
}
#entete {
background-image : url("tissage_jaune_bleu.jpg");
border: none;
margin: 0px;
height : 50 px;
}
/* menu rapide en haut ---- debut */
#nav {
margin:0;
padding:0;
background:#808259 url(nav_bg.jpg) 0 0 repeat-x;
width:100%;
float:left;
border:5px solid #42432d;
border-width:2px 0;
}
#nav li {
display:inline;
padding:0;
margin:10;
}
#nav a:link,
#nav a:visited {
color:#000;
background:#b2b580;
padding:5px 5px 5px 5px;
float:left;
width:auto;
border-right:1px solid #42432d;
text-decoration:none;
font:bold 1em/1em Arial, Helvetica, sans-serif;
font-size: small;
/*text-transforme: uppercase;*/
text-shadow: 2px 2px 2px #555;
}
#nav a:hover {
color:#fff;
background:#727454;
}
#nav li:first-child a {
border-left:1px solid #42432d;
}
#home #nav-home a,
#about #nav-about a,
#archive #nav-archive a,
#lab #nav-lab a,
#reviews #nav-reviews a,
#contact #nav-contact a {
background:#e35a00;
color:#fff;
text-shadow:none;
}
#home #nav-home a:hover,
#about #nav-about a:hover,
#archive #nav-archive a:hover,
#lab #nav-lab a:hover,
#reviews #nav-reviews a:hover,
#contact #nav-contact a:hover {
background:#e35a00;
}
#nav a:active {
background:#e35a00;
color:#fff;
}
/* menu rapide en haut  ----- fin */
/* ligne "foxmenu" a conserver ---- pourquoi ????? */
#foxmenu ul li a.current:hover{color:#000;background:#fff;}>*/
/* fin ligne fox menu*/
/* menu gauche complet ----- debut */
#menu_dynamique li a {
float: left;
display:block;
height:23px;
text-decoration:none;
color:#696969;
background-color: #b2b580;
font-size: 10pt;
font-family:"Trebuchet MS",serif;
}
#menu_dynamique {
float: left;
width: 200px;
/*width: 200px;*/
margin: 5px;
padding: 0px;
background-color: #b2b580;
}
#menu_dynamique ul {
width: 200px;
border: none;
list-style:none;
background-color: #b2b580;
padding:0px;
margin:0px;
border-top: 2px solid black;
border-right: 2px solid black;
border-left: 2px solid black;
border-bottom: 2px solid black;
}
#menu_dynamique ul li {
width:auto;
margin-left:5px;
padding-left:30px;
text-indent:5px;
height:23px;
background:url("bordure.png") no-repeat;
}
#menu_dynamique ul li ul {
display:none;
}
#menu_dynamique ul li:hover ul {
display:block;
position:relative;
top:-24px;
left:200px;
}
#menu_dynamique ul li ul, #menu_dynamique ul li:hover ul li ul, #menu_dynamique ul li:hover ul li:hover ul li ul{
display:none;
}
#menu_dynamique ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul li:hover ul{
display:block;
position:relative;
top:-24px;
left:165px;
}
#menu_dynamique ul li.extend a {
 url("suite3.gif") no-repeat, padding right: 0px;
}
#menu_dynamique ul li.extend:hover ul li.end a {
background-image:none;
}
#menu_dynamique li:hover {
background:url("fleche_survol.png")no-repeat;
}
#menu_dynamique li a:hover {
color:black;
background-color:#BBB7C7;
}
#menu_dynamique ul li.extend:hover a, #menu_dynamique ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
background-color:#BBB7C7;
}
#menu_dynamique ul li.extend:hover ul li a, #menu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
background-color:#FFFFFF;
}
#menu_dynamique li.first{
border-top:1px solid silver;
}
#menu_dynamique li.last{
border-bottom:1px solid silver;
}
/* menu gauche comlet  ---- fin */
/* debut textes site ---- configuration */
#texte {
border: 1px solid black;
background-color: #dddddd;
margin-left: 210px;
padding top: 50px
}
#pied {
border: 2px solid black;
height : 60 px;
background-image : url("coucher_recadre3.jpg");
clear: left;
}
h1 {
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 20 px;
font-size: 60px;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-size: medium;
font-family: Comic Sans MS;
}
.image gauche {
margin-left: 20px;
float: left;
}