/* CSS Document for jardin gecko WEB SITE */
/* color:
#e6e7e8 : gris 10% > texte
#464547 : gris 88% > bg body
#333333 : gris 95% > bg main
#cfcf43 : vert amande > liens et bg accroche
*/

body {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 12px; 
	color : #e6e7e8; 
	line-height: 140%;
	background: #464547;
	margin: 0; 
	padding: 0;
}

A { color: #cfcf43; text-decoration: underline; }
A:hover { text-decoration: underline; }

/* H réservé au module d'actu*/
H1 {font-size: 12px; font-weight:bold; text-transform: uppercase; color: #ffffff; }
H2 {font-size: 12px; font-weight:bold; color: #ffffff; }
H3 {font-size: 12px; font-weight:bold; color: #ffffff; }
H4 {font-size: 12px; font-weight:bold; color: #ffffff; }

H1.titlePage {font-size: 14px; text-transform: none; font-weight:bold; color: #333333; display: inline; line-height: 130%; background: #cfcf43; padding: 0px 4px 0px 4px;  }

H2.subTitle {font-size: 14px; font-weight:bold; font-variant:small-caps; color:#ffffff; display:inline; line-height:130%;}
H2.green {font-size: 13px; font-weight:bold; font-variant:small-caps; color: #cfcf43; display: inline; line-height: 130%;}
H2.actus { margin:0; padding:0; font-size: 16px /*14*/; font-weight:bold; font-variant:normal; color: #cfcf43; display: inline; line-height: 50%;}
H2.actus A {color: #cfcf43; text-decoration: none;}

H3 {font-size: 12px; font-weight:bold; color: #ffffff; display: inline; line-height: 130%;}
H3.grey {font-size: 12px; font-weight:bold; color: #333333; display: inline; line-height: 130%;}
H3.green {font-size: 13px; font-weight:normal; color: #cfcf43; display: inline; line-height: 130%;}

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

.little { font-size: 11px; }

span.note { background-color: #990066; color: #e6e7e8; padding: 0 1px 0 1px; }

/*FORM*/
span.mandatory { background-color:#f4f42a; color: #333333; padding: 0 1px 0 1px; }
INPUT, TEXTAREA, SELECT { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color : #000000; line-height: 100%; border: 0;}
TD.uiErrorMessage {color: #333333; padding-left: 10px; background-color:#f4f42a;}
INPUT.uiErrorMessage {background-color: #f4f42a;}
TEXTAREA.uiErrorMessage {background-color: #f4f42a;}

TABLE.tblForm TR{ height:25px;}

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

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

.divs #mainAccueil { background:url(../images/bgAccueil.jpg) no-repeat top; border: 1px solid #333333;	}
.divs #mainJardinGecko { background:url(../images/bgJardinGecko.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainConceptionJardins { background:url(../images/bgConceptionJardins.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainConceptionJardins2 { background:url(../images/bgConceptionJardins2.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainConceptionJardins3 { background:url(../images/bgConceptionJardins3.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainAmenagementExterieur { background:url(../images/bgAmenagementExterieur.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainReferences { background:url(../images/bgReferences.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainContact { background:url(../images/bgContact.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainContactPlan { background:url(../images/bgContactPlan.jpg) no-repeat top; border: 1px solid #333333; }
.divs #mainErreur { background:url(../images/bgErreur.jpg) no-repeat top; border: 1px solid #333333; }

/*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: 2px dashed aqua;*/ 
	}

.divs #middle #accroche {
	float: right;
	margin: 47px 2px 0 0;
	/*margin-top : 47px;*/
	padding: 10px;
	color: #333333;
	background-color: #cfcf43;
	font-size : 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	/*border: 2px solid fuchsia;*/ 
	}

.divs #middle #accroche span.light{ font-size: 13px; font-weight: normal; }
.divs #middle #accroche span.light a{ color: #333333; }

.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;*/ 
	}

.divs #contentAccueil {
	width: 940px; /*950 - 20 padding*/
	padding : 7px 0 10px 10px /*top-right-bottom-left*/;
	/*border: 1px dashed teal;*/ 
	}

	.divs #contentAccueil  #txtContent {
		margin: 0;
		padding: 0;
		width: 475px;
		float: left; 
		/*border: 1px dashed teal;*/ 
		}

	/*actus*/
	.divs #contentAccueil  #actusContent {
		margin: 0 2px 0 0;
		padding: 10px;
		width: 364px;
		float: right;
		background: url(../images/bgActusAccueil.png) repeat; 
		/*border: 1px dashed yellow;*/ 
		}
		
	.divs .actusTitre {
		margin: 20px 0 5px 0;
		padding: 0;
		color: #ffffff;
		font-size: 12px;
		font-weight: bold; 
		}

	/* pas necessaire puisque c'est du texte normal?
	.divs .actusAccroche {
		margin: 0;
		padding: 0;
		color: #ffffff;
		font-size: 12px;
		}
	*/
	.divs .actusVign {
		margin: 0;
		padding: 0;
		width: 120px;
		float: left;
		/*border: 1px solid yellow;*/ 
		}

	.divs .actusAccroche {
		margin: 0;
		padding: 0;
		width: 224px;
		float: right;
		/*border: 1px solid green;*/ 
		}

	.divs .actusTitre2 {
		margin: 0 0 5px 0;
		padding: 0;
		color: #ffffff;
		font-size: 12px;
		font-weight: bold; 
		}

	.divs .actusContent2 {
		margin: 0;
		padding: 0;
		width: 790px;
		float: right;
		/*border: 1px solid white;*/ 
		}

	.divs .actusAll {
		margin: 20px 0 0 0;
		padding: 0;
		text-align: right;
		}

	.divs .actusDetail {
		margin: 20px 0 0 0;
		padding: 5px;
		width: 780px;
		background-color:#464547;
		/*border: 1px solid blue;*/ 
		}
	
.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;*/  
	}


/*gallery photos etude personnalisée*/
#divPhoto04 { 
	float:right; 
	width:660px; 
	/*border: 1px dashed yellow;*/  
	}

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

#goToTheTop {
	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;*/ 
}