/******* CSS accueilThanka ***********************/
/*******************************************************/

/********************************************/
/******structure page Accueil******/
/********************************************/

 body  {
	background-color: #BD232D;
	margin-bottom: 20px;
	margin-top: 20px;
    }
    #container {
		background-image:url(IMG/hortusFondpale.jpg);
    	width: 900px;   /*80%;*/
		font: 90% Georgia, Garamond, Times, serif;
		margin-left: 30px;
    	padding: 0;
    	color: #000000;
    } 
   #header { 
    	margin:0;
		background: transparent;
		width: 900px; 
		height:93px;
		background-image: url(IMG/banniereThanka.jpg);
		background-repeat: no-repeat;
		background-position: top left;
    } 
	#menuwrapper { 
		margin:0;
		height: 50px;
		padding-left: 60px;
		padding-top: 20px;
		padding-right: 60px;	
	}
   #credits { 
		margin:0;
		text-align:center;
		padding:2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 80%;
		color : #666;	
	}

/***************bottom nav******************/
	#bottomnav { 
		margin : 0;
		text-align:center;	
		padding:2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 80%;
		color : #666;
	} 
#bottomnav a { 
padding : 2px;
color : #003399;
text-decoration:none;
} 
#bottomnav a:hover{ 
padding : 2px;
color : #CC9966;
text-decoration: none;
} 

/***************breadcrumb******************/
#breadcrumb { 
margin : 0 50px;
padding-top: 10px;
color : #666666;
font-size : 80%;
font-family: Arial, Helvetica, sans-serif;
float:right;
} 

   #sidebar1 {
		float: left;
		margin-right: 6px;
		margin-left: 8px;
    	width: 140px;
    	padding: 20px;
		font-size: 85%;
		border: 1px solid #ddd;
		text-align: left;
    }
	
#sidebar1 a:link {
	color: #003399;
	text-decoration: none;
}
#sidebar1 a:visited {
	text-decoration: none;
	color: #003399;
}
#sidebar1 a:hover {
	text-decoration: none;
	color: #CC9966;
}
#sidebar1 a:active {
	text-decoration: none;
}		
	
   #mainContent { 
    	margin-left: 240px;
		padding-right: 30px;
		padding-left: 10px;
		padding-bottom: 20px;
		text-align:justify;
    } 
   #footer { 
    	margin:0;
		background: transparent;
		width: 900px;     /*100%;*/
		height:93px;
		background-image: url(IMG/banniereThanka.jpg);
		background-repeat: no-repeat;
		background-position: top left;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003399;
}
a:hover {
	text-decoration: none;
	color: #CC9966;
}
a:active {
	text-decoration: none;
}



h1 {
	font-family: Georgia, Garamond, Times, serif;
	font-size: 1.4em;
	font-style: regular;
	font-weight: bold;
	color: #993300;
}

.csc-firstHeader {
	font-family: Georgia, Garamond, Times, serif;
	font-style: regular;
	font-weight: bold;
	color: #336633;
}


h2{
font-size:1.3em;
color: #993300;   
}
h3{
font-size:1.2em;
color: #993300;   
}
h4{
font-size:1.1em;
color: #993300;   
}
h5{
font-size:1em;
color: #993300;   
}
h6{
font-size:1em;
color: #000000;   
}


.Style1 {color: #000000;
    font-family: Georgia, Garamond, Times, serif;
	font-size: 14px;
}

.Style11 {color: #000000;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 12px;
}

.Style12 {color: #000000;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 14px;
	font-weight: bold;
}

.Style13 {color: #000000;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 16px;
	font-weight: bold;
}


.Style2 {color: #993300;
	font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 14px;
}

.Style21 {color: #993300;
	font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
}

.Style22 {color: #993300;
	font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 15px;
}

.Style23 {color: #993300;
	font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
}

.Style24 {color: #993300;
	font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 16px;
}

.Style25 {color: #993300;
    font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}

.Style26 {color: #993300;
    font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 20px;
}

.Style27 {color: #993300;
    font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
}

.Style28 {color: #993300;
    font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 30px;
	font-style: italic;
}

.Style29 {color: #993300;
    font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
}


.Style3 {color: #003399;
    font-family: Georgia, Garamond, Times, serif;
	font-size: 12px;
	font-weight: bold;
}

.Style31 {color: #003399;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.Style32 {color: #003399;
    font-family: Georgia, Garamond, Times, serif;
	font-size: 14px;
	font-weight: bold;
}

.Style33 {color: #003399;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

.Style34 {color: #003399;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 16px;
	font-weight: bold;
}

.Style35 {color: #003399;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 11px;
	font-weight: bold;
}

.Style36 {color: #003399;
	font-family: Georgia, Garamond, Times, serif;
	font-size: 10px;
	font-weight: bold;
}

.Style5 {color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Style51 {color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.Style52 {color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.Style6 {color: #336633;	
    font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 16px;	
}

.Style61 {color: #336633;	
    font-family: Georgia, Garamond, Times, serif;
	font-weight: bold;
	font-size: 20px;	
}

.Style7 {color: #FFFFFF;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 2em;
	font-weight: bold;
}

/* Menu 1 column */
TD#menu_1 {	
	vertical-align: top; 
	width: 200px;
	background-repeat : no-repeat;
	padding-top: 10px;
}
TD#menu_1 DIV {
	width: 95%;
}
TD#menu_1 DIV A {
	color: #003399;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	text-decoration: none;
	color: #CC9966;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
  border-bottom: 1px dotted #999999;
  font-size: 11px;
  padding-top:5px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 11px;
  padding-top:5px;
}
TD#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
  font-size: 10px;
  padding-right:20px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
  font-size: 10px;
  font-weight:bold;
  padding-right:20px;
}


/********************************************/
/********Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
/*		------	Basic style	------		*/

#menu {
display: block;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li {
margin: 0 7px 0 0;
display: block;
float:left;
position: relative;
z-index: 500;
}

#menu a {
display: block;
}

#menu li li {
width: 100%;
z-index: 510;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}


/* - - - ADxMenu: DESIGN styles - - - */
/*		------   Make-up	--------			*/

#menu {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight: bold;
}

#menu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#menu li li {
width: 180px;
}

#menu li a {
text-decoration: none;
text-align: center;
color: #003399;
padding: 5px 15px  10px 10px;
margin:0;
border: 1px solid #ddd;
}

#menu li a:hover {
color:#993300;
background-color:#F5F0DA;
border: 1px solid #ddd;
}

#menu li:hover>a {
color:#993300;
background-color:#F5F0DA;
border: 1px solid #ddd;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 5px 10px;
border: 1px solid #ddd;
color:#993300;
background-color:#F5F0DA;
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 5px 10px;
color:#003399;
background-color:#E9F7F8;
border: 1px solid #ddd;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #003399;
padding: 5px 7px 5px 10px;
background-color:#E9F7F8;
border: 1px solid #ddd;
}

#menu li ul {
width: 180px;

}

#menu li li ul {
border-top-width: 0px;
margin: -8px 0 0 -8px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
content: "";
}


/***********************************************************/
/* Personnalisation styles Calendrier et News */
/***********************************************************/

/*   res/cssCalendar.css */
/* List view CSS */

.newsCalendar_listHeader{
	font-size:1.2em;      /*perso*/
	font-weight:bold;
	background-color:#FFF8F1;    /*perso*/
	color:#333333;
	border:0;      /*1px solid #7e7e7e;*/
	padding:0.5em;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0.6em;    /*perso*/
}
.newsCalendar_listBody{
	padding:1em;
}
.newsCalendar_listItem{
	font-size:1em;
	padding-left:1em;
	padding-bottom:0.6em:     /*perso*/
}
.newsCalendar_listItemHeader{
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.25em;
	font-size:1.25em;
}


/*  res/tt_news_v2_styles.css  */
/**** tt_news Page-Browser ****/

.tx-ttnews-browsebox {
	margin-top:1em;     /*perso*/
	border:0;       /*1px solid #666;*/
	padding:0.5em;
	background-color: #FFF8F1;                     /*#F9FFE5;*/
}
.tx-ttnews-browsebox TD {
	font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}
.tx-ttnews-browsebox-SCell {
	background-color: #FFF8F1;          /* #BBE53A;*/
	border:0;         /*1px solid #666;*/
}
.news-search-emptyMsg {
	font-size: 11px;
	margin-left: 10px;
}

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	padding:1em;	
	margin-bottom:1em;   /*perso*/
	margin-top:1em;       /*perso*/
	border:0;                           /*1px solid #666;*/           
	background-color:#FFF8F1;        /*#F9FFE5;*/
}
.news-single-item H2 {
	font-size: 16px;
	font-weight:bold;
	color: #CC0000;        /*#85A600;*/
	margin-bottom: 0px;
}
.news-single-item H3 {
	margin-bottom: 15px;
}
/**/
.news-single-img {
	float: right;
margin-left:5px;
}
.news-single-imgcaption {
	padding:3px;
	clear:both;
}
.news-single-category {
	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 9px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	background-color: #BBE53A;
	clear: both;
	margin-top: 15px;
	border: 1px solid #666;
padding:3px;
padding-bottom:0px;
}
.news-single-related,.news-single-files,.news-single-links  {
	border: 1px solid #666;
margin:0px;
	margin-bottom: 3px;
padding:3px;
	background-color:#F9FFE5;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left:20px;
;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
margin-left:5px;
width:90%;
}