/*  Reset
-------------------------------------------------------*/
@import "reset.css";
/* Conteneurs
-------------------------------------------------------*/
#conteneur 	{	text-align: center;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;	}

#contenu 	{	margin-left: -480px;
				position: absolute;
				top: 10px;
				left: 50%;
				width: 960px;
				height: 700px;
				border: 0px;
				text-align: left;
				font-family: "Trebuchet MS", sans-serif;
				font-size: 0.8em;
				line-height: 125%;
				color: #333333;
				background-repeat: no-repeat;	}
					
	#contenu.accueil{	height: 680px;
						background-image: url(../images/accueil.jpg);	}
	.deroulement 	{	background-image: url(../images/deroulement.jpg);	}
	#contenu.credits{	height: 720px; }
	.credits	{background-image: url(../images/credits.jpg);	}
	#contenu.restructuration {	height: 680px; }
	.restructuration	{ background-image: url(../images/restructuration.jpg);	}
	#contenu.conseil {	height: 680px; }
	.conseil	{ background-image: url(../images/conseil.jpg);	}
	.contact 		{	background-image: url(../images/contact.jpg);	}


/*  Couleurs
-------------------------------------------------------*/
body 		{	background-color: #e5e5e5;	}


/*  Typo : alignement & couleurs
-------------------------------------------------------*/
.center 	{	text-align: center;	}
.right 		{	text-align: right;	}
.italic 	{	font-style: italic;	}
.left 		{	text-align: left;	}
.bold 		{	font-weight: bold;	}
.txt_orange {	color: #E64415;
				font-weight: bold;	}
.txt_gris 	{	color: #707173;	}
.txt_bleu 	{	color: #419FBF;
				font-weight: bold;	}
.txt_blanc 	{	color: white;	}
.underline 	{	text-decoration: underline;}

/*  Liens
-------------------------------------------------------*/
a 			{	color: white; 
				font-weight: bold;	}
a:hover		{	color: #333;		}

.encart a 	{	color: #E64415;	}
.encart a:hover {	color: white;	}


/*  Navigation
-------------------------------------------------------*/
#navigation {	position: absolute;
				top: 150px;
				left: 180px;
				width: auto;
				height: auto;
				font-size: 10px;	}
				
	.rhone #navigation {left: 680px;}
				
	#navigation li	{	float: left;
						padding-right: 5px;	}
		
		#navigation li a 	{	color: #BEBFC0;
								padding-left: 10px;	}
								
		#navigation li a:hover, #navigation li a.select {
								background-image: url(../images/fleche_blanc.gif);
								background-repeat: no-repeat;
								background-position: 0px 3px;	}
								
		.ie #navigation li a:hover, .ie #navigation li a.select {
								background-position: 0px 4px;	}
								
		#navigation li.m_acc a:hover, #navigation li.m_acc a.select 	{	color: #E64415;	}
		#navigation li.m_der a:hover, #navigation li.m_der a.select 	{	color: #8BBB34;	}
		#navigation li.m_cre a:hover, #navigation li.m_cre a.select 	{	color: #607482;	}
		#navigation li.m_res a:hover, #navigation li.m_res a.select 	{	color: #EAB721;	}
		#navigation li.m_con a:hover, #navigation li.m_con a.select 	{	color: #559EBE;	}
		#navigation li.m_cont a:hover, #navigation li.m_cont a.select 	{	color: #E64415;	}


/*  Blocks
-------------------------------------------------------*/
#logo 		{	width: 180px;
				height: 135px;
				position: absolute;
				top: 25px;
				left: 30px;	}
				
#societe 	{	width: 325px;
				height: 60px;
				position: absolute;
				top: 50px;
				left: 345px;}

	.rhone #societe	{	left: 280px;	}

#accroche 	{	width: 250px;
				height: 100px;
				position: absolute;
				top: 210px;
				left: 645px;
				color: white;
				text-align: center;
				font-size: 15px;
				line-height: 150%;	}
		
.rhone #contenu.accueil #accroche {	top: 230px;}

.ie #accroche {	top: 190px;	}
				
	.accueil #accroche {top: 220px;}
	
	.deroulement #accroche	
					{	top: 220px;	}
	
	.contact #accroche 
					{	top: 200px;
						line-height: 150%;	}
						
	.restructuration #accroche, .conseil #accroche { top: 230px;}	
						
#info 		{	width: 570px;
				height: auto;
				position: absolute;
				top: 350px;
				left: 30px;	}
				
	#info div		{	float: left;
						width: 540px;
						height: auto;
						padding: 5px;
						margin: 5px 10px 5px 0px;	}
						
			
			#info div.titre 		{	padding: 0px;	}
			
			#info div.s_titre 		{	margin-top: 0px;
										margin-bottom: 0px;	}

		#info div.fd_acc 	{	width: 245px;
								height: 115px;
								background-image: url(../images/fd_acc.png);
								background-repeat: no-repeat;	}
		
			.rhone #info div.fd_acc {	height: 140px;
										background-image: url(../images/fd_acc_rhone.png);
										background-repeat: no-repeat;	}
										
			.ie #info div.fd_acc	{	line-height: 110%;	}
		
		#info div.fd_der 	{	width: 260px;
								height: 165px;
								background-image: url(../images/fd_block_deroulement.gif);
								background-repeat: no-repeat;
								font-size: 0.9em;	}

		#info div.fd_der2 	{	height: 65px;
								background-image: url(../images/fd_der2.gif);
								background-repeat: no-repeat;	}
								
		#info div.fd_res1 	{	height: 97px;
								background-image: url(../images/fd_res1.png);
								background-repeat: no-repeat; }
								
		#info div.fd_res2 	{	color: white;
								height: 80px;
								background-image: url(../images/fd_res2.png);
								background-repeat: no-repeat; }

		#info div.fd_con 	{	background-image: url(../images/fd_con.png);
								background-repeat: no-repeat;	}

		.credits #info div 	{	margin-right: 5px;	}
		
		#info div.fd_cre1 	{	width: 197px;
								height: 113px;
								background-image: url(../images/fd_cre1.gif);
								background-repeat: no-repeat;
								font-size: 0.9em;	}
																
		#info div.fd_cre3 	{	width: 102px;
								height: 113px;
								background-image: url(../images/fd_cre2.gif);
								background-repeat: no-repeat;
								font-size: 0.9em;	}
								
		#info div.fd_cre4 	{	height: 50px;
								background-image: url(../images/fd_cre3.gif);
								background-repeat: no-repeat;
								color: white;
								font-size: 0.95em;
								word-spacing: -0.1em	}

div.coord 			{   position: absolute;
						top: 650px;
						width: 550px;
						height: auto;
						font-size: 11px;
						margin: 0px 10px 10px 0px;	}
						
	.ie6 div.coord		{	top: 655px;	}
						
div.sarl 			{	position: absolute;
						bottom: 5px;
						right: 0px;
						width: 380px;
						height: auto;
						font-size: 8px;	}
						
#cv					{	position: absolute;
						top: 357px;
						left: 646px;
						width: 250px;
						height: 160px;
						text-align: right;
						background-image: url(../images/cv.png);
						background-repeat: no-repeat;	}

div.encart 	{	width: 330px;
				height: 80px;
				position: absolute;
				top: 555px;
				left: 608px;
				padding: 5px;
				font-size: 0.85em;	}	
				
#contenu.deroulement div.fd_encart_der { height: 95px;}
										
	.fd_encart_acc 		{	background-image: url(../images/fd_encart_acc.png);
							background-repeat: no-repeat;	}
							
		.rhone div.fd_encart_acc {	
									height: 110px;
									background-image: url(../images/fd_encart_acc_rhone.png);
									background-repeat: no-repeat;	}
							
	.fd_encart_der 		{	width: 350px;
							background-image: url(../images/fd_encart_der.png);
							background-repeat: no-repeat;	}
	div.fd_encart_cre 		{	height: 150px;
							background-image: url(../images/fd_encart_cre.png);
							background-repeat: no-repeat;	}
	.fd_encart_res 		{	background-image: url(../images/fd_encart_res.png);
							background-repeat: no-repeat;	}
	.fd_encart_con 		{	background-image: url(../images/fd_encart_con.png);
							background-repeat: no-repeat;	}

	div.fd_encart_cont1 	{	top: 365px;
								height: 80px;
								background-image: url(../images/fd_encart_cont1.gif);
								background-repeat: no-repeat;	}
	div.fd_encart_cont2 	{	top: 470px;
								height: 55px;
								background-image: url(../images/fd_encart_cont2.gif);
								background-repeat: no-repeat;	}

div.logo_cont 	{	position: absolute;
					top: 555px;
					left: 690px;
					width: 150px;
					height: 90px;	}
					
div.grand 		{	top: 545px;	}


/*  Contenu
-------------------------------------------------------*/

#info p.lettrine:first-letter	{
				font-size: 16px;
				font-weight: bold;
				margin-right: 1px;	}

	.accueil #info p.lettrine:first-letter 			{	color: #E64415;	}
	.credits #info p.lettrine:first-letter 			{	color: #607482;	}
	.restructuration #info p.lettrine:first-letter 	{	color: #EAB721;	}
	.conseil #info p.lettrine:first-letter 			{	color: #559EBE;	}
	.contact #info p.lettrine:first-letter 			{	color: #E64415;	}

#info div.fd_der li 	{	
				float: left;
				padding-right: 2px;
				margin-bottom: 5px;	}
	
	#info div.fd_der li.pad {
						padding-right: 0px;	}
		
#info div.fd_der p	{	clear: both;	}
				
#cv a img	{	margin: 13px;	}

.encart p 	{	padding-left: 70px;	}

	.rhone div.encart p {	text-align: left;
							line-height: 110%;	}
							
	.ie .rhone div.fd_encart_cont1 p { line-height: 150%;	}
	
	.ie .rhone div.fd_encart_cont2 p { line-height: 150%;	}
	
	.rhone div.encart p.zero {	padding-left: 0px;
										padding-bottom: 10px;	}
										
	.ie .rhone div.encart p.zero {	padding-bottom: 5px;	}	

.contact div.encart p 	{	padding-left: 0px;	}
.restructuration div.encart p { padding-top: 10px;}
												
div.grand p {	padding-left: 50px;	}			
div.deroulement div.grand p {	padding-left: 30px;	}	
	.win div.deroulement div.grand p {	padding-left: 20px;	}
div.deroulement div.grand p.big { 	padding-left: 0px;	}	
											
/*  Form
-------------------------------------------------------*/

fieldset 	{	width: 100%;
				font-size: 0.80em;	}

label 		{	display: block;
				float: left;
				width: 100px;
				text-align: right;
				padding-top: 5px;	}
				
	.champ_court 	{	width: 30px;	}
	.champ_long 	{	width: 100%;
						text-align: left;	}
						
input, textarea {
				display: block;
				float: left;
				margin-right: 10px;	}
	#ville 	{	margin-right: 0px;	}
	#cp		{	margin-right: 3px;	}