/*
 GRIS FONCE : #555555
 GRIS CLAIR : #eeeeee
 GRIS TRES CLAIR (fond header, footer): #f8f8f8
 VERT FONCE : #006633 
 VERT CLAIR : #66AA77
 ROUGE : #CC0000
*/

/* reset from Eric Meyer  : BEGIN */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* reset from Eric Meyer  : END */


/* FORMULAIRE */
th {
  vertical-align : top !important;
  padding-top: 10px;
}
label {
color:#555555;
font-size:13px;
text-align:right;
font-weight: normal;
}
.error_list {
  color: red;
}
input[type="text"], input[type="password"]  {
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; /* Safari and Chrome */
/*border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
/*behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
background-color:#F8F8F8;
border:2px solid #E2E2E7;
margin: 5px;
height: 22px;
font-size: 13px;
 z-index: 100;
}
input[type="checkbox"]{
  margin-top: 10px;
}

.textarea_artwork  {
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; /* Safari and Chrome */
border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
background-color:#F8F8F8;
border:2px solid #E2E2E7;
margin: 5px;
height: 88px;
font-size: 13px;
width: 400px;
}
.input_artwork_size {
  text-align:right;
  width: 40px;
}
.input_artwork_price {
  
  text-align:right;
  width: 60px;
}
.input_artwork_unit{
  margin-top:10px;
}
.input_artwork {
  
  width: 400px;
}
.input_artwork_creation_year{
  
  width: 60px;
}
.input_artwork_quantity{
  
  width: 60px;
}
.tr_row_error {
  color: #DB1E32 !important;
}
.tr_row_error input{
  
  border:2px solid #DB1E32 !important;
  background-color:#EEAEAF !important;

}
.tr_row_error textarea{
  
  border:2px solid #DB1E32 !important;
  background-color:#EEAEAF !important;

}
.tr_row_error select{
  
  border:2px solid #DB1E32 !important;
  background-color:#EEAEAF !important;
  -moz-border-radius:3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px; /* Safari and Chrome */ 
  border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */

}
.form_row_error  input {
  
  border:2px solid #DB1E32 !important;
  background-color:#EEAEAF !important;

}
.standard-form-textinput {
  width: 200px;
}
.standard-form-textarea {
  width: 200px;
  height: 200px;
  -moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; /* Safari and Chrome */
border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
background-color:#F8F8F8;
border:2px solid #E2E2E7;
margin: 5px;
font-size: 13px;
font-family: arial, sans-serif; 
}
.standard-form-select {
  width: 200px;
  margin-left: 5px;
}
.comment-form-textarea {
  width: 400px;
  height: 100px;
  -moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; /* Safari and Chrome */
border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
background-color:#F8F8F8;
border:2px solid #E2E2E7;
margin: 5px;
font-size: 13px;
font-family: arial, sans-serif; 
}
.standard-form-select{
  
  height:22px;
  margin: 5px;
  width:200px;

}
#globalerror {
  font-size: 13px;
  -moz-border-radius:3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px; /* Safari and Chrome */ 
  border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  /*behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
  color: border:2px solid #DB1E32;
  border:2px solid #DB1E32 ;
  background-color:#EEAEAF ;
  padding: 5px;
  font-weight: bold;
}
#tooltiphelper {
	position: absolute;
	z-index: 3000;
	font-size: 13px;
  -moz-border-radius:3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px; /* Safari and Chrome */ 
  border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  /*behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
  color: border:2px solid #DB1E32;
  border:2px solid #DB1E32 ;
  background-color:#EEAEAF ;
  padding: 5px;
  font-weight: bold;
}
#tooltip h3, #tooltip div { margin: 0; }

.form_row {
  float:left;
  
}


/* COMMUN */
body { 

  font-family: arial, sans-serif; 
  color: #555555;
  font-size: 13px;
  font-weight: normal;
  line-height: 14px;
  text-align: justify;
  position: relative;
} 

.green {
    color:#66AA77 !important;
	text-decoration:none;}
.green:visited {
    color:#66AA77;
	text-decoration:none;}
.green:hover {
    color:#006633;
	text-decoration:none;}



.gray:link {
     color:#555555;
	 text-decoration:none;}
.gray:visited {
     color:#555555;
	 text-decoration:none;}
.gray:hover {
     color:#555555;
	 text-decoration:underline;}

h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 8px;
}

h2 {
	margin-bottom:25px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	width: 917px;
	height: 25px;
	margin-left: 8px;
	padding-left: 25px;
	text-align: left;
	padding-top: 6px;
	/*
	background-image: url(/images/bandeLongue.png);
	background-repeat: no-repeat;
	*/
	background: url(/images/sprites.png) top left no-repeat;
}

h3 {
	margin-bottom:25px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	width: 720px;
	height: 25px;
	margin-left: 8px;
	padding-left: 25px;
	text-align: left;
	padding-top: 6px;
	
	background: url(/images/sprites.png) 0px -41px  no-repeat;
	/*
	background-image: url(/images/bandecourte.png);
	background-repeat: no-repeat;
	*/
}

h4 {
	font-style:italic;
	font-size:13px;
	padding-left:15px;
	padding-top:5px;
	width:630px;
	text-align:left;
  font-weight:normal;
}
h5 {
border-bottom:1px solid #EEEEEE;
font-size:13px;
font-weight:bold;
margin-bottom:20px;
margin-left:8px;
margin-top:30px;
text-align:left;
text-transform:uppercase;
width:630px;
}
h6 {  /* similaire à h6 avec un plus long filet et pas de marge gauche: artsetter-secure-process*/
	font-size:13px;
	font-weight: bold;
	margin-top:30px;
	width:735px;
	text-align:left;
	margin-bottom: 20px;
	text-transform:uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	float: left;
}
.sous_titre_h1{
	font-style:normal;
	font-size:12px;
	margin-left:8px;
	padding-left:0px;
	width:700px;
	text-align:left;
	margin-bottom: 20px;
	color:#555555;
}
.no_left_padding { /* supprime la marge de gauche */
	padding-left:0 !important;

}

.no_right_padding { /* supprime la marge de droite */
	padding-right:0 !important;
}
	
.no_left_margin { /* supprime la marge de gauche */
	margin-left:0 !important;

}

.no_right_margin { /* supprime la marge de droite */
	margin-right:0 !important;

}

.no_top_margin { /* supprime la marge de gauche */
	margin-top:0 !important;

}

.no_bottom_margin { /* supprime la marge de droite */
	margin-bottom:0 !important;

}
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.no_border{
	border:0;
	margin-left: -4px;
} 


.pagination, li, a {
border:0 none;

font-size:13px;
font-style:normal;
margin-top:2px;
text-decoration:none;
}
.pagination, li {
display:block;
padding-left:4px;
padding-right:4px;
}
.bouton_vert { /*header: bouton vert arrondi*/
  margin-right: 2px;
	padding:  0 5px 5px 5px;
	border: none;
	color: #FFFFFF;
	background-color: #006633;
  margin-top: -5px;
	cursor: pointer;
  -moz-border-radius: 0 0 5px 5px; /* Firefox */
  -webkit-border-radius: 0 0 5px 5px; /* Safari and Chrome */
  border-radius: 0 0 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
  
}
.bouton_vert_arrondi { /*header: bouton vert arrondi*/
  margin-right: 2px;
	padding:  5px;
	border: none;
	color: #FFFFFF;
	background-color: #006633;
  margin-top: -5px;
	cursor: pointer;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
  
}
.bouton_vert:hover {
	background-color: #6BBA70;
	color: #FFFFFF;
}


/* HEADER */

.header_background { 
	background: #FFFFFF url(/images/sprites.png) repeat-x 0px -72px ;
	min-width: 980px;
/*	-moz-background-clip: border;
background: #FFFFFF url(/images/background_header.jpg) repeat-x left top ;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
*/	cursor: default;
	height: 107px;
	margin-bottom: 40px;
	position: relative;
}

.containeur_header { 
	height: 90px;
	margin:auto;
	padding-top: 0px;
	width: 980px;
	position: relative;
}

.containeur_gauche { 
	padding-top: 11px;
	width: 300px;
	float: left;
}

.logo_as { /* header: logo */
	height: 53px;
	margin-top: 10px;
	padding-left: 2px;
	width: 272px;
}
.signature-logo { /* header: signature sous le logo */
	margin-top: 3px;
	margin-left: 3px;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #555555;
	letter-spacing:3px;
	font-weight: normal;
	width: 270px;
	word-spacing: 6px;
	padding-left: 7px;
}
.containeur_milieu { /*header: contenu de la partie du milieu */
	height: 55px;
	width: 310px;
	margin-top:35px;
	float: left;
}

.menu_header { 
	height: 29px;
	font-size: 19px;
	float: left;
	/*background-image: url(/images/barre.png);
	background-repeat: no-repeat;
	background-position: 95% bottom;*/
	background: url(/images/sprites.png) no-repeat 0px -488px;
	padding-left: 17px;
	margin-right: 8px;
}

.no_background { /*header: permet de supprimer une image de fond pour le dernier élément du menu*/
	background-image:none !important;
}
.containeur_droite { /*header: contenu de la partie de droite */
	height: 90px;
	width: 370px;
	float: right;
	position: relative;
}

.menu_lien_haut { /* header: liens en haut à droite en mode non loggé: "registration"+"login" */
	height: 20px;
	background-repeat: no-repeat;
	padding-right: 10px;
	font-size: 13px;
	padding-top: 5px;
	float: right;
}
.menu_lien_img_basket { /* header: background image "Your basket" */
	height: 20px;
	background-image: url(/images/basket.png);
	background-repeat: no-repeat;
	background-position: 90% top;
	padding-left: 20px;
	padding-right: 30px;
	float: right;
}
.menu_lien_img_triangle { /* header: background image "Countries" */
	height: 20px;
	float: right;
	background-image: url(/images/triangle.png);
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 10px;
	background-position: right center;
}


.menu_droite_haut { /*header: contenu de la partie en haut à droite */
	float: right;
	height: 40px;
	width: 380px;
}

.menu_droite_bas { /*header: contenu de la partie en bas à droite height: 40px;*/
	
	width: 350px;
	margin-top: 25px;
	float: right;
}
.menu_lien_bas { /*header: liens en bas à droite: take a tour, your basket, countries*/
	height: 20px;
	font-size: 13px;
	font-style: normal;
	float: right;
}

.bouton_become_artiste { /* header: police et placement réhaussé du bouton become an artiste en haut à droite */
	float: right;
	padding: 12px 6px 8px 6px ;
	margin: -5px 5px 5px 5px;
  color: #FFFFFF;
	background-color: #006633;
  font-style: normal;
	font: 400 14px 'trebuchet ms',helvetica,sans-serif; 
  letter-spacing: 0.5px;
	cursor: pointer;
  /*
	-moz-border-radius: 0 0 5px 5px; 
  -webkit-border-radius: 0 0 5px 5px; 
  */
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
  behavior: url('/css/ie-css3.htc'); 
  position: relative;
  z-index: 100;
  
}
.bouton_become_artiste:hover {
	background-color: #6BBA70;
	color: #FFFFFF;
}
#login_facebook{ /* header: bouton fb en haut à droite */
	float: right;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 0px;
	height: 20px;
	cursor: pointer;
}
.menu_welcome_artist { /*header: texte en haut à droite en mode logged in: "Welcome Prénom Nom" */
	font-size: 11px;
	color:#555555;
	float: right;
	text-align: right;
	padding-right: 7px;
	width: 220px;
	text-transform: capitalize;
}
.menu_my_profilet_logout { /*header: liens en haut à droite en mode logged in */
	font-size: 11px;
	float: right;
	text-align: right;
	padding-right: 5px;
}
.icone_barre { /*header: barre entre les liens My profile et Logout en haut à droite */
	text-align: right;
	padding-right: 5px;
	float: right;
	font-size: 11px;
	font-style: bold;
	padding-left: 0px;
	padding-top: 2px;
}


/* FOOTER */
.cadre_footer { /* footer: cadre répétée sur la largeur */
	height: 190px;
	background-color: #eeeeee;
	background-repeat: repeat-x;
	margin:auto;
  margin-top: 50px;
	/*
  margin-top: -8px;
	margin-right: -8px;
	margin-bottom: auto;
	margin-left: -8px;*/
}
.cadre_menu { /* footer: cadre du footer */
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #555555;
	font-weight: bold;
	height: 190px;
	width: 980px;
	margin:auto;
	background-color: #eeeeee;	
}

.menu_footer { /* footer: colonne du footer */
	width: 155px;
	padding-top: 20px;
	float: left;
	padding-left: 8px;
}

.menu_footer  a { /* footer: taille des liens du footer */
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 10px;
	width: 120px;
}
.menu_footer  a:hover {
    text-decoration: underline;
}

.lien_footer { /* footer: mise en forme des liens du footer */
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	position: relative;
	margin-top: 10px;
	display:block;
  color:#66AA77;
  text-transform: none;
}

.pied_footer { /* footer: pied: 2010 Artsetter */
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #555555;
	height: 20px;
	margin-top: 5px;
	padding-left: 8px;
}

/* fin du footer */


/* Language selection */
.language {
  text-transform: capitalize;
}

#language_selection {
	background-color: #f8f8f8;
  padding: 10px;
  display: none;
  margin-top: -40px;
}
#language_selection_inner {
  margin:auto;
	width: 980px;
	text-align: right;
}
#facebook_flash {
	background-color: #3B5998;
  padding: 10px;
  color: #FFFFFF;
  font-size: 14px;
  margin-top: -40px;
}
#facebook_flash_inner {
  margin:auto;
	width: 980px;
}
/* LOGIN FORM*/
.forgot_password {
  margin-top: 5px;
  float: right;
  font-size: 11px;
  font-style: italic;
}

/* CONTENT */

#main {
  margin:auto;
	width: 980px;
	min-height: 300px;
	/*padding-top: 15px;
	padding-bottom: 15px;*/
}




/* Début de la Colonne de gauche*/


.background_colonne_gauche { /* cadre de la colonne de gauche avec l'ombre mis en image et répétée à droite */
	background-image: url(/images/background_colonne_gauche.png);
	background-repeat: repeat-y;
	width: 145px;
	margin-left: 0px;
	height: auto;
	background-position: right;
	margin-right: 15px;
	padding-bottom: 30px;
	position: relative;
	float: left;
}
.titre_colonne_gauche { /* titre des éléments de la colonne de gauche */
	text-align: left;
	font-size: 13px;
	text-transform: uppercase;
	width: 125px;
	/*background-image: url(/images/rond_colonne_gauche.png);
	background-position: 98% left;
	background-position: left 40%;*/
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-left: 3px;
	margin-top:30px;
	
	height: 14px;
	
	background: url(/images/sprites.png) no-repeat 0 -184px;
}


.menu_colonne_gauche {
	width: 140px;
	font-size: 13px;
	text-align: left;
	text-transform: lowercase;
	margin-left:14px;
	font-weight:bold;
}


.menu_colonne_gauche  a{
	color: #66AA77;
	font-weight: normal;
}
.menu_colonne_gauche  a:hover{
	color: #555555;
}
/*
.menu_colonne_gauche  a:visited{
	color: #555555;
	font-weight: bold;
}
*/
.search_colonne_gauche { /* élément "search" de la colonne de gauche */
	font-size: 13px;
	font-weight: normal;
	color: #555555;
	line-height: 14px;
	text-align: right;
	background-color: #eeeeee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	float: right;
	height: 18px;
	width: 115px;
	margin-bottom: 15px;
	text-transform: lowercase;
	margin-right: 6px;
	margin-left: 15px;
	text-decoration: none;
}

.cadre_map { /*cercle de couleur pour la colonne de gauche*/
	width: 120px;
	height:110px;
	margin-top:15px;
	margin-left:10px;
}


/* Fin de la Colonne de gauche*/



.cadre_principal_avec_colonne_gauche{ /* cadre central entre le header et le footer*/
	width: 820px;
	margin:0px;
	height:auto;
	float: left;
	margin-top:20px;
}

/* Gallery*/

.cadre_4_oeuvre_grande_avec_cartel { /* cadre qui contient 4 oeuvres 180px */
	width: 810px;
	height: 255px;
	float:left;
	margin-left: 8px;
	margin-bottom: 30px;
}

.oeuvre_grande_avec_grande_marge { /* taille de la vignette d'une grande oeuvre 180px avec une marge de 30 Ã  gauche*/
	height: 180px;
	width: 180px;
	float:left;
	padding-left: 0px;
	margin-left: 30px;
}

.likes {
	width: 32px;
	float: right;
	font-size: 11px;
	color: #555555;
	margin-top: -12px;
	margin-right: 4px;
}

.Ilike {
	background-color: #eeeeee;
	width: 23px;
	float: right;
	font-family: arial, "sans serif";
	font-size: 11px;
	color: #66AA77;
	margin-top: -20px;
	margin-right: 4px;
}

.cadre_cartel_180 {
	background-color: #eeeeee;
	width: 180px;
  height: 76px;
}

.info_cartel_180 {
	float: left;
	font-size:11px !important;
	color:#555555;
	height: 18px;
	text-decoration: none;
	margin-left: 3px;
}

.likes {
	height:18px;
	width: 49px;
	font-size: 11px !important;
	color: #555555;
	text-align: right;
	margin-left: none;
	margin-right: 3px;
}

.i_like {
	height:18px;
	/*width: 30px;*/
	float: right;
	font-size: 12px;
	text-align: right;
	margin-left: none;
	margin-right: 3px;
}
/*
.pastille_rouge_petite{
	background-image:url(/images/rond_rouge_petit.png);
	background-position:50% 95%;
	background-repeat:no-repeat;
}*/

.pastille_rouge_grande{
	/*background-image:url(/images/rond_rouge_grand.png);
	background-position:bottom;
	background-repeat:no-repeat;*/
	background: url(/images/sprites.png) no-repeat 0px -198px;
}


.menu_tri { /*gallery: menu de tri sous le titre h2 (ou h3)*/
	height: 20px;
	font-size: 13px;
	padding-left: 13px;
	padding-right:8px;
	background: url(/images/sprites.png) no-repeat 0px -235px;
	text-align: left;
	text-transform: capitalize;

	width: auto;
	float: left;
	text-decoration: none;
	margin-top:2px;
}
a.menu_tri{
	color:#66AA77;
}
a.menu_tri:hover, visited {
	color:#555555;
	text-decoration:none;
}

.cadre_menu_tri {/*gallery: cadre du menu tri sur les pages gallery*/
	height: 20px;
	width: 800px;
	margin-top: -25px;
	margin-left: 8px;
	margin-bottom: 30px;
}


/* Pagination*/

.cadre_pagination { /*cadre avec fond image double ligne pour la pagination*/
	margin-top: 30px;
	/*background: transparent url(/images/ligne_degrade_double.png) no-repeat left top;*/
	background: transparent url(/images/sprites.png) no-repeat 0px -259px;
	height: 26px;
	width:810px;
	text-align: center;
	
}

ul, ol {
    list-style-type: none;
	margin-top:0; margin-bottom:0;
	padding-top:0; padding-bottom:0;
}
.cadre_pagination span{ /*style des liens de pagination: numéro et précedent, suivant*/
	font-style:normal;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
	line-height: 26px;
	border:0;
}

.cadre_pagination a{ /*style des liens de pagination: numéro et précedent, suivant*/
	font-size:13px;
	color:#66aa77;
	font-style:normal;
	text-decoration:none;
}

.cadre_pagination a:hover, active {
	color:#555555;
	text-decoration:none;
}

.bloc_vide_marge { /*bloc vide pour faire l'espace entre précédent (resp suivant et les numéros)*/
	padding-left: 90px;
	padding-right: 90px;
	width: auto;
}

/* Page details oeuvre */
/* page oeuvre : début */

.contenu_fiche_oeuvre { /* page oeuvre: cadre contenant l image la description et le cartel et l'in situ*/
	padding-left: 8px;
	width: 980px;
	float: left;
	margin-top: 10px;
}

.image_oeuvre_principale { /* page oeuvre: cadre contenant l'image de l'oeuvre de la page principale*/
	height: auto;
	width: 530px;
	float: left;
	text-align: center;
}

.cartel_oeuvre_principale { /* page oeuvre: cadre contenant le cartel de l'oeuvre de la page principale*/
	height: auto;
	width: 360px;
	float: right;
	background-image: url(/images/ombre_gauche_colonne_droite.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 20px;
}

.cadre_principal_page_oeuvre {/* page oeuvre: cadre contenant tout le 1er bloc de la page*/
	height: auto;
	width: 980px;
	float: left;
}


.cadre_photo_avec_description {/* page oeuvre: cadre contenant l'image de la photo, les liens, la description et les tags*/
	height: auto;
	width: 530px;
	float: left;
	margin-left: 20px;
}

.cadre_liens_page_oeuvre {/*page oeuvre: cadre des liens sous l'image principale*/
	height: auto;
	width: 530px;
	float: left;
	margin-top: 30px;
	margin-bottom: 15px;
}

.lien_page_oeuvre { /*page oeuvre: cadre des liens sous l'image principale*/
	height: 20px;
	background-image: url(/images/barre_courte.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	
	font-size: 13px;
	padding-right:20px;
	margin-right: 20px;
	
	text-align: left;
	color:#66AA77;
	width: auto;
	text-decoration: none;
}


a.lien_page_oeuvre:hover, visited {
	color:#555555;
	text-decoration:none;
}

.number_of_views { /*page oeuvre: cadre des liens sous l'image principale*/
	height: 20px;
	font-size: 13px;
	padding-left: 10px;
	text-align: left;
	color:#555555;
	width: auto;
	text-decoration: none;
	background-position: 0% 50%;
	background-image: url(/images/barre_courte.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right:10px;
}

.cadre_description_oeuvre {/*page oeuvre: cadre de la description sous l'image principale*/
	height: auto;
	width: 510px;
	float: left;
	text-align: justify;
	font-size: 12px;
	margin-bottom: 15px;
}

.info_nom_artiste { /*page oeuvre: mise en forme du lien du nom sur le cartel de droite*/
	font-size: 15px;
	font-weight: bold;
	height: 20px;
}

.detail_oeuvre_cartel { /*page oeuvre: mise en forme des détails de l'oeuvre sur le cartel de droite*/
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	float:left;
	margin-top:20px;
	width: 310px;
	height: auto;
	text-align: left;
}


.detail_oeuvre_cartel:first-line { /* profile: ligne sous lignée à l'intérieur de chaque colonne */
	font-weight: bold;
}


.bouton_buy { /* page oeuvre: emplacement du bouton */
	font-size: 14px;
	font-style: normal;
	float: left;
	vertical-align: top;
	margin-top: -5px;
	margin-right: 2px;
	padding: 7px;
	border: none;
	color: #FFFFFF;
	background-color: #006633;
	cursor: pointer;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */

}

.selected_size {
  color: #555555;
}
.unselected_size {
  color: #66AA77;
  cursor: pointer;  
}

.artwork_insitu { /* page oeuvre: emplacement de l'in situ */
	height: 228px;
	width: 304px;
	float: right;
	margin-top:30px;
}

.cadre_7_oeuvre_petite { /* page oeuvre: cadre qui contient 7 oeuvres 120px*/
	height: 120px;
	width: 972px;
	margin-right:0px;
	float:left;
	margin-left: 8px;
}

.oeuvre_petite_grande_marge { /* page oeuvre: taille de la vignette d'une petite oeuvre 120px avec une grande marge à gauche*/
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 22px;
}

.image_ombre {
  -moz-box-shadow: 2px 2px 13px #000000;
	-webkit-box-shadow: 2px 2px 13px #000000;
	/*box-shadow: 2px 2px 13px #000000;
  behavior: url('/css/ie-css3.htc'); mise en vert par Sébastien car pb d'affichage à corriger sur IE 7 et 8*/  /* This lets IE know to call the script on all elements which get the 'box' class */
}

.image_diapo {
   -moz-box-shadow: 2px 2px 13px #000000;
	-webkit-box-shadow: 2px 2px 13px #000000;
	box-shadow: 2px 2px 13px #000000;
}
.cadre_subordonne_980{ /* cadre central qui définit des blocs à l'intérieur du cadre principal*/
	width: 980px;
	height:auto;
	float: left;
	margin-top: 35px;
}
.cadre_5_oeuvre_grande { /* cadre qui contient 5 oeuvres 180px */
	width: 980px;
	height: 180px;
	margin-top: 0px;
	margin-left:8px;
	
	float:left;
	margin-bottom: 25px;
}

.cadre_5_oeuvre_grande_avec_cartel { /* cadre qui contient 5 oeuvres 180px */
	width: 972px;
	height: 255px;
	float:right;
	margin-left: 8px;
	margin-bottom: 30px;
}



.cadre_4_oeuvre_grande { /* cadre qui contient 4 oeuvres 180px */
	width: 774px;
	height: 180px;
	margin-top: 0px;
	float:right
}

.oeuvre_grande { /* taille de la vignette d'une grande oeuvre 180px avec une marge à gauche*/
	height: 180px;
	width: 180px;
	margin-left: 18px;
	float:left;
}

.oeuvre_grande_avec_grande_marge { /* taille de la vignette d'une grande oeuvre 180px avec une marge de 30 Ã  gauche*/
	height: auto;
	width: 180px;
	float:left;
	padding-left: 0px;
	margin-left: 30px;
}
.lien_view_more { /* lien en bas à droite */
	font-size: 11px;
	font-weight: normal;
	margin-right: 0px;
	margin-top: 15px;
	float:right;
	width:950px;
	text-align:right;
	margin-bottom: 10px;
}
/*Vignette jquery*/
.vignette_jquery {
  position: relative;
}

.slide {
	padding:5px;
	background-color:#eeeeee;
}
/* Page Profile*/
.cadre_menu_profile { /* cadre du menu de la page d'un membre artiste ou non */
	float: left;
	width: 980px;
	height: 110px;
	margin-left: 8px;
	margin-bottom: 30px;
}

.cadre_menu_profile_liens{ /* liens à l'intérieur du cadre du menu de la page d'un membre artiste ou non */
	float: left;
	width: 800px;
	height: 110px;
	margin-left: 20px;
	font-size:13px;
	padding-top: 5px;
}

.photo_profile_bordure {
	height: 90px;
	width: 90px;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 10px;
	margin-bottom: 5px;
	float:left;
}

.containeur {
	margin: auto;
	height: 800px;
	width: 980px;
}
.nom_du_membre {
	font-size: 13px;
	font-weight: bold;
	color: #555555;
	padding-left: 0px;
	padding-top: 3px;
	text-transform: capitalize;
	width: 800px;
}

.lien_add_to_favorite {
	font-size: 13px;
	padding-left: 0px;
	width: auto;
	vertical-align:bottom;
	float: left;
	text-align: left;
	height: 15px;
	margin-top: 0px;
}

.lien_add_to_favorite_profile_page {
	font-size: 13px;
	padding-left: 8px;
	width: auto;
	vertical-align:bottom;
	float: left;
	text-align: left;
	height: 15px;
	margin-top: 0px;
	color:#66AA77;
}

.Titre_CustomerService {
	background-color:#999999;
	width:950px;
	height:30px;
	margin-left:8px;
	margin-top:40px;
	
}
.menu_page_profile { /*emplacement du cadre des liens à l'intérieur du menu de la page d'un membre*/
	height: 20px;
	background-image: url(/images/barre_courte.png);
	background-repeat: no-repeat;
	font-size: 13px;
	padding-left: 20px;
	padding-right:10px;
	background-position: 5% 50%;
	text-align: left;
	text-transform: capitalize;
	color:#66AA77;
	width: auto;
	float: left;
	text-decoration:none;
}

.menu_page_profile_selected { /*emplacement du cadre des liens à l'intérieur du menu de la page d'un membre*/
	height: 20px;
	background-image: url(/images/barre_courte.png);
	background-repeat: no-repeat;
	font-size: 13px;
	padding-left: 20px;
	padding-right:10px;
	background-position: 5% 50%;
	text-align: left;
	text-transform: capitalize;
	color:#555555;
	width: auto;
	float: left;
	text-decoration:none;
	margin-top: 2px;
}

a.menu_page_profile:hover, visited {
	color:#555555;
	text-decoration:none;
}

.sous_menu_page_profile { /*emplacement du cadre des liens à l'intérieur du menu de la page d'un membre*/
	height: 15px;
	background-image: url(/images/barre_courte.png);
	background-repeat: no-repeat;
	font-size: 11px;
	padding-left: 10px;
	padding-right:20px;
	background-position: 95% 50%;
	text-align: left;
	text-transform: capitalize;
	float: left;
}

.cadre_menu_page_profile {/*emplacement des liens à l'intérieur du menu de la page d'un membre*/
	height: 50px;
	width: 800px;
	padding-top: 13px;
	padding-left: 0px;
}

.cadre_sous_menu_page_profile {/*emplacement des liens à l'intérieur du menu de la page d'un membre*/
	height: 30px;
	width: auto;
	padding-top: 22px;
	padding-left: 0px;
	display: none;
}

.photoupload { 
     width:700px;
	 height:120px;
	 margin-left:8px;
	 margin-top:40px;
}

.photoupload_gauche {
     height:120px;
	 width:120px;
	 background-color:#666666;
	 float:left;
}

.photoupload_droite {
           width:550px;
		   float:right;
}

.Baa a {
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #66aa77;
	text-decoration:none;
	left: 196px;
	top: 86px;
}
.Baa a:hover {
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #006633;
	text-decoration:none;
}

.txtuploadphoto {
	font-family:arial, sans-serif;
	font-style:italic;
	font-size:13px;
	color:#555555;
	padding-left:25px;
	padding-top:50px;
	width:600px;
}

/* page profile de l'artiste (le menu de la page profile se trouve en haut du css */


.cadre_profile_info { /* profile: cadre contenant toutes les colonnes de la rubrique profile de la page */
	float: left;
	width: 972px;
	height:auto;
	height: auto;
	margin-left: 8px;
}

.colonne_profile_info { /* profile: cadre contenant une colonne de la rubrique profile de la page */
	float: left;
	width: 200px;
	height:auto;
	margin-right: 50px;
}

.ligne_profile_label { /* profile: ligne sous lignée à l'intérieur de chaque colonne */
	text-transform: capitalize;
	width:100px;
	float: left;
	height: 18px;
	border-bottom: solid #eeeeee 1px;
	text-align: left;
	margin-top: 5px;
}

p.ligne_profile_label { /* profile: ligne sous lignée à l'intérieur de chaque colonne */
	text-transform: capitalize;
	line-height: 18px;
	border: none;
}

.ligne_profile_response { /* profile: ligne sous lignée à l'intérieur de chaque colonne */
	width:100px;
	text-align: right;
}

.colonne_profile_petite_taille { /* profile: cadre contenant une colonne de la rubrique profile de la page */
	float: left;
	width: 100px;

}

.about_the_artist{ /* page profile: emplacement de l'about artist dans le cadre "profile" */
	font-style:normal;
	font-size:12px;
	margin-left:8px;
	width:972px;
	text-align:justify;
	float: left;
	margin-top: 25px;
}

.bouton_edit_my_account { /* page profile: emplacement du bouton */
	font-size: 13px;
	font-style: normal;
	float: left;
	padding-left:10px;
	padding-right:10px;
	vertical-align: top;
	margin-top: -15px;
	margin-left: 5px;
		font: 400 13px 'trebuchet ms',helvetica,sans-serif; 
  letter-spacing: 0.5px;
}

.lien_view_more_fleche { /*lien cliquable qui descend la page pour introduire d'autres éléments */
	font-size: 11px;
	font-weight: normal;
	margin-right: 0px;
	margin-top: 15px;
	float:right;
	width:950px;
	text-align:right;
	margin-bottom: 10px;
	background-image: url(/images/triangle.png);
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 10px;
	background-position: right 80%;
	color: #66aa77;
	cursor: pointer;
}

/* fin de la page profile */


.info_cartel_180_green {
	color: #66AA77;
	font-size:11px;
	margin-left: 3px;
	line-height: 20px;
		
}

.likes_jquery { /* jquery vignette: nombre de likes */
	width: 32px;
	float: right;
	font-size: 11px;
	color: #555555;
	text-align: right;
}

.i_like_jquery { /* jquery vignette: liens i like */
	width: 30px;
	float: right;
	font-size: 12px;
	margin-top: -20px;
	text-align: right;
	padding-top: 23px;
	color: #66AA77;
}
/* ARTISTE */
.cadre_favorite_artist{ /* cadre pour la ligne des favorite artistes*/
	height: auto;
	width: 945px;
	float: left;
	margin-left: 8px;
	margin-top: 20px;
	padding-bottom: 20px;
}
.oeuvre_petite { /* taille de la vignette d'une petite oeuvre 120px avec une marge à gauche*/
	/*height: 120px;*/
	width: 120px;
	float: left;
	margin-left: 12px;
}

.cadre_artist_page_gallery{ /* gallery: cadre pour la ligne des artist de la page gallery*/
	height: 150px;
	width: 812px;
	float: left;
	margin-left: 8px;
	margin-top: 20px;
}
.filet_de_separation { /* filet gris de séparation entre deux ligne*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.info_artiste_photo_profile{
	float: left;
	margin-left: 15px;
	width: 170px;
	height:110px;
}

.info_artiste_photo_detail{ /* gallery: info que l'on trouve à coté de la photo de profil*/
	text-align: left;
	width: 170px;
	font-size:12px;
	margin-left:0px;
	color:#555555;
	margin-bottom:5px;
	height:16px;
	float: left;
}

.info_artiste_photo_detail_favorite{/* gallery: lien add as a favorite sur info que l'on trouve à coté de la photo de profil*/
	text-align: left;
	width: 170px;
	font-size:12px;
	margin-left:0px;
	margin-bottom:0px;
	height:16px;
	float: left;
	padding-top: 14px;
}

.success {
  padding: 10px 0 10px 0;
  color: #66AA77;
}

/* PAge candidate*/
.cadre_info_artiste_vote { /* page vote: cadre qui contient le texte des infos lorsque l'utilisateur déroule*/
	width: 648px;
	margin-top: 10px;
	margin-right:0px;
	height: auto;
	float: right;
	display: none;
}
.cadre_vignette_cartel_120 {
	width: 120px;
	height: auto;
	margin-left: 12px;
	float: left;
}
.cadre_cartel_120 {
	background-color: #eeeeee;
	width: 120px;
	float: left;
	margin-top: 3px;
	font-size: 11px;
	height: 60px;
	display:none;
}

.info_cartel_120 {
color:#555555;
float:left;
font-size:11px;
height:18px;
padding-left:4px;
width:110px;
}
.lien_hide { /* lien en bas à droite */
	font-size: 11px;
	font-weight: normal;
	margin-right: 0px;
	margin-top: 15px;
	float:right;
	width:950px;
	text-align:right;
	margin-bottom: 10px;
	color: #66aa77;
	display: none;
	background-image: url(/images/triangle-up.png);
	background-repeat: no-repeat;
	background-position: right 80%;
	padding-right: 20px;
	cursor: pointer;
}


.about_texte_home{ /* home: format du texte en bas de page*/
	font-style:normal;
	font-size:12px;
	margin-left:100px;
	padding-left:0px;
	width:700px;
	text-align:justify;
	margin-bottom: 20px;
	color:#555555
}
.about_texte_home_min{ /* home: format du texte en bas de page*/
	font-style:normal;
	font-size:12px;
	margin-left:60px;
	padding-left:0px;
	width:600px;
	text-align:justify;
	margin-bottom: 20px;
	color:#555555
}

.cadre_home_980{ /* home cadre central contenant la col de droite*/
	width: 980px;
	margin:0px;
	height:auto;
}
.cadre_principal_avec_colonne_droite{ /* home: cadre central entre le header et le footer*/
	width: 735px;
	margin:0px;
	height:auto;
	float: left;
}

/*début colonne droite    */ 
  
  .cadre_colonne_droite {   /* home: cadre col de droite qui contient l'ombre portée à gauche */
	width: 245px;
	background-image: url(/images/ombre_gauche_colonne_droite.png);
	background-repeat: repeat-y;
	background-position: 15px;
	float: right;
	padding-top: 15px;
}

.lien_menu_droite_accueil {
  font-style:italic;
  color: #555555;
}
.lien_menu_droite_accueil:visited {
  color: #555555;
}  
  
.titre_how_it_works {/* home: police et style et mise en forme des titres de la section de la col de droite: "how it works"*/
	font-style:italic;
	font-size:13px;
	padding-left:18px;
	width:180px;
	text-align:left;
	/*background-image: url(/images/NumberNUL.png);
	background-repeat: no-repeat;
	background-position: 1px 2px;*/
	background: url(/images/sprites.png) no-repeat 0px -290px;
	padding-top: 3px;
	padding-bottom: 2px;
	text-transform: uppercase;
}


.texte_how_it_works { /* home: police et style et mise en forme du texte de la section de la col de droite: "how it works"*/
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #555555;
	line-height: 14px;
	text-align: left;
	width: 200px;
	margin-bottom: 10px;
	padding-top: 10px;
}



.background_how_it_works1 { /* home: icon lié au 1er titter de la section de la col de droite: "how it works"*/
	padding-left:18px;
	/*background-image: url(/images/Number1.png);
	background-repeat: no-repeat;
	background-position: 1px 2px;*/
	background: url(/images/sprites.png) no-repeat 0px -310px;
	
	padding-top: 3px;
	margin-top: 15px;
	
	padding-bottom: 2px;
}
.background_how_it_works2 {/* home: icon lié au 2e titter de la section de la col de droite: "how it works"*/
	padding-left:18px;
	/*background-image: url(/images/Number2.png);
	background-repeat: no-repeat;
	background-position: 1px 2px;*/
	background: url(/images/sprites.png) no-repeat 0px -563px;
	
	padding-top: 3px;
	padding-bottom: 2px;
}
.background_how_it_works3 {/* home: icon lié au 3e titter de la section de la col de droite: "how it works"*/
	padding-left:18px;
	/*background-image: url(/images/Number3.png);
	background-repeat: no-repeat;
	background-position: 1px 2px;*/
	background: url(/images/sprites.png) no-repeat 0px -350px;
	
	padding-top: 3px;
	padding-bottom: 2px;
}

.titre_rubrique_colonne_droite {/* home: police et style et mise en forme des titres de chaque section de la col de droite*/
	font-size: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 40px;
	line-height:20px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
.background_iconas_rubrique_colonne_droite {/* home: icon lié au titre de la col de droite: "how it works"*/
	background-image: url(/images/icon-Artsetter.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 2px;
}

.background_loupe_rubrique_colonne_droite {/* home: icon lié au titre de la col de droite: "search"*/	
	background-image: url(/images/Loupe.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 5px;
	height: 30px;
	margin-left: 0px;
}

.background_fond_rubrique_colonne_droite { /* home: background de chaque section de la col de droite qui contient ombre de séparation en bas*/
	background-image: url(/images/ombre_basse_colonne_droite.png);
	background-position:  left top;
	background-repeat: no-repeat;
	width: 215px;
	margin-left: 20px;
	padding-bottom: 15px;
	padding-left: 10px;
	
	padding-top: 20px;
	height: auto;
}



.background_colonne_droite { /* home: background de la section search de la partie de la colonne de droite */
	width: 145px;
	margin-left: 0px;
	float:left;
}


.background_cadenas_rubrique_colonne_droite {/* home: icon lié au titre de la col de droite: "artsetter secure process"*/
	background-image: url(/images/cadenas.png);
	background-repeat: no-repeat;
	background-position: right 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 25px;
	padding-top:7px;
	text-align: left;
}


.background_our_secure_process1 {/* home: icon lié au 1er titter de la section de la col de droite: "our secure process"*/
	/*
	background-image: url(/images/Number1Blanc.png);
	background-repeat: no-repeat;
	background-position: left center;
	*/
	background: url(/images/sprites.png) no-repeat 0px -372px;
	
	padding-top: 5px;
	padding-bottom: 2px;
	width: 110px;
	height: 35px;
	padding-left: 30px;
}
.background_our_secure_process2 {/* home: icon lié au 2e titter de la section de la col de droite: "our secure process"*/
	padding-left:30px;
	
	/*background-image: url(/images/Number2Blanc.png);
	background-repeat: no-repeat;
	background-position: left center;
		*/
	background: url(/images/sprites.png) no-repeat 0px -407px;
  padding-top: 5px;
	padding-bottom: 2px;
	width: 110px;
	height: 35px;
}
.background_our_secure_process3 {/* home: icon lié au 3e titter de la section de la col de droite: "our secure process"*/	padding-left:30px;
	/*background-image: url(/images/Number3Blanc.png);
	background-repeat: no-repeat;
	background-position: left center;
		*/
	background: url(/images/sprites.png) no-repeat 0px -444px;
  padding-top: 5px;
	padding-bottom: 2px;
	width: 120px;
	height: 35px;
}
  
.titre_our_secure_process {/* home: police et style et mise en forme des titres de la section de la col de droite: "our secure process"*/
	font-size:11px;
	text-align:left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 2px;
	color:#66AA77;
	font-weight: bold;
}
.background_telephone_rubrique_colonne_droite {/* home: icon lié au titre de la col de droite: "contact"*/
	background-image: url(/images/telephone.png);
	background-repeat: no-repeat;
	background-position: right 1px;
	margin-top: 15px;
	padding-top: 10px;
	height: 25px;
	padding-left: 0px;
	margin-left: 0px;
}



.bouton_gris_colonne_droite{ /* home: bouton gris col de droite "contact"*/
	
	padding: 9px;
	border: none;
	color: #FFFFFF;
	background-color: #555555;
	cursor: pointer;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
	margin-left: 70px;
	font: 400 11px 'trebuchet ms',helvetica,sans-serif; 
  letter-spacing: 0.5px;
}
.bouton_gris_colonne_droite:hover {/* home: bouton gris col de droite "contact"*/
	background-color: #999999;
	color: #FFFFFF;
}


.background_fond_rubrique_colonne_droite_search {  /* home: background de la section search de la col de droite qui contient ombre de séparation en bas*/
	background-image: url(/images/ombre_basse_colonne_droite.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 215px;
	padding-left: 10px;
	margin-bottom: 20px;
	height: auto;
	margin-left: 20px;
	padding-top: 20px;
}

/* fin colonne droite*/
/* Diporama homepage*/
#diapo_sous_titre {
  font-size: 12px;
  color: #555555;
  text-transform: capitalize;
  margin-top: 10px;
  width:600px;
}
#maindiapo {
  margin: auto; 
  padding-bottom: 30px; 
  padding-top: 5px; 
  width:600px;
}
.diapo {
  margin-bottom: 10px;
}

#prevdiapo {
  cursor:pointer;
  margin-right:15px;
  
  background: url(/images/sprites.png) no-repeat -1px -523px;
  width: 17px;
  height: 16px;
  float:left;
}
#playdiapo {
  cursor:pointer;
  background: url(/images/sprites.png) no-repeat -24px -523px;
  width: 10px;
  height: 16px;
  float:left;
}
#pausediapo {
  cursor:pointer;
  background: url(/images/sprites.png) no-repeat -39px -523px;
  width: 12px;
  height: 16px;
  float:left;
}
#nextdiapo {
  cursor:pointer;
  margin-left:15px;
  background: url(/images/sprites.png) no-repeat -55px -523px;
  width: 17px;
  height: 16px;
  float:left;
}
#diapo_artwork_link{
    color:#555555;
}
#diapo_artist_link {
  font-style: italic;
  color:#555555;
  text-transform: capitalize;
  margin-left: 5px;
}
/* fin jquery vignette oeuvre */



/* ddébut page edit artist-membre */


.background_colonne_gauche_edit { /* page artist edit: cadre de la colonne de gauche avec l'ombre mis en image et répétée à droite */
	background-image: url(../images/background_colonne_gauche.png);
	background-repeat: repeat-y;
	width: 170px;
	margin-left: 0px;
	height: inherit;
	background-position: right;
	padding-bottom: 30px;
	position: relative;
	float: left;
	margin-right: 30px;
}
.titre_colonne_gauche_edit { /* page artist edit: titre des éléments de la colonne de gauche */
	text-align: left;
	font-size: 15px;
	text-transform: uppercase;
	width: 180px;
	height: 14px;
	margin-bottom: 20px;
	margin-left: 8px;
	margin-top: 30px;
}


.menu_colonne_gauche_edit { /* page artist edit:  éléments de la colonne de gauche */
	width: 180px;
	font-size: 14px;
	text-align: left;
	margin-left:8px;
	line-height: 30px;
}


.menu_colonne_gauche_edit  a{
	color: #66AA77;
}
.menu_colonne_gauche_edit  a:hover{
	color: #555555;
}
/*.menu_colonne_gauche_edit  a:visited{
	color: #555555;
	font-weight: bold;
}*/

.cadre_formulaire_petite_largeur { /* page edit profile: cadre du formulaire*/
	/*width:350px;*/
	height:auto;
	margin-top:20px;
	margin-left:8px;
	margin-bottom:20px;
}

.cadre_formulaire_petite_largeur th {
  width: 230px;
}
.cadre_formulaire_petite_largeur table {
  width: 390px;
}
.case_a_cocher {
	margin-top: 0px;
}

.label_edit {/* page edit membre: ligne contenant le label */
	font-size:13px;
	color:#555555;
	text-align:left;
	float:left;
	padding-top:10px;
	width:125px;
}

.row_edit { /* page edit membre: ligne contenant le label et la zone de texte*/
	width:350px;
	height:auto;
	float:left;
	margin-bottom: 10px;
}

.bouton_save_edit { /* page edit membre: ligne contenant le label et la zone de texte*/
	margin-top: 15px;
}

.label_edit_long {/* page edit membre: ligne contenant le label */
	font-size:13px;
	color:#555555;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	width:350px;
}

.photo_profile { /* photo de profile dans la partie edit*/
	height: 90px;
	width: 90px;
	float:left;
}

.cadre_vente_edit{ /* cadre contenant chaque ligne d'une vente*/
	width: 772px;
	height:auto;
	float: left;
	margin-left:8px;
	margin-bottom: 20px;
}

.cadre_principal_edit{ /* page edit: cadre central*/
	width: 780px;
	margin:0px;
	height:auto;
	float: left;
	margin-bottom: 10px;
}

.colonne_profile_edit { /* page edit: cadre contenant une colonne de la rubrique profile de la page */
	width: 150px !important;
	float: left;
}

.colonne_profile_info_left_margin { /* page edit: cadre contenant une colonne de la rubrique profile de la page */
	float: left;
	width: 200px;
	height:auto;
	margin-left: 30px;
}

.cadre_info_edit {
	background-color: #eeeeee;
	width: 120px;
	height:15px;
	float: left;
	padding-top: 3px;
	padding-bottom: 2px;
}

.line_info_edit {
	/*width: 115px;*/
	width: 105px;
	
	float: left;
	text-align: left;
	padding-left: 4px;
	
	padding-bottom: 4px;
}

.line_info_edit_numero {
	width: 58px;
	height:15px;
	float: left;
	padding-left: 2px;
}

.cadre_oeuvre_edit{ /* cadre contenant chaque ligne d'oeuvres */
	width: 665px;
	/*height:150px;*/
	float: left;
	margin-left:8px;
}

.cadre_bouton_gallery_edit{ /* cadre contenant les deux boutons */
	width: 150px;
	height:30px;
	float: left;
	margin-left:8px;
	margin-top:30px;
}

.edit_artwork_link{
  cursor:pointer;
}

.not_complete {
  
   border:2px solid #DB1E32 !important;
  
}
.oeuvre_petite_edit { /* taille de la vignette d'une petite oeuvre 120px avec une marge à gauche*/
	/*height: 120px;*/
	width: 120px;
	float: left;
	margin-right: 12px;
	margin-bottom:12px;
}
.delete_artwork{
  cursor:pointer;
  margin: 3px 2px 0 0;
}
/* fin page edit artist-membre */


/*INSITU*/
#insitu {
  width: 350px;
  height: 344px;
  background-image: url(/images/insitu.jpg);
	background-repeat: no-repeat;
	background-position: left center;
  /*border: 1px solid #000000;*/
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  display:none;
}
#insitu_img{
  position:absolute; 
  display:none;
  -moz-box-shadow: 1px 1px 5px 0 #000000;
	-webkit-box-shadow:  1px 1px 5px 0 #000000;
	box-shadow: 1px 1px 1px 1px #000000;
  behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */

}
.address_bloc{
 margin: 10px 20px 10px 0; 
 float: left;
}
.address {
  margin-left:15px;
}
.addresscommande {
  margin:10px 0px 15px 15px;

}
.addresscommande a, .addresscommande span {
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/css/ie-css3.htc');
  background-color:#555555;
  border:medium none;
  color:#FFFFFF;
  cursor:pointer;
  float:left;
  font-size:14px;
  font-style:normal;
  margin-right:10px;
  padding:7px;
  vertical-align:top;

}
a.use_link{
  background-color:#006633;
  
}

#login_form input[type="text"], #login_form input[type="password"] {
  width:170px;
}

.makeanoffer{
  cursor:pointer;
}

/* avis des experts*/



.cadre_avis_expert { /*home, profile: cadre du bloc avis des experts*/
	width: 727px;
	margin-left: 8px;
	margin-bottom: 20px;
	min-height: 275px;
	top: 0px;
	margin-top: 25px;
	float: left;
}
.cadre_avis_expert_full { /*home, profile: cadre du bloc avis des experts*/
	width: 945px;
	margin-left: 8px;
	margin-bottom: 20px;
	min-height: 275px;
	top: 0px;
	margin-top: 25px;
	float: left;
}

.cadre_img_expert { /*home, profile: cadre de la photo et du nom de l'expert*/
	height:70px;
	width:300px;
	float: left;
}

.info_avis_expert {/*home, profile: mise en forme du nom et titre de l'expert à l'intérieur du cadre_img_expert*/
	margin-top: 0px;
	width: 180px;
	text-align: left;
	margin-left: 70px;
}


.texte_avis_expert { /*home, profile: cadre de la partie texte de l'avis de l'expert*/
	width:500px;
	line-height:14px;
	float: left;
	text-align: justify;
	height: 169px;
	min-height: 169px;
	margin-top: 23px;
	overflow:hidden;
}

.texte_avis_expert_court { /*home, profile: cadre de la partie texte de l'avis de l'expert, version taille courte*/
	width:300px;
	line-height:14px;
	float: left;
	text-align: justify;
	height: 169px;
	min-height: 169px;
	margin-top: 23px;
	overflow:hidden;
}

.texte_avis_expert_full { /*home, profile: cadre de la partie texte de l'avis de l'expert*/
	width:720px;
	line-height:14px;
	float: left;
	text-align: justify;
	height: 165px;
	min-height: 165px;
	margin-top: 23px;
	overflow:hidden;
}

.texte_avis_expert_court_full { /*home, profile: cadre de la partie texte de l'avis de l'expert, version taille courte*/
	width:520px;
	line-height:14px;
	float: left;
	text-align: justify;
	height: 165px;
	min-height: 165px;
	margin-top: 23px;
	overflow: hidden;
}
/* fin avis des experts*/


/*
*/
.breadcrumb {
  color: #66AA77 !important;
  font-size: 15px;
  margin-bottom: 30px;
  margin-left: 8px;
}
.breadcrumb_unit {
  background-image: url(/images/bread-separator.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
.breadcrumb_unit_selected a  {
  color: #006633 !important;
  font-weight:bold;
}
.breadcrumb a, .breadcrumb a:visited{
  color: #66AA77 ;
  font-size: 15px;
}


.panier-artwork {
  width: 540px;
  background-color: #f8f8f8;
  padding: 13px 30px;
  border-top: 1px solid #FFFFFF;
}
.panier-artwork-total {
  width: 540px;
  background-color: #eeeeee;
  padding: 13px 30px;
  border-top: 1px solid #555555;
  text-align: right; 
  padding-top: 20px;
  padding-bottom: 20px; 
  margin-bottom: 30px;
}
.next_panier {
    -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
  behavior: url('/css/ie-css3.htc');
  position: relative;  
  z-index:100;
  background-color:#006633;
  border:medium none;
  color:#FFFFFF;
  cursor:pointer;
  font-size:14px;
  font-style:normal;
  margin-right:10px;
  padding:7px;
  vertical-align:top;
}

.become_artist_ok, .become_artist_ko{
  
  font-size:16px;
  margin: 5px 0 15px 0;
  font-weight:bold;
  padding-top: 15px;
  border-top: 1px solid #eeeeee;
}
.become_artist_ok{
color: #555555;
}
.check_ok{
background: #FFFFFF url(/images/check_green_20.gif) no-repeat right top;
padding-right: 25px;
padding-bottom: 6px;
} 
.become_artist_ko_color{
color: red;
}

/* EXEMPLE Pour boutons round-corner en css3 avec ie-css3.htc*/
.bouton, .bouton_login {
	font-size: 14px;
	font-style: normal;
	padding: 5px;
	border:none;
	background-color: #006633;
	cursor: pointer;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  color: #FFFFFF;
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  /*behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.bouton:hover, .bouton_login:hover {
	background-color: #6BBA70;
	color: #FFFFFF;
}

.bouton {
	behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
}


.boutonGris{
	float:right;
	padding: 5px;
	border: none;
	color: #FFFFFF;
	background-color: #555555;
	cursor: pointer;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
}
#search_button {
  height:24px;
  margin-bottom: 2px;
  padding: 4px;
	border: none;
	color: #FFFFFF;
	background-color: #555555;
	cursor: pointer;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
}
#search {
  border:none !important; 
  width:100px !important;
  margin:2px 0 0 0 !important; 
  float:left !important;
  background-color: rgb(238, 238, 238) !important;
}
.boutonGris:hover {
	background-color: #999999;
	color: #FFFFFF;
}
.bouton_save_edit:disabled {
	background-color: #999999;
	color: #FFFFFF;
}
.boutonGris:disabled {
	background-color: #999999;
	color: #FFFFFF;
}
.bouton_save_edit { /* page edit membre: ligne contenant le label et la zone de texte*/
	margin-top: 15px;
}

.popup_button_vert {
  font-size: 14px;
	font-style: normal;
	padding: 5px;
	border:none;
	cursor: pointer;
  color: #FFFFFF;
	
  background-color: #006633;
	-moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;
  
}
.popup_button_vert:hover {
  background-color: #6BBA70;
}
.popup_button_gris {
  font-size: 14px;
	font-style: normal;
	padding: 5px;
	border:none;
	cursor: pointer;
  background-color: #555555;
	color: #FFFFFF;
	
	-moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;
  
}
#artwork_edit_form select {
  width: 200px;
}
#sizeTable select {
  width: 50px !important;
}
.input_artwork_unit {
  width: 50px !important;
}
.popup_button_gris:hover {
	background-color: #999999;
  
}

#login_form tr {
  height: 25px;
}

/*TAKE A TOUR */
#takeatour {
	font-family: Arial;
	font-size: 64px;
	font-weight: normal;
	color: #7fb3a0;
	padding-right: 50px;
	padding-top: 11px;
	padding-bottom: 0px;
	text-align: right;
	
}
.contenu {
	height: 700px;
	width: 980px;
	float: left;
	background-image: url(/images/fond.gif);
}
.bloc1 {
	height: 300px;
	width: 317px;
	float: left;
	background-image: url(/images/ligne1.gif);
	background-repeat: no-repeat;
	background-position: center 30px;
	padding-left: 80px;
	padding-top: 36px;
	padding-right: 78px;
}
.bloc2 {
	height: 295px;
	width: 300px;
	float: left;
	background-image: url(/images/ligne2.gif);
	background-repeat: no-repeat;
	background-position: 80px 55px;
	padding-top: 57px;
	padding-left: 95px;
	padding-right: 75px;
	text-align: left;
}
.bloc3 {
	height: 260px;
	width: 350px;
	float: left;
	background-image: url(/images/ligne3.gif);
	background-repeat: no-repeat;
	background-position: 60px 60px;
	padding-top: 90px;
	padding-left: 70px;
	padding-right: 72px;
}
.bloc4 {
	height: 280px;
	width: 360px;
	background-image: url(/images/zoom.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 30px;
	padding-left: 100px;
	float: left;
}
#lien {
	font-family: Arial;
	font-size: 15px;
	color: #076c47;
	text-decoration: underline;
	float: left;
	width: 120px;
	margin-left: 140px;
	margin-top: 10px;
}
#titrevert {
	font-family: Arial;
	font-size: 26px;
	color: #076c47;
	float: right;
	margin-top: 20px;
}
#titrevert2 {
	font-family: Arial;
	font-size: 26px;
	color: #076c47;
	float: left;
	height: 40px;
	width: 80px;
	margin-right: 300px;
	margin-bottom: 160px;
}
#titregris {
	font-family: Arial;
	font-size: 24px;
	color: #7b7b7b;
	margin-top: 15px;
	margin-left: -12px;
}
#titregris2 {
	font-family: Arial;
	font-size: 24px;
	color: #7b7b7b;
	float: right;
	margin-top: -72px;
	margin-right: -10px;
}
#bouton3 {
	float: right;
	margin-top: 45px;
	padding-right: 5px;
	font-family: arial;
	font-size: 24px;
	color: #7fb3a0;
}
#bouton2 {
	float: right;
	margin-top: 40px;
	padding-right: 5px;
}
#bouton {
	float: right;
	margin-top: 40px;
	padding-right: 40px;
}
.sousTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #076C47;
	height: 30px;
	width: 350px;
	text-align: left;
	margin-bottom: 5px;
}
.TextCourant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7B7B;
	height: 40px;
	width: 300px;
	text-align: left;
}
#TextCourant2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7B7B;
	height: 60px;
	width: 350px;
	text-align: left;
}
#TextCourant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7B7B;
	height: 40px;
	width: 350px;
	text-align: left;
}
.cadre {
	height: 225px;
	width: 315px;
	margin-top:5px;
}

.artSetter {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #7fb3a0;
	text-align: right;
	vertical-align: bottom;
	padding-right: 50px;
	padding-bottom: 0px;
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 40px;
	margin-left: 32px;
}
.conteneur {
	height: 950px;
	width: 980px;
	margin:auto;
	}
.head {
	float: left;
	height: 59px;
	width: 930px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7fb3a0;
	padding-bottom: 0px;
}

#takeatour {
	font-family: Arial;
	font-size: 64px;
	font-weight: normal;
	color: #7fb3a0;
	text-align: right;
	vertical-align: bottom;
	padding-right: 50px;
	padding-top: 11px;
	padding-bottom: 0px;
}
.TitreParagraphe {
	height: 30px;
	width: 150px;
	padding-left: 96px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	margin-top: 75px;
	font-size: 18px;
}
.paragraphe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	float: left;
	height: 120px;
	width: 500px;
	margin-top: 60px;
	margin-left: 80px;
	text-align: justify;
}
.Fond {
	height: 900px;
	width: 980px;
	background-image: url(../images/TAT/fond.png);
	float: left;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 50px;
	width: 980px;
	padding-top: 82px;
	padding-left: 85px;
	font-size: 26px;
	color: #0B5223;
}
.bouton1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	margin-top: 50px;
}
#register {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 150px;
	text-align: center;
	padding-top: 5px;
	float: right;
	margin-left: -5px;
}
#becomeArtist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-right: 0px;
	float: right;
	margin-top: 0px;
	padding-top: 5px;
	line-height: 13px;
	width: 165px;
}
.Style1 {
	color: #FFFFFF;
	font-size: 16px;
}
#back {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 5px;
	margin-left: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #185C37;
}
#backLegende {
	color: #185C37;
	height: 20px;
	width: 40px;
	float: right;
	margin-top: 2px;
	margin-right: 20px;
	font-size: 24px;
}
.artSetter {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #7fb3a0;
	text-align: right;
	vertical-align: bottom;
	padding-right: 50px;
	padding-bottom: 0px;
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 40px;
	margin-left: 32px;
}
#artist {
	margin-top: 72px;
}
#buyArt {
	margin-top: 70px;
}
#or {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	margin-right: 0px;
	float: right;
	margin-top: 10px;
	padding-top: 5px;
	line-height: 13px;
	width: 30px;
	color: #7fb3a0;
}
.liensousligne:hover {
  text-decoration : underline;
}
#ProfileName_presentation {
  width: 500px;
  height: 150px;
}
.bleu_fonce { /* couleur utilisée sur l'artsetter secure process*/
	color: #004D67;
}

.vert_fonce { /* couleur utilisée sur l'artsetter secure process*/
	color: #006633;
}
.cadre_take_tour_480{ /* cadre des blocs take a tour de 480px */
	float: left;
	width: 435px;
	height: auto;
	margin-top: 30px;
}
 .cadre_take_tour_480_avec_ombre {   /* cadre des blocs take a tour de 480px */
	width: 450px;
	background-image: url(../images/ombre_gauche_colonne_droite.png);
	background-repeat: repeat-y;
	background-position: 0 50%;
	float: right;
	height: auto;
	margin-top: 30px;
	padding-left:25px;
}
.cadre_take_tour_480_avec_bordure_verte{ /* cadre des blocs take a tour de 480px */
	float: left;
	width: 400px;
	height: auto;
	margin-top: 30px;
	border-left:14px solid #006633;
	padding-left:14px;
}
.cadre_take_tour_how_it_works{ /* cadre des blocs take a tour de 480px */
	float: left;
	width: 972px;
	height: 150px;
	margin-top: 30px;
}
.titre_take_tour{ /* cadre des blocs take a tour de 480px */
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 6px;
	margin-top: 20px;
}
.cadre_take_tour_boutons{ /*take a tour: cadre pour les deux boutons*/
	width:950px;
	text-align:center;
	margin-top:50px;
	height:auto;
    float:left;
}
.bouton_take_tour { /*take a tour: bouton vert arrondi*/
  margin-right: 2px;
	padding:  12px 6px 8px;
	border: none;
	color: #FFFFFF;
	background-color: #006633;
  margin-top: -5px;
  float:none !important;
  position:relative;
  z-index:100;
  font:400 14px 'trebuchet ms',helvetica,sans-serif;
  letter-spacing:0.5px;
	cursor: pointer;
  -moz-border-radius: 5px 5px 5px 5px; /* Firefox */
  -webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
  border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/css/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
  
}

.bouton_take_tour:hover {
	background-color: #6BBA70;
	color: #FFFFFF;
}