* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:1280px;
}
body { 
	background:url(images/music2.webp) no-repeat #D5C1B6 fixed top center;  /* le blanc #FCFCFC; /*EDEAE5;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.5em;
	color:#231214;
}

ul, ol { list-style:none;}

#tagglefriends { background-color:#E9E8ED;font-size:14px;color:black;font-weight:bold;width:580px;}
/*==== GLOBAL =====*/
#main {
	width:1280px; 
	margin:0 auto;
	font-size:17px;
}

/*===== header =====*/
#header {
	overflow:hidden; width:1280px;  
}
	#content .mainContent {
		float:left;
		width:63%;
	}
	#content .aside {
		width:37%;
		float:right;
	}
	#content .mainContent2 {
		float:left;
		width:57%;
	}
	#content .aside2 {
		width:43%;
		float:right;
	}

#header .row-1 {
}
	#header .row-1 .logo a{
		padding:0;
		text-align: center;
		background:url(images/vanessa1.png) no-repeat;
		width:621px;height:109px;display:block;
		text-indent:-9999px; /*Pour cacher le text alternatif du titre */
		margin-left:25%; /*Pour centrer le titre "vanessa theviot"*/
	}
	
#header .row-2 {
	overflow:hidden;
	float:left;
	width:100%;
	text-transform:uppercase;
	margin-top:6px;
	margin-bottom:6px;
	background:url(images/nav-bg2.png) 0 0 repeat-x;}
#header .row-2 ul.nav {
	text-align:center;
	width:1280px;
	text-align:left;
	margin-left: 2em;
	}
#header .row-2 ul.nav li {float:left; text-align:center;padding-right:2%;}
#header .row-2 ul.nav li:last-child {float:right; text-align:center;}
#header .row-2 ul.nav li a {padding:27px 5px 27px 5px;text-shadow: 0px 0px 8px white;font-size:18px;color:black;font-weight:bold;text-decoration:none;line-height:72px;}
#header ul.nav li a:hover, #header ul.nav li a.current {color:#f5054e;}
#header ul.nav li a.grosbouton-header-reserver {background:#f5054e;color:white;}

.boutoncliquables {margin: 45px 0 10px 0;text-align:center;}
.boutoncliquables a  {
color: black; 
background: #F0DBBF; 
background: -webkit-linear-gradient( #F9F9F9, #F0DBBF); 
background: -moz-linear-gradient( #F9F9F9, #F0DBBF); 
background: -ms-linear-gradient( #F9F9F9, #F0DBBF); 
background: -o-linear-gradient( #F9F9F9, #F0DBBF); 
background: linear-gradient( #F9F9F9, #F0DBBF); 
border-radius: 8px;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
padding:20px;text-transform:uppercase;font-family:'Armadillo', arial;font-size:17px;text-decoration:none;font-weight:bold;}


.boutoncliquable {text-align:center;margin:20px 0 20px 0;}
.boutoncliquable a , input.boutoncliquable  {
color: black; 
background: #CCCCCC; 
background: -webkit-linear-gradient( #F9F9F9, #CCCCCC); 
background: -moz-linear-gradient( #F9F9F9, #CCCCCC); 
background: -ms-linear-gradient( #F9F9F9, #CCCCCC); 
background: -o-linear-gradient( #F9F9F9, #CCCCCC); 
background: linear-gradient( #F9F9F9, #CCCCCC); 
border-radius: 8px;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
padding:10px;text-transform:uppercase;text-decoration:none;font-weight:bold;}
.boutoncliquable a:hover {
color: black; 
background: #F4054E; 
background: -webkit-linear-gradient( white, #E9E9EB); 
background: -moz-linear-gradient( white, #E9E9EB); 
background: -ms-linear-gradient( white, #E9E9EB); 
background: -o-linear-gradient( white, #E9E9EB); 
background: linear-gradient( white, #E9E9EB); 
border-radius: 8px;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
padding:10px;text-transform:uppercase;text-decoration:none;font-weight:bold;}
.boutoncliquable a:active {
color: black; 
background: #F4054E; 
background: -webkit-linear-gradient( white, #E9E9EB); 
background: -moz-linear-gradient( white, #E9E9EB); 
background: -ms-linear-gradient( white, #E9E9EB); 
background: -o-linear-gradient( white, #E9E9EB); 
background: linear-gradient( white, #E9E9EB); 
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5) inset, 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
	
#footer {
	padding:27px 0 40px 0;
	margin-bottom:40px;
}
.padding {padding:0;}
.ombre {box-shadow: 1px 1px 20px #555;-moz-box-shadow: 1px 1px 20px #555;-webkit-box-shadow: 1px 1px 20px #555;margin:0 4px 4px 0;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}


table.tarif 
{
color:dimgray;
	margin:0 auto 10px auto;
    border-collapse: collapse;
	border-top: 3px solid grey;
}

table.tarif td
{
	width:215px;
	height:35px;
	font-size:14px;
	text-align:center;
    border: 3px solid white;
	background:#E9E9EB;
	background: -webkit-linear-gradient(#F8F8F8  , #E9E9EB); 
background: -moz-linear-gradient( #F8F8F8 , #E9E9EB); 
background: -ms-linear-gradient( #F8F8F8 , #E9E9EB); 
background: -o-linear-gradient( #F8F8F8 , #E9E9EB); 
background: linear-gradient( #F8F8F8 , #E9E9EB); 
	padding:5px;
}
table.planning 
{
	margin:0 auto 10px auto;
    border-collapse: collapse;
}

table.planning td
{
	width:600px;
	height:50px;
	font-size:14px;
	text-align:center;
    border: 3px ridge white;
	background:#E9E9EB;
	padding:5px;
}
.fleft { float:left;
}
.fright { float:right;
}
.clear { clear:both;
}


.titre-gris {margin-bottom:20px;font-weight:bold;text-transform:uppercase;color:grey;font-size:18px;}

.col-1, .col-2, .col-3 { float:left;}
.justify {text-align:justify;}
.alignright { text-align:right;
}
.aligncenter { text-align:center;
}
a span.minuscule{font-style:italic;font-size:12px;color:grey;text-decoration:underline;}
a:hover span.minuscule{font-style:italic;font-size:12px;color:grey;text-decoration:none;}

#apero .gris a {text-decoration:none;color:grey;font-style: oblique;}
#apero .gris a:hover {text-decoration:underline;color:grey;}

.lien-normal {text-decoration:none;color:grey;}
.lien-normal:hover {text-decoration:none;color:#231214;}
.ecouter {cursor:pointer;text-decoration:none;}
.ecouter:hover {cursor:pointer;text-decoration:underline;}
.boutoncliquable a.menugenre 
{color: black; 
background: #F4054E; 
background: -webkit-linear-gradient( white, #E9E9EB); 
background: -moz-linear-gradient( white, #E9E9EB); 
background: -ms-linear-gradient( white, #E9E9EB); 
background: -o-linear-gradient( white, #E9E9EB); 
background: linear-gradient( white, #E9E9EB); 
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5) inset, 0 -1px 0 rgba( 255, 255, 255, 0.4);}

 input.bouton-calendrier {margin-left:15px;background:white;font-family:arial;font-size:21px;cursor:pointer;}

/*----- forms parameters -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
/*.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}*/
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
	text-align:justify;
}

.cadre-gris{display:inline-block;vertical-align:middle;margin-bottom:15px;background:#ECECEC;border:1px solid #A8A8A8;color:#666;padding:15px 15px 15px 15px;}
.cadre-nouvel-evenement {display:inline-block;vertical-align:middle;margin-bottom:15px;background:#FCFCFC;border:1px solid #A8A8A8;color:#666;padding:15px 15px 15px 15px;}


p {
	margin-bottom:18px;
}

a {
	color:#f5054e; 
	outline:none;
}
a:hover{
	text-decoration:none;
}
#page-tarif .extra-wrap a {color:grey;text-decoration:none;}
#page-tarif .extra-wrap a:hover {color:grey;text-decoration:underline;}


h1 {
	font-size:20px;
	color:#000;
	line-height:1.2em;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:30px;
	text-transform:uppercase;
	font-family:arial;
	text-align:inherit;
}
h1.evenement {font-size:18px;margin-bottom:0px;color:#000;text-align:center;line-height:1.2em;font-weight:normal;margin-bottom:0px;text-transform:uppercase;font-family:arial Black;}

h1.titre-eleves {font-family:arial; font-size:35px;text-align:center;margin-bottom:0;}
h2 {
	font-size:18px;
	color:#f5054e;
	margin-bottom:8px;
}
h2.sous-titre-eleves {font-size:21px;font-family:arial;color:grey;text-transform:none;text-align:center;margin-bottom:20px;}
#page-cours-de-piano h2 {
	margin-bottom:18px;text-transform: uppercase;
}

h3{
	font-size:18px;
	color:#fff;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:30px;
	text-transform:uppercase;
	font-family:arial Black;
}
h3.eleves{
	font-size:18px;
	line-height:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	font-family:arial;
color:grey; margin-bottom:10px;
}

section.mb-5 h3 {
	color: #4C86C4;font-family:arial;line-height: 1.2em;margin-bottom:8px;text-transform:inherit;
}

section.mb-5 ul {
    list-style-type: circle !important;
    list-style-position: inside !important;
    display: block !important;
    overflow: visible !important;
}

ul.articles h3{
	font-size: 17px;color: black;line-height: 1.5em;margin-bottom: 0px;font-family: arial;text-transform:inherit;
}

.bouton-formation {
    background: #FBF7F6;
    padding: 20px;
    margin: 33px;
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.bouton-formation h2 {
    color: #4c86c4;
    transition: color 0.3s ease-in-out;
}

.bouton-formation p {
    color: #4C86C4;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0px;
    transition: color 0.3s ease-in-out;
}

/* Effet au survol */
.bouton-formation:hover {
    background: #4C86C4; /* Changement de couleur de fond */
    transform: scale(1.03); /* Léger agrandissement */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); /* Ombre portée */
}

.bouton-formation:hover h2 {
    color: #ffffff; /* Changement de couleur du texte */
}

.bouton-formation:hover p {
    color: #ffffff; /* Changement de couleur du texte */
}


.armadillo {
	font-weight:bold;color:black;text-align:center;font-family:armadillo, arial; font-size:23px;
	box-shadow: 1px 1px 20px #555;-moz-box-shadow: 1px 1px 20px #555;-webkit-box-shadow: 1px 1px 20px #555;padding:13px;margin:9px;
}
.ecrire-armadillo {
	font-weight:bold;color:black;text-align:center;font-family:armadillo, arial; font-size:30px;text-transform:uppercase;margin-top:18px;margin-bottom: 20px;
}
.col-lieu, .col-lieu2 {height:500px;}
.col-fete-des-meres, .col-fete-des-meres2 {height:1100px;}

.button1-wrap {
	border-bottom:1px solid #f5054e;
	height:25px;
	margin-bottom:30px;
}
	.button1-wrap a {
		background:#f5054e;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		padding:4px 14px;
		float:right;
		text-decoration:none;
		
	margin-right:2px;
	}
	.button1-wrap a:hover {
		background:#000;
	}

.button2-wrap {
margin:20px 0 20px 0;
	text-align:center;
	height:32px;
}
	.button2-wrap a {
		background:#f5054e;
		color:#fff;
		padding:7px 14px;
		font-size:15px;
		text-decoration:none;
	}
	.button2-wrap a:hover {
		background:#000;
	}
	
.button3-wrap {
margin:20px 0 20px 0;
	text-align:center;
	height:32px;
}
	.button3-wrap a {
		background:#f5054e;
		color:#fff;
		padding:7px 3px;
		font-size:15px;
		text-decoration:none;
	}
	.button3-wrap a:hover {
		background:#000;
	}

.list1 dt {	
	font-weight:bold;
	font-size:17px;
	color:#df94ab;
	margin-bottom: 5px;
}
.list1 dd {
	padding-bottom:24px;
	font-size:17px;
	width:100%;
	overflow:hidden;
	position:relative;
}
	.list1 dd a {
		color:#FDFDFD;
		text-decoration:none;
		font-style:italic;
	}
	.list1 dd a:hover {
		color:#fff;
	}
	.list1 dd span {
		width:16px;
		line-height:16px;
		display:inline-block;
	}
	.list1 dd a:hover span {
		background-position:0 -16px;
	}


/*==================boxes====================*/
.box {
	background:#fff;
	width:100%;
}
	.box .inner { 
		padding:22px 30px 60px 26px;
		position:relative;
	}
	.box .inner1 { 
		padding:50px; /*20px 30px 30px 26px;*/
	}
	.box .inner2 { 
		padding:22px 30px 38px 0px;	
	}
	.box .list1 dd a {
		color:#000;
	}
	.box .list1 dd a:hover {
		color:#f5054e;
	}
		.box .list1 dd a span {
			background:url(images/marker1.gif) no-repeat 0 0;
		}
		.box .list1 dd a:hover span {
			background-position:0 -16px;
		}


.box1 {
	background:#8b8686;
	width:100%;
	color:#fff;
}
	.box1 .inner { 
		padding:22px 25px 60px 26px;
		position:relative;
	}
		.box1 .button {
			background:#fff;
			color:#000;
		}
		.box1 .button:hover {
			background:#000;
			color:#fff;
		}

.box2 {
	background:#2d2b2b;
	width:100%;
	color:#968e8f;
}
	.box2 .inner { 
		padding:20px 20px 150px 26px;
		position:relative;
	}
		.box2 h3 {
			color:#fff;
		}
		.box2 .link1 {
			background:url(images/arrow2.gif) no-repeat 100% 5px;
			color:#fff;
		}
		.box2 h2.alt {
			color:#000;
		}

@font-face{font-family:'Armadillo';src:local('☺'),
url("fonts/a_sensible_armadillo.eot") format('eot'),
url("fonts/a_sensible_armadillo.svg") format('svg'),
url("fonts/a_sensible_armadillo.woff") format('woff'),
url("fonts/a_sensible_armadillo.otf") format('opentype'),
url("fonts/a_sensible_armadillo.ttf") format('truetype');font-weight:normal;font-style:normal;}

@font-face{font-family:'Annifont';src:local('☺'),
url("fonts/annifont.svg") format('svg'),
url("fonts/annifont.eot") format('eot'),
url("fonts/annifont.otf") format('otf'),
url("fonts/annifont.woff") format('woff'),
url("fonts/annifont.ttf") format('truetype');font-weight:normal;font-style:normal;}




#content .bg {
	background:white;
}
.wrapper { 
	width:100%;
	overflow:hidden;
	margin:0 auto;
	box-shadow: 1px 1px 20px #555;
	-moz-box-shadow: 1px 1px 20px #555;
	-webkit-box-shadow: 1px 1px 20px #555;
}
.container { 
	margin:0 auto;
}	
.container-cours{margin:0 auto;background:white;}
.slider {padding-bottom:25px;}
.marge {margin:0 5px 20px 0;float:left;}
.rogner{height:100px;overflow:hidden;display:inline-block;margin-bottom:20px;}
.voirlavideo {font-family:annifont;font-size:12px;color:#404040;font-weight:bold;text-transform:uppercase;text-align:center;text-decoration:none;background:#E9E8ED;border-radius:10px;padding:8px;}

.presentation {
	height:2250px;
	float:left;
	background:white;
	padding:50px;
	width:48.5%;
	box-shadow: 10px 10px 20px #555;
	-moz-box-shadow: 10px 10px 20px #555;
	-webkit-box-shadow: 10px 10px 20px #555;}

.photo-index {
			height:2325px;
			float:right;
			background:white;
			padding:5px 20px 20px 20px;
			width:39%;
			box-shadow: -5px 10px 15px #555;
			-moz-box-shadow: -5px 10px 15px #555;
			-webkit-box-shadow: -5px 10px 15px #555;}	
#page-tarif .presentation {height:805px;}
#page-tarif .photo-index {height:820px;}	
#page-choisir-son-piano .presentation {width:96%;height:100%;}
#contact .presentation {width:60%;}
#contact .photo-index {width:28%;}

div#feature_list {
		margin:auto;}

#content .mainContentEleve {
		color:#8e8c8c;
		float:left;
		width:60%;
		margin-top:10px;
	}	
.container-eleves{margin:0 auto;float:left;width:40%;}

		ul#tabs {
			float:left;
			right: 1px;
			z-index: 2;
			width:90%; 	
			margin-top:10px;}

		ul#tabs li {
			font-size: 11px;
			width:100%;
			overflow:hidden;
			padding-bottom:1px;
			margin:10px 0px 10px 0;
			box-shadow: 1px 1px 20px #555;
			-moz-box-shadow: 1px 1px 20px #555;
			-webkit-box-shadow: 1px 1px 20px #555;
		}
			ul#tabs li a, ul#tabs li {
				/*height:112px;*/
				color:#8e8c8c;
				text-decoration:none;
				display:block;
				cursor:pointer;
				background:#FCFCFC;
			}
			ul#tabs li a.currento ,ul#tabs li.currento {background:black;color:white;}
				
				ul#tabs li a span, ul#tabs li span {
					display:block;
					padding:10px 30px 0 0;
					font-size:15px;
				}
				ul#tabs li a em, ul#tabs li em {				/* En savoir plus */
					display:inline-block;
					color:#f5054e;
					font-style:normal;
					margin-top:18px;
				}
				ul#tabs li a i, ul#tabs li i {					/* La première ligne du titre, genre "Choisir son piano"  */
					/*text-shadow: 0px 0px 12px #777;*/
					color:*#8e8c8c;
					font-size:15px;
					font-style:normal;
					font-weight:bold;
					text-transform:uppercase;
				}
		
		ul#tabs li img {
			float: left;
			margin: -10px 15px 0 0;
		}
		
		ul#tabs li:hover {margin-left:10px;}
		
		ul#tabs li a:hover {
		
		}
			ul#tabs li a:hover em {
				color:; 
			}

	
	.section {
		padding-bottom:1px;
		font-size:14px;
	}

	section {padding-bottom:20px;}

    section h1 {font-weight: bold;}
	section h2 {color:#4C86C4;font-weight: normal;}
		
	.img-list {
		width:100%;
		overflow:hidden;
		padding-bottom:27px;
	}
		.img-list li img {
			float:left;
			margin-right:27px;
		}
		.img-list p {font-size:15px;text-align:justify;}
	
	.liste {margin:0;padding:0;font-size:14px;}
	.liste li{background:url(images/li.png) 6px 5px no-repeat; padding:0 0 0 25px; margin:0;}
	
	.playlist {padding:15px 15px 15px 15px;}
	.playlist li{background:url(images/note5.png) 2px 50% no-repeat; padding:0 0 0 25px; margin:0 0 8px 0;} 
	.playlist li a {color:grey;text-decoration:none;text-transform:capitalize;}
	.playlist li a:hover {text-decoration:underline;} 
	/*ul#tabs li ul.liste li{background:url(images/li.png) 6px 5px no-repeat; padding:0 0 0 25px; margin:0; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;font-size:15px;}
	 ul#tabs li ul.liste {margin:0;padding:0;}*/	
.articles li {
		padding:9px 20px 8px 15px;
		position:relative;
		margin-bottom:5px;
		background:#E9E9EB;
		cursor:pointer;
	}
	.articles li:hover {
			background:#F5E9E9; /*#EFEFE8;*/
		}
		
	.accordionButton{background:url(images//bullet-open-box.png) center right no-repeat;padding-right:20px;}
	.on{background:url(images//bullet-close-box.png) center right no-repeat;}
	.accordionContent {text-align:justify;padding-top:18px;}
	.articles li ul li, .articles li ul li:hover {background:url(images/li.png) 6px 5px no-repeat; padding:0 0 0 25px; margin-top:5px;}

/*===== footer =====*/
.footer {
	color:grey;
	text-align:center;
	margin:30px 0 30px 0;
	font-family: arial, serif;
	font-size: 14px;
}
	.footer a {
		color:#f5054e;
		text-decoration:none;
	}
		.footer a:hover {
			text-decoration:underline;
		}

fieldset {border:none;text-align: center;}
input , textarea{width:100%;padding:10px;color:grey;margin-bottom: 15px;border:1px solid lightgrey;}
#elearning input , textarea{width:95%;padding:10px;color:grey;margin-bottom: 15px;border:1px solid lightgrey;}
input {height:20px;}
input.actualite {width:320px;}
.label-contact {width:130px;display:inline-block;margin-bottom:10px;}
.label-contact.actualite {width:180px;}

ul.liste li  img {float:none;margin:0 5px 0 5px; position:relative;z-index:1;}

#compositeur a {color:#404040; text-decoration:none;text-decoration:underline;}
#compositeur a:hover {color:#404040;font-style:bold; text-decoration:none;}
#mot-de-passe input {width:70px;}
#mot-de-passe input.email {width:110px;}
#mot-de-passe form.creer input {width:110px;}
a.imginfo {
  color: grey; /* on masque l'infobulle */
  /*background:url(images/info-bulle.jpg) no-repeat 120% -3px;*/
}
a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index:; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
z-index:20;
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  /*white-space: nowrap; on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  width:300px;
  background:url(images/nav-bg2.png) 0 0 repeat;
  padding: 10px;
  margin-left:25px;
  box-shadow: 1px 1px 20px #555;-moz-box-shadow: 1px 1px 20px #555;-webkit-box-shadow: 1px 1px 20px #555;}

  
:focus {
	outline: none;
}
.showcase {
	position: relative;
	}

.showcase a.controls {
	position: absolute;
	width: 54px;
	height: 50px;
	background-color: white;
	text-decoration: none;
	color:grey;
	font-size: 30px;
	font-weight: bold;
	text-align: center;	
	border: 2px solid white;	
	}

.showcase a.previous {
	padding-bottom: 4px;
}

.showcase ul li {
	width: 200px;			/* Largeur des photos */
	height: 200px;			/* Hauteur des photos */
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}

.showcase li img {
	width: 100%;
	height: 100%;
	border: 5px #AAAAAA ridge;	
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {	
	margin: 0 auto;       /*Descendre ou monter toutes les photos*/
	width: 536px;		  /*La largeur totale des photos + des controls  */
	height: 200px;
}	
	
.showcase#horizontal a.controls {
	top: 44%;
}

.showcase#horizontal a.next {
	right: 0;
	padding-top: 4px;
}

.showcase#horizontal a.controls:hover {
	border-color: grey;
}

.showcase#horizontal ul {
	position: relative;	  
	width: 350px;		/* Juste la largeur des photos  */
	height: 220px;	
	margin: 0 auto;
}

a.loupe:hover {font-size:110%;}