/** Configuration du layout général 	 #CCC #F30 #00C
  **/

  
body {
	margin:10px 5% 0px 5%;
	padding:0px;
	background-color: #EEE8AA;
	background-attachment: fixe;
	background-position: top right;
	background-repeat:  repeat;
}
#header{
	text-align:center;
	background-color:#FFF;
	right:5%;	
	margin:0px 0px 5px 0px;
/*	margin: 0pc 209px 5px 0px;  /*avec ça le header a la taille du content */
	border:1px solid #000;
/*	height:132px;   /* taille fixée 
	voice-family: "\"}\"";
	voice-family: inherit;
	height:130px;/* 58 */
*/}
html>body #header {
/*	height:131px;*/
}

#header img {
	height:100%;
}

#content{	
	background:#FFFFdd;
	margin: 0pc 209px 0px 0px; /* 199 + le "jour" */
	padding: 0px 10px 0px 10px;
	border:1px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0pc 211px 0px 0px;
	min-height: 600px;
}
html>body #content {
	margin: 0pc 211px 0px 0px;
}


#sidebar_right {
	position: absolute;
	right:5%;
	top:180px; /*152 */
	width:200px;
}

#sidebar_right_main {
/*	position: absolute;*/
/*	right:5%;
/*	top:180px; /*152 */
/*	width:200px;*/
/*	background:#FFFFdd; */
/*	border:1px solid #000;*/
}
#sidebar_right_main h1 {
	margin-top: 0;
	background-color: #e0e0e0;
	font-weight: bold;
	font-size: 1em;
	color: #000;
}

#footer {}

#infoclub {
	text-align: center;
	font-size: 0.75em;
}
/*****************************************************************************************************
* menuPrincipal => lien sous le header
*****************************************************************************************************/
#menuPrincipal{
    height: 30px;
}
#menuPrincipal ul,#menuPrincipal li {
	display: block;
	float:left;
	margin: 0 5px 0 5px;
	padding: 0;
	list-style: none;
	list-style-image:none;

}
#menuPrincipal li {
	border-left: double 1px black;
	padding-left:5px;
}

#menuPrincipal a  {
	font-weight: none;
	font-size: 1em;
	color: blue;
}
#menuPrincipal a:hover {
	color: red;
}

/*****************************************************************************************************
* primary_lnk => login
*****************************************************************************************************/
#primary_lnk {
	background-color: #FFFFdd;
    padding: 5px 10px;
}

#primary_lnk ul,#primary_lnkl li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image:none;
}

#primary_lnk  a  {
	font-weight: none;
	font-size: 1em;
	color: blue;
}
#primary_lnk  a:hover {
	color: red;
}

#primary_lnk h1 {
	margin-top: 0;
	background-color: #d0d0d0;
	font-weight: bold;
	font-size: 1em;
	color: #000;
}

/*****************************************************************************************************
* Clin d'oeil => trucs a mettre en avant
*****************************************************************************************************/
#clinDOeil {
	background-color: #FFFFdd;
    padding: 5px 10px;
}
#clinDOeil a  {
	font-weight: none;
	font-size: 1em;
	color: blue;
}
#clinDOeil a:hover {
	color: red;
}
/*****************************************************************************************************
* menusecondaire => lien sur le coté
*****************************************************************************************************/
.menuSecondaire {
	background-color: #FFFFdd;
    padding: 5px 10px;
	
}
  
.menuSecondaire ul, .menuSecondaire li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image:none;
}
.menuSecondaire ul ul{
	margin: 0 0 0 10px;
}

.menuSecondaire h1 {
	margin-top: 0;
	background-color: #d0d0d0;
	font-weight: bold;
	font-size: 1em;
	color: #000;
}

.menuSecondaire a  {
	font-weight: none;
	font-size: 1em;
	color: blue;
}
.menuSecondaire a:hover {
	color: red;
}


/*************/
/* Node CSS  */
/*************/
.node {
	margin: 40px 0px;
}

/** Node_type: Story
  */

.story_node_info {
	border: 1px solid #808080;
	padding: 5px;
	margin: 5px 0px;
}

.story_node_title {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.story_node_title, .story_node_link, .story_node_link:hover {
	font-size: 20px;	
	font-weight: bold;
	text-decoration: none;
	color: #07c;	
}

.story_node_specs_front {
	font-size: 15px;
}	

.story_node_terms a {
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #09a;		
}
.story_node_terms_alone {
	display: block;
	margin-bottom: 20px;	
}

.story_node_author_front {float:right;}

.story_node_specs{
	font-size: 15px;
	width: 100%;
	text-align: right;
}


/** Node_type: page
  **/
.page_node_specs{
	font-size: 15px;
	width: 100%;
	text-align: right;
}


/** contenu du node TOUS les nodes !!!
  **/
.node_content {
	clear: both;
}  
  
.node_content p {
	text-align: justify;
}

.node_content h1, h2, h3, h4 {
	margin: 0px; 
	padding: 0px; 
	text-transform: none; 
	font-weight: bold; 
	font-size: 16px; 
}
.node_content h1 { 
	color: #303030;
	font-size: 18px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
.node_content h2 { 
	color: #505050;
	border-bottom: 1px solid #09a;
	margin: 5px;
}
.node_content p.info {
	border: 1px solid #000;
	background-color: #FFFFdd;
	margin: 0px;
	padding: 10px;
}

.node_content li {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.node_content a, .node_content a:hover {
	color: #603;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
.node_content a:hover {color:#c03;}


/************/
/* Misc     */
/************/
.image { margin: 10px 10px; }
.center { width: 100%; text-align: center; margin: 0px; }
.cleaner { display: block; clear:both; } /** bloc sinon pas de clear **/
.fleft { float: left; margin: 10px 20px 10px 5px; }
.fright { float: right; margin: 10px 5px 10px 20px; }


ul.imglist {
  width: 100%; /* the width of the thumbnail block */
  text-align: center;
  margin: 0 auto;
}
ul.imglist  li { list-style: none;  float: left; }