/* CSS Document */

/* ------------- STRUCTURE -------------- */
#page {
		width: 892px; 
		height: 670px;  
		position:absolute;
		left:50%;
		margin: 13px 0 0 -446px;
}

#header {
		width: 892px; 
		height: 260px;
		font-size:12px;
		color: #FFF;
}

#corps-home {
		position:absolute;
		top: 319px; 
		width: 590px; 
		height : 301px;
		border-top : 1px solid #e6e6e7; 
}

#flash {
		width: 299px;
		height: 152px; 
		position:absolute; 
		top : 467px; 
		left: 591px;
		background-color: #FFF;
		border-top : 1px solid #e6e6e7; 
		border-bottom: 1px solid #e6e6e7; 
		z-index: 10;
}

#footer {
		position:absolute; 
		top: 622px;
		width: 100%;  
		margin-top: 1px;
		text-align: center;	
		height: 20px; 
		padding: 7px 0 0; 
		font-size: 12px;
		color: #858688;
}


/* ------------- HEADER -------------- */
#nav-princ {
		width: 892px; 
		height: auto; }

img.contact {	
		position: absolute; 
		top: 119px; 
		left: 118px; }

#item2 img.contact {
		left: 315px; }

#item3 img.contact {
		left: 517px;
}

#nav-princ ul li {
		float:left ; 
		display:inline;
		width: 196px ;
		height:285px ; 
		border: 1px solid #fff ;
		border-left: none ; }

#nav-princ li#item1 {
		border-left: 1px solid #fff; 
		background-image: url(../images/twist-air-radionav.jpg)}

#nav-princ li#item2 {
		background-image: url(../images/twist-terre-transmission-v5.jpg)}

#nav-princ li#item3 {
		background-image: url(../images/twist-mer-controle-v3.jpg); 
		border-right: none; }

#nav-princ li#item4 {
		background-image: url(../images/twist-logo.jpg);
		width: 297px ;
		height:464px; 
		margin-top: -31px; 
		border-left: 1px solid #fff;
/* -- pour IE6 car le logo d'arrière plan est tronqué : IE6 semble ne pas prendre la marge négative -- */
		_clear: both ;  
		_position: absolute ; 
		_top: 31px; 
		_left: 591px; 
		_z-index:1;
/* -- fin du code pour IE6 -- */
} 

#nav-princ li#item1 ul, #nav-princ li#item2 ul, #nav-princ li#item3 ul {
		float:none ;		
		margin: 130px 0 0 15px ; }

#nav-princ li#item1 ul li, #nav-princ li#item2 ul li, #nav-princ li#item3 ul li {
		float:none ;		
		height: 21px; 
		width: auto;
		border: none; 
		padding: 0 0 0 9px;
		margin: 0 ;
		display: block; 
		line-height: 1em;
		background: url(../images/puce.gif) 0% 10% no-repeat ;  }

#nav-princ li#item2 img#bouton {
		margin: 4px 0 0 22px ; }

#nav-princ li#item4 img#en, #nav-princ li#item4 img#fr {
		position: absolute; 
		top: 318px; 
		left: 837px;
/* -- pour IE6 : gestion de position absolue d'un élément dans un bloc lui-même positionné en absolu 
IE6 considère le bloc parent comme référent(...) -- */
		_left : 246px;  
} 

#nav-princ li#item4 img#en {
		top: 297px;  }

#header li#item4 h1 {
		font-size: 14px ; 
		position: absolute;
		top: 232px;
		left: 712px; 
		margin: 0; 
		padding: 0;
		font-weight: 600; 
		line-height: 1.1em;
		color: #fcfcfe ; 
/* -- pour IE6 : gestion de position absolue d'un élément dans un bloc lui-même positionné en absolu 
IE6 considère le bloc parent comme référent(...) -- */
		_left: 120px; 
}

/*----------------- CORPS HOME ------------------ */
#corps-home {
		background: url(../images/illustration/img_aleatoire_0.jpg) 100% 50% no-repeat;
		background-color: #fff;  }

div#entreprise {
		width: 378px; 
		margin: 10px 0 0 11px; 
		padding: 0px 0 7px 0;
		background: url(../images/arrPlanDegrGris.jpg) 0 0 repeat-y; 
}

div#actu {
		width: 378px; 
		margin: 10px 0 0 13px; 
}

div#entreprise h2, div#actu h2 {
		font-family: "Futura Hv BT", Arial, sans-serif ; 
		color: #3b3d48; 
		font-size: 12px; 
		font-weight: 400;
		margin: 0 0 4px;
		padding: 4px 0 0 3px; 
}

div#actu h2 { padding: 4px 0 0 1px; }

div#actu img#actu-visuel { float: left; }

div#actu h3, div#actu h4 {
		line-height: 1.1em;
		font-size: 12px;
}

div#actu h3 {
		color: #0fa6da;
		margin: 0 0 0 85px;
		padding: 0;
}

div#actu h4 {
		padding: 0;
		margin: 8px 0 0 0;
		color: #3b3d48;
		font-weight: bold ;
}

div#entreprise p, div#actu p {
		margin: 0 ; 
		padding: 4px 0 0 5px; 
}

div#actu p { 
		padding: 0;
}
div#actu span.focus {
	color: #fd390c;
}

div#entreprise img.details {
		padding: 0 0 0 5px; 
		margin: 10px 0 0; 
}

div#actu img.details {
		padding: 0; 
		margin: 10px 0 0; 
}

div#entreprise img.details {
		padding: 0 0 0 5px; 
		margin: 10px 0 0; 
}

img#illustr {
		position: absolute;
		left: 394px;	
}

div #flash h1 {
	color:#000000;
	font-family:"Futura Hv BT",Arial,sans-serif;
	font-size:14px;
	margin-bottom:0;
	margin-left:3px;
	margin-top:0;
}

div #flash h2 {
	color:#000000;
	font-family:"Futura Hv BT",Arial,sans-serif;
	font-size:12px;
	margin-bottom:0;
	margin-left:3px;
	margin-top:0;
}