/*--------------------------------------
        Mise en Page piscines du soleil
       Source : www.piscines-soleil.com 
      Copyright : Com and Sites 2009
--------------------------------------*/
/*------ Common --*/
body{
	font-size:75%;
	background:#99ccff url(images/fond_banniere.jpg) repeat-x top left;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size:75%;
	padding: 0px;
	text-align: center;
}

img{
  border:0px;
}
ul, li{
  margin:0; 
  padding:0;  
}
a{
  color:#333399;
  font-weight:bold;
}
a:hover, a:focus{
  background-color:#ffffff;
}

.bold{
 font-weight:bold;
}

p.info{
 font-weight:bold;
 color:#333399;
}

.area{
position: relative;
height:250px;
margin:0;
}
.passage{
background:#333399;
}

/*------ Structure ---*/


#all {
  margin-top:0px;
  margin-left: auto;
  margin-right: auto; 
	background:#66ccff url(images/fond_contenu.gif);
	width: 850px;
	text-align: left;
}



#header {
  margin-top:-12px;
  left:0;
	height:268px;
	background:#ffffff url(images/banniere.jpg) no-repeat center;
  z-index:1;
}


#left {
  float:left;
	position:relative;
	width: 175px;
	margin:10px 0 0 0;
	border-right: solid 3px #ffffff;
	border-bottom: solid 3px #ffffff;
	color:#003399; 
	-moz-border-radius : 20px;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #666;
	text-align: right;
	padding-right:10px;
}

#prelude a{
font-size:85%;
color: #333399;
background: transparent;
}

#prelude a:hover{
	color:#fffff0;
	background: transparent;
}

/*------ menu---*/

#menu,#menu2 {
   position:relative;
	 word-spacing:-2px;
	
}

#menu2 {
	margin:20px 10px 10px 10px;
	line-height:200%;
	font-size:90%;
	padding:5px;
	background:#6699cc url(images/fond_actu.jpg);
	-moz-border-radius : 10px;
	border:solid 1px #ffffff;  
}

ul.menu {
list-style-type: none;
} 

ul.menu li {
margin: 0 0 5px 5px;
background: url(images/puce.gif) no-repeat left ;
}

ul.menu li:hover {
 background: url(images/puce2.gif) no-repeat left ;
}

ul.menu a {
     width: 146px;
		 padding:6px 0 6px 27px; 
     display: block;
		 font-size:120%;
     font-weight:bold;
     text-decoration: none;
		 border-bottom:solid 1px #ffffff;
     color:#003399;
	 }
	 
ul.menu a:hover {
		position:relative;
		font-style:bold;
		background:transparent;
     }


#right {
	float: right;
	width: 300px;
	margin: 20px 20px 0 0;
	padding: 0 3px 10px 3px;
	border: solid 1px #ffffff;
	-moz-border-radius : 10px;
	background:#6699cc url(images/fond_actu.jpg);
	font-size:95%;
	color:#ffffff;
	
}

#right-piscine {
	float: right;
	width: 230px;
	margin: 20px 10px 0 0;
	padding: 0 3px 10px 3px;
	border: solid 1px #ffffff;
	-moz-border-radius : 10px;
	background:#6699cc url(images/fond_actu.jpg);
	font-size:98%;
	color:#ffffff;
	text-align:justify;
	
}


#right img,#right-piscine img{
	float: left;
	position:relative;
	margin:0 0 0 0px;
	padding:5px 5px 5px 5px;
	z-index:2;
}

#right p,#right-piscine p,{
  line-height:1em;
	text-align: justify;
}

#right a.info,#right-piscine a.info{
 display:block;
 float:right;
 color:#000000;
 font-size:80%;
}

a.info{
 display:block;
 float:right;
 font-size:80%;
 color:#333399;

}

a.info+p{
margin:3em 0em 0em 0em;
}

#right a.info:hover,#right a.info:focus,#right-piscine a.info:hover,#right-piscine a.info:focus{
color:#333399;
}

#tactu,#tactu2{
width:300px;
height:31px;
text-align:center;
border-bottom: solid 1px #ffffff;
	
}
#tactu2{
width:220px;
height:31px;
text-align:center;
border-bottom: solid 1px #ffffff;
font-size:120%;
	
}



#tnews{
width:140px;
height:20px;
border-bottom: solid 1px #ffffff;
text-align:center;
}

#contenu {
	min-height: 400px;
	margin: 0px 350px 0 190px;
	padding:0 5px 5px 5px;
	text-align: justify;
	color:#ffffff;
}


#contenu-piscines {
position:relative;
  width:670px;
	min-height: 400px;
	margin: 0px 250px 0 180px;
	padding:0 5px 5px 5px;
	text-align: justify;
	color:#ffffff;
}

.description {
	
	padding:0 5px 5px 0px;
	font-size:90%;
	text-align: justify;
}



#contenu h1,#contenu-piscines h1{
font-size:120%;
	color:#ffffff;
}

#texte {
position: relative;
padding: 0 0 10px 10px;
color:#333399;
border: solid 1px #333399;
-moz-border-radius : 20px;
margin:0 0px 0px 0px;
background:#ffffff url(images/bulles.gif) no-repeat top;

}

#texte-photo {
float: left;
width:400px;
padding: 0 0 10px 10px;
color:#333399;
background-color:#ffffff;
margin:0 0px 0px 0px;
border: solid 1px #333399;
-moz-border-radius : 20px;

}

	

#texte-photo object{
  margin-top:7px;
  margin-left:-5px;
	z-index:1;
	}
#texte h2{
color:#333399;
padding:0px 60px 0px 0px;
text-align: center;

}

h3.ttexte{
font-size:95%;
border-bottom:solid 1px #333399;
}
h4.ttexte{
font-size:95%;
}

h3.tpartenaire{
font-size:97%;
padding-left:10px;
border-bottom:solid 1px #333399;
}

ul.partenaire{
list-style:square;
padding-left:20px;

}
ul.liste,ul.liste2{
list-style:disc url(images/puce3.gif)inside;
padding-left:20px;
padding-right:5px;

}

ul.liste3{
list-style:disc url(images/puce4.gif)inside;
padding-left:15px;
padding-right:5px;


}

ul.liste li,ul.liste3 li{
padding-bottom:10px;
}

ul.liste2{
list-style:disc inside;
font-weight:normal;
}
ul.liste2 li{
padding-bottom:5px;
font-weight:normal;
}



#texte p,#texte-photo p,#texte-photo h4{
padding: 0 5px 0 5px;
text-align:justify;
}

#texte img{
float:left;
padding:0 10px 0px 0;
}

.plan{
margin-top:15px;
margin-left:-5px;
}




/*------ Pop Up -----*/
#popup, #popup2{
 position:absolute;
 width:25em;
 height:20em;
 top:10%;
 left:30%;
 color:#003399;
 border:5px solid #99ccff;
 background:#6699cc url(images/fond_popup.jpg);
 z-index:5;
 text-align:left;
 padding:0 5px 0 5px;
}

#popup2{
width:400px;
 height:400px;
 padding:15px 5px 0 5px;
 text-align:center;
 background:#ffffff;
}



a#close {
  position:absolute;
width:27px;
 height:28px;
  top:2px;
  right:2px;
	 background:#6699cc url(images/close.jpg);
}
a#close:hover {
  position:absolute;
width:27px;
 height:28px;
  top:2px;
  right:2px;
	 background:#6699cc url(images/close2.jpg);
}

a#closephoto {
  position:absolute;
width:27px;
 height:28px;
  top:2px;
  right:2px;
	 background:#6699cc url(images/closephoto.gif);
}
a#closephoto:hover {
  position:absolute;
width:27px;
 height:28px;
  top:2px;
  right:2px;
	 background:#6699cc url(images/closephoto2.gif);
}

/*------ piscines -----*/


	
	/*------ Divers -----*/
	


.adaptive{
  position:absolute;
 	left:0px;
 	top:-1000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

#separateur {
  clear: both;
	margin-top:1em;
	}
	
#footer {
 position:relative;
	 background:#0066cc url(images/fond_footer.gif);
	margin-top:20px;
	padding:5px; 
	}
	

.addr{
  font-size:11px;
  text-align:right;
	font-style:normal;
	font-weight:bold;
	color:#003399;
}

.signature{
  text-align:right;
	font-size:10px;
	font-style:normal;
	color:#003399;
}
.signature a{
  color:#003399;
}
.signature a:hover{
background:transparent;
	color:#ffffff;
}

/*------ formulaire news letter -----*/

.formulaire{
text-align:justify;
}

.champsmail, .submit, .submit2{
  color:#333399;
	font-weight:bold;
	border:0;
	background:#ffffff;
}

.submit2{
  text-align:center;
}
 h4.petit{
 font-weight:normal;
 }
.submit:hover{
  color:#ffffff;
	font-size:98%;
	background:transparent;
	border:1px solid #99ccff;
}



.champs{
width:100px;
color:#0066cc;
  background-color:#000000;
}

/*------ div hidden-----*/
	
#cache{
position:absolute;
visibility:hidden;
margin-top:-10000px;
}