/* CSS Document */
BODY {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url('../../images/background.gif') top left repeat;
}

DIV {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.clear {
	clear:both;
	display:block;
	height:0px;
}

IMG, TABLE {
	border:none;
	margin:0px;
	padding:0px;
}

P, H1, H2, H3, H4, UL, LI, FORM {
	margin:0px;
	padding:0px;
}


/**************************/
/* STYLES CALQUES YOKSEO  */
/**************************/
#bloc_top_hp {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:390px;
	background:url('../../images/background_bloc_top_hp.gif') repeat-x scroll 0 0;
	z-index:0;
}
#bloc_top {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:125px;
	background:url('../../images/background_bloc_top.png') repeat-x scroll 0 0;
	z-index:0;
}

#main {
	width:956px;
	height:auto;
}

#logo {
	position:absolute;
	top:0px;
	left:0;
	width:305px;
	height:87px;
	z-index:1;
}
	
#top {
	position:absolute;
	top:0;
	left:305px;
	width:633px;
	margin:10px 18px 0px 0px;
	color:#1a161b;
	text-align:right;
	z-index:1;
}
	#top A{
		color:#1a161b;
		text-decoration:none;
	}
	
	#top A:hover{
		text-decoration:underline;
	}
	
#menu {
	position:absolute;
	top:75px;
	left:203px;
	width:753px;
	height:auto;
	z-index:2;
}

	#menu DIV.sousmenu {
		display:none;
		position:absolute;
		top:118px;
		height:26px;
		font-size:11px;
		color:#FFFFFF;
		background:#ee8b19 url('../../images/sousmenu-bg.gif') top left repeat-x;
		z-index:2;
		padding:0 15px 0px 0px;
	}
	
		#menu DIV.sousmenu P {
			padding:7px 0 0 0;
		}
	
		#menu DIV.sousmenu A{
			font-size:11px;
			color:#FFFFFF;
			font-weight:bold;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu DIV.sousmenu A:hover {
			font-size:11px;
			color:#000000;
			font-weight:bold;
			text-decoration:none;
		}
		
		#menu DIV.sousmenu A.on {
			font-size:11px;
			color:#000000;
			font-weight:bold;
			text-decoration:none;
		}
		
		#menu DIV.sousmenu A.on:hover {
			font-size:11px;
			color:#000000;
			font-weight:bold;
			text-decoration:none;
		}
		
	#menu #decouvrir-items {
		position:absolute;
		width:560px;
		height:26px;
		top:43px;
		left:0px;
		z-index:10;
	}
	
	#menu #solutions-items {
		position:absolute;
		width:270px;
		height:26px;
		top:43px;
		left:0px;
		z-index:10;
	}
	
	#menu #valeurs-items {
		position:absolute;
		width:260px;
		height:26px;
		top:43px;
		left:0px;
		z-index:10;
	}
	
	#menu #proche-items {
		position:absolute;
		width:325px;
		height:26px;
		top:43px;
		left:-204px;
		z-index:10;
	}
	
	#menu #carrieres-items {
		position:absolute;
		width:235px;
		height:26px;
		top:43px;
		left:-149px;
		z-index:10;
	}
	
/* HP */
#content #visionneuse {
		width:956px;
		height:263px;
		background:#FFFFFF;
	}
	
	#content #bloc-hp-centre {
		width:618px; /* 647 - 29 */
		height:478px; /* 498 - 20 */
		background:url('../../images/fond-bloc-hp-centre.gif') top left repeat;
		padding:20px 0 0 29px;
		float:left;
	}
	
		#content #bloc-hp-centre .bloc {
			width:291px;
			height:215px;
			background:url('../../images/fond-bloc-hp-centre-haut.gif') top left repeat;
			margin:10px 10px 0 0;
			float:left;
		}
		
		#content #bloc-hp-centre .bloc P {
			padding:8px 5px 0 5px;
			width:281px;
			font-size:12px;
			color:#3c3c3c;
		}
		
		#content #bloc-hp-centre .titre {
			font-size:14px;
		}
	
	#content #bloc-hp-solutions-pro {
		width:291px; /* 309 - 18 */
		height:636px; /* 666 - 30 */
		background:url('../../images/fond-bloc-hp-solutions-pro.gif') top left repeat;
		padding:30px 0 0 18px;
		float:left;
	}
	
	#content #bloc-hp-alaune {
		width:618px; /* 647 - 29 */
		height:149px; /* 158 - 9 */
		background:url('../../images/fond-bloc-hp-alaune.gif') top left repeat;
		padding:9px 0 0 29px;
		float:left;
	}
	
		#content #bloc-hp-alaune .bloc {
			width:291px;
			height:90px;
			background:url('../../images/fond-bloc-hp-alaune-bloc.gif') top left repeat;
			margin:8px 10px 0 0;
			float:left;
		}
		
		#content #bloc-hp-alaune .bloc P {
			margin:4px 5px 0 114px;
			width:172px;
			font-size:12px;
			color:#3c3c3c;
		}
		
		#content #bloc-hp-centre .bloc-hp-titre {
			font-size:14px;
		}
	
	#content #bloc-hp-newsletter {
		width:291px; /* 309 - 18 */
		height:149px; /* 158 - 9 */
		background:url('../../images/fond-bloc-hp-newsletter.gif') top left repeat;
		padding:9px 0 0 18px;
		float:left;
	}
	
		#content #bloc-hp-newsletter .titre {
			font-size:16px;
			color:#ee8b19;
		}
		
		#content #bloc-hp-newsletter FORM {
			margin:8px 0 33px 0;
		}
		
		#content #bloc-hp-newsletter INPUT.chp {
			width:204px;
			height:20px;
			background:#FFF url('../../images/hp-fond-news.gif') top left repeat;
			border:none;
			padding:6px 0 0 8px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#3c3c3c;
		}	


/* content */
#content {
	clear:both;
	width:956px;
	height:auto;
	background:url('../../images/background-transparent.gif') top left repeat;
	padding-bottom:20px;
	margin-top:118px;
}

	#content #fil-ariane {
		width:931px; /* 956 - 25 */
		height:25px; /* 55 - 30 */
		background:url('../../images/fil-ariane-fond.gif') top left no-repeat;
		padding:30px 0 0 25px;
		font-size:12px;
		color:#1a161b;
	}
	
		#content #fil-ariane A {
			text-decoration:none;
			color:#1a161b;
		}
		
		#content #fil-ariane A:hover {
			text-decoration:underline;
		}
	
	#content #contenu {
		width:675px;
		height:auto;
		background:url('../../images/contenu-fond.gif') top left repeat-y;
		float:left;
	}
	
	#content #contenu #text {
		width:590px;
		padding:0 0 0 50px;
		float:left;
	}
	
		#content #contenu #text H2 {
			font-weight:bold;
			font-size:14px;
			color:#3c3c3c;
			margin:15px 0 15px 0;
		}
		
		#content #contenu #text H3 {
			margin:15px 0 0 0;
			font-weight:bold;
			font-size:16px;
			color:#ee8b19;
		}
		
		#content #contenu #text P {
			line-height:15px;
			font-size:12px;
			margin:5px 0 0 0;
		}
		
		#content #contenu #text UL {
			line-height:18px;
			font-size:12px;
			margin:5px 0 0 0;
		}
		
		#content #contenu #text LI {
			list-style-type:disc;
			margin-left:15px;
		}
		
		#content #contenu #text LI A {
			font-size:12px;
			color:#3c3c3c;
			text-decoration:underline;
		}
		
		#content #contenu #text A {
			font-size:12px;
			color:#ee8b19;
			text-decoration:underline;
		}
		

		#content #contenu #text FORM input,
		#content #contenu #text FORM select,
		#content #contenu #text FORM textarea{
			width:200px;
			border:solid 1px #57575a;
		}
		#content #contenu #text FORM input[type=radio]{
			width:auto;
			border:none;
		}
		#content #contenu #text FORM input[type=submit]{
			width:auto;
			cursor:pointer;
		}
	
		#content #contenu #text FORM label{
			display:inline-block;
			width:180px;
			font-weight:bold;
			text-align:right;
			padding-right:15px;
			vertical-align:top;
			
		}
		
		#content #contenu #text DIV.msg-error{
			padding:5px 10px 5px 10px;
			border:solid 1px #c00;
			font-weight:bold;
			color:#c00;
		}
		#content #contenu #text DIV.msg-ok  {
			padding:5px 10px 5px 10px;
			border:solid 1px #090;
			font-weight:bold;
			color:#090;
		}
		
		#content #contenu #text DIV.offre-emploi {
			margin:10px 0px 30px 0px;
		}
	
		#content #contenu #text DIV.offre-emploi .intitule{
			font-weight:bold;
			font-size:18px;
			color:#ee8b19;
			width:100%;
			border-top:1px solid #ee8b19;
			border-bottom:1px solid #ee8b19;
			padding:10px 0 10px 0;	
		}
		
	#content #contenu #carte {
		width:620px;
		height:375px;
		background:#FFFFFF;
		margin:10px 0 40px 10px;
		float:left;
	}
	
	#content #contenu #interlocuteurs {
		width:584px;
		height:480px;
		background:#FFFFFF;
		float:left;
	}
		
	#content #contenu #bas-contact {
		width:580px;
		padding:0 0 0 50px;
		float:left;
	}
	
		#content #contenu #bas-contact P {
			line-height:15px;
			font-size:12px;
			margin:8px 0 0 0;
		}
		
	#content #contenu #valeurs-etapes #valeurs-etape1,
	#content #contenu #valeurs-etapes #valeurs-etape2,
	#content #contenu #valeurs-etapes #valeurs-etape3,
	#content #contenu #valeurs-etapes #valeurs-etape4{
		margin:20px 0 30px 24px;
		width:560px;
	}
	
	#content #contenu #valeurs-etapes #valeurs-etape1 H3,
	#content #contenu #valeurs-etapes #valeurs-etape2 H3,
	#content #contenu #valeurs-etapes #valeurs-etape3 H3,
	#content #contenu #valeurs-etapes #valeurs-etape4 H3{
		margin:0;
		padding:0;
	}
	
	#content #rightcol {
		width:281px;
		height:auto;
		float:left;
	}
	
		#content #rightcol #push-solutions {
			width:245px; /* 264 - 19 */
			height:243px; /* 263 -20 */
			background:url('../../images/fond-push-solutions.gif') top left no-repeat;
			padding:20px 0 0 19px;
			float:left;
		}
		
		#content #rightcol .push {
			width:245px; /* 264 - 19 */
			height:234px; /* 254 -20 */
			background:url('../../images/fond-push-rightcol.gif') top left no-repeat;
			padding:20px 0 0 19px;
			margin:5px 0 0 0;
			float:left;
		}
		
			#content #rightcol .push P{
				padding:8px 0 0 8px;
				width:206px;
				height:auto;
				font-size:12px;
				color:#3c3c3c;
			}
			
		#content #rightcol #push-liens {
			width:245px; /* 264 - 19 */
			height:auto;
			padding:15px 0 0 19px;
			float:left;
			text-align:center;
		}
	
	#content #footer {
		width:956px;
		text-align:center;
		margin-top:20px;
		color:#000000;
	}
		#content #footer A{
			color:#1a161b;
			text-decoration:none;
		}
		#content #footer A:hover{
			text-decoration:underline;
		}
		#content #footer A.souligne{
			color:#1a161b;
			text-decoration:underline;
		}
		

		
/************************************************/
/*				ELEMENTS COMMUNS				*/
/************************************************/
.middle {
	vertical-align:middle;
}