#chaud{
	margin-left : 80% ;
	margin-top : -24% ;
	width: 20%;
}

#NewADR{
	left : 100px ;
	font-weight: bold ;
	font: 35px Verdana, Arial, Helvetica, sans-serif;
	color : red ;
	text-decoration:blink;
	text-align : center ;
	z-index:1;
	/*background: url(images/changement.jpg);*/
	width : 460px;
	height : 55px;
}

#imageplan{
	top : 0px ;
	z-index:2;
}

#tuyau{
	margin-left : 80% ;
	margin-top : 2% ;
	width: 20%;
}

#meca{
	width: 20%;
}

#listeClients{
	float: left;
	/*width: 657px;*/
	background: #FFFFFF;
	margin-top : 2px ;
	position : relative;
	/*border : 1px solid black;*/
	padding-left : 10px ;
}

#listeClients2{
	float: right;
	/*width: 657px;*/
	background: #FFFFFF;
	margin-top : 2px ;
	margin-left : 20px ;
	margin-right : 20px ;
	position : relative;
	/*border : 1px solid black;*/
}

.client{
	background-color : #E0FFFF;
	border : 1px solid gray ;
	width: 60%;
	height: 300px;
	margin-left : 30% ;
	margin-top : -30% ;
	margin-right : 10% ;
	float: right;
	position : relative;
	text-align : center ;
	font: 15px Verdana, Arial, Helvetica, sans-serif;
}

#suivi{
	width: 20%;
	margin-top : -10% ;
}

#soustexte{
	margin-left : 22% ;
	margin-top : -25% ;
	width: 55%;
	height: 420px;
}

body {
	background: #f5f5f5;
	margin: 0px;
}

#conteneur {
	float: left;
	width: 1150px;
	/*width: 900px;
	background-color : red;*/
}

#head-gauche {
	background: url(images/head-gauche.jpg);
	float: left;
	height: 196px;
	width: 393px;
}

#head-droite {
	background: url(images/head-droite.jpg);
	float: left;
	height: 160px;
	/*width: 507px;*/
	width: 757px;
}

#menu {
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	color: #f5f5f5;
	background: url(images/menu.jpg);
	border-right : 1px solid black;
	float: left;
	height: 33px;
	width: 746px;
	/*width: 497px;*/
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;
}

#text {
	float: right;
	width: 907px;
	/*width: 657px;*/
	border-right: 1px solid #203f68;
	border-bottom: 1px solid #203f68;
	border-left: 1px solid #203f68;
	background: #FFFFFF;
	padding: 10px;
}

#competences {
	float: left;
	width: 550px;
}

#qui {
	float: left;
	width: 300px;
}
#recrutement {
	float: right;
	width: 333px;
	margin-top: 70px;
	height:300px;
}

#foot {
	float: right;
	width: 657px;
	text-align: right;
}

div.recrutement {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0.1em;

}

a.menu:hover {
	color: #FF9900;
}

a {
	color: #009385;
	text-decoration: underline;
}

a:hover,a.recrutement:hover {
	color: #000000;
}

a.recrutement {
	font-weight: bold;
	color: #f46f1d;
	text-decoration: underline;
}

a.hdclic {
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}

h1 {
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
}

h2,h3,h4,p {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: justify;
}

h4 {
	text-align: left;
}

ul,li {
	list-style: url(images/puce.gif) none;
}

li {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.plusgrand {
	font-size: 13px;
}

.plusgrandpremier {
  font-size: 18px;
  font-weight: bold;
}

span {
	color: #009385;
}

img.droite {
	float: right;
}

img.gauche {
	float: left;
}

#plus{
	font-size : 13pt;
}

table {
	margin-right: auto;
	margin-left: auto;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

select,input, textarea {
	border-bottom: 1px solid #006699;
	border-right: 1px solid #006699;
	font-size: 1em;
	background: #FFFFFF;
}

.titre{
	font : 20pt, Arial;
	color : #008B8B ;
	border-left : 5px solid black ;
	padding-left : 2px ;
	text-decoration : blink ;
}

.soustitre{
	font : 14pt, Arial;
	color : rgb(101,135,180) ;
	/*background-color : CornflowerBlue ;*/
}

.recrute{
	padding-top : 5px ;
	color : white;
	font : 9pt, Arial;
	background: url(images/recrutement.jpg);
	height: 25px;
	font-style: bold;
}

.connect{
	margin-left : 250px ;
	height: 130px;
	width: 300px;
}

.dl{
	color : blue ;
	text-decoration : none ;
}

#MenuGauche{
	background-color : white ;
	height: 200px;
	width: 210px;
	float: left;
	text-align : center ;
	color : #6495ED ;
	font : 15px, Arial ;
	font-weight : bold ;
	position : absolue;
	text-decoration: none;
}

.lien{
	background-image : url(./images/gris.JPG) ;
	width : 200px ;
	height : 27px ;
	text-align : center ;
	padding-top : 5px ;
	top : 170px ;
	color: #6495ED ;
	text-decoration: none;
}

.li:hover{
	font-weight : bold ;
}

.li{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.lien:hover{
	background-image : url(./images/bleu.JPG) ;
	color : red ;
	font-weight : bold ;
}

.lien:active{
	background-image : url(./images/noir.JPG) ;
	color : white ;
}

#textperso{
	padding: 10px;
	float: right;
	margin-top : -20px ;
	width: 670px;
	border: 0px solid;
	background-color : white ;
}


.nom{
	font : 14pt, Times;
	color : black ;
	padding-left : 2px ;
	text-decoration : underline ;
}

.tableauformulaire{
	font : 10pt, Times;
}