/* CSS Document */

body
{
margin:  0 auto;
padding: 0 ;
background:white;
font-size:80%;
font-family:Verdana;
}

a:hover {
color:#000000;
text-decoration:underline;
}

img a:hover {
color:#6633CC;
}

#conteneur {
position:relative;
width:1024px;
margin:0 auto;
}
	/*
	-------------------------------------------------------------------------------------------
	*/

#header {
	height:30px;
	background:url(images-web/top1-v4.jpg) top left no-repeat;
	margin: 0;
}
#header2 {
	height:68px;
	background:url(images-web/top2-v4.jpg) top left no-repeat;
	margin: 0;
}
#header3 {
	height:122px;
	background:url(images-web/top3-v4.jpg) top left no-repeat;
	margin: 0 0 10px 0;
}


	#header h1 {
		text-indent: -5000px;
		margin:0;
		line-height:0;
	}

	#header p {
	position:absolute;
	top:148px;
	left:10x;
	margin:0 0 0 15px ;
	font:"Trebuchet MS";
	color:#CCCCCC;
	font-size:10px;
	}
	/*
	-------------------------------------------------------------------------------------------
	*/

#menu1
{
	margin: 0 ;
	padding: 0 ;
	position:absolute;
	right:5px;
	top:3px;
	list-style-type: none ;
}

	#menu1 ul {
		padding: 0;
		margin:0;
		list-style: none;
	}
	
	#menu1 li
	{
		float: left ;
		text-align: center ;
		padding: 0 10px 0 0;
	}
	
	#menu1 li a
	{
		width: auto ;
		line-height: 25px ;
		font-size: 0.8em ;
		letter-spacing: 0px ;
		border-right:0px solid #666666 ;
		color:#ffffff;
		border:0px solid;
		display: block ;
		text-decoration: none ;
	}
	
	#menu1 li a:hover
	{
	color:#ffffff;
	text-decoration:underline;
	}

#sousmenu
{
	width:400px;
	margin: 0px 0 0 0px;
	padding: 0 0 0 0 ;
	position:absolute;
	right:10px;
	top:54px;
	background: repeat-x 0 -25px ;
	list-style-type: none ;
}

	#sousmenu ul {
		padding:0;
		margin:0;
		list-style: none;
		
	}
	#sousmenu li
	{
		float: left ;
		text-align: right ;
	}
	
	#sousmenu p
	{
	width:85px;
	margin:0;
	top:0;
	padding:0;
	line-height:30px ;
	background-color:#ffffff;
	font-size:12px ;
	color:#330033;
	}
	
	#sousmenu li a
	{ 
		width:85px;
		line-height: 30px ;
		font-size: 12px ;
		letter-spacing: 0px ;
  		color:#FFFFFF;
		display: block ;
		text-decoration:none;
		text-align:center;

	}
	#sousmenu li a:hover
	{
	color:#330033;
	background-color:#FFFFFF;
	text-decoration:none;
	}

#sousmenu2
{
	width:auto;
	margin: 0px 0 0 0px;
	padding: 0 0 0 0 ;
	position:absolute;
	left:10px;
	top:205px;
	background: repeat-x 0 -25px ;
	list-style-type: none ;
}

	#sousmenu2 ul {
		padding:0;
		margin:0;
		list-style: none;
	}
	#sousmenu2 li
	{
		float: left ;
		text-align: center ;
	}
	
	#sousmenu2 li a
	{
		width:auto;
		padding:5px 15px 5px 15px;
		line-height: 10px ;
		font-size: 12px ;
		letter-spacing: 0px ;
		color:#993f5b;
		display: block;
		text-decoration: none ;
		border-right-color:#CCCCCC;
		border-right-style:dotted;
		border-right-width:thin;
	}
	#sousmenu2 li a:hover
	{
	color:#990000;
	text-decoration:underline;
	}
	
#menu-flash 
{
	margin: 0 ;
	padding: 0 ;
	right:5px;
	top:3px;
	list-style-type: none ;
	height:30px;

}

	#menu-flash  ul {
		padding: 0;
		margin:0;
		list-style: none;
	}
	
	#menu-flash  li
	{
		float: left;
		text-align: center ;
		padding: 0 20px 0 0;

	}
	
	#menu-flash  li a
	{
		width: auto ;
		line-height: 25px ;
		font-size:11px ;
		letter-spacing:0px ;
		color:#663366;
		border:0px solid;
		display: block ;
		text-decoration: none ;
	}
	
	#menu-flash li a:hover
	{
	color:#666666;
	text-decoration:none;
	}

	/*
	-------------------------------------------------------------------------------------------
	*/

div#contenu
{
	top:0;
	width:1024 ;
	margin:0px 0 0 0px ;
	padding: 0px 0px 0 0px ;
	background-color:#FFFFFF;
}

div#separation {
border-bottom:1px dotted #999999 ;
margin:2px 0 2px 0;

}

	/*
	-------------------------------------------------------------------------------------------
	*/
div#second {
float:left;
width:170px;
top:0;
margin:0;
padding-right:30px;
border-right:1px dotted #CCCCCC;
}


			
	#second h7 {
	padding:0px 0px 0 15px;
	line-height: 8px ;
	font-size: 0.9em;
	font-weight:300;
	font-family:"Verdana";
	color:#666666;
	background:url(images-web/image_1_15.gif) no-repeat left bottom ;
	}
			
	#second p {
	margin-top:0;
	margin-bottom:10px;
	padding:20px 0px 0 10px;
	font-size:10px;
	text-align:justify;
	font-weight:100;
	color:#666666;
	}
	#second a {
	color:#666666;
	}
	
	.insideLink  {
	margin-top:0;
	margin-bottom:10px;
	padding:0 0px 0 0px;
	font-size:10px;
	text-align:justify;
	font-weight:100;
	color:#666666;
	text-decoration:none;
	}
	.NewsDate {
	margin-top:0;
	padding:0 0px 0 0px;
	font-size:10px;
	font-weight:bold;
	text-align:justify;
	color:#666666;
	text-decoration:none;
	}
	

	/*
	-------------------------------------------------------------------------------------------
	*/	
div#premier {
float:left;
width:800px;
margin:0 0 0 0;
padding:0 0px 0 0px;
}
	div#premier-solution {
	float:left;
	width:790px;
	margin:0 0 0 0;
	padding:0 0px 0 0px;
	border:0px solid #000000;
	}
	
	
	/*
	-------------------------------------------------------------------------------------------
	*/
	.agence, .atouts, .objectifs, .partenariat, .jobs, .contact, .agence-on, .atouts-on, .objectifs-on, .partenariat-on, .jobs-on, .contact-on  {
	padding:0px 0px 0 15px;
	line-height: 8px ;
	font-size: 11px;
	font-weight:300;
	font-family:"Verdana";
	background:url(images-web/image_1_15.gif) no-repeat left bottom ;
	margin:0 0 10px 0;
	color:#cc3300;
	}
	.agence a, .atouts a, .objectifs a, .partenariat a, .jobs a, .contact a, .agence-on a, .atouts-on a, .objectifs-on a, .partenariat-on a, .jobs-on a, .contact-on a  {
	padding:0px 0px 0 0px;
	line-height: 8px ;
	font-size: 11px;
	font-weight:300;
	font-family:"Verdana";
	margin:0 0 10px 0;
	color:#cc3300;
	text-decoration:none;
	}
	
	.agence a:hover, .atouts a:hover, .objectifs a:hover, .partenariat a:hover, .jobs a:hover, .contact a:hover  {
	padding:2px 2px 5px 2px;
	line-height: 8px ;
	font-size: 11px;
	font-weight:300;
	font-family:"Verdana";
	margin:0 0 10px 0;
	color:#cc3300;
	border-bottom:2px solid #cccccc;
	}
	.on {
	text-decoration:underline;
	}
	.agence a {
	color:#cc3300;
	}
	.agence a:hover {
	background-color:#cc3300;
	color:#FFFFFF;
	}
	.agence-on a {
	color:#cc3300;
	padding:2px 5px 5px 2px;
	border-bottom:2px solid #cc3300;
	}

	.atouts a {
	color:#003366;
	}
	.atouts a:hover {
	background-color:#003366;
	color:#FFFFFF;
	}
	.atouts-on a {
	color:#003366;
	padding:2px 5px 5px 2px;
	border-bottom:2px solid #003366;
	}
	
	#iframe {
		border:0px solid #cc6600;
		}

	.objectifs a {
	color:#996600;
	}
	.objectifs a:hover {
	background-color:#996600;
	color:#FFFFFF;
	}
	.objectifs-on a {
	color:#996600;
	padding:2px 5px 5px 2px;
	border-bottom:2px solid #996600;
	}
	.partenariat a {
	color:#996600;
	}
	.partenariat a:hover {
	background-color:#996600;
	color:#FFFFFF;
	}	
	.partenariat-on a {
	color:#000000;
	padding:2px 5px 5px 2px;
	border-bottom:2px solid #000000;
	}
	.jobs  a {
	color:#663366;
	}
	.jobs  a:hover {
	background-color:#663366;
	color:#FFFFFF;
	}	
	.jobs-on a {
	color:#663366;
	padding:2px 5px 5px 2px;
	border-bottom:2px solid #663366;
	}
	.contact  a {
	color:#cc3300;
	}
	.contact  a:hover {
	background-color:#cc3300;
	color:#FFFFFF;
	}	

	div#premiera {
	position:relative;
	width:800px;
	margin:0 10px 20px 10px;
	padding:0 0px 0 0px;
	border-bottom:0px dotted #CCCCCC;
	left: 4px;
	top: 2px;
	}
	
	div#premiera-solution {
	position:relative;
	width:1000px;
	margin:0 10px 20px 10px;
	padding:0 0px 0 0px;
	border-bottom:1px dotted #CCCCCC;
	left: -1px;
		}

	div#flottante {
	margin:0 10px 0 10px;
	padding:0 2px 0 2px;
	float: left;
	width: 170px;
	}

	div#flottante-news-une {
	margin:0 10px 0 0px;
	padding:0 2px 0 0px;
	float: left;
	width: 300px;
	}
	
	div#flottante-news-text {
	margin:0 10px 0 10px;
	padding:0 2px 0 2px;
	float: left;
	width: 500px;
	}
	

	div#flottante-news-inv {
	margin:0 10px 0 10px;
	padding:0 2px 0 2px;
	float: right;
	width: 170px;
	}
	
	div#flottante-news-text-inv {
	margin:0 10px 0 10px;
	padding:0 2px 0 2px;
	float: right;
	width: 500px;
	}
		div#flottante-solution {
		margin:0 10px 0 10px;
		padding:0 2px 0 2px;
		float: left;
		width: 140px;
		top:0;
		}

		div#flottante-contact {
		margin:0 5px 0 5px;
		padding:0 2px 0 2px;
		float: left;
		width: 247px;
		}
		
		div#flottante-contact a {
		text-decoration:none;
		color:#666666;
		}
		
		div#flottante-contact a:hover {
		}
		
		div#flottante-contact-title {
		margin:0 5px 0 5px;
		padding:0 2px 0 2px;
		float: left;
		width: 247px;
		}			
		flottante-contact-title a {
		text-decoration:none;

		}		
		div#flottante-contact-title a:hover {
		background-color:#CCCCCC;
		}		
		
	.conteneur {
	width: 100%;
	}
	.spacer {
	clear: both;
	}

	/*
	-------------------------------------------------------------------------------------------
	*/

	div#premierb {
	position:relative;
	width:800px;
	margin:0 10px 0 10px;
	padding:0 0px 0 0px;
	border:0px solid #000000;
	left: 1px;
	font-size:11px;
	}
	
	div#iframe {
	position:relative;
	width:800px;
	margin:0 10px 0 10px;
	padding:0 0px 0 0px;
	left: 1px;
	font-size:11px;
	}


	
		div#premierb-solution {
	position:relative;
	width:1000px;
	margin:0 10px 0 10px;
	padding:0 0px 0 0px;
	border:0px solid #000000;
	left: 2px;
		}
		div#premierb-solution a {
		text-decoration:none;
		font-weight:bold;
		color:#663366;
		}
	
		div#flottante2 {
		margin:0 2px 0 2px;
		padding:0 8px 0 120px;
		float: left;
		width: 500px;
		background:url(images-web/illustration-tag.jpg) no-repeat left bottom ;
		border-right:1px solid #CCCCCC;
		
		}
		
		div#flottante2-marquee {
		margin:0 2px 0 2px;
		padding:0 8px 0 120px;
		float: left;
		width: 650px;
		background:url(images-web/une.jpg) no-repeat left bottom ;
		border-right:0px solid #CCCCCC;
		}
		
		div#flottante2text {
		margin:0 2px 0 2px;
		padding:0 8px 0 10px;
		float: left;
		width: 600px;
		border-right:1px solid #CCCCCC;
		text-align:justify;
		}
		
		div#flottante2text a {
		color:#663366;
		text-decoration:none;
		}
		

		div#flottante3 {
		margin:0 2px 0 10px;
		padding:0 2px 0 2px;
		float: left;
		width: 130px;
		}
		div#flottante3 a {
		color:#663366;
		text-decoration:none;
		}
		
		div#flottante3-home {
		margin:0 2px 0 10px;
		padding:0 2px 0 2px;
		float: left;
		width: 130px;
		font-size:11px;
		}
		div#flottante3-home a {
		text-decoration:none;
		font-size:11px;
		font-weight:100;
		}
		div#flottante3-home a:hover {
		text-decoration:none;
		font-size:11px;
		color:#000000;
		}

		
	/*
	-------------------------------------------------------------------------------------------
	*/
		div#contenttex {
		width:800px;
		background-color:#003300;
		margin:0 10px 0 10px;
		padding:0 0px 0 0px;
		}
		#premiertext {
		float:left;
		width:100px;
		background:url(images-web/phone.jpg) no-repeat left bottom ;
		height:130px;
		margin:0 10px 0 0; 

		}
		#secondtext {
		margin:0 2px 0 2px;
		padding:0 28px 0 10px;
		border-right:1px solid #CCCCCC;
		}
		
	/*
	-------------------------------------------------------------------------------------------
	*/

		
			div#flottante3-solution {
			margin:0 2px 0 10px;
			padding:0 2px 0 2px;
			float: left;
			width: 350px;
			}


		#premier p {
		line-height: 15px ;
		font-size: 11px ;
		text-align:justify;
		font-weight:100;
		font-family:"Verdana";
		color:#666666;
		margin:0 0 0 0;
		}
		
			#premier-solution p {
			line-height: 15px ;
			font-size: 11px ;
			text-align:justify;
			font-weight:100;
			font-family:"Verdana";
			color:#666666;
			margin:0 0 0 0;
			}
		
	/*
	-------------------------------------------------------------------------------------------
	*/
		#premier h1, h2, h3, h4, h5, h6{
		padding:0px 0px 0 15px;
		line-height: 8px ;
		font-size: 11px;
		font-weight:300;
		font-family:"Verdana";
		background:url(images-web/image_1_15.gif) no-repeat left bottom ;
		margin:0 0 10px 0;
		}
			#premier-solution h1, h2, h3, h4, h5, h6{
			padding:0px 0px 0 15px;
			line-height: 8px ;
			font-size: 11px;
			font-weight:300;
			font-family:"Verdana";
			background:url(images-web/image_1_15.gif) no-repeat left bottom ;
			margin:0 0 10px 0;
			}
		
		#premier h1 {
		color:#cc3300;
		}
		#premier h2{
		color:#996600;
		}
		#premier h3{
		color:#000000;
		}
		#premier h4{
		color:#663366;
		}
		#premier h5{
		color:#003366;
		}
		#premier h6{
		color:#333300;
		}
		
			#premier-solution h1 {
			color:#cc3300;
			}
			#premier-solution h2{
			color:#996600;
			}
			#premier-solution h3{
			color:#000000;
			}
			#premier-solution h4{
			color:#663366;
			}
			#premier-solution h5{
			color:#003366;
			}
			#premier-solution h6{
			color:#333300;
			}
			

			
	/*
	-------------------------------------------------------------------------------------------
	*/
		.premier {
		padding:0px 0px 0 15px;
		line-height: 8px ;
		font-size: 0.9em;
		font-weight:300;
		font-family:"Verdana";
		color:#993f5b;

		}
		.ref {
		padding:2px 0px 0 15px;
		line-height: 8px ;
		font-size: 0.9em;
		color:#666666;
		}
		#detail {
		margin:0 0 0 10px;
		top:0;
		margin:0 0 0 0;
		}

	/*
	-------------------------------------------------------------------------------------------
	*/
	div#premierc {
	float:left;
	width:800px;
	margin:15px 10px 0 10px;
	padding:10px 0px 0 0px;
	border-top:1px dotted #CCCCCC;
		}
		
		div#flottante-news {
		margin:0 2px 0 2px;
		padding:10px 8px 0 120px;
		float: left;
		width: 500px;
		background:url(images-web/logo-a-la-une.jpg) no-repeat left bottom ;
		border-right:1px solid #CCCCCC;
		}
		
		div#flottante-news a {
		text-decoration:none;
		font-weight:bold;
		color:#666666;
		}

		div#flottante-news2 {
		margin:0 2px 0 2px;
		padding:10px 8px 0 120px;
		float: left;
		width: 500px;
		background:url(images-web/logo-news-2.jpg) no-repeat left bottom ;
		border-right:1px solid #CCCCCC;
		}
		div#flottante-news3 {
		margin:0 2px 0 2px;
		padding:10px 8px 0 120px;
		float: left;
		width: 500px;
		background:url(images-web/logo-news2.jpg) no-repeat left bottom ;
		border-right:1px solid #CCCCCC;
		}
		
		div#flottante5{
		margin:0 2px 0 2px;
		padding:10px 8px 0 10px;
		float: left;
		width: 650px;
		}
		div#flottante-a-la-une-text{
		margin:0 2px 0 2px;
		padding:10px 8px 0 10px;
		float: left;
		width: 750px;
		}
		
		div#flottante4-contact {
		margin:0 2px 0 2px;
		padding:10px 8px 0 10px;
		float: left;
		width: 400px;
		}
		div#flottante4-contact p {
		color:#666666;
		}
		div#flottanteh {
		margin:0 2px 0 2px;
		padding:0 8px 0 10px;
		float: left;
		width: 780px;
		}
		div#flottanteh p {
		color:#666666;
		}


		
	/*
	-------------------------------------------------------------------------------------------
	*/
#spec {
margin:20px 0 10px 60px;
padding:0;
border:0px solid #000000;
}

#spec h2 {
width:400px;
background-color:#999999;
color:#FFFFFF;
font-size:12px;
padding:0 0 0 20px;
		}
		
#spec h3 {
padding:0px 0px 0 60px;
width:400px;
color:#999999;
font-size:11px;
padding:0 20px 0 20px;
font-weight:100;
text-align:justify;
border-right:2px solid #999999;
}
		

.spacer {
clear: both;
}


div#footer
{
float:left;
	margin:0px 0px 0px 0px;
	width:1024px;
	top:0;
	height:85px;
	background:url(images-web/bottom-v3.jpg) no-repeat ;
	padding:0px 0 0 0 ;
}


	
	div#pieddepagedroite
	{
			margin:0px 5px 0 0px;
			padding:30px 2px 0 2px;
			float: right;
			width: 300px;
	}
	
		div#pieddepagegauche
	{
			margin:0px 5px 0 0px;
			padding:30px 2px 0 20px;
			float: left;
			text-align:center;
			width: 1000px;
	}
	div#pieddepagegauche p
	{
	font-family:"Verdana";
	font-size:9px;
	color:#666666;
	}
	div#pieddepagegauche a
	{
	text-decoration:none;
	color:#666666;
	}
	div#pieddepagegauche a:hover
	{
	text-decoration:none;
	color:#333333;
	}
	/*
	-------------------------------------------------------------------------------------------
	*/
.accordion_toggle {
			display: block;
			height: 30px;
			width: 150px;
			background: url(images/accordion_tog.jpg) no-repeat top right #ffffff;
			padding: 0 10px 0 10px;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size:11px;
			color:#12628a;
			border-bottom: 0px solid #003333;
			cursor: pointer;
			margin: 0 0 0 0;
			}
		
		.accordion_toggle_active {
			background: url(images/accordion_tog_active.jpg) no-repeat top right #ffffff;
			color: #660066;
			border-bottom: 0px solid #660066;

			
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			width: 150px;
			
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #333333;
				font-size:11px;
				
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
				font-size:11px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 140px;
			background: url(images/accordion_tog.jpg) no-repeat top right #ffffff;
			padding: 0 5px 0 5px;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size:11px;
			color: #666666;
			font-weight:bold;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_tog.jpg) no-repeat top right #ffffff;
			color: #660066;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			width:150px
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
				font-size:11px;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
				
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 150px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 120px;   
      height: 1px;
	  background-color:#ffffff;    
    }
    
    #vertical_nested_container {
      margin: 20px 0px 20px 0px;
      width: 120px;
    }
	#container {
	margin: 20px auto 0 auto;
	width: 170px;
}