html{
 overflow: auto;
}
html, body {
  background-color: white;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Helvetica, sans-serif;
	color: #3d3d3d;
}
body {
	font-size: 11px;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 1em 0 0.5em 0;
	color: #0057A3;
	text-transform: uppercase;
}

a {
	text-decoration: none;
	color: #0057a3;	
	}



#page {
	width: 985px;
	margin: 0 auto 1em auto;
	background: white url(bg-page.png) repeat-y left top;
	position: relative;
}

#page-header {
	background: transparent url(bg-header.png) no-repeat left top;
	height: 289px;
}
.homepage #page-header {
	height: 394px;
}

#page-footer {
	clear: both;
	background: white url(bg-footer.png) no-repeat top right;
}




#lang-menu {
	position: absolute;
	top: 13px;
	left: 0;
	height: 17px;
	line-height: 17px;
}
#lang-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#lang-menu li {
	list-style-type: none;
	margin: 0;
	border: 0;
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background: transparent url(lang-menu-sep.png) no-repeat top left;
}
#lang-menu li.first {
	background-image: none;
}
#lang-menu li	a {
	color: white;
	text-decoration: none;
	font-size: 10px;
}


#trans-menu {
	position: absolute;
	top: 13px;
	right: 9px;
	height: 17px;
	line-height: 17px;
}
#trans-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#trans-menu li {
	list-style-type: none;
	margin: 0;
	border: 0;
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background: transparent url(trans-menu-sep.png) no-repeat top left;
}
#trans-menu li.first {
	background-image: none;
}
#trans-menu li	a {
	color: white;
	text-decoration: none;
	font-size: 10px;
}





#main-menu {
	position: absolute;
	top: 30px;
	left: 0;
	height: 27px;
	width: 977px;
	height: 27px;
	line-height: 27px;
}
#main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#main-menu li {
	list-style-type: none;
	float: left;
	padding-left: 0.75em;
	width: 15%;
	text-align: center;
	background: transparent url(main-menu-sep.png) no-repeat top left;
}
#main-menu li.first {
	background-image: none;
}
#main-menu li	a {
	font-family: "Times New Roman", Times, serif; 
	font-size: 120%; 
	font-weight: bold; 
	color: white;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 12px;
}


#page-banner {
	position: absolute;
	top: 58px;
	left: 1px;
	height: 133px;
	clear: both;
}
#page-banner img {
	display: block;
	vertical-align: bottom;
	text-decoration: none;
	border: none;
}
.homepage #page-banner {
	position: absolute;
	left: 433px;
	top: 58px;
	height: 133px;
	clear: both;
}



#business-menu {
	position: absolute;
	top: 191px;
	left: 565px;
	height: 98px;
	width: 412px;
}
.homepage #business-menu {
	position: absolute;
	top: 295px;
	left: 0;
	height: 98px;
	width: 432px;
}

#business-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#business-menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}
#business-menu li a {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
}
#business-menu li a img {
	display: block;
	vertical-align: bottom;
	text-decoration: none;
	border: none;
}


#page-title {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 191px;
	left: 0px;
	width: 565px;
}
.homepage #page-title {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 58px;
	left: 1px;
	width: 431px;
}



#rootline-menu {
	position: absolute;
	top: 265px;
	left: 0px;
	width: 565px;
	height: 24px;
	overflow: hidden;
	background: white url(bg-rootline.png) no-repeat top left;
	font-size: 11px;
	font-weight: bold;
}
#rootline-menu a {
	text-decoration: none;
	color: #0057a3;
}
#rootline-menu h4 {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	width: 100px;
	padding-left: 1em;
	line-height: 24px;
}
#rootline-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#rootline-menu li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	margin-right: 12px;
	line-height: 24px;
	padding-left: 16px;
	background: transparent url(puce-rootline.png) no-repeat left 6px;
}







#page-main {
	clear: both;
	background: white url(bg-page-main.png) repeat-y top left;
	margin: 0;
	padding: 0;
	border: 0;
	min-height: 400px;
	_height: 400px;
}
.homepage #page-main {
	background: white url(home-bg-page-main.png) repeat-y top left;
}
.large #page-main {
	background: white url(bg-page-main-large.png) repeat-y top left;
}
#page-main:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
#page-main { display: block; *zoom: 1; }



#sub-menu {
	float: left;
	background: #aaaaaa url(sub-menu-bg.png) repeat-y left top;
	color: white;
	width: 160px;
	margin: 0;
}
#sub-menu h4 {
	text-transform: uppercase;
	margin: 0;
	padding: 0.25em 0.25em 0.5em 12px;
	border: 0;
}
#sub-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#sub-menu li {
	list-style-type: none;
	padding: 4px 4px 6px 12px;
	font-weight: bold;
	background: transparent url(sub-menu-sep.png) no-repeat bottom left;

	font-size: 11px;
}
#sub-menu li ul {
	margin: 0;
}
#sub-menu li li {
	padding: 2px 0 2px 20px;
}
#sub-menu li.last {
	background-image: none;
}

#sub-menu a {
	color: white;
	text-decoration: none;
}

.homepage #page-left {
	float: left;
	width: 432px;
	margin: 0;
	padding: 0 0 0 1px;
	text-align: justify;
}

#page-image {
	float: left;
	margin: -7px 10px 5px -23px;
	padding: 0;
	border: 0;
}
#page-content {
	float: left;
	margin: 0;
	border: 0;
	padding: 8px 24px 8px 24px;
	width: 546px;
	overflow: hidden;

	text-align: justify;
}
#page-content h1, 
#page-content h2, 
#page-content h3, 
#page-content h4, 
#page-content h5, 
#page-content h6  {
	text-align: left;
	text-transform: none;
}

.homepage #page-content {
	float: left;
	width: 288px;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

.large #page-content {
	float: left;
	width: 785px;
	margin: 0;
	padding: 5px 10px 5px 5px;
}

#page-border {
	margin: 0;
	padding: 4px 5px 4px 10px;
	border: 0;
	width: 210px;
	overflow: hidden;
	font-size: 95%;
}
.homepage #page-border {
	width: 227px;
	padding: 0 5px 4px 10px;
	_width: 224px;
}


#page-border a {
	color: #3d3d3d;

}

#page-border hr {
	padding: 0;
	border: 0;
	margin : 5px -4px 5px -7px;
	height: 5px;
	background: transparent url(border-sep.png) no-repeat left 2px;

	*display : list-item;
	*list-style : url(border-sep.png) inside;
	*filter : alpha(opacity=0);
	*width : 0;
}
.homepage #page-border hr {
	margin-left: 0;
	*margin-left: -7px;
}

#page-border h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 8px 0;
	color: #0057a3;
}



#page-border {
	padding-bottom: 80px;
}
#page-border-menu {
	position: absolute;
	right: 6px;
	bottom: 12px;
	border: 1px solid #0057a3;
	background: white;
	width: 221px;

	font-size: 11px;
	font-weight: bold;

	_bottom: 15px;
	_width: 220px;

}
#page-border-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 6px 0 4px 0;
	border: 0;
}
#page-border-menu li {
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 0 0 2px 26px;
	/*background: transparent url(plus.png) no-repeat 10px 2px;*/
	line-height: 15px;
}
#page-border-menu a {
	text-decoration: none;
	color: #0057a3;
	padding: 0 0 2px 26px;
	background: transparent url(plus.png) no-repeat 10px 2px;
}




#page-border .csc-menu li.csc-section   {
	color: #3d3d3d;
	list-style-type: none;
	margin: 0;
	padding: 0 0 2px 26px;
	background: transparent url(plus.png) no-repeat 10px 2px;
}






.home-node {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	clear: right;

	font-size: 0;
  margin: 0 0 -1px 0;
  height: 10px;
}
.home-node2 {
	position: absolute;
	top: 394px;
	left: 597px;
}




.home-breves,
.home-rencontres {
	font-size: 11px;
}

.home-breves ul,
.home-rencontres ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.home-breves li,
.home-rencontres li {
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
	border: 0;
}
.home-breves li a,
.home-rencontres li a {
	color: #3d3d3d;
	text-decoration: none;
}
.home-rencontres .news_date {
	font-weight: bold;
}



.home-alaune, .home-expert {
	position: relative;
	background: white url(home-hsep.png) repeat-x left bottom;
	padding: 0 10px 1px 0;
}
.home-expert {
	background-image: none;
	padding: 0 10px 0 0;
}
.home-alaune:after, .home-expert:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.home-alaune, .home-expert { display: block; *zoom: 1; }

.home-alaune .news_title, .home-expert .news_title {
	padding: 5px 0 4px 0;
	text-decoration: none;
}
.home-alaune .news_title a, .home-expert .news_title a {
	color: #0057A3;
	text-decoration: none;
}
.home-alaune .news_image, .home-expert .news_image {
	float: left;
	width: 160px;
	padding: 0 10px 0 0;
}
.home-alaune .news_more, .home-expert .news_more { 
	text-align: right;
	position: absolute;
	bottom: 1px;
	right: 12px;
	height: 1.5em;
	background: white;
}
.home-alaune .news_more a, .home-expert .news_more a { 
	color: #0057A3;
	text-decoration: none;
}






.news-list-container hr {
	clear: left;
	padding: 0;
	border: 0;
	margin : 5px -4px 5px -7px;
	height: 5px;
	background: transparent url(border-sep.png) repeat-x left 2px;

	*display : list-item;
	*list-style : url(border-sep.png) inside;
	*filter : alpha(opacity=0);
	*width : 0;
}

.news-list-container .news-file-icon {
	float: left;
	margin: 0 5px 2px 0;
	
}
.news-single-files a {
	line-height: 30px;
}
.news-amenu-item-year {
	display: none;
}

.news-amenu-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.news-amenu-container ul li {
	list-style-type: none;
	margin: 0;
	border: 0;
	
	line-height: 18px;
}
.news-amenu-container ul li a {
	color: #0057A3;
	text-decoration: none;
	padding: 6px 0 2px 26px;
	background: transparent url(plus.png) no-repeat 10px 8px;
}



/*** Plan du site ***/
.csc-sitemap {

}

.csc-sitemap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.csc-sitemap ul li {
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 3px 0 2px 26px;
	background: transparent url(plus.png) no-repeat 10px 8px;
	line-height: 18px;
}
.csc-sitemap ul li a {
	color: #0057A3;
	text-decoration: none;
}

#page-content ul li {
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 0 0 2px 26px;
	background: transparent url(puce-enumeration.png) no-repeat 10px 2px;
	line-height: 15px;
}
#page-content li p {
	margin: 0 !important;
}

.news-file-icon {
	border: #AAAAAA 1px solid;
	}
	
.news-single-files a {
	margin: 0;
	border: 0;
	padding: 6px 0 2px 26px;
	background: transparent url(plus.png) no-repeat 10px 8px;
	}
	
.bodytext a {
	margin: 0;
	border: 0;
	padding: 6px 0 2px 14px;
	background: transparent url(plus.png) no-repeat 0px 8px;
	}
	
.csc-header {
	padding-top: 10px;
	border-top: #000000 1px dotted;
}
	
.csc-header-n1 {
	padding: 0;
	border: 0;
}

.align-right {
	text-align: right;
}


/*** page popup ***/
.popup {
	margin: 10px;
}
#page-title-popup {
	font-size: 110%;
}
.popup #page-content {
	float: none;
	overflow: auto;

}



.csc-textpic-intext-left, .csc-textpic-intext-right { !zoom: 1; }
.csc-textpic-intext-left:after, .csc-textpic-intext-right:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }



#page-border .csc-menu {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
}
.homepage #page-border .csc-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.homepage #page-border .csc-menu li {
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
	border: 0;
}
.homepage #page-border .csc-menu li a {
	display: block;
	color: #3d3d3d;
	text-decoration: none;
	background: transparent url(plus.png) no-repeat left top;
	padding: 0 0 0 16px;
}




/*** csc forms ***/

form .csc-mailform-field label {
	display: block;
	width: 12em;
	float: left;
	text-align: right;
	padding: 0 0.5em 0 0;
	line-height: 1.5em;
}

form .csc-mailform-field {
	margin: 0 0 0.3em 0;
	clear: both;
	line-height: 1.75em;
}

form .csc-mailform-submit {
	margin: 0 0 0 12.6em;
}

form .csc-mailform-checkbox,
form .csc-mailform-radio {
	margin-left: 12em;
}

form .csc-mailform-checkbox input,
form .csc-mailform-radio input {
	vertical-align: middle;
	margin: 0.2em 0.2em 0.5em 0.2em;
	line-height: 1.75em;
}

form .csc-mailform-checkbox label,
form .csc-mailform-radio label {
	display: inline;
	width: auto;
	float: none;
	text-align: left;
	padding: 0;
	height: 1.75em;
	line-height: 1.75em;
}

form .csc-mailform-submit {
	border: 1px solid #0057A3; 
	background: #AAAAAA; 
	color: white;
	padding: 2px 5px;
}

form .csc-mailform-check {
	padding-left: 12.6em;
}

form .csc-mailform-check label {
	display: inline;
	width: auto;
	text-align: left;
	float: none;
}