@charset "UTF-8";
/* --------------------------------------------------
file: mainCSS.css
website: www.airdecors.fr

created: 09/01/09
author: Benoit Brochier
contact: http://www.benoitbrochier.fr
---------------------------------------------------*/


/* Colors -------------------------------------------



---------------------------------------------------*/


/* Layout -----------------------------------------*/

body {
background-color:#ffffff;
margin: 0;
padding: 0;
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#2e2d2d;
}

#acces-direct {
position: absolute;
top: -5000px;
left: -5000px;
}

#wrapper {
width: 800px;
margin: 0 auto;
padding:0;
text-align:left;
background-color:#ffffff;
}

#content {
width:613px;
float:left;
}

p{
margin:0;
padding:0;
}

.clear{
clear:both;
}

/* Header -----------------------------------------*/

#header {
width:800px;
height:300px;
background:url(images/Header.jpg) top no-repeat;
}

#header h1 {
margin:0;
padding:0;
text-indent:-5000px;
}



/* Sous-Menu -----------------------------------------*/

#subMenu {
background:url(images/BG_SubMenu.jpg) top no-repeat;
width:180px;
float:left;
padding:100px 7px 20px 0;
}

#subMenu ul {
list-style:none;
margin:0;
padding:0;
text-align:right;
}

#subMenu ul li{
margin:0 0 10px 0;
}

#subMenu ul li a{
color:#531c0f;
font-size:14px;
}

#subMenu ul li a:hover{
text-decoration:none;
}

#subMenu ul li a.on{
font-weight:bold;
text-decoration:none;
font-size:16px;
}



/* Menu -----------------------------------------*/

#menu {
height:46px;
width:606px;
padding:11px 0 0 7px;
}

#menu ul{
list-style:none;
margin:0px;
padding:0px;
}

#menu ul li{
float:left;
margin:0px;
padding:0px;
}

#mn1,#mn2,#mn3,#mn4,#mn5{
display:block;
float:left;
height:40px;
text-indent:-9000px;
margin: 0 28px 0 0;
padding:0;
line-height:0px;
font-size:0px;
}

#mn1{
background:url(images/menu/Accueil_Off.jpg);
width:84px;
}

#mn1:hover, #mn1.on{
background:url(images/menu/Accueil_On.jpg);
width:84px;
}

#mn2{
background:url(images/menu/Presentation_Off.jpg);
width:127px;
}

#mn2:hover, #mn2.on{
background:url(images/menu/Presentation_On.jpg);
width:127px;
}

#mn3{
background:url(images/menu/Realisation_Off.jpg);
width:130px;
}

#mn3:hover, #mn3.on{
background:url(images/menu/Realisation_On.jpg);
width:130px;
}

#mn4{
background:url(images/menu/Gallerie_Off.jpg);
width:74px;
}

#mn4:hover, #mn4.on{
background:url(images/menu/Gallerie_On.jpg);
width:74px;
}

#mn5{
background:url(images/menu/Contact_Off.jpg);
width:79px;
margin-right:0;
}

#mn5:hover, #mn5.on{
background:url(images/menu/Contact_On.jpg);
width:79px;
}



/* Contenu -----------------------------------------*/

#contentText{
background:url(images/BG_Content.jpg) top no-repeat;
width:583px;
padding:10px 10px 10px 20px;
}

h2{
margin:0 0 10px 0;
padding:0;
font-size:20px;
line-height:20px;
color:#1234c1;
font-weight:normal;
}

h3{
margin:0 0 5px 0;
padding:0;
font-size:16px;
line-height:16px;
color:#1234c1;
font-weight:normal;
}

.produit{
background:#f6f7fb;
width:558px;
border:2px solid #bad8f9;
padding:10px;
margin-top:15px;
}

.prod{
float:left;
}

.produit p{
margin-bottom:5px;
}

.produit a img{
border:1px solid #ffffff;
margin-right:10px;
}

.produit a:hover img{
border:1px solid #1234c1;
}

.photos{
width:252px;
float:left;
}


/* Footer -----------------------------------------*/

#footer {
width:800px;
background:url(images/Footer.jpg) top no-repeat;
height:295px;
clear:both;
}

#footer p {
margin:0;
padding:155px 0 0 455px;
font-size:14px;
line-height:18px;
}

#footer p span{
color:#1234c1;
font-size:18px;
}



/* contact -----------------------------------------*/


input{
color:#1234c1;
font-size:12px;
border:2px solid #bad8f9;
}

#votreMessage{
color:#1234c1;
font-size:12px;
font-family:"Trebuchet MS";
border:2px solid #bad8f9;
}

.inputTextCode{
width:100px;
color:#1234c1;
font-size:10px;
}

#btnEnvoyer{
border:1px solid #1234c1;
background:#1234c1;
color:#FFFFFF;
}