@charset "iso-8859-1";

/*******************************************************************************
*  bgImages.css : 2004-08-12 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  this demonstration stylesheet is used to show how to apply background images
*  to elements within the layout. This includes switching from borders to 
*  background images for the side columns. This requires some additional 
*  values to be altered besides the background family of properties.
*******************************************************************************/

#outerColumnContainer
{
	border-left-width: 0;
	border-right-width: 0;
	padding-left: 150px;
	margin-right: 144px;
	background-repeat: no-repeat;
	background-position: 0 0;
	/*background-image: url(../img/gabari/FontMenuGaucheHaut.jpg);*/
}
#pageWrapper
{
	/*background-image: url(../img/fond/FondDroit.jpg);*/
	background-repeat: repeat-y;
	background-position: 100% 0;
}

/*
.hnav, .hnav ul li a
{
	background-image: url("../images/tile15.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
.hnav ul li a:hover
{
	background-image: url("../images/tile09.jpg");
}
*/
#footer
{
	/* background-image: url(../img/gabari/FontFooter.jpg);*/
	background-repeat: repeat;
	background-position: 100% 0;
}
#contentColumn
{
	background-color: #fff;
	/*background-image: url(../img/fond/FontCentre.jpg);
	background-repeat: repeat-y;
	background-position: left top;	*/
	background-color: transparent;	/* need to reset the background color of the content column because we set itin v4.css */
}
#innerColumnContainer
{
	/*background-image: url(../img/fond/FondSousRub.jpg);*/
	background-repeat: repeat;
	background-position: 100% 0;
}
body
{
	/*
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(/v3.5/img/gabv35/header-fond1.jpg);
	*/
}

#MenuDroit {
	
	width: 144px;
	/*background-image: url(../img/fond/ConteneurDDeco.jpg);
	background-repeat: no-repeat;*/
	height: 500px;
	/*background-position: right -1px;*/
}


.vnav ul li a
{
	background-image: url(../img/fond/menud11.jpg);
	background-repeat: repeat;
	background-position: 100% 0;
}
.vnav ul li a:hover
{
	background-image: url(../img/fond/menud12.jpg);
	background-repeat: repeat;
	background-position: 100% 0;
}

/*************MENU VERT***************************************************/
.vnavvert ul li a
{
	background-image: url(../img/fond/menud11.jpg);
	background-repeat: repeat;
	background-position: 100% 0;
}
.vnavvert ul li a:hover
{
	background-image: url(../img/fond/menud12.jpg);
	background-repeat: repeat;
	background-position: 100% 0;
}



/*************MENU ROSE***************************************************/
.vnavrose ul li a
{
	background-image: url(../img/fond/MenuRoseC.jpg);
	background-repeat: repeat;
	background-position: 100% 0;
}
.vnavrose ul li a:hover
{
	background-image: url(../img/fond/MenuRoseF.jpg);
	background-repeat: repeat;
	background-position: 100% 0;
}
/*************MENU LIENS***************************************************/
.vnavliens ul li a
{
	background-image: url(../img/fond/liens1.jpg);
	background-repeat: repeat;
	background-position: left 0;
}
.vnavliens ul li a:hover
{
	background-image: url(../img/fond/liens2.jpg);
	background-repeat: repeat;

}


/********** MENU Rubrique*************************************************/
.vnavSousMenu ul li a
{
	background-color: #f7f4cf;
}
.vnavSousMenu ul li a:hover
{
	background-color: #f0e9a2;
}
/*************MENU vnavcontact***************************************************/
.vnavcontact ul li a
{
	background-image: url(../img/fond/liens1.jpg);
	background-repeat: repeat;
	background-position: left 0;
}
.vnavcontact ul li a:hover
{
	background-image: url(../img/fond/liens2.jpg);
	background-repeat: repeat;

}
/***************************CADRE*****************************/

#cadre {
	width: 17em;
	text-indent: 5px;
	float: right;
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 0px;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(../img/cadre/hautgauche_e0f3b0.gif);
}
#hautdroit {
float: right;
background: url(../img/cadre/hautdroit_e0f3b0.gif);
}
#basgauche {
background: url(../img/cadre/basgauche_e0f3b0.gif);
}
#basdroit {
float: right;
background: url(../img/cadre/basdroit_e0f3b0.gif);
}
#contenu p {
	color: black;
	margin: 0.2em;
	position: relative;
}
#cadre1 {
	width: 16em;
	text-indent: 5px;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
}
#cadrecentre {
	width: 18em;
	text-indent: 5px;
	float: none;
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
}