body {
	background-repeat		: repeat-x;
	height					: 900px;
	width					: 1300px;
	padding					: 0px 0px 0px 0px; 
	margin					: 0px 0px 0px 0px; 
	font-family				: arial, sans-serif; 
	text-align				: left;
	background-color		: #333;
}
.Niveau0 {
	z-index					: 0;
}
.arrondi {
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
	border-radius			: 5px;
}
.commentaires{
	display:				inline-block;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			normal;
	font-style:				italic;
	text-align:				justify;
	overflow: 				auto;
			
	padding:				15px;
	margin-left:			15px;
	margin-right:			15px;
	margin-bottom:			5px;
	vertical-align:			top;
}	
.arrondi{
	border-radius:			4px;
}	
.ombrage1{	
	display:				inline-block;
	vertical-align:			top;
	margin-left:			20px;
	margin-top:				35px;
	padding:				0px;
	width:					50px;
	height:					15px;
}	
.vide{	
	display:				inline-block;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			normal;
	overflow: 				 auto;
			
	padding:				1px;
	padding-top:			15px;
	padding-bottom:			15px;
	margin-left:			2px;
	margin-right:			2px;
	margin-bottom:			5px;
	vertical-align:			top;
	height:					70px;
}

#imgGauche
{
	border					: 3px #A1BAD4 ridge;
}
#imgDroite
{
	border					: 3px #ACC2DA ridge;
}
div#wb_CssMenu1 a, div#wb_CssMenu2 a
{
	box-shadow				: 1px 1px 1px #3E4251;
}
div#wb_txtAdresseSite a {
	color					: #AAAAAA;
	text-decoration			: none;
}
div#wb_txtAdresseSite a:hover {
	color					: #FFFFFF;
	text-decoration			: none;
}
div#wb_Fond {
	display					: inline-block;
	position				: absolute;
	border-radius			: 0px;
	background-color		: #777; 
	color					: #FFFFFF;
	top						: 5px;
	left					: 5px;
	height          		: 804px;
	width           		: 90px;
	border					: 1px solid #5F5F5F;
	box-shadow				: 1px 1px 2px #323232;
	z-index					: 3;
}
.BarreGauche {
	position 				: absolute;
	top						: 0px;
	left					: 0px;
	width					: 100px;
	height					: 750px;
}
.icoLogoFamille img {
	position 				: absolute;
	top						: 120px;
	left					: 10px;
	height					: 140px;
 	width					: 80px;
	border					: 1px solid #555555;
	border-radius			: 4px;
	padding					: 0px;
	background				: url(./images/png/FamilleMiroir.png) no-repeat center;
}
.icoVoyages img {
	position 				: absolute;
	top						: 270px;
	left					: 10px;
	height					: 34px;
 	width					: 34px;
	border					: 1px solid #555555;
	border-radius			: 4px;
	padding					: 20px;
	background				: url(./images/png/Menu-voyages.png) no-repeat center;
}
.icoContact img {
	position 				: absolute;
	top						: 360px;
	left					: 10px;
	height					: 34px;
 	width					: 34px;
	border					: 1px solid #555555;
	border-radius			: 4px;
	padding					: 20px;
	background				: url(./images/png/Menu-contact.png) no-repeat center;
}
.icoToque img {
	position 				: absolute;
	top						: 450px;
	left					: 10px;
	height					: 34px;
 	width					: 34px;
	border					: 1px solid #555555;
	border-radius			: 4px;
	padding					: 20px;
	background				: url(./images/png/Menu-Toque.png) no-repeat center;
}

.meteo {
	visibility				: hidden;
	margin					: 10px;
	text-align				: center;
	border					: 0px solid #9B7E5C;
	box-shadow				: 3px 3px 0px #333333;
	border-radius			: 0px;
}
.tabLoggin {
	width					: 70px;
	text-align				: left;
}
.idTextLoggin {
	color					: #DDBC84;
	position				: absolute;
	padding					: 0px;
	margin					: 0px;
	font-family				: 'Courier New';
	font-size				: 12px;	
	vertical-align			: bottom;
	border					: 0px #C0C0CC solid;
	text-align				: left;	
}
#idIdentifiant table {
	padding					: 0px 0px 0px 10px; 
	margin					: 0px 0px 0px 0px; 
}
#idIdentifiant td.clPhoto {
	color					: #B21016;
/*	position				: absolute;*/
	padding					: 5px 5px 5px 5px;
	margin					: 0px 0px 0px 0px;
	font-family				: 'Courier New';
	font-size				: 12px;	
	vertical-align			: middle;
	border					: 0px #C0C0CC solid;
	text-align				: center;
}

#idIdentifiant td.idTextAcceuil {
	color					: #B21016;
/*	position				: absolute;*/
	padding					: 0px 0px 0px 0px; 
	margin					: 0px 0px 0px 0px;
	font-family				: 'Courier New';
	font-size				: 12px;	
	vertical-align			: middle;
	border					: 0px #C0C0CC solid;
	text-align				: center;
}
#idIdentifiant td.idTextPrenom {
	color					: #B21016;
/*	position				: absolute;*/
	padding					: 0px 0px 0px 0px; 
	margin					: 0px 0px 0px 0px;
	font-family				: 'Courier New';
	font-size				: 12px;	
	vertical-align			: middle;
	border					: 0px #C0C0CC solid;
	text-align				: center;
}
#wb_previousPage {
	left					: 1030px;
}
#wb_previousPage {
}
#previousPage {
	top						: 0px;
	left					: 1030px;
	width					: 90%;
	height					: 90%;
	border					: 0px solid transparent;
	margin					: 0px;
	padding					: 0px;
}
#wb_nextPage {
	position				: absolute;
	vertical-align			: top;
	top						: 5px;
	width					: 48px;
	height					: 48px;
	text-decoration			: none;
	border					: 0px #404040 solid;
	-moz-box-shadow			: 3px 3px 10px #212121;
	-webkit-box-shadow		: 3px 3px 10px #212121;
	box-shadow				: 0px 0px 0px #333;
	border-radius			: 2px;
	padding					: 1px;
	width					: 48px;
	height					: 48px;
	z-index					: 5;
}
#wb_nextPage {
	left					: 1080px;
}
#wb_nextPage {
	vertical-align			: top;
}
#nextPage {
	top						: 0px;
	left					: 0px;
	width					: 90%;
	height					: 90%;
	border					: 0px solid transparent;
	margin					: 0px;
	padding					: 0px;
}
#HeureLocale {
	display					: inline-block;
	position				: absolute;
	font-family				: Arial;
	font-size				: 13px;
	font-weight				: bold;
	font-style				: italic;
	text-align				: center;
	color					: #0A3D92;
	background-color		: #476DD5;

	/* ---- effet de flou ------------- */
	box-shadow				: 3px 3px 4px #071C71;
	/* ---- coins arrondis ------------ */
	border					: #323232 0px solid;
	border-radius			: 2px;

	top						: 640px;
	left					: 15px;
	width					: 70px;
	height					: 17px;
	padding-top				: 5px;
	z-index					: 5;
}
#Titre {
	/* ---- effet de flou ------------- */
	box-shadow				: 3px 3px 4px #071C71;
	/* ---- coins arrondis ------------ */
	
border-radius				: 3px;
}
#idIdentifiant {
	position				: absolute;
	left					: 11px;
	top						: 11px;
	width					: 80px;
	height					: 100px;
	z-index					: 7;
	border					: 0px #404040 solid;
	-moz-box-shadow			: 1px 1px 5px #212121;
	-webkit-box-shadow		: 1px 1px 5px #212121;
	box-shadow				: 1px 1px 5px #212121;
}
#imgLogo {
	display					: inline-block;
	position				: absolute;
	top						: 120px;
	left					: 12px;
	width					: 75px;
	height					: 51px;
	text-decoration			: none;
	border					: 1px #404040 solid;
	-moz-box-shadow			: 2px 2px 10px #212121;
	-webkit-box-shadow		: 2px 2px 10px #212121;
	box-shadow				: 3px 3px 5px #212121;
}
#BP1 {
	top						: 200px;
	left					: 50px;
}
#ZoneLogoCalc {
	position				: absolute;
	left					: 1140px;	/*945px;*/
	top						: 10px;
	z-index					: 5;
}
#Compteur {	
	position				: absolute;
	top						: 35px;
	left					: 260px;	/*945px;*/
	font-size				: 12px;
	color					: #888;
	width					: 190px;
	height					: 25px;
	z-index					: 5;
}	
#wb_TextRecette {
	top						: 580px;
	left					: 110px;
}
#bpRecettes {
	display					: inline-block;
	position				: absolute;
	top						: 610px;
	left					: 120px;
}	
#Messages {
	position				: absolute;
	left					: 105px;
	top						: 60px;
	width					: 490px;
	height					: 600px;
	z-index					: 2;
	border					: 0px solid #9B7E5C;
	box-shadow				: 1px 1px 0px #333333;
	border-radius			: 4px;
}
#wb_AdresseSite a {
	font-size				: 15px;
	color					: #808080;
	width					: 275ph;
	height					: 20px;
}
#wb_TitreNews {
	text-decoration			: none;
	font-size				: 15px;
	color					: #808080;
	width					: 275ph;
	height					: 20px;
}
#wb_TitreNouveaute {
	color					: #C78C38;
	font-size				: 16px;
	top						: 672px;
	left					: 350px;
}
#wb_DateMiseAJour {
	color					: #A5A5A5;
	font-size				: 16px;
	top						: 672px;
	left					: 350px;
}

/* 
----------------------------------
Component containers
----------------------------------
*/
marquee {
	height					: 685px;
	width					: 400px;
	background				: #2D2D2D;
}
.logoCalc {
 	width					: 189px;
	height					: 24px;
	background				: url(./images/png/LogoCalc.png) no-repeat;
	z-index					: 5;
}
.ombrage
{
	-moz-border-radius      : 4px;
	-webkit-border-radius   : 4px;
	border-radius           : 4px;
	-moz-box-shadow         : 1px 1px 1px #FF6161;
	-webkit-box-shadow      : 1px 1px 1px #FF6161;
	border					: 1px solid #DDDDDD;
/*	box-shadow				: 1px 1px 0px #333333;	*/
	
/*	border					: 1px solid #9B7E5C;	*/
	box-shadow				: 1px 1px 2px #36240E;

}
.box_evolution {
	position                : absolute;
	top                     : 20px;
	left                    : 10px;
	font-size               : 18px;
	color                   : #A36C16;
}
.deroule {
	width					: 500px;
	border                  : 2px solid #FFFFFF;
	padding                 : 10px;
	background              : #CCCCCC;
}
.titre { 
	width					: 520px;
	font-family				: Segoe UI, Arial, sans-serif; 
	font-size				: 18px;
	padding					: 5px 0px;
	text-decoration			: underline;
	font-style				: italic;
	text-align				: center;
	vertical-align			: middle;
	color					: #A36C16;
	background				: #EEEEEE;
}
#Evolution {
	height					: 600px;
	overflow				: scroll;
	border-left				: 1px solid #FFFFFF;
	padding					: 0px 0px 0px 10px;
}
#Evolution::-webkit-scrollbar {
	width					: 7px;
	height					: 0px;
}
/* zone non couverte */
#Evolution::-webkit-scrollbar-track {
	box-shadow				: inset 0 0 10px grey; 
	border-radius			: 5px;
}
#Evolution::-webkit-scrollbar-track-piece {
	background				: #d9d9d9; 
	border-radius			: 5px;
}
#Evolution::-webkit-scrollbar-button {
	background				: #bfbfbf; 
	width					: 5px;
	height					: 5px;
	border-radius			: 5px;
}
/*  zone couverte */
#Evolution::-webkit-scrollbar-thumb {
	background				: #d98d8b; 
	border-radius			: 5px;
}
/* zone couverte on hover */
#Evolution::-webkit-scrollbar-thumb:hover {
	background				: #902e2b; 
	border-radius			: 5px;
}

.date {
	color                   : #d74141;
	font-family             : Arial;
	font-size               : 15px;
	text-decoration       	: underline;
}
.evolution {
	color                   : #4070e5;
	font-family             : 'Courier New';
	font-size               : 12px;
	margin-left				: 10px;
}
.couleur {
	color					: #B21016;
}
/* ------------------------ */
/* gestion des scrollBar	*/
/* ------------------------ */
/* width */
::-webkit-scrollbar {
  width						: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background				: #dddddd; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background				: #005073; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background				: #007AAE; 
}