/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */
body {
	margin: 0;
  	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#2E5374 url(../images/body-fond.gif);
	text-align:center;	
	
}

#pageCentree
{
	margin:0 auto;
	width:977px;
}

#logoMidland {
	background:url(../images/body-imgFond.jpg) no-repeat top left;
	height:485px;
	margin:0;
	padding:0 0 0 136px;
	position:relative; 
}

/*------- anglais -----------*/
#logoMidland p.motBienvenu {
	font-size:0.9em;	
	font-weight:bold;
	text-align:right;
	width:835px;
	margin:0;
	position: relative;
	top: 15px; }

#logoMidland p.messageAcc {
	font-size:0.9em;
	font-style:italic;
	text-align:right;
	width:835px;
	margin:0 0 57px 0;
	position: relative;
	top: 15px; }

/*------- francais -----------*/
#logoMidland p.messageAccFr {
	font-size:0.9em;
	font-style:italic;
	text-align:right;
	width:835px;
	margin:0 0 29px 0;
	position: relative;
	top: 15px; }

#logoMidland h1 {
    margin: 0; }

#logo {
    display:block;
    float: left;
	margin:0 0 14px 0; }

.lang {
	float: left;
	width:640px;
	text-align:right;
	margin:72px 0 3px 0;
	font-weight:bold; }

.lang a:link, .lang a:visited, .lang a:active {
	text-decoration:none;
	font-size:0.9em; }

.lang a:hover {
	text-decoration:underline; }

#container {
	width:745px;
	text-align:left;
	margin: 6px 0 20px 96px;
	background:#fff url(../images/menu-bordureTop.gif) no-repeat 31px 0; }

#bordGau {
    background: url(../images/contenu-bordure.gif) repeat-y top left; }
    
#bordDr {
    background: url(../images/contenu-bordure.gif) repeat-y top right; }

/* ----------------------------
   Liens
---------------------------- */

a:link {
    color: #fff; }
    
a:visited {
    color: #D2D2D2; }
    
a:active {
    color: #fff; }


/* ---------------------------------------- */
/* --------------- Corps ------------------ */
/* ---------------------------------------- */


/* ---------------------------------------- */
/* ------------ Menu principal -------------*/
/* ---------------------------------------- */

#menuCoinGau {
    background:url(../images/menu-coinGau.gif) no-repeat top left; }
   
#signeBoursier 
{
    background:url(../images/tsx.gif) no-repeat top left; 
    position: absolute;
	left: 151px;
	top: 169px;
	height:35px;
	width:80px;
}
    
#menuCoinDr {
    width:745px; background:url(../images/menu-coinDr.gif) no-repeat top right; }

#menu {
	list-style:none;
	font-size:1.3em;
	font-weight:bold; }

body.en #menu {
    padding:19px 0 0 49px; }

body.fr #menu {
    padding:19px 0 0 40px; }

#menu li {
	margin:0 0 5px 0;
	float:left; }

body.en #menu li {
    padding:0 20px; }

body.fr #menu li {
    padding:0 20px; }

/* ----------------------------------- */
/* ------------ Sous-Menu -------------*/
/* ---------------------------------- */

#sousmenu {
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: .9em; }

#sousmenu div {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;
	background: #002D56; }

#sousmenu div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-top:1px solid #fff; }

#sousmenu div div.first {
    border-top:1px solid #fff; 
    border-left:1px solid #fff; 
    border-right:1px solid #fff; }
#sousmenu div div.last {
    border-bottom:1px solid #fff; 
    border-left:1px solid #fff; 
    border-right:1px solid #fff; }

#sousmenu a {
	display: block;
	height: 1%;
	padding: 5px 5px;
	color: #fff;
	text-decoration: none; }

#sousmenu a:hover {
	background:#2E5374;
	color:#fff; }

/* largeur des zones de sous-menu */
#mCorporateENSMenu {
    width: 140px; }

#mProjectsENSMenu {
    width: 130px; }

#mInvestorsENSMenu {
    width: 150px; }
    
#mNouvellesSMenu
{ width:125px; }

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- Zone de contenu Page Accueil-----------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

#outer {
	background:#002D56;
	min-height:6px;
    margin:0 1px; }
/* mac hide \*/
* html #outer {
    height:6px; }
/* end mac hide*/
html>body #bandeBleu{
	float:right;
	width:0px;
	height:6px; }

#contenu {
	background:#002D56 url(../images/contenu-fond.gif) repeat-y top left;
	margin:0 1px;
	width:743px; }

#contenuInt {
	background:#002D56 url(../images/contenu-fondInt.gif) repeat-y top left;
	margin:0 1px;
	width:743px; }

#colGauche {
	float:left;
	width:283px; }

#colDroite {
	float:left;
	width:460px;
	background-color:#002D56; }
	
#colMilieu 
{
    background:#C6AB5B none repeat scroll 0%;
    margin-left:1px;
	float:left;
	width:743px;
	background-color:#002D56; 
}

/* ------------------------------------------------------------------- */
/* ------------------------ colonne gauche --------------------------- */
/* ------------------------------------------------------------------- */
.enteteGau h1 {
	font-weight:normal;
	font-size:0.9em;
	background:#83887A;
	border-bottom:1px solid #B5C2CE;
	padding:7px 0 7px 17px;
	border-right:1px solid #fff; }

/* ----------------- boîte champs Send --------------------------------*/
#champSend {
    padding:17px 0 17px 9px; }

#champSend input {
    vertical-align: middle;
	margin-right:10px; }

#champSend input.send {
    width:180px; }

/* ----------------- boîte News --------------------------------*/
#boxNews, #boxEvents, #boxInvestorSummary, #boxProject, #boxCarte {
    padding-top:18px; }

#boxNews h1, #boxEvents h1, #boxProject h1, #boxCarte h1 {
	font-weight:bold;
	font-size:0.9em;
	margin-left:13px; }

#boxNews p, #boxEvents p, #boxInvestorSummary p, #boxProject p, #boxCarte p {
	font-size:0.9em;
	margin:0 13px 18px 13px; }

#boxNews p a:link, #boxNews p a:visited, #boxNews p a:active, #tabStats a,
#boxEvents p a:link, #boxEvents p a:visited, #boxEvents p a:active, #boxProject p a:active {
	font-weight:bold;
	text-decoration:none; }

#boxEvents p a:link, #boxEvents p a:visited, #boxEvents p a:active, #boxProject p a:active {
    text-decoration:none; }

#boxNews p a:hover, #boxEvents p a:hover, #boxProject p a:hover{	
    text-decoration:underline; }

/* ------------------------------------------------------------------- */
/* ------------------------ colonne gauche --------------------------- */
/* ------------------------------------------------------------------- */

.enteteDr h1 {
	font-weight:normal;
	font-size:0.9em;
	background:#C6AB5B;
	border-bottom:1px solid #6B859D;
	padding:7px 0 7px 17px; }

/* ----------------- Boîte Mission --------------------------------*/
.mission {
	font-size:0.9em;
	padding:35px 19px 27px 16px; }


/* ----------------- Boîte Tableau Statistiques --------------------------------*/

#tabStats {
	padding:0 0 20px 13px; }

#tabStats h1 {
	font-weight:bold;
	font-size:0.9em; }

#tabStats p, ul li {
	font-size:0.9em; }

#agora {
	display:block;
	margin:15px 0 0 60px; }

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- Zone de contenu Pages Intérieures -----------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

#gauche {
	float:left;
	width:175px;
	background:#6B859D;	}

#centre {
	float:left;
	width:568px;
	background:#002D56;	
	min-height: 280px; }

* html #centre {
    height: 280px; }


/* --------------- menu de gauche pages intérieures --------------------------- */

#menuColGauche div {
	margin:0;
	padding:0;
	border-right:1px solid #fff; }

.mColGauche a:link, .mColGauche a:visited, .mColGauche a:active  {
	display: block;
	height: 1%;
	padding: 3px 10px 3px 15px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	border-bottom:1px solid #002D56; }

.mColGauche a:hover {
	background:#2E5374;
	color:#fff; }


#centre h2 {
	font-size:1em;
	font-weight:bold;
	margin:20px 0 3px 20px; }

#centre p, #centre table {
	font-size:0.9em;
	margin:0 20px 10px 20px; }
	
/* ---------------------------------------- */
/* --------------- Pieds ------------------ */
/* ---------------------------------------- */

#piedCoinGau {
    background:url(../images/pied-coinGau.gif) no-repeat bottom left; }

#pied {	
	margin:0 auto;
	text-align:left;
	color:#002D56;
	font-size:0.8em;
	padding:3px 0 5px 13px;
	background:url(../images/pied-coinDr.gif) no-repeat bottom right; }

#pied a:link, #pied a:visited, #pied a:active {
	color:#002D56;
	text-decoration:none; }

#pied a:hover {	
    text-decoration:underline; }  

#pied span {
	float:right;
	margin-right:13px;}

#formContact {
    padding: 10px;
    padding-left: 20px; }
    
.lesChamps {
	margin-bottom:15px; }

.lesChamps label {
	font-size:0.9em;
	font-weight:bold; }

.lesChamps input {
	width:300px; }
	
.lesChamps .inom {
    width: 200px; }

span.green  
{
    color: rgb(30,200,30); }