@charset "utf-8";

/* Mise en forme du body */
body 				{ 	
						font-family : Arial, Verdana, Helvetica, sans-serif; 
						font-size : 12px; 
						color : #000000;						
						background-color : #a7a28f;  
						margin : 0; 
						padding : 0;
					}
/*-----------------------------------------------------------*/


/* Menu Plan du site */
#topMenu 			{	
						width : 375px;
						height : 20px; 
						margin : 0 auto 0 auto; 
						padding-top : 10px; 
						padding-right : 600px; 
					}

#topMenu ul 			{	
						list-style : none;
						margin : 0;
						padding : 0; 
					}

#topMenu li  			{
						display : inline; 
						border-left : #000000 solid 1px; 
						padding-left : 5px; 
						padding-right : 5px;
					}

#topMenu li a:link 	{ 
						color : #000000;
					}

#topMenu li a:visited { 
						color : #e8a753;
					}

#topMenu li a:hover 	{ 	
						color : #ffffff;
					}
/*-----------------------------------------------------------*/


/* Header */
#header 				{	
						width : 975px; 
						height : 200px;
						margin : 0 auto 0 auto; 
						padding : 0; 
					}

#header 	h1  			{
						font-family : Helvetica; 
						font-size : 76px;
						color : #ffffff;
						text-align : center;
					}

#titre				{	
						width : 975px; 
						height : 100px; 
					}

#logo				{	
						float : left;
						width : 180px; 
						height : 100px;
					}

#diaporama			{	
						float : left;
						width : 159px; 
						height : 100px;
					}
/*-----------------------------------------------------------*/


/* Menu principal */
#menuPrincipal 		{	
						height : 25px;
						background-color : #939393;
						list-style : none; 
						margin : 0 auto 0 auto;
						padding : 0;						
					}

#menuPrincipal ul 	{	
						float : left;
						list-style : none; 
						font : bold 12px "Arial narrow";
						letter-spacing : 0.02em;						
						margin : 0;
						padding : 0; 
					}

#menuPrincipal li  	{	
						float : left;
						width : 95px;					
						border-right: 2px solid #ffffff;
						margin : 0;
						padding : 0;
					}

#menuPrincipal a 	{	
						display : block; 
						text-align : center;
						text-decoration : none; 
						color : #ffffff;						
						margin : 0; 
						padding : 5px;	
					}

#menuPrincipal a.pageActive { 
						background-color : #e8a753;
						color : #fbffd1;
					}

#menuPrincipal a:hover { 
						background-color : #e8a753;
						color : #ffffff;
					}
/*-----------------------------------------------------------*/


/* CONTENU  */
#contenuBg 			{	
						width : 975px;  
						margin : 0 auto 0 auto;
						padding : 0; 
					}


	/* 1) Information pratique */
	
	#info 				{	
							float : left; 
							width : 175px; 							
							background-color : #a7a28f; 
							margin : 0; 
							padding : 25px 5px 0 0;	
						}

	#info p 				{	
							font : 13px Arial;
							color : #ffffff; 
							line-height: 1.5em;
						}
	/*-----------------------------------------------------------*/

	
	/* 2) Paragraphe*/
	
	#paragraphe			{	
							float : left;
							width : 175px; /* width : 195px; */
							margin : 0 40px 0 0;
							padding : 0;
						}

	#paragraphe  h1		{	
							font-size : 20px; 
							color : #e8a753;
							margin : 0;
							padding : 0;
						}

	#paragraphe  a.liensPassif { 
							font : bold 12px Verdana, Arial, Helvetica, sans-serif;  
							color : #2d4068;
							line-height: 1.5em; 
						}
	/*-----------------------------------------------------------*/


	/* 3) Contenu*/
	
	#contenu 			{	
							float : right;
							width : 745px;
							margin : 0; 
							padding : 5px 20px 20px 30px;				
							background-color : #ffffff;	 
						}
	/*-----------------------------------------------------------*/


	/* 4) Zone de texte */
	
	#zoneTexte 			{								
							float : left;
							width : 500px;
							margin : 0;
							padding : 0;
						}

	#zoneTexte p 		{	
							font : 12px Verdana, Arial, Helvetica, sans-serif; 
							/*color : #000000; */
							line-height : 1.5em; 
							text-align : justify;
						}

	#zoneTexte  b		{	
							font : bold 13px Verdana, Arial, Helvetica, sans-serif; 
							color : #e8a753;
							line-height: 1.5em; 
						}

	#zoneTexte  h1		{	
							font-size : 16px; 
							color : #e8a753;
							margin : 0;
							padding : 0;
						}
						
	#zoneTexte  h2		{	
							font-size : 13px; 
							color : #e8a753;
							margin : 0;
							padding : 0;
						}						

	.i1					{	
							font-size : 12px;
							/* font : normal 12px Verdana, Arial, Helvetica, sans-serif; */
							text-align : justify;
							color : #2d4068;
							/*letter-spacing : -0.05em; */
							line-height: 1.5em; 
						}
	
	.i3					{	
							font : normal 12px Verdana, Arial, Helvetica, sans-serif; 
							text-align : justify;
							color : #2d4068;
							line-height: 1.5em; 
						}
	.i4					{	
							font : bold 12px Verdana, Arial, Helvetica, sans-serif; 
							text-align : justify;
							color : #2d4068;
							line-height: 1.5em; 
						}					

	#zoneTexte  .i2		{	
							font-size : 16px; 
							color : #2d4068;
							line-height: 1.5em; 
						}
	
	#zoneTexte .i3		{	
							font : bold 12px Verdana, Arial, Helvetica, sans-serif; 
							text-align : justify;
							color : #2d4068;
							line-height: 1.5em; 
						}
	#paragraphe .i3		{	
							font : normal 12px Verdana, Arial, Helvetica, sans-serif; 
							text-align : justify;
							color : #2d4068;
							/*letter-spacing : -0.05em; */
							line-height: 1.5em;
						}							
	
	#zoneTexte_bureaux  .i5		{	
							font-size : 12px; 
							color : #2d4068;
							line-height: 1.5em;
							margin: 0 0 0 5px;
						}

	#zoneTexte_bureaux  a {	
							color : #2d4068;
						}
						
	#zoneTexte .slogan 	{
							font-size : 14px;
							padding : 0 330px 0 30px; 
							color : #e8a753;
							line-height: 1.5em;
						}

	#rectangle_info 		{ 	
							float : left;
							width : 168px;
							/* margin : 0 10px 0 -5px; */
							margin : 0 8px 0 -5px; */
						}

	#zoneTexte_bureaux 	{			
							float : left;	
							width : 525px; 
							/* margin : 0 0 0 -10px; */
							margin : 5px 0 0 0;
							padding : 0;
						}

	.positionDroit 		{	
							float : right; 
							margin-left : 30px; 
							border : none;
						}
						
	
	#photo			{	
							float : left;
							width : 175px; 
							height : 700px; 
					}							
	/*-----------------------------------------------------------*/

	
	/* 5) Zone de texte  2 et 3*/
	
	#zoneTexte_2 		{								
							float : left;
							width : 290px; 
							margin : 0;
							padding : 0;
						}

	#zoneTexte_2 p 		{	
							font : 12px Verdana, Arial, Helvetica, sans-serif; 
							color : #000000;
							line-height : 1.5em; 
							text-align : justify;
						}

	#zoneTexte_2  h1		{	
							font-size : 16px; 
							color : #e8a753;
							margin : 0;
							padding : 0;
						}
	
	/*
	#zoneTexte_2 .i3		{	
							font : bold 12px Verdana, Arial, Helvetica, sans-serif; 
							text-align : justify;
							color : #2d4068;
							line-height: 1.5em; 
						}						
	*/

	#zoneTexte_3 		{								
							float : left;
							width : 460px; 
							background-color : #d6d3ca; 
							margin : 0;
							padding : 20px;
						}
	/*-----------------------------------------------------------*/
	
	
	/* 6) Compétences (block)*/
	
	#block_centre span 	{	
						float : left;
						display : block;
						height : 35px;
						width : 95px;
						background-color : #e8a753;
						font : bold 12px Verdana, Arial, Helvetica, sans-serif; 
						text-align : center;
						color : #ffffff;						
						margin : 58px 23px 58px 23px; 
						padding : 10px;	
						}

	#sous_block_center a	{								
						display : block;
						height : 30px;
						width : 180px;
						background-color : #d6d3ca;
						font : bold 9px Verdana, Arial, Helvetica, sans-serif; 
						color : #2d4068;
						text-decoration : none;
						margin : 0px 0px 0px 150px; 						
						padding : 10px;	
						}

	#sous_block a		{								
						display : block;
						height : 30px;
						width : 148px;
						background-color : #d6d3ca;
						font : bold 9px Verdana, Arial, Helvetica, sans-serif; 
						color : #2d4068;
						text-decoration : none; 						
						margin : 0; 
						padding : 10px;	
						}
	/*-----------------------------------------------------------*/
	
	
	/* 7) Demarche (block)*/
	
	#demarche_block			{								
							width : 230px; 
							margin : 0;
							padding : 0;
						}
	
	#demarche_block .numero  	{	
							float : left; 
							display : block; 
							background-color : #1e76bd;
							width : 30px;  /* total minimum: 45px */
							height : 15px; /* total: 35 px avec padding */
							font : bold 16px Verdana, Arial, Helvetica, sans-serif;  						
							text-align : center;
							text-decoration : none; 
							color : #ffffff;							
							margin : 0 15px 0 0;
							padding : 10px 5px 10px 5px;
						}

	#demarche_block  p	{	
							font-size : 11px;
							line-height: 1.5em;
							margin : 2px 10px 0 0;							
						}
	/*-----------------------------------------------------------*/
	
	
	/* 8) Carre (News) */
	
	#carre				{	
							float : left;
							/*width : 204px;*/
							width : 206px;							
							background-color : #d6d3ca; 				
							padding : 6px 8px 10px 8px;
							margin : 0 0 0 10px;					
						}

	#carre p 			{	
							font : 10px Verdana, Arial, Helvetica, sans-serif; 
							color : #6b6b6b; 
							line-height: 1.5em; 
							text-align : justify;
						}

	#carre  b			{	
							font : bold 10px Verdana, Arial, Helvetica, sans-serif; 
							color : #6b6b6b;
							line-height: 1.5em; 
						}

	#carre h1			{
							font-size : 15px;
							text-align : center;							
							color : #e8a753;
							margin : 0; 	
						}

	#carre_block 		{		
							font : 9px Verdana, Arial, Helvetica, sans-serif; 
							color : #6b6b6b; 
							line-height: 1.5em; 						
							width : 103px; 
							margin : 0;
							padding : 0;
						}

	/* Patch bug IE6 */
	
	.spacer 				{	
							clear : both; 
							visibility : hidden; 
							margin : 0; 
							padding : 0;
						}
	/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/


/* footer */
#footer 					{	
							width : 975px; 
							height : 10px; 
							margin : 0 auto 0 auto; 
							padding-top : 5px; 
						}


#footer p 				{	
							font-size : 10px; 
							text-align : center;
							margin : 0;
							padding : 0;
						}
/*-----------------------------------------------------------*/


/* styles globaux */			
p 						{	 
							line-height: 1.5em;	
							color : #000000;							
							margin : 0;	
							padding : 0;							
						}

a:link 					{ 	
							text-decoration : none; 
							color : #2d4068;
						}

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

img  					{
							border : none;
							margin : 0;	
							padding : 0;
						}