body 
{
    background : #007DC3;
    font-family : Verdana;
    font-size : 12px;
    padding : 0px;
    margin : 0px;
}
.corps td
{
  padding : 2px;
  font-weight : bold;
  font-size : 10px;
  border-right : 1px solid black;
  border-top : 1px solid black;
}
td.garantie
 {
    width : 35px;
 }
td.dimensions
 {
 background : #EEEEEE;
 font-weight : normal;
 font-size : 9px;
 width : 70px;
 }
td.gris
 {
 padding : 0px;
 font-family : Arial;
 font-weight : normal;
 background : #EEEEEE;
 width : 24px;
 text-align : center;
 }
td.bleuClair{
 padding : 0px;
 font-family : Arial;
 font-weight : normal;
 background : #C0E8FE;
 width : 24px;
 text-align : center;
 }
td.bleuCyan{
 padding : 0px;
 font-family : Arial;
 font-weight : normal;
 background : #88DEF7;
 width : 24px;
 text-align : center;
 }
td.nom {
    width : 167px;
}
td.prix {
	width : 180px;
	text-align : center;
	font-size : 9px;
 	font-weight : normal;
 	border-right : none;
}
table.recapitulatif 
{
    border : 2px solid black;
    border-top : 0px solid black;
    border-bottom : 0px solid black;

}

.headers
{
    border : 1px solid black;
    border-bottom : none;
    display : block;

}
div {
    background : #FFFFFF;
}
div.corps
{    	
    	padding-left : 45px;
	background : #FFFFFF url(img/bandeauBleu.gif) left repeat-y;

}
div.bas
{
    clear : left;
    background : #007DC3;
    padding : 2px 0px 2px 0px;
    font-size : 9px;
    font-weight : bold;
    text-align : center;
    color : #FFFFFF;
    width : 100%;
}
div.home {
    background : url(img/partieGaucheHome.jpg);
    width : 334px;
    height : 439px;     
}
div.suite {
    background : url(img/partieGaucheSuite.jpg);
    width : 333px;
    height : 439px;     
}
div.option {
    background : url(img/partieGaucheOption.jpg) no-repeat #F0FCFF;
    width : 333px;
    height : 439px;     
}
div.cartouche-home {
    background : none;
    margin-bottom : 20px;
    margin-top : 40px;
    margin-left : 40px;
    margin-right : 8px;
    height : 340px;
}
div.cartouche-suite {
    font-size : 11px;
    background : none;
    margin-bottom : 15px;
    margin-top : 80px;
    margin-left : 40px;
    margin-right : 10px;
    height : 300px;
}
div.cartouche-option {
    background : none;
    margin-bottom : 20px;
    margin-top : 20px;
    margin-left : 40px;
    margin-right : 8px;
    height : 360px;
}
div.cartouche-option p {
    font-size : 11px;
    margin : 0px 0px 5px 0px ;
    padding : 0px;
}
div.cartouche-home p {
    font-size : 11px;
    margin : 8px;
}
div.cartouche-bouton {
    background : none;
    margin-left : 40px;
    text-align : right;
}
div.anim {
	margin: 19px 10px 18px 20px;
	background : #F0FCFF;
	border : 1px solid black;
}
.croix{
    color : #000000;
    text-decoration : none;
}
.petitBleuClair
{
  color : #000000;
  padding : 2px;
  background : #F0FFFF;
  font-weight : bold;
  font-size : 10px;
  border : 1px solid black;
}
.petitBlanc
{
  color : #000000;
  padding : 2px;
  background : #FFFFFF;
  font-weight : bold;
  font-size : 10px;
  border : 1px solid black;
}
.petitRouge
{
  color : #FFFFFF;
  padding : 2px;
  background : #FF0000;
  font-weight : bold;
  font-size : 10px;
}
.petitGris
{
  width : 265px;
  color : #000000;
  padding : 2px;
  background : #EEEEEE;
  font-weight : bold;
  font-size : 10px;
  border : 1px solid black;
}
.cadrePetit
{
 border : 1px solid pink;
 padding : 0px;
 background : #FF0000;	
 margin : 0px;
 color : #FF0000;
 
}

a.ficheProduit 
{
    float : right;
    padding-left : 8px;
    margin-right : 5px;
    color : #000000;
    font-weight : bold;
    background : url("img/triangle.gif") left no-repeat;
}
.bandeauTitre {
	text-align : right;
	background : #007DC3; 
}
.picto 
{
    vertical-align :text-bottom;
    margin : 2px 0px 2px 2px;
    border : none;
}
h1 {
	font-family : Verdana;
	color : #003399;
	font-size : 16px;
	font-weight : bold;
	margin : 0px 0px 5px 0px;
}
h2 {
	font-family : Verdana;
	color : #000000;
	font-size : 13px;
	font-weight : bold;
	padding : 5px 0px 5px 0px;
	margin : 0px;
}
li {
	padding-bottom : 2px;
}

a.lienPrev
{
    background : url(img/trianglePrev.gif) left no-repeat #E9EBEF;
    padding : 5px 10px 5px 15px;
    border-right : 1px solid black; 
    border-bottom : 1px solid black; 
    border-left : 1px solid white; 
    border-top : 1px solid white;
    font-family : Verdana; 
    font-size : 11px;
    font-weight : bold; 
    text-decoration : none;
    text-align : center;
    color : #000000;
}
a.lienNext
{
    background : url(img/triangleNext.gif) right no-repeat #E9EBEF;
    padding : 5px 45px 5px 40px;
    border-right : 1px solid black; 
    border-bottom : 1px solid black; 
    border-left : 1px solid white; 
    border-top : 1px solid white;  
    font-family : Verdana; 
    font-size : 11px;
    font-weight : bold; 
    text-decoration : none;
    text-align : center;
    color : #000000;
    
}
a.infosTech
{
    background : url(img/information.gif) left no-repeat;
    padding : 8px 5px 5px 26px ;
    margin-left : 25px;
    font-weight : bold;
    font-size : 11px;
    text-decoration : none;
    color : #000000;  
}
a.infosTech:hover
{
    color : #FF0000;
}
.triangleBleu
{
    background : url(img/triangleBleu.gif) left no-repeat;
    padding-left : 12px ;
    font-size : 11px;
    text-decoration : none;
    color : #000000;
   
}
a.triangleBleu:hover
{
    color : #0033CC;
    text-decoration : underline;
}