/******************************************************
  CONFIGURATION GENERALE
*******************************************************/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 20px 0 0 20px;
	padding: 0;
	font-size: 80%;
}

#container {
	width: 955px;
}

#header {
	position: relative;
	height: 112px;
}

#content {
	height: auto !important;
	height: 550px;
	min-height: 550px;
	padding-bottom: 21px;
}

#leftContent {
	width: 282px;
	float: left;
	height: auto !important;
	height: 550px;
	min-height: 550px;	
}

#mainContent {
	width: 564px;
	float: left;
	font-size: 110%;
}


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





/******************************************************
  MENU PRINCIPAL, ALTERNATIF ET SOUS MENU
*******************************************************/
ul#mainMenu, ul#altMenu, ul#sousMenu, ul#sousMenu_level2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#mainMenu {
	position: absolute;
	top: 52px;
	left: 141px;
}

ul#altMenu {
	position: absolute;
	top: 73px;
	left: 282px;	
}

ul#sousMenu li.actsub ul#sousMenu_level2 {
	position: relative;
	top: -21px;
	left: 141px;
	
}

ul#sousMenu li.actsub  {
	height: 20px;

}

/* hack pour IE */
ul#sousMenu li.actsubie  {
	height: 21px;
	overflow: hidden;
	margin: -1px 0 0 0;
}


ul#mainMenu li, ul#altMenu li {
	display: inline;
}



ul#mainMenu li a:link, ul#mainMenu li a:visited, ul#mainMenu li a:hover, ul#mainMenu li a:active,
ul#altMenu li a:link, ul#altMenu li a:visited, ul#altMenu li a:hover, ul#altMenu li a:active,
ul#sousMenu li a:link, ul#sousMenu li a:visited, ul#sousMenu li a:hover, ul#sousMenu li a:active,
ul#sousMenu li.actsub a:link, ul#sousMenu li.actsub a:visited, ul#sousMenu li.actsub a:hover, ul#sousMenu li.actsub a:active,
ul#sousMenu li.actsub ul#sousMenu_level2 li a:link, ul#sousMenu li.actsub ul#sousMenu_level2 li a:visited, ul#sousMenu li.actsub ul#sousMenu_level2 li a:hover, ul#sousMenu li.actsub ul#sousMenu_level2 li a:active {
	display: block;
	float: left;
	width: 140px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-right: 1px;	
}

ul#sousMenu li a:link, ul#sousMenu li a:visited, ul#sousMenu li a:hover, ul#sousMenu li a:active,
ul#sousMenu li.actsub a:link, ul#sousMenu li.actsub a:visited, ul#sousMenu li.actsub a:hover, ul#sousMenu li.actsub a:active,
ul#sousMenu li.actsub ul#sousMenu_level2 li a:link, ul#sousMenu li.actsub ul#sousMenu_level2 li a:visited, ul#sousMenu li.actsub ul#sousMenu_level2 li a:hover, ul#sousMenu li.actsub ul#sousMenu_level2 li a:active {
	float: none;
	margin: 1px 0;
	text-align: left;
	text-indent: 10px;
}


ul#mainMenu li a:link, ul#mainMenu li a:visited,
ul#sousMenu li a:link, ul#sousMenu li a:visited {
	background-color: #272428;
	color: #e8ce1f;
	text-decoration: none;
}

ul#mainMenu li a:hover, ul#mainMenu li a:active,
ul#mainMenu li.act a:link, ul#mainMenu li.act a:visited, ul#mainMenu li.act a:hover, ul#mainMenu li.act a:active,
ul#sousMenu li a:hover, ul#sousMenu li a:active,
ul#sousMenu li.act a:link, ul#sousMenu li.act a:visited, ul#sousMenu li.act a:hover, ul#sousMenu li.act a:active,
ul#sousMenu li.actsub a:link, ul#sousMenu li.actsub a:visited, ul#sousMenu li.actsub a:hover, ul#sousMenu li.actsub a:active {
	background-color: #fade1e;
	color: #272428;
	text-decoration: none;
}


ul#altMenu li a:link, ul#altMenu li a:visited,
ul#sousMenu li.actsub ul#sousMenu_level2 li a:link, ul#sousMenu li.actsub ul#sousMenu_level2 li a:visited, ul#sousMenu li.actsub ul#sousMenu_level2 li a:hover, ul#sousMenu li.actsub ul#sousMenu_level2 li a:active {
	background-color: #dbdcde;
	color: #272428;
	text-decoration: none;
}

ul#altMenu li a:hover, ul#altMenu li a:active,
ul#altMenu li.act a:link, ul#altMenu li.act a:visited, ul#altMenu li.act a:hover, ul#altMenu li.act a:active,
ul#sousMenu li.actsub ul#sousMenu_level2 li a:hover, ul#sousMenu li.actsub ul#sousMenu_level2 li a:active,
ul#sousMenu li.actsub ul#sousMenu_level2 li.act a:link, ul#sousMenu li.actsub ul#sousMenu_level2 li.act a:visited, ul#sousMenu li.actsub ul#sousMenu_level2 li.act a:hover, ul#sousMenu li.actsub ul#sousMenu_level2 li.act a:active {
	background-color: #fdf1c0;
	color: #272428;
	text-decoration: none;
}

/******************************************************
  CONTENU
*******************************************************/
a:link, a:visited {
	color: #000;
}

p {
	padding: 0;
	margin: 10px 0;
}

h1 {
	padding: 0;
	margin: 0 0 20px 0;
	/*font-size: 170%;	*/
	font-size: 140%;
	font-weight: 100;

}

h1 a:link, h1 a:visited {
	color: #000;
	font-weight: 900;
	text-decoration: none;
}

h1 a:hover, h1 a:active {
	color: #fade1e;
	font-weight: 900;
	text-decoration: none;	
}

#mainContent img.imageshift_simple {
	position: relative;
	left: -140px;
}

#mainContent img.imageshift_double {
	position: relative;
	left: -280px;
}


#leftContentBloc {
	width: 120px;
	position: relative;
	top: -20px;
	left: 150px;
	color: #7f8187;
}

#leftContentBloc * {
	padding: 0;
	margin: 0;
	color: #7f8187;
}


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

#mainContent ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #dbdcde;
}

#mainContent sup {
	line-height: 1em;
	vertical-align: top;
	position: relative;
}

.csc-textpic-caption {
	font-size: 80%;
}


/******************************************************
  SITEMAP
*******************************************************/
#mainContent .csc-sitemap ul li ul {
	margin-top: 10px;
}

#mainContent .csc-sitemap ul {
	list-style-type: none;
}



/******************************************************
  LOCATION MACHINES
*******************************************************/
table.locationMachines {
	border-collapse: collapse;
}


table.locationMachines th, table.locationMachines td {
	border: 1px solid #dbdcde;
	text-align: left;
	width: 50%;
	padding: 3px;
}

table.locationMachines th {
	background-color: #dbdcde;
	font-weight: bold;
}

table.locationMachines td.col1 {
	text-align: left;
}



table.locationMachines td.col1 span.title {
	font-weight: bold;
}

table.locationMachines td.col2 * {
	margin: 0;
	padding: 0;
}


/******************************************************
  BLOC DEROULANT
*******************************************************/
.blocDeroulant {
	width: 550px;
}

.blocDeroulant .blocHeaderBleu, .blocDeroulant .blocHeaderRose, .blocDeroulant .blocHeaderVert {
	position: relative;
	height: 25px;
}

.blocDeroulant .blocHeaderBleu {
	background-color: #d5eefc; 
}

.blocDeroulant .blocHeaderRose {
	background-color: #f3d9cf;
}

.blocDeroulant .blocHeaderVert {
	background-color: #e0eddd;
}

.blocDeroulant p {
	line-height: 25px;
	font-size: 110%;
	margin: 0;
}

.blocDeroulant p.titre span {
	font-weight: normal;
}

.blocDeroulant p.titre {
	position: absolute;
	left: 10px;
	font-weight: bold;	
}

.blocDeroulant p.annee {
	position: absolute;
	right: 10px;
}

.blocDeroulant .blocContent {
	width: 550px;
	margin: 1px 0;
}


/******************************************************
  BLOC IMAGE SWAP
*******************************************************/
.blocImgSwap {
	width: 564px;
	margin-bottom: 21px;
	overflow: hidden;
}

.blocImgSwap .blocImgSwap_content {
	margin-top: 1px;
}

.blocImgSwap p.titre {
	position: relative;
	height: 20px;
	text-indent: 10px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.blocImgSwap p.descr {
	font-size: 90%;
	font-weight: bold;
	margin-left: 10px;
}

.blocImgSwap em {
	font-weight: normal;
}


#vert .blocImgSwap p.titre {
	background-color: #d8e8d3;
}

#bleu .blocImgSwap p.titre {
	background-color: #d5eefc;
}

#rose .blocImgSwap p.titre {
	background-color: #efcec2;
}


.blocImgSwap p.titre span {
	font-weight: normal;
}

.blocImgSwap p.titre span.annee {
	position: absolute;
	right: 10px;
	top: 0px;
}

.blocImgSwap p.description {
	margin: 0 0 0 10px;
	height: 22px;
	line-height: 22px;
	font-size: 90%;
}

.blocImgSwap .blocImgSwap_content .blocImgSwap_big {
	width: 423px;
	float: left;
	text-align: left;
}


.blocImgSwap .blocImgSwap_content .blocImgSwap_thumbs {
	width: 140px;
	float: right;
	text-align: right;
}


.blocImgSwap .blocImgSwap_content .blocImgSwap_thumbs2 {
	width: 564px;
	padding: 0;
	margin: 1px 0 0 1px;
}

* html .blocImgSwap .blocImgSwap_content .blocImgSwap_thumbs2,
*+html .blocImgSwap .blocImgSwap_content .blocImgSwap_thumbs2 {
	position: relative;
	top: -3px;
}

.blocImgSwap .blocImgSwap_content .blocImgSwap_thumbs img {
	border-bottom: 1px solid #fff;
	display: block;
}

.blocImgSwap .blocImgSwap_content .blocImgSwap_thumbs2 img {
	float: left;
	border-right: 1px solid #fff;
}

/******************************************************
  BLOC IMAGE SWAP - VILLAS TYPE ET PROMOTIONS
*******************************************************/
.blocImgSwap .col1, .blocImgSwap .col2 {
	width: 282px;
	float: left;
	padding: 6px 0;
	font-size: 90%;
}

.blocImgSwap .col1 dl, .blocImgSwap .col1 dt, .blocImgSwap .col1 dl, .blocImgSwap .col1 dd,
.blocImgSwap .col2 dl, .blocImgSwap .col2 dt, .blocImgSwap .col1 dl, .blocImgSwap .col2 dd {
	margin: 0;
	padding: 0;
}

.blocImgSwap .col1 dl, .blocImgSwap .col2 dl {
	margin: 0;
	padding: 0;
}

.blocImgSwap .col1 dt, .blocImgSwap .col2 dt {
	display: inline;
	font-weight: bold;
	margin-left: 10px;
}

.blocImgSwap .col1 dd, .blocImgSwap .col2 dd {
	display: inline;
}

.blocImgSwap .col1 dt.complement {
	display: block;
	font-size: 140%;
	color: #ff0000;
	margin: 10px 0 0 10px;
}

.blocImgSwap p.descrCompl {
	display: block;
	font-size: 130%;
	color: #ff0000;
	margin: 10px 0 20px 10px;
	font-weight: bold;
}

.blocImgSwap .col2 dt.documentation {
	display: block;
}

.blocImgSwap .col1 dt.complement a:link, .blocImgSwap .col1 dt.complement a:visited, .blocImgSwap .col1 dt.complement a:hover, .blocImgSwap .col1 dt.complement a:active,
.blocImgSwap p.descrCompl a:link, .blocImgSwap p.descrCompl a:visited, .blocImgSwap p.descrCompl a:hover, .blocImgSwap p.descrCompl a:active {
	color: #ff0000;
}



/******************************************************
  ORGANISATION
*******************************************************/
table.organisation_2employee, table.organisation_1employee, table.organisation_4employee {
	width: 564px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

table.organisation_2employee th, table.organisation_1employee th, table.organisation_4employee th {
	background-color: #d5eefc;
	height: 20px;
	text-indent: 10px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 0;	
	text-align: left;
}

table.organisation_2employee strong, table.organisation_1employee strong, table.organisation_4employee strong {
	display: block;
	margin-top: 10px;
}

table.organisation_2employee td, table.organisation_1employee td, table.organisation_4employee td {
	vertical-align: top;
}


table.organisation_2employee td.col1, table.organisation_2employee td.col2,
table.organisation_4employee td.col1, table.organisation_4employee td.col2 {
	width: 140px;
}

table.organisation_2employee td.col3, table.organisation_4employee td.col3 {
	width: 284px;
	vertical-align: bottom;
	padding-bottom: 10px;
}


table.organisation_1employee td.col1 {
	width: 140px;
} 

table.organisation_1employee td.col2 {
	width: 424px;
} 



/******************************************************
  FOOTER
*******************************************************/
#footer {
	position: absolute;
	height: 60px;
	width: 955px;
	left: 0px;
}

#footer p {
	position: absolute;
	left: 20px;
	top: 0px;
	height: 20px;
	line-height: 20px;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: 302px;
}

#footer ul li {
	float: left;
	width: 140px;
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #92949a;	
	text-align: center;
}

#footer ul li.first {
	border-left: 1px solid #92949a;	
}

#footer ul li a:link, #footer ul li a:visited {
	/*color: #92949a;*/
	color: #000000;
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active {
	color: #fade1e;
	text-decoration: none;
}

#leftContent ul.partners {
	margin: 50px 0 0 10px;
	padding: 0;
	list-style-type: none;
}

#leftContent ul.partners li {
	display: block;
	margin: 10px 0;
}