/* CSS STYLE */

html, body, div, span, form, input, select, table,li {margin: 0;padding: 0;}
body, input, textarea, table, tr, td {font-family: arial;font-weight:normal;font-size: 11px;color:#424242;}
input, select {font-size: 10px;}
ul {padding:0;margin:0;list-style:none;font-weight:bold;}
table {border-collapse:collapse;}
img {border:0px;}

body {
background-position: center ;
background:url(../images/back.gif) repeat;
text-align: center;
}

#conteneur
{
	text-align: left;
	width: 1023px;
	background:url(../images/page.gif) repeat;
	background-position: center ;
	margin: 0px auto 0px auto;
}

#header {
	height:35px;padding-top:4px;
	background:url(../images/header.png) repeat-x;
	border-top:4px solid #ea7503;font-weight:bold;
}
#ht {
	width:1023px;
	margin: 0px auto 0px auto;
	/*padding-left:30px;
	text-align:left;*/
	font-family:Arial, sans-serif;
	color:white;
}
.headerfield {
font-size:10px;
width:140px;
border:1px solid silver;
}

#ht span {padding-left:4px;padding-right:4px;color:white;font-size:11px;}
#ht img {margin:0px 2px 0 2px;}
#ht #logon{border:0px;height:15px;width:25px;cursor:pointer;margin:0 4px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/go.png');background: url(../images/go.png) no-repeat !important;background: none;}
#ht #cart{padding-left:25px;border:0px;height:15px;width:25px;cursor:pointer;margin-top:4px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cart.png');background: url(../images/cart.png) no-repeat !important;background: none;}
.whclr {color:white;}

#content {
	background:url(../images/top.gif) no-repeat;
	width:1023px;
	padding:10px 10px 0px 10px;
	overflow:hidden;
}
#footer {
	clear:both;
	background:url(../images/bottom.gif) no-repeat;
	width:1023px;
	height:160px;
	margin-top:30px;
	padding:0px 10px 0px 10px;
	overflow:hidden;
	text-align: center;
}
#cpy {color:white;padding:10px;text-align:center;}

#ptsection {
	background:url(../images/grad.jpg) no-repeat #fbf9e1;
	height:119px;
	width:1003px;
}

#pub {
visibility:hidden;
float:right;
margin-right:14px;
width:461px;
background:url(../images/pub.png) no-repeat;
text-align:center;
line-height:80px;
height:93px;
margin-top:10px;
margin-bottom:12px;
}


/* MENU STYLE */

#nav, #nav ul {
	width:1003px;
	border-top:4px solid #9f372e;
	background:url(../images/menu.gif) repeat-x;
	float: left;
	height:23px;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	z-index: 1000;
}
#nav li.sep {width:2px;background:url(../images/sep.gif);}

#nav a {
	display: block;
	width: 109px;
	color: white;
	text-decoration: none;
	padding:0.5em 1em;
}

#nav a.daddy {
	background: url(../images/rightarrow.gif) no-repeat;
	background-position: 92% 50% !important;
	background-position: center right;

}

#nav li {
	float: left;
	padding: 0;
	width: 109px;
	background:url(../images/menu.gif) repeat-x;
	height:23px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: normal;
	border:2px solid #363636;
	margin: 0;
}

#nav li li {
	padding-right: 1.40em;
	width: 13em
}

#nav li ul a {
	width: 13em;
}

#nav li ul ul {
	margin: -2.50em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-position:0 -23px;
}
/* END MENU */

h3 {font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;font-size:11px;color:#4f4f4f;}
h1,h2 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;color:#4f4f4f;border-bottom:1px solid silver;
}
h1 {font-size:18px;margin-bottom:10px;}
h2 {font-size:12px;}
h4 {font-size:11px;color:red;}

#divmain {
	padding-top:20px;
	width:1003px;
	background:#FFFFFF;
}

#divone {
float:left;
width:150px;
margin:0px 10px 0px 10px;
}

#divone ul li, #divthree ul li {
	padding-left:8px;
	border-bottom:1px dotted silver;
	padding:2px 0;
}
#divtwo ul#ecard li {
	padding-left:8px;
	border-bottom:1px dotted silver;
	padding:2px 0;
}


#divone ul li.title,#divtwo ul li.title, #divthree ul li.title {padding-left:0px;border:0px;background:transparent;height:30px;padding-bottom:10px;}

#divtwo {
float:left;
width:639px;
padding:10px 10px 10px 10px;
border:1px solid silver;
}

#cadreinterne {
float:left;
text-align:center;
width:610px;
padding:10px 10px 10px 10px;
border:1px solid silver;
}

div.dcell {float:left;padding-left:20px;vertical-align:top;}
div.dtxt {width:380px;float:left;}
.dr {clear:left;}
.dt {clear:both;}
div.dsep {border-bottom:1px dotted silver;}
div.ds {border-bottom:1px solid silver;clear:left;padding-top:5px;padding-bottom:5px;}
div.price {font-size:14px;}
img.details {vertical-align:middle;margin-left:40px;}
.ornclr{color:#ea7503;}

#divthree {
float:left;
width:146px !important;
width:146px;
margin:0px 10px 0px 10px;
}

a:link,a:active,a:visited {color:#ea7503;text-decoration:none;}
a:hover {color:red;text-decoration:underline;}

.alpha a:link,.alpha a:active,.alpha a:visited,.alpha a:hover {margin:0px 3px;font-size:12px;}
.alphaon {margin:0px 4px;}
.alpha  {display:block;margin:2px 0;}
.artgal {width:100%;margin-top:10px;}
.artgal td {width:25%;text-align:center;height:100%;vertical-align:bottom;}
.db {display:block;}
.bb {border-bottom:1px dotted silver;}
.mid,.rig {text-align:center;}
.fup {font-size:12px;}

/* COLONNE DE DROITE ARTISTE */
.colpal {margin:0px 5px;padding:3px;clear:left;}
.colsize {margin:5px 5px;padding:3px;clear:left;}
.colcads  {margin:0px 5px;padding:0px 3px;}

a.lcd:link,a.lcd:visited {float:left;border:2px solid transparent;}
a.lcd:hover,a.lcd:active {border:2px solid #ea7503;}
a.lcd img.cad {width:20px;height:20px;}

.pal {float:left;width:15px;height:10px;margin-right:4px;margin-bottom:2px;display:block;border:1px solid #424242;cursor:pointer;}
/*.size,.pal,.cads {float:left;}*/

.artgal img {border:1px solid silver;}
.artgal a:link,.artgal a:visited {display:block;padding:4px 0;}
/*.artgal a:hover {background-color:#ffdab5;}*/
.artgal a:active {background-color:white;}

.load {position:relative;left:45%;margin:10px;}
#divone select {width:90px; float:right;}
.divone_left {float:left;width:60px;}
.divone_right {float:right;width:60px;}
#divone input.intxt {width:150px;}
#rgb {width:76px;}
#rgbpc {width:70px;}

.alpha a.sbtn:link,.alpha a.sbtn:active,.alpha a.sbtn:visited,.alpha a.sbtn:hover {font-size:12px;}
.mar {margin:10px 0;}
.marb {margin:10px 0 0 0;}
.marb {margin:10px 0 0 0;}

/* #divtwo td,#divtwo tr {padding:0;} */
#divtwo td.pos {color:#ea7503;font-size:1.2em;}

tr.over {background:#ffdab5;color:white;}
tr.cls {height:100px;}

.plh {
background-color:#94D9E9;
border-color:#60B2BF;
border-style:solid;
border-width:1px 1px 0;
color:#333333;
font-size:12px;
font-weight:bold;
padding:2px;
vertical-align:middle;
}

/* ABO PHP */
.artabo {
	MARGIN-TOP: 10px; WIDTH: 100%; BORDER-COLLAPSE: separate
}
.artabo TR {
	VERTICAL-ALIGN: middle
}
.artabo TD {
	TEXT-ALIGN: center; HEIGHT: 20px
}
.artabo TD.cola {
/*	WIDTH: 11%*/
}
.artabo TD.cola {
	BACKGROUND: url(../images/gtarif.png); HEIGHT: 30px; COLOR: white
}
.artabo TD.colb {
	BACKGROUND: url(../images/gtarif.png); HEIGHT: 30px; COLOR: white
}
.artabo TD.srvc {
	TEXT-ALIGN: left; WIDTH: 34%; BACKGROUND: #e6e6e6
}
.artabo SPAN.check {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/checkmark.png'); MARGIN: 10px auto; WIDTH: 14px; DISPLAY: block; BACKGROUND: url(../images/checkmark.png) no-repeat; HEIGHT: 10px; COLOR: #454545
}
.artabo SPAN.checkstar {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/checkmarkstar.png'); MARGIN: 10px auto; WIDTH: 25px; DISPLAY: block; BACKGROUND: url(../images/checkmarkstar.png) no-repeat; HEIGHT: 10px; COLOR: #454545
}

a.tbtn:link,a.tbtn:active,a.tbtn:visited,a.abtn:link,a.abtn:active,a.abtn:visited {
display:block;width:64px;height:22px;color:#454545;padding:4px 0 0 0;text-align:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn.png');
background:url(../images/btn.png) no-repeat !important;background:none;cursor:pointer;line-height:14px;}
/*a.tbtn:link,a.tbtn:active,a.tbtn:visited {float:right;}*/
a.abtn:link,a.abtn:active,a.abtn:visited {float:left;}

a.lbtn:link,a.lbtn:active,a.lbtn:visited {
display:block;float:left;width:140px;height:22px;color:#454545;padding:4px 0 0 0;text-align:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lbtn.png');margin:2px 4px;
background:url(../images/lbtn.png) no-repeat !important;background:none;cursor:pointer;line-height:14px;}

a.obtn:link,a.obtn:active,a.obtn:visited {
display:block;float:left;width:110px;height:22px;color:white;padding:4px 0 0 0;text-align:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/obtn.png');
background:url(../images/obtn.png) no-repeat !important;background:none;cursor:pointer;line-height:14px;}

span.jbtn {
display:block;float:left;width:110px;height:22px;color:white;padding:4px 0 0 0;text-align:center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/jbtn.png');
background:url(../images/jbtn.png) no-repeat !important;background:none;line-height:14px;}

a.tbtn:hover,a.abtn:hover,a.lbtn:hover,a.obtn:hover  {text-decoration:underline;}


td a.tbtn:link,td a.tbtn:active,td a.tbtn:visited,td a.tbtn:hover {margin:20px 0 0 0;}

.kw {width:230px;}
table.tform span {display:block;text-align:left;}
table.tform  {border-collapse:separate;border-spacing:6pt;}
label {display:block;text-align:right;padding-right:6px;font-weight:bold;}
.norm p {font-weight:normal;margin:2px 0;background:url(../images/bullet.gif) 0px 4px no-repeat;padding :0 0 0 10px;margin:0 0 0 4px;}
.norm select {font-weight:normal;display:block;margin:2px 0;}

/* RATE SYSTEM */
.star-rating{
	position:relative;
	width:50px;
	height:10px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{display: inline;}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:10px;
	line-height:10px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position: left bottom;background-color:transparent;}
.star-rating a.one-star{width:20%;z-index:6;}
.star-rating a.two-stars{width:40%;z-index:5;}
.star-rating a.three-stars{width:60%;z-index:4;}
.star-rating a.four-stars{width:80%;z-index:3;}
.star-rating a.five-stars{width:100%;z-index:2;}
.star-rating .current-rating{z-index:1;background-position: left center;}

/* smaller star */
.small-star{width:50px;height:10px;}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
	background-image: url(../images/star/stars.png);
	line-height: 10px;
	height: 10px;
}
/* END RATE */

.off {color:silver;}
.hl {color:#ea7503;}
.hl,.off {font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;font-size:14px;}
.tform td span {font-weight:normal;}
.inl {display:inline;}
.full {width:100%;}
.half {width:50%;}
.full td,.half td,.total td {font-weight:normal;}
img.itm {border:1px solid silver;margin:4px 2px 0 0;}
.total td {text-align:right;}
.hide {display:none;}

/* MENU STYLE */

#nav1, #nav1 ul {
	width:1003px;
	border-top:4px solid #9f372e;
	background:url(http://www.artpourtous.fr/images/menu.gif) repeat-x;
	float: left;
	height:23px;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
#nav1 li.sep {width:2px;background:url(http://www.artpourtous.fr/images/sep.gif);}

#nav1 a {
	display: block;
	width: 10em;
	color: white;
	text-decoration: none;
	padding:0.5em 1em;
}

#nav1 a.daddy {
	background: url(http://www.artpourtous.fr/images/rightarrow.gif) no-repeat;
	background: url(http://www.artpourtous.fr/images/rightarrow.gif) no-repeat;
	background-position: 92% 50% !important;
	background-position: center right;

}

#nav1 li {
	float: left;
	padding: 0;
	width: 10em;
	background:url(http://www.artpourtous.fr/images/menu.gif) repeat-x;
	height:23px;
}

#nav1 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: normal;
	border:2px solid #363636;
	margin: 0;
}

#nav1 li li {
	padding-right: 1.40em;
	width: 13em
}

#nav1 li ul a {
	width: 13em;
}

#nav1 li ul ul {
	margin: -2.50em 0 0 14em;
}

#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {
	left: auto;
}

#nav1 li:hover, #nav1 li.sfhover {
	background-position:0 -23px;
}
/* END MENU */

.pl {
        font-size:10px;
        vertical-align: top;
        color:#333333;
        border:1px solid #60B2BF;
        padding:2px;}

.plh1 {
        font-size:12px;
        vertical-align:middle;
        border-top-width:1px;
        color:#FFFFFF;
        border-style:solid;
        border-left-width:1px;
        font-weight:bold;
        border-color:#A61610;
        border-right-width:1px;
        background-color:#A61610;
        border-bottom-width:0px;
        padding:2px;}

.pl2 {
        font-size:11px;
        vertical-align: top;
        color:#333333;
        border:1px solid #60B2BF;
        padding:2px;}

.pblanc {
        color:#827a66;
        font-weight:bold;}

/************** Boxes SORTABLE **********************/
#boxes2 {
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:50px;
}
#boxes2 li {
	background-color:#FFFFFF;
	border:1px solid #000000;
	float:left;
	margin:2px 2px 0 0;
	position:relative;
	text-align:center;
	min-height: 120px;
	padding-top:5px;
	width:100px;
}

#boxes {
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:50px;
}
#boxes li {
	background-color:#FFFFFF;
	border:1px solid #000000;
	cursor:move;
	float:left;
	margin:2px 2px 0 0;
	position:relative;
	text-align:center;
	padding-top:5px;
	width:100px;
}

.box {
	border:1px solid #60B2BF;
	padding:1px;
	vertical-align:middle;
}

/************** LOADER ************************/
#loading-mask {
/*    position:absolute;
*/
    color:#d85909;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    opacity:0.80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    z-index:500;
}
#loading-mask .loader {
    position:fixed;
    top:45%;
    left:50%;
    width:120px;
    margin-left:-60px;
    padding:15px 60px;
    background:#fff4e9;
    border:2px solid #f1af73;
    color:#d85909;
    font-weight:bold;
    text-align:center;
    z-index:1000;

}

/********* Facture ******************/
.dataTableHeadingRow {
	BACKGROUND-COLOR: #c9c9c9
}
.dataTableHeadingContent {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
}
.dataTableRow {
	BACKGROUND-COLOR: #f0f1f1
}
.dataTableContent {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.smallText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
.main {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, sans-serif
}
td.pageHeading-fact1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #9a9a9a; FONT-FAMILY: Verdana, Arial, sans-serif
}
div.pageHeading-fact {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #9a9a9a; FONT-FAMILY: Verdana, Arial, sans-serif
}
td.pageHeading-fact2 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #9a9a9a; FONT-FAMILY: Verdana, Arial, sans-serif
}
div.pageHeading-fact {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #9a9a9a; FONT-FAMILY: Verdana, Arial, sans-serif
}
.dataTable {
	border-collapse:separate;
}
/*****PUCE *******/
.puce {
color:#A61610;
font-size:12px;
font-weight:bold;
line-height:12px;
}
.ppred {
color:#A61610;
font-size:9px;
}


/** Ajout pour 3D **/

.thisartwork{
	border : silver solid 1px;
	float : left;
	width : 115px;
	height : 200px;
	margin-right : 10px;
	margin-top : 5px;
}

#listartwork-content .title-list{
	border : none;
	margin-bottom : 12px
}


.myartworkimg{
	display : block;
	text-align : center;
	margin : auto;	
	width : 110px;
	height: 125px;
}

.myartworkimg > img{
	margin-top: 5px;
	max-height: 110px;
	max-width: 90px;
}

.myartworkname{
	margin-top : 10px;
	text-align : center;
}

#myartworksel{
	text-align : center;
	margin-top : 10px;
}

#listartwork-content #call-to-action{
	clear : both;
}

#call-to-action{
	float : left;
	margin-top : 25px;
	width : 640px;
	height : 30px;
	text-align : center;
}

#call-to-action > input{
	margin : auto;
}

.myartworking > *{
	text-align : center;
}

.important{
	color : red;
	font-size: 14px;
}