div#header
{
  background: url(/images/header.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 195px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

div#header2
{
  background: url(/images/header2.jpg) no-repeat;
  position: absolute;
  height:40px;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

div#menu
{
  position:absolute;
  top: 0px; left: 220px;
  padding: 0px;
}

div#user_menu
{
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
}

#nav {
	line-height: 1; padding: 0px; margin: 0px; list-style-type: none;
}
#nav ul a
{
  padding: 10px;
  margin: 0px;
  width: 120px;
}
#nav ul a:hover
{
  background: #FDA527;
  color: #BA0000;
  width: 120px;
}
ul {
	padding: 0px;
  margin: 0px;
  list-style-type: none;
}
#nav a {
	display: block; 
  color: #FFF;
  text-decoration: none;
}
#nav li {
	float: left;
}
#nav li ul {
	background: #F07808;
  left: -999em; 
  width: 140px;
  position: absolute;
}
#nav li ul ul {
	margin: -1em 0px 0px 130px;
}
#nav li:hover ul ul {
	left: -999em;
}
#nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul {
	left: auto;
}
#nav li li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
#nav li li.sfhover ul {
	left: auto;
}

span#total { font-weight: bold; margin: 10px; }



div#cart
{
  position: absolute; 
   right: 10px;
top: 32px;
width: 350px;
  padding: 10px;
}

div#cart p
{
  padding: 1px;
}

div#models div
{
  width: 57px;
  height: 80px;
  float: left;
  margin: 1px;
}

div#models div input
{
  margin: 2px;
}

div#a_col,
div#b_col,
div#c_col
{
  margin: 3px;
  width: 320px;
  float: left;
}

#A3, #A4, #A5, #A6 
{
  float:left;
  height:102px;
}

#A3 {
  background:transparent url(/images/A3.jpg) no-repeat;
  width:79px;
}
#A4 {
  background:transparent url(/images/A4.jpg) no-repeat;
  width:55px;
}
#A5 {
  background:transparent url(/images/A5.jpg) no-repeat;
  width:43px;
}
#A6 {
  background:transparent url(/images/A6.jpg) no-repeat;
  width:31px;
}

#A3 input, #A4 input, #A5 input, #A6 input
{
  margin:6px;
}
html, body, div, p, table, form, a
{
  padding: 0px;
  margin: 0px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #FF7E00;
}

a
{
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}


div#blocs div
{
  padding: 5px;
}

label { 
  width: 150px; 
  display: table-cell; 
  float: left;
}

body
{
  background-color: #FFECD9;
}

input, textarea, select
{
  font-family: Verdana, sans-serif;
  font-size: 12px;
  margin: 0px;
  color: #000;
  display: inline;
}

img
{
  border: 0px;
}

div#content
{
  margin: auto;
  width: 990px;
}

div#footer
{
  margin-top: 20px;
  text-align: center;
}

h1, h2, h3
{
  margin: 0px;
  clear: both;
}

h1
{
  color: #E45E0E;
  text-align: center;
  font-size: 26px;
 /* border-bottom: 3px solid #E45E0E;*/
}

h2
{
  color: #F5A127;
  padding-top : 8px;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}

h3
{
  color: #E7A648;
  font-size: 12px;
  font-style: italic;
}

h4
{
  margin: 0px;
  margin-bottom: 4px;
}

a
{
  text-decoration: none;
}

div#indicator
{
  text-align: center;
}

div#timeline
{
  text-align: center;
  padding: 10px;
}

div#module
{
  width: 560px;
  margin-right: 8px;
}

div#preview
{
  width: 410px;
  height: 250px;
  text-align: center;
  background: url(/images/preview-loader.gif) 50% 35% no-repeat #FFEBB2;
  display: table-cell;
  vertical-align: middle;
}

div#blocs
{
  margin-top: 10px;
  font-size: 8px;
}

div#actions
{
  margin-top: 10px;
}

div#model_properties
{
  height: 30px;
  padding: 2px;
  display: block;
}

div.thumbnail
{
  float: left;
  border: solid 4px #EEE;
  width: 190px !important;
  height: 110px !important;
  text-align: center;
  vertical-align: middle;
  margin: 5px 0px;
}

div.thumbnail_bgd
{
  float: left;
  border: solid 4px #EEE;
  text-align: center;
  vertical-align: middle;
  margin: 4px;
}

div.thumbnail:hover,
div.thumbnail_bgd:hover
{
  border: solid 4px #AAA;
}

img.product
{
  max-width: 190px !important;
  max-height: 110px !important;
}

div.selected
{
  border: solid 4px #FF7E00;
}

.box
{
  background: #FFEBB2;
  padding: 10px;
  border: solid 1px #FF6600;
  margin-bottom: 10px;
   border-radius :15px;
  /* -o-border-radius :15px; */
  -moz-border-radius: 15px;   
}


div#cac_c div.container
{
  height: 650px;
  padding: 4px;
}

div#cac_l div.container
{
  height: 580px;
  padding: 4px;
}

div#cac_c div.container div.box,
div#cac_l div.container div.box
{
  width: 130px;
  height: 185px;
  text-align: center;
  float:left; 
  margin: 4px;
}

div.cac_pager a:focus { color: #F00; }



div.cbox
{
background: #FEEBB3;
border: 1px solid #F90;
}

div#theme_results_container,
div#model_results_container,div#category_results_container
{
  display: block;
  padding-left: 6px;
  border: solid 1px #DDD;
  background: #FFF;
  width: 500px;
 
  overflow-x: scroll;
  overflow-y: hidden;
}
div#theme_results_container,
div#model_results_container{
	 height: 155px;
	}
div#category_results_container
{
  height: 165px;
}
.thumbnailText{ font-size: 9px;line-height :10px; color : #555}

div#timeline_container
{
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
}

div#timeline
{
  border: solid 1px #DDD;
  background: #FFF;
  height: 70px;
}

div#timeline a img
{
  border: solid 4px #EEE;
}

div#timeline a.selected img
{
  border: solid 4px #FF7E00;
}

div.pager
{
  padding: 2px;
  text-align: center;
}

div#actions a
{
  height: 57px !important;
  width: 420px !important;
  display: block;
}




div#actions a.ani_validate 
{ background:transparent url('/images/ani_validate.jpg') no-repeat scroll left top; }

div#actions a.ani_validate:hover 
{ background:transparent url('/images/ani_validate.jpg') no-repeat scroll right top; }

div#actions a.ani_modify 
{ background:transparent url('/images/ani_modify.jpg') no-repeat scroll left top; }

div#actions a.ani_modify:hover 
{ background:transparent url('/images/ani_modify.jpg') no-repeat scroll right top; }





div#actions a.spt_validate 
{ background:transparent url('/images/spt_validate.jpg') no-repeat scroll left top; }

div#actions a.spt_validate:hover 
{ background:transparent url('/images/spt_validate.jpg') no-repeat scroll right top; }

div#actions a.spt_modify 
{ background:transparent url('/images/spt_modify.jpg') no-repeat scroll left top; }

div#actions a.spt_modify:hover 
{ background:transparent url('/images/spt_modify.jpg') no-repeat scroll right top; }




div#actions a.mdl_validate 
{ background:transparent url('/images/mdl_validate.jpg') no-repeat scroll left top; }

div#actions a.mdl_validate:hover 
{ background:transparent url('/images/mdl_validate.jpg') no-repeat scroll right top; }

div#actions a.mdl_modify 
{ background:transparent url('/images/mdl_modify.jpg') no-repeat scroll left top; }

div#actions a.mdl_modify:hover 
{ background:transparent url('/images/mdl_modify.jpg') no-repeat scroll right top; }


a#sequence_validate
{
  background:transparent url('/images/validate_sequence.jpg') no-repeat scroll left top;
  display:block;
  height:110px;
  width:980px;
}

a#sequence_validate:hover
{
  background:transparent url('/images/validate_sequence.jpg') no-repeat scroll right top;
  display:block;
  height:110px;
  width:980px;
}

div#sequence_validated
{
  text-align: center;
  font-weight: bold;
}

div#sequence_info
{
  text-align: right;
  text-align: right;
}

div.box.ani,
div.box.bgd,
div.box.mdl,
div.box.prd,
div.box.spt
{
  padding-left: 40px;
}
  
div.box.ani { background: url('/images/ani_title.jpg') 5px 5px no-repeat #FFEBB2; }
div.box.bgd { background: url('/images/bgd_title.jpg') 5px 5px no-repeat #FFEBB2; }
div.box.mdl { background: url('/images/mdl_title.jpg') 5px 5px no-repeat #FFEBB2; }
div.box.prd { background: url('/images/prd_title.jpg') 5px 5px no-repeat #FFEBB2; }
div.box.spt { background: url('/images/spt_title.jpg') 5px 5px no-repeat #FFEBB2; }

hr
{
 clear: both;
 visibility: hidden;
}

/*
a.btn_symmetry
{
  display: block;
  float: left;
  width: 136px;
  height: 30px;
  background: transparent url('/images/btn_symmetry.jpg') no-repeat scroll left top;
}

a.btn_color
{
  display: block;
  width: 158px;
  height: 30px;
  background: transparent url('/images/btn_color.jpg') no-repeat scroll left top;
}
*/


div#palette
{
  background: #FFF;
  position: absolute;
  border: solid 2px #DDD;
  padding: 4px;
  visibility: hidden;
}

div#palette a:hover
{
  text-decoration : none;
}

div#palette a div,
div.color
{
  border: solid 2px #DDD;
  width: 15px;
  height: 15px;
  margin: 0;
  display: block;
  float: left;
  font-size: 8px;
  padding: 2px;
}
.package_banc{
background-color:#fff;
color :#FF7E00;
margin-top:7px;
font-size:9px;
pointer :cursor;
border : 0;
}

.gras{font-weight:bold;}
.gras_soul{font-weight:bold; text-decoration : underline;}

.dl{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;border : #FF7E00 1px solid;color :#FF7E00;background-color: white;height: 40px;}
.dl:active{position : relative;top:1px;left:1px;} 
.stats{padding:5px;}
#helpList ul{text-align: center;}
#helpList li{display: inline; }
#helpList li img{padding: 10px;}

#list-tutos img{
    -moz-border-radius: 8px 8px 8px 8px;
    -moz-box-shadow: 1px 1px 13px #FF6600;
 /*   -webkit-border-radius: 8px 8px 8px 8px;*/
    -webkit-box-shadow: 1px 1px 13px #FF6600;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 13px #FF6600;
    background:#fff;width:240px;
    height:140px;
   margin-top: 10px;
    vertical-align: middle;}