/******* layout ********/

@body-background-color: #fff;
@header-background-color: #000;

@page-background-image: url('/static/esi-lioran/css/images/layout/bg-page.jpg');

@header-height: 150px;
@header-background-image: url('/static/esi-lioran/css/images/layout/bg-header.jpg');

@header-left_side-title-color: #fff;
@header-left_side-title-shadow: #204b6a;
@header-left_side-subtitle-color: #ffdea3;

@header-menu-a-color: #fff;
@header-menu-a-hover-color: #ffdea3;

@header-phone_number-color: #fff;
@header-phone_number-bg-img: none;
/*@header-phone_number-bg-img: url('/static/esi-lioran/css/images/layout/bg-phone-number.png');*/
@header-phone_number-bg-color: transparent;

@panier-bg-color: transparent;
@panier-bg-img: url('/static/esi-lioran/css/images/layout/bg-panier.png');
@panier-color: #30719e;

@menu-a-bg-img: url('/static/esi-lioran/css/images/layout/bg-bouton-menu.png');
@menu-a-bg-color: transparent;
@menu-a-color: #eff1f4;
@menu-a-special-color: #F09A16;
@menu-a-shadow: #204b6a;
@menu-a-hover-bg-color: transparent;
@menu-a-hover-color: #ffffff;
@menu-a-hover-shadow: #204b6a;
@menu-a-home-bg-img: url('/static/esi-lioran/css/images/layout/home.png');

@submenu-color: #174F76;
@submenu-hover-color: #F09A16;

@site-body-bg-color: transparent;
@site-body-bg-img: url('/static/esi-lioran/css/images/layout/bg-site-body.jpg');

@left-sidebar-width: 170px;
@right-sidebar-width: 240px;

@footer_global-bg-img: url('/static/esi-lioran/css/images/layout/footer_global.jpg');
@footer-background-color: transparent;
@footer-height: 300px;
@footer-color: #FFF;
@footer-a-hover-color: #ffdea3;
@footer-a-span-color: #e6a739;

/******* content ********/

@body-color: #15507a;
@body-font-family: Arial, Verdana, san-serif;

@h1-color: #1b435f;
@h1-font-size : 1.8em;
@h2-color: #f09a16;
@h2-font-size : 1.5em;
@h3-color: #1a6da9;
@h3-font-size: 1.3em;
@h4-color: #4ca7e8;
@h4-font-size: 1.1em;

@lettrine-color: #82c0eb;
@lettrine-font-family: "Arial Black", Gadget, sans-serif;
@lettrine-shadow-color: #204b6a;

@a-color: #2c8acd;
@a-hover-color: #45a8ef;

@button-background-color: #174f76;
@button-color: #FFF;
@button-hover-background-color: #2180c3;
@button-hover-color: #FFF;

@hr-bg-img: url('/static/esi-lioran/css/images/layout/hr.gif');
@hr-bg-img-position: 0 20px;
@hr-bg-img-repeat: repeat-x;

@input-border-color: #bac9d5;

@img-border-color: #bac9d5;
@input-border-focus-color: #819cb2; 
@shadow-color: #869dae;

@pict-padding: 0;
@pict-bg-color: #ffffff;
@pict-border-size: 1px;
@pict-border-style: solid;
@pict-border-color: #bac9d5;


/******* gros boutons ****/

@BT1-bg-img: url('/static/esi-lioran/css/images/boutons/club-mini-toons.jpg');
@BT2-bg-img: url('/static/esi-lioran/css/images/boutons/cours-collectifs.jpg');
@BT3-bg-img: url('/static/esi-lioran/css/images/boutons/cours-particuliers.jpg');

@BTreserver-bg-color: transparent;
@BTreserver-bg-img: url('/static/esi-lioran/css/images/boutons/reserver-cours.jpg');
@BTreserver-color: #ffffff;
@BTreserver-shadow-color: #204b6a;
@BTreserver-font-family: "Arial Black", Gadget, sans-serif;

/******* slider ********/

@slideshow-background-image: url(/static/esi-lioran/css/images/slider/bg-slideshow.png);
@mask-bg-img: url(/static/esi-lioran/css/images/slider/mask.png);

/******* monitors ********/



/******* partenaires ********/






* { margin: 0; padding:0; outline:none; border:0; }
html, body { height: 100%; background-color: @body-background-color; }


/************************** TITRES + LIENS + TIPS *******************************/

body{
  font-size: 100%;
  font: .9em @body-font-family;
  color: @body-color;
  text-align: center;
  line-height: 1.5em;
}

a:link, a:visited { color:@a-color; }
a:hover { color:@a-hover-color; }
a img {
  text-decoration: none;
  border: 0px;
}
a.button, input.button {
	border: none;
	background-color: @button-background-color;
	color: @button-color;
	padding:5px 10px;
	cursor:pointer;
	text-decoration: none;
	&:hover {
		background-color: @button-hover-background-color;
		color: @button-hover-color;
	}
}
a.button.small, input.button.small {
		font-size: 70%;
		padding:1px 7px;
	}

h1, h2, h3, h4, h5{ text-align: left; }
h1{ font-size:@h1-font-size; color:@h1-color; padding: 0 0 30px 0; }
h2, h2 a:link{ font-size:@h2-font-size; color:@h2-color; padding: 0 0 15px 0; }   
h3{ font-size:@h3-font-size; color:@h3-color; padding: 0 0 10px 0; }
h4{ font-size:@h3-font-size; color:@h4-color; padding: 0 0 5px 0; }

.lettrine {
	float: left;
	font-size: 5em;
	line-height: 0.9em;
	padding: 0 7px 0 0;
	font-family: @lettrine-font-family;
	color:@lettrine-color;
	text-shadow:-1px 1px 0 @lettrine-shadow-color;
}

.clear { clear: both; line-height:0; }

hr { clear:both; height:60px; width:100%; display:block; background-image: @hr-bg-img; background-position: @hr-bg-img-position; background-repeat: @hr-bg-img-repeat; }

.espace5, .espace10, .espace20, .espace30, .espace40, .espace50, .espace60 { line-height:0 }
.espace5 { padding-top:5px; }
.espace10 { padding-top:10px; }
.espace20 { padding-top:20px; }
.espace30 { padding-top:30px; }
.espace40 { padding-top:40px; }
.espace50 { padding-top:50px; }
.espace60 { padding-top:60px; }

.border5 {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.border10 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.border20 {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

.left { float:left; }
.right { float:right; }

.bold { font-weight:bold }
.justify { text-align:justify }
.hidden { display: none; }
.centered { text-align: center; }

.small-text { font-size: 80%; }
.big-text { font-size: 130%; }

.col { float: left; overflow: hidden; }
.col_3 { float: left; width:280px; padding: 10px 12px }

.linked { cursor: pointer;}

input, select, textarea {
	border:1px solid @input-border-color;
	padding:5px;
	&:focus {
		-moz-box-shadow:0px 0px 10px @shadow-color;
		-webkit-box-shadow:0px 0px 10px @shadow-color;
		box-shadow:0px 0px 10px @shadow-color;
	}
}
.pict, .pictL, .pictR {
	padding: @pict-padding;
	background-color: @pict-bg-color;
	border: @pict-border-size @pict-border-style @pict-border-color;
}
.pict {
	margin:0 15px
}
.pictL {
	float:left;
	margin:0 20px 15px 0
}
.pictR {
	float:right;
	margin:0 15px 0 20px
}



/************************** LAYOUT *******************************/

#page{
	text-align: center;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-image:@page-background-image;
	z-index:1;
	margin-bottom: @footer-height - (@footer-height * 2);
}

#top-banner{ }
#site{
	width:960px;
	min-height: 100%;
	height: 100%;
	display:block;
	margin: 0 auto;
	position:relative;
	z-index:50;
}
#header{
    height: @header-height;
	position: relative;
    background-position: center top;
	background-repeat: no-repeat;
	background-image:@header-background-image;
}      
    #header-left_side{
      float: left;
	  padding: 25px 0 0 130px;
	  text-align:left;
    }
		#header-left_side a.title{
		  font-size: 200%;
		  font-weight: bold;
		  text-decoration:none;
		  color:@header-left_side-title-color;
		  text-shadow:0 -1px 0 @header-left_side-title-shadow;
		}
		#header-left_side .subtitle{
          font-size: 140%;
          font-weight: bold;
          color: @header-left_side-subtitle-color;
		  text-align:left;
		  padding:4px 0 0 0
        }
	
    #header-right_side{
      float: right;
      text-align: right;
      padding-top: 5px;
    }

		ul#header-menu { margin-right:10px; }
			ul#header-menu li{
			  display: inline;
			  list-style: none;
			  float:left;
			  margin-left:5px;
			  padding-left:5px
			}
				ul#header-menu a {
				  color: @header-menu-a-color;
				  text-decoration: none;
				  &:hover {
					  color: @header-menu-a-hover-color;
					  text-decoration:underline;
				  }
				}

        #header-phone_number{
          font-size: 110%;
          font-weight: bold;
		  height: 25px;
		  display:block;
		  padding:25px 10px 0 0;
		  text-align:right;
		  color:#ffffff;
		  background-position: left top;
		  background-repeat: no-repeat;
		  background-image: @header-phone_number-bg-img;
        }
        ul#header-languages{ 
			float:right; 
            margin-top: 5px;          
            padding-right: 10px;
        }
			ul#header-languages li { float:left; display:inline; list-style:none; margin-left:4px; }
			
            ul#header-languages .flag{
              float: right;
              width: 24px;
              height: 19px;
              margin-right: 3px;
              cursor: pointer;
			  display:block;
			  background-position: left top;
            }
				ul#header-languages .flag:hover, ul#header-languages .flag.selected{
				  background-position: left -19px;
				}
				ul#header-languages .flag.selected{
				  cursor: default;
				}
            ul#header-languages .flag.fr{
			  background-image: url('/static/esi-lioran/css/images/flags/flag_fr.png');
            }
            ul#header-languages .flag.en{
              background-image: url('/static/esi-lioran/css/images/flags/flag_en.png');
            }
            ul#header-languages .flag.de{
              background-image: url('/static/esi-lioran/css/images/flags/flag_de.png');
            }
            ul#header-languages .flag.it{
              background-image: url('/static/esi-lioran/css/images/flags/flag_it.png');
            }
			ul#header-languages .flag.es{
              background-image: url('/static/esi-lioran/css/images/flags/flag_es.png');
            }

    ul#main-menu{
      position: absolute;
      z-index: 2;
	  width:auto;
      height: 40px;
	  top:110px;
	  left:0;
      font-size: 90%;
      font-weight: bold;
    }
		ul#main-menu li { list-style: none; display:inline; float:left; position: relative; }

			ul#main-menu li a {
			  font-size:.9em;
			  display: block;
			  height: 23px;
			  padding: 11px 15px 6px 15px;
			  background-image: @menu-a-bg-img;
			  background-position: 0 0;
			  background-repeat: no-repeat;
			  background-color: @menu-a-bg-color;
			  color: @menu-a-color;
			  text-decoration:none;
			  text-transform:uppercase;
			  text-shadow:0 -1px 0 @menu-a-shadow
			}
				ul#main-menu li a.special {
				  color: @menu-a-special-color;
				}

			ul#main-menu li a.home { width:40px; height:40px; background-image: @menu-a-home-bg-img; background-position: 0 0; background-repeat: no-repeat; padding:0 }
			ul#main-menu li a.home:hover { background-position: 0 -40px; }
			#main-menu li a:hover, #main-menu li a.current {
				background-position: 0 -40px;
				background-color: @menu-a-hover-bg-color;
				color: @menu-a-hover-color;
				text-shadow:0 -1px 0 @menu-a-hover-shadow;
			}
	ul#main-menu ul.submenu{
	  display: none;
	  list-style: none;
	  position: absolute;
	  left: 0;
	  top: 39px;
	  border: 1px solid #174F76;
	  padding: 5px 0;
	  background: #FFF;
	}
		ul#main-menu ul.submenu li{
		 text-align: left;
		}
			ul#main-menu ul.submenu li a{
			  display: block;
			  background: transparent;
			  width: 150px;
			  font-size: 12px;
			  line-height: 12px;
			  font-weight: normal;
			  height: auto;
			  color: @submenu-color;
			  padding: 5px 15px;
			  text-transform: none;
			}
				ul#main-menu ul.submenu li a:hover{
				  color: @submenu-hover-color;
				  padding: 5px 15px;
				  text-transform: none;
				}

	#panier { 
		position:absolute;
		bottom:0;
		right:10px;
		width:185px;
		height:26px;
		padding:14px 0 0 0;
		display:block;
		background-image: @panier-bg-img;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color:@panier-bg-color;
		color: @panier-color;
	}

#site-body{
  width:920px;
  min-height:250px;
  padding:42px 20px 20px 20px;
  margin:0 auto;
  background-image: @site-body-bg-img;
  background-position: top left;
  background-repeat:no-repeat;
  background-color: @site-body-bg-color;
  display:block;
}  
        
#left-sidebar{
  float: left;
  width: @left-sidebar-width;
  margin-right: 10px;
}       

#right-sidebar{
  float: right;
  width: @right-sidebar-width;
}        

#main-content{
  width:100%;
  float: left;
  text-align: left;
}        
    #main-content.large{
      width:728px;
    }       
    #main-content.largest{
      width: 100%;
      border: 0px;
    }
#main-content p{
  text-align: justify;
}     
	ul#bigBoutons { }
	ul#bigBoutons li{ list-style:none; float:left; display:inline;
		&.marge {
			margin-right:10px;
		}
	}
	ul#bigBoutons li#BT1, ul#bigBoutons li#BT2, ul#bigBoutons li#BT3 {
		width:300px;
		height:260px;
		display:block;
		cursor:pointer
	}
	
	li#BT1 {
		background-image: @BT1-bg-img; background-position: 0 0; background-repeat: no-repeat;
	}
	li#BT2 {
		background-image: @BT2-bg-img; background-position: 0 0; background-repeat: no-repeat;
	}
	li#BT3 {
		background-image: @BT3-bg-img; background-position: 0 0; background-repeat: no-repeat;
	}
	
	#BTreserver {
		width:920px;
		height:50px;
		padding:30px 0 0 0;
		display:block;
		background-image: @BTreserver-bg-img;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: @BTreserver-bg-color;
		text-decoration:none;
		text-align:center;
		color:@BTreserver-color;
		font-size:1.3em;
		font-family: @BTreserver-font-family;
		text-shadow:0 -1px 0 @BTreserver-shadow-color;
	}
	
.breadcrumb{
  margin-bottom: 10px;
  font-size: 80%;
  text-transform: uppercase;   
}        
    .breadcrumb-element{
      height: 16px;
      padding-left: 0px;
      padding-right: 0px;
      text-align: center;
      text-decoration: none;
      color: inherit;   
    }
    .breadcrumb-element:hover{
      text-decoration: underline;
    }
.block { width:360px; float:left; }



#footer_global, .push { height: @footer-height; clear:both }
#footer_global {
	width:100%;
	display:block;
	position:relative;
	z-index:10;
	background-image: @footer_global-bg-img;
	background-position: center top;
	background-repeat: no-repeat;
}
        
#footer{
	width:940px;
	height: @footer-height -100;
    background: @footer-background-color;
    color: @footer-color;   
    display:block;
    margin:0 auto;
    padding:90px 0 0px 0;
    text-align:left;
    position:relative;
}

@footer-a-color: #ffffff;

@footer-infos-color: #053e66;
@footer-p-adresse-color: #ffd045;
@footer-p-copyright-color: #eae9e9;
@footer-span-copyright-color: #053e66;

	#footer p { text-align:left; }
    #footer .infos{
		width:690px;
        font-size: 70%;
	    line-height:1.3em;
		color: @footer-infos-color;    
    }
	
	#footer-bottom{
	  /*position: absolute;
	  bottom: 5px;*/
	}
	
	#footer p.adresse{ color: @footer-p-adresse-color }
	#footer p.copyright{
		width:700px;
        font-size: 70%;
	    line-height:1.3em;
		color: @footer-p-copyright-color      
    }
	#footer p.copyright span {color: @footer-span-copyright-color}
	#footer p.extra{
        font-size: 70%;
	    line-height:1.3em;
    }
		#footer p.extra, #footer p.extra a{
			color: @footer-p-copyright-color;
			text-decoration: none;
		}
			#footer p.extra a:hover {
				text-decoration:underline
			}
	
    ul#footer-menu{
		width:770px;
		height:73px;
		display:block;
    }
		ul#footer-menu li {
			float:left;
			display:inline;
			padding:0 20px 6px 0;
			list-style:none;
		}
		ul#footer-menu li a{
		  color: @footer-a-color;
		  font-size:1.1em;
		  text-decoration: none;
		  &:hover {
			color: @footer-a-hover-color;
			text-decoration:underline
		  }
		}
			ul#footer-menu li span {
			  	color: @footer-a-span-color;
		  	}
			
	.admin{
	  text-align: left;
	  position: absolute;
	  top : 165px;
	  left: 0px;
	}
		.admin a{
		  font-size: 80%;
		  color: @footer-a-hover-color;
		  text-decoration: none;
		  margin-right: 10px;
		  &:hover {
			color: @footer-a-color;
			text-decoration:underline
		  }
		}

/**********************************  SLIDER ******************************/

div.slideshow {
  float: right;
  width: 510px;
  height: 334px;
  padding:23px 0 0 0;
  background-repeat: no-repeat;
  background-image:@slideshow-background-image;
  background-position: left top;
}
	.slideshow img{
	  width: 460px;
	  height: 307px;
	}
		
#slider{
	position:relative;
	width:460px;
	margin:0 auto;
	z-index:100;
	}

#mask {
	position:relative;
	top:0;
	left:0;
	width:460px;
	height:307px;
	background-image: @mask-bg-img;
	background-position: top left;
	background-repeat: no-repeat;
	margin:0 auto;
	display:block;
	z-index:500;
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:460px;
		height:307px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/static/esi-lioran/css/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/static/esi-lioran/css/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		float:right;
		margin:10px 30px 20px 0;
		padding:0;
		height:18px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:18px;
		}
	ol#controls li a{
		float:left;
		width:39px;
		height:18px;
		line-height:16px;
		background:url(/static/esi-lioran/css/images/slider/bg-num-rond.png) 0 0 no-repeat;
		color:#cde5f5;
		text-align:center;
		text-decoration:none;
		font-size:0.7em;
		}
	ol#controls li.current a{
		background:url(/static/esi-lioran/css/images/slider/bg-num-rond.png) 0 -18px no-repeat;
		color:#875c20;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	/* masquer les num�ros */
	ol#controls li a span { visibility:hidden; }


/***************************** PARTENAIRES ************************************************/

ul#partenaires { }

	ul#partenaires li {
		list-style: none;
		clear:both;
		padding-bottom:10px;
		margin-bottom:20px;
		border-bottom: 1px dotted @img-border-color;
		h2 {
			padding:5px 0 3px 0;
			font-size:1.4em;
		}
		.partenaire_logo {
			width:80px;
			height:80px;
			display:block; background: url(/static/esi-lioran/css/images/partenaires/logo-empty.gif) left top no-repeat;
			-moz-box-shadow:0px 0px 10px @shadow-color;
			-webkit-box-shadow:0px 0px 10px @shadow-color;
			box-shadow:0px 0px 10px @shadow-color;
			float:left;
			margin:0 15px 10px 0;
			border: 1px solid @img-border-color;
			.partenaire_logo img {
				width:80px;
			}
		 }
	}
	ul#partenaires li:last-child { border-bottom: none }
	
	
/***************************** MONITEURS ************************************************/

ul#monitors { }

	ul#monitors li {
		width:460px;
		float:left;
		list-style: none;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom: 1px dotted @img-border-color;
		h2 {
			padding:3px 0;
			font-size:1.4em;
		}
	}
	
	ul#monitors li .picture {
		width: 125px;
		height:125px;
	    display:block;
	    background: url(/static/esi-lioran/css/images/monitors/monitor-empty.gif) left top no-repeat;
	    margin-right:10px;
		border: 1px solid @img-border-color;
		-moz-box-shadow:0px 0px 10px @shadow-color;
		-webkit-box-shadow:0px 0px 10px @shadow-color;
		box-shadow:0px 0px 10px @shadow-color;
	}

	ul#monitors li .picture img {
		width: 125px;
	}
	ul#monitors li .infos {
	  margin-left: 10px;
	  text-align: left;
	}
		ul#monitors li .infos table{
		  vertical-align: top;
		}
		ul#monitors li .infos th{
		  padding-right: 10px;
		}


/***************************** Module ************************************************/

.module{
  float: left;
  margin-bottom: 5px;
}    
    .module a{
      text-decoration: none;
      color: inherit;
    }
    .module.last{
      margin-bottom: 0px;
    }    
    .module .top{
      height: 5px;
    }
        .module.picto .top{
          height: 18px;
        }
    .module .bottom{
      height: 15px;
    }
    .module .body{
      margin-top: 0px;
      padding-left: 10px;
      padding-right: 10px;
      overflow: hidden;
    }
    
    .module.w240 {
      width: 240px;
    }

/***************************** Message ************************************************/

.message-infos{
  text-align: center;
  border: 1px dashed #333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px; 
  margin-bottom: 10px;
}
    .message-infos.ok{
      color: #3BDD32;
      border-color: #3BDD32;
    }
    .message-infos.error{
      color: #FF3B05;
      border-color: #FF3B05;
    }
        
/***************************** CONTACT ************************************************/

form#contact-form {
	width:880px;
	margin:0 auto;
}
@col-width: 440px;

form#contact-form .col { width: @col-width; }
form#contact-form .col.marge { width: @col-width - 20; padding-left:20px; }

.contact-item.error{
  color: #FF3B05
} 
.contact-item { margin-bottom:15px; } 

label.title{
  float: left;
  width: 100px;
  font-weight: bold;
  padding-top: 5px;
}
.contact-item input{
  width: 250px;
  margin-left: 2px;
  &:focus {
  	border-color: @input-border-focus-color;
  }
}

.contact-item.submit input{
  width: auto;
  margin-right: 15px;
  float:left;
}
    .contact-item.object input{
      width: 400px;
    }
    .contact-item.message textarea{
      min-width: 400px;
      max-width: 400px;
	  height: 200px;
    }
   
#contact-image{
	width: auto;
	margin-right:30px;
    float: left;
    text-align: center;
}
	#contact-image img {
  		border: 1px solid @img-border-color;
  		background-color:#fff;
 	 }
	 
#contact-coordinates {
  float: left;
  text-align: left;
  h2 { padding-bottom: 5px; }
}

#index-line1{
  margin-top: 10px;
  width: 800px;
  text-align: center;
}

/***************************** TARIFS ************************************************/


table.prices{
  border-collapse:collapse;
  width:800px;
  height:300px;
  margin:0 auto;
}

table.prices thead td{
  background: #eee;
  font-size: 130%;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
}
table.prices td{
  border: 1px solid #888;
  margin: 0px;
}

/***************************** NEWS ************************************************/

ul#news { float:left; width:680px; margin-right:20px; }

	ul#news li {
		list-style: none;
		clear:both;
		padding-bottom:10px;
		margin-bottom:20px;
		border-bottom: 1px dotted @img-border-color;
		h2, h2 a, h1{
			padding:5px 0 10px 0;
			font-size:1.4em;
			float:left;
			text-decoration: none;
		}
	}
	ul#news li:last-child { border-bottom: none }
	
		ul#news p.date {
			float:right;
			font-size: 70%;
			padding:1px 7px;
			background-color: @button-hover-background-color;
			color: @button-hover-color;
		}
		.news_content { clear:both; }
		
ul#menu-news {
	float:left;
	width:180px;
	margin-left:20px;
	padding-left:20px;
	a { text-decoration: none;
	&:hover {
		text-decoration: underline;
		}
	}
	li.year {
		list-style: none;
		margin-bottom: 10px;
	}
	ul.month li {
		margin-left:20px;
	}
}

/***************************** INLINE ADMIN ************************************************/

.field-change-link, a.field-change-link{
  font-size: 10px;
  margin-bottom: 0px;
  text-align: left;
  background: @button-background-color url('/media/img/admin/icon_changelink.gif') no-repeat;
  background-position: 5px 50%;
  cursor: pointer;
  font-weight: bold;
  border: none;
  color: @button-color;
  padding: 1px 3px;
  padding-left: 20px;
  cursor:pointer;
  text-decoration: none;
  &:hover {
  	background-color: @button-hover-background-color;
	color: @button-hover-color;
  }    
  float: right;
  margin-bottom: -20px;
  position: relative;
  z-index: 100;
}
	.field-change-link.add{
	  background-image: url('/media/img/admin/icon_addlink.gif');
	  margin-left: 5px;
	}