/************************************************************************
							KAPPUCCINO CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File 		kappuccino.css
	Model		mk1
	Date		2005-09-28
************************************************************************/

/***************
SCROLL *********************************************************
************************************************************************/


	
	
/************************************************************************
************************************************************************/


.pikachoose{width:640px;margin:0 auto 0px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{
	width:640px;
	margin:0;
	overflow:hidden;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:0;
}
.pikachoose ul li{float: left;;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:640px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;padding:0px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../image/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../image/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../image/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:0px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:0px;left:0px;height:480px;width:300px;background:url('../image/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:0px;right:0px;height:480px;width:300px;background:url('../image/fastf.png') top right no-repeat;}


li {
	list-style: url(none) none inside;
}









h3{
	padding: 0px 10px 0 10px;
	color:#000000;
	font-weight: bold;
	font-family: ‘Metrophobic’, Arial, serif;
	font-weight: 400;
	font-size: 14pt;
	font-style: normal;
	text-align: left;
	background-color: #999999;
}
			
			.boxgrid{ 
				width: 192px; 
				height: 192px; 
				margin:0px; 
				float:left; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 20px; 
					
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 200;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 120;
 					left: 0;
 				}
				
			h3 a{}













/************************************************************************
STRUCTURE 
************************************************************************/

body{
	background-color: #000000;

}





#header{
	margin:0px;
	padding:0px;
	width:960px;
}


#container{
	width:960px;
	margin:0px auto;
	padding:0px;
	background-color: #006699;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
}


#footer{
	clear:both;
	width:960px;
	height:74px;
	margin:0px;
	text-align:center;
	padding:0px 0px 0px 0px;
    background-color: #ffffff;
}

	a:link{
	color: #66CCFF;
	text-decoration: none;
	}
	a:visited{
	color: #66CCFF;
	text-decoration: none;
	}
	a:hover{
	color: #66CCFF;
	text-decoration: underline;
	}
	a:active, 
	a:focus {
	color: #66CCFF;
	text-decoration: none;
	}

.clearing{
	height: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: .1em;
}

h1 {
	color: #FF6600;
	text-align: left;
	font: 600 20px ‘Metrophobic’, Arial, serif;

}
h2 {
	font-family: ‘Metrophobic’, Arial, serif;
	font-weight: 600;
	color: #ffffff;
}


form{
	margin:0px;
	padding:0px;

}
form label{
	display:inline;
	float:left;
	width:160px;
	margin:5px 2px 5px 10px;
	color: #000000;
	background-color: #FFFFFF;
	}

input {
	color: #000000;
	background-color: #FFFFFF;
	margin: 2px;
}

.optimizer,
.iso88591{
	font-size: 11px;
	color: #333333;
	text-align: center;
	padding-top: 15px;
}

.FC *{ text-align:center;}
.FL *{ text-align:left;}
.FR *{ text-align:right;}


/************************************************************************
COLONNE DE HAUT (COLTOP) 
************************************************************************/


#colTop{
	float:left;
	width:960px;
	clear: none;
	padding-left: 0px;
		color:#000000;	
}


/************************************************************************
COLONNE DE GAUCHE (COLLEFT) 
************************************************************************/


#colLeft{
	width:120px;
	float:left;
	padding-left:40px;
	font-size: 11px;
	color:#333333;
	line-height: 24px;
}


/************************************************************************
COLONNE DU CENTRE  (COLCENTER + COLMIDDLE) 
************************************************************************/


#colCenter{
	float:right;
	width:640px;
	clear: none;
	margin-right: 90px;

}
	
	
/************************************************************************
COLONNE DE BAS (COLBOTTOM) 
************************************************************************/

#colBottom{
	float:right;
	width:640px;
	clear: none;
	margin-right: 90px;
	
	
}









/************************************************************************
							KAPPUCCINO CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File 		kblock.css
	Model		mk1
	Date		2005-10-06
	Module		Block
************************************************************************/



/************************************************************************
BLOC DE GAUCHE
************************************************************************/
#blockLeft{
	margin:0px;
	width:120px;
	font-family: Arial, Helvetica, sans-serif;
}


#blockLeft h1{
	font-size:18px;
	color:#000000;
}
#blockLeft h2 {

	}
#blockLeft h3{

}

#blockLeftcontent{

}


/************************************************************************
BLOC DE HAUT (BLOC TOP)
************************************************************************/
#blockTop{
	background-color: #2B6A7B;

}
#blockTop .content{
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
#blockTop img {

}
	
#blockTop h1{

}
#blockTop h2{

}


/************************************************************************
BLOC DE CENTRE (BLOCK CENTER)
************************************************************************/
#blockCenter{
	border-top: thin solid #cccccc;
	padding-top: 22px;
}
#blockCenter .content{	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;


	}
	
#blockCenter h1{

}


/************************************************************************
BLOC DE BAS (BLOCK BOTTOM)
************************************************************************/
#blockBottom{

}
	#blockBottom.content{
		font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;	
	}
	
#blockBottom h1{
	margin-top: 20px;
	border-top: thin solid #cccccc;
	color: #FF6600;		
}
#blockBottom h2{

}

/************************************************************************
							KAPPUCCINO CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File 		knews.css
	Model		mk1
	Date		2005-09-28
	Module		News
************************************************************************/

#newsTemplate{

}

/************************************************************************
NEWS INDEX : Mise en page de la News sur la page index (introduction)
Titre news : H1
Sous Titre : H2
************************************************************************/
#newsTemplate #index{
}

#newsIndexTemplate h1{

}

#newsIndexTemplate h2{

}

/************************************************************************
NEWS DETAIL : Mise en page de la News complete
Titre news : H1
Sous Titre : H2
************************************************************************/
#newsDetailTemplate #detail{

}

#newsDetailTemplate h1{

}

#newsDetailTemplate h2{

}

#newsDetailTemplate img {

}	
		
/************************************************************************
NEWS PRINT VERSION : Mise en page de la News format imprimable
Titre news : H1
Sous Titre : H2
************************************************************************/
#newsTemplate #print{

}

#newsPrintVersion{

}

#newsPrintVersion h1{
	
	/************************************************************************
							KAPPUCCINO CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File 		ksimpletexte.css
	Model		mk1
	Date		2005-09-28
	Module		Simpletexte
************************************************************************/
#simpleTexte{
	padding:0px 8px 8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
	text-align: left;
	border: 0px none;
}

#simpleTexte p{
	text-align:left;
}

#simpleTexte h1{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#simpleTexte h2{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#simpleTexte h3{
	display:block;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	color:#993300;
}

}

#newsPrintVersion h2{

}