@import url(reset.css);

* {
	margin:0;
	padding:0;
}
body  { color: #333; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; line-height: 150%; background: #0a599f url("/2010/img/bg_body.jpg") no-repeat fixed center bottom; text-align: center }
li {list-style:none;}
img {border:0; behavior: url(/2010/js/iepngfix.htc);}

h1 { color: #4D4D4D; font-size: 35px;  font-family: shortcut; padding: 5px 0px 85px 0px; line-height: 0.4em; display: inline;}
	h1 span { font-size: 0.7em; font-weight: normal; }
		h1 span p.date { font-size: 0.8em; font-weight: bold; }
/* h2 { color: #999999; font-size: 1.8em;  font-family: shortcut; padding: 5px 0px 85px 0px; line-height: 1.2em; display: inline; } */
h2 { color: #999999; font-size: 1.8em; padding: 5px 0px 85px 0px; line-height: 1.2em; display: inline; }
/*h2 { text-align: left; font-size: 2.6em; font-weight: bold; color: #666; padding: 11px 0 10px 114px; }*/

h5 { font-family: Georgia, "Times New Roman", Times, serif; text-align: left; font-size: 1.2em; font-weight: bold; color: #fff; padding: 11px 0 10px 114px; }

h3 { font-size: 1.6em; font-weight: bold; padding: 0 0 20px 0; }
h3 span { font-size: 0.8em; font-weight: bold; }
/*h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #666; font-weight: bold; }*/
/*h4 { color: #152B53; font-size: 2.6em;  font-family: Arial; padding: 5px 0px 85px 10px; line-height: 1.0em; display: inline; }*/

h4 { color: #152B53; font-size: 2.6em; padding: 5px 0 0 327px; line-height: 1em; }
	/*h1 span { font-size: 0.7em; font-weight: normal; }
		h1 span p.date { font-size: 0.8em; font-weight: bold; }*/


/*h4.colRight { color: #4D4D4D; font-size: 1.3em;  font-family: Arial; padding: 5px 0px 85px 0px; line-height: 1.2em; display: inline; }*/
h4.colRight { font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 0px 0px 0px; font-size: 1.4em; color: #666; font-weight: bold; }

h4 span { font-size: 0.7em; font-weight: normal; }
		h4 span p.date { font-size: 0.8em; font-weight: bold; }

td.date { color: #999999; font-size: 1.9em;  font-family: shortcut; }
td.date1 { color: #999999; font-size: 1.9em;  padding: 30px}
		
div#top { line-height: 24px; background: #000; color: #fff; border-bottom: 2px solid #5E5E5E; text-align: left; }
	div#topInner { width: 996px; margin: 0 auto; }
	ul#topNav { float: left; padding-right: 20px; font-size: 1em; font-weight: bold; }
		ul#topNav li  { background: url("/2010/img/bullet.gif") no-repeat left 0.8em; margin-left: 33px; padding-left: 12px; float: left }
			ul#topNav li a { color: #fff; text-decoration: none; }
			ul#topNav li a:hover { text-decoration: underline; }
	
	ul#language { float: right; padding-right: 20px; }
		ul#language li { float: right; margin-right: 5px; }
			ul#language li img{ vertical-align: middle; }
			ul#language li a{ text-decoration:none; color:#FFFFFF; }

div#container, div#container_sub, div#containerUS {
	clear: both;
	margin:0 auto;
	text-align:left;
	width:996px;
	padding-bottom: 10px;
	z-index:10;
}

/*div#container { background: url(../img/bg_content.png) left top no-repeat; }
	div#container_sub { background: url(../img/bg_subInner.png) left top repeat; }*/

div#container  { background: url("/2010/img/bg_content4_new.jpg") left top; z-index:10;}
div#containerUS  { background: url("/2010/img/bg_content4.jpg") left top; z-index:10;}
	div#container_sub  { background: url("/2010/img/bg_content5.jpg") left top }

div#header {
	height: 86px;
	padding: 10px 0 0 0px;
	z-index:10;
	/*padding: 10px 0 0 20px;*/
}

.logos { float: right; padding: 30px 55px 0 0 }
.logosUS { float: right; padding: 25px 35px 0 0 }

div#tab_newsletter  { background: url("/2010/img/tab_newsletter2.jpg") no-repeat left bottom; position: relative; top: 14px; width: 298px; height: 83px; float: right }
	div#tab_newsletter p { color: #222; font-size: 1.1em; padding: 45px 0 0 30px; width: 180px; }
		div#tab_newsletter p a { color: #222; text-decoration: underline; font-weight: bold; }
			div#tab_newsletter p a:hover { text-decoration: none; font-weight: bold; }

div#tabus_newsletter  { background: url("/2010/img/tabus_newsletter2.jpg") no-repeat left bottom; position: relative; top: 14px; width: 298px; height: 83px; float: right }
	div#tabus_newsletter p { color: #222; font-size: 1.1em; padding: 60px 0 0 30px; width: 180px; }
		div#tabus_newsletter p a { color: #222; text-decoration: underline; font-weight: bold; }
			div#tabus_newsletter p a:hover { text-decoration: none; font-weight: bold; }

#test
{
position:relative;
}
div#content {
	clear:both;
}

div#mainCol {
	position: relative;
	width: 961px;
	margin: 0 auto;
	z-index:10;
}
div#mainImg {
	position: absolute;
	top: 0;
	left: 0;
	margin: 22px 13px 15px 13px;
	width: 911px;
	height: 222px;
	padding: 144px 10px 0 10px;
}

div#mainImg2 {
	position: absolute;
	left: 0;
	margin: -270px 0 0 20px;
	/*margin: 162px 5px 0px 20px; */
	width: 911px;
	height: 25px;
	/*padding: 144px 10px 0 10px; */
}

.Postit { margin-top:-165px; color: #152B53; font-size: 1.0em; padding: 1px 10px 5px 10px; line-height: 1.8em; }
.Postita { color: #152B53; font-size: 1.0em; font-weight:bold; font:bold; }
.Postita p a { color: #152B53; font-size: 1.0em; font-weight:bold; font:bold; }

.Postit2 { margin-top:-145px; color: #f27b1f; font-size: 1.2em; padding: 1px 10px 5px 10px; line-height: 1.2em; }
/*.Postit2a { color: #f27b1f; font-size: 1.0em; font-weight:bold; font:bold; }
.Postita2 p a { color: #f27b1f; font-size: 1.0em; font-weight:bold; font:bold; }*/


div#mainImgCadre {
position:relative;top:-300px;
/* background: url("/2010/img/post_it.png") no-repeat right; */
	left: 0;
	width: 180px;
	height: 180px;
	padding: 40px 0px 0px 730px;	
}

div#mainImgCadre2 {
position:relative;top:-445px;
/* background: url("/2010/img/post_it.png") no-repeat right; */
	left: 0;
	width: 180px;
	height: 180px;
	padding: 40px 0px 0px 30px;	
}


/*div#mainInner {
	background: url(../img/bg_mainInner.png) left top no-repeat;
	width: 246px;
	height: 138px;
	color: #333;
	font-size:1.4em;
	padding: 5px;
	line-height: 1.4em;
	overflow: no;
}*/

div#mainInner {
	color: #ffffff;
	font-size:1.4em;
	padding-top: 60px;
	padding-left: 0px;
	line-height: 1.4em;
	overflow: no;
}
div.infoBox  { background: url("/2010/img/infoBox.png") no-repeat left top; width: 651px; height: 209px; clear: both }
	div.infoBox img { float: left; }
		div.infoBox img.title { padding-top: 25px; float: left;  }
		.title { padding-top: 40px; font-family: shortcut; font-size: 3.0em;  float: right ;z-index: -3000; }
		div.infoBox div.go a  { background: url("/2010/img/go.gif") no-repeat left top; text-indent: -3000px; margin: 30px 15px 20px 0; width: 51px; height: 21px; float: right }
			div.infoBox div.go a:hover  { background: url("/2010/img/go_on.gif") no-repeat left top }
		div.infoBox p { clear: right; color: #333; padding-right: 20px;padding-top: 10px;padding-left: 255px;}
		div.infoBox p.titleOneLine { clear: right; color: #333; padding-right: 20px;padding-left: 255px; }
		div.infoBox p.titleThreeLine { clear: right; color: #333; padding-right: 20px;padding-top: 38px;padding-left: 255px;}
		
		.titleWithoutTag{ padding-top: 58px; font-size:1.2em;line-height: 1.6em;/*font-family: shortcut; font-size: 3.0em;  float: right ;z-index: -3000; */}
		.titleHebergement{ padding-top: 68px; font-size:1.2em;line-height: 1.6em;/*font-family: shortcut; font-size: 3.0em;  float: right ;z-index: -3000; */}
		.titleAutresEvenements{ padding-top: 88px; font-size:1.2em;line-height: 1.6em;/*font-family: shortcut; font-size: 3.0em;  float: right ;z-index: -3000; */}

/*body#main div#mainFooter {
	padding: 37px 0 0 0;
}*/
body#main div#mainFooter {
	padding: 13px 0 0 0;
}
body#sub div#mainFooter { 
	padding: 10px 0 0 0;
}
body#sub div#mainFooter { clear: both; width: 960px; margin: 0 ; }

div#mainFooterLeft  { color: #001941; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 25px; background: url("/2010/img/bg_mainFooterLeft.gif") no-repeat left top; text-align: left; padding-left: 7px; width: 670px; float: left }
	div#mainFooterLeft span { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; color: #001941; }
	
	div#mainFooterLeft a { color: #001914; text-decoration: underline; }
	div#mainFooterLeft a:hover{ text-decoration: none; }

body#main div#mainFooterRight  { color: #001941; font-size: 0.8em; background: url("/2010/img/bg_mainFooterRight.gif") no-repeat left top; padding-right: 7px; padding-left: 7px; width: 205px; height: 25px; float: right;}
body#sub div#mainFooterRight  { line-height: 25px; background: url("/2010/img/bg_subFooterRight.gif") no-repeat left top; text-align: center; width: 244px; height: 25px; float: right;    z-Index :9999999;}


	div#mainFooterRight a.Partenaires { color: #001914; text-decoration: none; }
	div#mainFooterRight a.Partenaires:hover{ text-decoration: none; }
	
	body#main div#mainFooterRight p { width: 120px; line-height: 1em; padding-top: 7px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; color: #001941; }
		body#sub div#mainFooterRight p { font-family: Georgia, "Times New Roman", Times, serif; color: #F47B20; font-weight: bold; font-size: 1.2em; }
			body#sub div#mainFooterRight p a { color: #F47B20; text-decoration: underline; }
				body#sub div#mainFooterRight p a:hover { text-decoration: none; }
	div#mainFooterRight img { float: right; vertical-align: middle;}

#tab_mainBottomUS ul { position: absolute; top: 520px; padding-left: 15px; }	
#tab_mainBottom ul { position: absolute; top: 433px; padding-left: 15px; }
	#tab_mainBottom ul li { float: left;display:block; font-weight: bold; text-align: center; font-size: 1.1em; padding-bottom: 5px; }
		#tab_mainBottom ul li a { text-decoration: none;  }
		#tab_mainBottom ul li.tab1 a  { color: #adac00;line-height: 26px; background: url("/2010/img/tab1.jpg"); display: block; width: 116px }
			#tab_mainBottom ul li.tab1 a:hover  { background: url("/2010/img/tab1_on.jpg") }
		#tab_mainBottom ul li.tab2 a  { color: #FF9934; line-height: 26px; background: url("/2010/img/tab2.jpg"); display: block; width: 84px }
			#tab_mainBottom ul li.tab2 a:hover  { background: url("/2010/img/tab2_on.jpg") }
		#tab_mainBottom ul li.tab3 a  { color: #ffffff; line-height: 26px; background: url("/2010/img/tab3.jpg"); display: block; width: 116px }
			#tab_mainBottom ul li.tab3 a:hover  { background: url("/2010/img/tab3.jpg") }
		#tab_mainBottom ul li.tab4 a  { color: #000000; line-height: 26px; background: url("/2010/img/tab4.jpg"); display: block; width: 161px }
			#tab_mainBottom ul li.tab4 a:hover  { background: url("/2010/img/tab4_on.jpg") }
		
		#tab_mainBottom ul li.tab5 a  { color: #00b1e6; line-height: 26px; background: url("/2010/img/tab6.jpg"); display: block; width: 119px }
			#tab_mainBottom ul li.tab5 a:hover  { background: url("/2010/img/tab6_on.jpg") }
			
		#tab_mainBottom ul li.tab14 a  { color: #104f9d; line-height: 26px; background: url("/2010/img/tab5.jpg"); display: block; width: 116px }
			#tab_mainBottom ul li.tab14 a:hover  { background: url("/2010/img/tab5_on.jpg") }	
		#tab_mainBottom ul li.tab6 a  { color: #000000; line-height: 26px; background: url("/2010/img/tab6.jpg"); display: block; width: 119px }
			#tab_mainBottom ul li.tab6 a:hover  { background: url("/2010/img/tab6_on.jpg") }		
		#tab_mainBottom ul li.tab7 a  { color: #adac00;; line-height: 26px; background: url("/2010/img/tab7.jpg"); display: block; width: 87px }
			#tab_mainBottom ul li.tab7 a:hover  { background: url("/2010/img/tab7_on.jpg") }
		#tab_mainBottom ul li.tab8 a  { color: #FF9934; line-height: 26px; background: url("/2010/img/tab8.jpg"); display: block; width: 94px }
			#tab_mainBottom ul li.tab8 a:hover  { background: url("/2010/img/tab8_on.jpg") }
		#tab_mainBottom ul li.tab13 a  { color:  #00b1e6; line-height: 26px; background: url("/2010/img/tab13.jpg"); display: block; width: 139px }
			#tab_mainBottom ul li.tab13 a:hover  { background: url("/2010/img/tab13_on.jpg") }
		#tab_mainBottom ul li.tab9 a  { color: #5e5e5e; line-height: 26px; background: url("/2010/img/tab9.jpg"); display: block; width: 94px }
			#tab_mainBottom ul li.tab9 a:hover  { background: url("/2010/img/tab9_on.jpg") }
		#tab_mainBottom ul li.tab10 a  { color: #cc4d00; line-height: 26px; background: url("/2010/img/tab10.jpg"); display: block; width: 148px }
			#tab_mainBottom ul li.tab10 a:hover  { background: url("/2010/img/tab10_on.jpg") }
		#tab_mainBottom ul li.tab11 a  { color: #528193; line-height: 26px; background: url("/2010/img/tab11.jpg"); display: block; width: 88px }
			#tab_mainBottom ul li.tab11 a:hover  { background: url("/2010/img/tab11_on.jpg") }
		#tab_mainBottom ul li.tab12 a  { color: #2f6706; line-height: 26px; background: url("/2010/img/tab12.jpg"); display: block; width: 70px }
			#tab_mainBottom ul li.tab12 a:hover  { background: url("/2010/img/tab12_on.jpg") }
			

div#subColTop  { background: url("/2010/img/bg_main_top.png") no-repeat left top; position: relative; top: 3px }
div#subCol  { background: url("/2010/img/bg_main_middle.png") repeat-y left top; position: relative; top: 3px }
div#subColInner  { background: #fff url("/2010/img/bg_subColInner.jpg") no-repeat left top; margin: 0 0 0 30px; padding: 20px; width: 647px }
	
	div#subColInner img.title { float: left; }
	/*.title {  padding-bottom: 20px; font-size: 2.5em; text-align: left; }*/
	div#subColInner img.title2 { padding-bottom: 60px; }
	
	div#subColInner img.images { position: relative; top: -25px; left: 25px; }
	div#subColInner img.titlePageFille { float: left;top: -25px; }
	div#subColInner p { font-size: 1.2em; color: #333; line-height: 1.5em; padding-bottom: 20px; }
	div#subColInner p.Rouge { font-size: 1.2em; color: red; line-height: 1.5em; padding-bottom: 20px; font:bolder ;}
	div#subColInner a.Rouge { font-size: 1em; color: red; line-height: 1.5em; padding-bottom: 20px; font:bolder ;}
	div#subColInner p.RougeItal{ font-size: 1.2em; color: red; line-height: 1.5em; padding-bottom: 20px; font-style:italic }
	div#subColInner div#thumbs { padding-top: 10px; }
	div#subColInner div#thumbs img { float: left; padding-right: 10px; }
	div#subColInner span.Souligne {TEXT-DECORATION:underline;}
	div#subColInner div.Rouge {color: red;}
	/*
	div#subColInner p.panorama img { margin-right: 5px; margin-bottom: 5px; border:2; border-color: #999999; border-width: 1px; }
	div#subColInner p.panorama img.current { margin-right: 5px; margin-bottom: 5px; border-width: 4px; border-color: #C2D82E;  }
	*/
	

	li.Puce {margin: 10px 0; font-size: 0.8em;  }

	

	p.panorama img   { margin-right: 5px; margin-bottom: 5px; padding-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; background-color: #999999; }
	p.panorama img.current {   background-color: #C2D82E; padding-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; margin-right: 5px;margin-bottom: 5px; }
	
	div#subColInner table.tableTitle {font-size: 15px; text-align: center;}
	div#subColInner table.tableTitle1 {font-size: 15px;}
	div#subColInner table.tableTitle2 {}
	
	#subColInner  ul { display:inline; font-size: 1.2em;margin-top: 5px; margin-top: 5px;   }
		#subColInner  li { list-style-type: disc; margin-left: 25px; margin-top: 5px; margin-top: 5px; }
		
		#subColInner  li.disc { list-style-type: disc; margin-left: 25px; margin-top: 5px; margin-top: 5px; }
			#subColInner li.disc a { position: relative;color: #666;  text-decoration: underline;   }
				#subColInner li.disc a:hover { text-decoration: none;   }
		
		#subColInner  li.circle { list-style-type: circle; margin-left: 50px; margin-top: 5px; margin-top: 5px; }
			#subColInner li.circle a { position: relative;color: #666;text-decoration: underline;     }
				#subColInner li.circle a:hover { text-decoration: none;   }
				
		#subColInner  li.square { list-style-type: square; margin-left: 50px; margin-top: 5px; margin-top: 5px; }
			#subColInner li.square a { position: relative;color: #666; text-decoration: underline; }
				#subColInner li.square a:hover  { text-decoration: none; }
	
	#subColInner  div.txtBold{ font-weight:bold; display:inline;  font-size: 1.0em;  }
			
div#subColRight { position: absolute; top : 0; right: 38px;  }
	div#subColRight div.sideBox  { background: url("/2010/img/sideBox.png") no-repeat left top; margin-top: 20px; padding: 5px 10px 10px; width: 209px; height: 100px }
		div#subColRight div.sideBox p { color: #666; font-size: 1.1em; padding: 10px 15px 0 0; }
			div#subColRight div.sideBox p.more a { position: relative; bottom: 5px; color: #666; text-decoration: underline; font-weight: bold; }
				div#subColRight div.sideBox p.more a:hover { text-decoration: none; }
				
	div#subColRight div.sideBoxLittle  { background: url("/2010/img/sideBoxLittle.png") no-repeat left top; margin-top: 20px; padding: 5px 10px 10px; width: 209px; height: 42px }
		div#subColRight div.sideBoxLittle p { color: #666; font-size: 1.1em; padding: 10px 30px 0 0; }
							
			a.selectedPage { color: #D81E1E; font-size: 1.2em; text-decoration: underline; font-weight: bold; }
			a.noSelectedPage { color: #666; font-size: 1.2em; text-decoration: underline; font-weight: bold; }

div#subColInner p.more a { position: relative;color: #666; text-decoration: underline; font-weight: bold; }
div#subColInner p.more1 a {color: #666; text-decoration: underline; font-weight: bold; }
div#subColInner p.more a:hover { text-decoration: none; }

div#subColInner li { position: relative;color: #666; }
div#subColInner li.more a { position: relative;color: #666; text-decoration: underline; }
	div#subColInner li.more a:hover { text-decoration: none; }
div#subColInner ul.more a { position: relative;color: #666; text-decoration: underline; }
	div#subColInner ul.more a:hover { text-decoration: none; }

div#subColInner p.singleLink a { color: #666; text-decoration: underline; font-weight: bold; }
div#subColInner p.singleLink a:hover { text-decoration: none; }

div#subColInner ul.singleLink a { color: #666; text-decoration: underline; }
	div#subColInner ul.singleLink a:hover { text-decoration: none; }
div#subColInner h2.singleLink a { color: #666; text-decoration: underline; }
	div#subColInner h2.singleLink a:hover { text-decoration: none; }
	
div#subColInner td { color: #333; font-size: 10px; }

div#subColFooter  { background: url("/2010/img/bg_main_bottom.png") no-repeat left bottom; margin-top: 3px; margin-left: 14px; width: 996px; height: 40px }

#news { padding: 30px 0 0 15px; }
#news2 { padding: 10px 0 0 15px; }
body#sub div#news { padding: 10px 0 0 30px; width: 996px; margin: 0 auto; }

.newsItem  { background: url("/2010/img/newsBox.png") no-repeat left top; padding-right: 33px; position: relative; width: 217px; height: 129px; float: left }
.newsItem-end  { background: url("/2010/img/newsBox.png") no-repeat left top; position: relative; width: 217px; height: 129px; float: left }
	.newsItem img, .newsItem-end img { padding: 4px 0 0 4px; float: left; }
	.newsItem img.title, .newsItem-end img.title { padding: 10px 0 10px 6px; }
	.newsItem p { text-align: left; color: #fff; padding: 0 6px 0 94px; }
		.newsItem p.thin, .newsItem-end p.thin { text-align: left; color: #fff; padding: 0 6px 0 94px; }
		.newsItem p.more a, .newsItem p.more-thin a, .newsItem-end p.more-thin a { position: absolute; bottom: 15px; left: 94px; color: #fff; font-weight: bold; text-decoration: underline; }
		.newsItem p.more-thin a, .newsItem-end p.more-thin a { left: 94px; }
		.newsItem p.more a:hover, .newsItem p.more-thin a:hover, .newsItem-end p.more-thin a:hover { text-decoration: none; }
.newsItem2 { padding-right: 32px; position: relative; width: 213px; height: 50px; float: left }

div#footer  { color: #fff; background: url("/2010/img/bg_footer.png") repeat-x left top; text-align: center; margin: 30px 0; width: 100%; height: 50px; clear: both }

div#footer p a { color: #fff; }
div#footer p a:hover { text-decoration: none; }

div#footer ul {
	padding: 10px 0 0 0;
	font-size: 0.9em;
}
div#footer ul li {
	display:inline;
	color:#fff;
}

div#footer ul li a {
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
}
div#footer ul li a:hover {
	text-decoration: underline;
}

div.clear {clear:both; height: 0px; line-height: 0; font-size: 1px;}
.left { float: left; }
.right { float: right; }


/*accordeon*/
.intitule{cursor: hand;cursor: pointer; margin: 10px 0; font-size: 1.6em; font-weight: bold; padding: 0 0 20px 0;}
.intitule span{font-size: 0.8em; font-weight: bold; }
.paraouvert{color: #999999;}
.paraferme{color: #333;}




 
/* ------------------------------ TABS ------------------------------ */