#listWidgets {
	float: left;
	width: 33%;
}

#sidebarsWidgets {
	float: left;
	width: 65%;
	margin-left: 1%;
}
#sidebarHome {
	float: left;
	width: 90%;
	margin-left: 0%;
}
#sidebarExtra {
	float: left;
	width: 49%;
	margin-left: 1%;
}

#sidebarsControl {
	clear: left;
}

#widgets, #dndhome, #dndextra {
	padding: 1em 0;
}

.widgets fieldset {
	border: 1px solid #999;
}
.widgets legend {
	border: 1px solid #999;
}

.widgets p.widget-name {
	background: #d4d0bc;
	color: #000;
	padding: 4px;
	margin: 0.5em 0 0 0;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #666;
	font-weight: bold;
}
.widgets p.widget-name img {
	cursor: pointer;
	margin-bottom: -1px;
}

.widgetSettings {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #666;
	padding: 4px;
	background: #eceade;
}

#widgets .widgetSettings {
	display: none;
}

.hideControls .widgetSettings {
	display: none;
}
.hideControl {
	display: none;
}

#widgets-tpl dt {
	margin: 1em 0 0 0;
}
#widgets-tpl dd {
	margin: 0.2em 0 1em 0;
}

.bloctext{
display : block;
}


.homeright{width : 49%; float : right; clear : right; margin-bottom: 25px;}
.homeleft{width : 49%; float : left; clear : left; margin: 0 1.5% 25px 0;}
.homecenter{width : 100%; clear : both; margin-bottom: 25px;}

.jCarouselLitelastproducts li{
float:left;
overflow:hidden;
}

.jCarouselLitelastproducts ul{
list-style-type:none;
margin:0;
padding:0;
position:relative;
width:2890px;
z-index:1;}
						

.prevlastproducts{
float:left;
background: url('/?pf=homePage/left.png') right 60px no-repeat;
height:100px;
width:32px;
}

.nextlastproducts{
float:left;
background: url('/?pf=homePage/right.png') right 60px no-repeat;
height:100px;
width:32px;
}

#jCarouselLiteDemolastproducts .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
float: left;
}              
/*	
#jCarouselLiteDemolastproducts .carousel a.prev, 
#jCarouselLiteDemolastproducts .carousel a.next {
display: block;
float: left;
width: 30px;
height: 143px;
text-decoration: none;
background: url('/image/imageNavLeft.gif') left 60px no-repeat;
}
#jCarouselLiteDemolastproducts .carousel a.next {
background: url('/image/imageNavRight.gif') right 60px no-repeat;
}
#jCarouselLiteDemolastproducts .carousel a.next:hover {
background-image: url('/image/imageNavRightHover.gif');
}
#jCarouselLiteDemolastproducts .carousel a.prev:hover {
background-image: url('/image/imageNavLeftHover.gif');
}    
*/
#jCarouselLiteDemolastproducts .carousel .jCarouselLitelastproducts {				
float: left;
/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
}

#jCarouselLiteDemolastproducts .carousel li p {
/*width: 150px;
height: 118px;*/
margin: 10px;
}
							
#jCarouselLiteDemolastproducts img {
cursor: pointer;
}


.jCarouselLiteselectproducts li{
float:left;
overflow:hidden;
/*width:170px;*/}

.jCarouselLiteselectproducts ul{
left:-510px;
list-style-type:none;
margin:0;
padding:0;
position:relative;
width:2890px;
z-index:1;}
						

.prevselectproducts{
float:left;
background: url('/?pf=homePage/left.png') right 60px no-repeat;
height:100px;
width:32px;
}
						
.nextselectproducts{
float:left;
height:100px;
width:32px;
background: url('/?pf=homePage/right.png') right 60px no-repeat;
}


#jCarouselLiteDemoselectproducts .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
float: left;
}              
/*	
#jCarouselLiteDemoselectproducts .carousel #jCarouselLiteDemoselectproducts .carousel {
display: block;
float: left;
width: 30px;
height: 143px;
text-decoration: none;
background: url('/?pf=homePage/left.png') left 60px no-repeat;
}

#jCarouselLiteDemoselectproducts .carousel a.nextselectproducts:hover {
background-image: url('/image/imageNavRightHover.gif');
}
								
#jCarouselLiteDemoselectproducts .carousel a.prevselectproducts:hover {
background-image: url('/image/imageNavLeftHover.gif');
}    
*/
			   
#jCarouselLiteDemoselectproducts .carousel .jCarouselLiteselectproducts {							
float: left;						
/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
}

#jCarouselLiteDemoselectproducts .carousel li img, #jCarouselLiteDemoselectproducts .carousel li p {
/*width: 150px;
height: 118px;*/
margin: 10px;
}
							
#jCarouselLiteDemoselectproducts img {
cursor: pointer;
}

.jCarouselLiteCarouselBlocTxt li{
float:left;
height : 50px;
overflow:hidden;
width:500px;}

.jCarouselLiteCarouselBlocTxt ul{
left:-510px;
list-style-type:none;
margin:0;
padding:0;
position:relative;
width:2890px;
z-index:1;}
						

.prevbloctxtCarousel{
float:left;
background: url('/?pf=homePage/left.png') right 60px no-repeat;
height:100px;
width:32px;
}
						
.nextbloctxtCarousel{
float:left;
height:100px;
width:32px;
background: url('/?pf=homePage/right.png') right 60px no-repeat;
}


#jCarouselLiteDemoCarouselBlocTxt .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
float: left;
}              
/*	#jCarouselLiteDemoCarouselBlocTxt .carousel #jCarouselLiteDemoCarouselBlocTxt .carousel {
display: block;
float: left;
width: 30px;
height: 143px;
text-decoration: none;
background: url('/?pf=homePage/left.png') left 60px no-repeat;
}

#jCarouselLiteDemoCarouselBlocTxt .carousel a.nextbloctxtCarousel:hover {
background-image: url('/image/imageNavRightHover.gif');
}

#jCarouselLiteDemoCarouselBlocTxt .carousel a.prevbloctxtCarousel:hover {
background-image: url('/image/imageNavLeftHover.gif');
}    
*/
			   
#jCarouselLiteDemoCarouselBlocTxt .carousel .jCarouselLiteCarouselBlocTxt {
float: left;
/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
width: 511px;
}

/*#jCarouselLiteDemoCarouselBlocTxt .carousel li img, 
#jCarouselLiteDemoCarouselBlocTxt .carousel li p {
width: 150px;
height: 118px;
margin: 10px;							
}*/
							
#jCarouselLiteDemoCarouselBlocTxt img {
cursor: pointer;
}

.BoutonbloctxtCarousel{
float:left;
margin-top: -25px;
}

.BoutonbloctxtCarousel a{
margin-right:3px;
padding: 3px 8px;
background: #ddd;
border: 1px solid #aaa;
}