@charset "iso-8859-1";
/* - - - General - - - */
body, div { margin:0; padding:0; border:0; }

img{ border:0; }

ul {
list-style-type:none;
margin: 0; padding: 0;
}

a{ outline:none; }

body{
background-color:#fff;
text-align:center;
padding-bottom:20px;
}

#container{
margin: 0 auto;
width: 780px;
color: #486A82;
font-size: 12px;
line-height:16px;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
}

#header{
width:780px;
height:108px;
}

#logo{
margin:38px 0 12px 18px;
float:left;
}

#span{
background-image:url(../fr/images/back_span.gif);
background-repeat:repeat-y;
}

h2{ /* Bleu */
color:#3B6E8E;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;
}

h3{ /* Blanc */
color:#fff;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;
}

/* - - - Footer - - - */
#footer{
clear:both;
margin-top:15px;
}

#footer a{
color:#3B6E8E;
text-decoration:none;
}

#footer a:hover{
color:#5E6062;
}

#footer ul{
margin-left:20px;
}

#footer ul li{
float:left;
vertical-align:text-bottom;
color:#3B6E8E;
font-size:9px;
}

li.f1{
width:305px;
}

li.f2{
padding-top:33px;
width:350px;
}

li.f3{
padding-top:33px;
}

/* - - - Accueil - - - */
#header_left{
width:461px;
height:108px;
float:left;
}

#header_right{
width:313px;
height:108px;
float:right;
}

#home{
clear:both;
width:780px;
height:250px; /*350 - 100 padding*/
background-repeat:no-repeat;
padding:100px 0 0 20px;
color:#fff;
font-size:14px;
}

/* - - - Produits - - - */
#echelles, #cloisons, #etageres, #bacs, #tiroirs, #access{
width:390px;
background-repeat:no-repeat;
padding:25px 0 35px 390px;
color:#5E6062;
}


#echelles ul, #cloisons ul, #etageres ul, #bacs ul, #tiroirs ul, #access ul{
list-style-type:disc;
margin-left:10px;
margin-top:3px;
}

#echelles p, #cloisons p, #etageres p,
#bacs p, #tiroirs p, #access p,
#avantage p{ /* Gris */
width:390px;
}

#echelles a, #cloisons a, #etageres a,
#bacs a, #tiroirs a, #access a,
#avantage a{
color:#5E6062;
}

#echelles a:hover, #cloisons a:hover, #etageres a:hover,
#bacs a:hover, #tiroirs a:hover, #access a:hover,


#avantage a:hover{
color:#3B6E8E;
}

/* - - - Utilisation - - - */
#ford, #gm, #chrysler, #cube, #boite, #remorque{
width:758px;
height:253px; /* 318 - 65 */
background-repeat:no-repeat;
padding:65px 0 0 22px;
color:#fff;
}

#contact a, #catalogue a,
#ford a, #gm a, #chrysler a, 
#cube a, #boite a, #remorque a,
#plan a{
color:#fff;
}

#contact a:hover, #catalogue a:hover,
#ford a:hover, #gm a:hover, #chrysler a:hover, 
#cube a:hover, #boite a:hover, #remorque a:hover,
#plan a:hover{
color:#fbdb6e;
}

#catalogue p,
#ford p, #gm p, #chrysler p, 
#cube p, #boite p, #remorque p,
#plan p{
width:260px;
}

/* - - - Avantages - - - */
#avantage{
width:440px;
background-repeat:no-repeat;
padding:25px 0 35px 340px;
}

/* - - - Catalogue - - - */
#catalogue{
width:758px;
height:273px; /* 318 - 45 */
background-repeat:no-repeat;
padding:45px 0 0 22px;
color:#fff;
}

/* - - - Contact - - - */
#contact{
width:758px;
height:273px; /* 318 - 45 */
background-repeat:no-repeat;
padding:45px 0 0 22px;
color:#fff;
}

#contact p{
width:270px;
}

/* - - - Plan du site - - - */
#plan{
width:758px;
background-repeat:no-repeat;
padding:65px 0 0 22px;
color:#fff;
}

#plan a{text-decoration:none;}