* {
margin:0;
padding:0;
border:0;
font-family:Arial,Helvetica,Verdana,sans-serif;
}
html{
height:100%;
background:#531D00 url(/images/bg-body.png) 0 0 repeat-x;
}
body{
min-height:100%;
background:url(/images/bg-blanc.gif) 50% 0 repeat-y;
text-align:center;
font:80%/100% Arial,Helvetica,Verdana,sans-serif;
color:#000;
}

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

#header{
background:#D5C5AC url(/images/art-luberon.jpg) 0 0 no-repeat;
height:106px;
}
#header #accroche{
position:absolute;
top:48px;
left:236px;
font-size:0.8em;
line-height:120%;
color:#504530;
cursor:default;
}
#header #back2home{
display:block;
float:left;
margin:30px 0 0 60px;
width:170px;
height:60px;
color:#d1bfa7;
}
#header #back2home span{
display:none;
}
#header ul, #header #logged{
float:right;
margin:20px 30px 0 30px;
text-align:right;
}
#header #logged{
margin-top:30px;
}
#header ul li{
margin:4px;
font-weight:bold;
background:#EAE7E0 url(/images/corner-log-bottom.gif) 0 100% no-repeat;
}
#header ul li a{
display:block;
width:100px;
padding:4px 10px;
background:url(/images/corner-log-top.gif) 0 0 no-repeat;
color:#D34100;
}
#header ul li a:hover{
color:#D30000;
}
#header #logged{
width:120px;
background:#EAE7E0 url(/images/corner-log-bottom.gif) 0 100% no-repeat;
}
#header #logged p{
background:url(/images/corner-log-top.gif) 0 0 no-repeat;
padding:4px;
overflow:auto;
}
#header #logged span{
line-height:140%;
}
#header #logged .nom{
font-weight:bold;
}
#header #logged .icons{
vertical-align:middle;
}
#header #logged .icons a{
display:block;
float:right;
margin:0 0 0 4px;
}

div.nav_menu{
background:#E7E4DC url(/images/bg-menu.gif) 0 0 repeat-x;
}
div.nav_menu ul{
padding:0 20px;
}
div.nav_menu ul li{
float:left;
font-weight:bold;
}
div.nav_menu ul li a{
display:block;
padding:8px;
color:#504530;
}
div.nav_menu ul li a:hover{
color:#D34100;
}
div.nav_menu ul li a#current, div.nav_menu ul li a:hover#current{
color:#D30000;
}
div.nav_menu .white{border-bottom:1px solid #fff;}

div.nav_menu.loggedcolor{
background:#e8dec5 url(/images/bg-menu-logged.gif) 0 0 repeat-x;
}
div.nav_menu.loggedcolor ul li a{
color:#D34100;
}
div.nav_menu.loggedcolor ul li a:hover{
color:#D30000;
}
div.nav_menu.loggedcolor ul li a#current, div.nav_menu.loggedcolor ul li a:hover#current{
color:#000;/*504530*/
}

#nav_recherche{
background:#F8F7F5 url(/images/bg-recherche.gif) 0 0 repeat-x;
padding:6px 30px;
}
#nav_recherche #query{
border-top:1px solid #8E8E8E;
border-left:1px solid #8E8E8E;
border-right:1px solid #C8C8C8;
border-bottom:1px solid #C8C8C8;
background:#fff url(/images/bg-input-recherche.gif) 0 0 no-repeat;
padding:2px;
margin:0 4px 0 0;
}
#nav_recherche #rechercher,
#nav_recherche #rechercher2{
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #C2C0BC;
border-bottom:1px solid #C2C0BC;
background:#FEFEFE url(/images/bg-submit-recherche.gif) 0 100% repeat-x;
font-weight:bold;
padding:0 10px;
margin:0 40px 0 0;
}
#nav_recherche #rechercher2{
padding:0 4px;
margin:10px 0 0;
}
#nav_recherche a#a_recherche_avancee{
color:#D34100;
}
#nav_recherche a:hover#a_recherche_avancee{
color:#D30000;
}
#nav_recherche #recherche_avancee{
font-size:0.8em;
padding:4px 0;
}
#nav_recherche #recherche_avancee label{
display:block;
padding:2px 0;
color:#504530;
}
#nav_recherche #recherche_avancee select{
border:1px solid #C2C0BC;
margin:0 4px 4px 0;
}

#lang{
margin:6px 0;
float:right;
cursor:default;
}




#main{
padding:30px;
clear:both;
line-height:180%;
}
#main_left{
float:left;
width:236px;
/*background:#465;*/
}
#main_right{
float:right;
width:488px;
/*background:#654;*/
}

#footer{
clear:both;
margin:30px 30px 0;
padding:2px 0 20px;
border-top:1px solid #A7A7A7;
font-size:0.8em;
color:#504530;
}
#footer a{
color:#504530;
}
#footer a:hover{
color:#D30000;
}
#footer a.validation{
font-size:0.9em;
}
#footer a:hover.validation{
color:#D68D13;
}




#main .sidebox{
width:488px;
background:url(/images/sb-body-r.png) 100% 100% no-repeat;
margin:0 0 20px;
}
#main .boxhead{
background:url(/images/sb-head-r.png) 100% 0 no-repeat;
}
#main .boxhead h3{
background:url(/images/sb-head-l.png) 0 0 no-repeat;
padding:2px 10px;
font-weight:bold;
font-size:1.1em;
text-transform:uppercase;
}
#main .boxhead p.nb_par_page{
float:right;
padding:4px 10px;
font-size:0.9em;
line-height:100%;
}
#main .boxhead p.nb_par_page strong{
color:#D30000;
}
#main .boxhead p.nb_par_page a{
color:#D30000;
}
#main .boxbody{
background:url(/images/sb-body-l.png) 0 100% no-repeat;
/*padding:20px 20px 10px;*/
padding:20px;
}



#main img.thumb{
float:left;
/*margin:0 10px 10px 0;*/
margin:0 7px 14px 7px;
}



/* STYLES GENERAUX */
a, a:hover{text-decoration:none;color:#504530;}
ul{list-style:none;}
abbr, acronym{cursor:help;}

/* passe partout */
.hidden{display:none;}
.clear{clear:both;}
.float_right{float:right;}
.float_left{float:left;}
.align_right{text-align:right;}
.align_left{text-align:left;}
.align_center{text-align:center;}

.ajax_loading{background:url(/images/loading2.gif) 50% 50% no-repeat;}
.mapson{unicode-bidi:bidi-override;direction:rtl;}
.color{color:#504530;}
.color2{color:#D30000;}
.small{font-size:0.9em;}
.typo{font:1.1em/180% "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.extend{
float:left;
margin:0 20px 0 0;
}
.thumb2{
float:left;
margin:0 4px 4px 0;
}
.line{height:1px;background:#E0CEB1;margin:10px 0 20px;}
.w_xsmall{width:100px;}
.w_small{width:200px;}
.w_medium{width:300px;}
.w_large{width:400px;}
.calendar{margin:0 0 6px;}
.input_text{
display:block;
float:left;
padding:0 0 10px;
}

/* contenu textuel */
#main h1{
font:normal 1.6em/100% Arial,Helvetica,Verdana,sans-serif;
color:#531D00;
border-left:6px solid #D30000;
padding:0 0 0 8px;
margin:0 0 20px;
}
#main h2{
font:normal 1.4em/100% Arial,Helvetica,Verdana,sans-serif;
color:#531D00;
border-left:4px solid #D30000;
padding:0 0 0 6px;
margin:10px 0;
}
#main h3{
font:normal 1.2em/100% Arial,Helvetica,Verdana,sans-serif;
color:#531D00;
margin:0 0 10px;
}
#main h4{
font:bold 1em/100% Arial,Helvetica,Verdana,sans-serif;
color:#531D00;
margin:0 0 6px;
}
#main p{margin:0 0 20px;}
#main p.clearmargin{margin:0;}
#main a{color:#D68D13;}
#main a:hover, #content a:focus{color:#D30000;}
#main ul{margin:0 0 20px 20px;}
#main ul li{list-style-type:square;}
#main ul ul{margin:0 0 0 20px;}
#main ul ul li{list-style-type:disc;}
#main ol{margin:0 0 20px 20px;}
#main ol li{}
#main cite{display:block;}
/* lettrine */
.first_letter{
float:left;
padding:0 6px 0 0;
font:normal 3.6em/98% Arial,Helvetica,Verdana,sans-serif;
color:#D30000;
}

#main fieldset{
background:url(/images/corner-fieldset-top.gif) 0 0 no-repeat;
padding:4px 0 0;
margin:0 0 20px;
}
#main fieldset div.fieldset{
padding:10px 20px;
background:#F3EFE5 url(/images/corner-fieldset-bottom.gif) 0 100% no-repeat;
}
#main legend{
display:none;
}
#main fieldset div.fieldset h2{
font-weight:bold;
font-size:1.3em;
color:#531D00;
margin:-4px 0 10px;
border:0;
}

/* connexion */
.super{
text-align:center;
font-weight:bold;
font-size:1.2em;
}
.super a{
display:block;
padding:10px 0;
border:1px solid #D68D13;
background:#F3EFE5;
}
.super a:hover{
border:1px solid #D30000;
}

/* artistes */
#main a.artist_container{
display:block;
float:left;
width:216px;
padding:6px;
border:1px solid #F3EFE5;
margin:0 8px 16px;
line-height:120%;
height:60px;
}
#main a:hover.artist_container{
background:#F8F5EF;
border:1px solid #E0CEB1;
}
#main a.artist_container span.nom{
font-weight:bold;
color:#000;
line-height:160%;
}
#main a:hover.artist_container span.nom{
color:#000;
}

/* cartes de visite */
.modele{
display:block;
float:left;
margin:0 10px 20px 0;
border:1px solid #ccc;
}

/* liens */
#main #links a{
font-size:1.1em;
}
#main #instructions{
border:1px solid #ccc;
padding:4px;
font-size:0.9em;
line-height:140%;
}
#main #instructions .code{
font-family:Times, "Trebuchet MS", "Times New Roman", serif;
}

/* creer compte */
#main ul.option_compte{
margin:0;
}
#main ul.option_compte li{
list-style:none;
text-align:center;
float:left;
line-height:140%;
margin:0 10px 30px 0;
}

/* mon compte */
#main ul.button_select{
margin:0 0 20px;
}
#main ul.button_select li{
list-style:none;
clear:left;
}
#main ul.button_select li a.bloc{
display:block;
float:left;
margin:0 10px 4px 0;
padding:4px 16px 2px;
font-weight:bold;
color:#666;
width:234px;
}
#main ul.button_select li a:hover{
color:#000;
}
#main ul.button_select li.option_affiche a.bloc{background:#d9f1c1;}
#main ul.button_select li.option_affiche a:hover.bloc{background:#cce8b0;}
#main ul.button_select li.upgrade a.bloc{background:#d9f1c1;}
#main ul.button_select li.upgrade a:hover.bloc{background:#cce8b0;}
#main ul.button_select li.delete a.bloc{background:#f6bea8;}
#main ul.button_select li.delete a:hover.bloc{background:#f4ad90;}

/* page perso */
#main #user_image{
background:#F3EFE5;
text-align:center;
line-height:0;
margin:0 0 20px;
}
#main #profil p{
margin:0;
line-height:140%;
}
#main #profil img.avatar{
float:left;
margin:0 4px 4px 0;
}
#main #profil p.nom_gen{
color:#000;
font-weight:bold;
font-size:1.3em;
line-height:120%;
margin:0 0 10px;
}
#main #profil p.fam_artis{
clear:both;
color:#CB0000;
font-size:0.9em;
line-height:120%;
margin:0 0 10px;
}
#main #profil p.dates{
clear:both;
font-size:0.9em;
margin:0 0 10px;
}
#main #profil p.description{
border:1px solid #F3EFE5;
border-width:1px 0;
background:url(/images/bg-profil-description.gif) 0 0 repeat-y;
padding:4px;
/*border-left:1px solid #F3EFE5;
padding:0 0 0 4px;*/
margin:10px 0 20px;
}
#main #profil p.coords{
margin:0 0 20px;
}
#main #profil p.galerie{
margin:0 0 20px;
}

/* formulaires */
#main .error, #main .ok{
margin:0 0 20px;
font-size:1.1em;
padding:10px 70px;
line-height:120%;
}
#main .error{
border:1px solid #D30000;
background:#FFFFDB url(/images/error.png) 10px 50% no-repeat;
color:#D30000;
}
#main .ok{
border:1px solid #0c0;
background:#DFF4E1 url(/images/ok.png) 10px 50% no-repeat;
color:#0c0;
}
#main .error p, #main .ok p, #main .error ul, #main .ok ul{
margin-bottom:0;
}

#main label{
display:block;
line-height:120%;
}
#main label.x{
display:inline;
}
#main label.focus{color:#D30000;}
#main input, #main textarea, #main select{
font:1em Arial, Helvetica, Verdana, sans-serif;
border:1px solid #848484;
margin:0 0 10px;
}
#main input{}
#main input.x{border:0;margin:0;}
#main input.focus, #main textarea.focus, #main select.focus{border:1px solid #D30000;}
#main textarea{}
#main input.modif, #main input.supprim, #main input.up, #main input.down, #main input.up_disabled, #main input.down_disabled{
border:0;
width:28px;
height:30px;
cursor:pointer;
}
#main input.up{
background:url(/images/up.gif) 0 0 no-repeat;
}
#main input.up_disabled{
background:url(/images/up-disabled.gif) 0 0 no-repeat;
cursor:default;
}
#main input.down{
background:url(/images/down.gif) 0 0 no-repeat;
}
#main input.down_disabled{
background:url(/images/down-disabled.gif) 0 0 no-repeat;
cursor:default;
}
#main input.modif{
background:url(/images/mod.gif) 0 0 no-repeat;
}
#main input.supprim{
background:url(/images/sup.gif) 0 0 no-repeat;
}
#main input.submit{
font:1em/120% Arial, Helvetica, Verdana, sans-serif;
border-top:2px solid #A77F78;
border-left:2px solid #A77F78;
border-right:2px solid #482A25;
border-bottom:2px solid #482A25;
background:#854E44;
color:#fff;
font-weight:bold;
}
#main input.submit.disabled{
background:#ccc;
color:#000;
}

/* tables */
#main table{border-collapse:collapse;}
#main th, #main td{vertical-align:top;}
#main th{text-align:center;}
#main td{}

#main table.compar{color:#430000;}
#main table.compar th.mid{width:362px;}
#main table.compar td{font-weight:bold;font-size:0.9em;}
#main table.compar td.mid{width:362px;background:#F3EFE5 url(/images/t-blanc.gif) 0 100% repeat-x;padding:0 8px 6px;}
#main table.compar td.opt1on3{width:114px;background:#F3EFE5 url(/images/t-brun.gif) 0 100% repeat-x;padding:0 4px 6px;text-align:center;}
#main table.compar td.opt2on3{width:114px;background:#F3EFE5 url(/images/t-mid.gif) 0 100% no-repeat;padding:0 10px 6px;text-align:center;}
#main table.compar td.opt3on3{width:114px;background:#F3EFE5 url(/images/t-brun.gif) 0 100% repeat-x;padding:0 4px 6px;text-align:center;}
#main table.compar th.opt1on3, #main table.compar td.d_opt1on3{width:114px;background:#E0CEB1;padding:6px 4px;text-align:center;}
#main table.compar th.opt2on3, #main table.compar td.d_opt2on3{width:114px;background:#E0CEB1 url(/images/t-mid.gif) 0 0 repeat-y;padding:6px 10px;text-align:center;}
#main table.compar th.opt3on3, #main table.compar td.d_opt3on3{width:114px;background:#E0CEB1;padding:6px 4px;text-align:center;}

#main table.large{width:100%;border-collapse:separate;empty-cells:show;}
#main table.large td{
padding:4px;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #E0CEB1;
border-bottom:1px solid #E0CEB1;
}
#main table.large td.padd{padding:0 4px;}
#main table.large td.action{width:28px;}

#main table.recap{margin:0 0 20px;border-collapse:separate;empty-cells:show;}
#main table.recap td{
border-top:1px solid #F3EFE5;
border-left:1px solid #F3EFE5;
border-right:1px solid #E0CEB1;
border-bottom:1px solid #E0CEB1;
padding:0 8px;
}
#main table.recap td.isornot{font-weight:bold;}


/* scrollbox */
#main .scrollBoxOuter{
/*width:544px;*/
height:200px;
border:1px solid #848484;
margin:0 0 10px;
}
#main .scrollBoxInner{
/*width:524px;*/
height:190px;
padding:10px 10px 0;
overflow:auto;
background:#fff;
}
#main .scrollBoxInner h3{
font-weight:bold;
}
/* outerResultAjax */
#main #outerResultAjax{
float:right;
width:380px;
height:70px;
border:1px solid #848484;
margin:0 0 10px;
}
#main #resultAjax{
width:360px;
height:70px;
padding:0 10px;
overflow:auto;
background:#fff;
}

/* pagination */
#main p.nav{
font-size:1.4em;
}

/******* mootools *******/

/* tooltip */
.tool-tip {
position:relative;
/*top:-50px;*/
color:#fff;
width:139px;
z-index:13000;
margin:-80px 0 0 0;
}
.tool-title {
font-weight:bold;
font-size:1em;
color:#000;
padding:8px 8px 4px;
background:url(/images/bubble.png) 0 0;
}
.tool-text {
font-size:0.8em;
color:#D30000;
padding:4px 8px 8px;
background:url(/images/bubble.png) 100% 100%;
}

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

#main #carousel{
position:relative; /*important*/
overflow:hidden; /*important*/
width:448px; /*important*/
height:220px; /*important*/
margin:0 0 10px;
padding:0;
}
#main #carousel #carousel_content{
position:absolute;
top:0;
left:0;
}
#main #carousel #carousel_content .carousel_item {
padding:0;
height:220px;
}

#main .boxbody br.clear{
line-height:1px;
height:0;
clear:both;
}

#main a.a_box{
display:block;
width:429px;
height:60px;
line-height:100%;
border:1px solid #F3EFE5;
clear:both;
padding:4px;
margin:0 0 4px;
}
#main a:hover.a_box{
background:#F8F5EF;
border:1px solid #E0CEB1;
}
#main a.a_box img.thumb{
float:left;
margin:0 4px 0 0;
}
#main a.a_box span.inline_title{
color:#000;
font-weight:bold;
line-height:120%;
}
#main a.a_box span.inline_label{
color:#CB0000;
font-size:0.9em;
line-height:120%;
}
#main a.a_box span.inline_description{
color:#000;
font-size:0.9em;
line-height:120%;
}

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

#loading{
display:none;
position:fixed;
top:10px;
left:10px;
width:120px;
/*height:40px;*/
padding:14px 8px;
border:2px solid #c00;
background:#fff;
text-align:center;
font-weight:bold;
}

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

#main #accordion{
margin:0 0 0 20px;
}
#main #accordion h1{
font-size:1.2em;
font-weight:bold;
color:#531D00;
border:0;
padding:0;
margin:0 0 10px -20px;
}
#main h2.toggler{
border:0;
font-weight:normal;
font-size:1em;
line-height:140%;
margin:0;
padding:0;
display:list-item;
color:#222;
cursor:pointer;
}
#main h2.toggler a{
display:block;
margin:0 0 8px;
color:#222;
}
.element {
margin:10px 0 0 4px;
padding:0;
}
.element p{
margin:0;
padding:0;
}