/* ---------------------------------------------
    Edition contenu HTML : Profil & Visualiseur
   --------------------------------------------- */
.profilId
{   
    padding: 3px 0px;
    cursor:pointer;
}
.profilVisualiseur
{
    border:1px solid #AAA;
    width: 650px;
    margin-top:10px;
    padding:4px;
}

#pnlContenuIndex table, .profilVisualiseur table
{
    width:100%;
    border-collapse:collapse;
}


/* ---------------------------------------------
                Balises de mise en forme
   --------------------------------------------- */
#pnlContenuIndex h1, .profilVisualiseur h1{
	color:#000;
	border:1px solid #F2B245;
	background-color:#FBE8C7;
	margin-bottom:15px;
	padding:4px;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
#pnlContenuIndex h2, .profilVisualiseur h2
{
    color:#000;
    border:1px solid #2882D7;
	background-color:#BECFDF;
	padding:4px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	display:block;
}

#pnlContenuIndex h3, .profilVisualiseur h3
{
    color:#000;
    border:1px solid #8DD33A;
	background-color:#E4FBC7;
	padding:2px;
	margin-bottom:5px;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	display:block;
}
#pnlContenuIndex h4, .profilVisualiseur h4
{
    color:#000;
    background-color:#DAC4FD;
    border:solid 1px #7840D5;
	padding:2px;
	margin-bottom:5px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	display:block;
}


.panelTexte
{
    border:1px solid #DDDDDD;
	margin-bottom:10px;
	padding:4px;
	background-color:#FAFAFA;
}



.gras       { font-weight:bold; }
.souligne   { text-decoration:underline; }
.italic     { font-style:italic; }

.orange { color:#F2B245; }
.bleu   { color:#395da7; }
.vert   { color:#8DD33A; }
.violet { color:#7840D5; }
.rouge  { color:#FF0000; }


.legendeArticle{
	font-size:10px;
	color:#888888;
}

/* ---------------------------------------------
            Balises de structure
   --------------------------------------------- */
.col30_h_g, .col30_h_d, .col30_h_c, .col30_c_g, .col30_c_d, .col30_c_c, .col30_b_g, .col30_b_d, .col30_b_c {width:200px;}
.col50_h_g, .col50_h_d, .col50_h_c, .col50_c_g, .col50_c_d, .col50_c_c, .col50_b_g, .col50_b_d, .col50_b_c {width:300px;}
.col70_h_g, .col70_h_d, .col70_h_c, .col70_c_g, .col70_c_d, .col70_c_c, .col70_b_g, .col70_b_d, .col70_b_c {width:400px;}

.col30_h_g, .col30_h_d, .col30_h_c, .col50_h_g, .col50_h_d, .col50_h_c, .col70_h_g, .col70_h_d, .col70_h_c {vertical-align:top;}
.col30_c_g, .col30_c_d, .col30_c_c, .col50_c_g, .col50_c_d, .col50_c_c, .col70_c_g, .col70_c_d, .col70_c_c {vertical-align:middle;}
.col30_b_g, .col30_b_d, .col30_b_c, .col50_b_g, .col50_b_d, .col50_b_c, .col70_b_g, .col70_b_d, .col70_b_c {vertical-align:bottom;}

.col30_h_d, .col30_c_d, .col30_b_d, .col50_h_d, .col50_c_d, .col50_b_d, .col70_h_d, .col70_c_d, .col70_b_d {text-align:right;}
.col30_h_g, .col30_c_g, .col30_b_g, .col70_h_g, .col70_c_g, .col70_b_g, .col50_h_g, .col50_c_g, .col50_b_g {text-align:left;}
.col30_h_c, .col30_c_c, .col30_b_c, .col50_h_c, .col50_c_c, .col50_b_c, .col70_h_c, .col70_b_c, .col70_c_c {text-align:center;}

.panelBandeau
{
    margin-bottom:10px;
    padding:4px;
    text-align:center;
}


/* ---------------------------------------------
            Panel Image
   --------------------------------------------- */
.panelOcta, .panelFinances, .panelProduits, .panelEvenements, .panelClients, .panelAutres, .panelRecompenses {
	border:1px solid #DDDDDD;
	margin-bottom:10px;
	padding:4px;
	padding-left:40px;
	background-color:#FAFAFA;
}

.panelOcta{    background:url('../images/base/bg-octa.gif') #FAFAFA no-repeat 10px 2px; }
.panelFinances{    background:url('../images/base/bg-finances.gif') #FAFAFA no-repeat 10px 2px;}
.panelProduits{    background:url('../images/base/bg-produits.gif') #FAFAFA no-repeat 10px 2px;}
.panelEvenements{    background:url('../images/base/bg-evenements.gif') #FAFAFA no-repeat 10px 2px;}
.panelClients{    background:url('../images/base/bg-clients.gif') #FAFAFA no-repeat 10px 2px;}
.panelAutres{    background:url('../images/base/bg-autres.gif') #FAFAFA no-repeat 10px 2px;}
.panelRecompenses{    background:url('../images/base/bg-recompenses.gif') #FAFAFA no-repeat 10px 2px;}