
body {
	margin: 0px;
	padding: 0px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 

	color: #656666;
	background: white;
	background-image: url(images/background.jpg);
	text-align:center;
	min-width:990px;
}
#global {
	width: 990px; 
	overflow: hidden; 
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
 img, div, input { behavior: url("iepngfix.htc") }
/* En-t�te */
#header {
	position:absolute;
	left:0px;
	top:0px;
	padding: 0px;
	height:254px;
	width:990px;
	background-color:#fff;
}
#menu{
	position:absolute;
	
	top:235px;
	width:990px;
	left: 5px;
	text-align:center;

	height:47px;
	
}
#back{
	position:absolute;
	
	top:340px;
	width:50px;
	left: 10px;
	height:47px;
	z-index:100;
	
}
#customize{
	position:absolute;
	
	top:470px;
	width:163px;
	left: 760px;
	height:146px;
	z-index:101;
	
}
#contentTable{
	width:700px;
	height:100%;
	
}
#topleftContentTable{
	background-image:url(images/table3Backgroundleftcointop.png);
	width:18px;
	height: 42px;
	float:left;
}
#topmidleContentTable{
	background-image:url(images/table3Backgroundmiddeltop.png);
	width:663px;
	height: 27px;
	float:left;
	font-weight:bold;
	color:#FFF;
	padding-top: 15px;
}
#toprightContentTable{
	background-image:url(images/table3Backgroundrightcointop.png);
	width:19px;
	height: 42px;
	float:left;
}
#middleleftContentTable{
	background-image:url(images/table3Backgroundleftmiddle2.png) ;
	width:18px;
	
	float:left;
}
#middlemidleContentTable{
	
	width:663px;


	margin-left: 18px;
	margin-right: 19px;

	text-align:left;
	color:#767575;
	background-color:#FFF;
	padding-top: 15px;
}

#middlerightContentTable{

	background-image:url(images/table3Backgroundrightmiddle2.png) ;
	width:19px;

	float: right;

}
#middleContentTable{



background-image:url(images/table3Backgroundmiddle2.png);
width:660px;
float:left;
text-align:left;
padding:20px;
}
#middleContentTablebis{



background-image:url(images/table3Backgroundmiddle2bis.png);
width:660px;
float:left;
text-align:left;
padding:20px;
}
#bottomleftContentTablebis{
	background-image:url(images/table3Backgroundleftcoinbottombis.png);
	
	width:18px;
	height: 22px;
	float:left;
}
#bottommidleContentTablebis{
	background-image:url(images/table3Backgroundmiddelbottombis.png);
	width:663px;
	height: 22px;
	float:left;
	font-weight:bold;
	color:#FFF;

}
#bottomrightContentTablebis{
	background-image:url(images/table3Backgroundrightcoinbottombis.png);
	width:19px;
	height: 22px;
	float:left;
}
#bottomleftContentTable{
	background-image:url(images/table3Backgroundleftcoinbottom.png);
	
	width:18px;
	height: 22px;
	float:left;
}
#bottommidleContentTable{
	background-image:url(images/table3Backgroundmiddelbottom.png);
	width:663px;
	height: 22px;
	float:left;
	font-weight:bold;
	color:#FFF;

}
#bottomrightContentTable{
	background-image:url(images/table3Backgroundrightcoinbottom.png);
	width:19px;
	height: 22px;
	float:left;
}


/*img.floatLeft { 
    float: left; 
    margin: 4px;
	padding-right:15px;
} */

.floatLeft { 
    float: left; 
    margin: 4px;
	padding-right:15px;
}








#topleftContentTable2{
	background-image:url(images/tableBackgroundleftcointop.png);
	width:17px;
	height: 17px;
	float:left;
}
#topmidleContentTable2{
	background-image:url(images/tableBackgroundmiddeltop.png);
	width:662px;
	height: 17px;
	float:left;
	font-weight:bold;
	color:#FFF;
	
}
#toprightContentTable2{
	background-image:url(images/tableBackgroundrightcointop.png);
	width:21px;
	height: 17px;
	float:left;
}

#middleContentTable2{
background-image:url(images/tableBackgroundmiddle.png);
width:660px;
float:left;
text-align:left;
padding:0px 20px 0px 20px;
}
#bottomleftContentTable2{
	background-image:url(images/tableBackgroundleftcoinbottom.png);
	
	width:17px;
	height: 23px;
	float:left;
}
#bottommidleContentTable2{
	background-image:url(images/tableBackgroundmiddelbottom.png);
	width:662px;
	height: 23px;
	float:left;
	font-weight:bold;
	color:#FFF;

}
#bottomrightContentTable2{
	background-image:url(images/tableBackgroundrightcoinbottom.png);
	width:21px;
	height: 23px;
	float:left;
}











.topleftContentTable3{
	background-image:url(images/table2Backgroundleftcointop.png);

	height: 12px;
	float:left;
}

.toprightContentTable3{
	background-image:url(images/table2Backgroundrightcointop.png);
	width:13px;
	height: 12px;
	float:left;
}

.middleContentTable3{
background-color:#a3c8ec;

float:left;
text-align:left;
padding:0px 20px 0px 20px;
}
.bottomleftContentTable3{
	background-image:url(images/table2Backgroundleftcoinbottom.png);

	height: 11px;
	float:left;
}

.bottomrightContentTable3{
	background-image:url(images/table2Backgroundrightcoinbottom.png);
	width:13px;
	height: 11px;
	float:left;
}






.buttonRange{
	background-image:url(images/Button_range.png);
	height:66px;
	width:261px;
	color:#FFF;
	padding:20px;
	font-size:16px;
	font-weight:bold;
	float:left;

	}










.buttonMenuLeft{
	background-image:url(images/menu-left.png);
	height:43px;
	width:18px;
	float:left;


	
}
.buttonMenuRight{
	background-image:url(images/menu-right.png);
	height:43px;
	width:20px;
		float:left;


}
.buttonMenuCenter{
	background-image: url(images/menu-center.png);
	height:21px;
	padding: 12px 4px 10px 6px;
		float:left;


}
.buttonMenuLeft2{
	background-image:url(images/menu-left2.png);
	height:43px;
	width:18px;
	float:left;


	
}
.buttonMenuRight2{
	background-image:url(images/menu-right2.png);
	height:43px;
	width:20px;
		float:left;


}
.buttonMenuCenter2{
	background-image: url(images/menu-center2.png);
	height:21px;
	padding: 12px 8px 10px 10px;
		float:left;


}
.titleBlue{
	font-weight:bold;
	color:#4892d9;
	font-size:24px;
}
.boldBlue{
	font-weight:bold;
	color:#4892d9;

}
.bold{
	font-weight:bold;


}
.BlueItalic{
	font-weight:bold;
	color:#4892d9;
	font-size:16px;
	font-style:italic;
}

span.txtmenu{
	
color:#90278e;
font-size:14px;
width:100px
}

 a.theMenu{
	color: #ffffff;
	font-size:13px;
	text-decoration: none;
	
}
 a.theMenu:link {
	color: #ffffff;
	text-decoration: none;
	
}

a.theMenu:hover{
	text-decoration: none;
	color:#ffda98;
}

 a.popUp{
	color:#4892d9;
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
	
}
 a.popUp:link {
	color:#4892d9;
	text-decoration:underline;
	font-weight:bold;
}

a.popUp:hover{
	text-decoration:underline;
	color:#ffffff;
	font-weight:bold;
}

/* Menu de contentLeft */
#contentLeft {
	position:absolute;
	left:0px;
	top:526px;
	width: 544px; /* -> 4 */
	background-color:#99bc8c;
	height:385px;
	border-top:1px solid #90278e;
	color:#FFF;
	font-size:12px;
	padding: 150px 0px 0px 30px;
	
}
#espaceTitre1 {
     
	  
	position:absolute;
	left:30px;
	top:546px;
	margin: 0px;
	padding: 0px;
	width: 470px; /* -> 4 */
	height:50px;
	
	
	color:#FFF;
	 font-size: 40px;
    }
#espaceTitre2 {
     
	  
	position:absolute;
	left:30px;
	top:590px;
	margin: 0px;
	padding: 0px;
	width: 470px; /* -> 4 */
	height:50px;
	
	
	color:#FFF;
	 font-size: 40px;
    }

/* Contenu */
#content{
	position:absolute;
	left:0px;
	top:300px;
	width:930px;
	margin: 0px;
	padding: 30px;
	

	
}








/* Liens */
a {
	color:#4892d9;
	text-decoration: none;
}
a:hover, a:focus {
	color: #656666;
	text-decoration: none;
}
a img {
	border: none; /* -> 10 */
}

/* Divers �l�ments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */


#footer {
	width:700px;
	padding-top:20px;
	font-size: 14px;
	color: #4892d9;
}
#footer a {
	color: #4892d9;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	text-decoration: none;
	
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
}

.btsub {
   width: 164px;
   height: 39px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(images/btn_add.png) no-repeat top left ;/* on place l'image en arrière plan */
   text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btsub:hover {
   background-position: 0 -38px;/* On déplace l'image d'arrière plan pour donner l'effet */
   background: transparent url(images/btn_add_over.png) no-repeat top left ;
}
.btsubM {
   width: 176px;
   height: 47px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(images/btn_shopping.png) no-repeat top left ;/* on place l'image en arrière plan */
   text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btsubM:hover {
   background-position: 0 -47px;/* On déplace l'image d'arrière plan pour donner l'effet */
}

.paraleft {
	float:left;
	width:135px;
}

#images {
	float:left;
	width:280px;
	height:auto;
	overflow:hidden;
	padding:0 15px 0 0;
}

ol li {
	margin:0 0 10px 0;
}