body {  background	: #999;
    color		: #000;
    font-family	: Arial, "Bitstream Vera sans", serif;
    padding		: 0;
    margin		: 0;
    font-size	: 1em; }
* html .container {
    margin-left	: -700px;
    position	: relative; }
/*\*/ /*hidding a style from Mac IE */
* html .container, * html .content {
    height		: 1px; }
/**/
.content {
    background	: #ddd; }
.contentcontainer {
                max-width       : 900px;
    padding		: 0 15%; }
.width {
    width		: 90%;
    min-width	: 700px;
    margin		: 0 auto;
    height		: 100%;
    /*border		: 1px solid #000;*/ }
* html .minwidth {
    padding-left	: 700px; }
/*\*/
* html .minwidth, * html .layout {
    height		: 1px; }
/**/
/* Header
*****************************************************/
#header {
    height		: 140px;
    background	: #0a00C6;
    text-align	: center; }
#header img {
    margin		: 0 auto;
    padding		: -2% }
#industrialdesigncompany {
    width		: 100%;
    padding		: 0;
    background	: #999 url(imgs/barre4.png);
    background-repeat:repeat-x;
    height		: 27px;
    margin		: 0 auto; }
/* Footer
*****************************************************/
#footer {
    height		: auto;
    background	: #0a00C6;
    padding		: 1%; }
#footer * {
    font-family	: Arial, sans-serif;
    color		: #fff;
    background	: transparent;
    text-align	: center; }
#footer a:hover {
    background-color: #fff;
        color		: black; }
/* En-tete
*****************************************************/
#titre {
    width		: 420px;
    margin		: 2px auto;}
#titre-content {
    width		: 420px;
    margin		: 0;
    padding		: 0;
    background	: url(imgs/titre-background.png) repeat-y; }
#titre h2 {
    font-size	: 140%; font-weight:normal;
    text-align	: center;
    margin-top	: 0;
    margin-bottom	: 0;
    text-transform	: uppercase }
#titre p.top {
    height		: 12px;
    margin		: 0;
    padding		: 0;
    background	: transparent url(imgs/titre-background-top.png) no-repeat; }
#titre p.bottom {
    height		: 12px;
    background	: transparent url(imgs/titre-background-bottom.png) no-repeat; }
/* Generique
*****************************************************/
a {	color		: black; }	/* ajoute une bordure de la couleur indiquée,
                       y-compris sur les images : le padding !?! */
a:hover {
    background-color: #fff;
        color		: black; }
a:visited {
    color		: #000; }
img {
    border		: 0px; }
.center {
  margin:0 auto;
  }
#footer .small {
    font-size	: 80%; }
.content .small {
    font-size	: 80%; }
.clear {
  clear:both;
  }
/* Content
*****************************************************/
.content p {
    margin		: 0;
    font-family	: Arial, "Bitstream Vera sans", sans-serif;
    font-size		: 100%;
    text-align	: justify; }
.content h1 {
    margin		: .5em auto;
    font-family	: Droid, Arial, "Bitstream Vera sans", serif;
    font-size	: 1.8em; font-weight: bold;
    text-align	: center;
    text-transform	: uppercase;
    color		: gray; }
.content h2 {
    font-size	: 1.4em; font-weight:normal;
    text-align	: center;
    text-transform	: uppercase }
.album {width		: 600px;
    position	: relative;
    margin		: 5em auto;
    padding		: 5px;
    text-align	: left;
    border		: 1px outset #fff;
    background-color: #f0f0f0 }
.content .first {
    margin-top	: 150px; }
.album h3 {
    margin        : .5em 0 0;
    font-size	   : 120%;
    font-weight  : bold; }
.album p.contact {
  position: relative;
  /*top: 1.5em; */
  float: right;
  margin-right: 0.5em;
  padding:.2em; }
.album p.contact .lWOn {
  border-bottom:1px solid #0a00C6;
  color:#0a00C6;
  font: inherit normal 8pt ; }
h3 {
    margin	 : 2em 0 0 0;
    font-size	 : 120%;
    font-weight: bold; }
ul li {
    list-style-position:inside;
    margin-left: 1em; }
ol li {
    clear		 : both;
    margin-left: 2em; }
/* image sur survol
*************************************** */
.album a, .album a:visited {
    text-decoration	: none; }
.pic {
    position	: relative;
    left		: 10px;
    top		: 0;
    width		: 400px;
    margin		: 1em 0;
    background-color: transparent; }
.pic a .large {
    display		: block;
    height		: 1px;
    position	: absolute;
    top		: -1px;
    left		: -1px;
    width		: 1px; }
.pic a img { }
.pic a.p1, .pic a.p1:visited {
    display		: block;
    top		: 0;
    left		: 0;
    text-decoration	: none;
    background	: transparent; }
.pic a.p1:hover {
    background-color: #999;
    color		: #000;
    text-decoration	: none; }
.pic a.p1:hover .large {
    display		: block;
    width		: 400px;
    height		: 120px;
    border		: 1px solid #000; }
.pic a.p1:hover .survol1 {
    position	: absolute;
    left		: 0%;
    top		: 120px; }
.pic a.p1:hover .survol2 {
    position	: absolute;
    left		: 0%;
    top		: 96px; }
.pic a.p1:hover .survol3 {
    position	: absolute;
    left		: 0%;
    top		: 72px; }
.pic a.p1:hover .survol4 {
    position	: absolute;
    left		: 0%;
    top		: 48px; }
.floatleft {
    float		: left;
    margin		: 0 5px 5px 0 }
.floatright {
    float		: right;
    margin		: 0 5px 5px 0 }