body 
{
	background-image:  url(Images/Cavalier/Template/texture.gif); 	/*on met comme image de fond le point gris*/
	background-repeat: repeat;						/* on repete ce point gris sur toute la page*/
}




/*propriétés pour le corps central*/
#global
{						
/*la couleur de fond sur le blanc*/
width: 960px;		
height: 522px;									/*la largeur de la page sera de 760pixel*/
position:absolute;
     left: 50%; 
     top: 50%;
     margin-top: -261px; 
     margin-left: -480px; 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 9pt; 
 font-weight: bold; 
 color: #999999;

}

#bandeau
{
width: 960px;
height: 67px;

}

#menu
{
background-image: url(Images/Cavalier/Template/fond%20menu.jpg);
background-repeat: no-repeat;  
float: left;
width: 153px;
height: 420px;
margin-top: 5px;
}

#corps
{
margin-left: 158px;
width: 802px;
height: 420px;
background-color:#FFFFFF; 
margin-top: 5px;	
}

#pied_de_page
{

margin-left: 0px;
background-image: url(Images/Cavalier/Template/fond_pied.gif);
width: 960px;
height: 30px;
color:#999999;
font-size: 10px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
margin-top: 5px
}

.toggleSubMenu
{
heigth: auto;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
background-image: url(Images/Cavalier/Template/fond_cat.jpg);
background-repeat: no-repeat; 
align: center;
font-size: 15px;
font: bold 13px verdana, arial, sans-serif;
padding-left: 30px;
}

.open
{
heigth: auto;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
background-image: url(Images/Cavalier/Template/fond_cat_open.jpg);
background-repeat: no-repeat; 
align: center;
font-size: 15px;
font: bold 13px verdana, arial, sans-serif;
padding-left: 30px;
}

.menusimple
{
heigth: auto;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
background-image: url(Images/Cavalier/Template/fond_cat.jpg);
background-repeat: no-repeat; 
align: center;
font-size: 15px;
font: bold 13px verdana, arial, sans-serif;
padding-left: 30px;

}

.subMenu
{
margin-top: 5px;
padding-left: 0px;
}
div.sousmenu
{
height: auto;
margin-top: 2px;
margin-bottom: 2px;
padding-left: 5px;
background-image: url(Images/Cavalier/Template/fond_ssmenu.jpg);
background-repeat: repeat-y; 
font: bold 13px verdana, arial, sans-serif;

}
#menu_glissant
{
heigth: 310px;
vertical-align: top;

}
#menu_panier
{
heigth: 108px;
position: absolute;
bottom: 40px;

width: 153px;

background-image: url(Images/Cavalier/Template/fond_panier.jpg);
background-repeat: repeat-y; 
align: center;
font-size: 15px;
font: bold 13px verdana, arial, sans-serif;
padding-left: 10px;
vertical-align: bottom;

}

.news
{
margin-top: 1px;
padding-left: 5px;
color: #333333;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
overflow: auto;
height: 80px;
}

#titre
{
margin-left: 15px;
margin-right: 15px;
height: 55px;
margin-bottom: 0px;
} 

#unepage
{
margin-left: 20px;
margin-top: 5px;
height: 365px;
width: 760px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 9pt; 
 font-weight: bold; 
 color: #999999;
}

.textenoir
{
font: bold 13px verdana, arial, sans-serif;
color: #000000;
}
a.LienNoir 
{
font: bold 13px verdana, arial, sans-serif;
color: #999999;
text-decoration:none;
}
a:hover.LienNoir 
{  
color: #000000;
text-decoration:none;
}
A:hover.LienGris {  color: #999999;text-decoration:none}
A:link.LienGris {  color: #999999;text-decoration:none}
A.LienGris {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999;text-decoration:none; font-weight: bold}


#page_gauche
{
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
width: 370px;
height: 365px;

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: #999999;
}



#page_droite
{
margin-top: 0px;
margin-left: 410px;

width: 370px;
height: 365px;

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: #999999;
}

#page_droite2
{
margin-top: 0px;
margin-left: 410px;

width: 370px;
height: 245px;

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: #999999;
}

#pagedroite_dessous
{
margin-top: 0px;
margin-left: 410px;

width: 370px;
height: 100px;

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: #999999;
}

#page_gauche_zoom
{
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
width: 330px;
height: 365px;

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: #999999;
}

#page_droite_zoom
{
margin-top: 5px;
margin-left: 360px;

width: 425px;
height: 335px;

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: #999999;
}

.indent
{
text-indent: 30px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a.lienmenu:hover
{  
color: #000000;
text-decoration:none;
}
a.lienmenu:link
{  
color: #000000;
text-decoration:none;
}
a.lienmenu
{  
color: #000000;
text-decoration:none;
}

H1
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 24pt; 
font-weight: bold; 
color: #999999;
margin-top: 0px;
margin-bottom: 0px;
}

H1:first-letter
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin-top: 0px;
margin-bottom: 0px;
font-size: 24pt; 
font-weight: bold; 
color: #006600;
}

H2
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14pt; 
font-weight: bold; 
color: #999999;
margin-top: 0px;
margin-bottom: 0px;
}

H2:first-letter
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin-top: 0px;
margin-bottom: 0px;
font-size: 14pt; 
font-weight: bold; 
color: #006600;
}

.floatleft
{
float: left;
margin-right: 5px;
}

.floatright
{
float: right;
margin-left: 5px;
}

.legende
{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-style: italic; 
 color: #999999;
}


hr {
	clear: both;
	visibility: hidden;
}
a.current 
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

ul#menu_onglet {

    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #006600;
	margin: 0;


}
ul#menu_onglet li {
    	margin-left: 20;
		float: right;
    height: 21px;
    background-color: #CCCCCC;
    margin: 2px 2px 0 2px;
    border: 1px solid #006600;

}
ul#menu_onglet li a {

   float: left;
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 4px;


}
ul#menu_onglet li a:hover {
 background: #fff;

}

.on {
	display: block;
}
.off {
	display: none;
}

#prix
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14pt; 
font-weight: bold; 
color: #FF0000;
vertical-align: bottom;
}

.aligntop
{
vertical-align:top;
}

.texterouge
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
color: #FF0000;
}

.textegris
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
color: #999999;
}

.accroche
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14pt; 
 font-weight: bold; 
 color: #666666;
}



INPUT {
font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 10pt; 
 color: #000000;
}
SELECT {
font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 10pt; 
 color: #000000;
}

.floatright
{
float: right;
margin-left: 5px;
}

.petitnoir
{
font: bold 10px verdana, arial, sans-serif;
color: #000000;
}
.petitgris
{
font: bold 10px verdana, arial, sans-serif;
color: #999999;
}