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

html, body, div,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd,
p, blockquote, pre, form, fieldset,
table, th, td
	{
		margin :			0;
		padding :			0;
	}

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

*
	{
		font-family :		Verdana, Arial, Sans-serif;
		font-size :			10px;
		color :			#F8350E;
	}

::-moz-selection
	{
		background-color :	#F8350E;
		color :			#FFFFFF;
	}
::selection
	{
		background-color :	#F8350E;
		color :			#FFFFFF;
	}


.bg_color
	{
		background-color :	#F8350E;
	}

.fg_color
	{
		color :			#F8350E;
	}

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

body, html
	{
		width :			100%;
		height :			100%;
		margin :			0;
		padding :			0;
	}

html
	{
		text-align :		center;
		background-color :	#FFFFFF;
		overflow :			-moz-scrollbars-vertical;
	}

/* ------------------------------------------------------------------------------------ ANTI ROBOTS */

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

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

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

a:hover
	{
		color :			#F8350E;
		text-decoration :		underline;
	}

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

.link
	{
		padding :			1px 2px 1px 2px;
		text-decoration :		none;
	}

.link:hover
	{
		color :			#FFFFFF;
		background-color :	#F8350E;
		text-decoration :		none;
	}


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

input:focus, select:focus, textarea:focus		/* Safari hack, glow removing */
	{
		outline :			none;
	}

.selected
	{
		color :			#FFFFFF;
		background-color :	#F8350E;
	}

/* ------------------------------------------------------------------------------------ TYPO */
pre
	{
		font-family :		monospace;
		font-size :			9pt;
		text-align :		left;
	}

/* ------------------------------------------------------------------------------------ MISC */
sup
	{
		font-size :			8pt;
	}

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

hr
	{
		border :			none;
		background-color :	#F8350E;
		height :			1px;
	}

/* ------------------------------------------------------------------------------------ INFO BULLE */

#info_bulle
	{
		position :			absolute;
		margin-left :		20px;
		margin-top :		0px;
		padding :			10px;
		min-width :			100px;
		width :			auto !important;
		width :			100px;
		min-height :		50px;
		height :			auto !important;
		height :			50px;
		text-align :		left;
		background-color :	#F8350E;
		-moz-border-radius :	4px;
		-webkit-border-radius :	4px;
		border-radius :		4px;
		visibility :		hidden;
		z-index :			99999;
	}

#info_bulle, #info_bulle *
	{
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			10pt;
		color :			#FFFFFF;
	}

#info_bulle b
	{
		font-size :			16pt;
	}

/* ------------------------------------------------------------------------------------ CONTAINER */

#container
	{
		padding-top :		10px;
		margin-left :		auto;
		margin-right :		auto;
		width :			900px;
		text-align :		left;
	}

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

#header
	{
		height :			20px;
		text-align :		right;
	}

#header > form > p
	{
		margin :			0;
		padding :			0;
	}

#q
	{
		margin :			0;
		padding :			0;
		width :			130px;
		height :			18px;
		line-height :		20px;
		padding-left :		20px;
		padding-top :		2px;
		background :		url( "icon_search.png" ) left center no-repeat;
		border :			none;
	}

#q:focus
	{
	}

/* ------------------------------------------------------------------------------------ DIVERS */

.tag
	{
		padding :			1px 2px 1px 2px;
	}

.tag:hover
	{
		text-decoration :		none;
		color :			#FFFFFF;
		background-color :	#F8350E;
	}

/* ------------------------------------------------------------------------------------ BOUTON */

.bouton, .bouton_float_left, .bouton_float_right
	{
		display :			block;
		width :			130px;
		height :			20px;
		line-height :		20px;
		padding-left :		20px;
		text-decoration :		none;
		text-align :		left;
		color :			#FFFFFF;
		cursor :			pointer;
		background :		url( "boutons_petit.png" ) 0px -80px no-repeat;
	}

.bouton:hover, .bouton_float_left:hover, .bouton_float_right:hover
	{
		color :			#FFFFFF;
		text-decoration :		none;
		background-position :	-150px -80px;
	}

.bouton_float_left
	{
		float :			left;
	}

.bouton_float_right
	{
		float :			right;
	}

.bouton_vert		{ background-position :	0px 0px; }
.bouton_vert:hover	{ background-position :	-150px 0px; }
.bouton_gris		{ background-position :	0px -20px; }
.bouton_gris:hover	{ background-position :	-150px -20px; }
.bouton_orange		{ background-position :	0px -40px; }
.bouton_orange:hover	{ background-position :	-150px -40px; }
.bouton_bleu		{ background-position :	0px -60px; }
.bouton_bleu:hover	{ background-position :	-150px -60px; }
.bouton_rouge		{ background-position :	0px -80px; }
.bouton_rouge:hover	{ background-position :	-150px -80px; }


.btn_submit
	{
		width :			150px;
		height :			20px;
		line-height :		20px;
		padding-left :		20px;
		border :			none;
		text-align :		left;
		color :			#FFFFFF;
		background :		url( "boutons_petit.png" ) 0px -80px no-repeat;
		cursor :			pointer;
	}

.btn_submit:hover
	{
		background-position :	-150px -80px;
	}



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

#menu
	{
		height :			60px;
	}

#logo, #menu_ul
	{
		float :			left;
	}

#logo
	{
		width :			300px;
		height:			60px;
		background :		url( "logo.png" ) top left no-repeat;
	}

#menu_ul
	{
		list-style :		none;
		margin :			0;
		padding :			0;
		overflow :			hidden;
		/overflow :			visible;

	}

.menu_li, .menu_li_mini
	{
		float :			left;
		width :			150px;
		height :			60px;
		background :		url( "boutons_menu.png" ) 0px -240px no-repeat;
	}

.menu_li:hover
	{
		cursor :			pointer;
		background-position :	-150px -240px;
	}

.menu_li_1		{	background-position :	0px -180px;		}
.menu_li_1:hover	{	background-position :	-150px -180px;	}
.menu_li_2		{	background-position :	0px -120px;		}
.menu_li_2:hover	{	background-position :	-150px -120px;	}
.menu_li_3		{	background-position :	0px 0px;		}
.menu_li_3:hover	{	background-position :	-150px 0px;		}
.menu_li_4		{	background-position :	0px -60px;		}
.menu_li_4:hover	{	background-position :	-150px -60px;	}





.menu_li a, .menu_li span
	{
		width :			140px;
		margin-left :		10px;
		color :			#FFFFFF;
	}

.menu_li a
	{
		display :			block;
		height :			20px;
		margin-top :		12px;
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			16pt;
		font-weight :		bold;
		font-style :		italic;
		/*letter-spacing :		-1px;*/
		text-decoration :		none;
	}

.menu_li_mini
	{
		background :		none;
	}

/* ------------------------------------------------------------------------------------ MSG TMP & PANO */

#msg_tmp, #pano
	{
		position :			absolute;
		width :			900px;
		background-repeat :	no-repeat;
		visibility :		hidden;
		filter :			alpha(opacity=0);
		-moz-opacity :		0;
		-khtml-opacity :		0;
		opacity :			0;
	}

#msg_tmp
	{
		width :			592px;
		height :			46px;
		padding-left :		308px;
		padding-top :		74px;
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			12pt;
		font-weight :		bold;
		color :			#FFFFFF;
		background-image :	url( "msg_tmp.png" );
		z-index :			80000;
	}

.msg_tmp_red	{ background-position :	0px 0px;		}
.msg_tmp_green	{ background-position :	0px -120px;		}
.msg_tmp_blue	{ background-position :	0px -240px;		}
.msg_tmp_grey	{ background-position :	0px -360px;		}
.msg_tmp_orange	{ background-position :	0px -480px;		}

#pano
	{
		height :			290px;
		margin-top :		120px;
		background-image :	url( "pano.png" );
		z-index :			90000;
	}

.pano_red		{ background-position :	0px 0px;		}
.pano_blue		{ background-position :	0px -290px;		}
.pano_green		{ background-position :	0px -580px;		}
.pano_grey		{ background-position :	0px -870px;		}
.pano_orange	{ background-position :	0px -1160px;	}


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

#sous_menu
	{
		height :			60px;
	}

#div_sous_logo, #img_baseline
	{
		float :			left;
		height :			60px;
	}

#div_sous_logo
	{
		width :			300px;
	}

#div_sous_logo_txt
	{
		width :			280px;
		height :			20px;
		margin-top :		15px;
		text-align :		center;
		padding-left :		5px;
		padding-right :		5px;
		border-left :		5px solid #F8350E;
		border-right :		5px solid #F8350E;
	}

#img_baseline
	{
	}


#header_etape
	{
		height :			60px;
		padding-left :		300px;
		color :			#FFFFFF;
		background-image :	url( "barre_situation.png" );
		background-repeat :	no-repeat;
	}

.etape_1	{	background-position :	0px 0px;			}
.etape_2	{	background-position :	0px -60px;			}
.etape_3	{	background-position :	0px -120px;			}
.etape_4	{	background-position :	0px -180px;			}
.etape_5	{	background-position :	0px -240px;			}
.etape_6	{	background-position :	0px -300px;			}
.etape_7	{	background-position :	0px -360px;			}
.etape_8	{	background-position :	0px -420px;			}

#header_etape_part_1, #header_etape_part_2
	{
		float :			left;
		color :			#FFFFFF;
	}

#header_etape_part_1
	{
		padding-left :		10px;
	}


#header_etape_part_1 div
	{
		margin-top :		12px;
		color :			#FFFFFF;
		font-size :			21px;
		font-style :		italic;
	}

#header_etape_part_2
	{
		padding-top :		10px;
	}

#header_etape_part_2 select
	{
		width :			150px;
		border :			none;
		height :			20px;
		line-height :		20px;
		color :			#FFFFFF;
		background :		url( "bouton_deroulant.png" ) 0px -80px no-repeat;
	}

#header_etape_part_2 select option
	{
		color :			#FFFFFF;
		background-color :	#F44319;
	}



/* ------------------------------------------------------------------------------------ SEARCH */

.search_title
	{
		display :			block;
		padding :			10px;
		font-size :			10pt;
		font-weight :		bold;
		color :			#FFFFFF;
		background-color :	#B933CC;
	}

.search_results_box
	{
		position :			relative;
		float :			left;
		margin-left :		6px;
		margin-top :		2px;
		margin-bottom :		2px;
		width : 			80px;
		padding-bottom :		5px;
		text-align :		center;
	}


#search_results_items:hover .search_results_box,
#search_results_users:hover .search_results_box
	{
		filter :			alpha(opacity=40);
		-moz-opacity :		0.4;
		-khtml-opacity :		0.4;
		opacity :			0.4;
	}

#search_results_items .search_results_box:hover,	
#search_results_users .search_results_box:hover
	{
		filter :			alpha(opacity=100);
		-moz-opacity :		1;
		-khtml-opacity :		1;
		opacity :			1;
	}

.search_results_box_text
	{
		display :			block;
		width :			80px;
		overflow :			hidden;
		white-space :		nowrap;
		text-decoration :		none; 
	}

.search_results_box_text:hover
	{
		text-decoration :		none; 
	}


.search_results_tags
	{
		padding :			2px 6px 2px 6px;
		color :			#FFFFFF;
		background-color :	#F8350E;
		border :			1px solid #F8350E;
		text-decoration :		none;
		-moz-border-radius :	4px;
		-webkit-border-radius :	4px;
		border-radius :		4px;
	}

.search_results_tags:hover
	{
		color :			#F8350E;
		background-color :	#FFFFFF;
		text-decoration :		none; 
	}


/* ------------------------------------------------------------------------------------ FORMULAIRE CONNEXION */


#login_page_form
	{
		width :			900px;
		height :			290px;
		background-image :	url( "pano.png" );
		background-repeat :	no-repeat;
		margin-top :		10px;
	}



#formulaire_connexion
	{
		margin-left :		450px;
		margin-top :		10px;
		color :			#FFFFFF;
	}

#formulaire_connexion > #login,
#formulaire_connexion > #password,
#formulaire_connexion > #identifiant
	{
		width :			300px;
		border :			none;
		padding :			4px;
		margin-top :		1px;
		margin-bottom :		1px;
		color :			#333333;
	}

#formulaire_connexion_submit
	{
		background-position :	0px -0px;
	}

#formulaire_connexion_submit:hover
	{
		background-position :	-150px -0px;
	}

#formulaire_connexion_lost_password
	{
		background-position :	0px -40px;
	}

#formulaire_connexion_lost_password:hover
	{
		background-position :	-150px -40px;
	}

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

#content
	{
		min-height :		300px;
		height :			auto !important;
		height :			300px;
	}

/* ------------------------------------------------------------------------------------ FOOTER */

#footer
	{
		margin-top :		20px;
		padding-top :		4px;
		padding-bottom :		50px;
		text-align :		center;
		border-top :		2px solid #F8350E;
	}

#footer span
	{
		cursor :			pointer;
	}

#footer span:hover
	{
		text-decoration :		underline;
	}

/* ------------------------------------------------------------------------------------ PAGE D'ERREUR */

#page_error_img
	{
		float :			left;
	}

#page_error_text
	{
		font-family :		Arial, Sans-serif;
		float :			left;
		padding-left :		20px;
		padding-top :		130px;
		font-size :			14pt;
	}

#page_error_text b
	{
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-style :		italic;
		font-size :			26pt;
	}

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

#index_how_to
	{
		width :			900px;
		height :			130px;
		padding-top :		240px;
		background :		url( "index_how_to.png" ) top left no-repeat;
	}

.index_how_to_txt
	{
		float :			left;
		width :			300px;
		height :			130px;
		text-align :		center;
	}

.index_how_to_txt h1
	{
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			16pt;
		font-style :		italic;
	}

.index_how_to_txt div
	{
		padding-left :		25px;
		padding-right :		25px;
	}

.index_bibliotheques
	{
		width :			900px;
		height :			420px;
		overflow :			hidden;
	}

.bibliotheques_slides
	{
		width :			10000px;
		height :			360px;
	}

.bibliotheques_slides > div
	{
		float :			left;
		width :			300px;
		height :			70px;
		padding-top :		290px;
		text-align :		center;
	}

.bibliotheques_slides > div
	{
		font-style :		italic;
	}
.bibliotheques_slides > div, .bibliotheques_slides > div > b
	{
		color :			#555555;
		font-size :			10pt;
	}



#carrousel_1_content:hover div
	{
		filter :			alpha(opacity=30);
		-moz-opacity :		0.3;
		-khtml-opacity :		0.3;
		opacity :			0.3;
	}

#carrousel_1_content div:hover
	{
		filter :			alpha(opacity=100);
		-moz-opacity :		1;
		-khtml-opacity :		1;
		opacity :			1;
	}


#bibliotheques_btn
	{
		position :			absolute;
		height :			60px:
	}

.bibliotheques_btn_left, .bibliotheques_btn_center, .bibliotheques_btn_right
	{
		float :			left;
		width :			300px;
		height :			60px;
		background-image :	url( "fleches.png" );
		background-repeat :	no-repeat;
		cursor :			pointer;
	}

.bibliotheques_btn_left:active, .bibliotheques_btn_center:active, .bibliotheques_btn_right:active
	{
		background-position :	0px -60px;
	}

.bibliotheques_btn_left				{	background-position :	0px 0px;			}
.bibliotheques_btn_left:hover			{	background-position :	0px -300px;			}
.bibliotheques_btn_center			{	background-position :	-300px 0px;			}
.bibliotheques_btn_center:hover		{	background-position :	-300px -300px;		}
.bibliotheques_btn_right			{	background-position :	-600px 0px;			}
.bibliotheques_btn_right:hover		{	background-position :	-600px -300px;		}


#latest_pictomato
	{
		width :			900px;
		height :			60px;
		margin-top :		10px;
		overflow :			hidden;
		/*
			padding-top :		10px;
			background :		url( "degrade_haut.png" ) top left repeat-x;
		*/
	}


.latest_pictomato_item
	{
		display :			block;
		float :			left;
		width :			75px;
		height :			60px;
		text-align :		center;
	}

.latest_pictomato_item img
	{
		width :			60px;
		height :			60px;
		background-position :	0px 0px;
		background-repeat :	no-repeat;
	}


#latest_pictomato:hover .latest_pictomato_item
	{
		filter :			alpha(opacity=50);
		-moz-opacity :		0.5;
		-khtml-opacity :		0.5;
		opacity :			0.5;
	}

#latest_pictomato .latest_pictomato_item:hover
	{
		filter :			alpha(opacity=100);
		-moz-opacity :		1;
		-khtml-opacity :		1;
		opacity :			1;
	}

/* ------------------------------------------------------------------------------------ PAGE CREATION */

.bibliotheque_box
	{
		float :			left;
		width :			150px;
		height :			180px;
		text-align :		center;
	}

.bibliotheque_box_rating, .bibliotheque_box_image, .bibliotheque_box_title
	{
		text-align :		center;
	}

.bibliotheque_box_rating, .bibliotheque_box_title
	{
		height :			25px;
		line-height :		25px;
		font-size :			10px;
		font-weight :		bold;
		color :			#1793D7;
		overflow :			hidden;
	}


/* ------------------------------------------------------------------------------------ PAGE GALERIE */

#galerie_list
	{
	}

#galerie_list:hover .galerie_item
	{
		filter :			alpha(opacity=50);
		-moz-opacity :		0.5;
		-khtml-opacity :		0.5;
		opacity :			0.5;
	}

.galerie_item
	{
		float :			left;
		width :			150px;
		height :			150px;
		text-align :		center;
		/*margin-bottom :		10px;*/
	}

#galerie_list .galerie_item:hover
	{
		filter :			alpha(opacity=100);
		-moz-opacity :		1;
		-khtml-opacity :		1;
		opacity :			1;
	}

.galerie_item a, .galerie_item span
	{
		display :			block;
		text-align :		center;
	}

.galerie_item img
	{
		width :			100px;
		height :			100px;
		margin-top :		1px;
		background-repeat :	no-repeat;
	}

.galerie_item span
	{
		height :			18px;
		line-height :		18px;
		font-size :			12px;
		font-weight :		bold;
		overflow :			hidden;
	}

.galerie_item div
	{
		height :			14px;
		line-height :		14px;
		overflow :			hidden;
	}
.galerie_item div a:hover
	{
		text-decoration :		underline;
	}

/* ------------------------------------------------------------------------------------ PAGE MEMBRES */

#liste_membres
	{
		width :			900px;
		height :			600px;
	}

.liste_membres_box_image
	{
		position :			absolute;
	}

.liste_membres_lettre, .liste_membres_lettre_selected
	{
		display :			block;
		float :			left;
		width :			20px;
		height :			20px;
		line-height :		20px;
		margin-right :		1px;
		font-size :			10pt;
		font-weight :		bold;
		color :			#FFFFFF;
		background :		url( "bg_20_20.png" ) 0px 0px no-repeat;
		text-align :		center;
	}

.liste_membres_lettre_selected
	{
		background-position :	0px -20px;
	}

.liste_membres_lettre:hover, .liste_membres_lettre_selected:hover
	{
		background-position :	0px -60px;
		color :			#FFFFFF;
		text-decoration :		none;
	}

.galerie_item_box_image
	{
		width :			100px;
		height :			100px;
	}


#member_header
	{
		height :			160px;
	}

#member_header_part_1, #member_header_part_2, #member_header_part_3, #member_header_part_4
	{
		float :			left;
		height :			155px;
		padding-top :		5px;
	}

#member_header_part_1
	{
		width :			150px;
	}

#member_header_part_2
	{
		width :			300px;
	}

#member_header_part_3
	{
		padding-left :		5px;
		padding-right :		5px;
		width :			290px;
	}

#member_header_part_4
	{
		width :			150px;
	}



#member_header_avatar
	{
		margin-left :		25px;
		margin-top :		25px;
		width :			100px;
		height :			100px;
	}

#member_header_bulle_login
	{
		padding :			10px;
		font-size :			14pt;
		color : 			#FFFFFF;
		background-color :	#FF9900;
	}

#member_header_bulle_txt
	{
		margin-top :		10px;
		padding :			10px;
		height :			50px;
		border :			4px solid #FF9900;
	}

.hr_member_girl, .hr_member_boy
	{
		margin :			0;
		margin-bottom :		4px;
		border :			none;
		height :			4px;
	}

.hr_member_girl
	{
		background-color :	#EF077D;
	}

.hr_member_boy
	{
		background-color :	#079CEF;
	}



.member_link, .member_link_current
	{
		display :			block;
		height :			20px;
		line-height :		20px;
		padding-left :		20px;
		text-decoration :		none;
		color :			#FFFFFF;
		background :		url( "boutons_petit.png" ) 0px -40px no-repeat;
	}

.member_link:hover, .member_link_current:hover
	{
		color :			#FFFFFF;
		text-decoration :		none;
		background-position :	-150px -40px;
	}

.member_link_current
	{
		background-position :	0px -80px;
	}

/* ------------------------------------------------------------------------------------ MULTIPAGE */

#nav_multipage
	{
		border-top :		1px solid #F8350E;
		padding-top :		10px;
		text-align :		center;
		margin-bottom :		40px;
	}

.nav_multipage_number
	{
		padding :			1px 4px 1px 4px;
		border :			1px solid #F8350E;
		margin-left :		4px;
		margin-right :		4px;
		text-decoration :		none;
		color :			#FFFFFF;
		background-color :	#F8350E;
		-moz-border-radius :	4px;
		-moz-border-radius :	4px;
		-webkit-border-radius :	4px;
		border-radius :		4px;
	}

.nav_multipage_number:hover
	{
		color :			#F8350E;
		background-color :	#FFFFFF;
		text-decoration :		none;
	}

.nav_multipage_number_current
	{
		font-weight :		bold;
		color :			#F8350E;
		background-color :	#FFFFFF;
	}



/* ------------------------------------------------------------------------------------ CONTACT */

#contact_block_1
	{
		float :			left;
		width :			250px;
		padding-top :		10px;
	}

#contact_block_2
	{
		float :			left;
		width :			578px;
		min-height :		270px;
		height :			auto !important;
		height :			270px;
		padding-top :		10px;
		padding-left :		20px;
		margin-left :		50px;
		border-left :		2px solid #F8350E;
	}

#contact_email, #contact_sujet, #contact_message
	{
		width :			300px;
		border :			1px solid #E7C6BF;
		margin :			1px;
		color :			#000000;
	}

#contact_send
	{
		width :			150px;
		height :			20px;
		line-height :		20px;
		padding-left :		20px;
		border :			none;
		text-align :		left;
		color :			#FFFFFF;
		background :		url( "boutons_petit.png" ) 0px -80px no-repeat;
		cursor :			pointer;
	}

#contact_send:hover
	{
		background-position :	-150px -80px;
	}



/* ------------------------------------------------------------------------------------ SIGNUP */
#create_account_part_1, #create_account_part_2
	{
		margin-top :		20px;
	}

#create_account_part_1
	{
		float :			left;
		width :			280px;
		padding :			10px;
	}

#create_account_part_2
	{
		float :			left;
		width :			568px;
		padding :			10px;
		padding-left :		20px;
		border-left :		2px solid #F8350E;
	}

#verif_login_span
	{
		padding :			2px 5px 2px 5px;
		color :			#FFFFFF;
		background-color :	#F8350E;
	}

.create_account_label
	{
		float :			left;
		width :			140px;
		height :			14px;
		line-height :		14px;
	}

.create_account_field
	{
		float :			left;
		margin-left :		10px;
	}

.create_account_label, .create_account_field
	{
		height :			22px;
		line-height :		22px;
		padding :			1px;
	}

.create_account_field input, .create_account_field select
	{
		width :			205px;
		border :			1px solid #E7C6BF;
		padding :			4px;
	}
.create_account_field select
	{
		width :			215px;
	}

.create_account_field input, .create_account_field select, .create_account_field select option
	{
		color :			#333333;
	}

.create_account_field input:focus, .create_account_field select:focus
	{
		border :			1px solid #F8350E;
		background-color :	#ECECEC;
	}

.create_account_field input:hover, .create_account_field select:hover
	{
		border :			1px solid #F8350E;
	}

/* ------------------------------------------------------------------------------------ MY ACCOUNT */

#my_account_menu, #my_account_sous_menu
	{
		height :			22px;
		line-height :		22px;
	}

#my_account_link_create_pictomato
	{
		display :			block;
		font-size :			16pt;
		height :			50px;
		line-height :		50px;
		padding :			20px;
		background-color :	#EBD9D5;
		border-bottom :		4px solid #F8350E;
		text-decoration :		none;
	}

#my_account_link_create_pictomato:hover
	{
		color :			#FFFFFF;
		background-color :	#F8350E;
		text-decoration :		none;
	}


/* ITEMS */

.my_account_item_box, .my_account_item_box_hide
	{
		float :			left;
		width :			150px;
		height :			220px;
		text-align :		center;
		overflow :			hidden;
	}

.my_account_item_box img, .my_account_item_box_hide img
	{
		width :			100px;
		height :			100px;
		background-repeat :	no-repeat;
	}

.my_account_item_box_hide
	{
		filter :			alpha(opacity=30);
		-moz-opacity :		0.3;
		-khtml-opacity :		0.3;
		opacity :			0.3;
	}

.my_account_item_box_hide:hover
	{
		filter :			alpha(opacity=100);
		-moz-opacity :		1;
		-khtml-opacity :		1;
		opacity :			1;
	}

.my_account_item_box_modif
	{
		position :			absolute;
		width :			130px;
		height :			200px;
		padding :			10px;
		text-align :		left;
		color :			#FFFFFF;
		background :		url( "my_account_modif_item_bg.png" ) top left no-repeat;
		overflow :			hidden;
	}

.my_account_item_box_titre
	{
		height :			16px;
		line-height :		16px;
		font-weight :		bold;
		border-bottom :		2px solid #F8350E;
		overflow :			hidden;
	}

.my_account_item_box_infos
	{
		height :			12px;
		line-height :		12px;
		text-align :		left;
	}

.my_account_item_box_tools
	{
		float :			right;
		margin-right :		10px;
		width :			60px;
		height :			20px;
		line-height :		20px;
		text-align :		center;
	}

.my_account_item_box_tools_edit, .my_account_item_box_tools_hide, .my_account_item_box_tools_delete
	{
		float :			left;
		width :			20px;
		height :			20px;
		background-image :	url( "icones.png" );
		background-repeat :	no-repeat;
		cursor :			pointer;
	}

.my_account_item_box_tools_edit		{ 	background-position : 0px -20px;		}
.my_account_item_box_tools_edit:hover	{ 	background-position : -20px -20px;		}
.my_account_item_box_tools_hide		{ 	background-position : 0px -40px;		}
.my_account_item_box_tools_hide:hover	{ 	background-position : -20px -40px;		}
.my_account_item_box_tools_delete		{ 	background-position : 0px 0px;		}
.my_account_item_box_tools_delete:hover	{ 	background-position : -20px 0px;		}


.my_account_item_box_modif_btn
	{
		width :			120px;
		height :			20px;
		line-height :		20px;
		padding-left :		20px;
		border :			none;
		text-align :		left;
		color :			#FFFFFF;
		background :		url( "boutons_petit.png" ) 0px -180px no-repeat;
		cursor :			pointer;
	}

.my_account_item_box_modif_btn:hover
	{
		background-position :	-120px -180px;
	}


/* MODIFS */

#my_account_modif_avatar
	{
		float :			left;
		margin-top :		10px;
		margin-left :		25px;
		margin-right :		25px;
		width :			100px;
		height :			100px;
		background-repeat :	no-repeat;
	}

#my_account_modif_content
	{
		float :			left;
		width :			730px;
		min-height :		280px;
		height :			auto !important;
		height :			280px;
		padding :			10px;
		background-color :	#E2E2E2;
	}

#my_account_modif_part_1, #my_account_modif_part_2
	{
		float :			left;
		width :			360px;
	}

#my_account_modif_part_2
	{
		margin-left :		10px;
	}

.my_account_modif_content_title
	{
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			11pt;
		font-weight :		bold;
		font-style :		italic;
	}

.my_account_modif_content_label
	{
		float :			left;
		width :			140px;
		min-height :		14px;
		height :			auto !important;
		height :			14px;
		line-height :		14px;		
	}

.my_account_modif_content_field
	{
		float :			left;
		margin-left :		10px;
	}

.my_account_modif_content_field_element,
.my_account_modif_content_field input,
.my_account_modif_content_field select,
.my_account_modif_content_field textarea
	{
		width :			205px;
		border :			none;
		margin :			1px;
	}
.my_account_modif_content_field,
.my_account_modif_content_field_element,
.my_account_modif_content_field_element *,
.my_account_modif_content_field span,
.my_account_modif_content_field div,
.my_account_modif_content_field input,
.my_account_modif_content_field select,
.my_account_modif_content_field select option,
.my_account_modif_content_field textarea
	{
		color :			#333333;
	}

.my_account_modif_content_field input[type="checkbox"]
	{
		width :			auto;
	}

#btn_submit_form_modif_account
	{
		float :			left;
	}


/* TOOLS */

.my_account_tools_url_title
	{
	}

.my_account_tools_url_input
	{
		display :			block;
		width :			360px;
		border :			none;
		padding :			2px;
		margin-top :		2px;
		margin-bottom :		2px;
		color :			#666666;
	}




/* ------------------------------------------------------------------------------------ PAGE PICTOMATO */

/* -- PART 1 -- */

#pictomato_part_1, #persomato_part_1
	{
		width :			900px;
		height :			480px;
	}

#pictomato_part_1_left, #persomato_part_1_left
	{
		float :			left;
		width :			320px;
		height :			480px;
		color :			#FFFFFF;
		background :		url( "pictomato_view_telephone.png" ) 0px 0px no-repeat;
	}

#persomato_part_1_left
	{
		background :		none;
	}


#persomato_part_1_left_bg
	{
		position :			absolute;
		width :			320px;
		height :			480px;
	}
.persomato_part_1_left_bg_1
	{
		background :		url( "pictomato_view_telephone.png" ) -640px 0px no-repeat;
	}

.persomato_part_1_left_bg_2
	{
		background :		url( "pictomato_view_telephone.png" ) -320px 0px no-repeat;
	}




#formulaire_persomato
	{
		position :			absolute;
		width :			310px;
		height:			115px;
		margin-top :		300px;
		padding :			5px;
		color :			#FFFFFF;
	}

#formulaire_persomato div
	{
		color :			#FFFFFF;
	}

#persomato_text_1, #persomato_text_2, #persomato_phone_number
	{
		width :			300px;
		padding :			4px;
		margin-top :		1px;
		margin-bottom :		1px;
		border :			none;
		color :			#333333;
		text-transform :		uppercase;
	}

#persomato_text_2
	{
		margin-bottom :		10px;
	}

#persomato_text_1, #persomato_phone_number, #formulaire_persomato_submit
	{
		margin-top :		5px;
	}


#formulaire_persomato_submit
	{
		background-position :	0px -0px;
	}

#formulaire_persomato_submit:hover
	{
		background-position :	-150px -0px;
	}









#pictomato_part_1_right, #persomato_part_1_right
	{
		float :			left;
		width :			580px;
		height :			480px;
	}

#pictomato_img_tiem_mini
	{
		position :			absolute;
		width :			100px;
		height :			100px;
		margin-left :		44px;
		margin-top :		27px;
		background-repeat :	no-repeat;
	}

#pictomato_qrcode
	{
		position :			absolute;
		width :			100px;
		height :			100px;
		margin-left :		44px;
		margin-top :		27px;
		background-repeat :	no-repeat;
	}

#pictomato_txt_envoyez_par_sms
	{
		position :			absolute;
		width :			195px;
		height :			35px;
		line-height :		35px;
		margin-left :		10px;
		margin-top :		254px;
		color :			#FFFFFF;
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			14pt;
		font-weight :		bold;
		font-style :		italic;
		letter-spacing :		-0.01em;
	}

#pictomato_sms_code
	{
		position :			absolute;
		width :			250px;
		height :			30px;
		line-height :		30px;
		margin-left :		45px;
		margin-top :		311px;
		text-align :		center;
		color :			#000000;
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			14pt;
		font-weight :		bold;
	}

#pictomato_sms_shortcode
	{
		position :			absolute;
		width :			290px;
		height :			50px;
		line-height :		50px;
		margin-left :		25px;
		margin-top :		365px;
		text-align :		center;
		color :			#FFFFFF;
		font-family :		Arial, Sans-serif;
		font-size :			16pt;
	}

#pictomato_sms_shortcode span
	{
		color :			#FFFFFF;
		font-family :		Arial, Sans-serif;
		font-size :			24pt;
		font-weight :		bold;
	}

#pictomato_change_shortcode
	{
		position :			absolute;
		width :			295px;
		height :			50px;
		margin-left :		20px;
		margin-top :		425px;
	}

#change_shortcode_country
	{
		float :			left;
		width :			123px;
		padding :			2px;
		border :			none;
		color :			#FFFFFF;
		background-color :	#F8350E;
		color :			#FFFFFF;
	}

#change_shortcode_country option
	{
		color :			#FFFFFF;
	}

#shortcode_infos
	{
		float :			left;
		width :			155px;
		margin-left :		10px;
		padding :			2px;
	}



/* ------ */

#pictomato_gratuit
	{
		position :			absolute;
		width :			301px;
		height :			88px;
		margin-left :		19px;
		margin-top :		312px;
		padding-top :		10px;
		color :			#000000;
		background-color :	#FFFFFF;
	}

#pictomato_gratuit_part_1, #pictomato_gratuit_part_2
	{
		float :			left;
		color :			#000000;
	}

#pictomato_gratuit_part_1
	{
		width :			135px;
	}

#pictomato_gratuit_part_2
	{
		padding-left :		10px;
		width :			155px;
	}


#send_free_pictomato_phone
	{
		width :			140px;
		padding :			2px;
		border :			1px solid #E7C6BF;
		margin :			1px;
		margin-top :		10px;
		margin-bottom :		10px;
		color :			#000000;
	}

#send_free_pictomato_phone:hover
	{
		border :			1px solid #F8350E;
	}

#send_free_pictomato_phone:focus
	{
		border :			1px solid #F8350E;
		background-color :	#ECECEC;
	}


/* ------ */



#pictomato_img_tiem
	{
		width :			360px;
		height :			360px;
		margin-left :		110px;
		background-repeat :	no-repeat;
	}

#pictomato_btn_avec_message, #pictomato_btn_sans_message
	{
		width :			300px;
		height :			40px;
		line-height :		40px;
		margin-top :		20px;
		margin-left :		140px;
		text-align :		center;
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			16pt;
		font-style :		italic;
		letter-spacing :		-0.01em;
		color :			#FFFFFF;
		background-image :	url( "gros_boutons.png" );
		background-repeat :	no-repeat;
		background-position :	0px -120px;
	}

#pictomato_btn_avec_message:hover, #pictomato_btn_sans_message:hover
	{
		cursor :			pointer;
	}

#pictomato_btn_avec_message
	{
		background-position :	0px -160px;
	}

.bouton_moyen
	{
		width :			190px;
		height :			30px;
		line-height :		30px;
		margin-top :		0px;
		margin-left :		0px;
		padding-left :		10px;
		text-align :		left;
		font-family :		"Trebuchet MS", Arial, Sans-serif;
		font-size :			10pt;
		letter-spacing :		-0.01em;
		color :			#FFFFFF;
		background-image :	url( "boutons_moyens.png" );
		background-repeat :	no-repeat;
		background-position :	0px -30px;
	}

.bouton_moyen:hover
	{
		color :			#FFFFFF;
		text-decoration :		none;
		background-position :	0px 0px;
		cursor :			pointer;
	}


#facebook_like
	{
		margin-top :		10px;
		margin-left :		80px;
		height :			26px;
	}



/* -- NAVIGATION -- */


#pictomato_navigation
	{
		height :			20px;
		line-height :		20px;
		padding-top :		5px;
		padding-bottom :		5px;
		border-top :		2px solid #F8350E;
		text-align :		right;
	}

#pictomato_navigation_left_links
	{
		float :			right;
		width :			400px;
		height :			20px;
		text-align :		left;
	}

/* -- PART 2 -- */


#pictomato_part_2
	{
		width :			900px;
		margin-top :		5px;
	}

#pictomato_part_2_left
	{
		float :			left;
		width :			200px;
	}

#pictomato_part_2_left a
	{
		padding-left :		2px;
		padding-right :		2px;
	}
#pictomato_part_2_left a:hover
	{
		text-decoration :		none;
		color :			#FFFFFF;
		background-color :	#F8350E;
		cursor :			pointer;
	}

#pictomato_part_2_center
	{
		float :			left;
		width :			200px;
	}

#pictomato_part_2_right
	{
		float :			left;
		width :			500px;
	}

#pictomato_title, #pictomato_send_to_friend_title, #pictomato_commentaires_title
	{
		width :			180px;
		height :			20px;
		line-height :		20px;
		padding-bottom :		4px;
		margin-bottom :		10px;
		font-size :			9pt;
		font-weight :		bold;
		border-bottom :		2px solid #F8350E;
		overflow :			hidden;
	}

#formulaire_envoi_a_un_ami input[type="text"]
	{
		width :			150px;
		padding :			2px;
		border :			1px solid #E7C6BF;
		margin :			1px;
		color :			#000000;
	}

#formulaire_envoi_a_un_ami input[type="text"]:hover
	{
		border :			1px solid #F8350E;
	}

#formulaire_envoi_a_un_ami input[type="text"]:focus
	{
		border :			1px solid #F8350E;
		background-color :	#ECECEC;
	}

#pictomato_commentaires_title
	{
		width :			500px;
	}


.item_commentaire
	{
		margin-bottom :		10px;
		border-right :		4px solid #FFFFFF;
	}

.item_commentaire:hover
	{
		border-right :		4px solid #F8350E;
	}

.item_commentaire:active
	{
		background-color :	#ECECEC;
	}

.item_commentaire:target
	{
		border-right :		4px solid #32CB32;
	}

.item_commentaire_desactived
	{
		background-color :	#EBDAD9;
	}

.item_commentaire_avatar
	{
		float :			left;
		width :			60px;
		height :			60px;
	}

.item_commentaire_part_2
	{
		float :			left;
		width :			416px;
		margin-left :		5px;
		padding-left :		5px;
		padding-right :		10px;
		background :		url( "degrade_haut.png" ) 0px 20px repeat-x;
	}

.item_commentaire_tools
	{
		height :			20px;
		line-height :		20px;
		margin-bottom :		10px;
		overflow :			hidden;
	}

.item_commentaire_tools a, .item_commentaire_tools span
	{
		padding-left :		2px;
		padding-right :		2px;
	}

.item_commentaire_tools a:hover, .item_commentaire_tools span:hover
	{
		text-decoration :		none;
		color :			#FFFFFF;
		background-color :	#F8350E;
		cursor :			pointer;
	}

#pictomato_add_comment
	{
		margin-top :		20px;
	}

#new_comment
	{
		width :			498px;
		padding :			2px;
		border :			1px solid #F8350E;
		color :			#000000;
	}