
/* ----------------------------------*/
/* -- PANNEAU EDITION DE LA PAGE --  */
/* ----------------------------------*/

/*
span.tb-text-list{
	display: none;
}
*/

/* -------------*/
/* -- CADRE --  */
/* -------------*/

BODY{
	background: #FFF url(bg.gif) repeat left top;
}
#cadre-general{
}
#cadre{
}
#cadre-inner{	
}
#cadre-inner2{
	width : 829px;
	clear: both;
	margin: 0px auto;
}
.clear {
}
#contenu{
	clear: both;
	text-align: left;
	padding-top: 10px;
}

/* -------------------------------*/
/* -- STYLES COLONNE DE DROITE -- */
/* -------------------------------*/
#sub-02 #colonne-droite,
#sub-02 #colonne-droite P.bodytext,
#sub-02 #colonne-droite TD,
#sub-02 #colonne-droite UL LI{
	font-size: 12px;
}
#sub-02 #colonne-droite H2{
	font-size: 13px;
	color: #477c05;
	font-weight: bold;
	padding: 0 0 7px 0;
	margin: 5px 0px 10px 0px;
	background: transparent url(trait-marron.gif) repeat-x left bottom;
	font-family : Arial, Verdana, sans-sherif;
}
#sub-02 #colonne-droite H3,
#sub-02 #colonne-droite H4{
	font-size: 12px;
	font-family : Arial, Verdana, sans-sherif;
}
#sub-02 #colonne-droite .csc-frame-style1 H2,
#sub-02 #colonne-droite .csc-frame-style2 H2{
	background: none;
}
#sub-02 #colonne-droite .content-element .csc-frame-style3{
	font-style: 13px;
}
/* --------------------------*/
/* -- ELEMENTS DE CONTENU -- */
/* --------------------------*/
.content-element{
	margin-bottom: 20px;
	clear: both;
}


/*---- titre pour le style de contenu "par defaut" ----*/
.content-element H2,
 .content-element H1,
.content-element .csc-frame-style-defaut H2,
.content-element .csc-frame-style-defaut H1{
}

.content-element .contenu-texte,
.content-element .csc-frame-style-defaut .contenu-texte{
	margin: 0;
}
.content-element form,
.content-element .csc-frame-style-defaut form{
	padding: 10px 0px 20px 5%;
}

/*---- contenu style "encadre 1" ----*/

.content-element .csc-frame-style1 H2,
.content-element .csc-frame-style1 H1{
}
.content-element .csc-frame-style1{
	width: 100%;
	background: transparent url(bg-style1-hg.jpg) no-repeat left top;
}
.content-element .csc-frame-style1 .css-frame-inner{
	width: 100%;
	background: transparent url(bg-style1-hd.jpg) no-repeat right top; 
}
.content-element .csc-frame-style1 .contenu-texte{	
	background: transparent url(bg-style1-bg.jpg) no-repeat left bottom; 	
	width: 100%;
}
.content-element .csc-frame-style1 .contenu-texte-inner{		
	background: transparent url(bg-style1-bd.jpg) no-repeat right bottom;
	padding: 25px 24px 25px 24px; 	
}

/*---- contenu style "encadre 2" ----*/
.content-element .csc-frame-style2 H2,
.content-element .csc-frame-style2 H1{

}
.content-element .csc-frame-style2{
	border: 1px solid #6d3c14;
	padding: 20px 20px 20px 20px;
}

/*---- contenu style "encadre pour citation" ----*/
.content-element .csc-frame-style3{
	background: transparent url(apostrophe-gauche.png) no-repeat 0px 0px;
}
.content-element .csc-frame-style3 .contenu-texte{
	background: transparent url(apostrophe-droite.png) no-repeat right bottom;
	padding: 0px 18px 15px 20px;	
}
.content-element .csc-frame-style3 .contenu-texte .contenu-texte-inner{
	padding-top: 25px;
}
.content-element .csc-frame-style3 H2,
.content-element .csc-frame-style3 H1{
	border-bottom-width: 0px;
}
#colonne-gauche .content-element .csc-frame-style3{
	background: transparent url(apostrophe2-gauche.gif) no-repeat 0px 0px;
}
#colonne-gauche .content-element .csc-frame-style3 .contenu-texte{
	background: transparent url(apostrophe2-droite.gif) no-repeat right bottom;
}


/*--------*/
/* TOP */
/*--------*/
div#top{
	padding-top: 10px;
}
#logo A img{
	display: none;
}
#logo{
	background: url(logo-tabhirte.png) no-repeat left top;
	width: 829px;
	height: 120px;
}
#logo A{
	display: block;
	width: 829px;
	height: 120px;	
	position: relative; /* bug ie6 avec les PNG transparents */
}

/*--------------------------------------------*/
/* Menu 1 + Menu 1 bas + lien "haut de page"  */
/*--------------------------------------------*/

#menu1,
#menu1-bas{
	clear: both;
	width: 100%;
	height: 32px;
	background: url(menu1-bg.gif) repeat-x left top;	
}
#menu1 ul,
#menu1-bas ul {
	margin:0;
	padding:0;
}
#menu1 li,
#menu1-bas li {	
	list-style: none; 
	float: left;
	padding: 5px 15px 0 10px;
	background: url(menu1-puce.gif) no-repeat right 14px;
}
#menu1 li.menu1-dernier,
#menu1-bas li.menu1-dernier {
	background: none;
}
#menu1 li A,
#menu1-bas li A{
	float: left;
	cursor: hand;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	white-space : nowrap;
	font-family : Georgia, Times New Roman;
}
#menu1 li A:hover,
#menu1-bas A:hover{	
	text-decoration: underline;
}
#menu1 li.menu1Act A{
	text-decoration: underline;
}

#hautdepage{
	font-size: 12px;
	float: right;
	padding: 0 0 0 15px;	
	margin-bottom: 15px;
	background: url(fleche-haut.gif) no-repeat left 7px;
}

/*--------*/
/* Menu 2 */
/*--------*/
#menu2{

}
#menu2-inner{
	text-align: center;
}
#menu2 ul {	
	
}
#menu2 li {
	list-style: none; 
	float: left;	
}
#menu2 .li21-dernier{

}
#menu2 li A{	
	float: left;
	text-decoration: none;
	color: #960000;
}
#menu2 li A span{	
}
#menu2 li A:hover{
	color: #960000;
	text-decoration: underline;
}
#menu2 li.li21Act A{
	text-decoration: underline;
}
#menu2 li.li21Act A:hover{

}	


/*--------------*/
/* Fil d'Ariane */
/*--------------*/

#fil-ariane{
	display: none;
}
#fil-ariane A{
}
#fil-ariane A:hover{

}

/* --------------------*/
/* -- PIED DE PAGE --  */
/* --------------------*/

#pieddepage{
	width : 829px;
	clear: both;
	margin: 0px auto;
	height: 158px;
	background: url(fresque.png) no-repeat left top;
}
#adresse{
	text-align: left;	
	padding: 1px 0 0 38px;
}
#adresse P.bodytext{
	font-size: 13px;
}
#adresse P.bodytext A{
	color: #010101;
	text-decoration: underline;
}
#adresse P.bodytext A:hover{
	color: #960000;
	text-decoration: underline;
}
#pieddepage ul{	
	margin: 29px 0 0 0;
  padding: 0 2px 0 38px;
	text-align: left;
}
#pieddepage li {
	list-style: none; 
	display: inline;
	margin: 0;
	padding: 0 8px 0 0; 
	background-image: none;
	color: #d6bf8f !important;	
}
#pieddepage A{
	position: relative;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;
	color: #d6bf8f;	
}
#pieddepage A:hover{
	text-decoration : underline;
}

/* -------------*/
/* -- STATS --  */
/* -------------*/
div#stats{	
	width : 829px;
	clear: both;
	margin: 0px auto;
}
div#stats-inner{
	float: right;
	padding: 5px 0 2px 0;
}
div#stats-inner A{
}
