/*
 violet: #67125D
 mauve: #9D4F93;
 bleu: #8E7F9D
 rose tres pale : #D8BED1;
 beige : #E2C893;
*/

@import url("commun.css");
@import url("form.css");
@import url("gondoleCompte.css");
@import url("gondoleViolette.css");

body
{
	background-image: url(../images/background2.gif);
	background-repeat: repeat-x;
}
/*------------------------------- gondole violette ----------------------*/

div#gondole-violette
{
	background: url(../images/colonne_droite_blanc_mauve_violet.gif) no-repeat;
	width: 300px;
	height: 114px;
	float: right;
}

div#gondole-violette p.entete
{
	color: #67125D;
	padding: 17px 0px 0px 60px;
}
div#gondole-violette div.elements
{
	padding: 0px 0px 0px 60px;
}

div#gondole-violette p.element
{
	background: url(../images/puce_violet.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 12px;
	clear: both;
	font-weight: bold;
	color: white;
}

div#gondole-violette p.element a,
div#gondole-violette p.element a:active,
div#gondole-violette p.element a:visited,
div#gondole-violette p.element a:hover
{
	color: white;
}
div#gondole-violette div#gondole-cave
{
	height: 75px;
}
div#gondole-violette p.message
{
	color: #E2C893;
	font-weight: bold;
}

/*----------------------------- bandeau violet --------------------------*/

div#bande-violette
{
	float: left;
	width: 700px;
	height: 90px;
}

/*-------------------------- bande mauve -------------------------------*/

div#bande-mauve
{
	float: left;
	clear: both;
	width: 684px;
	height: 148px;
	background: url(../images/colonne_gauche_violet_mauve.gif) no-repeat 0px 8px;
}

div#bande-mauve p.entete
{
	color: #D8BED1;
	/*font-size: 100%;*/
	/*font-weight: normal;*/
	padding: 0px 0px 0px 40px;
}

div.metier
{
	float: left;
	width: 200px;
	border-width: 0px 1px 0px 0px;
	border-color: #D8BED1;
	border-style: solid;
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 0px 5px;
}

div.dernier.metier
{
	border-width: 0px 0px 0px 0px;
}


div.metier h1
{
	font-size: 100%;
	font-weight: bold;
	color: #E2C893;
	padding: 5px 0px 5px 0px;
}

div.metier p
{
	color: #D8BED1;
}

div.metier p.en-savoir-plus
{
	background: url(../images/puce_mauve.gif) no-repeat 0px 3px;
	float: right;
}

div.metier p.en-savoir-plus a
{
	padding: 0px 0px 0px 12px;
	color: #D8BED1;
	font-weight: bold;
}

/*--------------------------------- gondole mauve ------------------------*/

div#gondole-mauve
{
	float: left;
	width: 300px;
	background: url(../images/colonne_droite_violet_mauve.gif) no-repeat 0px 8px;
	padding: 30px 0px 0px 0px;
	text-align: center;
}


/*--------------------------------------- corps -----------------------------*/

div#corps
{
	float: left;
	width: 468px;
	color: #67125D;
	padding: 0px 0px 0px 10px;
}

div#corps p.entete
{
	padding: 10px 0px 10px 0px;
	font-size: 160%;
}

div#corps p
{
	padding: 5px 0px 5px 0px;
}

div#corps p a,
div#corps p a:active,
div#corps p a:visited,
div#corps p a:hover
{
	color: #8E7F9D;
}


/*-------------------------------- bas gondole --------------------*/

div#bas-gondole
{
	float: right;
	width: 300px;
	height: 30px;
	background: url(../images/colonne_droite_rose_blanc.gif) no-repeat;
}

div#convivialite
{
	float: left;
	width: 200px;
	padding: 40px 10px 0px 10px;
}


div#actualite
{
	float: left;
	width: 300px;
}

div#pied-page div.entete
{
	display: none;
}