body
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				white;
	margin:				0px;
	padding:			0px;
	text-align:			center;

	background-image:	url("./background.png");
	background-repeat:	repeat-y;
	background-color:	#ababab;
	background-position: center;

}

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

a:hover
{
	color:				#6fc4f3;
}

a.sensitive
{
	text-decoration:	none;
	font-weight:		bold;
	font-style:			italic;
	color:				#FF0000;
}

a.sensitive:hover
{
	color:				#FF8800;
	text-decoration:	underline;
}

a.standout
{
	text-decoration:	none;
	font-weight:		bold;
	font-style:			italic;
	color:				#00FF00;
}

a.standout:hover
{
	color:				#AAFF00;
	text-decoration:	underline;
}


/* Main container */
#container
{
	padding:	0px;
	width:		800px;
	margin-right:	auto;
	margin-left:	auto;
	margin-top:		0px;

	/* border:	1px solid red; */
	text-align: left;

}


#splashscreen
{
	padding:	0px;
	width:		740px;
	margin-right:	auto;
	margin-left:	auto;
	margin-top:		60px;
	margin-bottom:	0px;

	text-align: center;

	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				white;
	font-weight:		bold;

}

img.toplogo
{
	display:	block;
	margin-top: 50px;
	margin-left: 300px;
	margin-right: 300px;
	margin-bottom: 20px;
	padding: 0px;
	width:	200px;

	text-align: center;

}

#column1, #column2
{
	width:	200px;
	height: 200px;
	text-align:	center;
	padding: 5px;

}

#column1
{
	margin-left:	100px;
	float:	left;
}

#column2
{
	margin-right:	100px;
	float:	right;
}



/* Page header (usualy with top logo)  */

/* Page width is 760px */
/* header height is 90px + 1px border */
#pageHeader
{
	margin:		0px;
	padding:	0px;
	width:		800px;
	height:		120px;
}

#pageHeader h1
{
	margin:		0px;
	padding:	0px;
	width:		800px;
	height:		120px;
}

#pageHeader h1 span
{
	display: none;
}

#pageHeader h2 span
{
	display: none;
}

#navigationMenu
{
	margin:			0px 0px 50px 0px;
	padding:		0px 0px 0px 0px;

	/*border:	1px solid red;*/
	text-align:		right;
	border-bottom:		1px solid #444;

}

#navigationMenu h3
{
	display: none;
}

#navigationMenu ul
{
	margin: 		0;
	margin-bottom:	4px;
	padding: 		0;
	list-style: 	none;
	border: 		none;
	padding-top: 10px;
	padding-bottom: 4px;

}

#navigationMenu li
{
	list-style-type: none;
	padding: 		0;
	display:		inline;
	margin-left:	5px;
	margin-right:	5px;
	margin-top:		5px;
	margin-bottom:	5px;
}

#navigationMenu li a
{
	padding-right: 5px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				white;
	font-weight:				bold;
	text-decoration: none;
}

#navigationMenu li a:hover
{
	padding-right: 5px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				#6fc4f3;
	font-weight:		bold;
	text-decoration:	underline;
}


#navigationMenu li a.boutique_link
{
	padding-right: 5px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				#c95a81;
	font-weight:		bold;
	text-decoration: none;
}

#navigationMenu li a.boutique_link:hover
{
	padding-right: 5px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				#c93065;
	font-weight:		bold;
	text-decoration:	underline;
}

#navigationMenu li select
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	padding: 0;
	margin: 0;
}

#navigationMenu img
{
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align:text-top;
}

#navigationSubMenu
{
	width:		140px;
	padding:	0px 0px 0px 0px;
	margin:		0px 0px 0px 0px;
	float:		left;
	background:	black;

	/* border:		1px solid blue; */
}

#navigationSubMenu a.logopic
{
	padding:	0px 0px 0px 0px;
	margin:		0px 0px 0px 0px;
	background-color: #000000;
}

#navigationSubMenu a:hover.logopic
{
 background-color: #000000;
}

#navigationSubMenu h3 span
{
	display: none;
}

#navigationSubMenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;

	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
}

#navigationSubMenu a
{
 display: block;
 padding: 3px;
 width: 134px;
 background-color: #3A435E;

 margin-top: 1px;
}

#navigationSubMenu a:link, #navlist a:visited
{
 color: #EEE;
 text-decoration: none;
}

#navigationSubMenu a:hover
{
 background-color: #596790;
 color: #fff;
}

#navigationSubMenu a:link.sublist, #navlist a:visited.sublist
{
 color: #EEE;
 text-decoration: none;
 background-color: #6473A2;
 padding-left: 20px;
 width: 117px;
}

#navigationSubMenu a:hover.sublist
{
 background-color: #788BC3;
 color: #fff;
}

#socialNetworksPanel a
{
 display: inline;
 padding: 3px;
 width: 134px;
 background-color: #3A435E;
 margin-top: 1px;
}

#content
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				white;
	font-weight:		normal;
	width:				610px;
	margin:			0px;
	padding-top:	0px;
	padding-left:	30px;
	padding-right:	10px;
	padding-bottom:	0px;

	float:		left;

	text-align: justify;


	/* border:		1px solid green; */
}


#pageFooter
{
	clear: both;
	display:		block;
	float:			left;
	width:			800px;
	margin:			20px 0px 0px 0px;
	padding:		5px 0px 0px 0px;
	height:			20px;
	background-color: black;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		8px;
	font-weight:	bold;
	text-align:		center;
	border-top:		1px solid #444;
}

.spacer {
  clear: both;
}


/*------*/
.title
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				white;
	font-weight:		bold;
	text-align:			right;

}


INPUT, TEXTAREA
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DADADA;
	color: black;
	padding: 2px;
	border: solid 1px #596790;
}

FORM
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 5px;
}

SELECT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* Site Pages layout */
#index
{
	margin-top:	20px;
	margin-bottom:	20px;
	text-align: justify;
	font-size: 		14px;
}

#index h1
{
	text-align: 	right;
	font-size: 		18px;
	font-weight:	bold;

	background-image:	url("./title1_bg.png");
	background-repeat:	repeat-y;
	background-color:	#000000;
	background-position: right;
}

.news
{
	margin-top:	10px;
	margin-bottom:	10px;
	color: white;
	padding: 2px;
/*	border-bottom: solid 1px white;*/
}

.news h1
{
	text-align: right;
	margin-bottom:	2px;
	padding-bottom:	2px;
	font-size: 13px;
	font-weight:		bold;

	background-image:	url("./title2_bg.png");
	background-repeat:	no-repeat;
	background-color:	#000000;
	background-position: bottom right;
	border-bottom: solid 1px white;

}

.news p
{
	text-align: right;
	margin-top:	2px;
	padding-top:	2px;
	font-size: 12px;
}


.newspersistent
{
	margin-top:	10px;
	margin-bottom:	10px;
	color: white;
	padding: 2px;
/*	border-bottom: solid 1px white;*/
}

.newspersistent h1
{
	text-align: center;
	margin-bottom:	2px;
	padding-bottom:	2px;
	font-size: 12px;
	font-weight:		bold;
	font-style:		italic;

	background-image:	url("./title3_bg.png");
	background-repeat:	no-repeat;
	background-color:	#000000;
	background-position: bottom right;
	border-bottom: solid 1px white;

}

.newspersistent p
{
	text-align: center;
	margin-top:	2px;
	padding-top:	2px;
	margin-bottom:	0px;
	padding-bottom:	5px;
	font-size: 12px;
	background-color:	#3A435E;
}

.ok
{
	font-size: 		11px;
	color:			#50CC27;	/* Couleur du texte */
}

.notOk
{
	font-size: 11px;
	color:			#D52166;	/* Couleur du texte */
}


/*------- SURVEY STYLES -------- */
#survey
{
/*	border: 1px solid white; */
	background-color:	#3A435E;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


#survey a
{
	font-size: 11px;
	text-decoration:	none;
	font-weight:		bold;
	color:				orange;
}

#survey a:hover
{
	color:				#6fc4f3;
}


#survey h2
{
	text-align: left;
	font-size: 15px;
	font-weight:		bold;
}

#survey .survey_description
{
	text-align: justify;
	font-size: 13px;
}


#survey h3 .section_title
{
	text-align: left;
	font-size: 13px;
	font-weight:		bold;
}


#survey table
{
	border-spacing: 10px;
}

#survey td.question_cell
{
	vertical-align:	top;
	width: 50%;
	text-align: left;
	font-weight: bold;
/*	background-color:	red; */
}

#survey td.answer_cell
{
	vertical-align:	top;
	width: 50%;
	text-align: left;
/*	background-color:	green; */
}

#survey td.answer_cell select
{
	width: 250px;
}

#survey td.answer_cell textarea
{
	width: 250px;
}

#survey .section
{
	display: block;
/*	border: 1px solid red; */
	padding:	0;
	margin:		0;
	margin-bottom: 50px;
}

#survey .section_hide
{
	display: none;
/*	border: 1px solid red; */
	padding:	0;
	margin:		0;
	margin-bottom: 50px;
}

/* shop */
a.shopmenu
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			16px;
	color:				white;
	text-decoration:	none;
}

a.shopmenu:hover
{
	color:				#6fc4f3;
}

a.shopmenu_active
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			16px;
	color:				#508EB0;
	text-decoration:	underline;
}

/* shop */
a.shopsubmenu
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				white;
	text-decoration:	none;
}

a.shopsubmenu:hover
{
	color:				#6fc4f3;
}

a.shopsubmenu_active
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#5CA3CA;
	text-decoration:	underline;
}

/* ------------------- */
table.shoptable
{
	color:	#FFFFFF;
	background-color: #514A4D;
	font-size:		12px;
	border:	1px solid black;
	margin:	0px;
	padding: 0px;
	width:	100%;
	border-bottom: 1px solid #000000;
	border-color: #ACF5FF;
	border-collapse: separate;
}

table.shoptable th
{
	font-size:		13px;
	color:	#000000;
	border:	1px solid black;
	background-color: #FFE6B7;
	font-weight: bold;
	text-align:	center;
}

table.shoptable2
{
	color:	#FFFFFF;
	background-color: #514A4D;
	font-size:		12px;
	border:	1px solid black;
	margin:	0px;
	padding: 0px;
	width:	100%;
	border-bottom: 1px solid #000000;
	border-color: #ACF5FF;
	border-collapse: separate;
}

table.shoptable2 th
{
	font-size:		13px;
	color:	#000000;
	border:	1px solid black;
	background-color: #B3FFD5;
	font-weight: bold;
	text-align:	center;
}

table.shoptable3
{
	color:	#FFFFFF;
	background-color: #514A4D;
	font-size:		12px;
	border:	1px solid black;
	margin:	0px;
	padding: 0px;
	width:	100%;
	border-bottom: 1px solid #000000;
	border-color: #ACF5FF;
	border-collapse: separate;
}

table.shoptable3 th
{
	font-size:		13px;
	color:	#000000;
	border:	1px solid black;
	background-color: #FF78A5;
	font-weight: bold;
	text-align:	center;
}

table.order_recap
{
	color:	#000000;
	background-color: #FFFFFF;
	font-size:		12px;
	border:	1px solid #000000;
	margin:	0px;
	padding: 5px;
	border-color: #6F76FF;
	border-collapse: separate;
}

table.order_recap td
{
	border-bottom:	1px solid #6F6E88;
}

table.order_recap li
{
	list-style-type: disc;
	list-style-position: inside;
	padding: 		0;
	margin: 		0;
}

#faq_item
{
	border:	0;
	padding: 0;
	margin: 5px;
}
.faq_cat
{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:		16px;
	color:	#EAEAEA;
}
.faq_q
{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:		16px;
}
.faq_a
{
	border-top:	1px solid #AAACDD;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 2px;
	font-size:		13px;
}

.faqtable
{
	width: 100%;
	border: 0px solid black;
}

table.faqtable th
{
	border-bottom: 2px solid  #AAACDD;
	text-align:	left;
	vertical-align: middle;
}

table.faqtable td
{
	border-bottom: 1px solid  #AAACDD;
	text-align:	left;
	vertical-align: top;
}

.faqimg
{
	text-align: center;
}

.socialnetworks
{
	display: block;
	vertical-align: middle;
}

.socialnetworks form
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

.socialnetworks img
{
	padding: 2px;
	margin: 0px;
	vertical-align: middle;
	
}