/* eyka - an open source xhtml/css website layout by François Embit - http://www.eyka.com . 

Version: 1
(02/03/2006)

Screen layout: */

body{
padding:0px;
margin:0px;
font:75% myriad web, arial, sans-serif;
background: url(../img/background.gif) top left repeat-x;
color:#303030;
}

a{
text-decoration:none;
color:#2AA41A;
}

a:hover{
text-decoration:underline;
}

#container{
top:0px;
margin:0px auto 15px auto;
width:990px;
padding:0px 0px 0px 0px;
/*background:#fff;*/
}

#logo {
position:relative;
background: url(../img/bandeau.gif) top left no-repeat; 
width:990px;
height:160px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
z-index: 2;
}

#logo h1 a{
color:#303030;
}

#logo h1 a:hover{
text-decoration:none;
}

#container2{
position:relative;
padding:0px 0px 0px 0px;
margin:-1px 0px 0px 0px;
width:990px;
height:430px;
background: url(../img/fond-habitat.jpg) top left;
border-top:1px solid #e0e0e0;
/*border-bottom:1px solid #e0e0e0;*/
}

#navitabs{
float: left;
width:160px;
height:430px;
background: url(../img/nocorner.gif) top right repeat-y;
z-index: 20;
}

.navitab{
color:#262626;
font-size:0.8em;
font-weight:bold;
text-align:right;
display:block;
width:140px;
background:url(../img/nocorner.gif) top right no-repeat;
padding:3px 12px 3px 8px;
margin:0px 0px 0px 0px;
z-index: 50;
}

.navitab:hover{
background:url(../img/nocornerover.gif) center right no-repeat;
color:#000;
text-decoration:none;
z-index: 60;
}

.activenavitab{
font-size:0.8em;
font-weight:bold;
text-align:right;
display:block;
width:140px;
padding:3px 12px 3px 8px;
margin:0px 0px 0px 0px;
text-decoration:none;
color:#fff;
background:url(../img/corner.gif) center right no-repeat;
z-index: 50;
}

.activenavitab:hover{
text-decoration:none;
background:url(../img/corner.gif) center right no-repeat;
z-index: 50;
}

#navitabs2{
float: left;
overflow: auto;
width:160px;
height:245px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
z-index: 10;
}

.navitab2{
color:#71230F;
font-size:0.8em;
text-align:left;
display:block;
width:139px;
padding:3px 12px 3px 8px;
margin:0px 0px 0px 0px;
z-index: 50;
}

.navitab2:hover{
color:#fff;
text-decoration:none;
z-index: 60;
}

.activenavitab2{
font-size:0.8em;
text-align:left;
display:block;
width:139px;
padding:3px 12px 3px 8px;
margin:0px 0px 0px 0px;
text-decoration:none;
color:#fff;
z-index: 50;
}

.activenavitab2:hover{
text-decoration:none;
z-index: 50;
}

#visuel{
float: left;
width:670px;
height:245px;
}

#info{
float: left;
padding:0px 0px 0px 0px;
font-weight:bold;
color:#E2461D;
width:160px;
height:184px;
/*background:#999;*/
}

#info2{
float: left;
padding:0px 0px 0px 5px;
font-weight:bold;
color:#841C01;
width:135px;
height:184px;
/*background:#999;*/
}

#text{
float: left;
width:520px;
height:120px;
overflow: auto;
padding:2px 8px 2px 2px;
margin:0px 0px 0px 0px;
background:#fff;
text-align:right;
}

#flash{
float: right;
width:520px;
height:60px;
overflow: auto;
/*background:#fff;*/
text-align:right;
z-index: 80;
}

#line{
float: right;
width:834px;
height:1px;
margin:-1px 0px 0px 0px;
background:#E2461D;
}

#text h1{
display:none;
}

#text h2{
color:#841C01;
padding:8px 0px 0px 0px;
/*font-weight:bold;*/
}

.footerlink{
text-align:center;
width:120px;
background:#f4f4f4;
padding:2px 2px 2px 2px;
margin:2px 2px 2px 2px;
}

.footerlink:hover{
background:#FFF;
text-decoration:none;
}

#footer{
color:#BBB;
font-size:0.9em;
padding:10px 0px 0px 0px;
text-align:right;
}

#footer p{
text-align:right;
}

#footer a{
color:#BBB;
}

h1{
margin:0px 0px 0px 0px;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}

.right2{
text-align:right;
margin:-14px 0px 0px 0px;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}

#hide{
display:none;
}
#separateur{
display:none;
}