@charset "iso-8859-1";

body { font-family: arial,helvetica,sans-serif;
	 color:#000099;
	 font-size:10pt;background: #660000 url(arriere_plan_index.jpg) no-repeat top left;
	  }
td { font-family: arial,helvetica,sans-serif;
	 color:#000099;
	 font-size:10pt;
	  }

a:hover {font-size:11px;text-decoration:overline underline;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
a:link {font-size:11px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
a:visited {font-size:11px;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
a:active {font-size:11px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
#index{
	position:relative;
	top: 2px;
	margin: 0 auto;
	width:800px;text-align:center;
	}  
#container {
	position:relative;
	background: url(arriere_plan_store2.gif) no-repeat top left;
	height:600px;
	top:0px;
	width:800px;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
#container2 {
	position:relative;
	background: url(arriere_plan_store2.gif) no-repeat top left;
	height:710px;
	top:0px;
	width:800px;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;}

#flash  {position:absolute; 
		font-family: arial,helvetica,sans-serif;
		top:0px;
	left:0px;
	 color:#000099;
	 font-size:10pt;
	 text-align:center;
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
	 z-index:10;
	  }

#terrasse {height:340px;
width:790px;
position:relative;
top:95px;text-align:left;
left:2px;
	padding: 0 0 0 0; margin: 0 0 0 0;
	}
	
#ancienspan {
height:190px;
width:380px;
position:absolute;
top:0px;
left:380px;z-index:2;
}


#terrasse_index {height:340px;
width:770px;
position:relative;
top:95px;text-align:center;
left:-200px;
	padding: 0 0 0 0; margin: 0 0 0 0;
	}
#terrasse_index span {
height:370px;
width:320px;
position:relative;
top:20px;
left:380px;z-index:9;
}

#photos {height:340px;
width:770px;
position:absolute;
top:50px;text-align:left;
left:12px;
	padding: 0 0 0 0; margin: 0 0 0 0;
	}
#photos_index {height:340px;
width:770px;
position:absolute;
top:30px;text-align:left;
left:220px;
padding: 0 0 0 0; margin: 0 0 0 0;z-index:1;
	}
	
#photos_index span {
height:370px;
width:400px;
position:relative;font-weight:bold;
top:22px;
left:30px;
}
#montage {height:340px;
width:500px;
position:absolute;
top:10px;text-align:left;
left:212px;
	padding: 0 0 0 0; margin: 0 0 0 0;
	}


	/* début des styles des pages dimensions de terrasses */
	
#terrasse_simple {height:340px;
width:790px;
position:relative;
top:105px;text-align:left;
left:2px;
	padding: 0 0 0 0; margin: 0 0 0 0;
	}
#dimensions table 
{height:340px;
width:500px;
position:absolute;
top:45px;text-align:left;
left:2px;
	padding: 0 0 0 0; margin: 0 0 0 0;border-color:#660000;
	border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:solid;
	}

	
#dimensions td 
{padding: 0 0 0 0; margin: 0 0 0 0;
font-family: arial,helvetica,sans-serif;
	 color:#000099;
	 font-size:10pt;
	}
#dimensions th 
{padding: 0 0 0 0; margin: 0 0 0 0;
font-family: arial,helvetica,sans-serif;
	 color:#ffffff;
	 font-size:10pt;background: url(degrade.jpg) no-repeat top left;	
	}	

#accueil_droite  {height:450px;
width:410px;
position:absolute;
top:140px;text-align:left;
left:380px;
	padding: 0 0 0 0; margin: 0 0 0 0;border-color:#660000;
	border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:solid;
	}
	
#accueil 
{height:450px;
width:365px;
position:absolute;
top:19px;text-align:left;
left:2px;
	padding: 0 0 0 0; margin: 0 0 0 0;border-color:#660000;
	border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:solid;
	}
#accessoires table 
{height:538px;
width:390px;
position:absolute;
top:20px;text-align:left;
left:2px;height:565px;
	padding: 0 0 0 0; margin: 0 0 0 0;border-color:#660000;
	border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:solid;
	}
	
#accessoires_droite table {height:538px;
width:390px;
	position:absolute;height:565px;
	top:140px;
	left:397px;padding: 0 0 0 0;
	margin: 0 0 0 0;text-align:left;z-index:4;border-color:#660000;
	border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:solid;
}	


#terrasse_simple span {
height:370px;
width:400px;
position:relative;font-weight:bold;
top:22px;
left:30px;z-index:9;
}
#texte {
	position:absolute;
	top:100px;
	left:500px;padding: 0 0 0 0;
	margin: 0 0 0 0;text-align:left;z-index:4;
}	
#texte li  {
font-family: arial,helvetica,sans-serif;
	 color:#000099;
	 font-size:10pt;line-height:18px;
padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#texte ul{
font-family: arial,helvetica,sans-serif;
	 color:#000099;
	 font-size:10pt;
list-style-type: square;
}
	/* fin des styles des pages dimensions de terrasses */
#menu{text-align:left;
	position:absolute;
	top: 55px;
	left:163px;
	width:640px;
	}
#menu li  {
font: bold 1em Georgia, Times, serif;
display: inline;margin: 0 7px;
}

#menu ul {
margin: 0;
padding: 0;
font: bold 1em Georgia, Times, serif;
list-style-type: none;
}

.formulaire {background-color:#660000;color:#ffffff;}

#menu a:hover {font-size:10pt;text-decoration:overline underline;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
#menu a:link {font-size:10pt;text-decoration:underline;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
#menu a:visited {font-size:10pt;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
#menu a:active {font-size:10pt;text-decoration:underline;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#0066CC;}
	

#sousmenu1   {font: bold 1em Georgia, Times, serif;
			margin : 0 0 0 0;
			visibility: hidden; 
			position: absolute;
			top:74px;
			left:250px;
			background-color:#ffffcc;
			height:80px;text-align:left;width:220px;z-index:3;
}

#sousmenu1 li  {color:white;
	font:  1em Verdana, Times, serif;
	margin: 0 2px;

	}

#sousmenu1 ul {
	margin: 0;
	padding: 0;
	font:  1em Verdana,  Times, serif;
	}
	
#sousmenu2   {font: bold 1em Georgia, Times, serif;
			margin: 0 8px;
			visibility: hidden; 
			position: absolute;
			top:74px;
			left:330px;
			background-color:#ffffcc;
			height:60px;width:200px;text-align:left;z-index:3;
}

#sousmenu2 li   {color:white;
	font:  1em Verdana, Times, serif;
	margin: 0 2px;

	}

#sousmenu2 ul {
	margin: 0;
	padding: 0;
	font:  1em Verdana,  Times, serif;
	}
	
#sousmenu3   {font: bold 1em Georgia, Times, serif;
			margin : 0 0 0 0;
			visibility: hidden; 
			position: absolute;
			top:74px;
			left:550px;
			background-color:#ffffcc;
			height:79px;text-align:left;width:250px;z-index:9;
}

#sousmenu3 li  {color:white;
	font:  1em Verdana, Times, serif;
	margin: 0 2px;

	}

#sousmenu3 ul {
	margin: 0;
	padding: 0;
	font:  1em Verdana,  Times, serif;
	}
a.sousmenu:link {
    color:#0066CC;
		text-decoration:none;font-family: verdana,arial,helvetica,sans-serif;font-size:8pt;
    }
a.sousmenu:visited {
     color:#660000;
		text-decoration:none;font-family: verdana,arial,helvetica,sans-serif;font-size:8pt;
    }
a.sousmenu:hover {
      color:#660000;
		text-decoration:none;font-family: verdana,arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;
    }
a.sousmenu:active {
     color:#660000;
		text-decoration:none;font-family: verdana,arial,helvetica,sans-serif;font-size:8pt;
    }
	
	
#logo {
	position:absolute;
	top: 5px;
	left:5px;padding: 0 0 0 0;
	margin: 0 0 0 0;text-align:left;
}
#arguments {
	position:absolute;
	top: 420px;
	left:40px;padding: 0 0 0 0;
	margin: 0 0 0 0;text-align:center;z-index:4;font-variant:small-caps;
}
#transat {
	position:absolute;
	top: 450px;
	left:0px;padding: 0 0 0 0;
	margin: 0 0 0 0;text-align:left;z-index:4;
}



#parasol {
	position:absolute;
	top: 455px;
	left:590px;padding: 0 0 0 0;
	margin: 0 0 0 0;text-align:left;z-index:4;
}
#footer{position:absolute;
	top: 600px;
	left:0px;width:800px;
padding-left:0px;background:url("footer_fd2.jpg") repeat-x top center;
text-align:center;font-size:9px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#000099;
}
#footer2{position:absolute;
	top: 710px;
	left:0px;width:800px;
padding-left:0px;background:url("footer_fd2.jpg") repeat-x top center;
text-align:center;font-size:10px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#000099;
}
#kalea {position:absolute;
	top: 710px;
	left:0px;width:130px;
padding-left:10px;
font-size:10px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#ffffff;
}


a.kalea:hover {font-size:9px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#f7e7e7;}
a.kalea:link {font-size:9px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#f7e7e7;}
a.kalea:visited {font-size:9px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#f7e7e7;}
a.kalea:active {font-size:9px;text-decoration:none;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#f7e7e7;}
.legende {font-size:10px;
	font-family: verdana,helvetica,sans-serif,arial;
	color:#000099;
}
#parasolpetit {
	position:absolute;
	top: 465px;
	left:680px;padding: 0 0 0 0;
	margin: 0 0 0 0;text-align:left;z-index:4;
}
#nuancier table {height:417px;
						width:760px;
		position:absolute;
		top:40px;text-align:left;
		left:2px;
	padding: 0 0 0 0; margin: 0 0 0 0;border-color:#660000;
	
	border-top:2px;border-right:2px;border-bottom:2px;border-left:2px;border-style:none;
	}
#nuancier td {font-size:10px;font-style:verdana,helvetica,sans-serif,arial;}