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

@body-background-color: #9DD5EC;
@body-background-image: url('/static/esi-metabief/css/images/body_bg.png');

@header-height: 211px;
@header-background-image: url('/static/esi-metabief/css/images/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-metabief/css/images/layout/bg-phone-number.png');*/
@header-phone_number-bg-color: transparent;

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

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

@site-body_background_color: #FFF;

@left-sidebar-width: 150px;
@right-sidebar-width: 180px;

@footer_global-background-color: #0192D1;
@footer-height: 80px;
@footer-color: #FFF;
@footer-a-hover-color: #ffdea3;
@footer-a-span-color: gold;

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

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

@h1-color: #1b435f;
@h1-font-size : 1.8em;
@h2-color: gold;
@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-metabief/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-metabief/css/images/boutons/club-mini-toons.jpg');
@BT2-bg-img: url('/static/esi-metabief/css/images/boutons/cours-collectifs.jpg');
@BT3-bg-img: url('/static/esi-metabief/css/images/boutons/cours-particuliers.jpg');

@BTreserver-bg-color: transparent;
@BTreserver-bg-img: url('/static/esi-metabief/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-metabief/css/images/slider/bg-slideshow.png);
@mask-bg-img: url(/static/esi-metabief/css/images/slider/mask.png);

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



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


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


p{ margin: 5px 0; }

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

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

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 20px 0; }
h2, h2 a:link{ font-size:@h2-font-size; color:@h2-color; padding: 20px 0 20px 0; }   
h3{ font-size:@h3-font-size; color:@h3-color; padding: 10px 0 20px 0; }
h4{ font-size:@h3-font-size; color:@h4-color; padding: 0 0 5px 0; }

h2, h3{ text-shadow: -1px 1px 0 #888; }
h1{ letter-spacing: 1px; }
.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 }

.gold{ color: gold; }

.linked { cursor: pointer;}

input, select, textarea {
	border:1px solid @input-border-color;
	padding:3px;
	&:focus {
		-moz-box-shadow:0px 0px 10px @shadow-color;
		-webkit-box-shadow:0px 0px 10px @shadow-color;
		box-shadow:0px 0px 10px @shadow-color;
	}
}



/************************** 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;
	z-index:1;
	margin-bottom: @footer-height - (@footer-height * 2);
}

#top-banner{ }
#site{
	width:900px;
	min-height: 100%;
	height: 100%;
	display:block;
	margin: 0 auto;
	position:relative;
	z-index:50;
    /*box-shadow: 1px 1px 18px #333;
    margin-bottom: 15px;*/
}
#header{
    height: @header-height;
	position: relative;
    background-position: center top;
	background-repeat: no-repeat;
	background-image:@header-background-image;
	cursor: pointer;
}      
    #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:2px;
			  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{ 
			position: absolute;
			right: 5px;
			bottom: 5px;
            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-metabief/css/images/flags/flag_fr.png');
            }
            ul#header-languages .flag.en{
              background-image: url('/static/esi-metabief/css/images/flags/flag_en.png');
            }
            ul#header-languages .flag.de{
              background-image: url('/static/esi-metabief/css/images/flags/flag_de.png');
            }
            ul#header-languages .flag.it{
              background-image: url('/static/esi-metabief/css/images/flags/flag_it.png');
            }
			ul#header-languages .flag.es{
              background-image: url('/static/esi-metabief/css/images/flags/flag_es.png');
            }

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

			ul#main-menu li a {
			  font-size:.9em;
			  display: block;
			  height: 22px;
			  padding: 12px 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;
				}

			#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;
			}

	#panier { 
		position:absolute;
		bottom:0;
		right:10px;
		width:205px;
		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_global{
  background-color: @site-body_background_color;
  filter:alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  border-bottom: 8px solid @footer-a-span-color;
}
#site-body{
  width:900px;
  min-height:250px;
  padding: 20px 0;
  margin:0 auto;
  display:block;
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}  
        
#left-sidebar{
  float: left;
  width: @left-sidebar-width;
  margin-right: 15px;
  text-align: left;
}         
	ul#left-menu li{
	  background: #333;
	  padding: 4px 0 0 0;
	  letter-spacing: 1px;
	  list-style: none;
	}
		ul#left-menu li a{
		  margin-left: 10px;
		}
		ul#left-menu li, ul#left-menu li a{
		  text-decoration: none;
		  color: gold;
		}
		ul#left-menu ul.submenu{
		  margin: 5px 0 1px 0;
		  padding: 0 0 5px 10px;
		  background: #FFF;
		}
			ul#left-menu ul.submenu li{
			  margin: 0;
			  padding: 5px 0;
		      background: #FFF;
			}
			
			ul#left-menu ul.submenu li a{
			  margin-left: 0;
			}
			ul#left-menu ul.submenu li, ul#left-menu ul.submenu li a{
			  color: #45A8EF;
			}
				ul#left-menu ul.submenu li a:hover, ul#left-menu ul.submenu li a.current{
				  color: gold;
				}

#right-sidebar{
  float: right;
  text-align: right;
  width: @right-sidebar-width;
  padding: 0 10px;
  font-size: 90%;
}        
	#right-sidebar .title{
	  font-size: 100%;
	  font-weight: bold;
	  color: #333;
	}      

.main-content{
  width:530px;
  float: left;
  text-align: left;
}        
	.main-content.large{
	  width: 880px;
	  padding: 0 10px;
	}        

#footer_global, .push { height: @footer-height; clear:both }
#footer_global {
	width:100%;
	display:block;
	position:relative;
	z-index:10;
	background: @footer_global-background-color url('images/footer_bg.png') repeat-x;
    padding: 30px 0 45px 0;
}
        
#footer{
	width:900px;
	height: @footer-height -100;
    color: @footer-color;   
    display:block;
    margin:0 auto;
    text-align:center;
    position:relative;
	padding-bottom: 35px;
}

@footer-a-color: #ffffff;

@footer-infos-color: #053e66;
@footer-p-adresse-color: gold;
@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: relative;
	  z-index: 0;
	}
	
	#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;
		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;
	  z-index: 1;
	  bottom : 20px;
	  left: 0px;
	}
		.admin a{
		  font-size: 80%;
		  color: @footer-a-hover-color;
		  text-decoration: none;
		  &: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; 
		padding: 0!important;
		margin: 0!important;
		background: none!important;
		}	
	#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-metabief/css/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/static/esi-metabief/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-metabief/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-metabief/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-metabief/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-metabief/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:10px;
} 
	.contact-item.small{
      display: inline-block;
	  padding-right: 10px;
	}

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

.contact-item.submit input{
  width: auto;
  margin-right: 15px;
  float:left;
}
    .contact-item textarea{
      min-width: 422px;
      max-width: 422px;
	  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#main-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;
	}
}

.main-content ul{
  list-style-type: none;
}
	.main-content ul li{
	  padding-left: 35px;
	  background: url('/static/esi-metabief/css/images/arrow.gif') no-repeat 0 2px;
	  margin-top: 10px;
	}


/***************************** 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;
	}

/************************************************************************************************/	

/**************************** Reprise de l'ancien site **********************************************/

.TabbedPanelsTab{
  display: inline-block;
  padding: 0 15px 20px 0!important;
  margin: 0!important;
  background: none!important;
  cursor: pointer;
  font-weight: bold;
}
	.TabbedPanelsTab:hover, .TabbedPanelsTab.TabbedPanelsTabSelected{
	  color: gold;
	}

/************************************************************************************************/