/*------------------------------------------------------*
  *-----------------------------------     CSS DECO     ----*
  *------------------------------------------------------*/


body {
	text-align:center;
	padding: 0;
	border:0;
	margin: 0;
	font-family: helvetica;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/deco/bg.gif);
	background-repeat: repeat-y;
}

#home{
	margin-top: 80px;
	margin-left: 10px;
	width: 1052px;

}
#global{
	margin-top: 10px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:10px 0;
	width:980px;
	text-align: center;
	color: #FFF;
}

#footer ul{
	list-style: none;
}
#footer li{
	display: inline;
	color:#CCC;
}

#footer a{
	color:#CCC;
	margin: 0;
	padding: 0 5px 0 0;
	text-decoration:none;
}
#footer a:hover{
	color:#999;
}
#haut{
	width: 800px;
	}
	
	
#menu{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	float:left;
	width: 252px;
	padding-bottom: 30px;
	}
	
#centre{
	float:left;



	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	width: 542px;
	text-align: justify;
	line-height:18px;
	background-color: #E0EBF5;
	color: #22456C;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 2px;
	border: 1px outset #22456C;
	}
	
#droite{
	float:left;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;;
	width:100%;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 30px;
	text-align: justify;
	line-height:18px;
	}
		
#centrebis{
	float:left;
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	padding-top: 50px;
	padding-left: 40px;
	width: 540px;
	padding-bottom: 50px;
	text-align: justify;
	line-height:18px;
	}
	

#bas{
	clear:both;
	box-sizing: border-box;

	-moz-box-sizing: padding-box;
	padding: 0px;
	height: 13px;
	width:100%;
	left:0px;
	background-image: url(../images/deco/bas.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin-top: 10px;
	}
	
#rotator1 {
float:right;
margin-left:5px;}
	

 /*------------------------------------------------------*
  *-----------------------------------     CSS TEXT     ----*
  *------------------------------------------------------*/

h1
{
	color:#fff;
	font-family: helvetica;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.highlight
{
	color:#22456C;
	font-family: helvetica;
	font-size: 12px;
	line-height: 17px;
	font-weight: 600;
}
.pied
{
	color:#22456C;
	font-family: helvetica;
	font-size: 10px;
	text-align:center;
}

.pied a
{
	color:#22456C;
	font-family: helvetica;
	font-size: 10px;
	text-decoration: none;
}

.pied a:hover
{
	color:#22456C;
	font-family: helvetica;
	font-size: 10px;
	text-decoration: underline;
}


li {
	list-style-image: url(../images/deco/puce.gif);
}


 /*------------------------------------------------------*
  *-----------------------------------     CSS LIEN     ----*
  *------------------------------------------------------*/
  
  
body#presentation a#presentation, body#piscines a#piscines, body#terrasses a#terrasses, body#contact a#contact{
	color:#9EADD6;
	padding-bottom: 4px;
	background-image: url(../images/deco/on.gif);
	background-repeat: no-repeat;
   }
     
a.menu{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	text-decoration: none;
	display:block;
	height: 35px;
	width:100%;
	font-family: helvetica;
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 35px;
	background-image: url(../images/deco/off.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
	}
	

a.menu:hover{
	color:#FFFFFF;
	padding-bottom: 4px;
	background-image: url(../images/deco/on.gif);
	
}

a.lien{
	font-family: helvetica;
	font-size: 12px;
	color: #22456C;
	}


a.lien:hover{
	text-decoration: underline overline;
}

a.lien_plan
{
	color:#FFFFFF;
	text-decoration:none;
	font-family: helvetica;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 2px;
	text-align: right;
	background-color: #22456C;
}
a.lien_plan:hover{
	color:#9EADD6;
}

a.retour{
	font-family: helvetica;
	font-size: 11px;
	text-decoration:none;
	color: #996600;
	}
	
a.retour:hover{
	text-decoration:underline;
}


#cadre_plan {
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	BACKGROUND-POSITION: left top;
	BACKGROUND-REPEAT: repeat-y;
	padding-top: 15px;	
	padding-left: 15px;
	text-align: justify;
	color: #3C3C3C;
}

a.fiche
{
	color:#9AAAD3;
	text-decoration:none;
	font-family: helvetica;
	font-size: 11px;
	letter-spacing:1;
	font-weight: bold;
	text-transform: uppercase;	
}
a.fiche:hover{
	color:#FFFFFF;
}