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

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

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

#header{
background:#e5d8c6 url(/images/taieb.jpg) 0 0 no-repeat;
height:180px;
}
#header h1{
position:absolute;
top:-500px;
}


#menu{
background:#450c01 url(/images/bg-menu.png) 0 0 repeat-x;
height:48px;
}
#nav{
height:48px;
margin:0 0 0 40px;
}
#nav li{
float:left;
overflow:hidden;
}
#nav li a{
display:table-cell;
height:48px;
padding:0 10px;
font:bold 0.9em/120% Arial,Helvetica,Verdana,sans-serif;
color:#b8aea1;
text-align:center;
vertical-align:middle;
}
#nav li.current a,
#nav li.current a:hover{
color:#fff;
}
#nav li a:hover{
color:#dcd7d0;
}

#main{
background:#251e1e;
min-height:250px;
padding:0 40px 30px;
}

#footer{
background:#251e1e;
padding:0 40px;
text-align:center;
}
#footer p{
font:0.8em Arial,Helvetica,Verdana,sans-serif;
border-top:1px solid #3a3333;
padding:4px 0 10px;
color:#514b4b;
}
#footer a{
color:#514b4b;
}


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

#main .col_left{
float:left;
width:292px;
}
#main .col_right{
float:right;
width:292px;
}

#main .pad{
height:40px;
}

#main .img{
background:#3a3333;
padding:20px;
}
#main .img p.image{
text-align:center;
}

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


#main h1{
font-size:1.3em;
line-height:110%;
color:#fdfcfc;
margin:0 0 20px;
}
#main h2{
font-size:1.1em;
line-height:110%;
color:#fdfcfc;
margin:0 0 4px;
}
#main p{
margin:0 0 20px;
}
#main ul,
#main ol{
margin:0 0 20px 20px;
}
#main ul{
list-style:url(/images/puce.png);
}

#main a{
color:#e00;
}
#main a:hover{
color:#fa0;
}
#main acronym{
border:0;
cursor:help;
}




.clear{clear:both;}
.block{display:block;}
.color{color:#c00;}
.small{font-size:0.8em;}










/*** CONTACT ***/
#access{
margin:0 0 20px;
}
#access a{
display:block;
padding:1px;
background:#fff;
border:1px solid #ce4001;
}
#access a:hover{
background:#ce4001;
}
#access a img{
display:block;
}

#main form{
}
#main form p{
font-size:0.9em;
line-height:120%;
margin:0 0 6px;
}
#main input,
#main textarea{
font:1em/140% "Trebuchet MS",Arial,Verdana,sans-serif;
color:#000;
width:290px;
background:#f1eadd;
border:1px solid #f1eadd;
}
#main input:focus,
#main textarea:focus{
background:#fff;
}
#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:#f1eadd;
color:#000;
font-weight:bold;
border:1px solid #915d49;
cursor:pointer;
}
#main input.submit:hover{
color:#000;
background:#fff;
}
/*erreurs*/
#main form p.focus{
color:#efdfcc;
}
#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;
line-height:120%;
padding:10px 0 10px 50px;
color:#000;
/*min-height:55px;*/
}
#main .ok p,
#main .ok ul,
#main .error p,
#main .error ul{
margin:0;
}
#main .ok{
border:1px solid #0c0;
background:#f1eadd url(/images/icon-ok.png) 8px 50% no-repeat;
}
#main .error{
border:1px solid #c00;
background:#f1eadd url(/images/icon-error.png) 8px 50% no-repeat;
}
#main .error ul{
margin:0;
list-style-image:none;
list-style-type: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/tip-bubble.png) 0 0;
}
.tool-text {
font-size:0.9em;
text-align:left;
color:#000;
padding:4px 8px 8px;
background:url(/images/tip-bubble.png) 100% 100%;
}