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

.error {
	color:#000000;
}

#blocBtActionPArtageCK {
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:5px;
	float:left;
}

#blocBtActionPArtageCK img.title {
	float: left;
}

#actionsBar {
	float:left;
	width:100%;
}

#actionsCK {
	float:right;
	margin-right:10px;
}

#buzzCK {
	display:none;
}

.blocLogosPartenaire {
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	padding-top:5px;
	padding-right:5px;
	/*padding-bottom:5px;
	width:200px;*/
	background-color:#ffffff;
	border:solid 4px #acaf8b;
}


.imgLogosPartenaire {
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}

.liensPartenaires {
	width:100%;
	display:table;
}

#membreCreateur {
	display:block;
}

LABEL {
margin-left:10px;
}

#detailCK{
width:746px;
margin-top:40px;
float:left;
}
#blocTableauDetailCK {
float:right;
}

#blocImgChronokifP{
position:relative;
width:445px;
/*background-repeat:no-repeat;
background-position:center top;
margin-left:1px;*/
}

#contourFiche{
position:absolute;
background-image:url(../../img/front/contour_fiche_mini.gif);
background-repeat:no-repeat;
width:445px;
height:15px;
left:0;
bottom:0;
}

.tailleLargeurtTableauDetailCK{
width:230px;
}

#tabTableauDetailCK{
position:relative;
width:258px;
/*margin-top:10px;*/
height:auto;
margin-top:-40px;
}
.hauteurTableauDetailCK{
height:35px;
}

#blocTableauDetailCKTitreEtImg {
position:relative;
left:5px;
}

#tableauDeBordTitre {
/*position:absolute;
top:170px;*/
}

#tableauWidget {
float:right;
/*margin-right:15px;
margin-top:-30px;*/
margin-right:10px;
}

#tableauNuages{
float:right;
margin-right:15px;
margin-top:40px;
}

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

#imgRebourDetailCK {
position:absolute;
background-image:url(../../img/front/img_rebour.png);
background-repeat:no-repeat;
background-position:top;
width:88px;
height:91px;
left:16px;
top:30px;
z-index:100;
cursor: pointer;
}

.texteRebourDetailCK {
position:absolute;
color:#FFFFFF;
font-size:19px;
top:8px;
left:38px;
}

.blocContourTableauDetailCK {
position:relative;
width:230px;
height:138px;
float:left;
top:10px;
}

.contourTableauDetailCK{
background-image:url(../../img/front/cadre_tableau_detailCK.gif);
/*background-color:#333333;*/
background-repeat:no-repeat;
width:230px;
height:138px;
}

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

.titreTableauDetailCK{
width:200px;
height:16px;
position:absolute;
color:#939865;
font-size:14px;
font-weight:bold;
margin-top:5px;
margin-left:10px;
overflow:hidden;
}

.imgTableauDetailCK{
position:absolute;
top:30px;
left:16px;
}

#bloctexteRebourJourTableauDetailCK {
position:absolute;
top:40px;
left:120px;
width:100px;
}
#bloctexteRebourHeureTableauDetailCK {
position:absolute;
top:70px;
left:120px;
width:100px;
}
#bloctexteRebourSecondeTableauDetailCK {
position:absolute;
top:97px;
left:120px;
width:100px;
}


.rebourTableauDetailCK {
position:absolute;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
left:7px;
width:75px;
float:left;
text-align:left;
}
.rebourTableauDetailCK_jour{
color:#f6fbc5;
font-size:10px;
width:40px;
float:right;
text-align:left;
}



#blocDetailCK{
float:left;
width:468px;
background-color:#FFFFFF;
}

#tabDetailCK{
width:468px;
/*background-color:#d5d9ab;*/
background-color:#bcbf97;
}

.blocDetailCKTexte{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:justify;
float:left;
margin-top:10px;
width:468px;
height:auto;
display:block;

}

.detailCK{
float:left;
width:458px;
}

.detailCKTexte {
float:left;
margin-top:10px;
margin-left:5px;

}

.descriptionCK{
float:left;
margin-left:5px;
margin-top:5px;
text-align:center;
width:460px;
}

.descriptifCK {
	text-align:justify;
	font-weight:normal;
	margin-top:5px;
	margin-left:5px;
	margin-right:10px;
}

.detailCKTexteDroite {
float:right;
margin-left:5px;
margin-top:5px;
}

.blocDetailCKimage{
float:left;
}

#blocContourDetailCK {
position:relative;
width:265px;
height:137px;
float:left;
}

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

.contourDetailCK{
position:absolute;
background-image:url(../../img/front/cadre_detailCK.gif);
background-repeat:no-repeat;
width:265px;
height:137px;
}

#titreDateDetailCK {
position:absolute;
left:20px;
top:18px;
}

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

#dateDetailCK {
color:#858773;
font-size:12px;
font-weight:bold;
margin-top:-2px;
width:230px;
overflow:hidden;
}

#nbDetailCK {
position:absolute;
color:#939865;
font-size:9px;
font-style:italic;
font-weight:lighter;
top:50px;
}

#texteActiviteCKDetailCK {
position:absolute;
color:#b5ba7f;
font-family:verdana;
font-size:10px;
font-weight:bold;
top:50px;
left:170px;
}

#bloctexteRebourJour {
position:relative;
top:92px;
left:104px;
}

.rebourJour {
position:absolute;
color:#d5d9ac;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
left:6px;
}

.rebourMinute {
position:absolute;
color:#d5d9ac;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
left:10px;
}

.rebourJourChiffre {
position:absolute;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
top:10px;
left:3%;
}

.rebourHeureChiffre {
position:absolute;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
top:10px;
left:6%;
}

#bloctexteRebourHeure {
position:relative;
top:92px;
left:152px;
}

#bloctexteRebourSeconde {
position:relative;
top:92px;
left:196px;
}

.rebourSecondeChiffre {
position:absolute;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
top:10px;
left:8%;
}

.blocImgRebour{
position:absolute;
top:93px;
left:30px;
width:55px;
height:24px;
}


#imgKifMignon {
position:absolute;
width:80px;
height:35px;
left:-68px;
top:-10px;
}

#imgKifTotal{
position:absolute;
width:110px;
height:50px;
left:10px;
top:-18px;
}

.coin_g{
background-position:top left; background-repeat:no-repeat; background-image:url(../../img/front/detailCK_footer_gauche.gif); width:6px; height:31px;
}

#tabAjoutAuWidget{
margin-left:5px;
margin-top:10px;
float:left;
}

.couleurFlecheBas{
background-color:#FFFFFF;
height:31px;
}

#tabAjoutAuWidget a{
color:#fea31a;
font-size:18px;
font-weight:bold;
float:right;
margin-right:10px;
}

#tabAjoutAuWidget a:hover{
text-decoration:underline;
}
.couleurFlecheBas img{
float:left;
position:relative;
left:-3px;
}



.coin_d{
background-position:top right; background-repeat:no-repeat; background-image:url(../../img/front/detailCK_footer_droite.jpg); width:17px; height:31px;
}

#commentaireTitre{
/*position:relative;*/
margin-top:15px;
margin-bottom:5px;
}

.blocCommentaires{
position:relative;
width:470px;
display:table;
border-bottom:1px solid #d5d9ac;
}

.blocImage {
float:left;
width:91px;
height:117px;
margin-bottom:10px;
text-align:center;
border:3px solid #d5d9ac;
background-color:#d5d9ac;
background-position:center;
background-repeat:no-repeat;
}

.blocImage img{
border:3px solid #d5d9ac;
background-position:center;
background-color:#006633;
}

.blocImageMesCks {
width:88px;
height:91px;
position:absolute;
top:30px;
left:16px;
text-align:center;
background-position:center;
background-repeat:no-repeat;
}

.boxCommentaires{
width:480px;
/*float:left;
margin-left:20px;*/
}

.boxCommentaires h2{
color:#939865;
font-size:14px;
font-weight:bold;
float:left;
margin:0;
padding:0;
margin-top:5px;
margin-bottom:5px;
}
.boxCommentairesDetails{
float:left;
padding-bottom:10px;
}

.boxCommentairesUser a:link,  .boxCommentairesUser a:visited, .boxCommentairesUser a:active{
color:#a62200;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.boxCommentairesUser a:hover {
text-decoration:none;
}

.boxCommentairesDate{
color:#fea31a;
font-size:11px;
font-style:italic;
margin-left:10px;
font-weight:bold;
}
.boxCommentaires_comm{
float:left;
width:472px;
background-color:#f2f2f2;
color:#8d8d8d;
font-size:11px;
text-align:justify;
display:table;
/*height:55px;*/
}

.centre_comm,.hg_5_comm, .hd_5_comm, .bg_5_comm, .bd_5_comm {
	font-size:1px;
}

.boxCommentaires_comm div{
position:relative;
display:table;
}

#blocTop{
/*position:relative;
width:445px;*/
/*height:270px;
z-index:99;*/
margin-left:5px;
}

#cadreRebourAvantKifDetailCK {
position:absolute;;
background-color:#a62200;
width:55px;
height:55px;
top:40px;
left:380px;
z-index:100;
}



.AjoutComm {
margin-top:6px;
color:#8d8d8d;
font-size:12px;
font-weight:bold;
}

.AjoutComm a{
color:#8d8d8d;
font-size:12px;
font-weight:bold;
}

.AjoutComm a:hover{
text-decoration:underline;
}

#ajoutCommentaire H3 {
color:#fea31a;
font-size:22px;
font-weight:bold;
}

.texteAjoutComm {
color:#8d8d8d;
font-size:16px;
font-weight:bold;
}

.espaceLigneAjoutComm {
height:20px;
}

.espaceAjoutComm{
padding-left:5px;
}

.btnAnnulerAjoutComm {
padding-left:100px;
}

.btnAnnulerAjoutComm a{
color:#8d8d8d;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.btnAnnulerAjoutComm a:hover{
text-decoration:underline;
}

#nbPageCom{
color:#8d8d8d;
font-size:14px;
font-weight:bold;
margin-top:10px;
margin-left:50%;
}

#nbPageCom a:active{
color:#8d8d8d;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#nbPageCom a:link{
color:#8d8d8d;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#nbPageCom a:visited{
color:#8d8d8d;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#nbPageCom a:hover{
text-decoration:underline;
}

.detailCKTexte a{
color:#939C65;
font-size:14px;
font-weight:bold;
}

.detailCKTexte a:hover{
text-decoration:underline;
}

#imgCreateur {
	border: solid 2px #a62200;
	background-color:#a62200;
}

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

/* ///////////////////////// */
/* //////// Slider ///////// */
/* ///////////////////////// */

#cadre_slider{
position:relative;
float:left;
width:456px;
height:135px;
background-image:url(../../img/front/cadre_slider_detailCK.gif);
background-repeat:no-repeat;
}

#cadre_slider .fleche_precedente{
position:absolute;
top:50px;
left:14px;
width:20px;
height:29px;
}
#cadre_slider .fleche_precedente img {
	cursor: pointer;
}

#cadre_slider .fleche_suivante img {
	cursor: pointer;
}

#cadre_slider .fleche_suivante{
position:absolute;
top:50px;
left:422px;
width:20px;
height:29px;
}

.sliderItem {
	float:left;
	width: 90px;
	margin-left: 5px;
	margin-right: 5px;
}

.sliderItem  span{
	font-size:11px;
	color:#814900;
	height:20px;
	width:90px;
}

.cadreImgSlider{
	margin-top:11px;
	width:90px;
	height:90px;
}


/* ///////////////////////// */
/* ///// Mon Calendrier //// */
/* ///////////////////////// */

#blocCalendrier{
position:relative;
float:right;
width:188px;
height:137px;
background-image:url(../../img/front/cadre_calendrier_detailCK.gif);
background-repeat:no-repeat;
/*overflow:hidden;
left:5px;*/
}

#monCalendrier {
	width:156px;
}

#blocCalendrier .titre{
position:absolute;
top:11px;
left:20px;
}
#blocCalendrier .fleches{
position:absolute;
top:15px;
right:15px;
}

#blocCalendrier .fleches img {
	cursor:pointer;
}

#blocCalendrier .date{
font-size:10px;
font-weight:bold;
margin-right:5px;
float:left;
width:60px;
}

#blocCalendrier .categorie{
font-size:10px;
float:left;
width:83px;
line-height:11px;
}

#blocCalendrier .contenuTableau{
/*position:absolute;
width:156px;
height:80px;
top:40px;*/
color:#633c00;

left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
overflow:hidden;
}

.cadrePhotoCommentaire {
margin-left:4px;
position:relative;
width:91px;
height:117px;
margin-top:15px;
border: solid 4px #750900;
background-color:#750900;
background-position:center;
background-repeat:no-repeat;
}

#infoComNonConnecte {
	font-size:15px;
	color:#a62200;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

.contenuTableau .couleur1{
color:#814900;
line-height:9px;
}

.contenuTableau .couleur2{
color:#FF9966;
line-height:9px;
}

.bt_ficheCK{
margin-top:5px;
/*float:left;*/
margin-right:3px;
}


#blocContenuTableauDetailCK a:link{ cursor:pointer; text-decoration:none;}
#blocContenuTableauDetailCK a:vivited{ cursor:pointer; text-decoration:none;}
#blocContenuTableauDetailCK a:hover{ cursor:pointer; text-decoration:none;}

.color_760a00{
color:#760a00;
}

.chronokifType{
width:183px;
height:41px;
background-image:url(../../img/front/ficheChronokif_type_fond.gif);
background-repeat:no-repeat;
color:#a62200;
padding:10px 0 0 0;
text-align:center;
}

.descriptionImg{

}

.imgTypeDate{
	margin-top:5px;
}

.opaciteSupp {
	filter:alpha(Opacity=50); 
	-moz-opacity:0.50;
	-khtml-opacity: 0.50; 
	opacity: 0.50;
	cursor:pointer;
	margin-top:5px;
}

.cadreInfosRebourTitreCk {
	position:absolute;
	left:210px;
	width:52%;
}

/*defaut*/
.cadreInfosRebourTitreCk.position {
	top:20px;
}

/*hg*/
.cadreInfosRebourTitreCk.position1 {
	top:43px;
	left:-21px;
}

/*hd*/
.cadreInfosRebourTitreCk.position2 {
	top:20px;
	left:210px;
}


/*bd*/
.cadreInfosRebourTitreCk.position3 {
	bottom:10px;
	left:210px;
}


/*bg*/
.cadreInfosRebourTitreCk.position4 {
	bottom:10px;
	left:-21px;
}

.cadreInfosRebourTitreCk.position1 #contenuCadreTitreImage, .cadreInfosRebourTitreCk.position4 #contenuCadreTitreImage {
	float:left;
	margin-left:30px;
}


.rebourSWFFiche {
	z-index:99;
	position:absolute;
	/*top:23px;*/
}

#contenuCadreTitreImage {
	/*position:relative;*/
	float:right;
}

#contenuRebour {
	/*position:relative;*/
	width:100%;
	height:30px;
	float:left;
}

#cadreTitreImage {
	/*position:absolute;
	right:0px;*/
	z-index:101;
	font-weight:bold;
	color:#A62200;
	margin-right:4px;
	padding-left:5px;
	padding-right:4px;
	background-color:#FFFFFF;
	border:1px solid;
}

.cadreInfosRebourTitreCk.position1 #cadreTitreImage, .cadreInfosRebourTitreCk.position4 #cadreTitreImage {
	left:31px;
	right:auto;
}

/* ///////////////////// */
/* ///// Popup API //// */
/* /////////////////// */

#apiParams {
	display: table;
}

#apiParams label {
	width: 335px;
	float: left;
	font-weight: normal;
}

#apiParams input, #apiParams select {
	float: left;
}

#apiParams button {
	float: left;
	margin-bottom:15px;
	margin-left:190px;
	margin-top:15px;
}

#apiParams p {
	font-weight:bold;
}

#apiParams a 
{
	float: left;
	margin-left: 5px;
	text-decoration: underline;
	color: #FFFFFF;
}

#apiParams a:hover
{
	text-decoration: none;
}

#apiCode {
	font-size:11px;
	text-align:left;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#A62200;
	display: none;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#apiDemo {
	font-size:11px;
	text-align:center;
	display: none;
	color:#A62200;
	padding: 10px;
}

#jourlettre { width: 12px; }
#fondcouleur, #textecouleur, #textecouleur2 { width: 50px; }

.fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; color:#3b5998; font-size:11px; background-color:#FFFFFF; } 
.fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } 
.tw_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(/img/front/twitter_share.gif) no-repeat top right; color:#33ccff; font-size:11px;background-color:#FFFFFF; } 
.tw_share_button:hover { color:#fff; border-color:#ddffcc; background:#94e4e8 url(/img/front/twitter_share.gif) no-repeat top right; text-decoration:none; } 
.ck_buzz_button { background-color:#FFFFFF; display: -moz-inline-block; display:inline-block; padding:1px 1px 0 5px; height:15px; border:1px solid #d8dfea; color:#A62200; font-size:11px; margin-top: 5px; } 
.ck_buzz_button:hover { color:#fff; border-color:#ddffcc; background:#A62200; text-decoration:none; }