/* CSS Document */

html,body {
margin: 0;
padding: 0;
}

/* the container */
.contentslide {
border: solid 0px #ffffff;
background: #ffffff;
padding: 0px;
width: 300px;
height: 105px;
}

.contentslide
.contentdiv {
display: none;
}

.pagination {
width: 301px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
border-right: solid 1px #ffffff;
background: #FFFFFF url(../images/banner_gradient.gif) repeat-x top;
text-align: left;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
padding-top: 4px;
height: 20px;
}

* html .pagination { /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 295px; /*IE5 width*/
width: 295px; /*IE6 width*/
width: 295px\9; /*IE8 width*/
margin-top: 0px;
padding-top: 4px;
height: 24px;
border-right: solid 0px #ffffff;
}

/* styles for the tabs themselves */
.pagination a {
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
border-left: solid 1px #ffffff;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
text-decoration: none; 
color: #666666;
background: url(../images/banner_gradient.gif) repeat-x top;
background-color: #FFFFFF;
}

*html .pagination a {
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
border-left: solid 1px #ffffff;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
background: url(../images/banner_gradient.gif) repeat-x top;
background-color: #FFFFFF;
}

.pagination a:hover {
color: #000000;
background: url(../images/banner_gradient_on.gif) repeat-x top;
background-color: #FFFFFF;
text-decoration:none;
}

.pagination a.selected {
color: #000000;
background: url(../images/banner_gradient_on.gif) repeat-x top;
background-color: #FFFFFF;
text-decoration:none;
}

.auto a {
border-right: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
border-left: solid 0px #ffffff;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-decoration: none; 
color: #787878;
background-image: none;
background-color:Transparent;
}

.auto a:visited {
border-right: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
border-left: solid 0px #ffffff;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-decoration: none; 
color: #787878;
background-image: none;
background-color:Transparent;
}

.auto a:hover {
border-right: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
border-left: solid 0px #ffffff;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-decoration: none; 
color: #787878;
background-image:none;
background-color:Transparent;
}

.pagination > .autoRotateOn {
color: #000000;
}

.pagination > .autoRotateOff {
color: #000000;
}

/* PARTIE COMMUNAUTE */

/* the container */
.contentslide2 {
border: solid 0px #ffffff;
background: #ffffff;
padding: 0px;
width: 590px;
height: 505px;
}

.contentslide2
.contentdiv2 {
/*background: #ecf1FA;*/
display: none;
height: 505px;
}

.pagination2 {
width: 590px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
/*border-right: solid 1px #ffffff;*/
background:#F7F7F7;
text-align: left;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
padding-top: 4px;
height: 24px;
}

* html .pagination2 { /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 580px; /*IE5 width*/
width: 580px /*IE6 width*/
width: 580px\9; /*IE8 width*/
margin-top: 0px;
padding-top: 4px;
height: 24px;
border-right: solid 0px #ffffff;
}

/* styles for the tabs themselves */
.pagination2 a {
/*border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
border-left: solid 1px #ffffff;*/
padding-top: 4px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
text-decoration: none; 
color: #666666;
/*background: url(../images/banner_gradient.gif) repeat-x top;*/
background-color: #F7F7F7;
width:100px;
}

*html .pagination2 a {
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
border-left: solid 1px #ffffff;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
background-color: #F7F7F7;
width:100px;

}

.pagination2 a:hover {
color: #000000;
/*background: url(../images/banner_gradient_on.gif) repeat-x top;*/
background-color: #ECF1FA;
text-decoration:none;
height: 60px;

}

.pagination2 a.selected {
color: #000000;
background-color: #ECF1FA;
/*background: url(../images/banner_gradient_on.gif) repeat-x top;*/
text-decoration:none;
height: 60px;

}

.auto2 a {
border-right: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
border-left: solid 0px #ffffff;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-decoration: none; 
color: #787878;
background-image: none;
background-color:Transparent;
height: 60px;

}

.auto2 a:visited {
border-right: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
border-left: solid 0px #ffffff;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-decoration: none; 
color: #787878;
background-image: none;
background-color:Transparent;
height: 60px;

}

.auto2 a:hover {
border-right: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
border-left: solid 0px #ffffff;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-decoration: none; 
color: #787878;
background-image:none;
background-color:Transparent;
height: 60px;

}

.pagination2 > .autoRotateOn {
color: #000000;
}

.pagination2 > .autoRotateOff {
color: #000000;
}