BODY
{   
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10pt;
    background-color: white;
    /*BACKGROUND-IMAGE: url(./images/fondsite.JPG);*/
    BACKGROUND-REPEAT: repeat-x;
    background-attachment: fixed;
   /* background-position: center;*/
}
TD
{
    font-size : small;
}

DIV#CONTENEUR
{   
    /*POSITION: relative;
    top: 100px; 
    margin-left: auto;
    margin-right: auto;
    width: 800px; */
    text-align: left;
    background-color: white;
}


/*/////////////////////////////////////////////////*/
/* Entete */
/*/////////////////////////////////////////////////*/
DIV#header
{   
    POSITION: absolute;
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    /*BACKGROUND-IMAGE: url(./images/fondsitehaut.png);*/
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    background-position: left;
   
    HEIGHT: 100px;
   
}

DIV#header A
{
    COLOR: #ffffff;
    FONT-STYLE: normal;
    TEXT-DECORATION: none
}

DIV#header A:visited
{
    COLOR: #ffffff;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}

DIV#header A:hover
{
    COLOR: black;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}

DIV#header .actif
{
    COLOR: black;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}

/*/////////////////////////////////////////////////*/
/* menu gauche */
/*/////////////////////////////////////////////////*/
DIV#left
{
    POSITION: absolute;
    BACKGROUND-IMAGE: url(./images/fondsitegauche3.png);
    PADDING-LEFT: 30px;
    PADDING-BOTTOM: 0px;
    WIDTH: 120px;
    PADDING-TOP: 150px;
    HEIGHT: auto !important;
    HEIGHT: 500px;
    MIN-HEIGHT: 465px;
    BACKGROUND-REPEAT: no-repeat;
    TOP: 100px;
    background-color: white;
}

DIV#left A
{
    COLOR: #0a32c8;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}

DIV#left A:hover
{
    COLOR: #fa640a;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}

DIV#left .actif
{
    COLOR: #fa640a;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;   	
}

/*/////////////////////////////////////////////////*/
/* menu droit sensé etre vide*/
/*/////////////////////////////////////////////////*/
DIV#right
{
    POSITION: relative;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    RIGHT: 0px;
    TOP: 0px;
    WIDTH: 0px;	
    background-color: white;
}

/*/////////////////////////////////////////////////*/
/* page principale */
/*/////////////////////////////////////////////////*/
DIV#middle
{
 /* Hauteur définie pour  passer sur differents navigateur et caler le pieds de page */
    /*WIDTH: 490px;  */
    HEIGHT: auto !important;
    HEIGHT: 600px;
    MIN-HEIGHT: 600px;
    LEFT: 160px;
    TOP: 110px;
    PADDING-LEFT: 160px;
    PADDING-TOP: 110px;
    PADDING-BOTTOM: 0px;
    PADDING-RIGHT: 50px;
    background-color: white;
}

/*/////////////////////////////////////////////////*/
/* Pieds de page */
/*/////////////////////////////////////////////////*/
DIV#back
{
    HEIGHT : 120px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 20px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    background-color: transparent;
}

/*///////////////////////////////////////////////////*/
/*    Classe D'ecritures
/******************************************************/
.titre1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: #fa640a;
    TEXT-DECORATION: none   
}

.titre2
{
    FONT-WEIGHT: bolder;
    COLOR: #fa640a;
    TEXT-DECORATION: none
}

.Soustitre
{
    COLOR: #0a32c8;
    FONT-STYLE: italic;
    TEXT-DECORATION: none
}

.TitrePage
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-large ;
    COLOR: #fa640a;
    TEXT-DECORATION: none
}

.evidence
{
    COLOR: #fa640a;
}

A:link
{
    COLOR: #0a32c8;
    FONT-STYLE: NORMAL;
    TEXT-DECORATION: none;
}

A:visited
{
    FONT-STYLE: normal;
    COLOR: #000000;
}

A:hover
{
    COLOR: #000000;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}


.BoutonGalerie A
{
    COLOR: #000000;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}

.BoutonGalerie A:hover
{
    COLOR: #0a32C8;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}

ul {
   list-style-image: url(./images/Puce.gif);
   list-style-position: inside;
   }

ul#drapeau {
   list-style-image: url(./images/transparent.gif);
   list-style-position: outside;
   }

/*///////////////////////////////////////////////////*/
/*   Boite Cadre
/******************************************************/
.boiteorange
{   
    PADDING : 3px; 
    BACKGROUND-IMAGE: url(./images/cadreorange.jpg);
    BACKGROUND-REPEAT: x-repeat;
    BACKGROUND-POSITION: center;
}


.boiteorange200
{   
    PADDING : 3px; 
    BACKGROUND-IMAGE: url(./images/cadreorange.jpg);
    BACKGROUND-REPEAT: no-repeat;    
    BACKGROUND-POSITION: center;
    WIDTH : 200px; 
}

.boiteorange400
{   
    PADDING : 3px; 
    /*BORDER-RIGHT : 2px solid #FA640A; 
    BORDER-LEFT : 2px solid #FA640A; 
    BORDER-TOP : 2px solid #FA640A; 
    BORDER-BOTTOM : 2px solid #FA640A; */
    BACKGROUND-IMAGE: url(./images/cadreorange.jpg);
    BACKGROUND-REPEAT: no-repeat;    
    BACKGROUND-POSITION: center;
    PADDING: 3px; 
    WIDTH : 400px; 
}

.boitebleue
{   
    PADDING : 3px; 
    BACKGROUND-IMAGE: url(./images/cadrebleu.jpg);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: bottom right;
}

.titrebleu
{
    PADDING : 3px; 
    WIDTH : 320px; 
    HEIGHT: 30px;    	
    background-color: 0A32C8;
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-larger;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.caseAscenseur
{
    PADDING : 3px; 
    WIDTH : 320px; 
    HEIGHT: 240px; 
    overflow : auto ;
    border : 1px solid #0A32C8; 
    BACKGROUND-IMAGE: url(./images/fondcaseascenseur.jpg);
    BACKGROUND-REPEAT: repeat-y;
    SCROLLBAR-FACE-COLOR: #0A32C8; 
    SCROLLBAR-HIGHLIGHT-COLOR: #86B3FD; 
    SCROLLBAR-SHADOW-COLOR: #2B4062; 
    SCROLLBAR-ARROW-COLOR: #FFFFFF; 
    SCROLLBAR-BASE-COLOR: #FFFFFF; 
    scrollbar-3d-light-color: #4F1C62; 
    scrollbar-dark-shadow-color: #062B67;
    text-decoration: none; 
    text-align: left;
}
.caseAscenseur A:link {text-decoration: none; color: #0A32C8;}
.caseAscenseur A:visited {text-decoration: none; color: #0A32C8;}
.caseAscenseur A:active {text-decoration: none; color: #0A32C8;}
.caseAscenseur A:hover {text-decoration: underline; color: #000000;}



/************************************************************************************************/
/********  case catalogue produit ******************************************/
/**************************************************************************************************/
.piecepuzzle1998
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
   display: block; 

}    

.piecepuzzle1998 A
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/1998.JPG); 
    background-position:top;
    background-color: transparent;
    display: block; 

}   


.piecepuzzle1998 A:visited
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/1998.JPG); 
    background-position:top;
     background-color: transparent;
     display: block; 

}   



.piecepuzzle1998 A:hover
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/1998.JPG); 
    background-position:bottom;
    background-color: transparent;
}   


.piecepuzzle2000
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
   display: block; 

}    

.piecepuzzle2000 A
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2000.JPG); 
    background-position:top;
    background-color: transparent;
    display: block; 

}   


.piecepuzzle2000 A:visited
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2000.JPG); 
    background-position:top;
     background-color: transparent;
     display: block; 

}   



.piecepuzzle2000 A:hover
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2000.JPG); 
    background-position:bottom;
    background-color: transparent;
}

.piecepuzzle2001
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
   display: block; 

}    

.piecepuzzle2001 A
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2001.JPG); 
    background-position:top;
    background-color: transparent;
    display: block; 

}   


.piecepuzzle2001 A:visited
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2001.JPG); 
    background-position:top;
     background-color: transparent;
     display: block; 

}   



.piecepuzzle2001 A:hover
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2001.JPG); 
    background-position:bottom;
    background-color: transparent;
}

.piecepuzzle2002
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
   display: block; 

}    

.piecepuzzle2002 A
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2002.JPG); 
    background-position:top;
    background-color: transparent;
    display: block; 

}   


.piecepuzzle2002 A:visited
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2002.JPG); 
    background-position:top;
     background-color: transparent;
     display: block; 

}   



.piecepuzzle2002 A:hover
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2002.JPG); 
    background-position:bottom;
    background-color: transparent;
} 

.piecepuzzle2003
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
   display: block; 

}    

.piecepuzzle2003 A
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2003.JPG); 
    background-position:top;
    background-color: transparent;
    display: block; 

}   


.piecepuzzle2003 A:visited
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2003.JPG); 
    background-position:top;
     background-color: transparent;
     display: block; 

}   



.piecepuzzle2003 A:hover
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2003.JPG); 
    background-position:bottom;
    background-color: transparent;
}             

.piecepuzzle2004
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
   display: block; 

}    

.piecepuzzle2004 A
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2004.JPG); 
    background-position:top;
    background-color: transparent;
    display: block; 

}   


.piecepuzzle2004 A:visited
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2004.JPG); 
    background-position:top;
     background-color: transparent;
     display: block; 

}   



.piecepuzzle2004 A:hover
{
    MIN-HEIGHT: 200px;
    MIN-width: 300px;
    HEIGHT : 200px;
    width : 300px;
    
    BORDER : 0;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-IMAGE: url(./images/puzzle/2004.JPG); 
    background-position:bottom;
    background-color: transparent;
}