* {
margin:0;
padding:0;
}
ul{list-style:none;}
a{text-decoration:none;}
a img{border:0;}

body{
background:#c19b79 url(/images/bg.png) 0 0 repeat-x;
text-align:center;
font:100%/160% "Trebuchet MS",Arial,Verdana,sans-serif;
color:#450c01;
}

#cadre{
position:relative;
margin:0 auto;
width:780px;
text-align:left;
}

#header{
background:url(/images/bg-header+.jpg) 0 0 no-repeat;
height:397px;
width:808px;
margin:0 0 0 -14px;
}
#header h1{
position:absolute;
top:-500px;
}
#header #langs{
display:none;
padding:245px 0 0 192px;
}
#header #langs li{
float:left;
margin:0 6px;
}


#menu{
background:#450c01;
height:35px;
}
#nav{
height:35px;
margin:0 0 0 62px;
}
#nav li{
float:left;
display:inline;
overflow:hidden;
}
#nav li a{
line-height:35px;
/*height:35px;*/
display:block;
font-size:0.96em;
font-weight:normal;
color:#eccea7;
}
#nav li a span{
display:block;
padding:0 16px 0;
}
#nav li.current a,
#nav li.current a:hover{
background:#a22c0b url(/images/menu-r.png) 100% 0 no-repeat;
}
#nav li.current a span,
#nav li.current a:hover span{
background:url(/images/menu-l.png) 0 0 no-repeat;
}
#nav li a:hover{
background:#a22c0b url(/images/menu-r+.png) 100% 0 no-repeat;
}
#nav li a:hover span{
background:url(/images/menu-l+.png) 0 0 no-repeat;
}

#main{
background:#efdfcc url(/images/bg-main.png) 0 0 repeat-x;
min-height:250px;
padding:50px 44px 20px 30px;
}
#left{
float:left;
width:195px;
}
#right{
float:right;
width:473px;
}

#subnav{
border-top:1px solid #d6ae9a;
border-bottom:1px solid #fff;
margin:0 0 20px;
}
#subnav ul{
}
#subnav ul li{
clear:both;
}
#subnav ul li a{
display:block;
font-weight:bold;
font-size:0.8em;
padding:0 0 0 20px;
color:#450c01;
background:#efdfcc url(/images/subnav.png) 0 0 repeat-x;
border-top:1px solid #fff;
border-bottom:1px solid #d6ae9a;
}
#subnav ul li a:hover{
color:#ce4001;
}
#subnav ul li.current a,
#subnav ul li.current a:hover{
color:#ce4001;
background:#fbf7f2;
border-bottom:1px solid #e1c4bb;
}

#footer{
clear:both;
padding:0 44px 10px 30px;
text-align:center;
font-size:0.6em;
background:#efdfcc url(/images/border.png) 0 0 repeat-x;
}
#footer a{
color:#72432f;
}

/**************************/


#main h1{
font-size:1.8em;
line-height:110%;
color:#ce4001;
letter-spacing:-1px;
margin:0 0 20px;
padding:0 0 16px;
background:url(/images/border.png) 0 100% repeat-x;
}
#main h2{
}
#main p{
margin:0 0 20px;
}
#right ul,
#right ol{
margin:0 0 20px 20px;
}
#right ul{
list-style:url(/images/puce.png);
}

#main a{
color:#ce4001;
}
#main a:hover{
background:#fbf7f2;
}
#main acronym{
border:0;
cursor:help;
}

#main dl{
margin:0 0 20px;
}
#main dt{
font-weight:bold;
}
#main dd{
background:url(/images/puce.png) 0 70% no-repeat;
padding:0 0 0 10px;
margin:0 0 6px;
line-height:120%;
}

#main kbd{
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #d6b09b;
border-bottom:1px solid #d6b09b;
background:#fffaf4;
padding:0 2px;
}



.clear{clear:both;}
.color{color:#cb400b;}
.small{font-size:0.8em;}


/*** CONTACT ***/
#main #references dd{
background:none;
}

/*** CONTACT ***/
#main #access{
}
#main #access a{
display:block;
padding:4px;
background:#fff;
border:1px solid #ce4001;
}
#main #access a:hover{
background:#ce4001;
}
#main #access a img{
display:block;
}
#main form{
border:1px solid #fff;
padding:10px;
margin:0 0 20px;
}
#main form p{
font-size:0.9em;
line-height:120%;
margin:0 0 6px;
}
#main input,
#main textarea{
font:100%/140% "Trebuchet MS",Arial,Verdana,sans-serif;
color:#450c01;
width:300px;
background:#fff;
border:1px solid #d6ae9a;
}
#main input.x{
width:auto;
border:0;
background:none;
}
#main input#captcha{
width:20px;
text-align:center;
}
#main input.submit{
width:auto;
padding:2px 10px;
background:#efdfcc url(/images/subnav.png) 0 0 repeat-x;
color:#450c01;
font-weight:bold;
border-top:1px solid #fff;
border-bottom:1px solid #d6ae9a;
border-width:1px 0;
}
#main input.submit:hover{
color:#ce4001;
background:#fbf7f2;
border-bottom:1px solid #e1c4bb;
}

/*erreurs*/
#main form p.focus{
background:#efdfcc url(/images/warning.png) 308px 17px no-repeat;
}
#main form p.focus input,
#main form p.focus textarea{
border:1px solid #cb400b;
}
#main form p.focus label{
color:#cb400b;
}
#main form p.focus input.x{
border:0;
background:none;
}

#main .ok,
#main .error{
margin:0 0 20px;
font-size:0.9em;
line-height:120%;
padding:10px 10px 10px 100px;
color:#450c01;
min-height:55px;
}
#main .ok p,
#main .error p,
#main .ok ul,
#main .error ul{
margin:0;
}
#main .ok{
border:1px solid #28880d;
background:#fffaf4 url(/images/icon-ok.png) 22px 50% no-repeat;
}
#main .error{
border:1px solid #cb400b;
background:#fffaf4 url(/images/icon-error.png) 22px 50% no-repeat;
}
#main .error ul{
margin:0;
list-style-image:none;
list-style-type:none;
}



/*** SLIDESHOW ***/
#left .slideshow{
margin:0;
width:195px;
margin:0 0 20px;
}
#left .slideshow ul{
display:none;
/*float:right;*/
margin:4px 0 0;
background:#efdfcc;
overflow:hidden;
padding:0;
z-index:1000;
}
#left .slideshow ul a{
background:transparent url(/images/slide-a.png) no-repeat;
cursor:pointer;
display:block;
float:left;
height:14px;
margin:0 0 0 1px;
overflow:hidden;
width:12px;
}
#left .slideshow ul a.prev{
background-image:url(/images/slide-prev.png);
width:14px;
}
#left .slideshow ul a.next{
background-image:url(/images/slide-next.png);
width:14px;
}
#left .slideshow ul a.active,
#left .slideshow ul a.prev:hover,
#left .slideshow ul a.next:hover{
background-position:0 -14px;
}
#left .slideshow ul li{
float:left;
list-style:none;
}


/* tooltip */
.tool-tip {
position:relative;
color:#fff;
width:139px;
z-index:13000;
margin:-40px 0 0 0;
line-height:120%;
font-size:0.8em;
}
.tool-title {
font-weight:bold;
color:#000;
padding:8px 8px 4px;
background:url(/images/bubble.png) 0 0;
}
.tool-text {
font-size:0.9em;
text-align:left;
color:#000;
padding:4px 8px 8px;
background:url(/images/bubble.png) 100% 100%;
}