.intro_01{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #009966;
}
.intro_02{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #666666;
}
.intro_03{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
}

.clear{
clear:both;
}

/*Accueil*/
#header_accueil{
	background-image:url(images/header_accueil.png);
	width: 1083px;
	height: 318px;
	margin-left:0px;
	margin-top:0px;
}

	#baseline_accueil{
		margin-top:5px;
		margin-left: 355px;
		width: 725px;
		height: 50px;
	}
		.texte_baseline_01{
			font-family:Verdana;
			font-size: 11px;
			color:#FFF;
			margin-top:30px;
		}
		.texte_baseline_02{
			font-family:Verdana;
			font-size: 20px;
			color:#FFF;
			margin-top:20px;
			margin-left: 29px;
		}
		
	#menu_accueil{
		width: 725px;
		margin-left: 355px;
		margin-top: 20px;
	}
	
		.bt_qsn{
			margin-left: 0px;
			text-align: center;
			float: left;
		}
		.bt_agencement{
			margin-left: 45px;
			text-align: center;
			float: left;
		}
		.bt_particuliers{
			margin-left: 60px;
			text-align: center;
			float: left;
		}
		.bt_realisations{
			margin-left: 70px;
			text-align: center;
			float: left;
		}
		.bt_contact{
			margin-left: 65px;
			text-align: center;
			float: left;
		}	
		
	#logo_C2M_accueil{
		margin-left: 250px;
		margin-top: 80px;
	}
	
	
#centre_accueil{
	width: 1084px;
	height: 600px;
	margin-left:0px;
	margin-top:0px;
}

	.titre_realisations{
		margin-top:0px;
		margin-left:16px;
	}
  .titre_realisation_index{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color:#096;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 0px;
    padding-top: 10px;
  }
	
	#realisations{
		background-image:url(images/fond_realisations_accueil.png);
		width:800px;
		height: 316px;
		float: left;
		padding-left: 50px;
	}
		.cadre_realisation_accueil{
			width: 180px;
			float:left;
			margin-top: 15px;
			margin-right: 18px;
		}
		.titre_realisation_accueil{
			font-family:Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight:bold;
			color:#096;
			height: 32px;
		}
		.titre_realisation_accueil ul{
			font-family:Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight:bold;
			color:#096;
      padding: 0 0 0 20px;
      margin: 0;
      list-style-image: url(images/puce_titre-realisation.png);
      list-style-position: outside;
		}
		.photo_realisation_accueil{
			width: 170px;
			margin-bottom: 7px;
			margin-left: 5px;
			margin-top: 5px;
		}
		.image_accueil{
      float: left;
      position: relative;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
      top: 0px;
      left: 0px;
		}
		.image_accueil img{
      position: absolute;
      z-index: 10;
		}
		.fond_accueil{
      position: absolute;
			background-color: #242424;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
      z-index: 0;
      top: 10px;
      left: 10px;
		}
		.descriptif_realisation_accueil{
      position: relative;
      top: 150px;
			width: 170px;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 11px;
			color:#666;
			margin: 10px 0 0 0;
			padding: 20px 0 0 0;
		}
		.bt_details_realisation_accueil{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 11px;
			color:#666;
			font-weight: bold;
		}
	
	
	#droite_accueil{
		width:200px;
		height: 316px;
		float: left;
		text-align: right;
		margin-top:15px;
		margin-left: 5px;
	}
		.texte_accueil_01{
			font-family: Verdana, Geneva, sans-serif;
			color: #000;
			font-size: 14px;
			font-weight: bold;
		}
		
		.texte_accueil_02{
			font-family: Verdana, Geneva, sans-serif;
			color: #FFF;
			font-size: 12px;
		}
		
		.texte_coordonnees{
			font-family: Verdana, Geneva, sans-serif;
			color:#666;
			font-size: 11px;
			margin-top: 50px;
		}
		
		.nb_footer_01{
			font-family: Verdana, Geneva, sans-serif;
			color:#000;
			font-size: 10px;
			margin-top: 50px;
		}
		

/*Intérieure*/
/*Header*/

#header_int{
	background-image:url(images/header_int.png);
	width: 1073px;
	height: 234px;
	margin-left:10px;
	margin-top:0px;
}

	#baseline_int{
		margin-top:5px;
		margin-left: 350px;
		width: 720px;
		height: 40px;
	}
		.texte_baseline_01{
	font-family:Verdana;
	font-size: 11px;
	color:#333;
	margin-top:30px;
		}
		.texte_baseline_02{
	font-family:Verdana;
	font-size: 20px;
	color:#000;
	margin-top:20px;
	margin-left: 29px;
		}
		
	#menu_int{
		width: 820px;
		margin-left: 240px;
		margin-top: 35px;
	}
	
		.bt_accueil{
			margin-left: 0px;
			text-align: center;
			float: left;
			margin-top: 10px;
		}
		.bt_qsn_int{
			margin-left: 55px;
			text-align: center;
			float: left;
		}
		.bt_agencement_int{
			margin-left: 60px;
			text-align: center;
			float: left;
		}
		.bt_particuliers_int{
			margin-left: 65px;
			text-align: center;
			float: left;
		}
		.bt_realisations_int{
			margin-left: 65px;
			text-align: center;
			float: left;
		}
		.bt_contact_int{
			margin-left: 65px;
			text-align: center;
			float: left;
		}	
		
	#logo_C2M_int{
		margin-left: 200px;
		margin-top: 30px;
	}
	
/*Centre*/
	#conteneur_int{
		background-image:url(images/fond_centre_int.png);
		width: 1100px;
		height: 100%;
	}
	
		#bandeau_gauche{
			background-image:url(images/fond_gauche_int.jpg);
			width: 272px;
			height: 368px;
			float: left;
		}
		
		.realisations_int{
			margin-left: 40px;
		}
		
		.coordonnees_int{
			font-family: Verdana, Geneva, sans-serif;
			color:#666;
			font-size: 11px;
			margin-top: 80px;
			margin-left: 30px;
			width: 205px;
		}
			.lien{
			font-family: Verdana, Geneva, sans-serif;
			color:#666;
			font-size: 11px;
		}
		
		#contenus_int{
			width: 720px;
			height: auto;
			min-height: 400px;
			margin-left: 50px;
			background-color: #OOO;
			float: left;
		}
    
		#contenus_int_rea{
			width: 720px;
			height: auto;
			min-height: 400px;
			margin-left: 50px;
			background-color: #OOO;
			float: left;
      display: table;
		}
		
/*Contenus*/
#zone_texte_01{
	font-family:Verdana, Geneva, sans-serif;
	width: 470px;
	float: left;
	text-align: left;
}

#zone_photos_01{
	width: 215px;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
}

.liste_realisations{
	font-family:Verdana, Geneva, sans-serif;
	width: 230px;
	height: 230px;
	float: left;
  vertical-align: middle;
  text-align: center;
	margin-left: 8px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
  border-style:solid;
  border-width:1px;
  border-color: #dbea97;
  background-color: #000000;
}

.liste_realisations p{
  vertical-align: middle;
  position: relative; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.ligne_realisations{
  vertical-align: middle;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.pagination_realisations{
  vertical-align: middle;
	margin: 20px 0;
	padding: 0 0 0 0;
}

.image_realisations{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	.texte_int_01{
	font-size: 12px;
	color:#999;
	}
	.texte_int_02{
	font-size: 12px;
	color:#999;
	font-weight: bold;
	}
	.texte_int_03{
		font-size: 12px;
		color:#999;
		font-weight: bold;
	}
	.texte_int_04{
		font-size: 12px;
		color:#096;
		font-weight: bold;
	}
	.texte_int_05{
		font-size: 11px;
		color:#096;
	}
	
	.texte_int_06{
		font-size: 11px;
		color:#999;
		font-family: Verdana, Geneva, sans-serif;
		text-align:justify;
	}
	
.nb_footer_02{
font-family: Verdana, Geneva, sans-serif;
color:#FFF;
font-size: 10px;
}