/* CSS Document - MECAMIDI */

* {
	border: 0;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	text-align: center;
	background-color: #2c4f82;
	background-image: url(../img/bg-body.gif);
	background-repeat: repeat-x;
}

#global {
	text-align: left;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 550px;
	margin-left: -450px;
	margin-top: -275px;
	background-color: #14235c;
	border: 1px solid #cccccc;
}

ul,li,dl,dd,dt {
	list-style-type: none;
	margin: 0;
    padding: 0;
}

#header, #cont-global {
	clear: both;
}

.separ-hr {
	clear: both;
	visibility: hidden;
}

.mecamidi {
	font-weight: bold;
	color: #2e60a6;
}

/*-------------------------------------------

HEADER */

/*#logo a{
	background-image: url(../img/logo-mecamidi.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 114px;
	position: absolute;
	top: 465px;
	left: 32px;
}

/*#logo-group a{
	background-image: url(../img/logo-group.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 114px;
	position: absolute;
	top: 481px;
	left: 32px;
}*/

#logo span, #hydro span, #flag span, #logo-group span {
	display: none;
}

#img-bandeau {
	margin-top: -93px;
	margin-left: 178px;
}

#hydro a{
	float: left;
	background-image: url(../img/hydro-power.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 178px;
}

#bg-menu-haut {
	float: left;
	background-image: url(../img/bande-menu-haut.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 722px;
}

#menu-haut {
	z-index:100;
	margin-right: 5px;
	position: absolute;
	right: 110px;
	top: 93px;
}

#menu-haut dl {
	float: left;
}

#menu-haut dt{
	background-image: url(../img/puce-menu-haut.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 8px;
	margin-left: 20px;
}

#menu-haut dt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#menu-haut dt a:hover {
	color: #f8ae19;
}

#menu-haut dd {
	position: absolute;
	top: 19px;
	
}

#menu-haut li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	width: 90px;
	text-align: left;
	line-height: 15px;
	color: #FFFFFF;
	background-color: #6e98e0;
	display: block;
	margin-top: 1px;
	font-weight: bold;
	padding-left: 5px;
	margin-left: 25px;
}

#menu-haut li a:hover {
	color: #f8ae19;
	background-color: #6e98e0;	
}

#menu-langue {
	float: right;
	margin-right: 10px;
	margin-left:20px;
	text-transform: capitalize;
}

#menu-langue li{
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 8px;
}

#menu-langue li a, #dt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu-langue li a:hover, #dt a:hover {
	color: #f8ae19;
}

.langueOff a{
	color:#FFFFFF;
}

.langueOn a {
	background-image:url(../img/puce-langue.gif);
	background-repeat:no-repeat;
	color: #f8ae19;
	width:20px;
	padding-left:5px;
	background-position: 0px 3px;
}

#flag-1 a {
	background-image: url(../img/flag-fr.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 30px;
	float: left;
}

#flag-1-on a, #flag-1 a:hover {
	background-image: url(../img/flag-fr.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 30px;
	float: left;
	background-position: 0 -17px;	
}

#flag-2 a {
	background-image: url(../img/flag-uk.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 25px;
	float: left;	
}

#flag-2-on a, #flag-2 a:hover {
	background-image: url(../img/flag-uk.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 25px;
	float: left;
	background-position: 0 -17px;	
}

/*-------------------------------------------

CONT */

#cont-global {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height: 422px;
	width: 900px;
}

/*-------------------------------------------

MENU GAUCHE */

#menu-g {
	background-image: url(../img/bg-menu-g.gif);
	width: 188px;
	background-repeat: repeat-y;
	height: 422px;
}

#nav li {
	margin-bottom: 2px;
}

#nav a{
	height: 19px;
	width: 188px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 19px;
}

#nav a:hover, .roll-on {
	background-image: url(../img/btn-rollover-2.gif);
	background-position: 0px -19px;
	text-decoration: none;
	color: #f8ae19;
}

#nav span {
	margin-left: 20px;
}


/*-------------------------------------------

CONTENU */

#contents {
	height: 422px;
	background-image: url(../img/bg-contenu.gif);
	margin-top: -422px;
	margin-left: 188px;
}

#fil{
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 712px;
	height: 15px;
	padding-left: 3px;
}

#fil, #fil a  {
	color: #14235c;	
}

#fil a:hover {
	color: #2e60a6;	
}

#contenu {
	display: block;
	height: 352px;
	width: 672px;
	overflow: auto;
	margin-top: 30px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}

#chapeau {
	width: 654px;
	padding-bottom: 30px;
}

#img-chap {
	height: 116px;
	width: 182px;
	text-align: right;
	float: left;
}

#img-chap img, #titre-news img {
	border: 1px solid #16265d;
	margin-top: 6px;
}

#puce-chap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3666b2;
	background-image: url(../img/puce-chap.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
}

#chap {
	width: 420px;
	float: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #f8ae19;
	margin-left: 20px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13245c;
	min-height: 118px;
}

#chap p {
	margin-bottom: 10px;
}

#chap a{
color: #3666b2;
}

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

#ligne {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3666b2;
	width: 654px;
	height: 16px;
}

.acrobat a, .date a, .list-invest a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3666b2;
}

.acrobat {
	background-image: url(../img/logo-acrobat.jpg);
	background-repeat: no-repeat;
	background-position: 0px -3px;
	padding-left: 18px;
	float: left;
}

#ligne li {
	float: left;
	margin-right: 5px;
}

#chap-invest {
	float: left;
	margin-top: -2px;
}

.date, .list-invest {
	float: right;
}

.list-invest {
	margin-right: 20px;
}

.date a, .invest-hover a {
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.date a:hover, .date-on a, .invest-hover a:hover, .invest-hover-on a{
	background-color: #2e60a6;
	color: #f8ae19;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;	
}

#bourse {
	display: block;
	width: 30px;
	float: left;
	padding-left: 20px;
	margin-top: 2px;
}

#bourse a{
	background-image: url(../img/puce-fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 13px;
	display: block;
}

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

/*-------------------------------------------

CONTENU DE LA PAGE */

#page-sschap, #page-contents {
	width: 654px;
}

#page-contents {
	margin-top: 20px;
}

#titre-news {
	height: 116px;
	width: 182px;
	text-align: right;
	float: left;
}

#puce-bleue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3666b2;
	background-image: url(../img/puce-bleue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#news, #ref, #fiche-prod, #plan-site {
	width: 420px;
	float: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #f8ae19;
	margin-left: 20px;
	padding-left: 30px;
	color: #13245c;
	
	
}


#ref-list {
	width: 420px;
	float: left;
	margin-left: 20px;
	padding-left: 30px;
	color: #13245c;
}



#news li, #ref li, .box-contents li, #fiche-prod li, #ref-list li {
	background-image: url(../img/puce-fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 13px;
}

#calque-ref {
	height: 147px;
	width: 180px;
	visibility: hidden;
	margin-top: -100px;
	margin-left: 270px;
	float: left;
}

#calque-prodserv {
	height: 147px;
	width: 180px;
	visibility: hidden;
	margin-top: 0px;
	margin-left: 215px;
	float: left;
}

#liste-prod-serv {
	float: left;
	margin-top: -147px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #f8ae19;
	padding-left: 30px;
	margin-left: -30px;
}


.job-sstitre {
	background-image: url(../img/puce-fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 13px;
}

#ref li, .box-contents li, #ref-list li {
	margin-bottom: 5px;
}

#page-contents a, #page-sschap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2e60a6;
}

#page-contents a:hover, #page-sschap a:hover {
	text-decoration: underline;
}

#titre-barre {
	width: 182px;
	text-align: right;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #f8ae19;
	padding-right: 20px;
	padding-bottom: 10px;
}

#adresse {
	width: 655px;
}

/*.colonne-gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #14235c;
	text-align: right;
	width: 182px;
	float: left;
}

.colonne-droite-der, .colonne-droite {
	text-align: left;
	width: 420px;
	margin-left: 202px;
	float: left;
	margin-top: -15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #14235c;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #f8ae19;
	padding-left: 20px;
}

.colonne-droite {
	padding-bottom: 20px;
}*/

.job-titre{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-image:url(../img/btn-rollover.gif);
	padding:2px;
	width:650px;
	display: block;
	background-repeat: repeat-x;
}

.job-ref{
	color:#f8af19;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.job-contenu{
	color:#14235c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:5px;
	width:642px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #2e60a6;
	border-right-color: #2e60a6;
	border-left-color: #2e60a6;
}

.job-sstitre{
	color:#f8af19;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.job-puce{
	background-color:#FFFFFF;
	color:#2e60a6;
	float:right;
	position:relative;
	top:-14px;
}

.changebtn {
	color:#2e60a6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/*.postuler {
	width: 652px;
	display: block;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2e60a6;
	border-right-color: #2e60a6;
	border-bottom-color: #2e60a6;
	border-left-color: #2e60a6;
	line-height: 20px;
}

.btn-recrut {
	height: 20px;
	width: 650px;
	text-align: center;
	display: block;
	font-size: 20px;
	font-weight: bold;
}*/

.titre-para {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #14235c;
	margin-bottom: 5px;
	display: block;
}

#ref p, #fiche-prod p, #fiche-prod li, #contents-sstitre p, #ref-list p, #plan-site p {
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #14235c;	
}

#vignette {
	margin-top: 6px;
	width: 180px;
	display: block;
	padding-left: 1px;
}

#vignette li {
	float: left;
}

.vign-marg {
	margin-right: 12px;
	margin-left: 12px;
}
.opac {
    filter : alpha(opacity=40);
    opacity : 0.4;
}

.opac-on {
    filter : alpha(opacity=100);
    opacity : 1;	
}

/*#prod-serv {
	margin-left: 91px;
}*/

#box-serv, #box-prod {
	width: 280px;
	padding-right: 30px;
	float: left;	
}

#box-prod {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #2e60a6;
	float: left;
}

#box-serv {
	margin-left: 30px;
}

.box-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #14235c;
	background-image: url(../img/bg-box-titre.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

.box-contents p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #14235c;
}

.lien-plus {
	font-style: italic;
	margin-left: 175px;
	margin-top: -10px;
}

#ref-1, #ref-2, #ref-3, #ref-4, #ref-5, #ref-6, #ref-7, #ref-8, #ref-9, #ref-10, #ref-11, #ref-12  {
	height: 147px;
	width: 180px;
	float: right;
}

#ref-2, #ref-3, #ref-4 {
	margin-top: -147px;
}

#ref-1 img, #ref-2 img, #ref-3 img, #ref-4 img, #plan img {
	border: 1px solid #14235c;
}

#prod-1, #prod-2, #prod-3 {

	width: 180px;
}

#prod-2, #prod-3, #prod-4 {
	margin-top: -147px;
}

.TitreLiens{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #14235c;
}

#plan {
	height: 147px;
	width: 180px;
	visibility: hidden;
	margin-top: -100px;
	margin-left: 150px;
	float: left;

}

/*-------------------------------------------

FOOTER */

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	background-color: #2e60a6;
	height: 14px;
	width: 900px;

}

#copy {
	float: left;
	margin-left: 5px;
}

#dt {
	float: right;
	margin-right: 5px;
}

#dt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.lang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00FFCC;
	list-style-type: none;
}

.supertitre	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
	}
	
.cadre {
	border: 1px solid #14235c;
}

#ss-chap {
	width: 420px;
	float: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #f8ae19;
	margin-left: 20px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13245c;
	min-height: 147px;

}

.imgpresse{
margin-right:10px;
margin-top:10px;
}

.puce1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #13245c;
	background-image: url(../img/puce-chap.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
	text-transform: capitalize;
	margin-bottom:10px;
	}
	
.puce2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13245c;
	background-image: url(../img/puce-bleue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 2px;
	padding-left: 10px;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: normal;
	}

.puce3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #13245c;
	background-image: url(../img/puce3.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 6px;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: normal;
	}