body{
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(img/bg.gif); background-repeat:repeat-x;
}
form{
     margin:0px
     padding:0px;
     display: inline;
}
h1{
	font-size:22px; font-weight:normal; font-variant: small-caps;
	margin:0 0 0 5px; padding:0;
}
h2{
	font-size:12px; font-weight:bold;
	margin:0 0 0 0; padding:0 5px 0 5px; height:26px; line-height:26px;
	background-color:#e3e5e5;
}
h3{
	font-size:12px; font-weight:bold;
	margin:0 0 0 0; padding:0 0 5px 0;
}

hr {
	color: #e3e5e5; background-color: #e3e5e5;
	height: 1px;
	border: 0; padding:0; margin:0 0 5px 0;
}

a {color:#666; text-decoration:none; outline: none;background-color:transparent; }
a:hover {background-color:#e3e5e5; color:#000;}

a.lien{	color:#0080ff; font-size:12px; }
a.lien:hover, a.search:hover {
	background-color:#FFF; color:#0080ff;
	text-decoration:underline;
}

a.image_a{
	text-decoration:none;
}
a.image_a:hover{
	text-decoration:none;
	border-bottom:0px;
	background: none; 
}

.lien{	color:#0080ff; font-size:12px; }
.lien:hover, a.search:hover {
	background-color:#FFF; color:#0080ff;
	text-decoration:underline;
}

.carre_color_encad{
     float:left;margin:0px;border:2px solid #ffffff;cursor:pointer;
}
.carre_color_encad:hover{
     float:left;margin:0px;border:2px solid #00ffff;cursor:pointer;
}
.carre_color_encad_sel{
     float:left;margin:0px;border:2px solid #48A0DE;     
}

.carre_cadre_encad{
     float:left;margin:2px;width:48px;height:48px;border:3px solid #EEEEEE;cursor:pointer;
}
.carre_cadre_encad:hover{
     border:3px solid #00ffff;cursor:pointer;
}
.carre_cadre_encad_sel{
     float:left;margin:2px;width:48px;height:48px;border:3px solid #48A0DE;
}

a.survol span {
display: none;
}
a.survol:hover,a.survol:focus,a.survol:active {
background: none; /* correction d'un bug IE */
}

a.survol:hover span,a.survol:focus span,a.survol:active span {
display: inline; position: absolute;
z-index: 500;
margin-top:-250px;
margin-left:120px;
background-color:#ffffff;
border: 5px solid #e3e5e5;
 height:auto;
 width:auto;
}

.span_survol {
     display: none;
     position: absolute;
     z-index: 500;
     margin-top:-250px;
     margin-left:160px;
     background-color:#ffffff;
     border: 5px solid #e3e5e5;
     height:auto;
     width:auto;
}

.span_survol_2 {
     display: none;
     position: absolute;
     z-index: 500;
     margin-top:-250px;
     margin-left:-420px;
     background-color:#ffffff;
     border: 5px solid #e3e5e5;
     height:auto;
     width:auto;
}


 

input[type=submit], input[type=reset],  input[type=button] { /*boutons formulaire*/
	border:1px solid #e3e5e5;
	background-color:#e3e5e5;
	height:26px; margin:0; padding:0 8px 0 8px;
	cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover ,  input[type=button]:hover  { /*boutons formulaire*/
	background-color:#aaa;
	color:#e3e5e5;
}

#all { /* Site global */
	margin:0 auto; padding-bottom:12px; margin-bottom:10px;
	width:1110px;
}

#logo {
	float:left;
	padding-top:8px; height:135px;
}
#logo a:hover{
	background-color:#FFF;
}

#header{ /*menu horizontal en haut*/
	margin:0px; padding-top:17px;
	float:right; height:135px;
}
#header a{ 
	background-color:#e3e5e5;
	padding:5px; margin:0 0 0 5px;
}
#header a:hover { 
	background-color:#aaa;
	color:#e3e5e5;
}
#header a.search {
	margin-left:0px; padding:0;
	background-color:#FFF; color:#0080ff;
}
#header input[type=text] {
	height:17px;
     border:3px solid #e3e5e5;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#fff;
	margin:0; padding-left:5px;
}
#header select {
 	border:2px solid #e3e5e5; font-size:11px; vertical-align:bottom;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff; height:18px;
	margin:0; padding:0;
}

#langues { 
	text-align:right;
	margin-right:100px;
	height:50px;
}
#langues a{
	background-color:#FFF;
	padding:0;
}
#langues a:hover {
	background-color:#FFF;
}

#inscription {
	float:right; text-align:center; font-size:12px;
	margin:0 4px 0 35px; padding-top:5px; width:148px; height:135px;
	background-image:url(img/box-inscription.gif); background-repeat:no-repeat; background-position:right top;  
}


#inscription a.lien:hover {
	background-color:#e3e5e5;
}

#menu { /*menu principal à gauche*/
	float:left;	width:223px;
	margin:6px 30px 30px 0; border:1px solid #e3e5e5;
}
#menu ul{
	margin:0; padding: 0; padding-bottom:15px;
	list-style-type: none;	
}
#menu ul li {
	margin:0 5px 0 5px;
	border-bottom:1px dotted #aaa;
}
#menu a{
	display: block; width: 197px;
	padding: 2px 8px;
	text-decoration: none;
	background-color: #FFF; color: #000;
}
#menu a:hover{
	background-color: #e3e5e5; color: #000;
	display: block; width: 197px;
}

#menu .titremenu { /*titres en bleu du menu*/
	margin:15px 0 5px 0;
}
#menu .titremenu a{
	display: block; width: 207px;
	padding: 4px 8px;
	text-decoration: none; text-transform:uppercase; font-weight:bold;
	color: #FFF; background-image:url(img/titremenu.gif); background-repeat:repeat-x;
}

#menu .couleurs {
	padding-bottom:3px; margin-bottom:15px;
	border-bottom:1px dotted #aaa;
}
#menu .couleurs a, #menu .plus a{
	display:inline;
	border-bottom:1px solid #FFF;
}
#menu .couleurs a:hover{
	background-color:#FFF;
}

.gauche { /*partie de gauche quand il n'y a pas de menu*/
	padding:5px;
	width:213px;
}

#content { /* Contenu central */
	float:left; width:855px;
	margin:6px 0 30px 0;
}

#content_encadrement { /* Contenu central */
	float:left; width:760px;
	margin:0px 20px 30px 0;
	text-align:center;
     
}


#content p {
	padding:0; margin:12px 0;
}
#content ul {
	margin:0; padding:0;
}
#content ul li{
	padding:0 0 4px 10px; list-style-type:none; line-height:20px;
	background-image:url(img/puce.gif); background-repeat:no-repeat; background-position:center left;
}

.titre{ /*barre grise des titres*/
	background-color:#e3e5e5;
	font-variant: small-caps; margin:0;
}
.titre td{
	padding-left:5px;
}
.titre a:hover{
	background-color:#e3e5e5;
}
.ss-titre {
	background-color:#f1f1f1; height:25px; line-height:25px; margin:0; padding-left:5px;
}
.lettres{ /*barre grise des lettes dans la liste des artistes*/
	background-color:#e3e5e5; float:left; width:29px;
	font-variant: small-caps; margin:0; margin-right:2px;
}
.lettres a:hover{
	background-color:#e3e5e5;
	
}

.num{
	text-align:right;
	margin-bottom:5px;
}
.num a.active {
	background-color:#e3e5e5; color:#000;
}

form b{
	color:#666;
}

.box { /*box de la home*/
	float:left;
	width:412px; margin-bottom:30px;
}
.box-img {
	width:412px; height:200px; border-left:1px solid #e3e5e5; border-right:1px solid #e3e5e5;
	margin: 0 auto; padding:0; 
}

.box-img_2 {
	width:412px; height:250px; border-left:1px solid #e3e5e5; border-right:1px solid #e3e5e5;
	margin: 0 auto; padding:0; 
	text-align:center;
}

.box-img_2 a:hover {
    background: none; 
     
}
	


.box-img img {
	 padding-left:2px; border:none;	 
}
.image_hm{
     border:1px solid #cccccc;
}
.boxsmall { /*box de la page 2*/
	float:left;
	width:265px; margin-bottom:30px;
}

.boxsmall-img {
	width:265px; height:265px; border-left:1px solid #e3e5e5;  border-right:1px solid #e3e5e5;
	margin: 0 auto; padding:0; 
}
.boxsmall-img img {
	 display:block; margin:0 auto; border:none;
}

.boxmini { /*box de la page 3*/
	float:left;
	width:150px; margin-bottom:30px; margin-right:26px;
}
* html .boxmini{
     margin-right:23px;
}
.boxmini-img {
	width:150px; height:150px; border-left:1px solid #e3e5e5; border-right:1px solid #e3e5e5; border-top:1px solid #e3e5e5;
	margin: 0 auto; padding:0; 
}
.boxmini-img img {
	 display:block; margin:0 auto; border:none;
}
.boxmini td.infosT { /*infos de gauche sous les box*/
	padding:5px; border-left:1px solid #e3e5e5; border-right:1px solid #e3e5e5;
}
.boxmini td.infosB { /*infos en bas, sous les boxs, quand il n'y a pas les boutons details et panier*/
	padding:5px; border-left:1px solid #e3e5e5; border-right:1px solid #e3e5e5; border-bottom:1px solid #e3e5e5;
}

.box td.infosD, .boxsmall td.infosD, .boxmini td.infosD, .box-artiste td.infosD { /*infos de droite sous les box*/
	padding:5px; border-left:1px solid #e3e5e5; border-right:1px solid #e3e5e5; border-bottom:1px solid #e3e5e5;
	text-align:right;
}

.boxbig { /*box de la page de l'oeuvre*/
	float:left;
	width:402px; margin-bottom:40px; margin-right:40px;
}
.boxbig-img {
	width:400px; border-left:1px solid #e3e5e5; border-right:1px solid #e3e5e5; border-top:1px solid #e3e5e5;
	margin: 0 auto; padding:0; 
}
.boxmini-img img {
	 display:block; margin:0 auto; border:none;
}
.boxbig-txt { /*box de textes sous les photos*/
	border-right:1px solid #e3e5e5; border-left:1px solid #e3e5e5; border-bottom:1px solid #e3e5e5; border-top:1px solid #0080ff;
	padding:5px;
	background-image:url(img/degrade-box.gif); background-repeat:repeat-x; background-position:bottom;
}
.boxbig-txt .infosD {
	text-align:right;
	margin:0; padding:8px 0;
}
#content .boxbig-txt ul {
	margin:0; padding-left:5px;
}
#content .boxbig-txt ul li{
	padding:2px 0 2px 0px; border-bottom:1px dotted #aaa; list-style-type:none; line-height:20px;
	background-image:none;
}
.boxbig-txt a:hover{
	background-color:#e3e5e5; color:#000;
}
.boxbig-txt a.lien:hover{
	background-color:#FFF; color:#0080ff;
}

.box-txt { /* cadre de texte avec bordure sans fond degrade*/
	border:1px solid #e3e5e5;
	padding:5px;
}

.box-artiste { /*box des artistes sur la page de l'oeuvre*/
	font-size:12px;
     margin:0 0 20px 0;
	border:0px solid #cccccc;
}
.box-artiste-img {
	width:412px;  border-left:1px solid #e3e5e5;  border-right:1px solid #e3e5e5;
	margin: 0 auto; padding:2px 0 0 0;  float:left;
}
.box-artiste-img img {
	 padding-left:2px; border:none;
}


#details {
	font-size:14px;
}
#details p {
	margin:15px; padding:0;
}

#login_left {
	width:100%; margin-right:55px;
	float:left;
}
#right {
	width:400px;
	float:left;
}
#left {
	width:400px; margin-right:55px;
	float:left;
}

#panier{
	border-left:1px solid #e3e5e5; border-top:1px solid #e3e5e5;
}
#ss-panier{
	border:1px solid #e3e5e5;
}
#panier tr, #ss-panier tr{
	vertical-align:top;
}
.titre-tab {
	background-color:#68a8d2; color:#FFF;
	font-weight:bold; font-size:13px;
}
#panier td{
	border-right:1px solid #e3e5e5; border-bottom:1px solid #e3e5e5;
}
#tab_recap td{
    line-height:18px;
    padding-top:4px;
}
#tab_recap td b{
     color:#000;
}
#footer {
	clear:both; height:50px; padding-top:10px;
	border-top:2px solid #aaa;
	background-image:url(img/degrade.gif); background-repeat:repeat-x;
	text-align:center;
}


.main{
     margin:3px;
}


/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

.markProductOutOfStock{
color:#E30404;
}

.stockWarning{
color:#E30404;
}
