/************************************************************************
 *
 *  Caliber
 *  $Id: mobile.css 439 2009-03-18 13:03:33Z tom $
 *  © 2008 upstruct berlin oslo
 *
 ***************************************************************************/
 
/*
////////////////////////////////////////////////////////////
//
//  Globals
//
////////////////////////////////////////////////////////////
*/
body{
	margin: 0;
	-webkit-text-size-adjust:none;
	font-family: Helvetica;
	font-size: 12px;
	background-color: #4FA6F3;
	background-image: url(../images/fond.jpg);
	background-attachment:fixed;
	background-repeat:repeat-y;
	
}

.unnamed2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.unnamed3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#frame{
	width: 100%;
	min-height: 440px;
	overflow: hidden;
	z-index:1;
	background: url(../images/bg-navbar.png) repeat-x;
	
}
/*
///////////////////////////////////////////////////////////////////////////////////
//
//  TYPO
//
///////////////////////////////////////////////////////////////////////////////////
*/
p, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0px;
}

p{ line-height: 17px; 
	font-size: 14px;
	margin:10px;
}
h1,h2,h3,h4,h5,h6{ }
h1, h2, h3{ color: #FFFFFF; }
h1,h4{ font-size: 20px; text-shadow:#000000 1px 1px 1px; }
h2,h5{ font-size: 17px; text-shadow:#6699CC 1px 1px 1px; }
h3,h6{ font-size: 13px; }


a:link,a:hover{ color: #FF0000; }
a:visited{ color: #FF0000; }


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Navigation bar
//
///////////////////////////////////////////////////////////////////////////////////
*/
#navbar{
	height: 70px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	
	z-index:2;
}

#navbar1{
	height:70px;
	margin-bottom: 0px;
	width: 100%;
	overflow: hidden;
	background: url(../images/bg-navbarbas.png) repeat-x;
		z-index:2;
}

#navbar .blackLeft{ float: left; left: 6px; }
#navbar1 .blackLeft{ float: left; left: 6px; }
#navbar .blackRight{ float: right; right: 6px; }
#navbar .black{ float: right; right: 6px; }
#navbar .blackLeft, #navbar1 .blackLeft, #navbar .blackRight,#navbar .black{ position: relative; top: 4px; }
#navbar .buttons{ position: relative; top: -34px; }

#navbar h1{
	text-align: center;
	padding: 11px 0px 0px;
	font-size: 17px;
	text-shadow: #000000 1px 1px 1px;
	margin: 0px;
}

#navbar a{ color: white; }
#navbar1 a{ color: white; }

#logo {
 position:absolute; top:18px; left:10px; 
	z-index:1;
	
}
#logo1 {
 position:absolute; top:45px; left:0px; 
	z-index:1;
	
}

#menu{
	background: url(../images/overlay-background-90-trans.png);
	position: absolute;
	width:100%;
	z-index:900;
}

#menu a{
	color:white;
	font-weight: bold;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  CONTENT
//
///////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  STACKS
//
///////////////////////////////////////////////////////////////////////////////////
*/
#stacks{ width: 1000px; }

.portrait{ width: 320px; }
.landscape{ width: 480px; }
.portrait .box-rr img, .portrait .box-rr object{ width: 277px; }
.landscape .box-rr img, .landscape .box-rr object{ width: 437px; }
.portrait .box-photo img, .portrait .box-photo object{ width: 277px; }
.landscape .box-photo img, .landscape .box-photo object{ width: 437px; }
.portrait .img-k img, .portrait .img-k object{ width: 277px; }
.landscape .img-k img, .landscape .img-k object{ width: 437px; }

.landscape,.portrait{
	float: left;
}
.box p{
	text-align:center !important;}
.box p a{
	color:#000000 !important;}

.stack .box-rr{
	background-color: white;
	-webkit-border-radius: 8px;
	border: solid 1px rgb(217,217,217);
	padding: 10px;
	margin: 0px 10px 17px 10px;
}

.box-rr a {
color: #FF0000;
}

.img-k img {
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border: solid 1px rgb(250,250,250);
	text-align:center;
	margin-bottom:10px;
}
.img-k {
	color:#FFFFFF !important;}

.box-rm img {
	background-color: white;
	-webkit-border-radius: 8px;
	border: solid 1px rgb(217,217,217);
	padding: 10px;
	margin: 0px 10px 17px 10px;
	text-align: center;
}



.box-photo {
	/*background-color: white;
	-webkit-border-radius: 8px;
	border: solid 1px rgb(217,217,217);
	padding: 10px;
	margin: 0px 10px 17px 10px;
	text-align: center;*/
}

.stack .box-rr p,.stack .box-rr h1,.stack .box-rr h2,.stack .box-rr h3,.stack .box-rr h4,.stack .box-rr h5,.stack .box-rr h6{
	padding: 0px;
}

.stack .box{
	margin: 0px 20px 17px 20px;
}

del,.strike{
	color: silver;
	text-decoration: line-through;
}

ins,.emphasis{
	font-style: italic;
	text-decoration: none;
}


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  LIST Rounded Rectangle
//
///////////////////////////////////////////////////////////////////////////////////
*/
.list-title{ margin: 0 0 10px 10px; }
.list-title h1{
	font-size:20px !important;
	text-shadow: black 1px 1px 1px  !important;	
}

ul.list-rr {
	padding: 0;
	margin:0 10px 17px 10px;
	font-size: 15px;
	font-weight: normal;
	background-color: white;
	border: solid 1px rgb(217,217,217);
	-webkit-border-radius: 8px;
}

.list-rr li {
	list-style-type: none;	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding: 10px 10px 14px 10px;
}


.list-rr li:first-child { border-top:0; }

.list-rr a {
	display: block;
	padding: 8px 8px 12px 8px;
	margin: -8px -8px -12px -8px;	
	text-decoration: none;
	color:black;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  LIST Edge to edge
//
///////////////////////////////////////////////////////////////////////////////////
*/
ul.list-ee {
	font-size:17px;
	margin: 0;
	padding: 0;
}

.list-ee li{
	list-style-type: none;
	
	border-top-width:1px;                    /*	 Add a line at the top of every cell */
	border-top-color:rgb(217,217,217);
	border-top-style:solid;
	
	padding-top:10px;
	padding-right:10px;
	padding-bottom:14px;
	padding-left:10px;
	
	height:19px;       /* The total cell height includes the padding-top, padding-bottom, border and height values: 10+14+1+19=44 pixels */
	line-height:19px;  /* Ensure that the height of the cell includes the line at the top of the cell  */
}


.list-ee li:first-child{
	border-top:0;   /* Remove the line above the first item of the list */
}


.list-ee a {	
	display: block;  /* Set the href to be a block rather than inline */
	
	/* The padding properties adjust the text content within the href block */
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	
	/* The margin properties adjust the size of the href block */
	margin-top: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	margin-left: -8px;	  
	
	text-decoration: none;
	color: black;
}

.showArrow { background: url(../images/chevron.png) no-repeat right; }
.showLoading { background: url(../images/loading.gif) no-repeat right; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  BUTTONS
//
///////////////////////////////////////////////////////////////////////////////////
*/
.button	{	
	display: block;		    
	line-height: 30px;	 
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-align: center;
	z-index:901;
}

.black{
	margin: 10px auto 0 0;
	text-shadow: black 1px 1px 1px;	 
	border-width: 0px 5px 0px 5px;
	-webkit-border-image: url(../images/button.png) 0 5 0 5;			
}

.blackLeft {
	margin: 10px auto 0 0;
	text-shadow: black 1px 1px 1px;	 
	border-width: 0px 5px 0px 12px;
	-webkit-border-image: url(../images/leftbutton.png) 0 5 0 12;		
}

.blackRight {
	margin: 10px auto 0 0;
	text-shadow: black 1px 1px 1px;
	border-width: 0px 12px 0px 5px;
	-webkit-border-image: url(../images/rightbutton.png) 0 12 0 5;
}