/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ELEMENTS --- */
html {
	font-size: 100%; 
	height: 100%;
}
body {
	margin: 0;
	padding: 0; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	color: #fff;
	background: #050505 url(../images/bg.png) center 0 no-repeat;
	height: 100%;
	font-weight: normal;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 5px 0; 
}
h1, h2, h3 {
	font-weight: bold; 
}
h1 {
	font-size: 24px; 
	font-style: normal;
}
h2 {font-size: 18px;}
h3 {
	font-size: 11px;
	margin-top: 8px;
}
h4 { font-size: 10px; }


/* Listes */
ul, ol {
	margin: 8px 0 8px 24px;
	padding: 0; 
}
ul {
	list-style: square;
}
li, table, tr, td {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: 8px 0;
}

/* Liens */
a, a:link, a:visited {
	color: #808080;
	text-decoration: none;
	font-size: 10px;
	outline: 0;
}
a:hover, a:active { text-decoration: underline; }
a img { border: none; }

/* Divers elements de type en-ligne */
em { font-style: italic; }
strong { font-weight: bold; }

/* --- POSITIONNEMENT --- */
#global {
	width: 900px;
	margin: 0 auto; 
	background-color: transparent;
	padding: 0 0 20px 0;
}
/* En-tête */
#entete {
	padding: 0;
	margin: 0;
	height: 130px;
	background-color: transparent;
  /* url(../images/bg-header.jpg) center 0 no-repeat;
	border: 1px solid red;*/
}
#entete #logo {
	margin: 0;
	padding: 0;
	float: left;
	height: 90px;
	width: 270px;
}
#entete #accroche {
	float: left;
	height: 90px;
	width: 420px;
	margin: 0 0 0 150px;
}
#entete #logo a, #entete #accroche a {
	display: block;
	height: 100%;
}
/* La NAVIGATION - Menu horizontal*/
#navigation {
	float: left;
	width: 688px;
	height: 25px;
	background: transparent;
	font-size: 10px;
	
}
#navlist {
	list-style: none outside none;
	margin: 0 0 0 170px !important;
	margin: 0 0 0 120px;
	padding: 0;
	text-align: center;
	float: left;
}
#navlist li {
	position: relative;
	line-height: 25px;
	vertical-align: middle;
	height: 25px;
	/*border: 1px solid red;*/
	float: left;
}

.invisible{
    display:none;
}
#navlist li#id_Artist { width: 48px; }
#navlist li#id_Concept { width: 58px; }
#navlist li#id_MIND_ART { width: 56px; }
#navlist li#id_Edition_quality { width: 84px; }
#navlist li#id_Guests { width: 54px; }
#navlist li#id_Contact { width: 54px; }

#navlist a, #navlist a:link, #navlist a:visited {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	display: block;
}
#navlist a:hover, #navlist a:active, #navlist li.active span {
	color: #a3a3a3;
}

#navlist li#id_Artist a { background: transparent url(../images/bt-nav.jpg) 0 1px no-repeat; }
#navlist li#id_Concept a { background: transparent url(../images/bt-nav.jpg) -48px 1px no-repeat; }
#navlist li#id_MIND_ART a { background: transparent url(../images/bt-nav.jpg) -106px 1px no-repeat; }
#navlist li#id_Edition_quality a { background: transparent url(../images/bt-nav.jpg) -162px 1px no-repeat; }
#navlist li#id_Guests a { background: transparent url(../images/bt-nav.jpg) -246px 1px no-repeat; }
#navlist li#id_Contact a { background: transparent url(../images/bt-nav.jpg) -300px 1px no-repeat; }

#navlist li#id_Artist a:hover,  #navlist li#id_Artist a.active{ background: transparent url(../images/bt-nav-hover.jpg) 1px 1px no-repeat; }
#navlist li#id_Concept a:hover, #navlist li#id_Concept a.active { background: transparent url(../images/bt-nav-hover.jpg) -47px 1px no-repeat; }
#navlist li#id_MIND_ART a:hover, #navlist li#id_Gallery a.active { background: transparent url(../images/bt-nav-hover.jpg) -105px 1px no-repeat; }
#navlist li#id_Edition_quality a:hover, #navlist li#id_Edition_quality a.active { background: transparent url(../images/bt-nav-hover.jpg) -161px 1px no-repeat; }
#navlist li#id_Guests a:hover, #navlist li#id_Guests a.active { background: transparent url(../images/bt-nav-hover.jpg) -245px 1px no-repeat; }
#navlist li#id_Contact a:hover, #navlist li#id_Contact a.active { background: transparent url(../images/bt-nav-hover.jpg) -299px 1px no-repeat; }





/* Newsletter */
#newsletter {
	width: 200px;
	float: right;
	font-size: 9px;
}
#newsletter div {
	float: left;
	padding: 5px 5px 0 0;
}
#newsletter input {
	padding: 0;
	margin: 0;
}
#newsletter .my_input {
	width: 110px;
	border: 1px solid #656565;
	background-color: #000;
	height: 14px;
	color:#FFFFFF;
}

#newsletter p.message-newsletter{
   margin:0 22px 0 0;
   text-align:right;
}
/* Bloc central */
#middle {
	background: transparent;
	clear: left;
	float: left;
	padding: 0 10px 20px 15px;
}

/* Contenu principal */
#principal {
	color: #fff;
	background: transparent; 
	float: left; 
	width: 712px;
}

/* Contenu secondaire */
#secondaire {
	float: left;
	padding: 5px 0;
	width: 150px;
	/*border: 1px solid #666;*/
}
/* piedpage */
#piedpage {
  float: left;
	height: 25px;
	width: 800px;
	line-height:25px;
	vertical-align: middle;
	text-align: center;
	color: #808080;
	background: transparent url(../images/bg-footer.jpg) center center no-repeat;
}
#piedpage p {
	margin: 0;
	padding: 0;
}
#piedpage a, #piedpage a:link, #piedpage a:visited, #piedpage a:hover, #piedpage a:active {
	color: #808080;
}
.link-right {
	text-align: right;
	clear: left;
	padding: 8px 5px 0 0;
}
p.link-right a, p.link-right a:link, p.link-right a:visited, p.link-right a:hover, p.link-right a:active {
	color: #808080;
}
.link-left {
	text-align: left;
	clear: left;
	padding: 0 0 8px 0;
}
p.link-left a, p.link-left a:link, p.link-left a:visited, p.link-left a:hover, p.link-left a:active {
	color: #808080;
}

/* les formulaire */
input, select, textarea {
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	padding: 1px;
}
/*Les boutons */
.btn, .btn2, .btn3, .btn-newletter {
	/*text-transform: uppercase;*/
	font-size: 8px;
	border: 1px solid #5c5c5c;
}
.btn {
	padding: 5px 10px;
	height: 12px;
	background: #000 url(../images/bg-bt.jpg) 0 0 repeat-x;
	
}
.btn2 {
	padding: 2px 5px;
	height: 10px;
	background: #000 url(../images/bg-bt.jpg) 0 -10px repeat-x;
}
.btn3 {
	padding: 3px 5px;
	height: 9px;
	margin: 0 0 0 10px;
	background: #000 url(../images/bg-bt.jpg) 0 -10px repeat-x;
}
.btn-newletter {
	padding: 1px 2px;
	height: 12px;
	float: left;
	background: #000 url(../images/bg-bt.jpg) 0 -15px repeat-x;
}
.btn a, .btn a:link, .btn a:visited, .btn a:hover, .btn a:active,
.btn2 a, .btn2 a:link, .btn2 a:visited, .btn2 a:hover, .btn2 a:active,
.btn2 a, .btn3 a:link, .btn3 a:visited, .btn3 a:hover, .btn3 a:active,
.btn-newletter a, .btn-newletter a:link, .btn-newletter a:visited, .btn-newletter a:hover, .btn-newletter a:active {
	text-decoration: none;
	color: #fff;
}

/* La box  colone centrale*/
.boxe-titre {
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: transparent url(../images/bg-titre-box.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}
h2.boxe-titre {
	font-size: 12px;
	text-indent: 15px;
	font-weight: normal;
}
.boxe-image-132,  .boxe-image-162, .boxe-member {
	margin: 0 2px 4px 2px;
	float: left;
}
.boxe-image-132,  .boxe-image-162 {
	border: 1px dotted #fff;
	padding-bottom: 5px;
}
.boxe-image-132 { 
	width: 128px !important;
	width: 128px;
}
.boxe-image-162 { width: 158px; }
.boxe-member { width: 164px; }
.allmember .boxe-member { width: 190px; }
.boxe-member div { float: left; }
.boxe-member .boxe-members-img { width: 65px; }

.boxe-member .boxe-members-img img{ width: 65px; }
.boxe-member .boxe-members-content { 
	width: 65px;
	color: #fff;
	margin: 0 0 0 5px; 
}
.boxe-member .member-name {
	font-weight: bold;
	text-transform: uppercase;
}
.boxe-member .boxe-members-img {
	margin: 10px 0;
}
.boxe-image-img {
    margin: 10px 0;
}
.boxe-image-132 p, .boxe-image-162 p {
	margin: 0;
	padding: 0 3px;
}
.boxe-content-float-262, .boxe-content-float-500, .boxe-content-float-450 {
	margin: 0 0 0 5px;
	float: left;
}
.boxe-content-float-262 { width: 248px; }
.boxe-content-float-500 { width: 496px; }
.boxe-content-float-450 { width: 460px; }
.boxe-695 {
	width: 670px;
	float: left;
	margin: 5px 0;
	padding: 0 10px 0 15px;
}
.boxe-260 {
	width: 235px;
	float: left;
	margin: 5px 0;
	padding: 0 10px 0 15px;
}
.boxe-420 {
	width: 395px;
	float: left;
	margin: 5px 0 5px 10px;
	padding: 0 10px 0 15px;
}
.search {
	float: right;
}
/* Boxes avec titre */
.boxe-concept, .boxe-news, .box-guestofmonth, .boxe-allmembersworks, .boxe-artist, .boxe-gallery,
.boxe-editionquality, .boxe-guests, .boxe-contact, .boxe-account, .boxe-works, .boxe-myaccount, .boxe-studio , .boxe-allmembers, .boxe-forgot-password, 
.account-comment, .boxe-confirm, .boxe-myworks, .boxe-buy-it, .boxe-share-it, .boxe-legal-mention, .boxe-ordering-policy, .boxe-delete-account, .boxe-subscription, .boxe-comment, .boxe-createaccount, .boxe-confirmactivate,
.boxe-confirmbuy, .boxe-welcome {
	padding-top: 45px;
} 
.boxe-concept { background: transparent url(../images/boxe/concept.gif) 0 0 no-repeat; }
.boxe-news { background: transparent url(../images/boxe/news.gif) 0 0 no-repeat; }
.box-guestofmonth { background: transparent url(../images/boxe/guestofthemonth.gif) 0 0 no-repeat; }
.boxe-allmembersworks { background: transparent url(../images/boxe/allmembersworks.gif) 0 0 no-repeat; }
.boxe-artist { background: transparent url(../images/boxe/artist.gif) 0 0 no-repeat; }
.boxe-gallery { background: transparent url(../images/boxe/gallery.gif) 0 0 no-repeat; }
.boxe-editionquality { background: transparent url(../images/boxe/editionquality.gif) 0 0 no-repeat; }
.boxe-guests { background: transparent url(../images/boxe/guests.gif) 0 0 no-repeat; }
.boxe-contact { background: transparent url(../images/boxe/contact.gif) 0 0 no-repeat; }
.boxe-account { background: transparent url(../images/boxe/account.gif) 0 0 no-repeat; }
.boxe-works { background: transparent url(../images/boxe/work.gif) 0 0 no-repeat; }
.boxe-myaccount { background: transparent url(../images/boxe/myaccount.gif) 0 0 no-repeat; }
.boxe-myworks { background: transparent url(../images/boxe/mywork.gif) 0 0 no-repeat; }
.boxe-studio { background: transparent url(../images/boxe/studio.gif) 0 0 no-repeat; }
.boxe-allmembers { background: transparent url(../images/boxe/allmembers.gif) 0 0 no-repeat; }
.boxe-forgot-password { background: transparent url(../images/boxe/forgot-password.gif) 0 0 no-repeat; }
.account-comment { background: transparent url(../images/boxe/artworkinformations.gif) 0 0 no-repeat; }
.boxe-confirm {  background: transparent url(../images/boxe/confirm.gif) 0 0 no-repeat; }
.boxe-buy-it {  background: transparent url(../images/boxe/buy-it.gif) 0 0 no-repeat; }
.boxe-share-it {  background: transparent url(../images/boxe/share-it.gif) 0 0 no-repeat; }
.boxe-legal-mention {  background: transparent url(../images/boxe/legale-mentions.gif) 0 0 no-repeat; }
.boxe-ordering-policy {  background: transparent url(../images/boxe/ordering-policy.gif) 0 0 no-repeat; }
.boxe-delete-account {  background: transparent url(../images/boxe/delete-account.gif) 0 0 no-repeat; }
.boxe-subscription {  background: transparent url(../images/boxe/subscription.gif) 0 0 no-repeat; }
.boxe-comment {  background: transparent url(../images/boxe/leave-comment.gif) 0 0 no-repeat; }

.boxe-createaccount {  background: transparent url(../images/boxe/createanaccount.jpg) 0 0 no-repeat; }
.boxe-confirmactivate {  background: transparent url(../images/boxe/confirmactivateaccount.jpg) 0 0 no-repeat; }
.boxe-confirmbuy {  background: transparent url(../images/boxe/confirmbuy.jpg) 0 0 no-repeat; }
.boxe-welcome {  background: transparent url(../images/boxe/welcome.jpg) 0 0 no-repeat; }


.paint-title {
	font-size: 12px;
	line-height: 18px;
}


.concept-G{
    float:left;
    width:380px;
}
.concept-D{
    float:left;
    width:240px;
    margin:0 0 0 20px;
}
.concept-D p{
    margin:0 0 8px 0;
}

/* La boxe pour les widget */
.box-widget {
	padding: 0 8px;
	border: 1px dotted #656565;
	margin: 0 0 8px 0;
}
.input-widget {
	border: 1px solid #656565;
	background-color: #1b1b1b;
	width: 125px;
}
.widget-link p {
	margin: 0;
	padding: 0;
}
.box-widget a, .box-widget a:link, .box-widget a:visited, .box-widget a:hover, .box-widget a:active {
	font-size: 10px;
}
/* filter */
.filter {
    width:300px;
	margin: 15px 0 0 10px;
	float: left;
	
}
.filter2 {
    width:210px;
	margin: 15px 0 0 10px;
	float: left;
	
}
.filter3 {
    width:50px;
    margin: 14px 0 0 0;
    float: left;
}
.select-filter {
	border: 1px solid #656565;
	background-color: #1b1b1b;
	margin: 0;
	padding: 1px;
	width: 139px;
	height: 20px;
}
/* My Account */
.myaccount-col-1, .myaccount-col-2, .myaccount-col-3, .myaccount-col-4, .myaccount-col-5 {
	float: left;
	margin: 0;
}
.myaccount-col-1 a, .myaccount-col-2 a, .myaccount-col-3 a, .myaccount-col-4 a, .myaccount-col-5 a {
	color: #fff;
}
.myaccount-col-1 {
	width: 150px;
	text-align: center;
	
}
.myaccount-col-1 img{
	text-align: center;
}
.myaccount-col-2{
	width: 250px;
	padding-top: 10px;
}
.myaccount-col-4 {
	width: 500px;

}

.myaccount-col-3 {
	width: 230px;
	padding-top: 10px;
}


.myaccount-col-5 {
	/* border-left: 1px dotted #fff; */
	padding: 10px 0 0 20px;
	width: 230px;
}
.myaccount-col-2 p, .myaccount-col-3 p {
	margin: 3px 0 0 0;
	padding: 0;
}
.myaccount-col-4 p, .myaccount-col-5 p {
	margin: 9px 0;
	padding-right: 8px;
}
.myaccount-col-2 label, .myaccount-col-3 label {
	float: left;
	text-align: right;
	width: 90px;
	padding: 0 8px 0 0;
}
.myaccount-col-3 label {
	width: 72px;
}
.input-myaccount {
	border: 1px solid #656565;
	background-color: #1b1b1b;
	width: 132px;
	height: 17px;
	margin: 0;
	padding: 3px 0 0 5px;
}
.my_input_upload {
  border: 1px solid #656565;
	background-color: #1b1b1b;
	width: 132px;
	height: 17px;
	margin: 0;
	padding: 3px 0 0 5px;

}
.textarea-myaccount, .textarea-myaccount2 {
	border: 1px solid #656565;
	background-color: #1b1b1b;
	width: 202px;
	margin: 0 0 0 37px;
	padding: 3px;
}
.textarea-myaccount {
	height: 130px;
}
.textarea-myaccount2 {
	height: 40px;
}
#div_erreur {
	margin: 0 0 0 200px;
}

h3.userGuest a{
    color:#FFFFFF;
}

.myaccount-col-3 a.btn{
    padding: 5px 10px;
	height:35px;
	background: #000 url(../images/bg-bt.jpg) 0 0 repeat-x;

}
.myaccount-col-3 a.btn:hover{
   text-decoration: none;

}

.avatar_container img{
    width:128px;
}

/*******************  PAGE LOST PASSWORD  ******************************/

.mod_lostPassword label{
    width:90px;
    float:left;
    text-align:right;
    margin:0 10px 0 0;
}
.mod_lostPassword p{
    width: 290px;
    clear:both;
}
.mod_lostPassword .erreur{
    clear:both;
}
.mod_lostPassword .input-myaccount{
    width:155px;
    margin:0 10px 5px 0;
}
.mod_lostPassword .submit{
    margin:0 17px 0 0;
    float:right;
}


/*********************   PAGE COMMENTS  **********************************/

.account-comment{
    margin:0 0 15px 0;
    float:left;
}

.account-comment .vignette{
    width:150px;
    float:left;
}

.account-comment .account{
    width:300px;
    float:left;
    margin:0 0 0 15px;
}
.account-comment h3{
    width:300px;
    margin:0 0 15px 0;
}


.boxe-comment label{
     width:90px;
    float:left;
    text-align:right;
    margin:0 10px 0 0;
}
.boxe-comment p{
    width: 290px;
    clear:both;
}
.boxe-comment .erreur{
    clear:both;
}
.boxe-comment .input-myaccount{
    width:155px;
    margin:0 10px 5px 0;
}
.boxe-comment .textarea-myaccount{
    width:155px;
    height:120px;
    margin:0 10px 5px 0;
}
.boxe-comment .submit{
    margin:0 17px 0 0;
    float:right;
}


/*************************  PAGE FORM COMMENT  ******************************/

.work_detail_info {
	width: 200px;
	float: left;
}
.work_detail_info p, .work_detail_info h3{
	width: 200px;
}

.work_detail_info a.btn {
	padding: 5px 10px;
	height:35px;
	background: #000 url(../images/bg-bt.jpg) 0 0 repeat-x;
	color:white;
	text-decoration: none;
}

.form_comment p{
    width:500px;
}

.form_comment .textarea-myaccount{
    width:473px;
    height:162px;
}
.form_comment{
   padding: 15px 0 15px 0;
}
.commentaire{
    background: url(../images/border-comment.gif) 0 bottom no-repeat;
    padding: 15px 0 15px 0;
}
.commentaire .info{
   color:#80807e;
   margin:0 0 0 0;
}
.commentaire .info a{
  text-decoration:underline;
}
.commentaire .comment{
   color:#FFFFFF;
   margin:12px 0 0 0;
}
.commentaire .date-comment{
   color:#80807e;
   margin:12px 0 0 0;
}

.boxe-delete-account a{
    color:#FFFFFF;
    text-decoration: none;
}

.form_sharit {
	margin: 140px 0 0 0;
}

.form_sharit .input-myaccount{
    width:160px;
}
.form_sharit label{
    width:150px;
    margin-right:10px;
    float:left;
    text-align: left;
    
}
.form_sharit .submit{
    margin-left: 108px;
}


/* ************************  Original  ***********************/

.original{
    margin:25px 0 0 0;
}
.original h3{
    margin:0 0 0 0;
}

.original img{
    margin:10px 0 0 0;
    width:120px;
    border:none;
}

/*************************************   STYLE   ****************************************/



.firstletter{
    text-transform: capitalize;
}



.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.clear-15 { 
	clear: left; 
	height: 15px; 
}
.clear-30 { 
	clear: left; 
	height: 30px; 
}
.clear { 
	clear: left; 
	height: 1px;
	float: left; 
}
.line-separ {
	clear: left;
	height: 3px;
	background: #333 url(../images/bg-separ.jpg) 0 0 repeat-x;
	margin: 10px 0;
} 
.mandatory{
    width:10px;
    float: left;
}

.error{
 color: #7cd7ee;

}
.myaccount-col-2 .error, .myaccount-col-3 .error{
    color: #7cd7ee;
    font-size:9px;
    margin:0 0 0 110px;
    text-align:right;
}


.clear-1 {
    clear:both;
}

.colorlayers td, .colorlayers th {
	border-bottom: 1px dotted #fff;
	height: 20px;
	vertical-align: middle;
}