body{
	background-color:#fff;
	font-family: verdana, arial, sans-serif;
	font-size:14px;
	margin: auto;	
	width:780px;
	}
	
	#cadre{
		background-color:#000;
		width: 800px;
		height:900px;
		margin: 0 auto;
		border:solid 1px white;
		border-bottom:0px;
		margin-top: 50px;
	}
	
	
	#header{
	clear: both;
	height:150px;
	background-image:url("../images/header.jpg");
	}
	
	
	#menu{
	clear: both;
	height:40px;
	background-color:#000;
	padding-left:20px;
	/*border:solid 1px white;*/
	border-left:0px;
	border-right:0px;
	}
	
	#menu ul {
	padding-top:7px;
	}
	
	#presentation{
	/*padding-top:5px;*/
	margin-left: 50px;
	margin-right: 50px;
	text-align:jusify;
	/*font-size:17px; */
	}
	
	#menu li {
		float:left;
		width:150px;
		text-align:center;
		}
	
	
	#contenu{
	clear: both;
	background-image:url('../images/fondecran.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	background-attachment:inherit;
	height:710px;
	color:white;
	text-align:justify;
	
	}
	
	#contenu h1{
	text-align: center;
	}
	
	#contenu p{
		margin-left: 10px;
		margin-top:15px;
		text-align:justify;
	}
	
	#contenu a{
	color:#03177e;
	text-decoration: none;
	}
	
	#form{
	margin-left:10px;
	float:left;
	}
	
	#coordonnees{
		margin-right:10px;
		float:right;
	}
	
	
	
	#footer{
	margin-bottom:10px;
	position:relative;
	border:solid 1px white;
	border-left:0px;
	border-right:0px;
	color:white;
	text-align:center;
	background-color:black;
	}
	
	#footer a{
	color:white;
	text-decoration: none;
	}
	
	/*#diapo{
	padding-left:60px;
	}*/
	
	#menuphoto{
	float:left;
	padding-left:100px;
	margin-top:50px;
	width:150px;
		text-align:center;
	}
	
	#left{
		clear: both;
		position:absolute;
		float: left;
		width: 302px;
		top: 501px;
		left: 276px;
		
	}
	
	#right{
		clear: both;
		position:relative;
		float: right;
		padding-left: 400px;
	}
	
	#explication{
		clear: both;
		position:absolute;
		float: right;
		width: 398px;
		height: 134px;
		left: 504px;
		top: 365px;
	}
	
	#ico{
	position:absolute;
	float: left;
	margin-left:30px;
	overflow: auto;
	width: 313px;
	height: 255px;
	left: 103px;
	top: 627px;
	}
	#icovc{
		position:absolute;
		float: left;
		margin-left:30px;
		overflow: auto;
	}
	
	div.popup {
		clear: both;
		margin-left:30px;
		height: 139px;
		width: 223px;
		float: left;
		}
		
	div.popup > img { 
		float: left;
		height: 100%;
		width: 100%;
		cursor: pointer;
		}
		
	 div.popup > img:active {
		height: 75%;
		width: 60%;
		position: absolute;
	  
		 }
	
	
	#explicationv{
		clear: both;
		position:inherit;
		float: right;
		padding-top:25px;
		padding-left: 450px;
		margin-right:25px;
		overflow: auto;
	}
	
	#contenuphoto{
	clear: both;
	background-color:#000000;
	height:710px;
	color:white;
	text-align:justify;
	
	}

	

TD {
background-repeat:no-repeat;
}

.boite
  {
  height: 377px;
  width: 617px;
  overflow:auto;
  margin-left:10px;
  margin-top:20px;
  }

  .boite_index
  {
  height: 435px;
  width: 477px;
  overflow:hidden;
  /*margin-bottom:0px;*/
  /*margin-right:0px;*/
  /*margin-left:0px;*/
  /*margin-top:0px;*/
  }

  .boite_outils
  {
  height: 377px;
  width: 627px;
  overflow:auto;
  margin-left:0px;
  margin-top:20px;
  }

.boite_reseaux
{
height: 356px;
width: 625px;
overflow:auto;
margin-left:0px;
margin-top:0px;
background-color: #FFFFFF;
}

   .boite_marine
  {
  height: 377px;
  width: 624px;
  overflow:auto;
  margin-left:0px;
  margin-top:20px;
  }

  .boite_outils_marine
  {
  height: 350px;
  width: 607px;
  overflow:auto;
  margin-left:20px;
  margin-top:5px;
  }

    .boite_outils_marine_bis
  {
  height: 350px;
  width: 600px;
  overflow:auto;
  margin-left:20px;
  margin-top:5px;
  }

    .boite_marine_edition
  {
  height: 350px;
  width: 617px;
  overflow:auto;
  margin-left:10px;
  margin-top:5px;
  }

    .boite_corpo_metiers
  {
  height: 345px;
  width: 617px;
  overflow:auto;
  margin-left:10px;
  margin-top:5px;
  }

   .dom
  {
  height: 332px;
  width: 607px;
  overflow:auto;
  margin-left:10px;
  margin-top:5px;
  }


  a {
  text-decoration: none;
  color:#AD0000;
  }

  a:hover
  {
	text-decoration: underline;
	color:#AD0000;
	font-family: Arial, Helvetica, sans-serif;
	
  }

  .footer {
  font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #000000;
  }

  .footer_gris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#949494;
  }

 /* styles du formulaire RECHERCHER */
    .rchch_txt {
  border: 1px solid;
  width:100px;
  height:18px;
  margin:0px;
  margin-bottom:0px;
  font-size:12px;
	vertical-align:top;
  }

  .rchch_bt {
  height:19px;
  margin:0px;
  margin-bottom:0px;
  }

  /* fiches techniques */

.liste_okuma {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0063CD;
}

.liste_marine {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0063CD;
margin-right:10px;
}

.intro_okuma {
background-repeat:no-repeat;
background-image:url(../img_rouge/logo_okuma_petit60.jpg);
background-position:center;
margin-right:50px;
margin-left:50px;
}

.txt_okuma {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-right:20px;
}

.txt_noir_tableau {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#OOOOOO;
padding:2px;
text-align:center;
}

.txt_noir_tableau_center_no {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#OOOOOO;
padding:2px;
text-align:left;
margin-left:30px;
}

.variantes
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

.titre_gras
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
margin-left: 25px;
}

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

.article_gris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-left:25px;
	padding-right:25px;
	text-align: justify;
}

.article_filiales {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
/*margin-left:5px; */
margin-right:8px;
}

  .corpo_tab {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
}

  .corpo_tab_justif {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-left:200px;
}


.tab
{
border-bottom-style: solid;
border-bottom-color:#C8C8C8;
border-right-style:hidden;
border-left-style:hidden;
border-top-style:hidden;
}

.tab_noline
{
border-bottom-style: hidden;
border-right-style:hidden;
border-left-style:hidden;
border-top-style:hidden;
}

.dates {
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:14px;
color:#D50808;
margin-left:40px;
}

FORM {margin:0}

#menuautres{
float: right;
}


#photocontenu{
float:left;
margin-left:2px;
}


details{
float: left;
margin-left:2px;
margin-top:273px;
}

.fixe{
	position:inherit;
	}

#electro1{
	background:url(img/electro/accueil1.gif);
	background-repeat:no-repeat;
	height:185px;
	}

#electro2{
	background:url(img/electro/accueil2.gif);
	background-repeat:no-repeat;
	height:190px;
	
	}
	


.txtnxt{
	Float: left;
	margin-top:50px;
	margin-left: 5px;
	width: 207px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F60;
	font-style: normal;
	line-height: 95%;
	}
#contenu_xpf{
	
	width:645px;}
	
	#xpf_img{
		float:left;
		wodth: 240px;}
	
#txt-xpf{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
	float:left;
	width:380px;
	padding-left: 10px;
	}

.txtxpf{
	Float: left;
	margin-top:50px;
	margin-left: 5px;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F60;
	font-style: normal;
	line-height: 95%;
	}




		
	.txtaim{

	Float: left;
	margin-top:50px;
	margin-left: 10px;
	width: 208px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F60;
	font-style: normal;
	line-height: 95%;
	}

.txtserviceselectro{
	Float: left;
	margin-top:45px;
	margin-left: 2px;
	width: 215px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F60;
	font-style: normal;
	line-height: 95%;
	}
	
.txtflexlink{
	Float: left;
	margin-top:45px;
	margin-left: 3px;
	width: 214px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-style: normal;
	text-align: left;
	line-height: 95%;
	}

.marches{
	Float: left;
	margin-top:45px;
	margin-left: 7px;
	width: 208px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F60;
	font-style: normal;
	text-align: left;
	line-height: 95%;
	}
	
#marine{
	background-image:url(img/marine/accueil.jpg);
	background-repeat:no-repeat;
	height:405px;
		}
	
.moteursmarins{
	Float: left;
	margin-top:85px;
	margin-left: 2px;
	width: 127px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C00;
	font-style: normal;
	}
	
.steyr{
	Float: left;
	margin-top:85px;
	margin-left: 5px;
	width: 127px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
	}

.tohatsu{
	Float: left;
	margin-top:85px;
	margin-left: 5px;
	width: 127px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C00;
	font-style: normal;
	}

.helices{
	Float: left;
	margin-top:5px;
	margin-left: 3px;
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
	}
	
.moteursindustriels{
	Float: left;
	margin-top:85px;
	margin-left: 5px;
	width: 123px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C00;
	font-style: normal;
	}

.marineactu {
	font-size: 16px;
	color: #4782E5;
}

.indusactu {
	font-size: 16px;
	color:#060;
}

#industrie1{
	background-image:url(img/industrie/accueil1.jpg);
	background-repeat:no-repeat;
	height:185px;
		}

#industrie2{
	background-image:url(img/industrie/accueil2.jpg);
	background-repeat:no-repeat;
	height:185px;
		}

.txtdestaco{
	Float: left;
	margin-top:70px;
	margin-left: 5px;
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C03;
	font-style: normal;
}



.carverclamps{
	Float: left;
	margin-top:70px;
	margin-left: 7px;
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
}

.gechter{
	Float: left;
	margin-top:70px;
	margin-left: 10px;
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #058B4E;
	font-style: normal;
}

.vortec{
	Float: left;
	margin-top:70px;
	margin-left: 10px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #07447A;
	font-style: normal;
}

.boge{
	Float: left;
	margin-top:35px;
	margin-left: 3px;
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
}

.lapmaster{
	Float: left;
	padding-top:35px;
	margin-left: 10px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0171B3;
	font-style: normal;
	line-height: 100%;	
	}
	
.finnsonic{
	Float: left;
	
	margin-left: 8px;
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0171B3;
	font-style: normal;
	padding-top:45px;
	}
	
.kemet{
	Float: left;
	margin-top:35px;
	margin-left: 6px;
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0171B3;
	font-style: normal;
	}
	
#industrie1 .txtdestaco a {
	margin-top: 175px;
}
#industrie1 div a {
	margin-top: 170px;
}

.alignenxt{
	float:left;
	padding-top:25px;
	}
	
.alignexpf{
	float:left;
	padding-top:5px;}
	
.aligneaim{
	float:left;
	padding-top:45px;}
	
.aligneservices{
	float:left;
	padding-top:2px;
	}

.aligneconvoyeur{
	float:left;
	padding-top:2px;
	}
	
.alignemarches{
	float:left;
	padding-top:25px;
	}
.inscrivezvous{margin-top:130px;}

.inscrivezvous1{
	background-image:url(img/industrie/fond-recherche_02.jpg);
	background-repeat:no-repeat;
	height:230px;
	}

.inscrivezvous1 a{padding-top:160px;
display:block;}

.inscrivezvousmarine{
	background-image:url(img/marine/fond-recherche_03.jpg);
	background-repeat:no-repeat;
	height:230px;
	}

.inscrivezvousmarine a{padding-top:160px;
display:block;}


.inscrivezvouselectro{
	background-image:url(img/electro/fond-recherche_01.jpg);
	background-repeat:no-repeat;
	height:230px;
	}

.inscrivezvouselectro a{padding-top:175px;
display:block;}

	
.aligndestaco{
		float:left;
	margin-top:15px;
	}

.aligncarver{
		float:left;
	margin-top:15px;
	}

.aligngechter{
		float:left;
	margin-top:12px;
	}
	
.alignvortec{
		float:left;
	margin-top:1px;
	}
	
.alignboge{
		float:left;
	margin-top:1px;
	}

.alignlapmaster{
		float:left;
	margin-top:1px;
	}

.alignfinnsonic{
		float:left;
	margin-top:55px;
	}
	
.alignkemet{
		float:left;
	margin-top:75px;
	}

.contenuindus{
	width:780px;}
	
.h1_marine{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#069;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}

#contour_marine{
	border-top-color: #0864BB;
	border-right-color: #0864BB;
	border-bottom-color: #0864BB;
	border-left-color: #0864BB;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	width:645px;
}

.h1_electro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#F90;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}

.h1_indus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#060;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	}

.red{
	color:#AD0000;
	padding-left: 10px;
}