/* 
INDEX:
	GENERALITE,
	SOUS MENU
	MISE EN FORME TEXTE
	FORMULAIRE
	COMPTE
	COMMANDE
	IDENTIFICATION
	NEWS
*/

/*
########################################
#			    GENERALITE			   #
########################################
*/


body
.*{
	padding:0;
	margin:0;
  }

*{
	padding:0;
	margin:0;
  	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #0080B7;
	
  }

.header
  {
	float:left;
	margin:0;
	padding:0;
	width:846px;
	height:110px;
  }

.interface
  {
	width: 847;
	height:100%;
	float:left;
	/*background-image: url('images/index_14bis.gif');
	background-position: bottom left;
	background-repeat: no-repeat;*/
	background-color:#F5F5F0;
  }

.column_left
  {
	margin:0;
	padding:0;
	float:left;
	width: 224;
	min-height:400;
	align:center;
	border:0;
	/*background-image: url('images/index_10.gif');
	background-position: left top;
	background-repeat:  no-repeat;*/
  }

.content
  {	
	float:right;
	background-color:#FFFFFF;
	width:623;
	height:100%;
	z-index:6;
	overflow:visible;
		
/*	background-image: url('images/PNG/vase_bleu.png');
	background-position: left top;
	background-repeat:  no-repeat; */
  }
/*
.content a
.content a:active,
.content a:link,
.content a:visited
  {
  text-decoration:none;
  font-weight:bold;
  color : #932146;
  }
.content a:hover
  {
  text-decoration:none;
  font-weight:bold;
	color: #932146;
  }
*/
.column_right
  {
	margin:0;
	padding:0;
	width: 8;
	height:100%;
	margin-left:847;
	background: url('/images/index_12bis.gif') top left no-repeat;
  }

.spacer
  {
  clear:both;
  }

.footer
  {
	clear:both;
	height:44;
	width:100%;
	background-image:url('/images/index_17.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:300;
  }
  
.copyright
  {
    font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #ffffff;
  }
.copyright a:hover
  {
	font-weight:normal;
	color: #ffffff;
  }

/*
########################################
#		   	SOUS MENU	 			   #
########################################
*/
.menu
  {
	width:104;
	height:auto;
	top:111;
	visibility:hidden;
	position:absolute;
	z-index:15;
	filter:Alpha(opacity=90, finishopacity=0,style=0);
	background-color: #ccc; /*shadow color*/
	color: inherit;
	/*padding-top:0px;
	padding-left:2px;*/
	
	/*background-color:#FFFFFF;	border:solid thin #00CC99;	background: url('images/fondmenu_violet.gif');  ;
	*/
  }

.blanc
  {
	width:auto;
	height:auto;
	position: relative;
  }

.blanc
  {
  	background-color:#FFFFFF;	
	margin-bottom: 0;
	margin-right: 1;
  }
  
.noir
  {
  	margin-bottom:1;
	margin-right: 1;
	background-color: #666;
	border-bottom:solid thin #666;
  }


/*
########################################
#		  MISE EN FORME TEXTE		   #
########################################
*/

h1
  {
	margin-bottom:10;
	padding-left: 80;
	font-size:26;
	font-weight:bold;
  	background: url('/images/title.gif') left no-repeat;
  }
  
h2
  {
	font-weight:bold;
	font-size:12;
	text-align: center;
  }

h3
  {
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:20;
  }
  
  
h3
  {
  	font-weight:bold;
	text-indent: 40;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:0;
  }

div.content li
  {
	background:url('/images/li.gif') left top no-repeat;
	padding-left:10;
  } 
  

p
  {
	text-align: justify;
	margin-bottom:10;
	color: #0080B7;
  }
  
strong
  {
  	font-weight:bold;
  
  }
  
#colonne1
  {
	float:left;
	width:265;
  }

#colonne2
  {
	margin-left:273;
	width: 265;
  } 

a
  {
	text-decoration: none;
	font-weight: normal;
	border:0;
  }

img
 	{
		border:none;
	}	
	
a:hover
  {
	text-decoration: none;
	font-weight: bold;
  }


table
  {
  	text-align:left;
	CELLPADDING:0;
	CELLSPACING:0;
  }


a.smCadeaux,
a:hover.smCadeaux
  {
  	color:#B95F9E;
  }

 
a.smboitier,
a:hover.smboitier 
  {
  	color:#B4252E;
  }  

a.smParrainage,
a:hover.smParrainage 
  {
  	color:#F9C700;
  }  

a.smMarcheTest,
a:hover.smMarcheTest 
  {
  	color:#59B124;
  }
  
a.smQuestions,
a:hover.smQuestions 
  {
  	color:#EA7300;
  }  

a.smContacts,
a:hover.smContacts 
  {
  	color:#0C2074;
  }
  
.content ul
  {
  	margin-bottom:10;
  }

.content li
  {
  	margin-top:10;
	margin-bottom:5;
	background-position:top left ;
	background-repeat: no-repeat;
	padding-left:10;
	list-style-type: none;
  }
 
  
/*
########################################
#			    FORMULAIRE			   #
########################################
*/

legend
  {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color:#FFFFFF;	
  }

label
  {  
	width: 200;
	font-size:11;
	padding-right:10; 
	text-align:right; 
	FLOAT: left; 
  }

input 
  {
	height:18px;
	font-size:11;
	border:1px solid #D5DFE2;
	margin-bottom:10;
  }
  
input.valider
  {
  	width:90;
	height:20;
	border:none;
	vertical-align:top;
	background-image:url(/images/input_valider.gif)
  }

option 
  {
	background-color: #FFFFFF;
  }

select 
  {
	background-color: #FFFFFF;
	border: 1px solid #D5DFE2;
	display:compact;
  }

textarea 
  { 
	background-color: #FFFFFF;
	border:1px solid #D5DFE2;
  }

bouton
  {
	border: 1px solid #D5DFE2;
	font-size: 10px;
  }

span.alert
  {
	color:#FF0000;
	vertical-align:top;
	font-size:11;
	margin-left:10;
  } 

div.alert
  {
	color:#FF0000;
	height:50;
	width:500;
	background-color:#FFFF99;
	padding-top:20;
	text-align: center;
	margin-bottom:10;
	border: thin solid #FF0000;
  } 

/*
########################################
#			 COMPTE					   #
########################################
*/

a.identificationTop
  {
  	padding:0;
	margin:0;
  	font-size:11;
 	margin-left:10;
  }
 
a:hover.identificationTop
  {
  	text-decoration: none;
	font-weight: normal;
  }
  
div.menuCompte
  {
	height:100%;
  }

.menuCompte h1
  {
	font-size:13;
/*	border-bottom:solid 3px #336699;
*/	margin-top:10;
	margin-bottom:10;
  }

.menuCompte h3
  {
  	font-size:13;
/*	border-bottom:solid 3px #336699;
*/	margin-top:10;
	margin-bottom:20;
	margin-left:30;
  }

div.cadeau
  {	
	width:350;
  	height:0;
	visibility:hidden;
  	position:absolute;
  }

/*
########################################
#			 IDENTIFICATION			   #
########################################
*/

#identification
  {
	color:#FFFFFF;
  }

#identification a,
#identification a:hover,
#identification  a:active,
#identification   a:link,
#identification a:visited
  {
	color:#FFFFFF;
  }


/*
########################################
#			    NEWS				   #
########################################
*/

div.newsLeft
  {	
  	padding:5;
  }

p.news 
  {
	font-style: normal;
	font-variant: normal;
	text-align:left;
	font-size:9px;
	margin:0;
  }



h3.news 
  {
  	background: none;
	text-indent: 0;
	font-weight:bold;
	border-bottom:solid thin #FFFFFF;
	font-size:11;
  }
  

div.newsbox
  {
	width:0;
	height:0;
	visibility:hidden;
	position:absolute;
	left:223;
	top:250;
	overflow:hidden;
	background: url('/images/news.gif') left top no-repeat;
	z-index:99;

	/*filter:Alpha(opacity=50, finishopacity=0,style=2);
	filter:Blur(direction=235, strength=6);
	*/
  }
  

div.contentnews
  {
	padding-left:4;
	border:none;
	color:#FFFFFF;
	background:none;
	z-index:20;
  }

.contentnews a,
.contentnews a:hover,
.contentnews a:active,
.contentnews a:link,
.contentnews a:visited
  {
  	display:inline;	
	border:none;
	color:#FFFFFF;
	background:none;
  }

.contentnews h3
  {
	color:#FFFFFF;
	font-weight:bold;
  }

.contentnews p
  {
	color:#FFFFFF;
  }

.textenewsbox
  {
	height:150;
	width:100%;
	overflow-y:scroll;
	z-index:20;
  }
  
.textenewsbox p
  {
  	color:#FFFFFF;
  }  
 
 .infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #f4f8fa;
}