@charset "utf-8";
body {
	background-color: #FFF;
	background-image:url(../Medias/Fond_page.jpg);
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center top;
}

h1 {
	line-height: 18px;
}

h2 {
}

.Texte-page {
	padding:0;
	color:#333;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
}
.Cartouche_texte_blanc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;
	display: block;
	padding: 9px;
	text-align: left;
}

.Titre_texte {
	padding:0;
	color:#333;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height: 12px;
	font-weight: bold;
	margin: 0px;
}
.Titre2 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #EE7D20;
	display: block;
}
.Texte-texte {
	padding:0;
	color:#333;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height: 21px;
	font-weight: normal;
	margin: 0px;
}
.Titre_page {
	color:#333;
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight: bold;
	background-image: url(../Medias/logo-petit.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 48px;
	display: block;
	margin: 0px;
	height: 36px;
	line-height: 36px;
	background-image: url(../Medias/logo-petit.png);
	text-transform: uppercase;
}
.texte_petit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.texte_gras {
	padding:0;
	color:#333;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight: bold;
	margin: 0px;
}

.texte {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.titre {
	color:#ffffff;
	font-family:"Trebuchet MS";
	font-size:16px;
}


.titre-english {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:19px;
	float:left;
	width:212px;
	display:block;
	list-style:none;

}

.kaps {
	text-transform: uppercase;
}
.texte_blanc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;
}
.titre_blanc {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	height:25px;
	float:left;
	width:212px;
	display:block;
	list-style:none;
	border-bottom:1px solid #ffffff;
}

.texte_blanc_gras {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

.texte_blanc_gras a{
	
	color:#CCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}


.menu_titre {
	color:#ffffff;
	font-family:"Trebuchet MS";
	font-size:16px;
}

img {
	margin:0;
	padding:0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




#container {
	position:absolute;
	padding:0;
	width:100%;
	top: 5px;
	left: -6px;
	margin: auto;
}

#entete {
	height:100px;
	width:100%;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center;
	margin:0;
	padding:0;
	top: 15px;
	background-image: url(../Medias/Ecosystem-logo-top.png);
}

#entete a{
	display:block;
	height:100%;
}
#entete img{
	width: 457px;
	height: 90;
}


#corps {
	padding:0;
	width:990px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#corps ul {
	list-style:none;
	margin:0;
	padding:0;
}
#corps ul li{
	float:left;
	padding:0;
	
}



.sign {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top: 1px solid #a6a6a6;
	width:212px;
	display:block;
	float:left;
}



#texte {
	z-index:0;
	position:absolute;
	float:left;
	width:212px;
	height:500px;
	margin-left:608px;
	margin-top:-3px;
	margin-bottom:0px;
	margin-right:0px;
	padding:12;
}
#texte-centre {
	height:480px;
	margin: 0px;
	clip: rect(20px,auto,auto,auto);
}
#texte-centre p{
	line-height:14px;
}

#texte-centre a{
	text-decoration:none;
}

#texte-centre a:hover{
	color: #a6a6a6;
	text-decoration:underline;
}


#texte-centre ul {
	float:left;
	margin-top:10px;
	display:block;
	line-height:12px;
}

#icones {
	height:24px;
}



#icones ul {
	float:left;
	width:212px;
	display:block;
	list-style:none;
	border-bottom:1px solid #a6a6a6;
	padding-bottom:1px;
}
#icones li {
	float:left;
	list-style:none;
	padding-right:3px;
}



#pied {
	margin-left:0px;
	border-top:1px solid #a6a6a6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	line-height:15px;
}
#pied a{
	color: #a6a6a6;
	text-decoration:none;
}
#pied a:hover{
	color: #a6a6a6;
	text-decoration:underline;
}

.bouton1 {
	display:block;
	float:right;
	width:120px;
}

.bouton1 a{
	margin: 0;
	padding: 5px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:9px;
	display:block;
	text-decoration:none;
}

.bouton1 a:hover{
	display:block;
	text-decoration:none;
	background-color:#272727;
}


.bouton2 {
	display:block;
	float:left;
	width:135px;
	text-align:right;
}

.bouton2 a{
	margin: 0;
	padding: 5px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:9px;
	display:block;
	text-decoration:none;
}

.bouton2 a:hover{
	text-decoration:none;
	background-color:#272727;
}

.bouton3 {
	display:block;
	width:130px;
	margin-left:30px;
}

.bouton3 a{
	margin: 0;
	padding: 5px;
	background-color: #646464;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:9px;
	display:block;
	text-decoration:none;
}

.bouton3 a:hover{
	text-decoration:none;
	background-color:#272727;
}
.bouton4 {
	display:block;
	width:140px;
 	text-align:center;
	margin-left:80px;
}

.bouton4 a{
	margin: 0;
	padding: 5px;
	background-color: #646464;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:9px;
	display:block;
	text-decoration:none;
}

.bouton4 a:hover{
	text-decoration:none;
	background-color:#272727;
	display:block;
}


#right_btn{
	margin-left : -1px;
	margin-top:1px;
	width:254px;
	height:77px;
	background: transparent url(../Medias/btn_right.png) no-repeat top left;
}

#serviceclient a{
	height:77px;
	background: transparent url(../Medias/btn_serviceclient.png) no-repeat top left;
	width: 254px;
	display:block;
}
#serviceclient a:hover{
	height:77px;
	background: transparent url(../Medias/btn_serviceclient_hover.png) no-repeat top left;
	width: 254px;
	display:block;
}
#contact a{
	height:77px;
	background: transparent url(../Medias/btn_contact.png) no-repeat top left;
	width: 254px;
	display:block;
}
#contact a:hover{
	height:77px;
	background: transparent url("../Medias/btn_contact_hover.png") no-repeat top left;
	width: 254px;
	display:block;
}
#diagnostic a{
	height:77px;
	background: transparent url(../Medias/btn_diagnostique.png) no-repeat top left;
	width: 254px;
	display:block;
}
#diagnostic a:hover{
	height:77px;
	background: transparent url(../Medias/btn_diagnostique_hover.png) no-repeat top left;
	width: 254px;
	display:block;
}

#masque {
	position:absolute;
	padding:12px;
	width: 542px;
	left: 730px;
	top: 87px;
	height: 370px;
}