/*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/

/* Couleur Rouge bordeaux: #a62200 */
/* Couleur Rouge bordeaux pour rebourItem: #a52200 */
/* Couleur jaune: #fea31a*/
/* Couleur date bloc chronokifeurs: #7f4b00*/
/* Couleur gris texte chrono10: #7a7a7a*/

#blocTableauDeBord {
position:relative;
width:746px;
}

#blocTableauDeBordTitreEtImg {
/*position:relative;*/
}

#blocContenuTableauDeBord {
/*margin-top:170px;*/
}

/*** tab **/
#tabTableauDeBord{
position:relative;
width:746px;
margin-top:10px;
}

.tailleLargeurtTableauDeBord{
width:860px;
}

/*****/

/**** img ****/

.blocContourTableauBord {
position:relative;
width:360px;
height:165px;
float:left;
margin-left:0px;
margin-top:5px;
top:0px;
left:0px;
}

.contourTableauBord{
position:absolute;
background-image:url(../../img/front/cadre_tableau_de_bord.gif);
background-repeat:no-repeat;
width:360px;
height:165px;
top:0px;
left:0px;
}



.imgRebourTableauBord {
position:absolute;
background-image:url(../../img/front/img_rebour.png);
background-repeat:no-repeat;
background-position:top;
width:90px;
height:90px;
left:15px;
top:16px;
z-index:99;
cursor: pointer;
}

.cadreAjoutWidget {
position:absolute;
background-image:url(../../img/front/cadre_ajout_widget.gif);
background-repeat:no-repeat;
width:88px;
height:31px;
left:16px;
top:114px;
display:block;
}

.ajoutWidgetLogo {
position:absolute;
background-image:url(../../img/front/ajout_widget_logo.gif);
width:26px;
height:27px;
left:2px;
top:2px;
}

.cadreSupprimeWidget {
position:absolute;
background-image:url(../../img/front/cadre_supprime_widget.gif);
background-repeat:no-repeat;
width:88px;
height:31px;
left:16px;
top:114px;
display:block;
}

.supprimeWidgetLogo {
position:absolute;
background-image:url(../../img/front/supprime_widget_logo.gif);
width:26px;
height:27px;
left:2px;
top:2px;
}


/*****/

/***** typos *****/
.texteRebourChronokifeurs, .texteRebourTableauBord {
position:absolute;
color:#FFFFFF;
font-size:19px;
top:8px;
left:36px;

}

.titreDateTableauBord {
position:absolute;
left:118px;
top:18px;
}

.titreTableauBord{
width:200px;
height:20px;
overflow:hidden;
color:#626355;
font-size:14px;
font-weight:bold;
cursor: pointer;
}

.dateTableauBord {
color:#858773;
font-size:12px;
font-weight:bold;
}

.texteTableauBord{
position:absolute;
color:#939865;
font-size:9px;
left:118px;
top:52px;
width:225px;
height:30px;
overflow:hidden;
}


.nbChronokifeursTableauBord {
position:absolute;
color:#939865;
font-size:9px;
font-style:italic;
left:118px;
top:90px;
}

.comCk {
	position:absolute;
	color:#626355;
	font-size:11px;
	font-style:italic;
	font-weight: bold;
	left:273px;
	top:90px;
}

.comCk a:link{color:#626355;text-decoration:none;}
.comCk a:active{color:#626355;text-decoration:none;}
.comCk a:visited{color:#626355;text-decoration:none;}
.comCk a:hover{color:#626355; text-decoration:underline;}


.texteAjoutWidget {
position:absolute;
color:#fea31a;
width:60px;
height:25px;
font-family:verdana;
font-size:9px;
font-weight:bold;
left:32px;
top:2px;
}

.texteSupprimeWidget {
position:absolute;
color:#a62200;
width:52px;
height:25px;
font-family:verdana;
font-size:9px;
font-weight:bold;
left:32px;
top:2px;
}

.texteActiviteCKTableauBord {
position:absolute;
color:#FFFFFF;
font-family:verdana;
font-size:11px;
font-weight:bold;
top:125px;
left:123px;
}

.bloctexteRebourHeureTableauBord {
position:absolute;
top:118px;
left:195px;
}

.bloctexteRebourMinuteTableauBord {
position:absolute;
top:118px;
left:244px;
}

.bloctexteRebourSecondeTableauBord {
position:absolute;
top:118px;
left:295px;
}

.texteRebour{
position:absolute;
color:#898c6f;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
width:46px;
text-align:center;
}

.rebourChiffreHeureTableauBord, .rebourChiffreMinutesTableauBord, .rebourChiffreSecondesTableauBord {
position:absolute;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
top:8px;
width:46px;
text-align:center;
}





/*#texteTableauBord a:link{ color:#939865;}
#texteTableauBord a:visited{color:#939865; }
#texteTableauBord a:hover{color:#939865; text-decoration:underline; }

#nbChronokifeursTableauBord a:link{color:#939865; }
#nbChronokifeursTableauBord a:visited{color:#939865; }
#nbChronokifeursTableauBord a:hover{color:#939865; text-decoration:underline; }*/

/******/

#tableauDeBordListe{
/*position:absolute;
top:105px;
left:395px;*/
margin-top:10px;
float:left;
margin-right:20px;
}

.tabDeBordCateListe{
/*position:absolute;
top:152px;
left:395px;*/
margin-top:10px;
margin-bottom:25px;
float:left;
}

#tableauDeBordTitre {
/*position:absolute;
top:100px;*/
margin-top:80px;
}
.tableauDeBordTitre {
/*position:absolute;
top:100px;*/
}

#tableauWidget {
float:right;
}