/*** ELEMENTS DE BASE HTML ***/

BODY	{
	font-family: arial;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	background: #FFFFFF;
/*	background-image: url('../pics/background.gif');*/
	}

ul {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 18px;
	margin-right: 0px;

	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
}

li {
	font-family: arial;
	line-height: 13px;
	font-size: 10px;
	color: #3C63A4;

	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;

	list-style: disc;
	list-style-position: outside;
}

 INPUT, TEXTAREA, SELECT {
 	font-family: arial;
 	font-size: 10px;
 	font-weight: normal;
 	color: #000000;
 	border: 1px inset #C7D4DD;
 	height: 18px;
 	padding: 0px;
}

input.submit, input.cancel
{
	border: none;
	color: #FFFFFF;
	background-color : #3C63A4;
}

input.checkbox {
	border: none;
}

SELECT.lang {
	height: 16px;
}

.err {
 	border: #ddd 1px solid;
 	padding: 5px 5px 5px 5px;
 	background: #ffffdd;
 	margin: 10px 0px;
 	color: #C40000;
 	text-align: center
 }

.info {
 	border: #ddd 1px solid;
 	padding: 5px 5px 5px 5px;
 	background: #ffffdd;
 	background-image: url(../modules/secure/tip.png);
 	background-position: 0.5em center;
 	background-repeat: no-repeat;
 	margin: 10px 0px;
 	color: #202020;
 	text-align: center;
 }

.lock {
 	border: #ddd 1px solid;
 	padding: 5px 5px 5px 5px;
 	background: #ffffdd;
 	background-image: url(../modules/secure/lock-sm.gif);
 	background-position: 0.5em center;
 	background-repeat: no-repeat;
 	line-height: 25px;
 	margin: 10px 10px 10px 10px;
 	color: #3C63A4;
 	font-weight: bold;
 	text-align: center;
 }

div.surbande {
  position: absolute;
  border: 0px solid #000000;
  z-index: 100;
  }

div.anim {
  position: inherit;
  border: 0px solid #000000;
  z-index: 2;
  }

.tete {
  background: #F3F3F3;
  border: 1px solid #C7D4DD;
}

.chemin {
	margin: 3px 0px 3px 0px;
	padding: 2px;
	/*border: 1px dashed #C7D4DD;*/
}

.rightcolprod {
  border: 1px solid #C7D4DD;
}

.loginform {
	background : #F5F7F6;
}

.loginform th {
	background-color: #3C63A4;
	color: #FFFFFF;
	line-height: 2;
}

fieldset.contact
{
	background: #F3F3F3;
  border: 1px solid #C7D4DD;
}

fieldset.contact legend
{
	font-family: arial; line-height: 13px;	font-size: 10px; color: #3C63A4; font-weight: bold; text-decoration: none;
}

hr.contact {
	border: thin;
	background-color:#3C63A4;
	height: 1px;
}

.pom {
  border: 1px solid #C7D4DD;
  background: #F3F3F3 url(../pics/pom_back.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

.pic_pom {
  background: url(../pics/pic_pom_back.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.star {
	font-family: Arial;
	color: red;
	font-weight: bold;
	font-size: 14px;
}

.prodtab {
	border: outset 1px #CCCCCC;
	padding: 2px;
}

.prodtab th {
	background-color: #3C63A4;
	color: #FFFFFF;
}

.caractab {
	border: 1px solid #3C63A4;
}

.caractab th {
	background-color: #3C63A4;
	color: #FFFFFF;
}

a.type1					{font-family: arial; line-height: 13px;	font-size: 10px; color: #3C63A4; text-decoration: underline; }
a:hover.type1		{font-family: arial; line-height: 13px;	font-size: 10px; color: #666666; text-decoration: none; }

a.type2					{font-family: arial; line-height: 13px;	font-size: 10px; color: #3C63A4; font-weight: bold; text-decoration: none; }
a:hover.type2		{font-family: arial; line-height: 13px;	font-size: 10px; color: #000000; font-weight: bold; text-decoration: none; }

a.espaces					{font-family: arial; line-height: 13px;	font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
a:hover.espaces		{font-family: arial; line-height: 13px;	font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; }

a.menu					{font-family: arial; line-height: 13px;	font-size: 10px; color: #3C63A4; text-decoration: none; }
a:hover.menu		{font-family: arial; line-height: 13px;	font-size: 10px; color: #666666; text-decoration: none; }

a.pied 					{color: #959595; text-decoration: none;}
a.pied:hover 		{color: #959595; text-decoration: underline;}

A				{font-family: arial; font-size: 11px; text-decoration: none; }
A:hover		{font-family: arial; font-size: 11px; text-decoration: none; }


a.intro					{font-family: arial; line-height: 13px;	font-size: 10px; color: #000000; text-decoration: underline; }
a:hover.intro		{font-family: arial; line-height: 13px;	font-size: 10px; color: #000000; text-decoration: none; }


/*** TABLES ***/

TABLE	{
	font-family: arial;
	line-height: 11px;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	}

TD	{
	font-family: arial;
	line-height: 13px;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	}

TD.logpass {
	font-weight: bold;
	color: #3C63A4
}

/*** TEXTES ***/

.form_head {
	font-family: arial;
	line-height: 11px;
	font-size: 10px;
	color: #3C63A4;
	font-weight: bold;
	}

.user_tab {
	font-family: arial;
	line-height: 13px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	}

#topbar-logout {
	background: transparent url(../modules/secure/topbar-logout.gif) left center no-repeat;
	padding-left: 18px;
}

#btenter{
  width:167px;
  height:76px;
  background-image:url(../pics/intro_bt_fr.jpg);
  cursor:hand;
}

#slogan{
  width:266px;
  height:154px;
  background-image:url(../pics/slogan_fr.jpg);
}

input.intro
{
	border: none;
	color: #FFFFFF;
	background-color : #FFFFFF;
}

.pied {color: #959595; }

hr.line {
	/*margin: 3px 0px 3px 0px;
	padding: 1px;
	border: 1px dashed #C7D4DD;*/
	border:dashed #C7D4DD;
	border-width:1px 0 0;
	height:0;
}