/**********************************************************
		RESET
**********************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body {line-height:1.5;}table {border-collapse:separate;border-spacing:0;}caption, th, td {text-align:left;font-weight:normal;}table, td, th {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:"";}blockquote, q {quotes:"" "";}a img {border:none;}.clearfix:after, #wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix, #wrapper {display:inline-block;}.clearfix, #wrapper {display:block;}.clear {clear:both;}
* html .clearfix, 
* html #wrapper {height:1%;}
a, input, button { outline: none; -moz-outline-width: 0; }
/**********************************************************
		COMMON STYLES
**********************************************************/
strong {font-weight:bold;}em, dfn {font-style:italic;}li ul, li ol {margin:0 1.5em;}ul, ol {margin:0 1.5em 1.5em 1.5em;}ul {list-style-type:disc;}ol {list-style-type:decimal;}dl {margin:0 0 1.5em 0;}dl dt {font-weight:bold;}dd {margin-left:1.5em;}table {margin-bottom:1.4em;width:100%;}th {font-weight:bold;background:#C3D9FF;}th, td {padding:4px 10px 4px 5px;}tr.even td {background:#E5ECF9;}tfoot {font-style:italic;}caption {background:#eee;}

body { text-align: center; background: #F5F6F5 url('../images/layout/background.png') top left repeat-x; font: 75% Verdana, Arial, Helvetica, sans-serif; margin: 40px auto;}
#container {width:1010px;margin:0 auto; text-align: left;}

.large { font-size: 1.25em; line-height: 1.7; }
.larger { font-size: 1.5em; line-height: 1.7; }
.small { font-size: 0.925em; line-height: 1.7; }
img.right { float: right; margin: 0 0 1em 1em; }
img.left { float: left; margin: 0 1em 1em 0; }
.align-center { text-align: center;}
.align-right { text-align:right;}
.quiet { color: #666;}
p.btop.large.grey.quiet { padding-left: 15px; }
/**********************************************************
		TYPOGRAPHY
**********************************************************/
h1 {
	position: absolute;
	top: -70px;
	left: 5px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
h2 { font: 2em/1em 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 0.5em; color: #555;}
h3 { font: normal 1.4em/1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 1.5em;  color: #333; margin-left: 10px;}
h4 { font: bold 1.2em/1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 1.5em;  color: #333; margin-left: 10px; }
h5 { font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #333;}
h6 {}
a {
	color: #223E99;
}
p {
	line-height: 1.5;
	margin-bottom: 1em;
}
body #content-content ul.reset li {
	padding: 0 !important;
	margin: 0 !important;
	background: none;
}

/**********************************************************
		HEADER
		
		Menu : 172 * 36
		Vos besoins		: #E34086
		Rejoignez-nous	: #CAD100
		Verlingue		: #3AB9E2
		Easy Access		: #3691BF
		hover : #F4F4F4 opacité 90
**********************************************************/
#header {
	height: 130px;
	z-index: 10;
	position: relative;
}
#navlinks {
	padding: 0;
	margin: 0;
}

#navlinks #homelink {
	width: 223px;
	height: 46px;
	background: url('../images/layout/logo.png') no-repeat;
	margin-right: 18px;
}

#navlinks #homelink a {
	display: block;
	width: 223px;
	height: 0;
	font-size: 1em;
	padding-top: 46px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/layout/logo.png') no-repeat;
}


#navlinks li {
	position: relative;
	padding: 0;
	background: #fff;
	margin: 0 10px 0 0;	
	float: left;
	display:block;
	text-align: center;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	vertical-align: middle;
	
}
#navlinks li#na {
	margin-left: 47px;
}


#navlinks li#nd {
	margin-right: 0;
}

	#navlinks li a {
		position: relative;
		padding: 35px 0 0 0;
		margin: 0;
		height: 0;
		width: 172px;
		float: left;
		display:block;
		background: url('../images/layout/navlinks.png') no-repeat;
		font-size: 1em;
		overflow: hidden;
		text-decoration: none;
	}
		#navlinks li a.navitem {
			text-indent: -2000px;
		}
		#navlinks li#nb a { background-position: -172px 0px;}
		#navlinks li#nc a { background-position: -344px 0px;}
		#navlinks li#nd a { background-position: -516px 0px;}


	#navlinks li#na.active a.navitem, #navlinks li#na.hover a.navitem { background-position: 0 -35px;} /* Qui sommes nous ? */  
	#navlinks li#nb.active a.navitem, #navlinks li#nb.hover a.navitem { background-position: -172px -35px;} /* Rejoignez-nous */
	#navlinks li#nc.active a.navitem, #navlinks li#nc.hover a.navitem { background-position: -344px -35px;} /* Verlingue */     
	#navlinks li#nd.active a.navitem, #navlinks li#nd.hover a.navitem { background-position: -516px -35px;} /* Easy@ccess */     

	#navlinks ul.menu {
		padding: 5px 0;
		margin: 0;
		width: 172px;
		list-style: none;
		display: none;
		position: absolute;
		top: 35px;
		left: 0;
		z-index: 6;
		background: #f4f4f4;
		filter:alpha(opacity=90); /* IE */
		-moz-opacity:0.9; /* Mozilla */
		-khtml-opacity: 0.9; /* Safari */
		opacity: 0.9; /* CSS3 */
	}

	#navlinks ul.menu li {
		font-family: Verdana, arial, sans-serif;
		font-size: 11px;
		text-align: left;
		z-index: 6;
		padding: 0;
		width: 172px;
		margin: 0;
		height: auto;
	}

	#navlinks ul.menu li a {
		font-weight: normal;
		display: block;
		height: auto;
		width: 157px;
		background: #f4f4f4;
		padding: 5px 0 5px 15px;
		float: left;
		color: #222;
	}
		#navlinks li#na ul.menu li a,
		#navlinks li#na ul {
			background-color: #FBE2ED;
			color: #C63774;
		}
		#navlinks li#na ul.menu li a:hover {
			color: #86254E;
		}
		
		#navlinks li#nb ul.menu li a,
		#navlinks li#nb ul {
			background-color: #F7F7D9;
			color: #9E9E00;
		}
		#navlinks li#nb ul.menu li a:hover {
			color: #7D7C00;
		}
		
		#navlinks li#nc ul.menu li a,
		#navlinks li#nc ul {
			background-color: #E2F5FB;
			color: #298DAD;
		}
			#navlinks li#nc ul.menu li a:hover {
				color: #213D99;
		}

		#navlinks li#nd ul.menu li a,
		#navlinks li#nd ul {
			background-color: #FFFFFF;
			color: #555555;
		}
			#navlinks li#nd ul.menu li a:hover {
				color: #555555;
			}

		
	#navlinks ul.menu.nohand li a {
		cursor: default;
	}

/* 	#navlinks ul.menu li a:hover:before {
		content:"› ";
	}
	 */

ul#langue li {
	position: relative;
	padding: 0;
	background: #fff;
	float: right;
	top:-25px;
	text-decoration: none;	
	padding-left:5px;
	list-style-type: none;		
}

/**********************************************************
		CONTENT
**********************************************************/

#wrapper {
	clear: both;
	position: relative;
}
#content {
	width: 920px;
	float: left;
	margin-top: 25px;
	padding-bottom: 30px;
	height: auto;
}
#content a {
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
	#content-menu {
		float: left;
		width: 225px;
		margin-right: 18px;
		margin-left: 0;
		list-style-type: none;
		padding: 0;
		display: block;
	}
		
	#content-menu li {
		float: left;
		margin: 0;
	}
		#content-menu li a {
			display: block;
			width: 210px;
			padding-left: 15px;
			padding-top: 9px;
			padding-bottom: 10px;
			float: left;
			background: #3AB9E2; 	/* default color for verlingue */
			color: white;
			text-decoration: none;
			font-size: 11px;
			margin: 0;
		}
		#content-menu li.active a,
		#content-menu li.fi a:hover {
			background-color: #61C8E7;
			text-decoration: none;
		}
		#content-menu ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		#content-menu li ul li {
			padding: 0;
			margin: 0;
		}
		#content-menu li ul li a {
			padding-left: 30px;
			width: 195px;
			background: #DFF4FA !important;
			color: #3AB9E2;
			border-bottom: 1px solid #80D2EC;
		}
		#content-menu li ul li:last-child a {
			border: none;
		}
		

	#content-content {
					float: left;
					width: 670px;
					min-height: 340px;
					position: relative;
					background: transparent url('../images/layout/background-trans50.png') top left repeat; 
		}
	* html #content-content {
		height: 350px;
	}
	.trans-25	{	background-image: url('../images/layout/background-trans25.png') !important; }
	.trans-50	{	background-image: url('../images/layout/background-trans50.png') !important; }
	.trans-75	{	background-image: url('../images/layout/background-trans75.png') !important; }

	
		/* #content-content a:hover {
					text-decoration: none;
				} */
		#content-content .panel {
			padding: 3px 10px 40px;
			height: auto;
			min-height: 285px;
			font-size: 11px;
			position: relative;
		}
		


	#content-content .nextcontent {
		position: absolute;
		bottom: 0;
		left: 3px;
		font-size: 0.9em;
	}
	#content-content .nextcontent a {
		font-weight: bold;
		padding: 3px 6px 3px 16px;
		color: white !important;
		text-decoration: none;
		background: #3AB9E2 url('../images/layout/white-arrow.png') 5px 4px no-repeat;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#content-content .nextcontent a:hover {
		background-color: #61C8E7;
	}
	.column {
		float: left;
		margin-right: 35px;
	}
	
	.btop {
		border-top: 1px solid #b7b7b7;
		padding-top: 10px;
	}
	#content-content .last {
		margin: 0 !important;
	}
	#content-content .half {
		width: 305px;
	}
	#content-content ul {
		list-style-type: none;
		margin-left: 5px;
	}
	
	#content-content ul li {
		margin-bottom: 0.75em;
		background: transparent url('../images/layout/puces/carres/verlingue.png') 0px 3px no-repeat;
		padding-left: 20px;
	}
	#content-content ul li.fleche {
		background: transparent url('../images/layout/puces/fleches/verlingue.png') 0px 4px no-repeat;
	}
	
	#content-content ul.medium li { background-position: 0px 6px;}
	#content-content ul.big li { background-position: 0px 8px;}
	
	#content-content ul li h3 {
		margin-bottom: 0em;
		margin-left: 0;
		color: #3AB9E2;
	}

/**********************************************************
		SIDEBAR
**********************************************************/
#sidebar {
	width: 24px;
	right: 0;
	position: absolute;
	top: 125px;
	overflow: hidden;
	z-index: 15;
}
.expand-sidebar #sidebar {
	width: 200px;
}

#sidebar ul#sidemenu {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
	background: url('../images/layout/background-trans90.png');
}
body.expand-sidebar #sidebar ul#sidemenu {
	background: none;
}

#sidebar ul#sidemenu li {
	padding: 0;
	margin: 0;
	background-position: 1px 7px;
	background-repeat: no-repeat;
	height: 36px;
}
	#sidebar ul#sidemenu li#sa { background-image: url('../images/layout/pictos/contact-us.png');}
	#sidebar ul#sidemenu li#sb { background-image: url('../images/layout/pictos/rss.png');}
	#sidebar ul#sidemenu li#sc { background-image: url('../images/layout/pictos/temoignages.png');}
	#sidebar ul#sidemenu li#sd { background-image: url('../images/layout/pictos/informations.png');}
	#sidebar ul#sidemenu li#se { background-image: url('../images/layout/pictos/en.png');}	
	
	
#sidebar ul#sidemenu li a {
	display: block;
	padding-left: 33px;
	width: 167px;
	height: 24px;
	padding-top: 9px;
	color: #3A3A3A;
	text-decoration: none;
}
#sidebar ul#sidemenu li a:hover,
#sidebar ul#sidemenu li a.active {
	color: #E34086;
}
	/**********************************************************
			CONTACT & CALLBACK
			Boîte			: 736x295 #FDFDFB 85%
			Bordure			: #E9E9E9
			Bouton envoyer	: 100x21 #E7507A
			Titres roses	: #E34086
			Texte			: #666565
			Inputs Bordure	: #C6C5C5
			Textarea		: 300x110
			
			Bloc 1			: 360x295	|
			Bloc 2			: 376x150	|	> moins les bordures
			Bloc 3			: 376x145	|
	**********************************************************/
	#callback {
		width: 670px;
		height: 24px;
		background: url('../images/layout/callback-verlingue.png') no-repeat;
		bottom: 0;
		right: 37px;
		z-index: 1000;
		position: absolute;
		
	}
	* html #callback {
		right: 7px;
	} 

	#callback a#callback-link,
	#callback a#callback-verlingueInfos {
		/* ATTENTION : En cas de màj de cette classe, penser à impacter au besoin les classes ".rh #callback a#callback-contact-link" et ".rh #callback a#callback-postuler-link" */
		display: block;
		width: 670px;
		height: 0;
		font-size: 1em;
		padding-top: 24px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('../images/layout/callback-verlingue.png') no-repeat;
		margin: 0;
	}
	.homepage #callback {
		display: none;
	}
	#callback-form {
		-webkit-box-shadow: 0 -5px 25px #ccc;  
		-moz-box-shadow:  0 -5px 25px #ccc;  
		box-shadow:  0 -5px 25px #ccc;
		position: absolute;
		bottom: 23px;
		right: 0;
		height: 250px;
		padding: 10px 3px 10px 10px;
		border: 1px solid #E9E9E9;
		background-image: url('../images/layout/contact-background.png');
		z-index: 4;
		display: none;
	}
	
	#contact {
		width: 735px;
		height: 295px;
		border: 1px solid #E9E9E9;
		background-image: url('../images/layout/contact-background.png');
		z-index: 4;
		position: absolute;
		top: 0px;
		right: 210px;
		font-size: 11px;
		display: none;
		-webkit-box-shadow: 0 0 25px #ccc;  
		-moz-box-shadow: 0 0 25px #ccc;  
		box-shadow: 0 0 25px #ccc;
	}

	#contact-right *,
	#contact form * {
		color: #636262;
	}
	#contact #contact-right p a:hover {
		text-decoration: none;
	}
	#contact #standingman { /* type en surimpression */
		width: 80px;
		height: 0;
		font-size: 1em;
		padding-top: 209px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('../images/layout/man-stand.png') no-repeat;
		position: absolute;
		bottom: -50px;
		right: 20px;
	}
	/* * html #contact #standingman {
			background: url('../images/layout/man-stand.jpg') no-repeat;
			bottom: 0;
		} */
	
		/* * html #contact { background: #FDFDFB; }  IE6 png support */
		#contact form,
		#callback form {
			height: 265px;
			border-right: 1px solid #E9E9E9;
			width: 308px;
			padding: 15px 28px;
			float: left;
		}
		#callback form {
			border: none;
			padding: 0;
		}
		* html #contact form {
			padding-right: 14px;
		}
		a.close {
			color: #E64F79;
			text-decoration: none;
			display: block;
			position: absolute;
			right: 4px;
			top: 1px;
			font-size: 11px;
		}
		a.close:hover
		 {
			text-decoration: underline;
		}
		#contact .submit,
		#callback .submit {
			font: normal 11px Verdana, Arial, sans-serif;
			border: 0;
			background: #E64F79;
			color: white;
			width: 100px;
			height: 23px;
			clear: both;
			cursor: pointer;
			padding-top: 0;
			margin: 0;
		}
		
			#contact .submit:hover,
			#callback .submit:hover {
				filter:alpha(opacity=90); /* IE */
				-moz-opacity:0.9; /* Mozilla */
				-khtml-opacity: 0.9; /* Safari */
				opacity: 0.9; /* CSS3 */
			}
		
			* html #contact .submit { padding-top: 2px; }
			* html #callback .submit { padding-top: 2px; }
		/* 	*+html #contact .submit { padding-top: 2px; }
			*+html #callback .submit { padding-top: 2px; } */
	
		#contact textarea,
		#callback textarea {
			width: 292px;
			height: 110px;
			overflow: auto;
		}
		#contact #contact_reponse,
		#callback #callback_reponse {
			width: 192px;
		}
		* html #callback #callback_reponse { width: 184px; }
		*+html #callback #callback_reponse { width: 184px; }
			#contact #contact_reponse_input,
			#callback #callback_reponse_input {
				width: 184px; /* with selectbox */
			}
		#contact h2,
		#callback h2 {
			color: #E64F79;
			background: transparent url('../images/layout/square-pink.png') 0 2px no-repeat;
			padding-left: 15px;
			margin-bottom: 15px;
			font-size: 12px;
		}
		
		#contact #contact-right {
			float: left;
			width: 314px;
			padding: 15px 28px 0;
			height: 280px;
			overflow: hidden;
		}
			* html #contact #contact-right {
				padding-right: 14px;
			}
		#contact #contact-right p {
			margin-top: 15px;
			line-height: 18px;
		}
		#contact #contact-right address {
			margin-top: 15px;
			line-height: 18px;
			margin-bottom: 29px;
			font-style: normal;
			background: url('../images/layout/pictos/home.gif') 0px 0px no-repeat;
			padding-left: 15px;
		}
		
		/* Newsletter */
		#recevoir-info {
			width: 238px;
			height: 0;
			font-size: 1em;
			padding-top: 70px;
			text-indent: -2000px;
			overflow: hidden;
			background: url('../images/layout/contact-message.png') no-repeat;
			display: none;
		}
		#contact #newsletter {
			margin: 0;
			padding: 5px 0 0 0;
			height: 50px;
			position: relative;
			display: none;
		}
		* html #contact #newsletter {
			height: 60px;
		}
		#contact #newsletter .submit {
			width: 25px;
		}
		/* Contact ajax feedback */
		.wait {
			position: absolute;
			bottom: 9px;
			left: 30px;
			font-size: 11px;
		}
		
		* html #contact-right .wait {
			bottom: 9px;
		}		
		.wait span.error {
			color: #E7507A !important;
		}
		#callback .wait {
			top: 22px;
			left: 24px;
		}
		#newsletter .wait {
			left: 0px;
		}
		
/**********************************************************
		FORMS
**********************************************************/
	label {
		font-size: 11px;
		color: #636262;
		display: absolute;
	}
	form div {
		position: relative;
		float: left; 
		margin-right: 8px;
		margin-bottom: 3px;
		_height: 23px;
	}
	input {
		border: 1px solid #C6C5C5;
		height: 15px;
		padding: 3px;
		width: 138px;
		color: #636262;
		font: normal 11px Verdana, Arial, Helvetica;
	}
	textarea {
		border: 1px solid #C6C5C5;
		font: normal 11px Verdana, Arial, Helvetica;
		padding: 3px;
		color: #636262;
	}
	select {
		border: 1px solid #C6C5C5;
		height: 23px;
		padding: 3px;
		width: 146px;
		color: #636262;
		font: normal 11px Verdana, Arial, Helvetica;
	}
		* html select { margin-bottom: 6px;} /* IE Select size workaround */
		*+html select { margin-bottom: 2px;} /* IE Select size workaround */
	option {
		height: 15px;
		padding: 3px;
		font: normal 11px Verdana, Arial, Helvetica;
	}
	
	label.overlabel {
		color:#636262;
	}
	label.overlabel-apply {
		position:absolute;
		top:3px;
		left:5px;
		z-index: 6;
		color:#636262;
	}
		* html label.overlabel-apply { top: 5px;}
		*+html label.overlabel-apply { top: 5px;}
		
		div.selectbox-wrapper {
			position:absolute;
			width:146px;
			background-color:white;
			border: 1px solid #ccc;
			margin: 0px;
			margin-top: -1px;
			padding:0px;
			text-align:left;
			max-height: 300px;
			overflow:auto;
			font-size: 11px;
		}
		.selectbox-wrapper ul {
			list-style-type: none;
			margin: 0;
			z-index: 100;
		}
		.selectbox-wrapper ul li.selected { 
			background: #CDD8E4;
		}
		.selectbox-wrapper ul li.current { 
			background-color: #CDD8E4;
		}
		.selectbox-wrapper ul li {
			list-style-type: none;
			display: block;
			margin: 0;
			padding: 2px;
			cursor: pointer;
			z-index: 100;
		}

		.selectbox /* look&fell of  select box*/
		{
			padding: 3px;
			font: normal 11px Verdana, Arial, Helvetica, sans-serif;
			display: block;
			text-align: left; 
			background: white url('../images/layout/select-arrow.png') right no-repeat;
			cursor: pointer;
			border: 1px solid #C6C5C5;
			width: 138px;
			color: #636262;
		}

/**********************************************************
		FOOTER
**********************************************************/
#footer {
	font-size: 10px;
	margin-top: 25px;
}
#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #a4a4a4;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
* html #footer ul li {
	margin-right: 25px;
}
*+html #footer ul li {
	margin-right: 25px;
}
#footer ul li:after {
	content:"   .  ";
}
#footer ul li:last-child:after {
	content:"";
}
#footer ul li a {
	color: #a4a4a4;
	text-decoration: none;
}
#footer ul li a:hover {
	border-bottom: 1px dotted #b0b0b0;
}


body.expand-sidebar #content {
	margin-top: 0;
	width: 710px;
}
body.expand-sidebar #content-content {
	width: 100%;
}
/**********************************************************
		ERRORS
**********************************************************/
body.erreur404 h1,
body.erreur403 h1 {
width: 900px;
height: 0;
font-size: 1em;
padding-top: 80px;
text-indent: -2000px;
overflow: hidden;
}
body.erreur404 h1 { background-image: url('../images/content/titles/erreur404.png'); }
body.erreur403 h1 { background-image: url('../images/content/titles/erreur403.png'); }


/**********************************************************
		HOMEPAGE
**********************************************************/

body.homepage #flash {
	margin-bottom: 25px;
	height: 300px;
	width: 710px;
}
body.homepage h1 {
	float: left;
	width: 235px;
	height: 0;
	font-size: 1em;
	padding-top: 81px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url('../images/content/rendresimple.png');
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}
body.homepage #content p {
	width: 210px;
	float: left;
	margin-left: 20px;
	color: #666565;
	font-size: 11px;
	line-height: 1.5;
}

/* Background position fix for IE6 */
* html body #content h1 {
	background-position: top left;
	margin: 0;
	top: -80px;
}

/* 
.homepage #videowrapper {
	margin-top: 25px;
	height: 118px; width: 160px; overflow: hidden;
}

.homepage #videowrapper-ea {
	margin-top: 25px;
	height: 118px; width: 160px; overflow: hidden;
}
*/

.homepage #videowrapper {
	margin-top: 25px;
	height: 106px; width: 190px; overflow: hidden;
}


.video {
	width:450px;
	height:253px;
}

/* Image pour EA
a#sidebar-visuel {
	display: block;
	width: 160px;
	height: 118px;
	font-size: 1em;
	/* padding-top: 106px; 
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/layout/sidebar-visuel.jpg') 0px 0px no-repeat;
}

a#sidebar-visuel:hover {
	background-position: 0px -106px;
}
*/

a#sidebar-visuel {
	display: block;
	width: 190px;
	height: 0;
	font-size: 1em;
	padding-top: 106px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/layout/sidebar-visuel.jpg') 0px 0px no-repeat;
}
a#sidebar-visuel:hover {
	background-position: 0px -106px;
}

/**********************************************************
		VERLINGUE
**********************************************************/
body.verlingue h1 {
	width: 900px;
	height: 0;
	font-size: 1em;
	padding-top: 80px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url('../images/content/titles/verlingue.png');
	display: none;
}
body.verlingue h1.v-fluide { background-image: url('../images/content/titles/verlingue-rendre-fluide.png'); }
body.verlingue h1.v-simple { background-image: url('../images/content/titles/verlingue.png'); }
body.verlingue h1.v-clair { background-image: url('../images/content/titles/verlingue-rendre-clair.png'); }
body.verlingue h1.v-proche { background-image: url('../images/content/titles/verlingue-rendre-proche.png'); }
body.verlingue.implantations h1.v-gb { background-image: url('../images/content/titles/gb.png'); }
/*.verlingue #content-content strong, */
.verlingue #content-content h2
{ color: #3AB9E2; }

body.verlingue.implantations #content-content h3 {
	margin-bottom: 5px;
	margin-left: 0;
}
body.verlingue.implantations #content-content h3 a { text-decoration: none; }
body.verlingue.implantations #content-content h3 a:hover { text-decoration: underline; }
body.verlingue.implantations #content-content h4 {
	margin-bottom: 0;
}
body.verlingue.implantations #content-content div.btop p {
	margin-left: 10px;
}
body.verlingue #content-content a { color: #3AB9E2; }
body.verlingue.projet-2010 h1 { background-image: url('../images/content/titles/verlingue-projet2010.png'); }
body.verlingue.societes-groupe h1 { background-image: url('../images/content/titles/verlingue-societes-groupe.png'); }
body.verlingue.presse h1 { background-image: url('../images/content/titles/verlingue-actualites.png'); }
body.verlingue.implantations h1 { background-image: url('../images/content/titles/verlingue-implantations.png'); }
body.verlingue.chiffres-cles h1 { background-image: url('../images/content/titles/verlingue-chiffres-cles.png'); }

body.verlingue.chiffres-cles #content-content {
	height: auto;
	width: 650px;
	padding: 10px 10px 25px 10px;
}
body.verlingue.projet-2010 ul.medium p {
	margin: 0;
	width: 250px;
}


body.verlingue.projet-2010 #content ul.medium strong {
	color: #223e99;
}
body.verlingue.projet-2010 ul.medium div.pwrapper {
	padding: 0;
	margin: 0;
	height: auto;
}
/* Content heights */
body.verlingue #content { height: 350px;}
body.verlingue.nos-valeurs #content { height: 390px;}
body.verlingue.implantations #content { height: 420px;}
body.verlingue.projet-2010 #content { height: auto;}

body.verlingue #content-content .panel {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: none; /* To avoid appearing/disappearing artefacts */
}
/* Rendre ... buttons */
ul#rendre { 
	width: 540px; 
	height: 60px; 
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#content-content #rendre li { float: left; width: 135px; padding: 0; margin: 0; background: none;} 
#rendre li a { display: block; height: 60px; width: 135px; background: transparent url('../images/content/verlingue/rendre.png') top left no-repeat; }
#rendre li a span { position: absolute; left: -9999px; }

#rendre li#ra a { background-position: 0px 0px; }
#rendre li#ra a:hover { background-position: 0px -60px; }

#rendre li#rb a { background-position: -135px 0px; }
#rendre li#rb a:hover { background-position: -135px -60px; }

#rendre li#rc a { background-position: -270px 0px; }
#rendre li#rc a:hover { background-position: -270px -60px; }

#rendre li#rd a { background-position: -405px 0px; }
#rendre li#rd a:hover { background-position: -405px -60px; }

.verlingue.presse #content-content li a {
	color: #333;
}
.verlingue #content-content #v-fluide h2, #v-fluide h3 { color: #3AB9E2; }	#v-fluide .btop { border-color: #3AB9E2; }
.verlingue #content-content #v-simple h2, #v-simple h3 { color: #223E99; }	#v-simple .btop { border-color: #223E99; } 
#v-simple ul li { background-image: url(../images/layout/puces/carres/blue.png); }
#v-simple ul li.fleche { background-image: url(../images/layout/puces/fleches/blue.png); }
.verlingue #content-content #v-clair h2, #v-clair h3 { color: #E34086; }	#v-clair .btop { border-color: #E34086; }  
#v-clair ul li { background-image: url(../images/layout/puces/carres/solutions.png); }
#v-clair ul li.fleche { background-image: url(../images/layout/puces/fleches/solutions.png); }
.verlingue #content-content #v-proche h2, #v-proche h3 { color: #CAD100; }	#v-proche .btop { border-color: #CAD100; } 
#v-proche ul li { background-image: url(../images/layout/puces/carres/rejoind.png); }
#v-proche ul li.fleche { background-image: url(../images/layout/puces/fleches/rejoind.png); }

/**********************************************************
		SOLUTIONS
		Gris : #b7b7b7
		Bleu : #3f4d70
**********************************************************/
body.solutions h1 {
	width: 900px;
	height: 0;
	font-size: 1em;
	padding-top: 80px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url('../images/content/titles/solutions-protection-sociale.png');
}
body.solutions.international h1 { background-image: url('../images/content/titles/solutions-international.png'); }
body.solutions.automobile h1 { background-image: url('../images/content/titles/solutions-automobile.png'); }
body.solutions.actifs h1 { background-image: url('../images/content/titles/solutions-actifs.png'); }
body.solutions.relation-clients h1 { background-image: url('../images/content/titles/solutions-relation-clients.png'); }
body.solutions.construction h1 { background-image: url('../images/content/titles/solutions-construction.png'); }
body.solutions.transport h1 { background-image: url('../images/content/titles/solutions-transport.png'); }
body.solutions.assurances-emprunteurs h1 { background-image: url('../images/content/titles/solutions-assurances-emprunteurs.png'); }
body.solutions.distribution h1 { background-image: url('../images/content/titles/solutions-distribution-assurance.png'); }
body.solutions.ingenierie h1 { background-image: url('../images/content/titles/solutions-ingenierie-prevention.png'); }


body.solutions h4 {
	margin-left: 0;
}
body.solutions #content-content a,
body.solutions #content-content h2,
body.solutions h4 { color: #E33F85; }

body.solutions #content-content {
	width: 650px;
	padding: 10px 10px 35px 10px;
	
}
body.solutions #content-menu li a {
	background-color: #E33F85;
}
body.solutions #content-menu li.active a,
body.solutions #content-menu li.fi a:hover {
	background-color: #EA669F;
}
body.solutions #content-content ul li {
	background-image: url('../images/layout/puces/fleches/solutions.png');
}

/* Besoins (enjeux) & Solutions */
#main-block h3 {
	width: 100%;
	height: 0;
	font-size: 1em;
	padding-top: 23px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/content/solutions/vos-besoins-nos-solutions.png') left top no-repeat;
	margin: 25px auto 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cdcdcd;
}
.solutions #callback,
.solutions #callback a#callback-link {
	background-image: url('../images/layout/callback-solutions.png');
}

.solutions p.intro {
	font-size: 14px;
	line-height: 1.7;
	color: #666;
}
body.solutions #main-block ul.virgin li {
	color: #565656;
	background-image: url('../images/layout/puces/fleches/solutions.png');
}

body.solutions #content-content h4 {
	background-position: 0px 6px;
	font-size: 14px;
	color: #E33F85;
	background-image: url('../images/layout/puces/fleches/solutions.png'); 
	background-repeat: no-repeat;
	margin-bottom: 0;
	padding: 0 0 5px 0;
	padding-left: 20px;	
	margin-top: 20px;
	cursor: pointer;
	clear: both;
	font-weight: normal;
}
/*
body.solutions #content-content h4.hover,
body.solutions #content-content h4:hover,
body.solutions #content-content h4.active {
	color: #E33F85;
	background-image: url('../images/layout/puces/fleches/solutions.png');
	
}
*/
body.solutions #content-content h4.hover,
body.solutions #content-content h4:hover {
	text-decoration: underline;
}

body.solutions #main-block .solution-wrapper {
	width: 600px;
}
body.solutions .solution {
	margin: 0;
	padding: 0;
	height: auto;
	width: 620px;
}
body.solutions .solution p {
	width: 570px;
	padding: 10px 0 25px 15px !important;
	font-size: 11px;
	margin: 0 10px;
	line-height: 1.7em;
	color: #444;
}

#content-content a.button {
	float: right;
	display: block;
	padding: 20px 0 0 0;
	background: #E33F85 url('../images/layout/white-arrow-savoirplus.png') 5px 4px no-repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 1em;
	text-indent: -2000px;
	width: 237px;
	height: 0;
	overflow: hidden;
}

#content-content a.button:hover {
	background-color: #EA669F;
	text-decoration: none;
}
.solutions #content-content a.button {
	margin-top: 15px;
	background-image: url('../images/layout/white-arrow-savoirplus-solutions.png');
	width: 315px;
	background-position: 6px 4px;
}

/**********************************************************
		REJOIGNEZ-NOUS
**********************************************************/
body.rh h1 {
	width: 900px;
	height: 0;
	font-size: 1em;
	padding-top: 80px;
	text-indent: -2000px;
	overflow: hidden;
}
.rh #callback a#callback-contact-link {
	background-image: url('../images/layout/callback-rh-contact.png');
	width: 375px;
	float: right;
	right: 295px;
	
	/* CSS reprise de #callback-link */
	display: block;
	height: 0;
	font-size: 1em;
	padding-top: 24px;
	text-indent: -2000px;
	overflow: hidden;
	margin: 0;
}
.rh #callback a#callback-postuler-link {
	background-image: url('../images/layout/callback-rh-postuler.png');
	width: 295px;
	float: right;
	
	/* CSS reprise de #callback-link */
	display: block;
	height: 0;
	font-size: 1em;
	padding-top: 24px;
	text-indent: -2000px;
	overflow: hidden;
	margin: 0;
}
body.etonnez-vous h1 		{background-image: url('../images/content/titles/rh-etonnez-vous.png');}
body.nos-metiers h1 		{background-image: url('../images/content/titles/rh-nos-metiers.png');}
body.nos-offres-emploi h1 		{background-image: url('../images/content/titles/rh-offres-emploi.png');}

body.etonnez-vous #content {
	height: auto;
}

body.rh #content-menu li a {
	background-color: #CAD100;
}
body.rh #content-menu li.active a,
body.rh #content-menu li.fi a:hover {
	background-color: #d5da33;
}

body.nos-offres-emploi #content-content {
	width: 650px;
	padding: 5px 10px 35px 10px;
	
}

body.rh #content-content ul li { background-image: url('../images/layout/puces/carres/rejoind.png');}
body.rh #content-content ul li.fleche { background-image: url('../images/layout/puces/fleches/rejoind.png');}
body.rh #content-content ul li h3 {
	color: #CAD100 !important;
}

body.rh ul.medium p {
	margin: 0;
	width: 250px;
}
.nos-offres-emploi #annonces h3 {
	font-size: 16px;
	border-bottom: 1px solid #c4c4c4;
}

/* reset table */

	.nos-offres-emploi table img {
		margin: 0;
		padding: 0;
		display: block;
	}
	.nos-offres-emploi table,
	.nos-offres-emploi table td, 
	.nos-offres-emploi table tr {
		border-collapse: collapse;
		border: 0;
		padding: 0;
		margin: 0;
		vertical-align: top;
	}

.nos-offres-emploi #annonces h3 span,
.nos-offres-emploi #annonces ul li a.active,
.nos-offres-emploi #annonces ul li a:hover
 {
	color: #BBBB26;
}
.nos-offres-emploi #annonces ul li a {
	text-decoration: none;
	color: #888;
	font-size: 12px;
}
.nos-offres-emploi #annonces ul li a:hover {
	text-decoration: underline;
}
#annonces-content {
	width: 610px;
	padding: 10px 20px;
	border: 1px solid #E1E1E1;
	background: white;
	position: relative;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#annonces-wrapper {
	position: relative;
	width: 610px;
}


#annonces-content div.half {
	width: 285px;
}
.annonce p, .annonce li {
	font-size: 11px;
}
body.rh h2#description-poste {
	padding-left: 0;
	margin: 0 0 5px 0;
	width: auto;
	height: 0;
	font-size: 1em;
	padding-top: 29px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/content/rh/description-du-poste.gif') no-repeat;
}
#annonces-content p {
	line-height: 1.7em;
	color: #555;
}
#annonces-content p strong {
	color: #222;
}
#annonces-content h4 {
	border-bottom: 1px solid #E3E3E3;
	padding: 0;
	margin: 0 0 8px 0;
}
#annonces-content h3 {
	border: 0;
	margin-bottom: 12px;
}
#annonces-content .postuler {
	display: block;
	width: 268px;
	height: 0;
	font-size: 1em;
	padding-top: 33px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/content/rh/postuler.gif') no-repeat;
}
/**********************************************************
		UTILS (liens, informations, plan du site)
**********************************************************/
.utils #callback,
.utils #callback a#callback-link {
	background-image: url('../images/layout/callback-utils.png');
}

.utils #callback,
.utils #callback a#callback-verlingueInfos {
	background-image: url('../images/layout/callback-verlingueInfos.png');
}


body.utils h1 {
	width: 754px;
	height: 0;
	font-size: 1em;
	padding-top: 80px;
	text-indent: -2000px;
	overflow: hidden;
}
body.legal h1 		{background-image: url('../images/content/titles/mentions-legales.png');}
body.links h1 		{background-image: url('../images/content/titles/liens.png');}
body.plan h1 		{background-image: url('../images/content/titles/plan-du-site.png');}
body.infos h1 		{background-image: url('../images/content/titles/verlingue-infos.png');}
body.temoignages h1 {background-image: url('../images/content/titles/temoignages.png');}
body.actus h1		{background-image: url('../images/content/titles/actualites.png');}

body.utils #content-menu li a {
	background-color: #808799;
}
body.utils #content-menu li.active a,
body.utils #content-menu li.fi a:hover {
	background-color: #9299A9;
}
body.utils #content-content ul li {
	background-image: url('../images/layout/puces/carres/gray.png');
}
body.utils #content-content ul li.fleche {
	background-image: url('../images/layout/puces/fleches/gray.png');
}
body.plan #content-content ul li {
	background-image: url('../images/layout/puces/fleches/gray.png');
	background-position: 0px 4px;
}
body.utils #content-content ul#links li {	
	border-bottom: 1px solid #DADADA;
	cursor: pointer;
	clear: both;
	width: 600px;
	padding: 0px 5px 8px 22px;
	height: 16px;
	color: #636365;
}
body.utils #content-content ul#links li a {
	display: block;
	width: auto;
	float: left;
	color: #636365;
	text-decoration: none;
}
body.utils #content-content ul#links li:hover a,
body.utils #content-content ul#links li.hover a,
body.utils #content-content ul#links li a:hover {
	color: #253E9A !important;
	border-bottom: 1px dotted #253E9A;
}
body.utils #content-content ul#links li:hover strong,
body.utils #content-content ul#links li.hover strong  {
	color: #222;
}
body.utils #content-content ul#links li strong,
body.utils #content-content ul#links li span {
	width: 200px;
	float: left;
	display: block;
}

body.plan #content-content ul li a {
	text-decoration: none;
	color: #555;
}
body.plan #content-content ul li a:hover {
	text-decoration: none;
	color: #222;
	border-bottom: 1px dotted #222;
}
body.plan #content-content ul li a.navitem {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
body.plan #content-content ul li a.navitem:hover {
	border: 0;
	text-decoration: underline;
}
body.plan #content-content ul li ul {
	margin-bottom: 20px;
}
body.plan #content-content ul li ul li ul {
	margin-top: 5px;
	margin-bottom: 15px;
}
body.plan #content-content ul li ul li ul li a {
	color: #777;
}
body.actus #content-content,
body.infos #content-content,
body.temoignages #content-content,
body.rh.etonnez-vous #content-content,
body.verlingue.projet-2010 #content-content {
	width: 650px;
	padding: 5px 10px;
	font-size: 11px;
	height: auto;
}

body.actus #content-content ul li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	clear: both;
}
body.actus #content-content ul li a {
	text-decoration: none;
	margin-bottom: 1px;
}
body.actus #content-content ul li a:hover {
	border-bottom: 1px dotted #636365;
	margin-bottom: 0;
	text-decoration: none;
}
body.actus #content-content ul li a.button {
	margin-bottom: 0;
}
body.actus #content-content ul li a.button:hover {
	border: 0;
}
body.actus #content-content ul li h3 {
	color: #636365;
	text-decoration: none;
	line-height: 18px;
	padding-bottom: 2px;
	font-size: 14px;
}
body.actus #content-content ul li h3:hover,
body.actus #content-content ul li h3.hover {
	text-decoration: underline;
}
body.actus #content-content ul li p {
	font-size: 11px;
	margin: 0;
}


body.infos #content-content ul li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	clear: both;
}
body.infos #content-content ul li a {
	text-decoration: none;
	line-height: 16px;	
	margin-bottom: 1px;
	padding-bottom: 4px;	
}
body.infos #content-content ul li a:hover {
	border-bottom: 1px dotted #636365;
	margin-bottom: 0;
	text-decoration: none;
}
body.infos #content-content ul li a.button {
	margin-bottom: 0;
}
body.infos #content-content ul li a.button:hover {
	border: 0;
}
body.infos #content-content ul li h3 {
	color: #636365;
	text-decoration: none;
	line-height: 18px;
	padding-bottom: 2px;
	font-size: 14px;
}
body.infos #content-content ul li h3:hover,
body.infos #content-content ul li h3.hover {
	text-decoration: underline;
}
body.infos #content-content ul li p {
	font-size: 11px;
	margin: 0;
}

body.plan #content-content ul li.verlingue a.navitem { color: #3AB9E2;}
body.plan #content-content ul li.rejoignez-nous a.navitem { color: #CAD100;}
body.plan #content-content ul li.besoins-solutions a.navitem { color: #E34086;}




/**********************************************************
		PRESSE
**********************************************************/

body.presse #content-content ul li {	
	border-bottom: 1px solid #DADADA;
	cursor: pointer;
	clear: both;
	width: 600px;
	padding: 0px 5px 0px 16px;
	height: auto;
	float: left;
	color: #636365;
	font-size: 11px;	
	background: none;
}

body.presse #content-content ul li a  {
	/* display: block;
	width: auto;*/
	color: #636365;
	height:22px;
	/* text-decoration: none !important; */
	padding-left: 22px;
	line-height: 22px; 
	padding-bottom: 4px;
	margin-bottom: 1px;
}

body.presse #content-content ul li p  {
	margin-left: 142px;
}

body.presse #content-content ul li a.presse  {
	display: block;
	width: auto;
	height:22px;
	float: left;
	color: #636365;
	text-decoration: none !important;
	padding-left: 22px;
	line-height: 16px;
	padding-bottom: 4px;
	background: transparent url('../images/layout/pictos/page_white_acrobat.png') 0px 0px no-repeat;
	margin-bottom: 1px;
}

body.presse #content-content ul li a.nopj  {
	display: block;
	width: auto;
	height:22px;
	float: left;
	color: #636365;
	text-decoration: none !important;
	padding-left: 22px;
	line-height: 16px;
	padding-bottom: 4px;
	margin-bottom: 1px;
}

body.presse #content-content ul li a:hover {
	/*color: #253E9A !important;
	border-bottom: 1px dotted #253E9A;
	margin-bottom: 0 !important;
	text-decoration: none;*/
}
body.presse #content-content ul li:hover span,
body.presse #content-content ul li.hover span {
	color: #222;
}

body.presse #content-content ul li h5:hover,
body.presse #content-content ul li h5.hover {
	text-decoration: underline;
}

body.presse #content-content ul li span {
	width: 120px;
	float: left;
	display: block;
	font-weight: bold;
	line-height: 18px;
}

body.presse #content-content ul li span.social {
	clear:both;
	line-height: 18px;
}

body.presse #content-content h3.align-right {
	width: 615px; 
	text-align:right;
}

a.acrobat  {
	padding-right: 22px;
	background: transparent url('../images/layout/pictos/page_white_acrobat.png') 100% 1% no-repeat;	
}

ul.medium li h3.hover {
	text-decoration: underline;
}

/**********************************************************
		Lightbox
**********************************************************/

#ieframe,
.lightbox_content,
.lightbox {
	display: none;
}

.lightbox {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: white;
}
* html .lightbox {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#easyaccess {
	z-index: 200;
	position: absolute;
	height: 300px;
	width: 450px;
	top: 100px;
	left: 50%;
	margin-left: -325px;
	text-align: left;
	padding: 10px;
	background: rgba(0, 0, 0, 0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
}


#easyaccess_content {
	padding: 40px;
	height: 253px;	
	background: white;
	overflow: hidden;
	border: 1px solid #7E7E7E;
}

#easyaccess_content h2, #videodemo_content h2 {
	font: 1.5em/1em 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #213d9a;
}

#easyaccess_content p {
	color: #535353;
}

/* Début popup de présentation de la vidéo institutionnelle */
#videodemo {
	z-index: 200;
	position: absolute;
	height: 350px;
	width: 480px;
	top: 80px;
	left: 50%;
	margin-left: -240px;
	text-align: left;
	padding: 10px;
/* 			background: #000; */
	background: rgba(0, 0, 0, 0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000)";
	zoom: 1;
}
#videodemo_content {
	padding: 15px;
	background: white;
	overflow: hidden;
	height: 317px;
	border: 1px solid #7E7E7E;

}

.fermer {
	position: absolute;
	top: 20px;
	right: 20px;
}
#ieframe {
	z-index:50;
	position:fixed;
	top: 0;
	left: 0;
	background-color:transparent;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #ieframe { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.blue {
	color:#213d9a;
}