html {
	background: #055f82;
	overflow:scroll;
}

body {
	margin:0;
	padding: 0px;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
	font-size: 12px;
	background: #fff url(../images/bg_pageends.gif) top center repeat-x;
	color: #0d0d0d;
	width: 100%;
}

a, a:visited {
	color: #055f82;
	text-decoration:none;
	font-size: 1em;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: none;
}

/* En-tetes */
h1,h2,h3,h4,h5,h6{ margin: 5px 0; }
h1{font-size: 1.6em; color:#055f82; font-weight:bold;}
	h1 a,h1 a:visited {color:#055f82;}
h1.newstitle {font-size: 3em; color:#e37d27; font-weight:normal;}
h2{font-size: 1.6em; color:#055f82; font-weight:normal;}
	h2 a,h2 a:visited {color:#055f82;}
h3{font-size: 1.5em; font-weight:normal;}
h4{font-size: 1.3em;}
h5{font-size: 1.1em;}
h6{font-size: 1.0em;}

.hr{
	background: url(../images/bg_hr.jpg) top center no-repeat;
	width:100%;
	height:2px;
}
.csc-textpic-clear{
	height:0px;
	display:inline;
	font-size:0px;
}

/*************
* Useful classes
**************/

.clear {
	clear:both;
}
p.align-left {
	text-align: left;
}
p.align-right {
	text-align: right;
}
p.align-center {
	text-align: center;
}
p.align-justify {
	text-align: justify;
}

/*************
* Containers
**************/

#globalcontainer1 {
	width:100%;
	background: url(../images/bg_header.jpg) top center no-repeat;
}
	#container {
		width: 984px;
		margin: 0 auto;
	}

#globalcontainer2 {
	height: 280px;
	width: 100%;
	background: #055f82 url(../images/bg_footer.jpg) bottom center no-repeat;
}



/*************
* Header / Menu
**************/

#header {
	width: 982px;
	height: 328px;
}
	#header #logo {
		width:213px;
		height:62px;
		float:left;
		margin: 37px 0 0 14px;
	}
	#header #menu {
		width: 620px;
		height: 126px;
		float:right;
		margin: 0 0 0 14px;
	}
		#header #menu ul {
			list-style-type:none;
			padding:0;
			margin:0;
			height: 126px;
		}
			#header #menu ul li {
				width: auto;
				height: 100%;
				float:right;
				margin:0;
				padding:0;
			}
				#header #menu ul li a {
					height: 100%;
					display: block;
					padding: 0 11px;
				}
				#header #menu ul li a:hover {
					background:url(../images/menu_item_ro.png) bottom left repeat-x;
				}
				#header #menu ul li a.activate {
					background:url(../images/menu_item_act.png) bottom center no-repeat;
				}
					#header #menu ul li a img {
						margin: 80px 0 0 0;
					}
					#header #menu ul li a span {
						display:none;
					}

	#header #banner {
		width: 984px;
		height: 203px;
		background: url(../images/bg_banner.gif);
	}
		#header #banner #banner_content{
			width: 980px;
			margin: 0 0 0 2px;
		}

/* Override of some settings for small version */
.smallheader { /* body */
	background: #fff url(../images/bg_pageends.gif) center -125px repeat-x;
}
	.smallheader #globalcontainer1 {
		/*background: url(../images/bg_header_small.jpg) 180px top no-repeat;*/
		background: url(../images/bg_header_small.jpg) top center no-repeat;
	}
	.smallheader  #header{
		height: 202px;
	}
		.smallheader #header #banner {
				height: 78px;
				background: url(../images/bg_banner_small.gif);
			}
				.smallheader #header #banner #banner_content{
					/*width: 980px;
					height: 72px;*/
					width: 947px;
					height: 46px;
					margin: 0 0 0 2px;
					background: url(../images/bg_banner_small_inside.jpg);
					padding: 28px 0 0 33px;
				}
		
/*************
* Contenu 
**************/
#center {
	margin: 15px 0 0 0;
}
.addseparator {
	background:url(../images/bg_newslist.jpg) 300px center no-repeat;
}
	/*************
	* Nouvelles sur l'accueil 
	**************/
	#center #evenements, 
	#center #nouvelles_membres, 
	#center #actualites_ti {
		width: 325px;
		padding-left:5px;
		float:left;
		/*height: 630px;*/
	}
	#center #nouvelles_membres, 
	#center #actualites_ti {
		width: 300px;
		padding-left: 20px;
		padding-right: 5px;
		background:url(../images/bg_newslist.jpg) center left no-repeat;
	}
	#center #offres_emplois {
		/*width:100%;*/
		padding: 0 10px;
	}
		#center #evenements h1, 
		#center #nouvelles_membres h1, 
		#center #actualites_ti h1 {
			height: 65px;
			background:url(../images/bg_title.jpg) bottom center no-repeat;
			margin-bottom:10px;
		}
		#center #offres_emplois h1 {
			height: 75px;
			background:url(../images/bg_title_large.jpg) bottom center no-repeat;
		}

		#center #evenements .news-latest-container {
			padding: 0 15px 0 0;
		}
			#center #evenements .news-latest-container .news-latest-item {
				margin: 5px 0 25px 0;
			}
			#center #evenements .news-latest-container h2 {
				float:right;
				width: 255px;
				margin: 2px 0 0 0;
				line-height: 1.15em;
			}
			#center #evenements .news-latest-container .news-latest-calendar {
				width:50px;
				height:50px;
				overflow:hidden;
				background:url(../images/icon_calendar.jpg) top left no-repeat;
				float:left;
			}
				#center #evenements .news-latest-container .news-latest-calendar .news-latest-calendar-month {
					font-size: 0.9em;
					text-transform:uppercase;
					color: #fff;
					margin: 10px 0 0 0;
					width: 100%;
					text-align:center;
				}
				#center #evenements .news-latest-container .news-latest-calendar .news-latest-calendar-day {
					font-size: 1.5em;
					color: #000;
					font-weight:bold;
					width: 100%;
					text-align:center;
				}
		#center #nouvelles_membres .news-latest-container {
			padding: 0 15px 0 0;
		}
		#center #actualites_ti .news-latest-container {
			padding: 0;
		}
		#center #offres_emplois .news-latest-container {}
			#center #nouvelles_membres .news-latest-container .news-latest-item,
			#center #actualites_ti .news-latest-container .news-latest-item {
				margin: 5px 0 15px 0;
			}
			
			#center #nouvelles_membres .news-latest-container .news-latest-date,
			#center #actualites_ti .news-latest-container .news-latest-date,
			#center #offres_emplois .news-latest-container .news-latest-date {
				font-size:0.9em;
				color: #898989;
			}
			#center #nouvelles_membres .news-latest-container h2,
			#center #actualites_ti .news-latest-container h2,
			#center #offres_emplois .news-latest-container h2 {
				margin: 2px 0 0 0;
				line-height: 1.15em;
			}
		
			#center #offres_emplois .news-latest-container .news-latest-item {
				width: 170px;
				float:left;
				margin: 5px 8px 10px 8px;
			}

	/*************
	* Left menu
	**************/
	#center #left_menu {
		width:300px;
		float:left;	
	}
		#center #left_menu h3 {
			width:95%;
			/*background: url(../images/bg_menuitem.jpg) top center no-repeat;*/
			padding:0px;
			padding-left:20px;
			color: #055f82;
			background: url(../images/bg_menuitem.jpg) bottom center no-repeat;			
		}	
		#center #left_menu ul{
			width:95%;
			list-style-type:none;
			/*background: url(../images/bg_menuitem.jpg) top center no-repeat;*/
			margin: 25px 0 35px 0;
			padding:1px 0 0 0;
		}
			#center #left_menu ul li{
				width:100%;
				background: url(../images/bg_menuitem.jpg) top center no-repeat;
			}
			#center #left_menu ul li.activate {
				background: url(../images/bg_menuitem_ro.jpg) top center no-repeat;
				padding-bottom: 10px;
			}
				#center #left_menu ul li a{
					display:block;
					height: 100%;
					margin: 0 0 0 10px;
					padding: 15px 0 15px 10px;
				}
				
				#center #left_menu ul li a span { 
					display:block;
					padding-left: 20px;
					background: url(../images/leftmenuitem_no.gif) center left no-repeat;
				}
				#center #left_menu ul li a:hover{
					background: url(../images/bg_menuitem_ro.jpg) top center no-repeat;
					text-decoration:none;
				}
					#center #left_menu ul li a:hover span {
						background: url(../images/leftmenuitem_ro.gif) center left no-repeat;
					}
				#center #left_menu ul li a.activate{
					/*background: url(../images/leftmenuitem_act.gif) center left no-repeat;*/
					padding: 15px 0 0 10px;
				}
					#center #left_menu ul li a.activate span{
						background: url(../images/leftmenuitem_act.gif) center left no-repeat;
					}
				#center #left_menu ul li ul {
					margin: 5px 0 0 30px;
					list-style-type:none;
					width:auto;
					background:none;
				}
					#center #left_menu ul li ul li {
						padding: 5px 0;
						width: 230px;
						background:none;
						padding:0;
					}
						#center #left_menu ul li ul li a {
							display:block;
							height: 100%;
							width: 200px;
							margin: 0 0 0 10px;
							padding: 3px 0;
							background:none;
						}
							#center #left_menu ul li ul li a span {
								display:block;
								height: 100%;
								padding-left: 20px;
								background: url(../images/leftmenuitem_no_2.gif) 5px center no-repeat;
							}
						#center #left_menu ul li ul li a:hover, #center #left_menu ul li ul li.activate a{
							/*background: url(../images/leftmenuitem_act_2.gif) top left repeat-y;*/
							background: url(../images/leftmenuitem_no_2.gif) 5px center no-repeat;
							font-weight:bold;
							margin: 0 0 0 10px;
							padding: 3px 0;
						}
						#center #left_menu ul li ul li.activate a span,  #center #left_menu ul li ul li.activate{
							background:none;
							padding-bottom:0px;
						}
							#center #left_menu ul li ul li a:hover span {
								/*background: url(../images/leftmenuitem_no_2.gif) 5px center no-repeat;*/
								background:none;
							}
				/*************
				* Particulatite Left column 
				**************/
				#left_menu > div, #left_menu > p{
					padding-left:20px;
					padding-bottom:20px;
					margin-top:0px;
				}
				.news-amenu-container{
					padding-left:0px!important;
				}
				
				.news-amenu-container ul{
					padding-left:20px!important;
					padding-bottom:20px;
					margin-top:0px;
				}
				#left_menu > .csc-header {
					padding-bottom:10px;
					padding-left:0px;
				}
				.news-amenu-container ul, .news-amenu-container li, .news-amenu-container li a:hover{
					background:none!important;
				}
				.news-amenu-container ul{
					margin:0px!important;	 
				}
				.news-amenu-item-year{
					padding-top:15px;
					
					font-weight:bold;
					color: #055f82;
					background: url(../images/bg_menuitem_ro.jpg) bottom center no-repeat!important;
				}
				
				.news-amenu-container li a{
					padding: 5px 0 5px 10px!important;
				}	
				.news-catmenu{
					margin-top:15px;
				}
				.news-catmenu div{
					height:26px;
					margin-bottom:5px;
				}
				.news-catmenu a{
					line-height:26px;
				}
				.news-catmenu img {
					margin-right:5px;
					display:block;
					float:left;
				}
				.news-catmenu a:hover{
		
				}
				.tx-wecmap-pi1{
					overflow:hidden;
					margin-left:10px!important;
					padding-left:0px!important;
				}
				.espaceHautJoindre{
					padding-bottom:55px!important;
				}
	/*************
	* Right column
	**************/
	#center #right_content {
		min-height: 300px;
		width: 665px;
		float:right;
		padding: 18px 0;
	}
		/*************
		* Breadcrumb
		**************/
		#center #right_content #breadcrumb {
			width: 100%;
			padding: 0 0 17px 0;
			background: url(../images/bg_breadcrumb.gif) bottom left repeat-x;
			color: #055f82;
		}
		
		/*************
		* Content
		**************/
		#center #right_content #content {
			width: 100%;
			margin: 10px 0 0 0;
		}
	
			/*************
			* Listview for news 
			**************/
			#center #right_content #content .news-list-container {}
				#center #right_content #content .news-list-container .news-list-item {
					margin: 0 0 25px 0;
				}
					#center #right_content #content .news-list-container .news-list-item .news-list-date {
						font-size: 0.8em;
					}
					#center #right_content #content .news-list-container .news-list-item img {
						float: left;
						margin-right:5px;
					}
					
					#center #right_content .csc-header {
							clear:both;
					}
				
				.right-col{
					float:left;
					width:543px;
				}
				
				.left-col{
					display:block;
					float:left;
					width:26px;
					margin-top:5px;
					margin-right:5px;
				}
				
				.tx-ttnews-browsebox-SCell{
					font-weight:bold;
				}
		
			/*************
			* Singleview for news 
			**************/
			#center #right_content #content .news-single-item {
				margin: 0 0px 10px 0;
				padding-right: 10px;
			}
				#center #right_content #content .news-single-item .news-single-timedata {}
				#center #right_content #content .news-single-item .news-single-img {}
				#center #right_content #content .news-single-item img {
					float:left;
					border: 1px solid #ebf2f5;
					margin: 5px;
				}
		
			/*************
			* Directory 
			**************/
			#center #right_content #content #directory {}
				#center #right_content #content #directory #directory_abc {
					/*width: 170px;
					float:left;*/
					color:#7F7F7F;
				}
				#center #right_content #content #directory #directory_abc .wtdirectory_abc_letter {
					margin: 0 4px;
				}
				#center #right_content #content #directory #directory_abc .wtdirectory_abc_letter_act a, .wtdirectory_abc_letter_all_act a{
					background-color:#055F82;
					color:white!important;
					padding:1px 4px 1px 4px;
				}
				#center #right_content #content #directory .wt_directory_pagebrowser span{
					margin-right:10px;
				}
				#center #right_content #content #directory #directory_abc a{
					font-weight:bold;
					color:black;
				}
				#center #right_content #content #directory #directory_search {
					/*width: 430px;
					float:right;
					text-align:right;*/
					margin: 10px 0 0 0;
					
				}
					#center #right_content #content #directory #directory_search form{
						display:inline;
					}
						#center #right_content #content #directory #directory_search form .directory_search_text {
							width: 150px;
						}
						#center #right_content #content #directory #directory_search form .directory_search_button {
							background: #055f82;
							border: 2px solid #055f82;
							color: #fff;
							width: 100px;
						}
				#center #right_content #content #directory #directory_pagebrowser{
					margin: 20px 0 20px 0;
				}
					#center #right_content #content #directory #directory_pagebrowser p {
						margin: 0;
					}
				#center #right_content #content #directory #directory_list {
					margin: 10px 0 0 0;
				}
					#center #right_content #content #directory #directory_list .directory_item {
						margin: 0 0 15px 0;
					}
						#center #right_content #content #directory #directory_list .directory_item .directory_item_img {
							width: 150px;
							float:left;
							margin: 10px 0 0 0;
						}
						#center #right_content #content #directory #directory_list .directory_item .directory_item_details {
							float:left;
							margin: 0 0 0 15px;
							width: 470px;
						}
				#center #right_content #content #directory #directory_detail {}
					#center #right_content #content #directory #directory_detail h2 {
						vertical-align:top;
					}
					#center #right_content #content #directory #directory_detail img {
						float:right;
						margin: 0 15px 0 0;
					}
					#center #right_content #content #directory #directory_detail dl {
						float:left;
					}
						#center #right_content #content #directory #directory_detail dl dt {
							width: 150px;
							float:left;
							font-weight:bold;
						}
						#center #right_content #content #directory #directory_detail dl dd {
							margin: 0 0 0 10px;
							float:left;
						}
					#center #right_content #content #directory #directory_detail #directory_details_news {
						margin: 20px 0 20px 0;
					}	
						#center #right_content #content #directory #directory_detail #directory_details_news ul {
							list-style-image: url(../images/leftmenuitem_no_2.gif);
						}
			/*************
			*Google map
			**************/	
			#center #right_content #content .mapnest {
				margin: 0 0 0 30px;
			}
			
			/*************
			*Powermail
			*************/
			fieldset.tx-powermail-pi1_fieldset {
				/* Disable border */
				border: none;
				background-color:white!important;
			}
			fieldset.tx-powermail-pi1_fieldset legend{
				padding-left:0px!important;
				font-size: 1.6em; 
				color:#055f82; 
				font-weight:normal;
			}
			fieldset.tx-powermail-pi1_fieldset label {
				/* Style labels */
				display: block;
				width: 170px;
				float: left;
				clear: both;
				padding-left:2px;
				font-weight:normal;
			}

			fieldset.tx-powermail-pi1_fieldset input, fieldset.tx-powermail-pi1_fieldset select {
				/* Style input fields */
			}

			div.tx_powermail_pi1_fieldwrap_html {
				/* Increase margin between every field */
				margin: 10px 0;
			}
			
			#uid15{
				border:none;
				font-weight:bold;
			}
			#powermaildiv_uid15{
				font-weight:bold;
			}

			.powermail_reset{
				float:left;
				margin-left:10px;
				margin-top:20px;
			}

			input.powermail_submit{
				float:left;
			}
			.powermail_captcha{
				display:block;
			}
			.tx-srfreecap-pi2-image {
				display:block;
				margin-left:170px;
				margin-top:10px;
			}
			.tx-srfreecap-pi2-cant-read {
				margin-left:170px;
			}
			
			/*******************
			* sremailsubscribe
			*******************/
			.tx-sremailsubscribe-pi1 fieldset legend {
				color: #055F82;
				font-weight: bold;
			}
			
			.tx-sremailsubscribe-pi1 label {
				color: #055F82;
			}
			
			.tx-sremailsubscribe-pi1 dt {
				margin-top: 5px;
				margin-bottom: 5px;
			}
			
			.tx-sremailsubscribe-pi1-notice {
				font-weight: bold;
			}
			
			.tx-sremailsubscribe-pi1-error {
				color: red;
			}
			
			/*******************
			* RSS
			*******************/
			#left_menu .csc-textpic-text, #rss .csc-textpic-text{
				line-height:28px;
			}
			
			#left_menu .csc-textpic-text a{
				font-weight:bold;
			}
			
			#rss{
				padding-left:5px;
				padding-bottom:15px;
			}	
			#rss a{
				font-size:12pt;
				font-weight:bold;
			}	
/*************
* Footer
**************/
#footer {
	width: 980px;
	margin: 0 auto;
	/*background:url(../images/bg_footer.jpg) top center no-repeat;*/
	/*text-align:center;*/
}
	#footer #partenaires {
		background: #fff url(../images/bg_title_large.jpg) top center no-repeat;
		width: 100%;
		padding: 20px 0 10px 0;
	}
		#footer #partenaires dl {
			float:none;
			margin: 0 50px;
		}
		#footer #partenaires div.csc-textpic-imagewrap {
			width: 100% !important; /* fix to override T3's annoying inline width */
		}
	#footer #systech {
		/*background: url(../images/footer_systech.jpg) top center no-repeat;*/
		width: 100%;
		height: 30px;
	}
	#footer #footer_menu{
		width: 100%;
		margin: 18px auto;
		color: #fff;
		text-align:center;
	}
		#footer #footer_menu span {
			padding: 0 18px;
		}
			#footer #footer_menu span a {
				color: #fff;
			}
			#footer #footer_menu span a:hover {
				color: #fff;
				text-decoration:underline;
			}
	#footer #copyright{
		width: 100%;
		color: #fff;
		text-align:center;
	}
	#footer .titlepartenaires{
		margin:0 0 0 12px;
		}