@charset "utf-8";
/* CSS Document */
html{height:100%;}
body {
	background-image:url(../../ressources/bg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	margin:0 0 0 0;
	color:#000000;
	font:13px "Trebuchet MS", Verdana, Arial; 
	text-align:left;
	height:100%;
}
/* /////////////////////////////////////////////// LIENS */
a { color:#ffffff; text-decoration:none; }
a:hover { color:#122e14; text-decoration:none; }
a img { border:0;}

/* /////////////////////////////////////////////// TITRES */
h1{ color:#feba00;	font-weight:bold;	font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; padding-left:3px; }
h2{ color:#122e14;	font-weight:bold;	font:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:15px; padding-left:3px; }
h3{ color:#feba00;	font-weight:bold;	font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; padding-left:3px; }

.contenu_principal{
	float:left;
	width:980px; 
	background-color:#FFFFFF;
}
.mot_important{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
}
/* /////////////////////////////////////////////// LIENS EN TETE */
.header_liens{

	float:left;
	color:#FFFFFF;
	width:980px; 
	background-color:#ffba00; 
	height:20px;
	font-weight:bold;
	text-align:center;
}
.header_liens a {color:#FFFFFF; text-decoration:none;}
.header_liens a:hover { color:#122e14; text-decoration:none; }

/* /////////////////////////////////////////////// LIENS FOOTER */
.footer_liens{
	float:left;
	width:980px;
	background-color:#ffba00; 
	margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;
	color:#122e14;
}
.footer_liens a {font-size:11px; color:#122e14; text-decoration:none; line-height:12px; font-weight:bold;}
.footer_liens a:hover { color:#FFFFFF; text-decoration:none; line-height:12px; }
.footer_liens h1 {color:#FFFFFF; font-size:12px; font-weight:bold; line-height:5px;}

/* /////////////////////////////////////////////// COTES SITE WEB OMBRAGE*/
.cote_gauche{
	background-image:url(../cote_gauche.png);
	background-repeat:repeat-y;
	width:28px;
}
.cote_droit{
	background-image:url(../cote_droit.png); 
	background-repeat:repeat-y;
	width:28px;
}

/* /////////////////////////////////////////////// TITRE DIV */
.titre{
	height:30px;
	background-color:#122e14;
	color:#feba00;
	padding:5px 2px 5px 3px;
}
.titre h1{
	color:#feba00;
	font:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	line-height:0px;
	padding:0px;
	padding-left:5px;
}
.titre h1 .blanc{
	color:#FFFFFF;
}
/* /////////////////////////////////////////////// TITRE DIV */
.titre_bleu{
	height:30px;
	background-color:#c7c429;
	color:#feba00;
	padding:3px 2px 5px 3px;
}
.titre_bleu h1{
	color:#344149;
	font:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	line-height:0px;
	padding:0px;
}
.titre_bleu h1 .blanc{
	color:#FFFFFF;
}
/*///////////////////////POUR NEWS///////////////////////*/

.news_accueil{
	padding:2px 3px 3px 3px;
	color:#000000;
}
.news_accueil h2 {
	color:#feba00;
	font:"Trebuchet MS", Verdana, Arial;
	font-size:15px;
}
.news_accueil h3 {
	color:#000000;
	font:"Trebuchet MS", Verdana, Arial;
	font-size:13px;
	line-height:3px;
}
.news_accueil img {
	width:255px;
	height:170px;
	border:#f89e1b 3px solid;
}
.news_accueil  a{
	text-align:left;
	color:#feba00;
}
.news_accueil  a:hover{
	color:#666666;
}
.news_accueil p  {
	text-align:justify;
	padding:0px;
	margin:0	
}
.news_accueil p  a{
	text-align:left;
	color:#f89e1b;
}
.news_accueil p  a:hover{
	color:#666666;
}
/* /////////////////////////////////////////////// TITRE DIV */
.div_ligne{
	width:980px;
	float:left;
	background-color:#FFFFFF;
}
.div_individuel{
	width:490px;
	float:left;
	background-color:#FFFFFF;
	height:400px;
}
.div_individuel p{
	padding:5px;
	text-align:justify;
	background-color:#FFFFFF;
}
/*//////////////////////////////////////////////*/
.div_ligne_piscine{
	width:980px;
	float:left;
	background-color:#344149;
}
.div_ligne_piscine p{
	color:#FFFFFF;
}
.div_ligne_piscine h2{
	color:#c7c429;
}
/*////////////////////////////////////////////////*/
#Table_01 {
float:left;
	width:980px;
	height:363px;
}

#accueil-bas-01_ {
	float:left;
	left:0px;
	top:0px;
	width:980px;
	height:134px;
}

#gazon-artificiel-perpignan_ {
	float:left;
	left:0px;
	top:134px;
	width:485px;
	height:229px;
}

#accueil-bas-03_ {
	float:left;
	left:485px;
	top:134px;
	width:10px;
	height:229px;
}

#abri-piscine-pyrenees-orientales_ {
	float:left;
	left:495px;
	top:134px;
	width:485px;
	height:229px;
}

/*//////////////////////////////////////////*/
#Table_02 {
	float:left;
	width:980px;
	height:361px;
}

#gazon-01_ {
	float:left;
	width:980px;
	height:134px;
}

#gazon-02_ {
	float:left;
	width:490px;
	height:227px;
}

#gazon-03_ {
	float:left;
	width:490px;
	height:227px;
	background-color:#FFFFFF;
}
/*//////////////////////////////////////////////*/
#haut_page_gazon {
	float:left;
	width:980px;
	height:377px;
}

#abri-piscine-66-01 {
	float:left;
	width:980px;
	height:134px;
}

#abri-piscine-66-02 {
	float:left;
	width:554px;
	height:243px;
}

#abri-piscine-66-03 {
	float:left;
	width:420px;
	height:237px;
	background-color:#344149;
	padding:3px;
}
#abri-piscine-66-03 p{
	color:#FFFFFF;
	text-align:justify;
	font-size:13px;
}
#abri-piscine-66-03 h2{
	color:#c7c429;
}
/*//////////////////////////////////////////////*/
.div_ligne_colonne{
	width:960px;
	float:left;
	padding:5px 5px 5px 15px;
	background-color:#FFFFFF;	
}
.colonne{
	float:left;
	width:180px;
	height:360px;
	padding:5px;
	margin:0px;
}
.colonne p{
	padding:5px;
	text-align:justify;
}
.colonne h2{
	margin:0px
}
.colonne h3{
	margin:0px 0px 0px 5px;
	color:#122e14;;
}
/*//////////////////////////////////////////////*/
.planete{
	float:left;
	width:490px;
	margin:0px;
	height:240px;
}
.planete .mot_important{
	font-size:20px;
	color:#feba00;
}
/*//////////////////////////////////////////////*/
.test_gazon_gauche{
	float:left;
	width:390px;
	margin:0px;
	height:205px;
}
.test_gazon_droite{
	float:left;
	width:590px;
	margin:0px;
	height:205px;
}
.test_gazon_droite p{
	padding:3px 5px 3px 3px;
}
/*//////////////////////////////////////////////*/
div#diaporama{
	float:left;
	width:509px;
	margin:0px;
	height:540px;
}
div#diaporama_droite{
	float:left;
	width:471px;
	margin:0px;
	height:540px;
}