@charset "utf-8";
/* CSS Document */
ul{
list-style:none outside none;
margin:0;
padding:0;
display:inline;
}

a{
	color:#563756;
}
a:hover{
	text-decoration:underline;
}


h1,h2,h3,h4,h5{
	text-transform:uppercase;
	font-weight:normal;
	clear:both;
}

h1{
	font-size:15px;/*font-size:17px;*/
	color:#563756;
	
}

h3{
	color:#98649A;
	font-size:15px;/*font-size:12px;*/
	padding:0 0 0 13px;
}

p{
	word-spacing:5px;
}
form{
	margin:0;
}

#content img {
	border:1px solid #CBB987;
	padding:2px;
}
/******************** header1 ****************/
	/********************* tools *****************/
	#header1 #tools{
		height:15px;
		margin-top:30px;
		position:relative;
		width:100%;
		margin-bottom:7px;
		font-size:10px; /*font-size:12px;*/
		text-transform:uppercase;
	}
		/******************** usefulllinks *************/
		#tools #usefulllinks{
			float:left;
			height:15px;
			width:860px;
		}
	
		#usefulllinks ul{
			float:right;
		}
	
		
		#usefulllinks ul li{
		display:inline;
		}
		
			
		#usefulllinks ul li a{
			color:#52442E;
			height:15px;
			line-height:15px;
			margin:0 10px 0 5px;
			text-decoration:none;
		}
		
		/******************** menuLang *************/
		#tools #menuLang{
			color:#FEE9A4;
			float:right;
			height:15px;
			width:auto;
		}
	
			
		#menuLang ul{

		}
	
			
		#menuLang ul li,#languages ul li{
		display:inline;
		}
		
			
		#menuLang ul li a,#languages ul li a{
			color:#FEE9A4;
			height:15px;
			line-height:15px;
			margin:0 5px 0 2px;
			text-decoration:none;
		}
		
		#menuLang ul li.active a,#menuLang ul li a:hover{
			color:#563756;
		}
	
/********************** header2 *******************/
	/********************* logo *******************/
		#header2 #logo{
			background:url("../images/spray.png") no-repeat scroll 0 0 transparent;
			float:left;
			height:114px;
			position:relative;
			width:267px;
		}
		
		#logo a{
			display:block;
			height:114px;
			width:267px;	
		}
		
		#header2 #logo_part{
			background:url("../images/spray.png") no-repeat scroll -267px 0 transparent;
			float:left;
			height:48px;
			position:relative;
			width:70px;
		}
		
	/******************* externallinksMenu *******************/
		#header2 #externallinks{
			background-color: #F3E5A6;
			float:left;
			height:48px;
			width:645px;
			position:relative;		
		}
	
			
		#externallinks ul{
			display:block;
			margin-top:21px;	
			font-size:10px;/*font-size:12px;*/
			float:right;
			text-transform:uppercase;
		}
	
			
		#externallinks ul li{
			display:inline;
			
		}
		
			
		#externallinks ul li a{
			background:url("../images/bt_resummenu_normal_active.png") no-repeat scroll 0 1px transparent;
			color:#8A775B;
			display:inline-block;
			height:10px;
			line-height:10px;
			margin:0 13px 0 0;
			padding:0 0 0 13px;
			text-decoration:none;
		}
		
		#externallinks ul li a:hover,#externallinks ul li a.active{
			background:url("../images/bt_resummenu_normal_active.png") no-repeat scroll 0 -49px transparent;
			color:#52442E;
		}
		
	/******************* mainMenu level1 *******************/

		#header2 #mainMenu{
			background:url("../images/menu_bkg.png") repeat-x scroll 0 0 transparent;
			float:left;
			height:27px;
			position:relative;
			width:715px;	
			z-index:10;	
			text-transform:uppercase;			
		}
	/* Elements de premier niveau
--------------------------------------*/
			#mainMenu ul{
				/*letter-spacing: 4px;*/
				font-size:10px;/*font-size:12px;*/
			}

			/* Level 1 */
			#mainMenu li {
				float: left;
				position: relative;
				z-index: 10;
				height: 26px;
				line-height: 9px;				
			}
			
			#mainMenu li a {
				color:#F5EBC0;
				display:block;
				margin:0 3px 0 5px;
				padding:6px 6px 6px 10px;
				text-decoration:none;
			}
			
			#mainMenu ul li a:hover,#mainMenu ul li a.active{
				background:url("../images/bt_mainmenu_active.png") no-repeat scroll 0 6px transparent;
			}

			
	/* Elements de 2eme niveau
--------------------------------------*/
			/*
			#mainMenu li ul {
				position: absolute;
				display: none;
				top: 0;
				left: 0
			}
			*/
			
			
			#mainMenu li.first {
				height:19px;
				line-height:22px;
				background:none repeat scroll 0 0 transparent;
			}
			
			#mainMenu li li.first a:hover,#mainMenu li li.first a.active{
				background:url("../images/bt_mainmenu_active.png") no-repeat scroll 0 8px transparent;
			}
			
			#mainMenu li.first a {

			}
			
			#mainMenu li.last a {
				
			}
			
			#mainMenu li.last{
				height:23px;
			}
			
			#mainMenu li li a {
				display:block;
				margin:0 ;
				padding:1px 12px 0;
				width:auto;
				position:relative;
			}
			
			#mainMenu li li a:hover,#mainMenu li li a.active{
				background:url("../images/bt_mainmenu_active.png") no-repeat scroll 0 5px transparent;
			}
			
			#mainMenu li ul {
				display: none;
				position: absolute;
				top: 100%;
				/*	left: 0;*/
				left: 10px;
				padding:0 !important;
				background:#563756 url("../images/bkg_submenu.png") repeat-x bottom left;	
				font-size:10px;	/*font-size:12px;*/
				width:250px;		
			}
			
			#mainMenu li>ul{
				/*top: auto;*/
				left: 10px;
			}
			
			#mainMenu li li {
				background:url("../images/bkg_submenu_li.png") repeat-x scroll 0 0 transparent;
				border:0 none;
				display:block;
				float:none;
				height:17px;
				line-height:15px;
				overflow:hidden;
				width:230px;
				margin:0 10px 0 10px;
				z-index:10;
			}
			
			#mainMenu li:hover ul,#mainMenu li.over ul {
				display: block;
				padding: 0 !important;
			}
			

	/*********************** breadcrumb ***********************/
	#header2 #breadcrumb{
		background-color:#F3E5A6;
		color:#8A785B;
		float:left;
		height:39px;
		line-height:39px;
		margin-left:0;
		margin-top:0;
		width:715px;
	}	

	#breadcrumb ul{
		margin-left:8px;
	}

	#breadcrumb ul li{
		display:inline;
		height:20px;
		line-height:20px;
	}
	
	#breadcrumb ul li a,#breadcrumb .tools a{
		color:#8A785B;
		display:inline-block;
		margin:0 3px 0 0;
		padding:0;
		text-decoration:none;
	}
	
	#breadcrumb ul li a:hover, #breadcrumb .tools a:hover{
		color:#4F3814;
	}
	
	#breadcrumb .tools{
		float:right;
		margin-right:40px;
	}

	#breadcrumb .tools ul{
	float:left;
	margin-top:10px;
	}
	
	#breadcrumb .tools li.print{
		background:transparent url(../images/print.gif) no-repeat scroll 0 1px;
		float:left;
		height:20px;
		margin-right:5px;
	}
	
	#breadcrumb .tools li.sitemap{
		background:transparent url(../images/sitemap.gif) no-repeat scroll 0 0;
		float:left;
		height:20px;
	}
	
	#breadcrumb .tools li a{
		height:20px;
		margin-left:19px;
	}	
	
	#breadcrumb .tools li.print a{
		margin-left:15px;
	}
	
	#breadcrumb a{
		margin-right:10px;
	}
	
	#header2 #breadcrumb h1{
		display:none;
	}
	
	/***************************** content wrapper *************/		
		#header2 #content-wrapper{
			background-color:#F3E5A6;
			float:left;
			height:auto;
			margin-bottom:10px;
			position:relative;
			width: 982px;
			z-index:0;
		}		
		/*********************** leftcol *************************/
		#content-wrapper #leftcol{
			float:left;
			height: auto;
			position:relative;
			width:275px;
			padding-top:50px;
		}
		
		#leftcol img{
			border:1px solid #CBB987;
			padding:2px;
		/*
			margin-left:34px;
			margin-top:57px;*/
		}
		/***************************maincontent *******************/
			#content-wrapper #mainContent{
				background:url("../images/mainContent_bkg.png") repeat-y scroll 0 0 transparent;
				float:left;
				height:auto;
				margin-bottom:10px;
				margin-top:25px;
				position:relative;
				width:705px;
				z-index:0;
			}
			
			#content-wrapper #mainContent.onecol{
				background:  transparent none;
				width: 980px;
			}

			/******************* submenu**********************/
			#mainContent #submenu{
				color:#B6A073;
				float:left;
				margin:0 0 0 40px;
				width:auto;
			}	
		
			#submenu ul{
				display:block;
			}
		
			#submenu ul li{
				display:inline;
				margin-right: 2px;
			}
			
			#submenu ul li a{
				background-color:#E4D499;
				color:#8A785B;
				display:inline-block;
				height:10px;
				line-height:10px;
				margin:0 -1px 0 0;
				padding:5px;
				text-decoration:none;
			}
			
			#submenu ul li a.active,#submenu ul li a:hover{
				color:#4F3814;
			}	
			
			/*************************** titlebox *********************/
			#mainContent #titlebox{
				float:left;
				margin:25px 0 0 40px;
				width:auto;
				text-transform:uppercase;
			}
			
					
			#titlebox h1{

			}
			
			#titlebox h3{
				background:url("../images/spray.png") no-repeat scroll -329px -101px transparent;
				margin-top:0;
				padding:0 0 0 13px;
			}
			
			/*************************** content ******************/
			#mainContent #content{
				float:left;
				margin-left:40px;
				margin-right:40px;
				width:auto;
			}
		
			#content p{
				line-height:18px;
/*				font-size:10px;*/
			}
			
	/*****************footer************/
	#footer,#footer a{
	 position: relative; 
	 margin-bottom: 20px;
	 color: #F3E5A6;
	 font-weight:bold;
	}
	
	#footer a{
		text-decoration:none;
	}
	
	#footer a:hover{
		text-decoration:underline;
	}
	
	#footer label{
		float:right;
	}
	
/************************ homepgae ****************/
#homepage{
background:url("../images/intro_homepage.png") no-repeat scroll 0 0 transparent;
height:600px;
margin-top:88px;
}

#homepage #languages{
	float:left;
	margin:195px 0 0 88px;
	position:relative;
	width:400px;
	font-weight:bold;
}

#homepage #languages ul li{
background:url("../images/bt_resummenu_normal_active.png") no-repeat scroll 0 4px transparent;
}

#homepage #languages ul li a{
color:#C1A56A;
margin:0 15px 0 12px;
}

#homepage #languages ul li a:hover{
color: #563756;
}
	
/**************************** clearer *************************/
.clearer{
	clear:both;
}

.clearer-l{
	clear:left;
}

.clearer-r{
	clear:right;
}

/*************************** typo3 *****************************/
/*******mail-form********/
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	
}

div.csc-textpic-intext-right-nowrap .csc-textpic-text {
	
}

fieldset.csc-mailform {
/*	background-color: white;*/
	/*	border: 1px solid #D4D4D4;*/
	border: none;
	margin: 0 auto;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding:0;
}

.csc-mailform-label {
	clear: both;
	color: #5E6B7E;
	text-align: left;
	margin-left: 2px;
}

.csc-mailform-field {
	float: left;
	margin: 0 auto;
	position: relative;
	width: 100%;
}


.csc-mailform-field label {
	float: left;
	line-height: 23px;
	margin-top: 5px;
	text-align: left;
	width:25%;
}


.csc-mailform-field input,.csc-mailform-field textarea,.csc-mailform-field div.date_signature,.csc-mailform-field div.radios,.csc-mailform-field span,.csc-mailform-field select
	{
	background-color:#E6D89D;
	border:1px solid #CBB987;
	float:left;
	margin:7px 0 0;
	width:50%;
}

.csc-mailform-field select{
	width : auto;
}

.csc-mailform-field .csc-mailform-check {
	width: auto;
}

fieldset#mailformradio {
	border: medium none;
	float: left;
	padding-left: 0;
	position: relative;
	width: auto;
}

.csc-mailform-field span {
	padding: 0;
}

.csc-mailform-field fieldset{
	border:medium none;
	padding-bottom:5px;
}

.csc-mailform-field fieldset legend {
	display: none;
}

.csc-mailform-field fieldset .csc-mailform-radio {
	margin-left: 0;
	margin-top: 5px;
	width: auto;
}

.csc-mailform-field fieldset label {
	margin:0 15px 0 5px;
	padding:0;
	width:85%;
}

.csc-mailform-field fieldset input.csc-form-radio {
	height: 20px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	width: auto;
	clear: both;
}


.csc-mailform-field textarea {
	line-height: 10px;
}

/*
.csc-mailform-field .csc-mailform-submit {
	background:url("../images/mailform-submit.png") no-repeat scroll 0 0 transparent;
	clear:left;
	color:#F5EBC0;
	float:left;
	height:30px;
	margin-left:25%;
	text-align:left;
	width:95px;
	border:none;
	padding-left: 5px! important;
}
*/
/****************le bouton submit de la page de recherche de typo3 (id= 1180) ************/
.csc-mailform-field .csc-mailform-submit {
background:#563756 url(../images/mailform-submit.png) no-repeat scroll 77px 0;
border:medium none;
clear:left;
color:#F5EBC0;
float:left;
height:28px;
margin-left:25%;
padding-left: 0 !important;
text-align:center;
width:160px;
}
table.contenttable {
	color: #4F4F4F;
	/*float: left;¨*/
	border: 1px solid #CBB987;
	width: 100%;
	font-size: 10px;/*font-size:12px;*/
}

table.contenttable th{
	background-color:#C2B283;
	color:#311A1E;
	height:22px;
	line-height:22px;
	padding-left:8px;
	text-align:left;
	width:auto;
}

table.contenttable tr{

}

table.contenttable td{
	background-color:#DACB94;
	color:#8A785B;
	font-weight:bold;
	height:22px;
	line-height:22px;
	padding-left:8px;
}

table.contenttable tr.tr-even {

}

table.contenttable tr.tr-odd {

}

table.csc-uploads{

}

table.csc-uploads td{

}

table.csc-uploads td p{
	float:left;
	margin:0 0 8px 10px;
	width:auto;
	word-spacing:0;
}

table.csc-uploads td p a,ul.csc-bulletlist li span{
	color:#311A1E;
	margin:0 0 0 8px;
	text-decoration:none;
	font-weight:bold;
}

ul.csc-bulletlist li span{
	margin:0;
}

table.csc-uploads td p a:hover{
	text-decoration:underline;
}

table.csc-uploads td.csc-uploads-fileName{
	background:transparent url(../images/icone_file.png) no-repeat scroll 1px 6px;
	width:auto;
}

ul.csc-bulletlist {
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:circle;
	margin-left:0;
	margin-top:0;
}

ul.csc-bulletlist li {
	background:url("../images/bullet-list_circle.png") no-repeat scroll 2px 5px transparent;
	color:#311A1E;
	list-style:none outside none;
	margin-bottom:8px;
	padding-left:16px;
	text-align:left;
	width:100%;
}

ul.csc-bulletlist li a { /*color: #5E6B7E;*/
	text-decoration: underline;
}

body a:hover{
	text-decoration: underline;	
}

ul.csc-bulletlist li a:hover,p bodytext a:hover {
	
}

.csc-default{
	clear:both;
	position:relative;
}

.csc-default .csc-header{
	
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption  {
	color:#8A785B;
	font-size:11px;/*font-size:13px;*/
	margin:2px 0 0 5px;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:12px !important;
	margin-top:6px !important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:12px !important;
	margin-top:6px !important;
}


.csc-default ul li {
	background:url("../images/bullet-list_circle.png") no-repeat scroll 2px 5px transparent;
	color:#311A1E;
	list-style:none outside none;
	margin-bottom:8px;
	padding-left:16px;
	text-align:left;
	width:100%;
}
/************** forum ******************/
#tx_chcforum-pi1 {
	font-family:verdana,Arial,"Times New Roman", Times, serif;
}

/************** sitemap ****************/
.csc-default .csc-sitemap ul li{
margin-left:20px;
margin-top:10px;
} 

.csc-default .csc-sitemap ul ul li{

} 

.csc-default .csc-sitemap ul ul  ul li{

} 

.csc-default .csc-sitemap ul ul ul ul li{

} 

/************errors typo3**************/
body div.center{
position:absolute;
right:517px;
top:202px;
width:415px;
z-index:20;
}

body div.center img{
	display:none;	
}

body div.center .errorBox p{
	text-align: center;
	color:red;
	font-weight: bold;	
}