/******************************************************
  CONFIGURATION GENERALE
*******************************************************/
html {
	overflow: -moz-scrollbars-vertical;
}

body {
	margin: 0;
	padding: 0;
	background: #020a1d url(../layout/bgBody.jpg) no-repeat fixed right bottom;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/******************************************************
  STRUCTURE
*******************************************************/
#container {
	width: 900px;
	margin: 20px auto;
}

#mainMenu {
	width: 149px;
	float: left;
}

#content {
	width: 751px;
	float: left;
	z-index: 10;
	position: relative;
	overflow: hidden;
	left: -23px;
}

#mainContent {
	background-color: #dde3e8;
}

div.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
}

#imgPreload {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}

/******************************************************
  HEADER
*******************************************************/
#content #header {
	background: transparent url(../layout/bgheader.gif) repeat-x left top;
	position: relative;
}

#content #header #imgHome {
	position: relative;
	z-index: 20;
}

#content #header #imgHome img {
	margin-top: 36px;
}

#content #header #imgHome h1 {
	position: absolute;
	top: 250px;
	left: 60px;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bolder;
}

#content #header #imgHome img.imgTitle {
	position: absolute;
	top: 220px;
	left: 40px;
}

#content #header img.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#content #header img.logostylise {
	position: absolute;
	top: 8px;
	right: 20px;
	z-index: 30;
}

#content #header #headerText {
	padding: 80px 80px 20px 100px;
}

#content #header #headerBanner {
	padding: 16px 0 20px 0;
}

#content #header h1, #content #header p {
	margin: 0 0 20px 0;
}

#content #header h1 {
	color: #fff;
	font-size: 20px;
	padding: 0;
}

#content #header p {
	color: #bcbcbc;
	font-size: 13px;
	text-align: justify;
	background: url(../layout/headertext_p.gif) no-repeat left top;
	padding: 15px 0 0 0;
}


#content #header p.breadcrumps {
	margin: 0;
	padding: 0;
	background: 0;
	text-align: left;
	position: absolute;
	left: 100px;
	top: 7px;
	text-transform: lowercase;
}

#content #header p.breadcrumps span {
	font-weight: bold;
	text-transform: none;
}


/******************************************************
  CONTENU
*******************************************************/
#mainContentText {
	padding: 20px 80px 20px 100px;
	text-align: justify;
	position: relative;
}

#mainContent p {
	color: #1A171A;
}

#mainContent a.lightboxlink:link, #mainContent a.lightboxlink:visited, #mainContent a.lightboxlink:hover, #mainContent a.lightboxlink:active {
	display: block;
	padding-bottom: 15px;
	background: url(../layout/bgimagelink2.gif) no-repeat right bottom;
}

#mainContentText div.content2cols7030, #mainContentText div.content2cols5050 {

	width: 571px;

}

#mainContentText div.content2cols7030 .col1 {
	width: 380px;
	float: left;
	height: auto !important;
	height: 40px;
	min-height: 40px;
}

#mainContentText div.content2cols7030 .col2 {
	width: 170px;
	float: right;
	height: auto !important;
	height: 40px;
	min-height: 40px;	
	/*margin-left: 20px;
	display: inline;*/
}


#mainContentText div.content2cols5050 .col1 {
	width: 275px;
	float: left;
}

#mainContentText div.content2cols5050 .col2 {
	width: 275px;
	float: left;
}


#mainContent h1 {
	font-size: 230%;
	text-align: left;
	color: #00447A;
	margin: 0 0 20px 0;
	padding: 0;
}

#mainContent h2 {
	font-size: 150%;
	text-align: left;
	color: #00447A;
	padding: 0 0 8px 0;
	margin: 0 0 20px 0;
	background: url(../layout/bgh1.gif) no-repeat 3px bottom;
}

#mainContent h3 {
	font-size: 120%;
	text-align: left;
	color: #00447A;
	margin: 0 0 20px 0;
	padding: 0;
}

#mainContent ul, #mainContent ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
}

#mainContent a:link, #mainContent a:visited {
	font-weight: bold;
	color: #00447A;
	text-decoration: none;
}

#mainContent a:hover, #mainContent a:active {
	font-weight: bold;
	color: #E0081C;
	text-decoration: none;
}

/******************************************************
  VOIR LES REALISATIONS
*******************************************************/
div.voirLesRealisations, div.voirLesRealisations_alt {
	margin: 0 0 30px 0;
}


div.voirLesRealisations h2, div.voirLesRealisations_alt h2 {
	display: inline;
}

#mainContent div.voirLesRealisations h1, #mainContent div.voirLesRealisations_alt h1 {
	display: inline;
}

div.voirLesRealisations a:link img, div.voirLesRealisations a:visited img,
div.voirLesRealisations a:hover img, div.voirLesRealisations a:active img,
div.voirLesRealisations_alt a:link img, div.voirLesRealisations_alt a:visited img,
div.voirLesRealisations_alt a:hover img, div.voirLesRealisations_alt a:active img {
	border: 0;
}


div.voirLesRealisations_alt h1 a:link, div.voirLesRealisations_alt h1 a:visited,
div.voirLesRealisations_alt h1 a:hover, div.voirLesRealisations_alt h1 a:active {
	display: inline;
	position: relative;
	left: -167px;
	top: 17px;
}

/******************************************************
  TABLEAU IMMOBILIER
*******************************************************/
.tabImmobilier table {
	width: 710px;
	border-collapse: collapse;
	margin-bottom: 20px;
}


.tabImmobilier table td, .tabImmobilier table th {
	vertical-align: top;
	width: 78px;
	border: 1px solid #b9b9b9;
	font-size: 11px;
	padding: 5px;
}

.tabImmobilier table th {
	vertical-align: middle;
	text-align: center;
	background-color: #0E3157;
	color: #fff; 
}

/******************************************************
  NEWS
*******************************************************/
.news-list-item {
	margin: 20px 0 30px 0;
	background: url(../layout/bgttnews.gif) repeat-x left bottom;
	width: 571px;
	padding-bottom: 5px;
}

.news-list-item .news-list-content {
	float: left;
	width: 400px;
}

.news-list-item .news-list-image {
	float: right;
	width: 150px;
	text-align: right;
}

.news-list-item p, .news-list-item h3 {
	margin: 0;
	padding: 0;
	color: #5d5d5d;
}


.news-list-item p.news-list-date {
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 0;
}

.news-list-item h3 {
	color: #5d5d5d;
	font-size: 14px;
	margin-bottom: 5px;
}

.news-list-item p {
	color: #131315;
	margin-bottom: 20px;
}

.news-amenu-container {
	margin-bottom: 40px;
}

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

.news-amenu-container ul li {
	display: inline;
	background: url(../layout/bgamenu.gif) no-repeat left bottom;
	margin-right: 40px;
}

.news-amenu-container ul li img {
	margin-bottom: 15px;
}


/******************************************************
  BLOC CONTACT
*******************************************************/
div.contactBloc {
	margin:0;
	border: 1px solid #1A171A;
	margin: 20px 0;
	width: 310px;
}

div.contactBloc table {
	border-collapse: collapse;
	width: 300px;
	margin: 10px auto;
}

div.contactBloc th, div.contactBloc td {
	border: 0;
	padding: 2px 0;
}

div.contactBloc th {
	width: 100px;
}

div.contactBloc td {
	width: 200px;
}

#mainContent .organigrammeMap span {
	display: none;
}

#mainContent .organigrammeMap img {
	z-index: 500;
	position: relative;
}

#mainContent .organigrammeMap a#mzuttion {
	position: absolute;
	top: 18px;
	left: 298px;
	width: 90px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#aturberg {
	position: absolute;
	top: 156px;
	left: 160px;
	width: 90px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#aturberg2 {
	position: absolute;
	top: 156px;
	left: 10px;
	width: 90px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#mzuttion2 {
	position: absolute;
	top: 65px;
	left: 300px;
	width: 90px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#fzoccolillo {
	position: absolute;
	top: 209px;
	left: 10px;
	width: 100px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#mcalame {
	position: absolute;
	top: 261px;
	left: 10px;
	width: 100px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#srotilio {
	position: absolute;
	top: 155px;
	left: 300px;
	width: 120px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#dfluckiger {
	position: absolute;
	top: 152px;
	left: 600px;
	width: 110px;
	height: 20px;
	z-index: 1000;

}

#mainContent .organigrammeMap a#omaumary {
	position: absolute;
	top: 199px;
	left: 600px;
	width: 90px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#ffellay {
	position: absolute;
	top: 250px;
	left: 600px;
	width: 90px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#jcano {
	position: absolute;
	top: 300px;
	left: 600px;
	width: 80px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#aazevedo {
	position: absolute;
	top: 317px;
	left: 600px;
	width: 90px;
	height: 30px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#mzuttion3 {
	position: absolute;
	top: 590px;
	left: 455px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#mcalame2 {
	position: absolute;
	top: 606px;
	left: 455px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#ffellay2 {
	position: absolute;
	top: 538px;
	left: 455px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#mzuttion4 {
	position: absolute;
	top: 524px;
	left: 455px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#ffellay3 {
	position: absolute;
	top: 468px;
	left: 455px;
	width: 90px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#dfluckiger2 {
	position: absolute;
	top: 407px;
	left: 455px;
	width: 120px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#vcaenaro {
	position: absolute;
	top: 360px;
	left: 460px;
	width: 100px;
	height: 20px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#omaumary2 {
	position: absolute;
	top: 311px;
	left: 458px;
	width: 100px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#vcaenaro2 {
	position: absolute;
	top: 187px;
	left: 458px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#ffellay4 {
	position: absolute;
	top: 204px;
	left: 458px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#dfluckiger3 {
	position: absolute;
	top: 219px;
	left: 458px;
	width: 110px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#pgalliani {
	position: absolute;
	top: 235px;
	left: 458px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}

#mainContent .organigrammeMap a#omaumary3 {
	position: absolute;
	top: 251px;
	left: 458px;
	width: 90px;
	height: 15px;
	z-index: 1000;
}