@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 15px 0px 0px 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px 0px 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(images/Tivoli_new_background_1.jpg) center top;	
	background-attachment:scroll;
	background-repeat:repeat-y;
}

/*	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(back.jpg) center top; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto;
	WIDTH: 770px; 
	COLOR: #333333; 
	PADDING-TOP: 0px; 
	POSITION: relative;*/

.tivoli #container3 { 
	width: 830px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
/*.tivoli #container {  
	position:relative;
	left:50%;
	width: 830px;
	background: #FFFFFF;
	margin-left: -415px;
	text-align: left; 
	background-image:url(images/tivoli_main_background.jpg);
	background-repeat:repeat-y;
} */
.tivoli #container { 
	width: 830px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	/*background-image:url(images/test.png);*/ /* tivoli_main_background.jpg */
	/*background-repeat:repeat-y;*/
} 

.tivoli #wrapper {
	position:relative;
	background-image: url(images/tivoli_main_newbackground2.jpg); /* tivoli_main_background.jpg */
	background-repeat:repeat-y;
}


.tivoli #language_bar p{
margin-left:725px;
margin-top:0px;
margin-bottom:0px;
}


.tivoli #language_bar p{
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-align:justify;
font-size: 13px;
color: #686868;
padding: 0px 53px 0px 0px;
}

.tivoli #language_bar p a:link , .tivoli #language_bar p a:visited{
color: #686868;
text-decoration:underline;
}

.tivoli #language_bar p a:hover{
color: #686868;
}

.tivoli #container2 {  /* Creative absolute positioning of the container for different browsers compatibility, instead of the normal auto margins method */
	position:relative;
	margin: 0 auto;
	/*left:50%;*/
	width: 830px;
	/*background: #FFFFFF;*/
	/*margin-left: -415px;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	background-image:url(images/tivoli_main_background.jpg);
	background-repeat:repeat-y;*/
} 

.tivoli #header { 
 
	/*padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.tivoli #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.tivoli #sidebar1 {
	/*float: left;*/ /* since this element is floated, a width must be given */
	position:absolute;
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* background: #FFFFFF; */ /* the background color will be displayed for the length of the content in the column, but no further */
	/* padding: 0px 17px 17px 17px; */
	left:0px;
	top:0px;
	margin-left: 34px;
	margin-right: 12px;
}

.tivoli #sidebar2 {
	width: 230px;
	position:absolute;
	left:0px;
	margin-left: 34px;
	padding-left:24px;
	/*margin-right: 0px;*/
}

.tivoli #sidebar2 #img {
padding-top:90px;
}

.tivoli #sidebar1 #img {
padding-top:90px;
padding-left:5px;
}

.tivoli #sidebar1 p{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686868;
	margin-top: 0px;
	padding: 0px 0px 0px 17px;
	line-height:16px;
}

.tivoli #sidebar1 #Voir_détail{
	color:#1395d8;
	font-size: 10px;
}

.tivoli #sidebar1 #Voir_détail a:link , .tivoli #sidebar1 #Voir_détail a:visited{
	text-decoration:none;
	color:#1395d8;
}

.tivoli #sidebar1 #Voir_détail a:hover{
	text-decoration:underline;
	color:#1395d8;
}

.tivoli #sidebar1 ul{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	margin-top:0px;
	font-size: 11px;
	color: #686868;
	list-style:none;
	text-decoration:none;
	line-height:12px;
	/*margin-left:5px;*/
	/*margin-left:-10px;*/
	/*width:230px;*/
}

.tivoli #sidebar1 li{
	margin-left:-23px;
	padding-top:5px;
}

.tivoli #subtitle{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	/*margin-left:-23px;*/
	font-size: 13px;
	color: #686868;
	font-weight:bold;
	padding-left:20px;
}

.tivoli #sidebar1 li a:link , .tivoli #sidebar1 li a:visited{
	color: #686868;
	text-decoration:none;
}

.tivoli #sidebar1 li a:hover{
	color: #686868;
	text-decoration:underline;
}

.tivoli #sidebar1 #title {
left: 0px;
}

.tivoli #sidebar1 #grey_image {
padding-left: 17px;
}

.tivoli #mainContent { 
	/* margin: 0 0 0 250px; */ /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	/* padding: 0 20px; */ /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*margin-right: 53px;*/
	margin-left: 289px;
}
 
.tivoli #mainContent p{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 13px;
	color: #686868;
	padding: 0px 53px 0px 0px;*/
}

.tivoli #mainContent #title{
padding-top:10px;
}

.tivoli #title2{
padding-top:50px;
}

.tivoli #mainContent li{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #686868;
	list-style:display;
	text-decoration:none;	
	padding-top:5px;
	margin-right:40px;
}

.retour{
	padding-left:270px;
	font-size:10px;
	color:#1395d8;
	
	}
	
.retour a {
	font-size:14px;
	color:#1395d8;
	text-decoration:underline;
	
	}
	
.mail {
	font-family:"Verdana",Arial,Helvetica,sans-serif;
	font-size:13px;
	padding:0 53px 0 0;
	text-align:justify;
	color:#686868;
	text-decoration:none;
	
	
	}	
	
.mail a {
	font-size:12px;
	color:#1395d8;
	text-decoration:underline;
	
	}

.tivoli #mainContent li a:link, .tivoli #mainContent li a:visited{
	color:#686868;
	text-decoration:none;
}
.tivoli #mainContent li a:hover{
	color:#686868;
	text-decoration:underline;
}

.tivoli #mainContent li p a:link, .tivoli #mainContent li p a:visited{
	color:#1395d8;
	text-decoration:none;
}
.tivoli #mainContent li p a:hover{
	color:#1395d8;
	text-decoration:underline;
}


.tivoli #mainContent p a:link, .tivoli #mainContent p a:visited{
	color:#686868;
	text-decoration:none;
}

.tivoli #mainContent p a:hover{
	color:#686868;
	text-decoration:underline;
}

.tivoli .popup{
	background-color:#FFFFFF;
	}
	
.tivoli .popup p{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	/*text-align:center;*/
	font-size: 13px;
	color: #686868;
	margin-left:40px;
	margin-right:40px;
	
}

.tivoli .pop_title{
	text-align:center;
	font-weight:600;
	padding-top:10px;
	
}

.tivoli .pop_content{
	text-align:justify;
}

.tivoli .popup p a:link, .tivoli .popup p a:visited{
	color:#686868;
	text-decoration:none;
}

.tivoli .popup p a:hover{
	color:#686868;
	text-decoration:underline;
}

.tivoli #content_title{
padding-top:10px;
}

.tivoli #content_title li{
color: #686868;
font-weight:400;
/*padding-top:5px;*/
/*display:inline;*/
}

.tivoli #content_title li a:link, .tivoli #content_title li a:visited{
	color:#686868;
	text-decoration:none;
}

.tivoli #content_title li a:hover{
	color:#686868;
	text-decoration:underline;
}

.tivoli #belowheaderSub { 
	/*padding: 0 10px 0 20px; */ /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#FFFFFF;*/
	background-image:url(images/tivoli_main_below_newheader3.jpg);
	height:9px;
	width:830px;

	/*margin-bottom:1px;*/
} 
.tivoli #belowheaderMain { 
	/*padding: 0 10px 0 20px; */ /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#FFFFFF;*/
	background-image:url(images/tivoli_main_below_newheader3.jpg);
	height:9px;
}

.tivoli #footer { 
	/*padding: 0 10px 0 20px; */ /* this padding matches the left alignment of the elements in the divs that appear above it. */
	position:relative;
	height:102px;
	width: 830px;
	/*background:#FFFFFF;*/
	background-image:url(images/tivoli_newfooter2.jpg);
	background-repeat:no-repeat;
	}
	 
.tivoli #footer #text1 {
	position:absolute;
	top:23px; /* 28 */
	left:75px; /* 75 */
	width:175px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#686868;
}

li  {
display:list-item;
color:#686868;
font-family:"Verdana",Arial,Helvetica,sans-serif;
font-size:13px;
}

.tivoli #footer #text2 {
	position:absolute;
	top:33px; /* 28 */	
	left:321px; /* 75 */
	width:440px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#686868;

}
.tivoli #footer #text2 a:link, .tivoli #footer #text2 a:visited{
	color:#686868;
	text-decoration:none;
}
.tivoli #footer #text2 a:hover{
	color:#686868;
	text-decoration:underline;
}
.tivoli #footer2 { 
	/*padding: 0 10px 0 20px; */ /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#FFFFFF;*/
	background-image:url(images/tivoli_newfooter2.jpg);
	height:102px;
	position:relative;
} 
.tivoli #footer2 #text1 {
	position:absolute;
	top:28px; /* 28 */
	left:75px; /* 75 */
	width:175px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#686868;
}

.tivoli #footer2 #text1 a:link, .tivoli #footer2 #text2 a:visited{
	color:#686868;
	text-decoration:none;
}
.tivoli #footer2 #text1 a:hover{
	color:#686868;
	text-decoration:underline;
}
.tivoli #footer2 #text2 {
	position:absolute;
	top:33px; /* 28 */	
	left:321px; /* 75 */
	width:440px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#686868;

}
.tivoli #footer2 #text2 a:link, .tivoli #footer2 #text2 a:visited{
	color:#686868;
	text-decoration:none;
}
.tivoli #footer2 #text2 a:hover{
	color:#686868;
	text-decoration:underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.tivoli #list_ul{
position:relative;
/*display:inline;*/

}

.tivoli #list_ul li{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	list-style:disk;
	text-decoration:none;
}

.tivoli #list_ul li a:link, .tivoli #list_ul li a:visited{
	color:#686868;
	text-decoration:none;
}
.tivoli #list_ul li a:hover{
	color:#686868;
	text-decoration:underline;
	}