body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url(images/eau_gazeuse.gif);
background-color: #86C1F7;
height: 100%;
}
html {
height: 100%;
}
#header {
height: 110px;
margin: 0 0 0 200px;
}
#haut {
height: 30px;
margin-left: 200px;
background-color:#CCCCFF;
}
#conteneur {
position: absolute;
width: 100%;
height: 100%;
}
#centre {
background-color: white; /* #99CCFF;*/
margin-left: 200px;
margin-right: 200px;
margin-top: 20px;
padding: 10px;
height: auto !important;
zoom: 1;
}
html>body #centre { /* cache la marge negative a IE */
margin-top: 82px;
}
#gauche {
float: left;
width: 200px;
margin: -15px 0 0 0;
}
#droite {
float: right;
width: 200px;
text-align: center;
margin-top: -120px;
}
#pied {
clear:both;
height: 100px;
}
#menugauche {
list-style-type: none;
margin: 0;
/* padding: 5px auto 10px auto; */
padding:0;
}
#menugauche li {
margin: 0;
height: 30px;
line-height: 25px;
text-align: center;
font-weight: bold;
/* background-color: #99CCFF; */
}
#menugauche a{
display: block;
width: 99.99%;
text-decoration: none;
color:#3366CC;
background-color: 99CCFF;
}
#menugauche a:hover{
color: #0000CC;
}
#adresse {
color: black;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}
.cadre {
display: block;
position: relative;
margin: 15px auto 0 auto;
/* margin-left: auto;
margin-right: auto; */
width: 170px;
text-align: center;
background: url(images/haut.gif) left top no-repeat;
padding-top: 1px;
}
.bloccadre {
position: relative;
display: block;
margin: 0 auto 10px auto;
width: 170px;
background: url(images/bas.gif) left bottom no-repeat;
text-align: center;
padding: 5px auto 10px auto;
}
.bloccadre p {
margin: 15px 17px 15px 17px;
}
.bloccadre img {
position: relative;
display: block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
h1{
color: #0066FF;
font-family: Arial, sans-serif;
margin: 10px 10px 15px 20px;
text-align: left;
letter-spacing: 1px;
font-size: 22pt;
}
h2{
font-family: Arial, sans-serif;
margin: 20px 0px 12px 5px;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
color: #004412;  /*#006400;*/
}
h3{
font-family: Arial, sans-serif;
margin: 10px 0px 8px 30px;
font-size: 12pt;
font-weight: bold;
color: black;  /*#006400;*/
}
h4{
font: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
margin:15px 0px 0px 0px;
color: #0033FF;
text-decoration: underline;
line-height: 20px;
}
/* propriétés communes aux coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 8px; width: 8px;
background-repeat: no-repeat;
font-size: 1px; /* correction d'un bug d'IE */
}
#hautgauche {
background-image:url(images/chg.gif);
margin: -10px 0 0 -10px;
}
#hautdroit {
float: right;
top: 0; right: 0;
background-image:url(images/chd.gif);
margin: -10px -5px 0 0;
}
html>body #hautdroit { /* cache la marge negative a IE */
margin : -10px -10px 0 0;
}
#basgauche {
bottom: 0;
clear: both;
background-image:url(images/cbg.gif);
margin: 0 0 -10px -10px;
}
html>body #basgauche {
}
#basdroit {
bottom: 0;
float: right;
clear: both;
background-image:url(images/cbd.gif);
margin: 0 -5px -10px 0;
}
html>body #basdroit { /* cache la marge negative a IE */
margin: 0 -10px -10px 0;
}
.gras {font-weight: bold;}
.gros {font-size: 120%;}
.ita {font-style: italic;font-size: -1;}
.sligne {text-decoration:underline;}
.barre {text-decoration:line-through;}
.centr {text-align: center;}
.soda_1 {float: left; margin: 0 10px 5px 10px}
.soda_2 {float: right; margin: 0 10px 5px 10px}
.alaligne {clear: both}
.cylindres td {vAlign: top; font-family:Arial, Helvetica, Geneva, sans-serif; color:#003399; size: -1;}
.cylindres td.gaz1 {align: left; width: 150px;}
.cylindres td.gaz2 {align: left; width: 150px; background-color:#a6caf0;}
.cylindres td.compa1 {text-align: center; width: 50px;}
.cylindres td.compa2 {text-align: center; width: 50px; background-color:#a6caf0;}