body
{
	background-image: url("../img/fond/Logo-CCL-Fond.gif");
	text-align:justify;
	font-size:0.8em;
	font-family: Arial, "DejaVu Serif", serif;
}
#Header
{
	height:109px;
	background-image: url("../img/fond/banniere2.png");
	background-repeat:no-repeat;
	background-position:213px;
	text-align:left;
	padding:0px;
	padding-right:5%;
}

#Header a
{
	display:block;
	width:182px;
	height:109px;
	border:0px;
	background-image: url("../img/fond/ccliffre.png");
	color:red;
}

/************************************************** Corps du texte avec brève *********************************/
#Corps
{
	/*margin:0px 229px 8px 203px;*/
	padding:0px 8px 8px 23px;
	overflow:auto;
	margin-top:15px;	
}

#Corps div.news_club 
{	border-left: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	background-image:url("../img/fond/bordure.jpg");
	background-repeat: repeat-y;
	background-position:right; 
	margin-bottom:15px;
	margin-left:-15px;
}

#Corps div.news_club p {padding:0px 10px 0px 10px;}

/* unclicked style div.more */
#Corps div.more i {padding-left:10px;cursor:pointer; color:#c00; font-weight:bold;font-size:0.9em;}
#Corps div.more i.hide {display:none;}
#Corps div.more p {display:none;padding-left:10px;}
#Corps div.more img {display:none;}

/* clicked style div.click */
#Corps div.click i.show {display:none;}
#Corps div.click i.hide {display:block; text-align:right; padding-right:10px;}
#Corps div.click p {display:block;}
#Corps div.click img {display:inline; padding-right:10px; margin:auto;}

#Corps div.news_club h3
{
	margin-top:0px;
	padding-left:20px;
	background-color:#6e6e6e; 
	color:#ffffff; 
	font-style:; 
	font-weight:normal;
	font-size:1.3em;
	background-image:url("../img/fond/plie.jpg");
	background-repeat: no-repeat;
	background-position:top right;
	height:29px; 
}
#Corps div.news_club h4
{
	color:#da2d27;
}
#Corps div.news_club h4, h5, h6
{	margin:0px;
	font-size:1.0em;
	padding-left:5px;
}
#Corps div.news_club h6
{	margin:0px;
	font-size:1.0em;
	padding-left:5px;cursor:pointer; color:#c00;
}
#Corps table.tableau1
{
	margin-top:1px;
	border-collapse:collapse;
	border:2px solid #000000;
	width:100%;
}
#Corps table.tableau1 th
{
	border-collapse:collapse;
	border:1px solid #000000;
	padding:5px 3px 5px 3px;
	font-weight:bold;
	
}
#Corps table.tableau1 td
{
	border:1px solid #aaaaaa;
	padding-left:3px;
}
#Corps span.stitre
{
	text-decoration:underline;
	font-style:italic;
}
#Corps table.tableau_rv
{
	border:1px solid #aaaaaa; 
}
#Corps table.tableau_rv td
{
	padding:1px 15px 1px 5px;
}
#Corps table.fiche_licencie
{
	width:100%;
	border:0;
	border-collapse: collapse;
}
#Corps table.fiche_licencie td
{
	vertical-align:top;
}
/******************************************* Pied de page *************************************/
#Footer
{
	clear:both;
	display:block;
	color:#fff; 
	padding-right:60px; 
	font-style:italic; 
	font-weight:normal;
	font-size:1em;
	background: url("../img/fond/footer.png") no-repeat right;
	margin-top:25px;
	line-height:36px; 
	text-align:right;
}

/****************************************** Menu **************************************************/

#Menu, #Divers, #Connexion
{
	/*clear:left;
	float:left;*/
	width:198px;
	margin-top:15px;
	border-left: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	background:#b1b1b1 url("../img/fond/bordure.jpg") repeat-y right;
	color:#ffffff;
}
#Menu h3, #Divers h3, #Connexion h3
{
	background-color:#6e6e6e; 
	background: #6e6e6e url("../img/fond/plie.jpg") no-repeat top right;
	margin:0px;
	height:29px; 
}

#Menu ul#nav 
{
	padding:0; 
	margin:0; 
	list-style:none; 
	font-weight:bold; 
	margin-right:1px;
	font-size:0.9em;
}
#Menu ul#nav li ul li a {padding-left:0;}

#Menu ul#nav ul 
{
	padding:0; 
	padding-left:10px;
	margin:0; list-style:none; 
	font-weight:bold; 
	margin-right:1px;
	border-top: 2px solid #969696;
	border-bottom: 2px solid #969696;
}
#Menu ul#nav li a 
{
	display:block; 
	padding-left:10px; 
	white-space:nowrap; 
	color:#fff; 
	text-decoration:none; 
}

#Menu ul#nav li 
{
	line-height:20px; 
	color:#fff; 
	cursor:pointer; 
	width:100%; 
}

#Menu ul#nav li.down {text-indent:10px;}

#Menu ul#nav li a:hover {text-decoration:none; background:#969696; color:#DA2D27;}

#Menu ul#nav ul li{ background:#b1b1b1;}


/****************************************** Menu Divers **************************************************/
#Divers ul
{
	padding:0; 
	margin:0; 
	list-style:none; 
	font-weight:bold; 
	margin-right:1px;
	font-size:0.9em;
}

#Divers li 
{
	line-height:20px;
	width:100%; 
}

#Divers li a 
{
	display:block; 
	padding-left:10px; 
	white-space:nowrap; 
	color:#fff; 
	text-decoration:none; 
}

#Divers li a:hover 
{
	text-decoration:none; 
	background:#969696; 
	color:#DA2D27;
}

/****************************************** Menu Connexion **************************************************/


#Connexion
{
	text-align:center;
}
#Connexion p a
{
	text-decoration:none; 
	font-size:0.85em;
}
#Connexion p a:hover
{
	text-decoration:underline; 
}
#Connexion ul#nav2 
{
	padding:0; 
	margin:0; 
	list-style:none; 
	font-weight:bold; 
	margin-right:1px;
	font-size:0.9em;
	text-align:left;
}
#Connexion ul#nav2 li ul li a {padding-left:0;}

#Connexion ul#nav2 ul 
{
	padding:0; 
	padding-left:10px;
	margin:0; list-style:none; 
	font-weight:bold; 
	margin-right:1px;
	border-top: 2px solid #969696;
	border-bottom: 2px solid #969696;
}
#Connexion ul#nav2 li a 
{
	display:block; 
	padding-left:10px; 
	white-space:nowrap; 
	color:#fff; 
	text-decoration:none; 
}

#Connexion ul#nav2 li 
{
	line-height:20px; 
	color:#fff; 
	cursor:pointer; 
	width:100%; 
}

#Connexion ul#nav2 li.down {text-indent:10px;}

#Connexion ul#nav2 li a:hover {text-decoration:none; background:#969696; color:#DA2D27;}

#Connexion ul#nav2 ul li{ background:#b1b1b1;}

/**************************************** Divers ************************************/
span.erreur
{
	font-style:italic;
	color:darkred;
}

span.note
{
	font-style:italic;
	font-size:0.9em;
}

span#deconnexion
{
	font-style:italic;
	color:darkgreen;
	font-size:0.8em;
}

/************************************ Menu liste des reportages **************************************/

#ListeReportage, #ListeRV
{
	/*float:right;
	clear:right;*/
	width:224px;
	margin-top:15px;
	border-left: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	background: #ffffff url("../img/fond/bordure.jpg") repeat-y right;
}
#ListeReportage h3, #ListeRV h3
{
	background: #6e6e6e url("../img/fond/plie.jpg") no-repeat top right;
	margin:0px;
	height:29px; 
}
#ListeReportage ul, #ListeRV ul
{
	padding-left:20px;
	font-size:0.85em;
	text-align:left;
}
#ListeReportage li, #ListeRV li
{
	padding-top:2px;
}
#ListeReportage a, #ListeRV a
{
	text-decoration:none;
	color:#000000;
}
#ListeReportage a:hover, #ListeRV a:hover
{
	text-decoration:underline;
	color:#da2d27;
}
#ListeRV
{
	margin-bottom:15px;
}
/************************************ Menu Infos flash **************************************/

#Flash
{
	/*float:right;*/
	width:224px;
	margin-top:15px;
	border-left: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	background: #ffffff url("../img/fond/bordure.jpg") repeat-y right;
}
#Flash2
{
	display: block;
	height:160px;
	overflow: hidden;
	text-align:center;
	font-weight:bold;
}
#Flash h3
{
	background: #6e6e6e url("../img/fond/plie.jpg") no-repeat top right;
	margin:0px;
	height:29px; 
}
#Flash p#vide
{
	text-align:center; 
	color:#555555; 
	font-style:italic;
}

#defile { position:relative; margin-top:1px; background-color:transparent; }