/* CSS Document */

body{
    margin: 0px;
    padding: 0px;
    font: 12px "Arial", helvetica, sans-serif;
    color:#FFFFFF;
    background-color:#2E2721;
    text-align: justify;
}

p{
    text-indent:25px;
}

a{
    color:#E72019;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}



div#conteneur{
    position:absolute;
    left: 50%; 
    top: 0px;
    margin: 0px;
    width: 610px;
    margin-top: 0px;
    margin-left: -385px; /* moitié de la largeur */
    padding-bottom:60px;
    padding-top:120px;

    border-left-width:80px;
    border-left-style:solid;    
    border-left-color:#313131;
    border-right-width:80px;
    border-right-style:solid;
    border-right-color:#313131;
    background-color:#000000;
}

div#contenu{
    height:300px;
    padding:10px;
    background-color:#000000;
}
html>body div#contenu {
    height: auto;
    min-height: 500px;
} 

div#haut{
    position:absolute;
    top:50px;
    left:-80px;
    height:70px;
    width: 770px ;
    margin: 0 auto ;
    background-color:#FFFFFF;
}

.menu{
    position:absolute;
    top:55px;
    left:90px;
    color:#000000;
    font-weight:bold;
    font-size:11px;
}
.menu a{
    color:#000000;
    text-decoration:none;
}
.menu a:hover{
    text-decoration:underline;
    color:#E72019;
}

.menu2{
    position:absolute;
    top:130px;
    left:-80px;
    width:80px;
    height:258px;
    color:#FFFFFF;
    font-size:11px;
}
.menu2 a{
    color:#FFFFFF;
    text-decoration:none;
}
.menu2 a:hover{
    color:#FFFFFF;
    text-decoration:none;
}

a.fond_menu1{
    position:absolute;
    margin: 0px;
    top:0px;
    left:0px;
    height:27px;
    width:80px;
    background-image:url(images/fond_menu1.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.fond_menu1:hover{
    background-image:url(images/fond_menu_over1.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.fond_menu2{
    position:absolute;
    margin: 0px;
    top:27px;
    left:0px;
    height:27px;
    width:80px;
    background-image:url(images/fond_menu2.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.fond_menu2:hover{
    background-image:url(images/fond_menu_over2.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.fond_menu3{
    position:absolute;
    margin: 0px;
    top:54px;
    left:0px;
    height:27px;
    width:80px;
    background-image:url(images/fond_menu3.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.fond_menu3:hover{
    background-image:url(images/fond_menu_over3.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.fond_menu4{
    position:absolute;
    margin: 0px;
    top:81px;
    left:0px;
    height:27px;
    width:80px;
    background-image:url(images/fond_menu4.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.fond_menu4:hover{
    background-image:url(images/fond_menu_over4.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}

div#actu{
    height:145px;
    width: 180px;
    overflow:auto;
    margin: 0 auto;
    padding:5px;
    background-color:#000000;
}

div#bas{
    position:relative;
    top: 40px;
    left:0px;
    height:5px;
    width: 610px;
    margin: 20px auto;
    background-color:#E72019;
    
    font-size:7px;  
}

.footer{
    position:absolute;
    left:50px;
    margin: 30px auto;
}
.footer a{
    text-decoration:none;
    color:#E72019;
}
.footer a:hover{
    text-decoration:underline;
}

div#flash{
    position:absolute;
    top:0px;
    left:372px;
    height:133px;
    width:318px;
}

/*placement des images*/
a.img_01{
    position:absolute;
    margin: 0px;
    top:140px;
    left:410px;
    height:118px;
    width:176px;
    background-image:url(images/img01_over.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.img_01:hover {
    background-image: url(images/img01.gif);
    background-position: center 0px;
    background-repeat: no-repeat;
}

.bi{
    position:absolute;
    margin: 0px;
    top:150px;
    left:20px;
    width:360px;
}

.h1{
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}
.rouge {
    font-weight:bold;
    color:#E72019;
}

a.img_02{
    position:absolute;
    margin: 0px;
    top:265px;
    left:412px;
    height:118px;
    width:174px;
    background-image:url(images/img02_over.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.img_02:hover {
    background-image: url(images/img02.gif);
    background-position: center 0px;
    background-repeat: no-repeat;
}

a.img_03{
    position:absolute;
    margin: 0px;
    top:390px;
    left:414px;
    height:118px;
    width:172px;
    background-image:url(images/img03_over.gif);
    background-position: center 0px;
    background-repeat:no-repeat;
}
a.img_03:hover {
    background-image: url(images/img03.gif);
    background-position: center 0px;
    background-repeat: no-repeat;
}

/*tableau */
.mois{
    text-decoration:underline;
    font-weight:bold;
    color:#FFFFFF;
}
div#contenu h1{
    font-size:16px;
}
/* definition des tableaux */
div#contenu table {
    border-style:none;
    border-collapse:collapse;
}
div#contenu td.bord1{
    border-style:solid; 
    border-width:1px; 
    border-color:#E72019;
    padding:15px;
    border-bottom-style:none;
    border-left-style:none;
}
div#contenu td.bord2{
    border-style:solid; 
    border-width:1px; 
    border-color:#E72019;
    padding:15px;
    border-top-style:none;
    border-right-style:none;
}
div#contenu td.none{ 
    border-style:none;
}   

/*surmoulage*/

.surmoulage{
    position:absolute;
    margin: 0px;
    top:150px;
    left:20px;
    width:360px;
}
.surm_machine{
    position:relative;
    left:130px;
    z-index:10;
}
.surm_vis{
    position:absolute;
    top:320px;
    left:230px;
    z-index:1;
}

.surm_connectique{
    position:absolute;
    top:320px;
    left:230px;
    z-index:1;
}

.surm_filtre{
    position:absolute;
    top:320px;
    left:230px;
    z-index:1;
}

.surm_roulement{
    position:absolute;
    top:320px;
    left:230px;
    z-index:1;
}

/*thermo*/
.thermo{
    position:absolute;
    margin: 0px;
    top:150px;
    left:20px;
    width:360px;
}
.thermo_machine{
    position:relative;
    left:130px; 
    z-index:10;
}
.thermo_machine img{
    width:200px;
    height:150px;
    border-width:medium;
    border-style:solid;
    border-color:#FFFFFF;
}

/*biinjection*/
.photo_biinjection
{
    position:absolute;
    top:320px;
    left:150px;
    z-index:1;
}
.photo_surmoulage
{
    position:absolute;
    top:370px;
    left:150px;
    z-index:1;
}
.photo_thermo
{
    position:absolute;
    top:400px;
    left:150px;
    z-index:1;
}
.marge_image_left
{
  padding-left:8px;
}