/*	Desc: *cariocacollection* Screen Style Sheet
	Author: *ch0z*
	Date: *10/2007*
	+ Colours
	- *#dcdcdc* *gris* (*gris=dégradé*)
=== === === === === === === === === === */
/* ------------------------------------------------------------------*/
/* ---------- STRUCTURE <<<-----------------*/
/* ------------------------------------------------------------------*/
html{  
	text-align:center; 
	font-size: 13px;
	color: white;
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
    } 
html>body {
	font-size: 13px;
	}	
body {
	height: 100%;
	/*background-color: #836B59;*/
	}	
	

	
.wrapper  {
	text-align: left;
	font-size: 13px;
	color: white;
	background: #836B59 url(../images/bgBody.jpg) repeat-x top left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
	}
/* ------------------------------------------------------------------*/
/* ------------ COMMON <<<-------------------*/
/* ------------------------------------------------------------------*/
#masthead h1 {
	text-indent: -9999px;
	font-size: 0em;
	}
img {
	border: 0
	}
a {
	}
/*=MASTHEAD
=== === === === === === === === === === */
#masthead {
	width: 845px; height: 640px;
	margin: 0 auto 0 auto;
	}
/*=NAVIGATION
=== === === === === === === === === === */
#navigation {

}
/*=CONTENT
=== === === === === === === === === === */
#content {

}
/*=FOOTER
=== === === === === === === === === === */
#footer, .push {
	height: 4em; /* .push must be the same height as .footer */
	text-align: center;
	background: #836B59;
	}
#footer img{

		}

/*=ALIGN CENTER
=== === === === === === === === === === */
#page {
position: absolute;
left: 50%;
width: 500px;
margin-left: -250px;
margin-top: 30px;
}

#contenu { margin: 1em; }
.typos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align: justify;
}
.titre01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #73B429;
	text-decoration: none;
}
.rubriques {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}
.rubriques:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.indicrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #B59F91;
	text-decoration: none;
}
.titre00 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	/*text-transform: uppercase;*/
	color: #FFFFFF;
	text-decoration: none;
}
.rubriquesenable {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B59F91;
	text-decoration: none;
}
.rubriquesdisable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B59F91;
	text-decoration: none;

}
.horairesplacieux {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFCC00;
	text-decoration: none;
}
.horairesthermale {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #00CCFF;
	text-decoration: none;
}
.horaireschopin {



	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #73B429;
	text-decoration: none;
}
.blackgras {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.titresactu {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}
.liensphoto {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.liensphoto:hover {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFCC;
	text-decoration: none;
}
.horairesfriederich {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*

SlideViewer CSS

preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 2px solid #ff0000;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

/*script calendrier*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}