/* CSS Document for jardin gecko WEB SITE */

body {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 12px; /* remplace 12?*/
	color : #e6e7e8; /*gris 10%*//*color: #FFFFFF blanc*/; 
	line-height: 140%;
	background: #464547 /*gris 88%*/ /*avant : 4f524fgris 84%*/;
	margin: 0; 
	padding: 0;
}

A { color: #cfcf43 /*vert amande*/; text-decoration: underline; }
A:hover { text-decoration: underline; }

H1 {font-size: 14px; font-weight:bold; color: #333333; display: inline; line-height: 130%; background: #cfcf43 /*vert amande*/; padding: 0px 4px 0px 4px /*top-right-bottom-left*/;  }
H2 {font-size: 12px; font-weight:bold; font-variant:small-caps; color: #ffffff; display: inline; line-height: 130%;}

UL { list-style : url(../images/bulletList.gif); margin-left: 15px; margin-top: 0px; margin-bottom: 0px; }

.little { font-size: 11px; }

/****** CONTAINER ******/
.divs #container {
	width: 950px;  
	margin: 0 auto;
	background: #333333 /*gris 95%*/;
	/*border: 1px dashed black;*/
}
/****** MENU ******/
.divs #menu {
	height: 23px; /*30-7 padding-top*/
	padding-top: 7px;
	/*border: 1px dashed pink;*/
}

span.menuItem { 
	padding: 2px 4px 2px 4px /*top-right-bottom-left*/; 
	vertical-align: middle; 
	text-align: center;
	margin: 7px; 
	/*border: 1px dashed red;*/ 
	}
	
span.menuItem A { font-size: 14px; font-weight: bold; text-decoration: none; }
span.menuItem.selected { background: #464547 /*gris 88%*/  /*avant #4f524fgris 84%*/;}

/****** MAINCONTENT ******/
.divs #mainNone { 
	border: 1px solid #333333 /*gris 95%*/; 
	}

.divs #mainAccueil { background:url(../images/bgAccueil.jpg) no-repeat top; border: 1px solid #333333 /*gris 95%*/;	}
.divs #mainJardinGecko { background:url(../images/bgJardinGecko.jpg) no-repeat top; border: 1px solid #333333 /*gris 95%*/; }
.divs #mainConceptionJardins { background:url(../images/bgConceptionJardins.jpg) no-repeat top; border: 1px solid #333333 /*gris 95%*/; }
.divs #mainAmenagementExterieur { background:url(../images/bgAmenagementExterieur.jpg) no-repeat top; border: 1px solid #333333 /*gris 95%*/; }
.divs #mainReferences { background:url(../images/bgReferences.jpg) no-repeat top; border: 1px solid #333333 /*gris 95%*/; }
.divs #mainContact { background:url(../images/bgContact.jpg) no-repeat top; border: 1px solid #333333 /*gris 95%*/; }
.divs #mainErreur { background:url(../images/bgErreur.jpg) no-repeat top; border: 1px solid #333333 /*gris 95%*/; }

/*TOP*/
.divs #top {
	height: 320px;
	/*border: 1px dashed red;*/ 
	}

.divs #topNone {
	height: 20px;
	/*border: 1px dashed red;*/ 
	}

.divs /*#top*/ #enVersion {
	float : right;
	padding-right: 8px;
	padding-top: 5px;
	/*border: 1px dashed red;*/ 
	}

/*MIDDLE*/
.divs #middle {
	height: 140px;
	width: 950px;
	/*border: 1px dashed aqua;*/ 
	}

.divs #middle #accroche {
	float: right;
	margin-top : 47px; /*52*/
	padding: 10px;
	color: #333333 /*gris 95%*/;
	background-color: #cfcf43 /*vert amande*/;
	font-size : 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	/*border: 1px dashed black;*/ 
	}

.divs #middle #logo {
	/*border: 1px dashed black;*/ 
	}

#titre {
	float: left;
	padding : 24px 0px 0px 10px /*top-right-bottom-left*/;
	/*border: 1px dashed yellow;*/ 
	}

#ssMenu {
	/*width : 600px;*/
	float: left;
	padding : 26px 0px 0px 10px /*top-right-bottom-left*/;
	/*border: 1px dashed fuchsia;*/ 
	}

span.ssMenuItem { font-size: 12px; font-weight: bold; }
span.ssMenuItem A { font-weight: normal; text-decoration: underline; }

/*CONTENT*/
.divs #content {
	width: 930px; /*950 - 20 padding*/
	padding : 17px 10px 10px 10px /*top-right-bottom-left*/;
	/*border: 1px dashed teal;*/ 
	}
	
.floatLeft {
	float:left;
	border: 1px dashed teal;/**/ 
	}

.floatRight {
	float:right;
	border: 1px dashed teal;/**/ 
	}

#categorie { 
	width:100%;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #d1d3d4 /*gris 20%*/; 
	color : #e6e7e8; /*gris 10%*/
	}

#colonne { 
	width:400px auto; 
	padding : 5px;
	margin : 0px 5px 5px 0px /*top-right-bottom-left*/;
	color : #d1d3d4; /*gris 20%*/
	background-color: #464547; /*gris 88%*/
	/*border: 1px solid #d1d3d4; gris 20%;*/
	}
	
#colonne4 { 
	width:216px; 
	padding : 5px;
	margin : 0px 5px 5px 0px /*top-right-bottom-left*/;
	float: left; 
	color : #d1d3d4; /*gris 20%*/
	background-color: #464547; /*gris 88%*/
	/*border: 1px solid #d1d3d4; gris 20%;*/
	}
	
#colonne2Left { 
	width:420px; /**/
	padding : 10px;
	margin : 10px 10px 15px 0px /*top-right-bottom-left*/;
	float: left; 
	color : #d1d3d4; /*gris 20%*/
	background-color: #464547; /*gris 88%*/
	/*border: 1px solid #d1d3d4; gris 20%;*/
	}

#colonne2Right { 
	width:420px; /**/
	padding : 10px;
	margin : 10px 0px 15px 10px /*top-right-bottom-left*/;
	float: right; 
	color : #d1d3d4; /*gris 20%*/
	background-color: #464547; /*gris 88%*/
	/*border: 1px solid #d1d3d4; gris 20%;*/
	}

/*galerie*/
#divVignettes { 
	float:left; 
	/*border: 1px dashed white;*/ 
	}

#divVignettes span { 
	margin: 0;
	/*border: 1px dashed red;*/ 
	}

#divPhoto01 { 
	float:right; 
	width:660px; 
	/*border: 1px dashed yellow;*/  
	}

#divPhoto02 { 
	float:right; 
	width:660px; 
	/*border: 1px dashed yellow;*/  
	}

#divPhoto03 { 
	float:right; 
	width:660px; 
	/*border: 1px dashed yellow;*/  
	}

#goTop {
	text-align:right; 
	/*border: 1px dashed yellow;*/  
	}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*FOOTER*/
.divs #footer {
	width : 942px;
	height: 25px; /*30-5 padding-top*/
	margin: 0 auto;
	padding : 5px 0px 0px 10px /*top-right-bottom-left*/;
	font-size: 12px;
	color:#ffffff;/**/
	background: #464547 /*gris 88%*/ /*avant #4f524fgris 84%*/;
	/*border: 1px solid lime;*/ 
}