body {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}
p {
margin: 0 0 10px 0;
}




/*En-tête*/
#header {
height: 90px;
background-color: #ffffff;
}
#sousheader {
height: 35px;
background-color: #ffffcc;
}

/*Menu de navigation*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
}
#menu {
position: absolute;
top: 115px;
left: 0px;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 135px;
margin: 0 0px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ffcc00;
border: 1px solid #339999;
}
#menu dd {
border: 1px solid #339999;
}
#menu li {
text-align: left;
background: #ffcc00;
font-size: 0.8em;
font-weight: 900;
padding: 0;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #339999;
}




/*Contenu principal structure générale*/
#conteneur {
position: relative;
width:770px;
margin:0 auto;
background-color:#ffffcc;
z-index: 1;
border: 1px solid black;
}
#centre {
background-color:#ffffcc;
margin-left: 137px;
margin-right: 241px;
padding: 0 15px 0 15px;
text-align: left;
}
#gauche {
float:left;
width: 136px;
background: #339999;
}
#droite {
float: right;
width: 240px;
background: #339999;
}
/*Contenu principal structure détaillée*/

li#descriptifmagazinedumois {
list-style-type: circle;
list-style: inside;
margin-left: 6px;
padding:0;}
#menugauche {
list-style-type: none;
margin: 0;
padding-left: 2px;
}
#menugauche li {
margin-bottom: 5px;
}
#gauche p {
text-align: left;
padding-left: 3px;
}
#menugauche a {
margin: 0 1px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
color: #ffcc00;
}




#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;
}



/*Contenu rédactionnel principal détaillé*/
.christian {float: right; padding-left: 10px; width: 180px; height:auto; }
.fred {float: right; padding-left: 10px; width: 180px; height:auto; }
.Pipetspacer {float: right; padding-left: 10px; width: 180px; height:auto; }
.Mettler {float: right; padding-left: 10px; width: 180px; height:auto; }
.Liquidator {float: right; padding-left: 10px; width: 200px; height:auto; }
.Viresolve {float: right; padding-left: 10px; width: 150px; height:auto; }
.flacon {float: right; padding-left: 10px; width: 60px; height:auto; }
.prodArsSystemC {float: right; padding-left: 10px; width: 180px; height:auto;}
.prodErlab {float: right; padding-left: 10px; width: 180px; height:auto;}
.prodBMGLabtech {float: right; padding-left: 10px; width: 180px; height:auto;}
.photoofb {float: right; padding-left: 10px; width: auto; height:auto;}

.couvmag {float: right; padding-left: 10px; width: 110px; height:auto; }

#magazine {border: 3px solid #339999; padding: 15px 15px 5px 15px;text-align: left;}

.imageune {float: right; padding-left: 10px; width: 200px; height: auto;}

.imagecolgauche { width: 125px; height: auto;}

#gauche li{font-size: 10px;}

#conteneurquick {text-align: center;}

#droite p {padding: 0 35px 0 35px;}

/*Pied de page*/
#pied {
clear:both;
height: 16px;
background-color: #339999;
font-size: 0.8em;
padding: 5px 0 0 5px;
}







/*Compléments*/
h1{
font-size: 1.5em;
color: #339999;
text-align:left;
}
h2{
font-size: 16px;
color: #339999;
text-align: left;
}

h3{
font-size: 12px;
background: #ffcc00;
text-align: center;
letter-spacing: 5px;
word-spacing: 15px;
padding-right: 5px;
}

h4{
font-size: 1.2em;
color: #ffffcc;
text-align: left;
}
h5{
font-size: 1em;
color: black;
text-align: right;
padding-right: 5px;
}