/*#############################################################
Name: Bitter Sweet
Date: 2006-10-02
Modifiation Date : 01/11/2007
Description: Lime flavoured template with originally two columns and after adaptation three columns.
Author: Viktor Persson
Adaption by Thierry Parmentier
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}
body {
	background: #5F8000 url(img/bg2.gif) repeat-y center top;
	color: #333;
	font: normal 67.5% "Lucida Sans Unicode",sans-serif;
   margin : 0;
   padding: 0;
   text-align: center;
}

p,cite,code,ul {
	padding-bottom: 0.5em;
}
ul {margin-left: 1.2em;}
//li {list-style-image: url(img/li.gif);}

/*//table {clear: both;}*/

h1 {font-size: 1.4em;}
blockquote {
	background: #FFF;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #BBB;
	color: #333;
	display: block;
	margin-bottom: 0.2em;
	padding: 6px 	12px;
}
blockquote p {padding: 10px 0;}


h1,h2,h3 {color: #654;}

/* misc */
.clearer {clear: both;}


/* --------------- Header ------------------ */
.header {
	background: url(img/cndr-frm.jpg) no-repeat;
	height: 190px;
	margin: 0 auto;
	width: 1000px;
	color: #77BB99;
	background-position: center;
	font: normal 1.4em Verdana,sans-serif;
text-align: center;
}

.header .text
	{
	color: #555555;
	text-align: right;
	padding-left : 60px;
	padding-right : 60px;
}

.header .sortie
	{
	float : bottom;
	position: absolute;
	bottom: 390px; 
	left: 80px; 
	width: 150px; 
	padding-left : 60px;
	padding-top : 80px;
	padding-right : 60px;
	line-height: 40px;
	text-shadow:black;
}

.header .sortie marquee {
	height: 40px;
	width: 800px; 
}

.header .citation
	{
	text-align: right;
	font-size: 0.9em;
	padding-left: 300px;
}


.header .auteur
	{
	text-align: right;
}


/* --------------- Container ------------------ */
.container {
          float: center;
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 1000px;
text-align: left;
}


/* ----------------- LoginBar ------------------- */
.loginBar {
	margin-left : 37px;
	padding-right: 1px;
	background: #3c793a;
	width: 925px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.loginBar .text{
	float:left;
	text-align: left;
	color:FFF;
	margin-left: 50px;
}

.loginBar .text a{
	color: CAA;
}

.loginBar .login{
	float: right;
	margin-right: 10px;
	color: #999999;
}

.loginBar .login input{
	background: 000;
	color: FFF;
}

/* ----------------- Top ------------------- */
.top {
	color: white;
	background: #567300;
	font: normal 2.4em Verdana,sans-serif;
	margin: 0 auto;
	width: 926px;
	margin-left : 37px;
	padding-right: 37px;
	padding : 20px;
}

.top .logos{
	float: right;
	margin-top : -35px;
	padding-left: 10 px;
	padding-right: 10px;
}
/* ----------------- Menu ------------------- */
.menu {clear: both;}

.menu .sign {
	background: url(img/bgdate-left.gif) no-repeat;
	color: #FDD;
	float: left;
	height: 40px;
	text-align: center;
	width: 36px;
}

.menu .sign div {padding-top: 4px;}
//.menu .sign span {//font: normal 1.6em serif;}

.menu .contenu {
	float: left;
	width: 200px;
}

.menu h1 {	
	background: #618100;
	color: #FFF;
	line-height: 40px;
	padding-left : 4px;
}

.menu .body {padding-left: 37px;
	padding-right: 1px;
}

.menu ul {margin: 0; padding: 0;}
.menu li {
	border-bottom: 1px solid #D5E8AD;
	list-style: none;
	
}
.menu li a {
	background: #E8F6BF url(img/bgnavigation.gif) repeat-x;	
	color: #553;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.menu li a:hover {
	background: #F0FFC6;
	color: #553;
}

/* ----------------- Navigation ------------------- */



.navigation .sign {
	background: url(img/bgdate-right.gif) no-repeat;
	color: #FDD;
	float: right;
	height: 40px;
//	text-align: right;
	width: 36px;
}

.navigation .sign div {padding-top: 4px;}
//.navigation .sign span {font: normal 1.6em serif;}

.navigation .contenu {
//	float: right;
	width: 200px;
}

.navigation .body {
	padding-right: 37px;
	padding-left: 1px;
}

.navigation {
	float: left;
	width: 200px;
}
.navigation h1 {
	background: #618100;
	color: #FFF;
	line-height: 40px;
	padding-left: 4px;
	padding-right: 8px;
	text-align: right;
}
.navigation ul {margin: 0; padding: 0;}
.navigation li {
	border-bottom: 1px solid #D5E8AD;
	list-style: none;
}
.navigation li a {
	background: #E8F6BF url(img/bgnavigation.gif) repeat-x;	
	color: #553;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.navigation li a:hover {
	background: #F0FFC6;
	color: #553;
}


/* ---------------  Item ------------------ */
.item {clear: both;}
.item .date {
	background: #81AC00;
	color: #FDD;
	float: right;
	height: 40px;
	text-align: center;
	width: 60px;
}

.item .date div {
	padding-top: 4px;
	background: #81AC00;
}

.item .date span {
	font: normal 1.6em serif;
	background: #81AC00;
}
.item .content {
	//font: normal 1.1em "Lucida Sans Unicode",sans-serif;
	float: left;
	width: 600px;	
}

.item .content .tableContainer{
	width: 590px;
	text-align: center;
	border-width: 4px;
	border-color: #FF0000;
	border-style: ridge;
}

.item .content .tableContainer td.left{
	width: 30%;
	text-align: right;
}

.item .content .tableContainer td.right{
	width: 70%;
	text-align: left;
}

.item .content .subscribe {
	width: 100%;
	//font: normal 0.7em "Lucida Sans Unicode",sans-serif;
	text-align: center;
}

.item .content .Beaufort {
	width: 580px;
}
.item .content .Beaufort td{
	//clear: both;
	//font: italic bold 0.8em "Lucida Sans Unicode", sans-serif;
	border-width: 1px;
	border-color: #555555;
	border-style: ridge;
	padding: 4px;
}

/* ---------------- BOOKMARK CATEGORY ---------------*/


.item .bookmarkCategory{
  background: #CCCCCC;
	color: #111;
	width: 100%;
	margin-top: 40px;
}

.item .bookmarkCategoryImg {
  width: 90px;
}
.item .bookmarkCategoryTitle{
  font:  normal 90% "Lucida Sans Unicode";
  font-weight: bolder;
  background: #CCCCCC;
	color: #111;
}
.item .bookmarkCategoryDesc{
	background: #CCCCCC;
	color: #555;
	font: italic 80% "Lucida Sans Unicode";
}

.item .bookmarkTdImg{
  margin-left:20px;
  width: 150px;
}

.item .bookmarkImg{
  padding: 10px;
  height:40px;
}
/* ---------------- BOOKMARK  ---------------*/

.item .bookmarkName{
  font: normal 90% "Lucida Sans Unicode";
  font-weight: bold;
}

.item .bookmarkDesc{
  font: italic 80% "Lucida Sans Unicode";
}

.item .bookmarkURL{
  font: italic 60% "Lucida Sans Unicode";
}

/* FIN ---------------- BOOKMARK  ---------------*/

.item h1 {
	background: #81AC00;
	color: #FFF;
	line-height: 40px;
	padding-left: 6px;
}

.item h2 {
	color: #81AC00;
	padding-left: 6px;
	//font: bold 1.3em "Lucida Sans Unicode", sans-serif;
}

.item h3 {
	padding-left: 6px;
	font-style: italic;
	font-weight: bold;
	font-size: 100%;
}

.item .body {padding: 2px 8px 0px 8px;
}

.ssTitle {
	padding: 10px 0px 0px 0px;
	//font: italic bold 1.1em "Lucida Sans Unicode", sans-serif;
}

.item .prenom {
	clear: both;
	//font:italic 1.3em Helvetica;
	color: #676A00;
	font-weight: bolder;
	padding-right: 10px;
}

.item .alias{
	//font:italic 1em Helvetica;
	clear: both;
	color: #81AC00;
	font-weight: bold;
	padding-right: 10px;
}

.item blockquote{
}

.item .description{
//	float: left;
}

.item .details{
	float: left;
}
.item .medaillon {
	float: right;
	left: 200px;
	height: 80px;
	padding-right: 10px;
}

/* -----------------    Main    ------------------- */
.main { float: left;
	padding: 0px;
}

/* ----------------- Footer ------------------- */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #FFF;
	//font-size: 1.1em;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 926px;
margin-left : 37px;
}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}

/* ----------------- Sponsors ------------------- */
.Sponsors {
	text-align: center;
	float: center;
	color: #FFF;
	//height: 40px;
	width: 600px;
}

.Sponsors table {
	float:center;
}

.Sponsors img {
	float:center;
	height: 40px;
}

.Sponsors tr {float:center;}

.Sponsors td {float:center;}


/* ----------------- Calendrier ------------------- */

.calendar_text{
	table-layout: fixed;
	width: 140px;
	margin: 0px 10px 0px 10px;
	text-align: center;
	font: normal 11px "Lucida Sans Unicode",sans-serif;	
}

.calendat_text td{
	width: 20px;
}


.calendar_text .title{
	text-align: justify;
	font: normal 11px "Lucida Sans Unicode",sans-serif;	
}

.calendar_text .nomJour{
	
}

.calendar_text .today {
	background: url(img/today.gif) no-repeat;	
	color: #FFFFFF;
	text-align : center;
}	

.calendar_text .otherDay {
	background: #FFFFFF;
	text-align : center;
}	

.calendar_text .eventDay a:hover {
	color: #F00;	
	background: #FFFFFF;
}
.calendar_text .eventDay {
	background: #FFDDDD;
	color: #FF0000;
	text-align : center;
}	

.calLegend {
	margin-left: 30px;
	text-align: left;
	line-height: 4px
}

.calLegend .today {
	background: url(img/today.gif) repeat-y;	
}	

.calLegend .eventday {
	background: url(img/eventDay.gif) repeat-y;	
}

.calLegend .text {
	padding: 0px 8px;
	font: normal 0.7em "Lucida Sans Unicode", sans-serif;
}

.calLegend .square {
	height: 4px;
	width : 10px;
}