/* CSS issu des tutoriels www.alsacreations.com/articles */
html {
height: 100%;
}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; margin: 0; padding: 0; height: 100%; }
#header {height: 35px; background-color: #CCFFFF; font: normal Tahoma; font-size: large; font-weight: normal; color: black; z-index: 0; padding-bottom: 10px; padding-top: 2px; font-size: large; position: relative}

#header2 {text-align: right; padding-bottom: 0px; padding-top: 2px; padding-right: 10px; padding-left: 10px; background-image: url(./images/title.gif); background-repeat: no-repeat; background-position: bottom left; position: relative}

#haut {height: auto; background-color: #000099}
#conteneur {width: 1000px; /*left: 50%; */
/*margin-left: -500px; */
left: 0%; margin-left: 0px; background-color: #CCCCFF; z-index: 200; height: auto; border: thin  #000099}
#centre {
background-color:#9999CC;
margin-left: 180px;
margin-right: 180px;
margin-top: 0px;
padding-top: 5px;
height: auto;
font-size:small;
}
#centredroit {
background-color:#9999CC;
margin-left: 180px;
margin-right: 0px;
margin-top: 0px;
padding-top: 5px;
height: auto;
font-size:small;
}
#centredroitsmall {		/* Pour 2 photos 320*/
background-color:#9999CC;
margin-left: 180px;
margin-right: 120px;
margin-top: 0px;
padding-top: 5px;
height: auto;
font-size:small;
}
#gauche {position: absolute; left: 0; width: 180px; height: auto;margin-top:5px}
#contact {margin-left: 780px; text-align:right;font-size:small;}

#droite {
position: absolute;    
left:820px;
/*right:0px;	   
padding-left: 10px;	*/
width: 180px;
height: auto;
font-size:small;
}
#inner {background-color: #FFFFFF; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; margin-top: 0px; position: relative; padding: 10px; }

#inner2 {background-color: #CCFFFF;  position: relative; padding: 10px; margin:10px}
#inner3 {background-color: #FFFF99;  position: relative; padding: 10px; margin:10px}

#pied {
height: 15px;
background-color: #99CC99;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.5em;
}

#haut {
list-style-type: none;
margin: 0;
padding:0;
}
#haut li {
display: inline;
}
#haut a {
margin: 0 2px;
color: #FFFFFF;
text-decoration: none;
}
#haut a:hover {
text-decoration: none;
}
#menubas {background: white; text-align: center;font-size: x-small; color: "#663300"; height: 15px;}

 #menubas a {
 background: white}
/*
ul {
list-style-image: url(design/puce.gif);

ul #menu {display: list-item;  width: 170px; text-align: left; list-style-type: none; text-indent: -40px; 
background-position: -40px 0%;}
ul #menu, #menu li {list-style-type: none;text-indent: -30px;background-position: -30px 0%;
/*margin-left:-30px;*/}
}*/


ul #menu {display: list-item; margin-left: -40px;  width: 170px; text-align: left; list-style-type: none; }

ul #menu, #menu li {list-style-type: none; margin-left: -40px; vertical-align: middle}

#menu li {display: list-item; margin-left: -40px;}

#menu li a {display: list-item; height: 40px; width: 170px; color: #000; font-size: small; text-decoration: none; text-align: left;  z-index: 100; padding-left: 5px;}


#menu a:hover, #menu a:active, #menu a:focus{
color: #000;
font-size: small;
font-weight: bold;
background: #CCFFFF;
width: 170px; 
}


#menu a span {
display: none;
font-weight: normal;
text-align: left;
color: #D04C20;
}
#menu a:hover span, #menu a:active span, #menu a:focus span {
display: list-item;
position: absolute;
top: 300px;
left: 3px;
width: 180px;
z-index: 100;
}


a#menu1:hover, a#menu1:focus {
background-position: 0% -237px;
}

a#menu2:hover, a#menu2:focus {
background-position: 0% -277px;
}

a#menu3:hover, a#menu3:focus {
background-position: 0% -317px;
}

a#menu4:hover, a#menu4:focus {
background-position: 0% -357px;
}

a#menu5:hover, a#menu5:focus {
background-position: 0% -397px;
}
a#menu6:hover, a#menu5:focus {
background-position: 0% -437px;
}
a#menu7:hover, a#menu5:focus {
background-position: 0% -477px;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
table #table1 {font-size: 0.8em; font: 0.8em; text-align: justify}
table #table2 {font-size: 0.7em; font: italic 0.7em; text-align: justify}
table #images {padding = 2px;}
table #links {font-size: 0.7em; width: 200px; padding: 2px;border:2px;border-color: darkblue;}
table #mini {margin: 0px; padding: 20px; font-size: 0.7em; text-align: left;vertical-align: top;}
table #temp {margin: 0px; padding: 5px; font-size: 0.7em; text-align: left; vertical-align: top;}
table #white {margin: 0px; padding: 5px; font-size: 1em; text-align: left; vertical-align: top; color: white; text-shadow: lime}
img #images {border-width: thin; border-color: white}

p {margin-left: 5px; margin-right: 5px; margin-top: 2px; margin-bottom:0 ;font-size:small}
h4 {font-size: 1em; font-weight: bold;line-height: 1.1em;}