/* ------------ */
/* MIS          */
/* ------------ */

/* ----------------- */
/* Balises générales */
/* ----------------- */
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-align: center;
background: #99ABBB;
}
h1{
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
}
h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: white;
background: url(images/fleche.gif) left no-repeat;
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: red;
background: url(images/fleche.gif) left no-repeat;
}
h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: black;
}
p{
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
p strong{
font-weight: bold;
}
a, a:link{
color: white;
text-decoration: none;
}
a:hover{
color: red;
}
hr{
clear: both;
}

/* ------ */
/* Blocks */
/* ------ */
#top{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 15px;
background: url(images/barre.gif) repeat-x;
}
#wrapper{
position: relative;
width: 590px;
height: 100%;
margin: 0 auto 0 auto;
padding: 0;
background: url(images/bg.gif) top repeat-y;
}
body > div#wrapper{
height: auto;
min-height: 100%;
}
#header{
position: relative;
width: 590px;
height: 15px;
background: url(images/bg_top.gif) top no-repeat;
}
#header a{
font-size: 11px;
}
#cid{
float: left;
margin-left: 10px;
}
#fenetre{
float: right;
margin-right: 100px;
}
#expo{
position: absolute;
right: 10px;
}
#contenu{
padding: 45px 0 0 0;
text-align: left;
}
div#info h1, div#info h2{
float: left;
margin: 0;
padding: 0;
padding-left: 15px;
}

div#info p{
margin-left: 150px;
margin-bottom: 30px;
}
div#info ul{
margin-left: 150px;
margin-bottom: 30px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

div.produit{
clear: both;
width: 460px;
margin: 0 0 0 15px;
}

div.produit h3{
float: left;
margin: 0;
padding: 0;
padding-left: 15px;
}
div.produit h4{
margin: 0;
padding: 0;
padding-left: 15px;
}

div.produit img{
display: block;
float: right;
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid rgb(119, 136, 153);
}
#footer{
clear: both;
width: 590px;
height: 15px;
background: url(images/bg_top.gif) top no-repeat;
}
#footer a{
display: block;
font-size: 11px;
position: relative;
left: 60px;
padding-left: 20px;
}