/**************************************************************
   AUTHOR:    Webjuice sagl (webjuice.ch) - info@webjuice.ch
   DATE:      2008.11.08
   PURPOSE:   Styles for the layout
   CUSTOMER:  PIERRE & LOISIRS
 **************************************************************/
#wrapper {
	width:956px;
	margin: auto;
}
#colonleft,  
#colonright {
	width:10px;
	background-repeat: no-repeat;
	height: 582px;
}
#colonleft {
	background-image: url(../graphics/bg_left.jpg);
	float: left;
}
#colonright {
	background-image: url(../graphics/bg_right.jpg);
	float: right;	
}
#wrappermid {
	background-color: #FFFFFF;
	background-image: url(../graphics/bg_top.jpg);	
	background-repeat: repeat-x;	
	float: left;	
	border: 0px;
	border-left: #CDD6DC solid 1px;
	width:935px;	
	padding-top: 3px;
	position: relative;		
}
#wrappernav {
	background-image: url(../graphics/pierreloisirs.jpg);	
	background-repeat: no-repeat;	
	width:925px;
	height: 176px;
}
#lang {
	width: 42px;
	height: 18px;	
	position:relative;
	z-index:10;
	left:883px;
	top:0px;	
}
#menu {
	position:absolute;
	z-index:10;	
	background-repeat: no-repeat;	
	display: block;	
}
#menu a:link, #menu a:hover, #menu a:visited{
	width: 123px;
	height: 46px;	
	background-repeat: no-repeat;	
	display: block;
}
.menu1 {
	left: 0px;
	top: 130px;	
}
.menu1 a:link, .menu1 a:visited {
	background-image: url(../graphics/fr/menu1.jpg);	
}
.menu1 a:hover {
	background-image: url(../graphics/fr/menu1_f2.jpg);	
}
.menu2 {
	left: 133px;
	top: 116px;	
}
.menu2 a:link, .menu2 a:visited {
	background-image: url(../graphics/fr/menu2.jpg);	
}
.menu2 a:hover {
	background-image: url(../graphics/fr/menu2_f2.jpg);	
}
.menu3 {
	left: 274px; 
	top: 111px;	
}
.menu3 a:link, .menu3 a:visited {
	background-image: url(../graphics/fr/menu3.jpg);	
}
.menu3 a:hover {
	background-image: url(../graphics/fr/menu3_f2.jpg);	
}
.menu4 {
	left: 412px;
	top: 102px;	
}
.menu4 a:link, .menu4 a:visited {
	background-image: url(../graphics/fr/menu4.jpg);	
}
.menu4 a:hover {
	background-image: url(../graphics/fr/menu4_f2.jpg);	
}
.menu5 {
	left: 566px;
	top: 102px;	
}
.menu5 a:link, .menu5 a:visited {
	background-image: url(../graphics/fr/menu5.jpg);	
}
.menu5 a:hover {
	background-image: url(../graphics/fr/menu5_f2.jpg);	
}
.menu6 {
	width: 113px;
	left: 689px;
	top: 116px;	
}
.menu6 a:link, .menu6 a:visited {
	background-image: url(../graphics/fr/menu6.jpg);	
}
.menu6 a:hover {
	background-image: url(../graphics/fr/menu6_f2.jpg);	
}
.menu7 {
	left: 802px;
	top: 130px;	
}
.menu7 a:link, .menu7 a:visited {
	background-image: url(../graphics/fr/menu7.jpg);	
}
.menu7 a:hover {
	background-image: url(../graphics/fr/menu7_f2.jpg);	
}
/**************************************************************
COLON
**************************************************************/
#blucolon {
	margin-left: 10px;
	margin-right: 10px;
	padding-top:11px; 
}
#blucolon p{
	padding-bottom: 4px;
	margin-bottom: 0px;		
}
.big {
	width: 228px;
	background-image:url(../graphics/bigTopBar.jpg);
	background-repeat: no-repeat;
}
#blucolon.big .bluContent{
	width: 204px;
}
.mid {
	width: 203px;
	background-image:url(../graphics/midTopBar.jpg);
	background-repeat: no-repeat;
}
#blucolon.mid .bluContent{
	width: 179px;
}
#blucolon.mid .bluContent a:link img, 
#blucolon.mid .bluContent a:visited img,
.bottomContent a:link img, 
.bottomContent a:visited img {
	padding: 2px;
	margin: 1px;
	background-color: #97AAB9;
	border: 1px solid #FFFFFF;
}
#blucolon.mid .bluContent a:hover img, 
.bottomContent a:hover img {
	background-color: #F0F4F9;
	border: 1px solid #465B6D;
}
.small {
	width: 126px;
	background-image:url(../graphics/smallTopBar.jpg);
	background-repeat: no-repeat;
}
#blucolon.small .bluContent{
	width: 104px;
}
#blucolon.small .bluContent a:link img, 
#blucolon.small .bluContent a:visited img {
	padding: 3px;
	margin: 3px;
	background-color: #97AAB9;
	border: 1px solid #FFFFFF;
}
#blucolon.small .bluContent a:hover img {
	background-color: #F0F4F9;
	border: 1px solid #465B6D;
}
#blucolon .bluContent {
	background-image:url(../graphics/blugradient.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	background-color: #E4E9ED;
	margin: auto;
	padding: 8px;
	padding-top: 0px;
}
#blucolon .bluContent p.formatBlucontent{
	padding: 0px;
	margin: 0px;
}
#blucolon .bluContent p.formatBlucontent a:link, 
#blucolon .bluContent p.formatBlucontent a:visited {
	display: block;	
	padding: 2px;
}
#blucolon .bluContent p.formatBlucontent a:link img { 
	margin: 0px;
	padding: 0px;
	margin-bottom: -3px;
	background-color: transparent;
	border: 0px;
}
#blucolon .bluContent p.formatBlucontent a:hover {
	background-color: #557082;	
	color: #FFFFFF;
	text-decoration: none;
}
.googlemap {
	border: 1px solid #97AAB9;
	margin: 5px;
}
/**************************************************************
CONTENT
**************************************************************/
#content {
	width:675px;
}
#content .Title {
	width:674px;
	background-image:url(../graphics/title_bar.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#content table td{
	padding: 3px;
}
/**************************************************************
FOOTER
**************************************************************/
#footer {
	margin: auto;
	width:956px;
	margin-top: 30px;
}
#footer .links {
	margin-bottom: 30px;
}
#footer .links ul {
	font-variant: small-caps;
}
#footer .links ul li {
	display: inline;
	list-style: none;
}
#footer .links ul li {
	display: inline;
	list-style: none;
}
#footer .links ul li a {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	border-right: 1px solid #5F788D;
	color: #5F788D;
	font-style: normal;
}
#footer .links ul li a:hover {
	color: #B22222;
	text-decoration: none;
}
#footer .links ul li a.last {
	padding-right: 0;
	border-right: 0;
}

#footer .include {
	background-image:url(../graphics/bg_footer.jpg);
	background-repeat:no-repeat;
	padding-top: 60px;
	padding-bottom: 30px;	
	font-size: 11px;	
}
#footer .credits {
	padding-bottom : 30px;	
	font-size: 10px;
}
#footer .credits a:link, #footer .credits a:visited {
	color: #CACACA;
	text-decoration:none;
}
#footer .credits a:hover {
	color: #B22222;
}

/**************************************************************
MasterContent & detailContent
**************************************************************/
a.masterContent, a:visited.masterContent {
	text-decoration: none;
	color: #5F788D;
	padding: 3px;
	margin: 0px;
	display: block;
	width: 98%;
}
a:hover.masterContent {
	color: #B22222;
	background-color: #E4E9ED;
	background-image:url(../graphics/blugradient.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
}
a.masterContent img, a:visited.masterContent img {
	float: left;
	padding: 3px;
	margin: 3px;
	background-color: #97AAB9;
	border: 1px solid #FFFFFF;
}
a:hover.masterContent img {
	background-color: #F0F4F9;
	border: 1px solid #465B6D;
}
.clearline {
	width:674px;
	height: 7px;
	background-image: url(../graphics/clearLine.jpg);
	background-repeat:no-repeat;
	clear: both;
}

/**************************************************************
	FORM SEARCH
 **************************************************************/
form {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana;
  color: #555555;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
input.searchleft {
	width: 120px;
}
 
 input.button {
	width: 60px;
	color: #999999;
	background-color: #EFEFEF;
}
 
 
/**************************************************************
   Generic Display 
 **************************************************************/
.block {
  display: block;
}
.clear {
  clear: both;
}
.marginRight {
  margin-right: 15px;
}
.paddingLeft {
  padding-left: 5px;
}
.paddingRight {
  padding-right: 5px;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.alignLeft {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.alignTop {
  vertical-align: top;
}
.alignMiddle {
  vertical-align: middle;
}
.alignBottom {
  vertical-align: bottom;
}
.alignCenter {
	text-align: center;
}
.hidden {
	visibility: hidden;  
}
.bullethidden {
	list-style: none;
	margin-left: 10px;
}
.nostyle {
	padding: 0px;
	background-color: transparent;
	margin: 0px;
	border: 0px;
}