/* reset + global */
body,p,div,img,ul,li,ol,h1,h2,h3,h4,input,select,label,legend,textarea,form,fieldset,table,td,th,tr,caption,a,cite,blockquote{margin:0;padding:0;border:0;font-weight:normal;}
img{display:block;}
ul{list-style-type:none;}
table,caption,tr,th,td{
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}

/* fonts + colors */

body{
font-size:0.7em;
}

body,input,textarea{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#8A2F3E;
}
input,textarea{
font-size:1em;
}

#content p,h2{
line-height:1.5em;
}
h2{
font-size:1.3em;
}

a{
color:#D09858;
text-decoration:none;
}
a:hover{
color:#70731C;
}


#menu,#news,blockquote,cite{
text-align:right;
}
blockquote p,#content h3{
font-weight:bold;
}
#content h3{
color:#D5A46B;
}

/* --------------------------------  wraps */

body{
background:url(images/idp_bg.gif);
}

#top{
position:relative;
width:950px;
margin:0 auto;
overflow:auto;
}

#nav1,#nav2{
position:fixed;
}

#nav2{
margin-left:625px;
}


/* --------------------------------  header */

.right{
position:absolute;
right:0;
}
.left{
position:absolute;
left:0;
}
#logo{
margin:0 auto;
padding-bottom:30px;
}

/* --------------------------------  content col */

#content{
width:300px;
padding-top:50px;
background:#F3F0E8;
margin:0 auto;
padding-bottom:20px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-left-radius:13px;
-webkit-border-bottom-right-radius:13px;
}
#content p,cite,#content ul,#content form{
margin:10px 20px;
}
#content li{
padding: 0 0 0.5em 24px;
background: url(images/puce.gif) no-repeat;
}
#content h2,#content h3{
padding:10px 20px 4px 20px;
border-bottom:5px solid #EFEADD;
}
#content a{
border-bottom:1px solid #E4CEB4;
}

blockquote{
margin:14px 20px 10px 10px;
padding-right:18px;
background:url(images/quote.gif) no-repeat right bottom;
}
cite{
display:block;
padding-right:38px;
margin-top:-5px;
}

.preview{
background:url(images/loupe.png) no-repeat;
padding-left:20px;
}

/* --------------------------------  nav cols */

#menu,#offres,#news{
padding:20px;
background:#ECE3CE;
width:140px;
}

#menu{
margin-top:230px;
margin-left:145px;
-moz-border-radius-topleft:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:13px;
-webkit-border-top-left-radius:13px;
}
#menu ul,#offres ul,#news ul,#news form{
border-top:1px solid #E5D0B0;
}
#menu li,#offres li,#news li{
padding:4px 0;
border-bottom:1px solid #E5D0B0;
}
#menu img,#offres img,#news img{
display:inline;
}
#offres{
margin-top:310px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:13px;
-webkit-border-top-right-radius:13px;
}
#news{
overflow:auto;
margin-top:20px;
margin-left:125px;
-moz-border-radius:15px;
-webkit-border-radius:13px;
}

#news form{
padding-top:3px;
}
#news form div{
margin-top:3px;
}
#news .field{
float:left;
width:102px;
height:1.05em;
padding:4px 4px 5px 4px;
background:#F8F5ED;
border:1px solid #E5D0B0;
}
#news .submit{
float:right;
}

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

#content label{
float:left;
width:100px;
}
#content input,textarea{
width:160px;
}
#content legend{
width:160px;
display:block;
padding-bottom:10px;
}
#content form div{
clear:both;
width:260px;
padding:4px 0;
}
#content form div, #content legend{
border-bottom:2px solid #ECE3CE;
}

/* --------------------------------  footer */

#footer{
text-align:center;
margin-top:6px;
margin-bottom:20px;
}