@charset "UTF-8";
/* CSS Document */

html{
	margin: 0;
	padding: 0;
	}

body{
	background: #F3F3F5;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size: 12px;
	}
	
a:active{
	text-decoration: none;
	margin: 0;
	padding: 0;
	}

a:link{
	text-decoration: none;
	margin: 0;
	padding: 0;
	color:#0066CC;
	}

a:hover{
	text-decoration: underline;
	margin: 0;
	padding: 0;
	color:#0066CC;
	}

.center{
	text-align:center;
}

.tablefc{
	width:100%;
}

.tablefc td{
	border:solid 1px #000000;
	padding: 10px;
}

a:visited{
	text-decoration: none;
	margin: 0;
	padding: 0;
	color:#0066CC;
}

h1, h2, h3, h4, h5, h6{
	padding: 0;
	margin: 0;
	}
	
.red{
	color: red;
	}

h1{
	color: #333;btn
	font-family: "Helvetica Neue", Helvetica, Arial, sans serif;
	font-weight: lighter;	
	font-size: 2em;
	line-height: 0.8em;
	margin-bottom: 0.2em;
	}

h2{
	color: #0066cc;
	font-weight: lighter;
	margin-bottom: 0.2em;
	}

h3{
	color: #333;
	font-size:1em;
	margin:0.8em 0;
	}

h4{
	color: #333;
	margin:0 0 0.8em;
	}

h5{
	color: #333;
	margin:0.8em 0;
	}

h6{
	color: #333;
	font-weight: lighter;
	margin:0.8em 0;
	}

a img{border: none;}

p{margin-top: 0;}

.clear{
	clear: both;
	}
	
anti-float{
	clear: both;
	content:".";
	height: 0;
	visibility: hidden;
	display: block;
	}
	
.bold{
	font-weight: bold;
	}
	
.lower{
	text-transform: lowercase;
	}

.col50{
	width:45%;
	float:left;
	text-align:center
}
	
/*//////////////////////////////////////////////////HOME///////////////////////////////////////////////////*/

.page{
	margin: 10px auto;
	width: 830px;
	}
	
.head{
	width: 100%;
	}
	
.top-nav{
	height:100px;
	padding:5px 0;
	width:100%;
	}

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

.top-nav .right{
	margin:0 10px;
	}
	
.univers-peyrefitte{
	display: table;
	float: right;
	padding: 5px 0;
	width: 120px;
	}.univers-peyrefitte img{max-height: 90px; }
	
.reunions-infos{
	background: url(../images/accueil/bg-reunions-infos.png) top center no-repeat;
	height: 95px;
	width: 295px;
	float: right;
	}
	.reunions-infos a{color: #000;}
	
	.reunions-infos ul{
		margin: 0 10px;
		padding: 0;
		float: left;
		list-style: none;
		diplay:block;
		}
	.reunions-infos span{
		display:block;
		margin:8px 0 4px;
		padding:0 0 0 15px;
		}

.texte{
	display:block;
	margin: 2px 0 11px;
	text-align:center;
	}
	
.title{
	color: #222D80;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	}
	
.btn-ecoles{
	background: url(../images/accueil/bg-ecole-superieur-acces.png) top center no-repeat;
	display: block;
	float: right;
	font-family: "Helvetica Neue", Helvetica, Arial, sans serif;
	height: 25px;
	padding: 2px 0;
	text-align: center;
	width: 103px;
	}
	
.btn-ecoles a, .vignettes .btn-ecoles a{
	color: #fff;
	font-size: 14px;
	}
	
/*//////////////////////////////////////////////////MENU///////////////////////////////////////////////////*/

	
.nav{
	display: table;
	width: 100%;
	}
	
ul#menu{
	background: url(../images/accueil/bg-menu.jpg) repeat-x;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
ul#menu li{
	float: left;
	height: 44px;
	}
	
ul#menu li a{
	color: #ffffff;
	display: block;
	height: 44px;
	text-align: center;
	padding: 0 3px;
	line-height: 14px;
	font-size: 12px;
	text-transform: uppercase;
	width: 80px;
	}
	
ul#menu li a:hover{
	background: url(../images/accueil/bg-menu-hover.jpg) repeat-x;
	}
	
ul#menu li.btn1{padding: 1px 0;}
ul#menu li.btn1 a{padding: 0; width: 30px;}
ul#menu li.btn2 a, ul#menu li.btn3 a, ul#menu li.btn0 a, ul#menu li.btn7 a, ul#menu li.btn8 a{
	padding: 14px 3px 0;
	height: 30px;
	}
ul#menu li.btn5 a, ul#menu li.btn6 a, ul#menu li.btn4 a, ul#menu li.btn9 a{
	padding: 6px 2px 3px;
	}
ul#menu li.btn3 a{width: 60px;}
ul#menu li.btn2 a{width: 90px;}
ul#menu li.btn5 a{width: 105px;}
ul#menu li.btn8 a{width: 70px;}
ul#menu li.btn9 a{width: 105px;}
/*ul#menu li.btn1 a{
	padding: 0 1px;
	}
	
ul#menu li.btn5 a, ul#menu li.btn6 a{
	padding: 6px 0 3px;
	}
	
ul#menu li.btn1{
	padding: 1px 0; 
	width: 30px;
	}
	
ul#menu li.btn2 a, ul#menu li.btn3 a, ul#menu li.btn7 a, ul#menu li.btn8 a{
	padding: 14px 0 0;
	height: 30px;
	}
	
ul#menu li.btn4 a, ul#menu li.btn9 a{
	padding: 6px 0;
	height: 38px;
	}
	
ul#menu li.btn6{
	width: 10%;
	}
	
ul#menu li.btn9{
	width: 117px;
	}*/
	
/*//////////////////////////////////////////////////sidebar///////////////////////////////////////////////////*/
	
.sidebar{
	float: left;
	margin: 20px 0;
	width: 180px;
	}
	
.sidebar .middle{
	background: #FFF url(../images/accueil/bg-sidebar-debouches.png) repeat-y top center;
	height: 290px;
	}
	
.sidebar .top{
	margin: 0;
	}
	
.sidebar h2{
	color: #fff;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	}
	
.sidebar h3{
	background: #8fc5eb;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	padding: 2px 0 2px 25px;
	text-transform: uppercase;
	}
	
.sidebar ul{
	margin: 0;
	padding-left: 25px;
	list-style: none;
	margin-bottom:10px;
	}
	
.sidebar ul li a{
	color: #000;
	font-size: 12px;
	padding: 2px 0;
	}
	
.sidebar ul li a:hover{
	text-decoration: underline;
	}
	
.zoom{
	background: url(../images/accueil/zoom.png) top center no-repeat;
	height: 300px;
	margin: 10px 0 0;
	width: 180px;
	}
	
.zoom h1{
	color: #fff;
	font-size: 21px;
	padding: 200px 40px 0;
	text-align: center;
	}
	
/*//////////////////////////////////////////////////Content///////////////////////////////////////////////////*/
	
.content{
	float: right;
	margin: 20px 0;
	width: 75%;
	}
	
.vignettes{
	height: 139px;
	float: left;
	width: 290px;
	padding:  10px 5px 5px;
	}
	
.vignettes h1{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	}
	
.vignettes h3{
	font-size: 14px;
	text-transform: uppercase;
	line-height: 18px;
	margin: 3px 0;
	}
	
.vignettes p{
	font-size: 13px;
	letter-spacing: 0;
	}
	
.vignettes a{color: #FFF;}
.vignettes p{margin-top: 0;}
	
.vignettes.item4{background: transparent;}
.vignettes.item5{background: transparent;}
.vignettes.item6{background: transparent;}
.vignettes.item7{background: url(../images/accueil/esthetique-formtion.png) top center no-repeat;}
.vignettes.item8{background: transparent;}
.vignettes.item9{background: transparent;}
.vignettes.item11{background: url(../images/accueil/univers-ecole-peyrefitte.png) top center no-repeat;}
.vignettes.item1{background: transparent;}
.vignettes.item3{background: transparent;}
.vignettes.item2{background: transparent;}
.vignettes.item12{background: transparent;}
.vignettes.item10{background: transparent;}

.vignettes.item3 .vignettes.item10{
	height:160px;
	padding:0;
	width:192px;
	}
	
.vignettes.item8 h1{
	color:#FFFFFF;
	text-shadow: 1px 1px 5px #000;
	}

.vignettes.item4 h1{
	color:#FFFFFF;
	text-shadow: 1px 1px 5px #000;
	}
	
.vignettes.item8 h1 a{color: #fff;}
	
.vignettes.item3 h1{
	color:#FFFFFF;
	text-indent: -999em;
	}
	
.vignettes h1 span{
	text-transform: lowercase;
	font-size: 13px;
	}

.vignettes h1 span a:hover{
	text-decoration: underline;
	}
	

/*//////////////////////////////////////////////////FOOTER///////////////////////////////////////////////////*/

.footer{
	width: 100%;
	}
	
.footer .middle{
	background: #BEC0CE url(../images/accueil/middle-formations-sport.png) bottom left no-repeat;
	width: 827px;
	}
	
.colonne1{
	float: left;
	width: 23%;
	padding-left: 10px;
	line-height: 0.8em;
	}
	
.colonne4{
	float: left;
	width: 49%;
	line-height: 0.8em;
	
	}
	
.colonne4b{
	float: left;
	width: 32%;
	line-height: 0.8em;
	
	}
	
.colonne1 img{
	margin: 0 0 0 10px;
	}
	
.colonne2{
	float: left;
	width: 47%;
	display: table;
	line-height: 0.8em;
	}
	
.colonne3{
	float: right;
	width: 28%;
	}
	
.colonne1 ul{
	float: left;
	list-style: none;
	padding:0 5px;
	width: 90%;
	}
	
.colonne2.footer ul{
	float: left;
	list-style: none;
	padding:0 5px;
	margin: 5px 0 30px;
	width: 90%;
	}
	
.bottom-nav ul{
	background: #77789A;
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 827px;
	}

.bottom-nav ul li{
	height: 30px;
	margin: 0 10px;
	float: right;
	}
	
.bottom-nav ul li a{
	color: #fff;
	font-size: 13px;
	}
	
.colonne1 ul li a:hover, .colonne3 ul li a:hover{
	text-decoration: underline;
	}

.colonne2 ul li a:hover, .colonne3 ul li a:hover{
	text-decoration: underline;
	}
	
.colonne2.footer h3{
	color: #222d80;
	margin-bottom: 0;
	}
	
.colonne1 h3{
	color: #222d80;
	margin-bottom: 0;
	}
	
.colonne1 ul li a{
	color: #3B406D;
	font-size: 0.8em;
	}

.colonne2.footer ul li a{
	color: #3B406D;
	font-size: 0.8em;
	}
	
.colonne3 ul{
	padding: 0;
	list-style: none;
	}
	
.colonne3 ul li a{
	color: #222d80;
	font-size: 0.8em;
	}
	
.colonne3 ul h3{
	color: #222d80;
	}
	
/*/////////////////////////vignettes hover////////////////////////*/

	
			.boxgrid{ 
				width: 182px; 
				height: 142px; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
				margin:20px 15px 3px 0;
			}
							
			.boxcaption{ 
				float: left; 
				position: absolute; 
				height: 154px; 
				padding: 0 10px;
				width: 182px;
				top: 160px;
				background: #000;
				opacity: .7; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

 			}
			
				.vignettes.boxcaption p{
					opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				margin: 5px 0 0;
					}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
/*/////////////////////////carrousel accueil////////////////////////*/

.infos{
	font-family: "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size:12px;
	color:#000;
	text-align:center;
}

.galerie{
	padding-top: 10px;
	}

/*/////////////////////////PAGE FORMATIONS////////////////////////*/

.formations .colonne2{
	display: table-cell;
	padding: 10px;
	width: 45%;
	}
	
.cont_colonne{
	border: 1px dashed #06c;
	background: #fff url(../images/formations/bg-formation.png) bottom right no-repeat;
	display: table;
	}
	
.list-formations{
	clear: both;
	padding: 10px;
	width: 90%;
	}
	
.list-formations ul{
	list-style: none;
	}
	
.list-formations ul li{
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	}
	
.list-formations ul li a{
	color: #06c;
	}

/*/////////////////////////PAGE METIERS////////////////////////*/

.metiers .cont_colonne{
	padding: 10px;
	}

.list-metiers{
	clear: both;
	padding: 10px;
	width: 90%;
	}
	
.list-metiers ul{
	list-style: none;
	}
	
.list-metiers ul li{
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	width:80%;
	}
	
.list-metiers ul li a{
	color: #06c;
	}
	
/*/////////////////////////PAGE NEWS////////////////////////*/

.news{
	background: #fff url(../images/news/grille.png) bottom right no-repeat;
	border: 1px dashed #06c;
	margin: 10px 0;
	padding: 10px;
	}
	
/*/////////////////////////PAGE inscriptions////////////////////////*/
	
.inscriptions{
	background: url(../images/inscriptions/inscription.png) top center no-repeat;
	float: left;
	height: 228px;
	padding: 20px 20px 20px 10px;
	width: 168px;
	}

.informations{
	background: url(../images/inscriptions/infos-sport.png) top center no-repeat;
	float: left;
	height: 199px;
	padding: 20px 20px 20px 10px;
	width: 172px;
	}
	
.inscriptions h3, .inscriptions a, .informations h3, .informations a, .informations, .inscriptions{color: #fff;}

.inscriptions h3, .informations h3{
	font-size: 24px;
	}
	
.inscriptions a, .informations a{
	background: #06c;
	border: 1px solid; 
	display: block;
	padding: 2px;
	width: 71px;
	}
	
div.panes .tab {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	font-size:14px;
	background: #fff url(../images/peyrefitte/bg-tabs.png) top repeat-x;
}

ul.tabs{
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	}
	ul.tabs li{
		float: left;
		width: 207px;
		}
		ul.tabs li a{
			color: #000;
			display: block;
			padding: 10px 0;
			text-align: center;
			}
			ul.tabs li a.current{
				background: url(../images/peyrefitte/repere.png) bottom center no-repeat; 	
				}
			
							
.contact{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px dashed #0066CC;
	margin:20px 0;
	padding:20px;
	min-height:155px;
	width:580px;
	}
	.contact label{
		clear:left;
		display:table;
		float:left;
		margin:5px 0;
		width:200px;
		}
	.contact input[type="text"]{
		border: 1px solid #333;
		float: left;
		width: 300px;
		}
	.contact input[type="button"]{
		border: 1px solid #06c;
		}
	.contact img.left{
		margin: 25px 30px 0 54px;	
		}
		
.contacte{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px dashed #0066CC;
	margin:20px 0;
	padding:20px;
	min-height:60px;
	width:580px;
	}
	.contacte label{
		clear:left;
		display:table;
		float:left;
		margin:5px 0;
		width:104px;
		}
	.contacte input[type="text"]{
		border: 1px solid #333;
		float: left;
		width: 300px;
		}
	.contacte input[type="button"]{
		border: 1px solid #06c;
		}
	.contacte img.left{
		margin: 25px 30px 0 54px;	
		}
		
		
.bloc-contact{
	float: left;
	margin:10px 5%;
	width:40%;
	}
	.bloc-contact a{
		color: #06c;
		border: 1px solid #06c;
		padding: 5px;
		}
		
.ancre h2{
	border:1px solid #0066CC;
	display:inline;
	float:left;
	margin:30px 60px 0;
	padding:5px;
	}
	.ancre a{color: #333;}
	
	.partenaires{
		float: left;
		margin: 0 0 0 1%;
		width: 48%;	
		}
	
	.partenaires a{
		color: #06F;	
		}
	ul.partenaires{
		list-style: none;
		margin: 0; 
		padding: 0;
		}
		ul.partenaires li{
			background:#FFFFFF none repeat scroll 0 0;
			border:1px solid #CCCCCC;
			margin:20px auto;
			padding:10px 10px 10px 30px;
			width:80%;
			}
			ul.partenaires li img{
				margin: 5px 10px 5px 0;	
				}
		
.bloc-demande{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px dashed #0066CC;
	margin:20px 0;
	padding:20px;
	min-height:160px;
	}
		
	.bloc-demande label{
		clear:left;
		display:table;
		float:left;
		margin:5px 0;
		width:170px;
		}
	.bloc-demande input[type="text"]{
		border: 1px solid #333;
		float: right;
		width: 300px;
		}
	.bloc-demande input[type="button"]{
		border: 1px solid #06c;
		}
		
	.bloc-demande input[type="radio"]{
		margin: 0 30px 0 100px; 
		}
	#etab, #form, #diplome{width: 200px;}
	
.flash{
	float: left;
	height: 150px;
	margin:15px 15px 3px 0;
	width: 190px;
	}
	
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */	
	width:675px;		
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.simple_overlay .close { 
    background-image:url(../images/accueil/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/*PAGE TOUS PROFILS*/

.gerard{
	color: #A5027D;
	font-weight: bold;
	
}

.gerardp{
	float:left;
	padding:0px 26px 10px 0;
	width:100px;
}

ol#profils{
	list-style: none;
	padding: 0;
	}
	
ol#profils li{
	margin: 0 0 30px;
	}
	
ol#profils ul li{margin: 0 0 10px;}
	
ol#profils li p{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	border: 1px solid #CF96BF;
	color: #A5027D;
	font-weight: bold;
	padding: 5px;
	}

span.number{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#FFFFFF none repeat scroll 0 0;
	border:3px solid;
	color:#A5027D;
	float:left;
	font-size:34px;
	font-weight:bold;
	left:-10px;
	margin:0 10px 0 0;
	padding:5px 5px 0;
	position:relative;
	text-shadow:2px 2px 0 #CF96BF;
	top:-5px;
	}
	
ol#profils ul{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	background: #fff;
	list-style: none;
	padding: 15px;
	}
	
ol#profils img{max-width: 610px;}
	
.pink{color: #A5027D;}

/*PAGE TOUS PROFILS*/
/*PAGE AIX*/

#aix img.left{
	margin: 0 20px 10px 0;
	}
	
#aix div.texte{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #A5027D;
	float:left;
	margin: 50px 0 0;
	padding:5px;
	text-align:left;
	width:130px;
	}
	
#aix div.coord{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #A5027D;
	float:left;
	margin: 10px 0;
	padding:5px;	
	width:100%;
	}
	
#aix div.texte2{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #A5027D;
	float:left;
	margin: 50px 10px 0 0;
	padding:5px;
	text-align:left;
	width:200px;
	}

/*PAGE AIX*/

/*PAGE LYON*/

div.col40 {
	float: left;
	width: 40%;	
	margin-top: 20px;
	background-color: #ffffff;
}

div.col40.bas {
	height: 220px;
	background-image: url(../images/lyon/bg-bas.jpg);
	background-repeat: repeat-x;
	background-color: #204999;	
	color: #ffffff;
}

div.col40.bas h2 {
	margin: 10px;
	color: #ffffff;	
}


div.col60 {
	float: left;
	width: 57%;	
	margin-top: 20px;
	background-color: #ffffff;
	margin-right:15px;
}

div.col60 p, div.col60 ul, div.col60 h2{
	margin-left: 20px;	
	margin-right: 20px;
}

div.col60 p, div.col60 ul {
	line-height: 18px;	
}

div.col60 ul, div.col40.bas ul {
	list-style-type: none;	
}

div.col60 h2{
	margin-top: 15px;
}

div.col60 p b, div.col60 ul b {
	color: #0076bd;
	font-weight: bold;	
}

#lyon div.texte{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #A5027D;
	float:left;
	margin: 50px 10px 0 0;
	padding:5px;
	text-align:left;
	width:200px;
	}
	
#lyon img.left{
	margin: 0 20px 10px 0;
	}

/*PAGE LYON*/

#livre_or{
	list-style: none;
	padding: 0 40px;
	}
	
#livre_or .date{
	border:1px solid #CCCCCC;
	color:#3333333;
	display:inline-block;
	font-weight:bold;
	line-height:10px;
	margin:0 5px 0 0;
	padding:5px 5px 1px;
	position: relative;
	top: 20px;
	left: 5px;
	}

#livre_or .nom{
	color:#0066CC;
	display:block;
	font-family:Helevetica Neue,Arial,sans-serif;
	font-size:18px;
	font-weight:lighter;
	line-height:18px;
	padding:4px 4px 4px 85px;
	}
	
.comm{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:-7px 0 0;
	padding:10px;
	}

/* galerie photos */

.scrollable .items,.scrollable2 .items {
width:20000em;
position:absolute;
float:left;
}

.scrollable2 {
position:relative;
overflow:hidden;
height:170px;
}

#image_wrap {
width:550px;
text-align:center;
background-color:#efefef;
border:2px solid #fff;
outline:1px solid #ddd;
-moz-ouline-radius:4px;
margin:15px 0 15px 33px;
padding:15px 0;
}

#image_wrap img {
max-width:500px;
max-height:400px;
}

.scrollable2 {
position:relative;
overflow:hidden;
width:550px;
height:100px;
border:1px solid #ccc;
background:url(../images/h300.png) repeat-x;
float:left;
}

.scrollable2 img {
float:left;
background-color:#fff;
border:1px solid #ccc;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:10px 5px;
padding:2px;
}

.scrollable2 .active {
border:2px solid #000;
z-index:9999;
position:relative;
}

a.browse {
background:url(../images/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
cursor:pointer;
font-size:1px;
margin:20px 3px;
}

a.right {
background-position:0 -30px;
clear:right;
margin-right:0;
}

a.left {
margin-left:0;
}


.items img {
max-height:80px;
max-width:100px;
}

.edito_gerard{
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	background-color:#DDDDDD;
	height:133px;
	padding:15px 0 0 100px;
}