* {
margin:0;
padding:0;
}

ul{list-style:none;}
a{text-decoration:underline;color:#b8659a;}
a:hover{color:#744792;}
a img{border:0;text-decoration:none;}
hr{display:none;}
.clear{clear:both;}
.spacer{height:20px;}
.color{color:#c00;}


html {
background:#fff url(/images/extra.jpg) 100% 100% no-repeat;
}

body {
text-align:center;
font:90%/140% "Trebuchet MS",Arial,Georgia,sans-serif;
color:#614e64;
}


#cadre{
position:relative;
text-align:left;
margin:0 20% 0 auto;
width:881px;
background:url(/images/bg.jpg) 217px 0 no-repeat;
}


#header{
float:left;
width:217px;
height:350px;
background:url(/images/lephemere.jpg) 0 0 no-repeat;
}
#header h1{
position:absolute;
top:-100px;
font-size:0;
}


#menu{
float:left;
left:217px;
width:200px;
height:740px;
}
#menu ul{
position:relative;
height:410px;
margin:37px 0 0;
padding:4px 0 0;
background:url(/images/menu.jpg) 0 0 repeat-y;
}
#menu li{
}
#menu li a{
position:absolute;
left:0;
display:block;
width:200px;
height:58px;
line-height:58px;
color:#e2dcea;
}
#menu li a span{
display:none;
}
#menu li a#menu_1{background:url(/images/menu.jpg) 0 -4px no-repeat;top:4px;}
#menu li a#menu_2{background:url(/images/menu.jpg) 0 -62px no-repeat;top:62px;}
#menu li a#menu_3{background:url(/images/menu.jpg) 0 -120px no-repeat;top:120px;}
#menu li a#menu_4{background:url(/images/menu.jpg) 0 -178px no-repeat;top:178px;}
#menu li a#menu_5{background:url(/images/menu.jpg) 0 -236px no-repeat;top:236px;}
#menu li a#menu_6{background:url(/images/menu.jpg) 0 -294px no-repeat;top:294px;}
#menu li a#menu_7{background:url(/images/menu.jpg) 0 -352px no-repeat;top:352px;}
#menu li a#menu_1:hover{background:url(/images/menu.jpg) 0 -418px no-repeat;}
#menu li a#menu_2:hover{background:url(/images/menu.jpg) 0 -476px no-repeat;}
#menu li a#menu_3:hover{background:url(/images/menu.jpg) 0 -534px no-repeat;}
#menu li a#menu_4:hover{background:url(/images/menu.jpg) 0 -592px no-repeat;}
#menu li a#menu_5:hover{background:url(/images/menu.jpg) 0 -650px no-repeat;}
#menu li a#menu_6:hover{background:url(/images/menu.jpg) 0 -708px no-repeat;}
#menu li a#menu_7:hover{background:url(/images/menu.jpg) 0 -766px no-repeat;}
#menu li.current a#menu_1{background:url(/images/menu.jpg) 0 -832px no-repeat;}
#menu li.current a#menu_2{background:url(/images/menu.jpg) 0 -890px no-repeat;}
#menu li.current a#menu_3{background:url(/images/menu.jpg) 0 -948px no-repeat;}
#menu li.current a#menu_4{background:url(/images/menu.jpg) 0 -1006px no-repeat;}
#menu li.current a#menu_5{background:url(/images/menu.jpg) 0 -1064px no-repeat;}
#menu li.current a#menu_6{background:url(/images/menu.jpg) 0 -1122px no-repeat;}
#menu li.current a#menu_7{background:url(/images/menu.jpg) 0 -1180px no-repeat;}


#main{
float:left;
padding:80px 0 0 20px;
width:444px;
}


#footer{
clear:both;
display:block;
font-size:0.8em;
margin:0 0 0 230px;
color:#624f65;
}
#footer a{
color:#c7bfce;
text-decoration:none;
}
#footer a:hover{
color:#744792;
}



.col_left{
float:left;
width:480px;
}
.col_right{
float:right;
width:300px;
}


#main #bobox{
position:absolute;
top:490px;
left:111px;
width:229px;
height:159px;
background:url(/images/bobox.jpg) 0 0 no-repeat;
color:#fff;
padding:40px 14px 10px 26px;
overflow:hidden;
}
#main #bobox p.strong{
font-size:1.6em;
font-weight:normal;
margin:0 0 10px;
padding:0 0 0 50px;
}
#main #bobox p{
font-size:0.9em;
margin:0;
padding:0;
}
#main #bobox p a{
display:block;
text-decoration:none;
color:#fff;
}

#main h1{
margin:0 0 10px;
font-size:1.8em;
line-height:110%;
color:#744792;
}
#main h2{
margin:0 0 10px;
font-weight:normal;
font-size:1.4em;
line-height:110%;
color:#b8659a;
}
#main h3{
margin:0 0 20px;
font-weight:normal;
font-size:1.3em;
line-height:110%;
color:#744792;
}
#main h4{
margin:0 0 10px;
font-weight:bold;
font-size:1.1em;
line-height:110%;
color:#614e64;
}

#main p{
margin:0 0 20px;
}
#main ul{
list-style-type:disc;
list-style-image:url(/images/puce.png);
margin:0 0 20px 20px;
}
#main fieldset{
border:1px solid #b8659a;
padding:10px 10px 0;
margin:0 0 20px;
}
#main legend{
margin:0 0 0 10px;
font-weight:bold;
font-size:1.1em;
line-height:110%;
color:#b8659a;
padding:0 10px;
}
#main dl{
}
#main dl dt{
float:left;
clear:left;
width:60px;
}
#main dl dd{
float:right;
width:340px;
}


#main p#photo_patricia{
background:url(/images/photo-patricia+.jpg) 100% 20px no-repeat;
padding:0 200px 0 0;
}
#main p#photo_charlotte{
background:url(/images/photo-charlotte+.jpg) 100% 20px no-repeat;
padding:0 200px 0 0;
}


#main ul.pagination{
list-style:none;
margin:0;
padding:0;
}
#main ul.pagination li{
float:left;
width:1.4em;
text-align:center;
margin:0 4px 10px 0;
line-height:180%;
background:#f4edf4;
}
#main ul.pagination li.active{
background:#bd96cb;
color:#fff;
font-weight:bold;
}
#main ul.pagination li a{
display:block;
text-decoration:none;
color:#614e64;
}
#main ul.pagination li a:hover{
color:#614e64;
background:#d9c2e0;
}
#main ul.pagination li.page_prem,
#main ul.pagination li.page_prec,
#main ul.pagination li.page_suiv,
#main ul.pagination li.page_dern{
font-weight:bold;
color:#666;
}
#main ul.pagination li.page_prem a,
#main ul.pagination li.page_prec a,
#main ul.pagination li.page_suiv a,
#main ul.pagination li.page_dern a{
font-weight:bold;
color:#000;
}




#main form{
margin:0 0 20px;
}
#main form p{
margin:0 0 10px;
font-size:0.9em;
}
#main input,
#main textarea{
font:1.1em/140% "Trebuchet MS",Arial,Georgia,sans-serif;
width:300px;
border:1px solid #b78dcd;
}
#main input#captcha{
width:20px;
text-align:center;
}
#main input.submit{
width:auto;
text-align:center;
font-weight:bold;
padding:4px 10px;
background:#f4edf4;
cursor:pointer;
}
#main input:hover.submit{
background:#b78dcd;
color:#fff;
border-color:#614e64;
}
#main p.focus input,
#main p.focus textarea{
border-color:#c00;
}
#main .error,
#main .ok{
margin:0 0 20px;
font-weight:bold;
border:1px solid #c00;
border-width:1px 1px 1px 4px;
background:#f4edf4 url(/images/icon-error.png) 10px 55% no-repeat;
color:#c00;
padding:10px;
}
#main .ok{
border-color:#0c0;
background:#f4edf4 url(/images/icon-ok.png) 10px 55% no-repeat;
color:#0c0;
}
#main .error ul,
#main .ok p{
list-style:none;
margin:0;
padding:0 0 0 50px;
}



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