* {
	margin:0;
	padding:0;
}

body {
	background-color:#fff;
	color:#111;
	font-family:helvetica, arial, sans-serif;
	font-size:13px;
	text-align:left;
	border: none;
	text-align: center; /* for IE */
}

body table{
	font-size:13px;
}

p{
	line-height:1.4em;
	/*text-align:justify;*/
}

a{
	color:#2d5d85;
	text-decoration:none;
	cursor:pointer;
}

a:hover{
}

a:focus{
	-moz-outline:0;
	outline:0;
	outline-offset:0;
}

a img{
	border:0;
	text-decoration:none;
} 

h1{
	margin:12px 0px;
	font-size:18px;
}

h2{
	margin:16px 0px 12px 0px;
	font-size:16px;
}

h3{
	margin:5px 0px;
	font-size:14px;
}

hr{
	border:none;
	border-bottom:1px solid #ccc;
}

/* locale selection */
#locale-selection{
}

#locale-selection a{
  z-index:100;
  margin-right:5px;
  position:absolute;  
}

#locale-selection a.fr{
  top:134px;
  left:6px;
}

#locale-selection a.en{
  top:123px;
  left:43px;
}

#locale-selection a.active{
}

/* MAIN GENERIC CONTAINERS */
#container-center{
	width:100%;
	height:100%;
}

#container-center td{
	text-align:center; /* IE */
}

#container-all{
	font-size:0.95em;
	width:950px;
	background-color:white;
	margin:0px auto;
	padding-bottom:17px;
	position:relative;
	text-align: left; /* counter the body center for ie */
}

.page_container{
	padding:15px;
	height:620px;
	_height:650px; /* IE */
	background-repeat:no-repeat!important;
}

.page_container_top_spacer_concept{
	height:185px;
}

.page_container_top_spacer{
	height:240px;
}

.page_back{
	position:absolute;
	right:15px; 
	bottom:15px;
}

.page_top_right{
	position:absolute;
	right:0px; 
	top:0px;
}

.page_concept_image{
	position:absolute;
	bottom:190px;
	right:15px;
	width:470px;
	height:312px;
}

#layout_footer{
	position:absolute;
	bottom:1px;
	right:0px;
	color:#aaa;
	font-size:10px;
	text-align:center;
}

/* SPECIFIC CONTAINERS (page color & cloud shape) */
/* radial
background-image: url(../img/site/concept_cloud.png), -moz-radial-gradient(#f0f9ff, #C3DDEC);
background-image: url(../img/site/concept_cloud.png), -webkit-gradient(radial,center center,10,center center,480,from(#f0f9ff),to(#C3DDEC));

// linear
background: -webkit-gradient(linear, left top, left bottom, from(#0DA5DE), to(#0C92C4));
background: -moz-linear-gradient(top,  #0DA5DE,  #0C92C4);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0DA5DE', endColorstr='#0C92C4');
*/

#page_concept{
	background:#E7F0F8;
	background-image: url(../img/site/concept_cloud.png), -moz-linear-gradient(center bottom, #C3DCEC 0%, #E7F0F8 40%, #E7F0F8 100%);
  background-image: url(../img/site/concept_cloud.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, #C3DCEC), color-stop(0.40, #E7F0F8), color-stop(1, #E7F0F8) );
  _background-image: url(../img/site/concept_cloud.png);
}
#page_collection{
	background:#FBF2F5;
	background-image: url(../img/site/collection_cloud.png), -moz-linear-gradient(center bottom, #ECCAD5 0%, #FBF2F5 40%, #FBF2F5 100%);
  background-image: url(../img/site/collection_cloud.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, #ECCAD5), color-stop(0.40, #FBF2F5), color-stop(1, #FBF2F5) );
  _background-image: url(../img/site/collection_cloud.png);
}
#page_shop{
	background:#EBF1D2;
	background-image: url(../img/site/shop_cloud.png), -moz-linear-gradient(center bottom, #DDE6AD 0%, #F3F7E7 40%, #F3F7E7 100%);
  background-image: url(../img/site/shop_cloud.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, #DDE6AD), color-stop(0.40, #F3F7E7), color-stop(1, #F3F7E7) );
  _background-image: url(../img/site/shop_cloud.png);
}

#page_contact{
  background:#FAF2E6;
  background-image: url(../img/site/contact_cloud.png), -moz-linear-gradient(center bottom, #F0D8AC 0%, #FAF2E6 40%, #FAF2E6 100%);
  background-image: url(../img/site/contact_cloud.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0D8AC), color-stop(0.40, #FAF2E6), color-stop(1, #FAF2E6) );
  _background-image: url(../img/site/contact_cloud.png);
}
#page_news{
  background:#EEF9F7;
  background-image: url(../img/site/news_cloud.png), -moz-linear-gradient(center bottom, #C1E9DF 0%, #EEF9F7 40%, #EEF9F7 100%);
  background-image: url(../img/site/news_cloud.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, #C1E9DF), color-stop(0.40, #EEF9F7), color-stop(1, #EEF9F7) );
  _background-image: url(../img/site/news_cloud.png);
}
#page_blog{
	background-color:#F9F1F4;
	background-image:url(../img/site/blog_cloud.png);
}
#page_orders{
	padding-left:120px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#efefef;
	background-image:url(../img/site/shop_cloud.png);
}

/* NAVIGATION */
#nav1{
	position:absolute;
	z-index:100;
}
#nav1 ul{
	list-style:none;
}
#nav1 li{
	padding-bottom:12px;
}
#nav1 .selected{
}
#nav1Menu a{
	font-weight:bold;
	font-size:16px;
	letter-spacing:0.04em;
}
.col_concept{
  color:#00ABF4;
}
.col_collection{
  color:#CD6CAD;
}
.col_news{
  color:#589B87;
}
.col_shop{
	color:#87CC49;
}
.col_contact{
	color:#FF9020;
}
.col_blog{
	color:#cc6cad;
}
.bgcol_concept{
	background-color:#00ABF4;
}
.bgcol_collection{
	background-color:#CD6CAD;
}
.bgcol_shop{
	background-color:#87CC49;
}
.bgcol_contact{
	background-color:#FF9020;
}
.bgcol_blog{
  background-color:#cc6cad;
}
.bgcol_news{
  background-color:#589B87;
}

/* PAGE SHOP PRESENTATION */
#list_shop_intro{
	width:280px;
	margin-left:20px;
	line-height:20px;
	margin-top:5px;
	font-weight:bold;
}

#list_shop_intro li{
	padding:0px;
}

/* PAGE GALLERY */
#gallery_container{
	position:absolute;
	top:155px;
	right:18px;
	bottom:100px;
	width:620px;
	height:390px;
}

#gallery_container_inner{
	position:relative;
	width:100%;
	height:100%;
}

#gallery_container_top{
	position:absolute;
	width:100%;
	height:363px;
	/*background-color:#000;*/
}

#gallery_thumbs{
	position:absolute;
	width:100px;
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
}

#gallery_thumbs img{
	margin:2px 0px;
}

#gallery_viewer{
	position:absolute;
	right:0px;
	width:522px;
	height:363px;
	background-image:url(../img/site/spinner.gif);
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
}

#gallery_viewer img{
}

#gallery_scrollbar_container {  
	position:relative;  
} 

#gallery_scrollbar_track {  
	position:absolute;  
	top:0px;
	left:0px;
	height:362px; 
	width:10px;
	background-color:transparent;
	cursor:move;
} 

#gallery_scrollbar_handle {  
	width:10px;  
	cursor:move;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	opacity:0.9;  
	-moz-opacity:0.9;  
} 

#gallery_scrollbar_content {  
	overflow:hidden;  
	padding-left:20px;
	width:100px;  
	height:361px;  
}

#gallery_navigation{
	position:absolute;
	width:100%;
	height:20px;
	bottom:0px;
}

#gallery_previous{
	position:absolute;
	left:107px;
}

#gallery_delete_image{
	position:absolute;
	left:290px;
}

#gallery_next{
	position:absolute;
	right:5px;
}

.gallery_thumb_selected{
	border:3px solid #CD6CAD;
}

.gallery_thumb_unselected{
	border:3px solid transparent;
}

/* DIALOG UPLOAD IMAGE */
#gallery_attach_container{
	width:460px;
	height:90px;
	background-color:#F6E1EB;
	padding:10px;
	_padding:0px; /* IE */
}

/* PAGE SHOP */
#page_shop_right_cloud{
	position:absolute;
	right:0px;
	top:0px; /* mainmargin */
	width:760px;
	height:655px;
	background-image:url(../img/site/shop_cloud_right.png);
}

#page_shop_left_logo{
	position:absolute;
	top:532px;
	left:242px;
}

#shop_content{
	position:absolute;
	top:0px; /* mainmargin */
	right:0px; /* mainmargin */
	width:100%;
}

/* tu peux changer le "width" ici si les couleurs dépassent... genre 380px pour max 4 couleurs, 400px pour max 5 */
#shop_selection{
	position:absolute;
	right:0px;
	top:0px;
	width:400px;
}

#shop_preview{
	position:absolute;
	top:160px;
	right:0px;
}

#shop_actions{
	position:absolute;
	top:390px;
	right:0px; /* mainmargin */
	width:297px;
}

.shop_selection_block{
	margin:6px 0px;
	height:2em;
}

.colorPick{
	display:inline-block;
	_display:inline; /* IE hack */
	_zoom:1;	 /* IE hack */
	width:20px;
	height:20px;
	margin-right:5px;
	vertical-align:middle;	
	border:1px solid #ccc;
}

.colorSelected{
	border:2px solid #222;
}

#shop_selection span{
	text-align:right;
	padding-right:10px;
	display:inline-block;
	_display:inline; /* IE hack */
	_zoom:1;	 /* IE hack */	
	width:70px;
}

#selectNameFirstLetter{
  width:70px;
}

#selectName{
  width:230px;
}

#selectProduct{
  width:150px;
}

#selectSize{
  width:120px;
}

#poukiPreviewContainer{
	height:380px;
	margin-right:30px;
	background-image:url(../img/site/spinner.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

#productColorSelected, #skinColorSelected, #hairColorSelected{
  display:inline;
  padding-top:6px;
  font-style:italic;
  font-size:11px;
  color:#888;
  white-space:nowrap;
}

#productColorSelected, #skinColorSelected, #hairColorSelected{
  display:inline;
  padding-top:6px;
  font-style:italic;
  font-size:11px;
  color:#888;
  white-space:nowrap;
}

#selectCurrency select{
  width:70px;
}

/* PAGE SHOP CART */
#cart_list{
	border-collapse:collapse;
	width:100%;
	margin:15px 0px;
}

#cart_list th{
	text-align:left;
}

#cart_list tr{
	vertical-align:middle;
}

#cart_list td{
	padding-top:3px;
	height:25px;
	vertical-align:middle;
}

.cart_list_delete_item{
	background-image:url(/common/img/delete12x12.png);
	background-repeat:no-repeat;
	background-position:left center;
	width:25px;
	cursor:pointer;
}

#cart_total{
  font-weight:bold;
}

#cart_actions{
	margin:10px 0px;
}

#tos_container{
	padding:20px;
}

#tos_container p{
	line-height:1.3em;
}

#tos_container h3{
	margin:10px 0px;
}

#tos_container ul{
	line-height:1.5em;
	padding-left:10px;
	margin:10px 0px;
}

/* PAGE ORDERS */
#table_orders{
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px;
	border:1px solid #ccc;
	background-color:#fff;
}

#table_orders tr{
	border-bottom:1px dotted #999;
}

#table_orders tr:hover{
	background-color:beige;
}

#table_orders_legend{
	display:inline-block;
	_display:inline; /* IE hack */
	_zoom:1;	 /* IE hack */	
	border:1px solid #ccc;
	background-color:#fff;
}

#table_orders th{
	background-color:#eee;
	border-bottom:1px solid #999;
}

#table_orders td, #table_orders th{
	text-align:left;
	border-left:1px solid #ccc;
	padding:5px 0px;	
}

.order_end_only{
}

.order_done{
	text-decoration:line-through;
	color:yellowgreen;	
}

.order_cancelled{
	text-decoration:line-through;
	color:#999;
}

.order_pending{
}

.order_paid{
	background-color:LightSkyBlue;
}

#payment_info p{
	line-height:1.2em;
}

.payment_info_sub_view{
	width:390px;
}

/* Fieldset ============================================= */
fieldset{
  margin:10px 0px;
  border:none;
  border-top:1px solid #ccc;
  padding:0.5em;
}

fieldset legend{
  background-color:#eee;
  border:1px solid #ccc;
  padding:0.2em;
}

fieldset p{
	margin:5px 0px;
}

fieldset label{
	float:left;
	font-weight:bold;
	width:220px;
}

fieldset .field{
	width:280px;
}

fieldset select{
	width:280px;
}

fieldset textarea{
	height:40px;
}

/* specific  */
.fs_order_detail label{
	width:150px;
}

.fs_order_detail .field{
	width:500px;
}

/* Upload ============================================= */
.divUpload{
	padding:10px 5px;
	margin:5px 0px;
	position:relative;
}

.statusDiv{
	position:relative;
	text-align:right;
}

.statusBar{
	color:#444;
	font-style:italic;
	font-size:0.8em;
	padding-top:20px;
}

.divUpload #progressDiv{
	position:absolute;
	right:0px;
	_right:5px; /* IE hack */
	padding-top:6px;
	width:208px;
	height:13px;
}

.divUpload #progressBg{
	/*background-image:url(/common/img/progress_bg.png);*/
	background-image:url(/common/img/loading_bar.gif);
	background-repeat:no-repeat;
	height:13px;
	padding:1px;
	text-align:left;
}

.divUpload #progressBar{
	width:0%;
	background-image:url(/common/img/progress_done11.png);
	background-repeat:repeat-x;
	height:11px;
}

.divUpload #uploadSpinner{
	position:absolute; 
	top:4px;
	right:215px;
	_right:220px; /* IE hack */
}

.uploadInProgress{
}

#closeBtn{
	position:absolute;
	left:3px;
}

.uploadQStatus{
	float:right;
	right:10px;
	padding:2px;
	background-color:#EAE002;
	color:#222;
	font-size:0.9em;
}

/* PAGE news */
#news_container{
	position:absolute;
	top:155px;
	right:18px;
	bottom:100px;
	width:620px;
	height:390px;
}

#news_container_inner{
	position:relative;
	width:100%;
	height:100%;
}

#news_container_top{
	position:absolute;
	width:100%;
	height:478px;
	/*background-color:#000;*/
}

#news_container img{
  margin: 15px 0px;
}

#news_scrollbar_container {  
  position:relative;  
} 

#news_scrollbar_track {  
	position:absolute;  
	top:0px;
	left:0px;
	height:478px; 
	width:10px;
	background-color:transparent;
	cursor:move;
} 

#news_scrollbar_handle {  
	width:10px;  
	cursor:move;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	opacity:0.9;  
	-moz-opacity:0.9;  
} 

#news_scrollbar_content {  
  overflow:hidden;  
  padding-left:28px;
  width:96%;  
  height:478px;  
}

#news_scrollbar_content ul {
  list-style:none;
}

#news_scrollbar_content h2 {
  color:#589B87;
  font-size:12px;
}


/* General ============================================= */
.info{
	background-color:#f0f7f0; /*honeydew*/
	border:2px solid #c5d1c5;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	padding:2px 4px;
	display:inline-block;
	_display:inline; /* ie hack */
	_zoom:1;	
}

.middle{
	vertical-align:middle;
}
.top{
	vertical-align:top;
}
.bottom{
	vertical-align:bottom;
}
.posbottom{
	position:absolute;
	bottom:0px;
}
.posbottommargin{
	position:absolute;
	bottom:30px;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.nobold{
	font-weight:normal;
}

.inlineblock{
	display:inline-block;
	_display:inline; /* IE hack */
	_zoom:1;	 /* IE hack */
}

.cool{
	background-color:gold;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	padding:2px 4px;
	text-align:justify;
}

.blur{
    -moz-opacity : 0.4;
    opacity : 0.4;
	_filter: alpha(opacity = 50);
}

.textlight {
	color:#777;
}

.textlight2 {
	color:#ccc;
}

.textimportant {
	color:#db0000;	
}

.texterror {
	color:#db0000;	
	background-color:greenYellow;
}

.textsmall {
	font-size:10px;
}

.textmed {
	font-size:11px;
}

.textnormal {
	font-size:13px;
}

.textlarge {
	font-weight:bold;
	font-size:16px;
}

.textbig {
	font-weight:bold;
	font-size:18px;
}

.table_spacer_row{
	height:10px !important;
}

textarea, input, select {
	padding:2px;
	font-family:helvetica, arial, sans-serif;
	font-size:14px;
	color:#222;
}

textarea{
	overflow: auto;
}

.textbox{
    background-color:white ;
	border:1px solid gray;
	padding-left:1px;
	padding-right:1px;
    color:#222;
}

.textboxrequired{
	border:1px solid #db0000;
	padding-left:1px;
	padding-right:1px;
	color:#222;
}

.combobox{
    background-color:white;
	border:1px solid gray;
	color:#222;
}

.button{
	color:white;
	font-weight:bold;
	padding:6px 10px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;	
}

.button_upload{
	margin-left:20px;
	position:absolute;
	right:10px;
}

.button:hover{
	/*text-decoration:underline;*/
}

.bgcol_button{
	background-color:#6D6E71;
}

.bgcol_button_disabled{
	background-color:#aaa;
	color:#ccc;
}

#flashMessageWrapper{
	position:absolute;
	top:0px;
	width:100%;	
	height:0px;
	text-align:center;
}

.flashMessage{
	margin-top:50px;
	display:inline-block;
	_display:inline; /* IE hack */
	_zoom:1;	 /* IE hack */	
	padding:7px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	max-width:500px;
}

.flashMessage a{
	color:white;
	text-decoration:underline;
}

#flashMessage{
	background-color:gold;
	border:2px solid #e0bc5a;
}

#flashMessageError{
	background-color:#db0000;
	border:2px solid #990000;
	color:white;
}

/* EDM */
#edm_container{
	padding:20px;
	font-size:12px;
}

#edm_container p{
	line-height:1.3em;
}

#edm_container h3{
	margin:10px 0px;
}

#edm_container ul{
	line-height:1.5em;
	padding-left:10px;
	margin:10px 0px;
}
.edmimportant{
	color:#CD6CAD;
	font-weight:bold;
}