/* CSS Document fichier : sty_caruso_jardin.css */
/* Modèle : Le Jardin Public */
/**************************************/
/* haut de la page : nom et situation */
/**************************************/
#cntr_titre_jardin {
	clear:both;
	width:1000px;
	height:250px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	display:block;
}
/* container pour nom du jardin et coordonnées */
#cntr_titre_jardin #COL1{
	float:left;
	width:485px;
	height:250px;
	margin:0;
	padding:0;
}
/* container pour situation géographique */
#cntr_titre_jardin #COL2{
	float:left;
	width:200px;
	height:250px;
	margin:0;
	padding:0;
}
/* container pour logo ou photo  */
#cntr_titre_jardin #COL3{
	float:left;
	width:315px;
	height:250px;
	margin:0;
	padding:0;
}

/* Les identifiants et classes de COL1 : coordonnées du jardin */
/* délimiter la zone intérieure avec ses valeurs de style */
#cntr_titre_jardin #zone1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	padding-top:20px;
	color:#333333;
	text-align:left;
	letter-spacing:normal;
	line-height:15px;
} 
#cntr_titre_jardin #COL1 #zone1 #enseigne {
	font-size:13px;
	color:#446CA8;
	font-weight:bold;
	letter-spacing:0.1em;
}
#cntr_titre_jardin #COL1 #zone1  #sstitre {
	color:#365585;
	padding-top:5px;
}
#cntr_titre_jardin #COL1 #zone1 #coord {
	padding-top:8px;
	line-height:15px;
}
#cntr_titre_jardin #COL1 #zone1 #web {
	color:#555555;
	padding-top:8px;
}

/* Les identifiants et classes de COL2 : zone 2 = situation géographique */
#cntr_titre_jardin #COL2 #zone2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	font-weight:normal;
	padding-top:30px;
	padding-right:15px;
	line-height:16px;
	text-align:right;
}
/* Les identifiants et classes de COL3 : zone 3 = logo ou photo  */
#cntr_titre_jardin #COL3  #zone3{
	padding-top:20px;
	padding-right:15px;
	padding-bottom:0px;
	text-align:right;
}

/*************************/
/* 1 COL +  sep + TEXT   */
/*************************/

/* 1 colonne de photos - 1 sep - le texte */
#cntr_colXtxt_jardin {
	clear:both;
	width:1000px;
	margin:0;
	padding:0;
}
/* COL1 : le texte  */
#cntr_colXtxt_jardin  .COL1{
	float:left;
	width:320px;
	margin:0;
	padding:0;
	height:100%;
}
/* COL2 : la colonne de séparation  */
#cntr_colXtxt_jardin  .COL2{
	float:left;
	width:20px;
	margin:0;
	padding:0;
	height:100%;

}
/* COL3 : le texte de la page  */
#cntr_colXtxt_jardin  .COL3{
	float:left;
	width:660px;
	margin:0;
	padding:0;
	height:100%;
}

/* détail COL1  : photos */
#cntr_colXtxt_jardin  .COL1 .zone1{
	padding-top:10px;
	padding-left:20px;
	text-align:left;
}

/* détail COL3 :  texte */
#cntr_colXtxt_jardin  .COL3 .zone3{ 
	padding-top:10px; 
	padding-left:0px;
	padding-right:40px;
}
#cntr_colXtxt_jardin  .COL3 .zone3 .ztext{ 
	/*width:580px;*/
}
/**************************/
/* 1 COL de 3 photos      */
/**************************/
.cntr_3photos{
	clear:both;
	width:1000px;
}
.cntr_3photos .zone{
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}
.cntr_3photos .zone img{
	float:left;
	padding-right:10px;
	border:0;
}

/**************************/
/* Ménage                 */
/**************************/

/* 1 colonne de photos - 1 sep - le texte */
#cntr_jardin {
	clear:both;
	width:1000px;
	margin:0;
	padding:0;
}
/* COL1 : le texte  */
#cntr_jardin  .COL1{
	float:left;
	width:320px;
	margin:0;
	padding:0;
	height:100%;
}
/* COL2 : la colonne de séparation  */
#cntr_jardin  .COL2{
	float:left;
	width:20px;
	margin:0;
	padding:0;
	height:100%;

}
/* COL3 : les photos de la page  */
#cntr_jardin  .COL3{
	float:left;
	width:660px;
	margin:0;
	padding:0;
	height:100%;
}

/* détail COL1  : photos */
#cntr_jardin  .COL1 .zone1{
	padding-top:10px;
	padding-left:20px;
	text-align:left;
}

/* détail COL3 :  texte */
#cntr_jardin  .COL3 .zone3{ 
	padding-top:10px; 
	padding-left:0px;
	padding-right:40px;
}
#cntr_jardin  .COL3 .zone3 .ztext{ 
	/*width:580px;*/
}