/* CSS Document */
BODY {
	FONT-SIZE: 9pt;
	FONT-FAMILY: Lucida grande, Verdana, Arial, Helvetica;
  	background: #333333 url(../images/degrade.jpg) repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	color: #666666;
	background-color:#263339;
}

a {
	color: #666666;
}

.clear {
	clear:both;
}
H1 {
	font-size:11pt;
	color:#666666;
	font-weight:bold;
	margin-left:26px;
	margin-top:20px;
	margin-right:20px;
}
	
#global {
     background: #333333 url(../images/degrade.jpg) repeat-x;
	 margin-left: auto;
     margin-right: auto;
     width: 823px; /* largeur obligatoire pour être centré */
}	
#header {
		background-image:url(../images/bandeau.jpg);
		width:859px;
		height:163px;
		position:relative;
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
		margin-bottom:0px;
}
#lienAccueil
{
		float: left;
		width : 307px;
		height: 123px;
		margin-left: 16px;
		margin-top: 11px;
}
#page {
		background-image:url(../images/fond.jpg);
		background-repeat:no-repeat;
		background-color:#DAE4E6;
		width: 859px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
}
#colonneGauche {
		float:left;
		width:212px;
		
}
#tel {
		margin-left:33px;
		width:170px;
		height: auto;
		font-size:10pt;
		margin-top:8px;
		margin-bottom:15px;
}
#menu {
		width: 195px;
		height: auto;
		background-image:url(../images/fondMenu.jpg);
		background-repeat:repeat-y;
		background-position:8px;
		margin-left:15px;
		margin-top:50px;
}
.titreMenuNoir {
		width:165px;
		height:20px;
		background-color:black;
		margin-top:8px;
		color:#FFFFFF;
		font-size:10pt;
		font-weight:bold;
		padding-left:30px;
		padding-top:3px;
		padding-bottom:0px;
}
.titreMenuGris {
		width:165px;
		height:20px;
		background-color:#8D969F;
		margin-top:15px;
		color:#FFFFFF;
		font-size:10pt;
		font-weight:bold;
		padding-left:30px;
		padding-top:3px;
		padding-bottom:0px;
		margin-bottom:10px;
}
#menu .lienMenu {
		text-decoration:none;
		margin-left:20px;
		font-size:9pt;
		color:#666666;	
}
#menu .lienMenu:hover {
		text-decoration:underline;
}
#menu .lienTitre {
		color:#FFFFFF;
		font-size:10pt;
		font-weight:bold;
		text-decoration:none;
}
#menu .lienTitre:hover {
		text-decoration:underline;
}
#image {
		background-image: url(../images/moteur2.jpg);
		width:151px;
		height:160px;
		margin-top:35px;
		margin-left:30px;
}
#zonechaude {
		width: 626px;
		float: left;
		background-color:#FFFFFF;
		margin-top:30px;
		/*clear: both; */
}
#titre {
		background-color:#9EA7B0;
		width:514px;
		height:71px;
		margin-left:26px;
		margin-top:20px;
		padding-left:40px;
		padding-right:20px;
		padding-top:15px;
		padding-bottom:15px;
}
#intro {
		color:#666666;
		font-size:9pt;
		margin-left:28px;
		padding-top:15px;
		padding-right:20px;
}

#competences {
		color:#666666;
		font-size:9pt;
		margin-left:28px;
		padding-top:15px;
		padding-right:30px;
		width:250px;
		
}		

#image2 {
		background-image:url(../images/rouage2.jpg);
		width:270px;
		height:275px;
		margin-top:30px;
		margin-left:0px;
		margin-bottom:30px;
		float: left;
}

#colGauche {
		width: 250px;
		float: left;
		background-color:#FFFFFF;
		margin-top:0px;
}

#colDroite {
		width: 300px;
		float: right;
		background-color:#FFFFFF;
		margin-top:0px;
}

#LogoMecatronic {
		width:145px;
		height:81px;
		text-align: center;	
		margin-left:auto;
		margin-right:auto;		
}		

#TexteMecatronic {
		color:#666666;
		font-size:9pt;
		padding-top:15px;
		padding-right:30px;
		
}
#footer {
		width: 859px;
		text-align:center;
		padding-top:8px;
		padding-bottom:8px;
		font-size:8pt;
}
#footer a {
		color: #666666;
		font-size:8pt;
		text-decoration:none;
}
#footer a:hover {
		text-decoration:underline;
}
#TextLeft {
		width: 275px;
		float: left;
		background-color:#FFFFFF;
		margin-left:15px;
		margin-right:5px;
		margin-top:0px;
}
#TextRight {
		width: 275px;
		float: right;
		background-color:#FFFFFF;
		margin-left:5px;
		margin-right:15px;
		margin-top:0px;
}
#TextLarge {
		width: 560px;
		float: left;
		background-color:#FFFFFF;
		margin-left:15px;
		margin-right:15px;
		margin-top:10px;
		/*clear: both; */
}
.titreContenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #B62135;
}
.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight: bold;
	color: #000000;
}

#imagePierrePATIN{
		background-image: url(../images/IMG_PierrePATIN.JPG);
		width:150px;
		height:200px;
		margin-top:35px;
		margin-left:auto;
		margin-right:auto;
}

#imagePierreArmandPATIN{
		background-image: url(../images/IMG_PierreArmandPATIN.JPG);
		width:200px;
		height:200px;
		margin-top:35px;
		margin-left:auto;
		margin-right:auto;
}
#imageGateway{
		background-image: url(../images/image009.jpg);
		width:250px;
		height:172px;
		margin-left:auto;
		margin-right:auto;
}
#imageGateway2{
		background-image: url(../images/image011.jpg);
		width:250px;
		height:151px;
		margin-left:auto;
		margin-right:auto;
}
#imageVariateur{
		background-image: url(../images/image016.jpg);
		width:250px;
		height:333px;
		margin-left:auto;
		margin-right:auto;
}
#imageVehicule1{
		background-image: url(../images/image030.png);
		width:250px;
		height:171px;
		margin-left:auto;
		margin-right:auto;
}
#imageVehicule2{
		background-image: url(../images/image033.png);
		width:250px;
		height:243px;
		margin-left:auto;
		margin-right:auto;
}
#imageSpaceFlower1{
		background-image: url(../images/image020.jpg);
		width:250px;
		height:263px;
		margin-left:auto;
		margin-right:auto;
}
#imageSpaceFlower2{
		background-image: url(../images/image022.jpg);
		width:250px;
		height:170px;
		margin-bottom:20px;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
}
#imageFontaine{
		background-image: url(../images/image028.jpg);
		width:550px;
		height:387px;
		margin-left:auto;
		margin-right:auto;
}
#imageContact{
		width:270px;
		height:411px;
		margin-bottom:110px;
		margin-left:auto;
		margin-right:auto;
}
#imageMentions{
		background-image: url(../images/image051.png);
		width:270px;
		height:411px;
		margin-bottom:110px;
		margin-left:auto;
		margin-right:auto;
}
#imageHyblive1{
		background-image: url(../images/image035.png);
		width:260px;
		height:328px;
		margin-bottom:100px;
		margin-top:100px;
		margin-left:auto;
		margin-right:auto;
}
#imageHyblive2{
		background-image: url(../images/image038.png);
		width:250px;
		height:166px;
		margin-bottom:50px;
		margin-top:50px;
		margin-left:auto;
		margin-right:auto;
}
#imageMachinePlaquette{
		background-image: url(../images/image042.png);
		width:250px;
		height:293px;
		margin-bottom:150px;
		margin-top:150px;
		margin-left:auto;
		margin-right:auto;
}
#logoInserm{
		background-image: url(../images/logo-inserm.png);
		width:100px;
		height:34px;
		margin-bottom:40px;
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
}
#logoGenewave{
		background-image: url(../images/logo-genewave.png);
		width:100px;
		height:61px;
		margin-bottom:70px;
		margin-top:70px;
		margin-left:auto;
		margin-right:auto;
}
#logoEDF{
		width:50px;
		height:68px;
		margin-left:auto;
		margin-right:auto;
}
#logoSato{
		background-image: url(../images/logosato.jpg);
		width:100px;
		height:37px;
		margin-bottom:40px;
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
}
#table {
		margin-left:auto;
		margin-right:auto;
		width:95%;
}
#td { 
		width:75%;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000000;
}
#td2 {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000000;
		width:25%;
		text-align: right;
}
#tableCli{
		margin-left:auto;
		margin-right:auto;
		width:95%;
}
#tdCli1 {
	width:40%;
	text-align: center;
	height: 75px;
}
#tdCli2 { 
		width:60%;
}
#logoBredy{
		width:100px;
		height:70px;
		margin-left:auto;
		margin-right:auto;
}
#logoCEA{
		width:50px;
		height:50px;
		margin-left:auto;
		margin-right:auto;
}
#logoLebas{
		background-image: url(../images/logo-avocats-lille.jpg);
		width:100px;
		height:29px;
		margin-left:auto;
		margin-right:auto;
}
#logoAtelier{
		width:50px;
		height:50px;
		margin-left:auto;
		margin-right:auto;
}
#logoInserm2{
		width:100px;
		height:45px;
		margin-left:auto;
		margin-right:auto;
}
#logoHutchinson{
		width:100px;
		height:30px;
		margin-left:auto;
		margin-right:auto;
}
#logoBergeron{
		width:100px;
		height:36px;
		margin-left:auto;
		margin-right:auto;
}
#logoRATP{
		width:50px;
		height:61px;
		margin-left:auto;
		margin-right:auto;
}
#logoSato2{
		width:100px;
		height:37px;
		margin-left:auto;
		margin-right:auto;
}
#logoGenewave2{
		width:100px;
		height:61px;
		margin-left:auto;
		margin-right:auto;
}