/* Paris, June 2008*/

html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	margin: 0; 
	padding: 0;
	}

sup /* notes dans index*/
	{font-size:xx-small;}
	
#lefter {
	position: absolute;
	left: 1px;
	top: 50%;
	min-width: 100px;
	width: 20%;
	height: 100%;
	background-image: url('truck480.gif') ;
	background-repeat:no-repeat;
	opacity:0.2;
	filter:alpha(opacity=20);
	}	


H1
	{
	   color: black;
	   font-size: 24px;
	}

H2
	{
	   color: black;
	   font-size: 18px;
	}
Strong
	{
	  
   color: #fcc75d;
   font-size: 16px;
	}

p
{
   color: #555753;
   font-size: 14px;
}

/* Button Gettng started */
table
	{
	margin: auto;
	border-collapse: collapse;
	}
#options  td, th
	{
	font-size: 14px;
	color: #555753; 
	text-align: left;
	border: 1px dotted #fcc75d;
	border-collapse: collapse;
	padding-left : 5px;
	padding-right: 5px;
	}
/* menu */

#menu 
	{ 
	margin-left: 10%;
	margin-top: 1% ;
	float: left;
	position: absolute;
	left: 10%;
	top: 1%;
	width:60%;
	height:20%; 
	background-color: #fcc75d;
	}
#accroche
	{
	font: Helvetica, sans-serif;
	margin-top: -2%;
	margin-bottom: -6%;
	margin-left: 2%;
	padding-top: 0px;
	color: #ffffff;
	font-size: 550%;
	}	
.HeadNote 
	{
	color: #ffffff;
	padding-left: 20px;
	
	}
#imenu  
	{	 
	position:absolute;
	right:2%;
	text-align:right;
	width:40%;
	margin-bottom:10px;
	}

#menu a:link, #menu a:visited 
	{ 
	margin-left: 5px; 
	color:#555753;
	}
#toppage
	{
	position: absolute;
	top: 2%;
	width:60%;
	}
	
#price 
{
	position: absolute;
	right: 2%;
	top: 5%;
	width:251px;
	height:165px; /*157 px */
	background-image: url('price250x156.png') ;
	background-repeat: no-repeat;
/*	margin-left: 10px;
	margin-bottom: 10px;*/
	}
	/*opacity:0.2;
	filter:alpha(opacity=20);*/
	
#page 
	{ 
	background-color: #f4f4f4;
	border: 1px dotted #fcc75d;
	text-align: left ; 
	padding-left:20px;
	padding-right:20px;
	margin-left: 10%;
	margin-top: 5% ;
	/*float: left;*/
	position: absolute;
	left: 10%;
	top: 10%;
	width:60%; 
	/*background-image: url('wide-bg2.png');
	background-repeat: repeat-y;*/
	}
	
	#page p.insert
	{	
	right: 1%;
	font-size: xx-small;
	margin-left: 30%;
	border : 1px dotted #fcc75d;
	}
#page p.note
	{	
	right: 1%;
	font-size: xx-small;
	margin-left: 10%;
	}
	
	
	
#page p{	font-size: 12px;}

#page h3 {
	text-align: left;
	color: #fcc75d;	
	margin: 20px 1px 1px 1px;	
	}
#page .ben {
	text-align: left;
	color: #fcc75d;	
	font-weight:bold;
	}
	
#page ul.benefit  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	width: 55%; /* 55% */
	background-position:50px 2px;
	border: 1px dotted #fcc75d;
	}
	#page li.ben {
	background-image: url('greencheck.gif'); 
	background-repeat: no-repeat;
	background-position: 0.4em;
	padding-left: 30px; /* 30px */
	}
#page a:link, #page a:visited { 
	margin-left: 5px; 
	}

	



/* FOOTERS */
#footer { 
	text-align: center; 
	border-top: 1px dashed #fcc75d;
	margin: 250px 200px 1px 200px; 
			}
		
#footer a:link, #footer a:visited { 
	margin-right: 1px;
	margin-left: 1px; 	
	
	}


/* Links */
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}