/*
 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/background3.gif);
	background-repeat: repeat-x;
}
div#gondole-violette
{
	background: url(../images/gondole_bleu_violet_blanc.gif) no-repeat;
	width: 300px;
	height: 100px;
	float: right;
}

div#corps
{
	float: left;
	width: 600px;
	color: #67125D;
	padding: 0px 0px 0px 88px;
        margin-top: 30px;
}
div#corps p a,
div#corps p a:active,
div#corps p a:visited,
div#corps p a:hover
{
	color: #8E7F9D;
}
div#corps p
{
	padding: 0px 0px 5px 0px;
}
div#corps p.entete
{
	padding: 10px 0px 10px 0px;
	font-size: 160%;
}

p.chapeau
{
    font-weight: bold;
    font-size: 120%;
}

div.photo
{
    float: left;
    padding-right: 7px;
}

p.titre
{
    font-weight: bold;
}
form
{
        padding: 0px 0px 50px 0px;
        width: 550px;
}
div.bloc
{
        clear: both;
        width: 550px;
        border: solid 1px #67125D;
        margin: 2px 0px 2px 0px;
        float: left;
}
div.bloc div.entete
{
        float: left;
        width: 548px;
        background-color: #67125D;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        border: solid 1px;
}
div.bloc div.entete p
{
        color: white;
        font-weight: bold;
        margin: 0px 0px 0px 5px;
        float: left;
        width: 180px;
}

div.bloc div.entete p.resume
{
        font-size:85%;
        font-weight: normal;
        width: 325px;
}
div.bloc div.entete p.commandes
{
        width: 13px;
        height: 13px;
}
div.bloc div.entete p.titre
{
        width: 550px;
}
div.bloc div.entete p.commandes a
{
        display: block;
}

div.bloc div.entete p.commandes a.ferme
{
        background: url(../images/expand.jpg) no-repeat 0px 3px;
}
div.bloc div.entete p.commandes a.ouvert
{
        background: url(../images/collapse.jpg) no-repeat 0px 3px;
}
div.bloc div.detail
{
        clear: both;
        padding-top: 2px;
        float: left;
}
p.question
{
    font-weight: bold;
}

p.reponse
{
    margin-left: 20px;
}

table.ct th
{
        text-align: center;
}

table.ct th p.info
{
        font-size: 90%;
        font-weight: normal;
}

table.ct td span.info
{
        font-size: 90%;
        font-style: italic;
}

a.pdf
{
        background: url(../images/pdf.gif) no-repeat;
        padding-left: 25px;
}