/*Postion + Base*/

* {
	margin: 0;
	padding: 0;	
}

body {
	background-image:url(../images/carrele.gif);
	background-repeat: repeat;
	text-align: center;
	height: 100%;
}

#main {
	width:100%;
	padding: 0;	
	min-width: 960px;
	min-height: 573px;
}

#main.up {
	position: absolute;
	top: 50%;
	left:0px;
 	margin-top: -300px;
}

#main.down {
	position: relative;
	top:0px;
	left:0px;
 	margin-top: 10px;
}

#container {
	position: relative;
	margin: 0 auto;
	height: 573px;
	width: 961px;
	padding: 0;
	min-height: 573px;
}

#clear {
	clear: both;
}

#contenu {
	position: relative;
	float: right;
	height: 573px;
	width: 768px;
	padding: 0;
	margin: 0;
/* 	background-image: url(../images/fond_contenu.png); */
}

#menu {
	position: relative;
	height: 573px;
	width: 193px;
	background-repeat: no-repeat;
	padding-top: 58px;
	margin: 0;
	float: left;
}

*:lang(en) #menu {
	padding: 0 !important;
}

*:lang(fr) #menu {
	padding: 0 !important;
}

/*MenuPrincipal*/

#backgroundmenu {
	background-image: url(../images/fond_menu3.png);
	position: absolute;
	top: 0;
	left: 0;
	height: 573px;
	width: 193px;
}



#backgroundcontenu{
	position: absolute;
	top: 0;
	left: 0;
	height: 573px;
	width: 768px;
	background-image: url(../images/fond_contenu3.png);
}
#elements_menu {
	position: relative;
	width: 170px;
	text-align: center;
	padding:12px;
	z-index: 100;
}

td.element {
	background: url(../images/back_menu.jpg) no-repeat #f8f8f8;
	padding-right: 10px;
	text-align: right;
	height:20px;
	width:140px;
	margin:0;
	clear: both;
}
a.menuprinc  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6a6a6a; 
	text-decoration: none;
	
}

a.menuprinc:hover {
	color: #2a3987;
}

a.menuprincvisit {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;
}

/*SubMenu*/

td.subelement {
	background-color: #f8f8f8;
	padding: 5px;
	text-align: left;
	margin:0;
	filter: alpha(opacity=20);
}

td.subelement li {
	list-style: none;
}

td.subelement li span {
	font-family: Verdana, Arial, sans-serif;
	color: #6a6a6a; 
	text-decoration: none;
	font-size: 10px;
}

a.menusub {
	font-family: Verdana, Arial, sans-serif;
	color: #6a6a6a; 
	text-decoration: none;
	font-size: 10px;
}

a.menusub:hover{
	color: #2a3987;
}

a.menusubvisit {
	font-family: Verdana, Arial, sans-serif;
	color: #2a3987; 
	text-decoration: none;
	font-size: 10px;
}

/*BottomMenu*/

td.bottomelement {
	padding: 0px;
}

td.bottomelement ul {
	text-align: center;
	border-top: 1px solid #9db1c7;
	line-height: 19px;
}

.ie7 td.bottomelement ul {
	margin-top: 6px;
}

.ie8 td.bottomelement ul {
	margin-top: 73px;
}

.mac.gecko td.bottomelement ul {
	margin-top:10px !important;
}

.win.gecko td.bottomelement ul {
	margin-top:22px !important;
}

.mac.safari td.bottomelement ul {
	margin-top:39px !important;
}

td.bottomelement li{
	display: inline;
	list-style: none;
}

td.bottomelement li a {
	color: #627f9c !important;
	font-family: Arial, sans-serif !important;
	font-weight: normal !important;
	font-size:9px !important;
}

/*Copyright*/

#copyright {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8px;
	color: #9db1c7; 
	line-height: 8px;
}

/*ContenuPostionnement*/

#flash {
	width:730px;
	clear:both;
	height: 131px;
	/*background: url(../images/image_anim.png) no-repeat;*/
	z-index: 100;
	position: relative;
	margin-left: 19px;
	margin-top: 20px;
	margin-bottom: 8px;
}

.ie7 #flash {
	margin-left: 0px;
	padding-top: 20px;
	margin-bottom: 8px;
}

#contentgauche {
	margin-left: 20px;
	width: 412px;
	background: url(../images/back_milieu.jpg) no-repeat #f8f8f8;
	height : 394px; 
	float: left;
	z-index: 100;
	position: relative;
	overflow: hidden;
}

.ie6 #contentgauche {
	margin-left: 10px;
}

#contentdroite {
	margin-right: 20px;
	width: 308px;
	background: url(../images/back_droite3.jpg) no-repeat #f8f8f8;
	display: block;
	height : 394px;
	float: right; 
	overflow: hidden;
	z-index: 100;
	position: relative;
}

#contentdroiteFR {
	margin-right: 20px;
	width: 308px;
	background: url(../images/back_droite3fr.jpg) no-repeat #f8f8f8;
	display: block;
	height : 394px;
	float: right; 
	overflow: hidden;
	z-index: 100;
	position: relative;
}

.ie6 #contentdroite {
	margin-right: 10px;
}

#marge {
	height: 10px;
	width: 100%;
}

*:lang(en) #marge {
	height: 10px !important;
}

*:lang(fr) #marge {
	height: 2px !important;
}


#contenu #contentgauche p {
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 15px;
	margin-top: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #6a6a6a;
	clear:both;
}

#contenu a{
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;
}

#contenu a:hover {
	color: black;
}

#contenu #contentdroite p {
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 15px;
	margin-top: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #6a6a6a;
	float: left;
}

.ie7 p.tirergauche {
	margin-left: -15px !important;
	text-align: left !important;
}

.ie6 #contenu #contentdroite p {
	margin-left: 10px;
	margin-right: 10px;
	float: none;
}

#contenu img.silhouette {
	margin-left: 0;
	margin-bottom: 28px;
	margin-right: 20px;
	margin-top: 20px;
	position: relative;
	float: right;
}

.ie6 #contenu img.silhouette {
	z-index: 200;
	margin-left: 0;
	margin-bottom: 8px;
	margin-right: 150px;
	margin-top: 10px;
}

#contenu ul {
	padding-left: 35px;
	padding-bottom: 0;
	padding-right: 20px;
	list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #6a6a6a;
	text-align: left;
}

img.markets {
	padding: 3px;
	border: solid 1px #8991ae;
}

img.marketsfloat {
	padding: 3px;
	border: solid 1px #8991ae;
	float:left;
	margin-right:10px;
	margin-left:16px;
	margin-top:15px;
}

img.marketsfloatright {
	padding: 3px;
	border: solid 1px #8991ae;
	float:right;
	margin-right:16px;
	margin-left:10px;
	margin-top:15px;
}

*:lang(en) img.marketsfloat {
	margin-top: 5px !important;
}

*:lang(en) img.marketsfloatright {
	margin-top: 5px !important;
}

*:lang(fr) img.marketsfloat {
	margin-top: 5px !important;
}

*:lang(fr) img.marketsfloatright {
	margin-top: 5px !important;
}

#contenu #contentdroite ul {
	line-height: 16px;
	padding-top: 14px;
	clear: both;
}

#contenu ol {
	padding-left: 35px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-right: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #6a6a6a;
	clear: both;
	text-align: left;
}

#contenu ol li {
	margin-bottom: 6px;
}

#contenu ul br {
	margin-top: -5px;
}

.title {
	font-family: Lucida Grande, sans-serif;
	font-weight: normal;
	font-size: 16px; 
	display: block;
	width:400px;
	margin-left: 14px;
	text-align: left;
	color: #2a3987;
	margin-bottom: -10px;
	margin-top: 20px; 
	line-height: 14px;
}

.titleFR {
	font-family: Lucida Grande, sans-serif;
	font-weight: normal;
	font-size: 16px; 
	display: block;
	width:400px;
	margin-left: 14px;
	text-align: left;
	color: #2a3987;
	margin-bottom: -10px;
	margin-top: 8px; 
	line-height: 14px;
}

.titledroite {
	font-family: Lucida Grande, sans-serif;
	font-weight: normal;
	font-size: 11px; 
	display: block;
	width:294px;
	margin-left: 14px;
	text-align: left;
	color: #2a3987;
	margin-bottom: -10px;
	margin-top: 10px;
}

*:lang(en) .titledroite {
	margin-left: 15px !important;
	margin-bottom: -20px !important;
	margin-top: 20px !important;
}

*:lang(en) .title {
	margin-left: 15px !important;
	line-height: 10px !important;

}

*:lang(fr) .titledroite {
	margin-left: 15px !important;
	margin-bottom: -20px !important;
	margin-top: 20px !important;
}

*:lang(fr) .title {
	margin-left: 15px !important;
	line-height: 10px !important;

}

HR.lignetitre {
	height: 0px;
	color: #2a3987;
	position: relative;
}

HR.lignebas {
	height: 0px;
	color: #2a3987;
	position: relative;
	margin-top: 10px;
	margin-left: 0;
}

HR.lignesilhouette {
	height: 0px;
	color: #2a3987;
	position: relative;
	margin-top: 10px;
	margin-left: -30px;
}

HR.lignework {
	height: 0px;
	color: #2a3987;
	position: relative;
	margin-top: -10px;
	margin-left: -10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

*:lang(en) HR.lignework {
	margin-left: 15px !important;
	margin-top: -5px !important;
}

*:lang(en) HR.lignesilhouette {
	margin-left: 15px !important;
}

*:lang(en) HR.lignebas {
	margin-left: 15px !important;
}


*:lang(en) HR.lignetitre {
	margin-bottom: 20px;
}

*:lang(fr) HR.lignework {
	margin-left: 15px !important;
	margin-top: -5px !important;
}

*:lang(fr) HR.lignesilhouette {
	margin-left: 15px !important;
}

*:lang(fr) HR.lignebas {
	margin-left: 15px !important;
}


*:lang(fr) HR.lignetitre {
	margin-bottom: 20px;
}

/*ContenuParticulier*/

/* Nouvelles */

#news {
	width: 560px;
	background-color: #ffffff;
	padding: 10px;
	border: #d7d6d8 1px solid;
	margin: auto;
}

#newscontent {
	background: url(../images/backjobs.jpg) repeat-x #E8EFF7;
	border: #758795 1px solid;
	width: 550px;
	margin: auto;
}

.textenews {
	margin: 20px auto;
	width: 400px;
    font-family: Verdana, Arial, sans-serif;
	color: #6a6a6a; 
	text-decoration: none;
	font-size: 11px;
	text-align: justify;
}

.textenews p {
	margin-bottom: 10px;
}

#header_news{
	clear: both;
	margin: auto;
}

.titrenews a {
	margin: 20px auto;
    font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6a6a6a; 
	text-decoration: none;
}

a.windowclose {
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;	
}

#texte8 ul { margin-top: 0.7em; }
#texte8 ul li { padding-bottom: 0.5em; }

/*AboutKeops*/

#texte1 {
	padding-top: 5px;
	padding-bottom: 10px;
	display:block;
	width: 412px;
	height: 384px;
	background: url(../images/back_milieu.jpg) no-repeat #ffffff;
}

/*Photos Directeurs*/

#team {
	margin-bottom: 0;
	padding-top: 20px;
	position: relative;
	border: none;
	display:block;
	margin-left: -20px;
}

body[lang='fr'] div#team { padding-top: 0; }
.ie7 body[lang='fr'] div#team { padding-top: 8px; }
.ie7 body[lang='fr'] div#emails { padding-top: 17px; }


#team img, #emails img { margin: 7px 10px 0 0; }
body[lang='fr'] #team img { margin: 3px 10px 0 0; }

#team hr {
	position: absolute;
	left: 16px;
	top: 118px;
}

body[lang='fr'] #team hr { top: 94px; }

#emails hr {
	position: absolute;
	left: 16px;
	top: 98px;
}


.ie7 #team hr {
	top: 128px;
}

.ie7 body[lang='fr'] #team hr {
	top: 112px;
}

.ie7 body[lang='fr'] #emails hr {
	top: 125px;
}
.ie7 #emails hr {
	top: 108px;
}

.ie7 #team {
	margin-left: 0px;
}

#emails {
	margin-bottom: 0;
	padding-top: 0px;
	position: relative;
	border: none;
	display:block;
	margin-left: 0px;
}

a img{
	border: none;
	margin: 0;
	padding: 0;
}

HR {
	height: 0px;
	width: 380px;
	color: #2a3987;
	position: relative;
}

#texte7 p.adresse { float: left; clear: none !important; }

/*Hacks IE 7*/

*:lang(en) #team{
	left: 20px !important;
}

*:lang(en) #contenu ol br {
	line-height: 10px
}

*:lang(en) #contenu ul br {
	line-height: 10px
}

*:lang(en) #elements_menu{
	width: 100% !important;
	margin-top:45px !important;
}

*:lang(en) HR {
	margin-top: 10px !important;
/* 	margin-left: 15px !important; */
	color: none !important;
	border: 0;
	height: 1px !important;
	background-color: #2a3987 !important;
}

*:lang(en) #contenu img.silhouette {
	margin-top: 0 !important;
}

*:lang(fr) #team{
	left: 20px !important;
}

*:lang(fr) #contenu ol br {
	line-height: 10px
}

*:lang(fr) #contenu ul br {
	line-height: 10px
}

*:lang(fr) #elements_menu{
	width: 100% !important;
	margin-top:45px !important;
}

*:lang(fr) HR {
	margin-top: 10px !important;
/* 	margin-left: 15px !important; */
	color: none !important;
	border: 0;
	height: 1px !important;
	background-color: #2a3987 !important;
}

*:lang(fr) #contenu img.silhouette {
	margin-top: 0 !important;
}

/*
*:lang(en) td.subelement {
	opacity:0.2 !important;
}
*/