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


#blocChronokifAlaUne {
  position:relative;
  width:746px;
  height:400px;
  background-color:#6e0600;
  z-index:0;
  margin-top:45px;
  float:left;
  margin-bottom:20px;
}

#blocChronokifAlaUne .content {
  float:left;
  width: 530px;
  height: inherit;
}

#blocChronokifAlaUne .ckNext, #blocChronokifAlaUne .ckPrev {
  float: left;
  width: 108px;
  height: inherit;
}

#blocChronokifAlaUne .ckPrev img {
  margin-top: 140px;
  margin-left: 40px;
  cursor: pointer;
}

#blocChronokifAlaUne .ckNext img {
  margin-top: 140px;
  margin-right: 40px;
  float: right;
  cursor: pointer;
}

#blocChronokifAlaUne .chronokif {
  color:#FFFFFF;
  float:left;
  height:100%;
  width: 100%;
  position:relative;
}

#blocChronokifAlaUne .chronokif.hidden {
  display: none;
}

#blocChronokifAlaUne .chronokif .titre {
  float:left;
  width:100%;
  margin-top: 5px;
}

#blocChronokifAlaUne .chronokif h1 {
  font-size: 20px;
  margin:0px;
  float:left;
  color: #FFFFFF;
}

#blocChronokifAlaUne .chronokif .rebourSWF {
  float: right;
  position:static !important;
  top: 0px;
  left: 0px;
}

#blocChronokifAlaUne .chronokif .gagne {
  float:left;
  width:100%;
  font-size: 11px;
  text-align: justify;
  margin-top: 5px;
}

#blocChronokifAlaUne .chronokif .gagne img {
  float: left;
  margin-right: 5px;
}

#blocChronokifAlaUne .chronokif .pinWhite {
  background-color:#FFFFFF;
  bottom:10px;
  color:#6E0600;
  float:left;
  font-size:11px;
  font-weight:bold;
  padding:5px;
  position:absolute;
}

#blocChronokifAlaUne .chronokif .pinWhite.nbCkifeurs {
  left:0;
}

#blocChronokifAlaUne .chronokif .pinWhite.distance {
  right:0;
  background: none;
  color: #FFFFFF;
}

#cadreMenuChronokifMoi{
width:230px;
height:281px;
position:absolute;
top:0;
right:0;
}

.cadreRebourAvantKif {
position:absolute;
background-color:#a62200;
width:55px;
height:55px;
top:40px;
left:445px;
}

.cadreChronokifMoi {
position:absolute;
background-image:url(../../img/front/blocChronokifMoi.png);
background-repeat:no-repeat;
width:119px;
height:37px;
top:194px;
left:10px;
}

.logoCK {
position:absolute;
top:5px;
left:5px;
}

#cadreNbChronokifeurs {
position:absolute;
top:210px;
left:278px;
background-color:#a62200;
filter:alpha(Opacity=50);
opacity: 0.50;
width:252px;
height:21px;
}

.ligneFinCk {
position:absolute;
width:530px;
height:1px;
background-color:#a62200;
filter:alpha(Opacity=50);
opacity: 0.50;
top:236px;
}

.cadreDateFinCK {
position:absolute;
top:238px;
width:530px;
height:43px;
background-color:#a62200;
filter:alpha(Opacity=50); 
opacity: 0.50;
}

#blocChronokifAVenir {
width:746px;
display:table;
float:left;
}

.chronokifsAVenir{
	background-image:url(../../img/front/fond_ck_a_venir.gif);
	background-repeat:no-repeat;
	width:208px;
	height:23px;
	overflow:hidden;	
}

.chronokifsAvenirRebour{
	background-image:url(../../img/front/ck_a_venir_rebour.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:33px;
	height:23px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", "Times New Roman", Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding-right:5px;
	overflow:hidden;
}

#blocTabChronokifsAVenir
{
	height:125px;
	background-color:#a62200;
	float: right;
}

#tabChronokifsAVenir 
{
	margin-top:8px;
	width:490px;
	margin-left:4px;
}

#blocTabChronokifeursDuMois
{
	background-color:#a62200;
	height:153px;
	float: left;
}

#tabChronokifeursDuMois
{
	float:left;
}

#tabChronokifeursDuMois .scrollable img
{
	border: 1px solid #FFFFFF;
}

.expaceAVenir{
width:4px;
}

.espaceHauteurAVenir{
height:4px;
}

#blocChronokifeurs, #blocPartenaires {
	width:746px;
	margin-top:20px;
	float:left;
}

.blocRebourChronokifeurs {
	position:absolute;
	background-image:url(../../img/front/img_rebour.png);
	background-repeat:no-repeat;
	background-position:top;
	width:88px;
	height:91px;
	left:16px;
	top:16px;
	z-index:99;
}

#menuChronokifeursPublics {
	width:746px;
	height:30px;
	background-image:url(../../img/front/les_chronokifeurs_publics.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#menuPartenaires {
	width:746px;
	height:30px;
	background-image:url(../../img/front/partenaires-chronokifants.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.optionTypoListe_0 {
	background-color:#a62200;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.optionTypoListe_1 {
	background-color:#ce8572;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.optionTypoListe_2 {
	/*background-color:#FFCC99;*/
	background-color:#f6e8e5;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}

.optionTypoListe_3 {
	/*background-color:#FFFFCC;*/
	font-size:10px;
	font-style:oblique;
	font-weight:normal;
}

#etiquette_inscription{
	height:27px;
	left:530px;
	position:absolute;
	top:80px;
	width:100px;
}


.scrollable {
	position:relative;
	overflow:hidden;
	width:100%;
	height:266px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
}

.scrollable .items div.itemsWrapper {
	float:left;
	width:720px;
}

.scrollableNav { cursor:pointer; float:left; }
.scrollableNav img { float:left; }
.scrollableNav.btNext img { margin-left:2px; }
.scrollableNav span { color:#A62200; font-size:12px; float:left;}

.scrollableNav.btPrev {  margin-left: 578px; margin-right: 20px;  }

.chronokifeursLeft {
	width: 180px;
	height: 92px;
	margin-left: 115px;
	margin-top: 15px;
	float: left;
}

.chronokifeursRight {
	float: left;
	height: 92px;
	width: 50px;
	margin-top: 15px;
}

.chronokifeursRight img { 
	float: right; 
	margin-top:5px;
	margin-right:5px;
	border:1px solid #FFFFFF;
}

#tabPartenaires .scrollable {
	height:130px;
}

.partenaireItem {
	position:relative;
	float:left;
	margin-right:50px;
	margin-top:5px;
}

.geolocalisation_icone {
  position: absolute;
  right: 83px;
  bottom: 0px;  
}