/** --------------------------------------------------------------------------------------------------------------------------------------------
* Project		: _engine
* Module Name	: style.css
* Author		: Baptiste Servais
* Contact		: ptibat@gmail.com
* Dev start		: 30/12/2008
* Version		: 2.2d
* Last modif	: 12:09 14/09/2009
* Description	: Feuille de style CSS par défaut
--------------------------------------------------------------------------------------------------------------------------------------------- */

/*
	Targeting browsers
	---------------------------------------------------------------------------------

	IE :			*width : 0px;
	IE 6 :		_width : 6px;
	IE 7 :		.width : 7px;
	Opera :		@media all and (min-width: 0px){ .classname {} }
	Safari :		html:lang(en)>body  .classname {}
	Google Chrome :	body:nth-of-type(1) p { color: #333333; }

	---------------------------------------------------------------------------------
*/


/* ------------------------------------------------------------------------------------ RESET */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend
	{
		outline :			0;
		padding :			0;
		margin :			0;
		border :			0;
	}

ol, ul
	{
		list-style :		none;
	}


/* ------------------------------------------------------------------------------------ FONTS */
@font-face
	{
		font-family :		"Axel";
		src :				local( "Axel" ), 
						url( "Axel.ttf" )  format("truetype");
	}

@font-face
	{
		font-family :		"Axel";
		font-weight:		bold;
		src :				local( "Axel-Bold" ), 
						url( "Axel-Bold.ttf" )  format("truetype");
	}


/* ------------------------------------------------------------------------------------ ALL */

*
	{
		font-family :		Axel, Arial, Sans-serif;
		font-size :			12px;
		color :			#2CA2BF;
	}

::-moz-selection
	{
		background-color :	#65C4DB;
		color :			#FFFFFF;
	}
::selection
	{
		background-color :	#65C4DB;
		color :			#FFFFFF;
	}

input[type="submit"]
	{
		cursor :			pointer;
	}

/* ------------------------------------------------------------------------------------ HTML */

body, html
	{
		margin :			0;
		padding :			0;
	}

html
	{
		text-align :		left;
		background-color :	#FFFFFF;
		/* background-color :	#65C4DB; */
	}

/* ------------------------------------------------------------------------------------ TYPO */
pre
	{
		font-family :		monospace;
		font-size :			9pt;

		/* HTML CSS Trick for wrapping long lines with PRE tag */

		white-space :		pre-wrap; 				/* css-3 */
		white-space :		-moz-pre-wrap !important;	/* Mozilla, since 1999 */
		white-space :		-pre-wrap;				/* Opera 4-6 */
		white-space :		-o-pre-wrap;			/* Opera 7 */
		word-wrap :			break-word;				/* Internet Explorer 5.5+ */
	}

.bold
	{
		font-weight :		bold;
	}

/* ------------------------------------------------------------------------------------ FUNKY */

.disabled
	{
		cursor :			default;
	}

.busy
	{
		cursor :			wait;
	}

.clickable:hover
	{
		cursor :			pointer;
	}

.inportant
	{
		padding :			1px 4px 1px 4px;
		background-color :	#EF1D4D;
		color :			#FFFFFF;
	}

.focus
	{
		border :			1px solid #DBDBDB;
		border-radius :		3px;
		-moz-border-radius :	3px;
		-webkit-border-radius :	3px;
	}

.focus:focus
	{
		border :			1px solid #7DBEF1;
		-moz-box-shadow :		rgba( 125 , 190 , 241 , 0.3 ) 0px 0px 3px 2px;
		-webkit-box-shadow :	#7DBEF1 0px 0px 3px 2px;
		box-shadow :		#7DBEF1 0px 0px 3px 2px;
	}


/* ------------------------------------------------------------------------------------ CONTENT */

#header, #content, #footer
	{
		width :			800px;
		margin-left :		auto;
		margin-right :		auto;
		background-color :	#FFFFFF;
	}

#header
	{
		height :			100px;
		margin-top :		5px;
		margin-bottom :		10px;
	}




/* ------------------------------------------------------------------------------------ HEADER */


#logo
	{
		height :			72px;
		margin-bottom :		5px;
	}


#header_links
	{
		float :			right;
		height :			18px;
		line-height :		18px;
		margin-top :		10px;
		text-align :		right;
	}


/* ------------------------------------------------------------------------------------ MENU */

#menu
	{
		height :			20px;
		line-height :		20px;
		border-bottom :		2px solid #65C4DB;
		margin-bottom :		10px;
	}


#menu ul li
	{
		display :			inline;
	}

#menu ul li a
	{
		display :			block;
		float :			left;
		padding-left :		10px;
		padding-right :		22px;
		margin-right :		2px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
		text-decoration :		none;
		font-weight :		bold;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}

#menu ul li a:hover
	{
		background-color :	#2CA2BF;
		text-decoration :		none;
	}


/* ------------------------------------------------------------------------------------ CONTENT */

#content
	{
		min-height :		390px;
	}


#produit
	{
		height :			300px;
	}

#footer
	{
		width :			795px;
		height :			20px;
		line-height :		20px;
		padding-left :		5px;
		border-top :		2px solid #65C4DB;
	}

/* ------------------------------------------------------------------------------------ LINKS */

a, a:link, a:visited
	{
		text-decoration :		none;
	}

a:hover
	{
		text-decoration :		underline;
	}

/*
a:active
	{
		color :			#127A93;
	}
*/

a:target
	{
		background-color :	#F8350E;
	}

@media all
	{
		.page-break
			{
				display : 			none;
			}
	}

@media print
	{
		.page-break
			{
				display :			block;
				page-break-before :	always;
			}
	}


.link
	{
		padding :			1px 2px 1px 2px;
	}
.link:hover
	{
		color :			#FFFFFF;
		background-color :	#65C4DB;
		text-decoration :		none;
		cursor :			pointer;
	}

.highlight
	{
		padding :			1px 2px 1px 2px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
	}

/* ------------------------------------------------------------------------------------ MSG TMP */

#msg_tmp,
#msg_tmp_bg
	{
		width :			800px;
		height :			120px;
	}

#msg_tmp
	{
		margin-top :		150px;
		/margin-left :		-900px;
		position :			absolute;
		z-index :			1000;
		filter :			alpha(opacity=0);
		-moz-opacity :		0;
		-khtml-opacity :		0;
		opacity :			0;
	}

#msg_tmp_bg
	{
		background-color :	#65C4DB;
		position :			absolute;
		filter :			alpha(opacity=0.9);
		-moz-opacity :		0.9;
		-khtml-opacity :		0.9;
		opacity :			0.9;
		z-index :			10001;

		border-radius :		6px;
		-moz-border-radius :	6px;
		-webkit-border-radius :	6px;

		-moz-box-shadow :		rgba( 50 , 50 , 50 , 0.3 ) 0px 0px 20px 5px;
		-webkit-box-shadow :	#888888 0px 0px 20px 5px;
		box-shadow :		#888888 0px 0px 20px 5px;
	}

#msg_tmp_content
	{
		position :			absolute;
		width :			640px;
		height :			90px;
		padding-top :		15px;
		padding-left :		90px;
		background :		url( "msg_tmp_icon_info.png" ) 20px 20px no-repeat;
		z-index :			10002;
	}

#msg_tmp_text
	{
		font-size :			22px;
		color :			#FFFFFF;
		z-index :			10003;
	}

#msg_tmp_close
	{
		display :			block;
		position :			absolute;
		width :			43px;
		height :			20px;
		line-height :		20px;
		margin-top :		-10px;
		margin-left :		640px;
		padding-left :		22px;
		color :			#FFFFFF;
		z-index :			10004;
		background :		url( "msg_tmp_close_icone.png" ) 2px 2px no-repeat;
	}

#msg_tmp_close:hover
	{
		cursor :			pointer;
		background-color :	#DB2C3F;
		text-decoration :		none;
	}

#msg_tmp_ie
	{
		position :			fixed;
		top :				70px;
		left :			0;
		width :			100%;
		height :			60px;
		padding :			20px;
		color :			#FFFFFF;
		font-size :			14px;
		background-color :	#D70D70;
		z-index :			99999;
	}


/* ------------------------------------------------------------------------------------ INPUT */

.anti_robot
	{
		border :			1px solid #FF0066;
		display :			none;
	}


.input
	{
		padding :			2px;
		padding-left :		4px;
		border :			1px solid #D5E0E3;
	}

.input:hover,
.input:focus
	{
		border :			1px solid #2CA2BF;
	}


.input2
	{
		padding :			2px;
		padding-left :		4px;
		color :			#000000;
		border :			1px solid #65C4DB;
	}
.input2:hover,
.input2:focus
	{
		border :			1px solid #2CA2BF;
	}


/* ------------------------------------------------------------------------------------ COMMONS */

table, td
	{
		border-collapse :		collapse;
		text-align :		left;
	}

img
	{
		border :			none;
		vertical-align :		middle;
	}

hr
	{
		border :			none;
		background-color :	#65C4DB;
		height :			2px;
	}

sup
	{
		font-size :			10px;
	}

/* ------------------------------------------------------------------------------------ INDEX */




#index_header
	{
		height :			45px;
	}

#index_header,
#index_header *
	{
		vertical-align :		bottom;
	}

#index_header_part_1,
#index_header_part_2
	{
		font-size :			30px;
		font-weight :		bold;
	}

#index_header_part_1,
#index_left
	{
		float :			left;
		width :			480px;
	}


#index_header_part_2,
#index_right
	{
		float :			left;
		width :			320px;
	}

#index_choix_toile
	{
		margin-top :		10px;
		height :			320px;
	}


#index_choisissez_votre_format
	{
		font-size :			30px;
		font-weight :		bold;
		color :			#65C4DB;
	}

#index_right
	{
		height :			680px;
		text-align :		center;
		background :		#65C3DC url( "index_stickers_bg.jpg" ) top left no-repeat;
	}


#index_stickers_img
	{
	}

#index_stickers_img:hover
	{
		-moz-box-shadow :		rgba( 50 , 50 , 50 , 0.3 ) 0px 0px 8px 3px;
		-webkit-box-shadow :	#CACACA 0px 0px 8px 3px;
		box-shadow :		#CACACA 0px 0px 8px 3px;
	}

#index_stickers_link
	{
		display :			block;
		height :			40px;
		line-height :		40px;
		font-size :			22px;
		font-weight :		bold;
		text-align :		left;
		padding-left :		15px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
	}

#index_stickers_link:hover
	{
		text-decoration :		none;
		background-color :	#2CA2BF;
	}




#index_choix_format_left
	{
		float :			left;
		width :			270px;
		height :			320px;
	}


#index_choix_format_right
	{
		float :			left;
		width :			525px;
		height :			320px;
	}

.index_choix_format_boxes
	{
		float :			left;
		width :			141px;
		height :			294px;
		margin-left :		5px;
		padding :			4px;
		border :			2px solid #FFFFFF;

		-webkit-transition-duration: 0.20s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-duration: 0.20s;
		-moz-transition-timing-function: ease-out;
	}

.index_choix_format_boxes:hover
	{
		cursor :			pointer;
		border :			2px solid #65C4DB;
		-moz-box-shadow :		rgba( 50 , 50 , 50 , 0.3 ) 0px 0px 8px 2px;
		-webkit-box-shadow :	#CACACA 0px 0px 8px 2px;
		box-shadow :		#CACACA 0px 0px 8px 2px;

	}


#toile_en_cours_titre
	{
		font-weight :		bold;
		font-size :			16px;
		margin-top :		10px;
		margin-bottom :		10px;
		padding :			5px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
	}

.toile_en_cours_links
	{
		display :			block;
		float :			left;
		width :			157px;
		height :			20px;
		line-height :		20px;
		padding-left :		10px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
		font-weight :		bold;
		text-align :		left;
		margin-right :		2px;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}

.toile_en_cours_links:hover
	{
		text-decoration :		none;
		background-color :	#2CA2BF;
	}


#link_recommander_woaster_a_un_ami,
#link_votre_avis_nous_interesse
	{
		display :			block;
		margin-top :		20px;
		padding :			1px 4px 1px 4px;
		width :			230px;
		height :			20px;
		line-height :		20px;
		font-size :			14px;
		font-weight :		bold;
		color :			#FFFFFF;
		background-color :	#65C4DB;
		text-shadow :		0 1px 1px #007D9B;

		-webkit-transition-duration: 0.30s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-duration: 0.30s;
		-moz-transition-timing-function: ease-out;
	}
#link_recommander_woaster_a_un_ami:hover,
#link_votre_avis_nous_interesse:hover
	{
		text-decoration :		none;
		background-color :	#2CA2BF;
	}


#index_avis_link_1,
#index_avis_link_2
	{
	}


.bouton
	{
		display :			inline-block;
		position :			relative;
		height :			18px;
		line-height :		18px;
		padding :			1px 10px 3px 6px;
		font-weight :		bold;
		color :			#FFFFFF;
		background :		#2CA2BF url( "btn_background.png" ) 0px -4px repeat-x;

		-moz-border-radius :	4px;
		-webkit-border-radius :	5px;

		-moz-box-shadow :		rgba( 50 , 50 , 50 , 0.3 ) 0px 0px 8px 1px;
		-webkit-box-shadow :	#CACACA 0px 0px 8px 1px;
		box-shadow :		#CACACA 0px 0px 8px 1px;

		cursor :			pointer;
		text-decoration :		none;
	}

.bouton:hover
	{
		text-decoration :		none;
		background-position :	0px -10px;
		text-shadow :		0px 0px 2px rgba( 50 , 50 , 50 , 0.5 );
	}




#votre_avis_nous_interesse_links a
	{
		display :			inline-block;
		margin-bottom :		5px;
		font-size :			14px;
		font-weight :		bold;
		color :			#65C4DB;
		border-bottom :		2px solid #65C4DB;
	}
#votre_avis_nous_interesse_links a:hover
	{
		text-decoration :		none;
		color :			#2CA2BF;
		border-bottom :		2px solid #2CA2BF;
	}





#votre_avis_nous_interesse
	{
		margin-top :		10px;
		width :			350px;
	}


#index_current_toile_preview
	{
		-moz-box-shadow :		rgba( 50 , 50 , 50 , 0.3 ) 0px 0px 8px 1px;
		-webkit-box-shadow :	#CACACA 0px 0px 8px 1px;
		box-shadow :		#CACACA 0px 0px 8px 1px;
	}

#index_current_toile_preview:hover
	{
		-moz-box-shadow :		rgba( 50 , 50 , 50 , 0.3 ) 0px 0px 8px 3px;
		-webkit-box-shadow :	#CACACA 0px 0px 8px 3px;
		box-shadow :		#CACACA 0px 0px 8px 3px;
	}



/* ------------------------------------------------------------------------------------ PART LEFT-RIGHT */

#part_left,
#part_left_no_border,
#part_right,
#part_right_no_border
	{
		float :			left;
		min-height :		370px;
		height :			auto !important;
		height :			370px;
	}

#part_left
	{
		width :			290px;
		padding-right :		5px;
		border-right :		2px solid #65C4DB;
	}

#part_left_no_border
	{
		width :			200px;
		padding-right :		5px;
	}

#part_right
	{
		width :			483px;
		padding-left :		20px;
	}

#part_right_no_border
	{
		width :			575px;
		padding-left :		20px;
	}


/* ------------------------------------------------------------------------------------ PERSONNALISATION PHOTO */

#zone_infos, #working_zone
	{
		float :			left;
		padding-top :		10px;
		min-height :		380px;
		height :			auto !important;
		height :			380px;
	}

#zone_infos
	{
		width :			200px;
	}
#zone_infos_1
	{
		font-size :			22px;
	}
#zone_infos_2
	{
		height :			60px;
	}

#price_left, #price_right, #price_euro
	{
		position :			absolute;
		font-weight :		bold;
	}
#price_left
	{
		width :			85px;
		height :			60px;
		font-size :			60px;
		font-weight :		bold;
		text-align :		right;
	}
#price_right
	{
		margin-left :		85px;
		margin-top :		21px;
		width :			45px;
		height :			30px;
		font-size :			30px;
	}
#price_euro
	{
		margin-left :		75px;
		font-size :			20px;
	}


#zone_infos_3
	{
		padding-bottom :		15px;
		background :		url( "zone_info_bulle.png" ) bottom left no-repeat;
	}



#working_zone
	{
		width :			600px;
	}

#etape_1_titre, #etape_1_content
	{
		float :			left;
	}

.titre
	{
		height :			30px;
		line-height :		30px;
		font-size :			22px;
		color :			#65C4DB;
		margin-bottom :		10px;
	}

.titre span
	{
		font-size :			22px;
		font-weight :		bold;
		color :			#65C4DB;
	}

.titre2
	{
		height :			16px;
		line-height :		16px;
		margin-top :		5px;
		margin-bottom :		5px;
		padding :			5px;
		font-weight :		bold;
		color :			#2CA2BF;
		background-color :	#E0F3F7;
		border-bottom :		1px solid #CAE5EB;
	}

/**
* ================= ETAPE 1
*/

#etape_1_content div
	{
		font-size :			16px;
	}

#cadrage_vertical, #cadrage_horizontal
	{
		background-image :	url( "cadrages.png" );
		background-repeat :	no-repeat;
		cursor :			pointer;
	}
#cadrage_vertical
	{
		width :			82px;
		height :			122px;
		background-position :	0px 0px;
	}
#cadrage_vertical:hover
	{
		background-position :	-82px 0px;
	}
#cadrage_horizontal
	{
		width :			122px;
		height :			82px;
		background-position :	0px -122px;
	}
#cadrage_horizontal:hover
	{
		background-position :	-122px -122px;
	}



/**
* ================= ETAPE 2
*/

#send_photo
	{
		color :			#FFFFFF;
		background-color :	#65C4DB;
		border :			2px solid #65C4DB;
	}

#btn_send_photo
	{
		margin-top :		5px;
		padding :			4px 10px 4px 10px;
		font-size :			16px;
		font-weight :		bold;
		background-color :	#65C4DB;
		color :			#FFFFFF;
		border :			none;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}
#btn_send_photo:hover
	{
		cursor :			pointer;
		background-color :	#2CA2BF;
	}


#send_image
	{
		width :			300px;
		height :			30px;
	}


#send_image_input
	{
		position :			absolute;
		width :			200px;
		padding :			4px;
		border :			2px solid #65C4DB;
	}

#send_image_btn
	{
		display :			block;
		position :			absolute;
		margin-left :		200px;
		width :			75px;
		height :			27px;
		line-height :		27px;
		padding-left :		6px;
		font-weight :		bold;
		color :			#FFFFFF;
		background-color :	#65C4DB;
	}

#send_image_file
	{
		position :			absolute;
		width :			280px;
		cursor :			pointer;
		filter :			alpha(opacity=0);
		-moz-opacity :		0;
		-khtml-opacity :		0;
		opacity :			0;
	}

#send_image_file:hover #send_image_btn
	{
		background-color :	#2CA2BF;
	}




/**
* ================= ETAPE 3
*/

#personnalisation
	{
		width :			600px;
	}

#tools
	{
		width :			600px;
	}

#photo_container
	{
		margin-left :		auto;
		margin-right :		auto;
		/margin-left :		0;
		/margin-right :		0;
		overflow :			hidden;
	}

#photo
	{
		position :			relative;
		/position :			absolute;
		/*
		width :			10000px;
		height :			10000px;
		*/
		text-align :		left;
		z-index :			50;
	}


.size_portrait
	{
		width :			244px;
		height :			350px;
	}

.size_paysage
	{
		width :			350px;
		height :			244px;
	}

.size_carre
	{
		width :			244px;
		height :			244px;
	}

#masque
	{
		position :			absolute;
		z-index :			100;
	}

.masque_portrait,
.masque_portrait_150,
.masque_paysage,
.masque_paysage_150,
.masque_carre,
.masque_carre_150
	{
		background-position :	top left;
		background-repeat :	no-repeat;
	}

.masque_portrait			{	background-image : url( "masque_portrait_blanc.png" );		/background-image : url( "masque_portrait_blanc.gif" );		}
.masque_paysage			{	background-image : url( "masque_paysage_blanc.png" );			/background-image : url( "masque_paysage_blanc.gif" );		}
.masque_carre			{	background-image : url( "masque_carre_blanc.png" );			/background-image : url( "masque_carre_blanc.gif" );			}

.masque_portrait_150		{	background-image : url( "masque_portrait_blanc_150.png" );		}
.masque_paysage_150		{	background-image : url( "masque_portrait_blanc_150.png" );		}
.masque_carre_150			{	background-image : url( "masque_portrait_blanc_150.png" );		}


#loading_photo
	{
		position :			absolute;
		z-index :			200;
		background :		url( "loading.gif" ) center center no-repeat;
	}


.tools
	{
		width :			24px;
		height :			24px;
		border :			none;
		padding :			0;
		margin :			0;
		background-image :	url( "tools.png" );
		background-position :	0px 0px;
		background-repeat :	no-repeat;
		cursor :			pointer;
	}

.tools_top				{ background-position :		0px 0px; }
.tools_top:hover			{ background-position :		-24px 0px; }

.tools_bottom			{ background-position :		0px -24px; }
.tools_bottom:hover		{ background-position :		-24px -24px; }

.tools_left				{ background-position :		0px -48px; }
.tools_left:hover			{ background-position :		-24px -48px; }

.tools_right			{ background-position :		0px -72px; }
.tools_right:hover		{ background-position :		-24px -72px; }

.tools_plus				{ background-position :		0px -96px; }
.tools_plus:hover			{ background-position :		-24px -96px; }

.tools_moins			{ background-position :		0px -120px; }
.tools_moins:hover		{ background-position :		-24px -120px; }

.tools_reset			{ background-position :		0px -144px; }
.tools_reset:hover		{ background-position :		-24px -144px; }



.btn_filter,
.btn_filter_right
	{
		float :			left;
		width :			76px;
		/width :			71px;
		height :			20px;
		line-height :		20px;
		padding-left :		5px;
		margin-top :		2px;
		margin-bottom :		2px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
	}

.btn_filter_right
	{
		margin-left :		5px;
	}

.btn_filter:hover, .btn_filter_current,
.btn_filter_right:hover, .btn_filter_right_current
	{
		background-color :	#2CA2BF;
		cursor :			pointer;
	}


.tools_title,
.tools_reset
	{
		width :			157px;
		height :			20px;
		line-height :		20px;
		padding-left :		10px;
		margin-top :		5px;
		margin-bottom :		5px;
		color :			#FFFFFF;
		background-color :	#2CA2BF;
		font-weight :		bold;
		text-align :		left;
		text-decoration :		none;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}

.tools_reset
	{
		background-color :	#A4E1EF;
		cursor :			pointer;
	}
.tools_reset:hover
	{
		background-color :	#2CA2BF;
	}

#btn_valider_toile,
#btn_valider_commande
	{
		margin-top :		5px;
		width :			167px;
		padding :			4px 10px 4px 10px;
		font-size :			16px;
		font-weight :		bold;
		background-color :	#2CA2BF;
		color :			#FFFFFF;
		border :			none;
		text-align :		left;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}
#btn_valider_toile:hover,
#btn_valider_commande:hover
	{
		cursor :			pointer;
		background-color :	#65C4DB;
	}

#loading_save_toile
	{
		font-weight :		bold;
		padding-top :		5px;
		padding-left :		50px;
		height :			45px;
		background :		url( "loading.gif" ) top left no-repeat;
	}


/* ------------------------------------------------------------------------------------ PANIER */

.panier_element td
	{
	}

.panier_img_produit
	{
		width :			160px;
		text-align :		left;
	}

.cliquez_pour_agrandir
	{
		cursor :			pointer;
	}
.cliquez_pour_agrandir:hover
	{
		text-decoration :		underline;
	}

.panier_titre_produit
	{
		font-size :			26px;
		margin-bottom :		5px;
	}


.panier_prix_unitaire_produit	
	{
		width :			100px;
		text-align :		right;
	}
.panier_qte_produit
	{
		width :			60px;
		text-align :		right;
	}
.panier_prix_total_produit
	{
		width :			100px;
		text-align :		right;
	}

.panier_prix_unitaire_produit,
.panier_prix_total_produit,
.panier_qte_produit select,
.panier_qte_produit select option,
.panier_total_txt
	{
		font-size :			18px;
	}

.formulaire_coordonnees_commande tr td input
	{
		width :			150px;
		color :			#2CA2BF;
		border :			1px solid #65C4DB;
	}

#panier_btn_supprimer
	{
		padding :			1px 5px 1px 5px;
		text-align :		left;
		color :			#FFFFFF;
		background-color :	#A4E1EF;
	}
#panier_btn_supprimer:hover
	{
		text-decoration :		none;
		background-color :	#65C4DB;
	}


/* ------------------------------------------------------------------------------------ CODE PROMO */

#codepromo
	{
		width :			110px;
		border :			1px solid #CBCBCB;
	}

#codepromo_btn
	{
		border :			none;
		padding :			1px 5px 1px 5px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
	}
#codepromo_btn:hover
	{
		background-color :	#2CA2BF;
	}


/* ------------------------------------------------------------------------------------ PAIEMENT */

.paiement_title
	{
		height :			30px;
		line-height :		30px;
		font-size :			16px;
		font-weight :		bold;
		color :			#2CA2BF;
		margin-bottom :		5px;
		border-bottom :		2px solid #65C4DB;
	}

.paiement_produit
	{
		font-size :			20px;
	}

#btn_valider_paiement
	{
		margin-top :		5px;
		padding :			4px 30px 4px 5px;
		font-size :			16px;
		font-weight :		bold;
		background-color :	#65C4DB;
		color :			#FFFFFF;
		border :			none;
		text-align :		left;
 
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}
#btn_valider_paiement:hover
	{
		cursor :			pointer;
		background-color :	#2CA2BF;
	}

#btn_annuler_commande
	{
		margin-top :		5px;
		margin-right :		1px;
		padding :			4px 10px 4px 10px;
		font-size :			16px;
		background-color :	#A4E1EF;
		color :			#FFFFFF;
		border :			none;
		text-align :		left;

		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}
#btn_annuler_commande:hover
	{
		cursor :			pointer;
		background-color :	#2CA2BF;
	}



/* ------------------------------------------------------------------------------------ LOGIN / CREATION DE COMPTE */

#zone_left, #zone_right
	{
		float :			left;
		padding-top :		10px;
		min-height :		370px;
		height :			auto !important;
		height :			370px;
		margin-bottom :		10px;
	}

#zone_left
	{
		width :			375px;
	}


#zone_right
	{
		width :			383px;
		padding-left :		30px;
		margin-left :		10px;
		border-left :		2px solid #65C4DB;
	}


.login_titre
	{
		font-size :			22px;
		font-weight :		bold;
		color :			#65C4DB;
	}


.table_formulaire_label
	{
		width :			100px;
		text-align :		right;
		padding-right :		5px;
		vertical-align :		top;
	}

.table_formulaire_field
	{
		width :			250px;
		text-align :		left;
		vertical-align :		top;
	}


.table_formulaire_field input,
.table_formulaire_field select option,
.table_formulaire_field *
	{
		color :			#000000;
	}

.table_formulaire_field input,
.table_formulaire_field select,
.table_formulaire_field textarea
	{
		width :			200px;
		padding :			2px;
		padding-left :		4px;
		border :			1px solid #D5E0E3;
	}

.table_formulaire_field select,
.table_formulaire_field input[type="submit"]
	{
		width :			208px;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}

.table_formulaire_field input:hover,
.table_formulaire_field input:focus,
.table_formulaire_field select:hover,
.table_formulaire_field select:focus,
.table_formulaire_field textarea:hover,
.table_formulaire_field textarea:focus
	{
		border :			1px solid #2CA2BF;
	}


.table_formulaire_field input[type="submit"]
	{
		color :			#FFFFFF;
		background-color :	#2CA2BF;
		border :			1px solid #2CA2BF;
	}

.table_formulaire_field input[type="submit"]:hover
	{
		background-color :	#65C4DB;
	}



/* ------------------------------------------------------------------------------------ MON COMPTE */

#mon_compte_menu
	{
		margin-bottom :		10px;
	}

.mon_compte_menu_links
	{
		padding :			2px 5px 2px 5px;
		color :			#FFFFFF;
		background-color :	#65C4DB;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}

.mon_compte_menu_links:hover
	{
		text-decoration :		none;
		background-color :	#2CA2BF;
	} 

#left, #right
	{
		float :			left;
		padding-top :		10px;
		min-height :		370px;
		height :			auto !important;
		height :			370px;
		margin-bottom :		10px;
	}

#left
	{
		width :			189px;
	}


#right
	{
		width :			383px;
		padding-left :		19px;
		margin-left :		10px;
		border-left :		2px solid #65C4DB;
	}

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


.mon_compte_ma_commande
	{
		padding-bottom :		10px;
		margin-bottom :		20px;
		border-bottom :		2px solid #A4E1EF;
	}
.mon_compte_ma_commande:hover
	{
		border-bottom :		2px solid #65C4DB;
	}


.account_stickers_preview_1,
.account_stickers_preview_2,
.account_stickers_preview_3,
.account_stickers_preview_4,
.account_stickers_preview_5,
.account_stickers_preview_6
	{
		position :			absolute;

		-moz-box-shadow :		rgba( 250 , 250 , 250 , 0.4 ) 0px 0px 2px 1px;
		-webkit-box-shadow :	rgba( 250 , 250 , 250 , 0.4 ) 0px 0px 2px 1px;
		box-shadow :		#FFFFFF 0px 0px 2px 1px;
	}

.account_stickers_preview_1	{	margin : 0px 0px 0px 0px; }
.account_stickers_preview_2	{	margin : 6px 0px 0px 8px; }
.account_stickers_preview_3	{	margin : 12px 0px 0px 16px; }
.account_stickers_preview_4	{	margin : 18px 0px 0px 24px; }
.account_stickers_preview_5	{	margin : 24px 0px 0px 32px; }
.account_stickers_preview_6	{	margin : 30px 0px 0px 40px; }

/* ------------------------------------------------------------------------------------ PRESENTATION PRODUIT */

.presentation_produit
	{
		float :			left;
		width :			167px;
		padding-left :		2px;
		font-weight :		bold;
		font-size :			14px;
		color :			#65C4DB;
	}

.presentation_produit img
	{
		/*border :			2px solid #65C4DB;*/
		margin-bottom :		5px;
	}


/* ------------------------------------------------------------------------------------ LIVRAISON 72H */

#livraison_72h
	{
		display :			block;
		position :			absolute;
		margin-left :		150px;
		/margin-left :		-650px;
		margin-top :		80px;
		width :			80px;
		height :			80px;
		z-index :			200000;
		background :		url( "72h.png" ) top left no-repeat;
	}



/* ------------------------------------------------------------------------------------ MISES EN AMBIANCES */

#mise_en_ambiance
	{
		width :			800px;
		height :			530px;
		overflow :			hidden;
	}

#mise_en_ambiance_content
	{
		width :			1000000px;
		height :			530px;
		overflow :			hidden;
	}


#mise_en_ambiance_content img
	{
		margin :			0;
	}

#mise_en_ambiance_commandes
	{
		position :			absolute;
		width :			700px;
		height :			530px;
		z-index :			100000;
	}

#mise_en_ambiance_btn_left,
#mise_en_ambiance_btn_right
	{
		display:			block;
		position :			absolute;
		margin-left :		0px;
		margin-top :		0px;
		width :			130px;
		height :			530px;
		background :		none;
		cursor :			pointer;
	}

#link_previous_image:hover,
#mise_en_ambiance_btn_right:hover
	{
		background :		url( "fleche_blanche_gauche.png" ) top left no-repeat;
	}
#link_next_image,
#mise_en_ambiance_btn_left
	{
		margin-left :		670px;
	}
#link_next_image:hover,
#mise_en_ambiance_btn_left:hover
	{
		background :		url( "fleche_blanche_droite.png" ) top right no-repeat;
	}




/* ------------------------------------------------------------------------------------ TABLEAU COMPARATIF */

#tableau_comparatif
	{
		width :			480px;
	}
#tableau_comparatif tr
	{
		border-bottom :		1px solid #65C4DB;
	}
#tableau_comparatif tr th
	{
		font-size :			22px;
		height :			30px;
		line-height :		30px;
		border-bottom :		2px solid #65C4DB;
	}
#tableau_comparatif tr th span
	{
		font-size :			18px;
		font-weight :		normal;
	}
#tableau_comparatif tr td
	{
		font-size :			14px;
		height :			30px;
		line-height :		30px;
	}
#tableau_comparatif tr:hover
	{
		background-color :	#EFF9FB;
	}


/* ------------------------------------------------------------------------------------ TABLEAU DE RESSOURCES */

#tableau_ressources
	{
		width :			100%;
	}
#tableau_ressources tr
	{
	}
#tableau_ressources tr th
	{
		font-size :			22px;
		height :			30px;
		line-height :		30px;
		border-bottom :		2px solid #65C4DB;
	}
#tableau_ressources tr th span
	{
		font-size :			18px;
		font-weight :		normal;
	}
#tableau_ressources tr td
	{
		font-size :			13px;
		height :			18px;
		line-height :		18px;
		padding :			4px;
	}
#tableau_ressources tr:hover
	{
		background-color :	#e9f6f9;
	}

#tableau_ressources tr td a
	{
		font-weight :		bold;
	}

/* ------------------------------------------------------------------------------------ CLASSE TABLEAU */

.tableau
	{
	}

.tableau tr:hover td
	{
		background-color :	#E0F3F7;
	}

.tableau tr td
	{
		padding :			5px;
	}

.tableau_title
	{
		height :			16px;
		line-height :		16px;
		padding-left :		2px;
		font-weight :		bold;
		color :			#2CA2BF;
		background-color :	#E0F3F7;
	}

/* ------------------------------------------------------------------------------------ INFO BULLE */
#info_bulle
	{
		position :			absolute;
		visibility :		hidden;
		z-index :			900000;
		margin-top :		10px;
		margin-left :		15px;
		-moz-box-shadow :		rgba( 50 , 50 , 50 , 0.4 ) 0px 0px 15px 5px;
		-webkit-box-shadow :	#888888 0px 0px 15px 2px;
		box-shadow :		#888888 0px 0px 15px 2px;
	}

/* ------------------------------------------------------------------------------------ JAVASCRIPT OFF */

#javascript_off
	{
		position :			fixed;
		top :				74px;
		left :			0;
		width :			100%;
		height :			100px;
		line-height :		100px;
		padding-left :		10px;
		color :			#FFFFFF;
		font-size :			14px;
		background-color :	#D70D70;
		z-index :			999999;
	}


/* ------------------------------------------------------------------------------------ IE WARNING */

#ie_warning
	{
		width :			160px;
		margin-top :		10px;
		padding :			5px;
		color :			#FFFFFF;
		background-color :	#FF0066;
	}

#ie_warning a,
#ie_warning b
	{
		color :			#FFFFFF;
		font-weight :		bold;
	}

#ie_warning_icon
	{
		width :			20px;
		height :			20px;
		line-height :		20px;
		font-size :			20px;
		font-weight :		bold;
		text-align :		center;
		color :			#FF0066;
		background-color :	#FFFFFF;
	}


/* ------------------------------------------------------------------------------------ STICKERS */


#stickers_produits
	{
		width :			800px;
		height :			650px;
		background :		url( "stickers_produit.jpg" ) 0px 0px no-repeat;
	}


#stickers_index
	{
		width :			800px;
		height :			650px;
		background :		url( "stickers_background_1.jpg" ) 0px 0px no-repeat;
	}

#a_coller_furieusement_partout
	{
		position :			absolute;
		margin-left :		590px;
		margin-top :		205px;
		font-size :			14px;
	}


#stickers_choose_from_computer,
#stickers_choose_from_facebook
	{
		position :			absolute;
		width :			128px;
		height :			111px;
		margin-top :		456px;
		padding :			4px 0px 0px 56px;
		background :		url( "sticker_fleche_droite.png" ) 5px -900px no-repeat;
	}

#stickers_choose_from_computer:hover,
#stickers_choose_from_facebook:hover
	{
		background-position :	5px 14px;
	}



#stickers_choose_from_computer
	{
		margin-left :		355px;
	}


#stickers_choose_from_facebook
	{
		margin-left :		575px;
	}


#stickers_choose_from_title
	{
		font-size :			22px;
		margin-top :		20px;
		margin-bottom :		20px;
	}

.stickers_choose_link
	{
		display :			block;
		width :			300px;
		margin-left :		100px;
		padding :			10px;
		font-size :			22px;
		border :			2px solid #FFFFFF;
	}

.stickers_choose_link:hover
	{
		border :			2px solid #65C4DB;
		text-decoration :		none;
	}


#stickers_workplace
	{
		width :			600px;
		min-height :		650px;
		height :			auto !important;
		height :			650px;
		padding-left :		200px;
		background :		url( "stickers_background_2.jpg" ) 0px 0px no-repeat;
	}


#stickers_from_menu
	{
		height :			20px;
		line-height :		20px;
		margin-bottom :		10px;
		padding :			5px;
		background-color :	#EBF5F7;
		border-bottom :		2px solid #9CD7E3;
		
	}


/* -------------------------------- STICKERS FACEBOOK */

#stickers_fb_connect
	{
		text-align :		center;
		padding-top :		100px;
		padding-bottom :		130px;
	}


.stickers_fb_album
	{
		float :			left;
		margin-right :		10px;
		margin-bottom :		10px;
		padding :			5px;
		width :			85px;
		height :			148px;
		overflow :			hidden;
		border :			2px solid #FFFFFF;
	}

.stickers_fb_album:hover
	{
		border :			2px solid #2CA2BF;
	}

.stickers_fb_album_cover
	{
		display :			block;
		width :			85px;
		height :			85px;
		background-repeat :	no-repeat;
		background-position :	center; 
		cursor :			pointer;
	}

.stickers_fb_album_size
	{
		font-family :		Arial, Sans-serif;
		font-size :			10px;
	}

.stickers_fb_album_album_add_all
	{
		margin-bottom :		4px;
		font-family :		Arial, Sans-serif;
		font-size :			10px;
		border-bottom :		1px solid #DBDBDB;
	}

.stickers_fb_album_album_add_all:hover
	{
		padding-left :		4px;
		color :			#FFFFFF;
		background-color :	#2CA2BF;
		cursor :			pointer;
	}


.stickers_fb_album_title
	{
		font-family :		Arial, Sans-serif;
		font-size :			10px;
		cursor :			pointer;
	}

#facebook_album
	{
		height :			120px;
		padding :			5px;
		overflow :			auto;
		white-space :		no-wrap;
	}

.flickr_facebook_preview_img
	{
		width :			75px;
		height :			75px;
		margin :			2px;
		background-position :	center center;
		background-repeat :	no-repeat;
		cursor :			pointer;
	}


#fb_upload_stop
	{
		cursor :			pointer;
	}
#fb_upload_stop:hover
	{
		text-decoration :		underline;
	}





#planches_stickers
	{
		border-top :		2px solid #65C4DB;
		padding-top :		10px;
		width :			600px;
		background :		url( "stickers_mini_size.png" ) 110px 10px no-repeat;
	}

#sitckers_upload
	{
		width :			600px;
	}




/* -------------------------------- STICKERS FLICKR */



#stickers_flickr_connect
	{
		text-align :		center;
		padding-top :		100px;
		padding-bottom :		130px;
	}

#stickers_flickr_connect_link
	{
		width :			224px;
		height :			24px;
		background :		#ff6600 url( "importer_from_flickr.png" ) top left no-repeat;
		-moz-box-shadow :		rgba( 0, 98, 223, 0.3 ) 0px 0px 10px 4px; 
		-webkit-box-shadow :	#0062DF 0px 0px 10px 4px;
		box-shadow :		#0062DF 0px 0px 10px 4px;
	}

#stickers_flickr_connect_link:hover
	{
		background-position :	0px -24px;
		-moz-box-shadow :		rgba( 255 , 0 , 132, 0.3 ) 0px 0px 20px 4px;
		-webkit-box-shadow :	#FF0084 0px 0px 20px 4px;
		box-shadow :		#FF0084 0px 0px 20px 4px;
	}


.stickers_flickr_album
	{
		float :			left;
		margin :			10px;
		padding :			5px;
		width :			75px;
		height :			140px;
		overflow :			hidden;
		border :			2px solid #FFFFFF;
	}

.stickers_flickr_album:hover
	{
		border :			2px solid #2CA2BF;
	}

.stickers_flickr_album_cover
	{
		display :			block;
		width :			75px;
		height :			75px;
		background-repeat :	no-repeat;
		background-position :	center; 
		cursor :			pointer;
	}

.stickers_flickr_album_size
	{
		font-family :		Arial, Sans-serif;
		font-size :			10px;
	}

.stickers_flickr_album_add_all
	{
		margin-bottom :		4px;
		font-family :		Arial, Sans-serif;
		font-size :			10px;
		border-bottom :		1px solid #DBDBDB;
	}

.stickers_flickr_album_add_all:hover
	{
		padding-left :		4px;
		color :			#FFFFFF;
		background-color :	#2CA2BF;
		cursor :			pointer;
	}


.stickers_flickr_album_title
	{
		font-family :		Arial, Sans-serif;
		font-size :			10px;
		cursor :			pointer;
	}

#flickr_album
	{
		height :			120px;
		padding :			5px;
		overflow :			auto;
		white-space :		no-wrap;
	}

.flickr_album_preview_img
	{
		margin :			2px;
		cursor :			pointer;
	}


/* -------------------------------- */


.planche_stickers
	{
		float :			left;
		margin-top :		20px;
		margin-left :		130px;
		background-color :	#FFFFFF;
	}


.planche_stickers_titre
	{
		height :			35px;
		line-height :		35px;
		font-size :			18px;
		font-weight :		bold;
	}

.feuille
	{
		float :			left;
		width :			210px;
		height :			300px;
		padding :			5px 5px 0px 0px;
		margin :			5px;
		background :		url( "feuille_sticker_bg.jpg" ) 0px 0px no-repeat;
	}

.planche
	{
		width :			450px;
		height :			315px;
		border :			1px solid #929292;
		-moz-box-shadow :		rgba( 146 , 146 , 146 , 0.3 ) 0px 0px 10px 2px;
		-webkit-box-shadow :	#B9B9B9 0px 0px 10px 2px;
		box-shadow :		#B9B9B9 0px 0px 10px 2px;
	}

.sticker
	{
		float :			left;
		width :			65px;
		height :			86px;
		margin-left :		5px;
		margin-bottom :		5px;
		overflow :			hidden;
	}

.sticker_empty
	{
		float :			left;
		width :			63px;
		height :			84px;
		margin-left :		5px;
		margin-bottom :		5px;
		overflow :			hidden;
		border :			1px solid #CBCBCB;
	}


.sticker:hover
	{
		/*
		cursor :			pointer;
		filter :			alpha(opacity=60);
		-moz-opacity :		0.6;
		-khtml-opacity :		0.6;
		opacity :			0.6;
		*/
	}



.sk_up_nb
	{
		float :			left;
		width :			25px;
		height :			22px;
		line-height :		22px;
		text-align :		right;
		padding-right :		10px;
		font-weight :		bold;
		color :			#FFFFFF;
		background-color :	#65C4DB;
	}

.sk_up_file
	{
		float :			left;
	}


.sk_up_send
	{
		border :			none;
		padding :			1px 50px 1px 50px;
		text-align :		center;
		font-weight :		bold;
		color :			#FFFFFF;
		background-color :	#65C4DB;
		border :			2px solid #65C4DB;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}

.sk_up_send:hover
	{
		background-color :	#2CA2BF;
	}


.stickers_link
	{
		padding :			6px 10px 7px 10px;
		font-size :			13px;
		color :			#FFFFFF;
		background-color :	#93DCEB;
		cursor :			pointer;
		-moz-border-radius :	2px 2px 0px 0px;
		vertical-align :		middle;
	}
.stickers_link:hover
	{
		text-decoration :		none;
		background-color :	#65C4DB;
	}


#stickers_price,
#stickers_price *
	{
		font-size :			15px;
	}

#stickers_btn_validate
	{
		margin-top :		5px;
		width :			167px;
		padding :			4px 10px 4px 10px;
		font-size :			16px;
		font-weight :		bold;
		background-color :	#65C4DB;
		color :			#FFFFFF;
		border :			none;
		text-align :		left;
		text-decoration :		none;
		border-top-left-radius :		6px;
		border-top-right-radius :		6px;
		-moz-border-radius :	6px 6px 0px 0px;
		-webkit-border-top-right-radius :	6px;
		-webkit-border-top-left-radius :	6px;
	}
#stickers_btn_validate:hover
	{
		cursor :			pointer;
		background-color :	#2CA2BF;
	}



#stickers_panier_preview
	{
		width :			217px;
		height :			280px;
		overflow :			hidden;
		-moz-box-shadow :		rgba( 146 , 146 , 146 , 0.3 ) 0px 0px 5px 2px;
		-webkit-box-shadow :	#B9B9B9 0px 0px 5px 2px;
		box-shadow :		#B9B9B9 0px 0px 5px 2px;
	}

#stickers_panier_preview_content
	{
		width :			1000000px;
		height :			315px;
		overflow :			hidden;
	}

.stickers_panier_preview_planche
	{
		float :			left;
		width :			210px;
		height :			273px;
		padding :			5px 5px 0px 0px;
		border :			1px solid #929292;
	}

#stickers_panier_preview_commandes
	{
		height :			24px;
		margin-top :		5px;
	}


.panier_ligne_stickers,
.panier_ligne_stickers *
	{
		font-size :			18px;
		padding-top :		10px;
		padding-bottom :		20px;
	}


#change_transporteur,
#change_transporteur option
	{
		font-size :			18px;
		border :			none;
	}


.stickers_link_2
	{
		padding :			1px 5px 1px 5px;
		text-align :		left;
		color :			#FFFFFF;
		font-size :			12px;
		background-color :	#80D9EB;
	}
.stickers_link_2:hover
	{
		text-decoration :		none;
		background-color :	#2CA2BF;
	}


.stickers_options
	{
		width :			63px;
		height :			84px;
		background-color :	#ACF0FB;
		border :			1px solid #2CA2BF;
	}


.stickers_options_links
	{
		display :			block;
		font-size :			10px;
		padding-top :		5px;
		padding-bottom :		3px;
		text-align :		center;
		overflow :			hidden;
		color :			#000000;
	}

.stickers_options_links:hover
	{
		cursor :			pointer;
		background-color :	#65C4DB;
	}


#link_voir_stickers
	{
		text-align :		right;
		padding :			10px;
	}


#link_voir_stickers a
	{
		font-size :			16px;
		font-weight :		bold;
	}


/* ------------------------------------------------------------------------------------ INFOS / AIDE */

.list
	{
		margin-left :		20px;
		list-style :		disc;
	}


/* ------------------------------------------------------------------------------------ COLISSIMO */

.colissimo
	{
		margin-top :		5px;
		border :			2px solid #F8961B;
		border-radius :		4px;
		-moz-border-radius :	4px;
		-webkit-border-radius :	4px;
	}

.colissimo_titre
	{
		float :			left;
		padding :			3px 10px 3px 6px;
		color :			#FFFFFF;
		background-color :	#F8961B;
		border-radius :		0px 5px 5px 0px;
		-moz-border-radius :	0px 5px 5px 0px;
		-webkit-border-radius :	0px 5px 5px 0px;
	}


.colissimo_code
	{
		margin-left :		5px;
		float :			left;
		padding :			3px;
		color :			#414141;
	}


/* ------------------------------------------------------------------------------------ VOS AVIS */

.avis
	{
		padding-top :		5px;
		padding-bottom :		5px;
		margin-bottom :		20px;
	}

.avis_msg
	{
		padding :			20px;
		background-color :	#2CA2BF;
		color :			#FFFFFF;
		border-radius :		5px;
		-moz-border-radius :	5px;
		-webkit-border-radius :	5px;
	}


.avis:hover .avis_name
	{
	}

.avis_name
	{
		height :			14px;
		line-height :		14px;
		padding-left :		20px;
		padding-top :		10px;
		text-align :		left;
		background :		url( "bulle_pointe.png" ) 40px -10px no-repeat;
	}


.avis_reponse
	{
		float :			right;
		margin-right :		20px;
		width :			330px;
		padding :			10px;
		border-left :		2px solid #2CA2BF;
		border-right :		2px solid #2CA2BF;
		border-bottom :		2px solid #2CA2BF;
		-webkit-border-bottom-right-radius :	5px;
		-webkit-border-bottom-left-radius :		5px;
		-moz-border-radius-bottomright :		5px;
		-moz-border-radius-bottomleft :		5px;
		border-bottom-right-radius :			5px;
		border-bottom-left-radius :			5px;
	}


/* ------------------------------------------------------------------------------------ MESSAGE PERSO TOILE */

#commande_msg_perso_title,
#commande_msg_perso_infos
	{
		padding :			4px;
		color :			#1698B7;
		cursor :			pointer;
		margin :			0px;
		background-color :	#FBECD8;
	}
#commande_msg_perso_title:hover
	{
		background-color :	#FBE3C4;
	}


#commande_msg_perso_msg
	{
		width :			570px;
		height :			260px;
		margin :			0px;
		padding :			10px;
		font-family :		"Mister_K_Pro", Arial;
		font-size :			35px;
		color :			#222222;
		border :			5px solid #FBECD8;
		overflow :			hidden;
	}


/* ------------------------------------------------------------------------------------ BARRE PROGRESSION COMMANDE */

.barre_progression_commande_stickers
	{
		width :			600px;
		height :			25px;
		background :		url( "progression_commande.jpg" ) 0px 0px no-repeat;
	}

.barre_progression_commande_stickers_etape_1
	{
		background-position :	0px -25px;
	}

.barre_progression_commande_stickers_etape_2
	{
		background-position :	0px -50px;
	}

.barre_progression_commande_stickers_etape_3
	{
		background-position :	0px -75px;
	}

.barre_progression_commande_stickers_etape_4
	{
		background-position :	0px -100px;
	}