#carouselrub {
/*margin-top:22px;*/
margin-bottom:0px;

}
#carouselrub ul {
    list-style-type: none;
	padding:0px;
}

#carouselrub h4{
padding-bottom:5px;
padding-left:15px;
font-size:13px;
clear:both;
font-weight:normal;
background-image:url('../images/background/fond-h4-arrows.png');
background-position: 3px top;
background-repeat: no-repeat;
margin-left:10px;
color:#383838;

}
#carouselrub ul li {
    display: inline;
}

.boiteoption{
	margin-bottom:12px;
	}
#carouselrub ul.tabs {
    margin:0px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
    height: 29px;
    width: 755px; /* idem div.tabs+1 */
}

#carouselrub ul.tabs li a:hover {
	text-decoration:none;
}
#carouselrub ul.tabs li a {
    float: left;
    height: 28px;
    line-height: 25px;
    padding: 0 10px;
    border: 1px solid #CCCCCC;
    margin-right: 14px;
    margin-bottom: -1px;
	/*background: url('../images/background/fond_home_onglet.png') repeat-x;*/
	background-color:#F7F7F7;
	color:#3C3C3C;
	width:150px;
	text-align:center;
	font-size:14px;
	}
	
#carouselrub ul.tabs li a.carousel-selected {
	font-size:14px;
    height: 29px;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #FFF;
	font-weight:normal;	
	background-color:#0756A5;
	color:#FFFFFF;
	z-index:100000;
}

#carouselrub div.tabs {
	background: url('../images/background/fond_home_carousel.jpg') repeat-x;
	background-position:bottom;
	/*background-color:#FFFFFF;*/
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
    height: 400px;
	width:749px;
    overflow: hidden;
}

#carouselrub div.middle-tabs {
    width: 750px; /* idem div.tabs */
    overflow: hidden;
}

#carouselrub div.inner-tabs {
    width: 2253px; /* 630*n + 20 */
    height: 431px;
}

#carouselrub div.tab {
    float: left;
    width: 751px; /* idem div.tabs */
    height: 441px; /* check div.tabs */
	padding-top:19px;
   
}

#carouselrub div.tab p {
    padding-bottom: 7px;
}

.carousel {
    overflow: hidden;
}

.carousel .inner {
    
}

.carousel .middle {
    overflow: auto;
}


/* Example 1 ---------------------------------- */

#example-1 {
    width: 320px; /* middle + 2*<a> */
    height: 128px;
    margin-top: 15px;
}

#example-1 .middle {
    float: left;
    width: 271px;
    height: 150px;
}

#example-1 .inner img {
    float: left;
}

#example-1 .carousel-control {
    float: left;
    width: 23px;
    height: 128px;
    text-align: center;
    text-decoration: none;    
	padding-top:55px;

}

#example-1 a.next {
    float: right;
}

#example-1 a:hover {

}




/* Example 2 ---------------------------------- */

#example-2 {


    width: 320px; /* middle + 2*<a> */
    height: 128px;
	position: relative; top: 45px; left: 10px; 
    margin-top: 15px;
}

#example-2 .middle {
    float: left;
    width: 271px;
    height: 150px;
}

#example-2 .inner img {
    float: left;
}

#example-2 .carousel-control  {
    float: left;
    width: 23px;
    height: 128px;
    text-align: center;
    text-decoration: none;    
    font-size: 36px;
    line-height: 120px;
	padding-top:55px;	
}

#example-2 a.next {
    float: right;
}

#example-2 a:hover {
    color: #000;
}



/* Example 3 ---------------------------------- */


#example-3 {


    width: 320px; /* middle + 2*<a> */
    height: 128px;
    margin-top: 15px;
}

#example-3 .middle {
    float: left;
    width: 271px;
    height: 150px;
}

#example-3 .inner img {
    float: left;
}

#example-3 .carousel-control {
    float: left;
    width: 23px;
    height: 128px;
    text-align: center;
    text-decoration: none;    
    font-size: 36px;
    line-height: 120px;
	padding-top:55px;	
}

#example-3 a.next {
    float: right;
}

#example-3 a:hover {
    color: #000;
}



/* Example 3  end---------------------------------- */

.carouselbox{
float:left;
height:116px;
width:126px;
overflow:visible;
margin:5px;
background: url('../images/background/fond_home_carousel_body.jpg') repeat-x;
border:1px solid #CCCCCC;


}
.carouselbox .tooltip {
font-size:10px;
color:#1156A0;
width:100px;
}
.carouselbox .bar {
height:10px;
}
.carouselbox .maxgraph {
left:80px;
}
#list-1 .bar2rel{background:url('/design/ezwebin/images/graphbar/fond_vert.jpg');}
#list-1 .valhaut2rel{color:#6da137; text-align:left}

.carouselbox a.tooltip:hover em {
    font-style: normal;
	font-weight:normal;
	font-size:10px;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffffcc;
    width:100px;
}
.category-block1{
height:310px;
border:1px solid #CCCCCC;
}

.category-block2{
margin-top:10px;
height:116px;
border:1px solid #CCCCCC;
}
.category-block3{
height:310px;
border:1px solid #CCCCCC;
}

.category-block4{
margin-top:10px;
height:86px;
border:1px solid #CCCCCC;
}

.category-block1 h3, .category-block2 h3, .category-block3 h3, .category-block4 h3, #carouselranking1 h3 {
	border-bottom: 1px #CCCCCC solid;
	background:#daeafa;
	padding-top : 7px; 
	padding-bottom : 8px; 
	padding-left : 15px;
	margin-bottom : 5px;
	font-size:12px;
	font-weight:normal;
}
.category-block1 h3 a, .category-block2 h3 a, .category-block3 h3 a, .category-block4 h3 a, #carouselranking1 h3 a{
	text-decoration:none;
	color:#000;
}

.carousel-bt-go{
width:250px;
float:left;
}

#carouselintro{
padding:5px;
height:40px;
}

#carouselintro1{
padding:5px;
height:40px;
}

#carouselintro2{
padding:5px;
height:40px;
}

#carouselranking{
width:365px;
height:304px;

float:left;
margin-left:5px;
margin-right:10px;
}

#carouselranking1{
width:364px;
height:310px; 
border:1px solid #CCCCCC;
float:left;
margin-left:5px;
margin-right:8px;
}

#carouselrankingtxt{
height:50px;
padding:5px;
}

#carouselcategory form, #carouselranking form, .category-block3 form{
	margin-left:15px;	
	
}

#carouselcategory .category-block1 > p, #carouselranking .category-block1 > p, #carouselranking1> p{
	margin-left:15px;
	font-style:italic;
	
}

#carouselcategory1 .category-block3 > p, #carouselranking1 .category-block3 > p, .category-block3 > form{
	margin-left:15px;
	font-style:italic;
	
}

#carouselcategory{
width:363px;
height:310px;
float:left;
margin-bottom:5px;
padding-left:0px;

}
#carouselcategory1{
width:364px;
height:310px;
float:left;
margin-bottom:5px;
padding-left:0px;

}
.carouselcategorytxt{
	height:58px;
	padding:5px;
}
#carouselcategory ul {
    list-style-type: none;
	padding:0px;
}



ul.cat-tabs {
	clear:both;
	margin-left:15px;
    margin-bottom:50px;
    /margin-bottom:7px;
    width: 390px; 
}

ul.cat-tabs a:hover, ul.cat-tabs a:click {
	background-color:#d9e6f6;

}
ul.cat-tabs li a:hover {
	background: url('../images/background/fond_home_carousel_category_hover.jpg') repeat-x;
}

ul.cat-tabs li a {
    float: left;
    height: 32px;
    border: 1px solid #CCCCCC;
    margin-right: 3px;
    margin-bottom: 5px;
	padding-top:5px;
	background: url('../images/background/fond_home_carousel_category.jpg') repeat-x;
	color:#0756a5;
	width:63px;
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	}
	
#carouselselect{
width:383px;
height:115px;
float:left;
border: 1px solid #CCCCCC;
background-color:#FFFFFF;
padding:5px;

}