/*////////////////
 ///// 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*/

#tabMeschronokifs {
background-color:#a62200;
width:746px;
margin-top:0px;
}

.tailleLargeurMeschronokifs{
width:736px;
background-image:url(../../img/front/img_mes_chronokifs.gif);
background-position:top right;
background-repeat:no-repeat
}

#blocDescription {
width:726px;
margin-top:110px;
margin-left:20px;
}

.nomChronokifeur {
color:#FFFFFF;
font-size:36px;
font-weight:bold;
}

#cadrePhoto {
margin-left:4px;
position:relative;
width:90px;
height:117px;
border: solid 4px #750900;
background-position:center;
background-repeat:no-repeat;
background-color:#750900;
}

#imgPhotoProfil {
position:absolute;
border: solid 4px #750900;
}

/*
#contourCadrePhoto {
position:absolute;
background-image:url(../../img/front/connecte_contour_photo.gif);
background-repeat:no-repeat;
width:90px;
height:117px;
}*/

#blocCivilite {
margin-left:110px;
margin-top:-100px;
font-size:12px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

.espaceCivilite {
padding-left:80px;
}

.typeCivilite {
font-weight:bold;
}

#textePresentation {
width:600px;
text-align:justify;
font-style:italic;
margin-top:20px;
line-height:20px;
}

#titreMeschronokifs {
position:relative;
background-image:url(../../img/front/fond_titre_mes_chronokifs.gif);
background-repeat:no-repeat;
width:746px;
height:85px;
margin-left:-20px;
margin-top:95px;
}

#listeSouvenirs {
float:right;
margin-top:-30px;
margin-right:10px;
}


#imgTitreMeschronokifs {
margin-top:20px;
margin-left:20px;
}

#blocContenuMeschronokifs {
margin-top:10px;
}

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

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

.imgMeschronokifs {
position:absolute;
width:90px;
height:90px;
left:16px;
top:17px;
}

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

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

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

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

.date {
color:#3C1D14;
font-size:12px;
font-weight:bold;
}

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

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

.cadreAjoutWidget {
position:absolute;
background-image:url(../../img/front/cadre_ajout_widget.gif);
background-repeat:no-repeat;
width:88px;
height:31px;
left:16px;
top:115px;
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:115px;
display:block;
}

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

.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;
}

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

.rebourSWF {
position:absolute;
top:114px;
left:114px;
}

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

#bloctexteRebourHeure{
position:absolute;
top:119px;
left:195px;
}

#bloctexteRebourMinute{
position:absolute;
top:119px;
left:244px;
}

#bloctexteRebourSeconde {
position:absolute;
top:119px;
left:295px;
}

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

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

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

/*#texteMeschronokifs a:link{color:#8c1c00;}
#texteMeschronokifs a:visited{color:#8c1c00; }
#texteMeschronokifs a:hover{color:#8c1c00; text-decoration:underline; }

#nbChronokifeurs a:link{color:#8c1c00; }
#nbChronokifeurs a:visited{color:#8c1c00; }
#nbChronokifeurs a:hover{color:#8c1c00; text-decoration:underline; }*/