/********************************/
/* réalisation: Nicolas Berger  */
/* graphisme: Amélia Smoniewsky */
/********************************/

/************************/
/*  ORDRES DES SYTLES   */
/************************/

/************************/
/*     - width          */
/*     - height         */
/*     - clear          */
/*     - flot           */
/*     - position       */
/*     - margin         */
/*     - padding        */
/*     - liste          */
/*     - background     */
/*     - font           */
/*     - color          */
/************************/

/*******************************************************************/
/*                    FEUILLE DE STYLE STANDARD                    */
/*******************************************************************/

/*********************************************************/
/*                    STYLES GENERAUX                    */
/*********************************************************/

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background-color: #FFF;
	background-image: url(img/background.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #665b39;
}

a {
	text-decoration: none;
}

li {
	list-style-type: none;
}


/***************************************************/
/*                    CONTAINERS                   */
/***************************************************/

#main {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 50px;
	background-color: none;
}

#head {
	height: 58px;
	background-image: url(img/background_head.png);
}
	
#wrapper {
	height: 480px;
}

#navig {
	width: 200px;
	height: 445px;
	max-width: 200px;
	float: left;
	background-image: url(img/background_navig_banner_bottom.png);	
}

#content {
	width: 700px;
	height: 445px;
	float: right;
	background-color:#FFF;
}

#banner_bottom {
	weight: 100%;
	height: 35px;
	clear: both;
	background-image: url(img/background_navig_banner_bottom.png);
}


/**********************************************/
/*                    HEAD                    */
/**********************************************/


h1 {
	margin: 0px 25px 3px 0;
	padding: 8px 0px 0px 0px;
	font-size: 33px;
	font-weight:normal;
	text-align:right;
	color: #665b39;
		
}

#logo_deco {
	position:absolute;
	padding: 250px 0px 10px 500px;
	

}



/****************************************************/
/*                    NAVIGATION                    */
/****************************************************/

#navig a {
	font-size: 17px;
	font-weight: normal;
	color: #665b39;
}

#navig a:hover {
	color:#999999;
}

#navig ul {
	margin: 47px 0 0 25px;
}

#navig li {
	margin: 10px 0 10px 0;
}

#navig a.active {
	color:#999999;
}



/*********************************************************/
/*                    CONTENT GENERAL                    */
/*********************************************************/

h2 {
	margin: 15px 0 10px 15px;
	font-size:18px;
	font-weight: normal;
}

h3 {
	margin: 15px 0 8px 15px;
	font-weight:normal;
}

#content p {
	width: 650px;
	margin: 0 0 10px 16px;
	font-size: 13px;
}

#content a, #banner_bottom a {
	color: #665b39;
}

#content a:hover, #banner_bottom a:hover {
	color: #777;
}

#content li {
	list-style-type: square;}


/*******************************************************/
/*                    BANNER BOTTOM                    */
/*******************************************************/


#banner_bottom ul.navig_sec{
	clear: both;
	position: relative;
	bottom: 30px;
	left: 200px;
	margin: 10px 0 0 45px;
}

#banner_bottom ul.navig_sec li {
	display: inline;
	margin-right: 20px;
	list-style-type: none;
}

#banner_bottom ul.navig_sec li a{
	font-size: 12px;
	font-weight: bold;
	color:#666666;
}


/******************************************************/
/*                    CONTENT HOME                    */
/******************************************************/

#content.home {
	background-image: url(img/brindille.jpg);
}

#content em {
	margin-left: 35px;
}

.adresse {
	margin: 10px 0 0 125px;
}

#content.home ul {
	margin: 2px 0 3px 0;
}

#content.home li{
	list-style-type: none;
}

#content.home em.signature {
	margin-left: 430px;
}


li.mail {
	margin-top: 5px;
}

li.mail a {
	font-size: 12px;
	font-weight: bold;
}

/**************************************************************/
/*                     CONTENT PRESENTATION                   */
/**************************************************************/

#content.present {
	background-image:url(img/presentation.jpg);	
	}
	
#content.present p.moyens_tech {
	width: 345px;
	}


/**************************************************************/
/*                     CONTENT AMENAGEMENTS                   */
/**************************************************************/

#content.amenage {
	background-image: url(img/amenagement.jpg);
	}
	
#content.amenage p.moyens_tech {
	width: 400px;
	}

#content ul.amenagements {
	margin-left: 45px;
}

#content ul.amenagements li {
	margin-bottom: 2px;
}



/***********************************************************/
/*                    CONTENT ENTRETIEN                    */
/***********************************************************/
#content.entretien {
	background-image: url(img/entretien.jpg);
}

#content ul.entretien_liste {
	width: 400px;
	margin-left: 45px;
}

#content ul.entretien_liste li {
	margin-bottom: 2px;
}


/*********************************************************************/
/*                    CONTENT PISCINES NATURELLES                    */
/*********************************************************************/

#content.piscine_nat {
	background-image: url(img/piscines_naturelles.jpg);
	}

#content ul.piscine_nat_liste {
	margin: 30px 0 0 45px;
}

#content ul.piscine_nat_liste li {
	margin-bottom: 2px;
	font-weight: normal;
	font-size: 12px;
}


/**************************************************************************/
/*                    CONTENT PISCINES NATURELLES DESC                    */
/**************************************************************************/

#content.piscine_nat_desc {
	background-image: url(img/piscines_desc.jpg);
	}

#content ul.piscine_nat_desc_liste {
	margin-left: 45px;
}

#content ul.piscine_nat_desc_liste li {
	margin-bottom: 2px;
}


/*******************************************************/
/*                    CONTENT LIENS                    */
/*******************************************************/
#content.liens {
	background-image: url(img/lien.jpg);
	}

#content.liens ul.liens_liste {
	width: 400px;
	margin-left: 15px;
}

#content.liens ul.liens_liste li {
	margin-bottom: 5px;
	list-style-type: none;
	color:#666666;
}


/***************************************************************/
/*                    CONTENT GALERIE PHOTO                    */
/***************************************************************/
#photo {
	width: 600px;;
	margin-left: 45px;
	}

#photo.galerie img {
	float:left;
	margin: 0 12px 0 12px;
}



#photo.galerie img:hover {
	opacity: 0.5;
}

#photo.visuel {
	margin-top: 8px;
}