/*////////////////
 ///// 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 {
width:746px;
/*margin-top:-80px;*/
}

#blocContenuRecherche{
margin-top:80px;
}

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


.tailleLargeurtTableauDeBord{
padding-top:20px;
width:850px;
}

/*****/

/**** img ****/

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



.contourTableauBord_a{
position:absolute;
background-image:url(../../img/front/cadre_tableau_de_bord_a.gif);
background-repeat:no-repeat;
width:360px;
height:165px;
}

.contourTableauBord_b{
position:absolute;
background-image:url(../../img/front/cadre_tableau_de_bord_b.gif);
background-repeat:no-repeat;
width:360px;
height:165px;
}

.contourTableauBord_c{
position:absolute;
background-image:url(../../img/front/cadre_tableau_de_bord_c.gif);
background-repeat:no-repeat;
width:360px;
height:165px;
}

.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_a{
/*color:#bfae93;*/
color:#3C1F18;
font-size:14px;
font-weight:bold;
cursor: pointer;
width:200px;
height:20px;
overflow:hidden;
}

.titreTableauBord_b{
/*color:#858772;*/
color:#595A4D;
font-size:14px;
font-weight:bold;
cursor: pointer;
width:200px;
height:20px;
overflow:hidden;
}

.titreTableauBord_c{
/*color:#a38e89;*/
color:#7C5F32;
font-size:14px;
font-weight:bold;
cursor: pointer;
width:200px;
height:20px;
overflow:hidden;
}

.dateTableauBord_a {
/*color:#d9c3a7;*/
color:#663429;
font-size:12px;
font-weight:bold;
}

.dateTableauBord_b {
/*color:#b8ba9c;*/
color:#6A6B5C;
font-size:12px;
font-weight:bold;
}

.dateTableauBord_c {
/*color:#bda59f;*/
color:#7C5F32;
font-size:12px;
font-weight:bold;
}

.texteTableauBord_a{
position:absolute;
/*color:#bfae93;*/
color:#3C1F18;
font-size:9px;
left:118px;
top:52px;
width:225px;
height:30px;
overflow:hidden;
}

.texteTableauBord_b{
position:absolute;
color:#595A4D;
font-size:9px;
left:118px;
top:52px;
width:225px;
height:30px;
overflow:hidden;
}
.texteTableauBord_c{
position:absolute;
color:#7C5F32;
font-size:9px;
left:118px;
top:52px;
width:225px;
height:30px;
overflow:hidden;
}

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

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

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

.texteAjoutWidget {
position:absolute;
color:#fea31a;
width:52px;
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:121px;
left:195px;
}

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

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

.rebourTableauBord {
position:absolute;
color:#898c6f;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
left:7px;
}

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

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

#contenuVide{
color:#000000;
text-align:center;
font-size:22px;
font-weight:bold;
}

#tableauDeBordTitre {
margin-top:80px;
}

#tabRecherche {
color:#a62200;
font-size:16px;
font-weight:bold;
margin-top:10px;
}

#tableauWidget {
float:right;
}

.BtnRechercher{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

.membreConnecte{
text-align:justify;  
color:#A62200; 
font-weight:bold;  
width:95%;
margin-left:10px;
}

.membreConnecte label{
	font-size:18px; 
}

.membreConnecte div{
	margin-top:10px;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
}