/* CSS Document */



body
{
	background: url(../images/bg.jpg) repeat-x #f9fafc;
	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:11px;

}

a 
{
	color:#666666;
	text-decoration:none;
}
a:hover /* Mouseover*/
{
	color:#25aef5;
	text-decoration:none;
}
	img
	{
	border: 0px;
	}


	#global
	{
	display:block;
	width:960px;
	margin:0px auto;
	}
	
	
		#entete
		{
		background: url(../images/fond_top.jpg) repeat-x;
		width:960px;
		height:165px;
		margin: 0px auto;
		}
		
		#brushes
		{
		background: url(../images/brushes.png) no-repeat;
		width:960px;
		height:165px;
		margin:0px auto;
		}
	
			#bouton
			{
			display:block;
			float:left;
			margin: 0px;
			padding: 80px 0px 0px 60px;
			}

			#nom 
			{
			display:block;
			float:left;
			margin:0px;
			font-family: Verdana;
			color:#ffffff;
			padding-left: 0px;
			padding-top: 15px;
			text-align:right;
			list-style:none;
			}
			
			
			#nom .p1
			{
			font-size:38px;
			padding-left:20px;
			padding-top: 5px;
			}
			
			#nom .p2
			{
			font-size:16px;
			}
			
			#nom .p3
			{
			font-size:30px;
			color:#ffffff;
			}
			
			#nom span
			{
			font-size:18px;
			color:#ffffff;
			}


			#logo 
			{
			display:block;
			float:left;
			padding-left: 20px;
			padding-top: 15px;
			}
			
			.image
			{
			padding-left: 25px;
			padding-top: 7px;
			}
			
			.courtier
			{
			padding-left: 0px;
			padding-top: 15px;
			}
			
			#icone_photo
			{
			display:block;
			float:left;
			list-style:none;
			margin:0px;
			padding-left: 60px;
			width:149px;
			padding-top:1px;
			}

			
	
		#contenu
		{
		padding:0px;
		background:#ffffff;
		width:960px;
		margin:0px;
		}
		
		#cgauche_top /* bloc gauche*/
		{
		display:block;
		width:200px;
		height:50px;
		background-color:#305992;
		float:left;
		padding: 15px 0px 0px 25px;
		color: #ffffff;
		font-family: Verdana;
		font-size: 10px;
		font-weight:bold;
		}
		
		#cgauche_top02 /* bloc gauche*/
		{
		display:block;
		width:200px;
		height:70px;
		background-color:#305992;
		float:left;
		padding: 15px 0px 0px 5px;
		color: #ffffff;
		font-family: Verdana;
		font-size: 10px;
		font-weight:bold;
		}
		
		.champ 
		{
		float: left;
		display: block;
		height: 16px;
		width: 80px;
		border: 1px solid #1e385d;
		font-family: Verdana;
		font-size: 10px;
		color: #000000;
		margin: 4px;
		padding: 0px 0px 0px 2px;
		}
		
		#btn_go span
		{
		float: left;
		display: block;
		padding: 0px 0px 0px 10px;
		}
		
		#btn_go .submit
		{
		background: url(../images/btn_go.jpg) no-repeat;
		}

		#cgauche /* bloc gauche*/
		{
		float: left;
		display: block;
		margin:0px;
		padding: 0px;
		width:190px;
		height:950px;
		background-color:#305992;
		}
			
		
		#cgauche ul
		{
		list-style: none;
		margin:0px;
		padding:0px;
		background-color:#305992;
		}
		
		#cgauche li a
		{
		background-color:#305992;
		height: 30px;
		width:190px;
		line-height: 30px;
		float: left;
		display: block;
		text-decoration: none;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		font-size:14px;
		padding: 1px 0px 5px 12px;
		}
		
		#cgauche li a:hover
		{
		background-color:#5292ed;
		}
		
		#image_menu
		{
		float: left;
		display: block;
		padding: 10px 0px 0px 30px;
		}
		
		#image_menu03
		{
		float: left;
		display: block;
		padding: 10px 0px 0px 0px;
		}
		
		#image_menu02
		{
		float: left;
		display: block;
		padding: 0px 0px 0px 30px;
		}
		
		#cdroite02 /* bloc droite*/
		{
		display:block;
		background:#ffffff;
		float:left;
		padding:0px;
		margin:0px;
		}
		
	
		#cdroite /* bloc droite*/
		{
		display:block;
		background-color:#ffffff;
		float:left;
		width:650px;
		height:670px;
		padding: 5px 0px 0px 0px;
		margin:0px;
		}
		
	
		.btns_accueil 
		{
		display:block;
		float:left;
		padding: 0px 0px 0px 10px;
		margin: 0px;
		}
		
		.image_tv
		{
		float:left;
		display:block;
		width:198px;
		padding: 10px 0px 0px 30px;
		margin: 0px;
		}

		#image_accueil
		{
		float:left;
		display:block;
		margin:0px;
		padding: 0px 0px 0px 10px;
		}
				
		
		.titre
		{
		padding-top: 2px;
		padding-left: 30px;
		}


		#baspage
		{
		text-align:center;
		float: left;
		display:block;
		padding-top: 5px;
		width:740px;
		margin:0px;
		background-color:#FFFFFF;
		padding-bottom: 0px;
		}
		
		#menu_bottom
		{
		width:740px;
		height:30px;
		margin:0px;
		padding:0px;
		}
		
		#menu_bottom li
		{
		display: inline;
		list-style:none;
		font-family: Verdana;
		font-size:11px;
		line-height:15px;
		}
		
		#menu_bottom li a
		{
		color:#666666;
		}
		
		#menu_bottom li a:hover
		{
		color:#25aef5;
		}
	
	.clear 
	{
	clear:both; /* Règle pour supprimer le float */
	} 
	
		
		#accueil
		{
		allowtransparency: false;
		width:740px;
		height:945px;
		border: hidden;
		position:absolute;
		background:#ffffff;
		padding: 0px;
		margin:0px;
		}
		
		#prop
		{
		background: url(../images/fond_maison_vedette.jpg) no-repeat;
		width:190px;
		height:180px;
		padding: 40px 50px 30px 30px;
		margin:0px;
		position:absolute;
		border:hidden;
		}
		
		#prop_vedette
		{
		display:block;
		float:left;
		padding: 5px 0px 0px 0px;
		margin:0px;
		}
		
		
		#projet
		{
		background: url(../images/projet_centre_urbain_.jpg) no-repeat;
		width:720px;
		height:429px;
		padding: 30px 0px 0px 0px;
		margin:0px;
		}
		
		#projet_central
		{
		list-style: none;
		padding: 0px;
		margin: 0px;
		display:inline;
		}
		
		#projet_central li
		{
		float: left;
		margin: 4px;
		padding: 15px 0px 0px 0px;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		font-size:11px;
		font-weight:bold;
		}
		
		#projet_central li a
		{
		background: url(../images/fond_menu_plan.png) bottom left repeat-x;
		height: 35px;
		float: left;
		width: 8.3em;
		display: block;
		border: 0.1em solid #ffffff;
		color: #333333;
		text-decoration: none;
		text-align: center;
		
		}
		
		#projet_central li a:hover
		{
		background: url(../images/fond_menu_plan_over.png) bottom left repeat-x;
		height:35px;
		float: left;
		width: 8.3em;
		display: block;
		border: 0.1em solid #000000;
		color: #3e78c9;
		text-decoration: none;
		text-align: center;
		}