/* hide container until all is ready */
#block_offres{
display: none;
}

/*Main Container*/
.container {
width:100%;
}

.container ul{
list-style-type: none;
margin: 0;
padding:0;
}

.container li{
display: inline;
margin: 0px;
padding:0px;
}

/*Content Container*/
.contentContainer {
padding: 0;
float: left;
width:0px;
height: 220px;
overflow:hidden;
margin: 0;
}

.contentWrapper{
}

.contentInnerWrapper{
/*text-align: justify;*/
/*padding: 1px;*/
}

/* Handle*/
.handle{
float: left;
cursor: pointer;
width: 30px;
height: 220px;
margin: 0 1px;
margin-right: 0;
padding: 0;
z-index: 1000;
background: url(/images/fr/common/fonds/offres_panel_bg.png) no-repeat;
}

.handleSelected {
/*border: 1px solid red;*/
z-index: 1000;
height: 222px;
}

li.passe .handleOver, li.passe .handleSelected{
background: url(/images/fr/common/fonds/passe_blueu.png) no-repeat;
}

li.abonnements .handleOver, li.abonnements .handleSelected{
background: url(/images/fr/common/fonds/abonnements_blueu.png) no-repeat;
}

li.entreprises .handleOver, li.entreprises .handleSelected{
background: url(/images/fr/common/fonds/entreprises_blueu.png) no-repeat;
z-index: 160;
}

li.debutants .handleOver, li.debutants .handleSelected{
background: url(/images/fr/common/fonds/offres_debutants_blueu.png) no-repeat;
}

/************* OFFRES  ************/
div.offre_passe, div.offre_abonnement, div.offre_entreprises, div.offre_debutant{
width: 510px;
height: 223px;
margin: 0;
padding: 0;
/*display: block;*/
overflow: hidden;
position: relative;
}

div.offre_passe .offre_contenu, div.offre_abonnement .offre_contenu, div.offre_entreprises .offre_contenu, div.offre_debutant .offre_contenu {
margin: 20px 25px 15px 15px;
padding: 0;
position: absolute;
text-align: right;
width: 470px;
height: 185px;
}

div.offre_passe h3, div.offre_abonnement h3, div.offre_entreprises h3, div.offre_debutant h3{
margin: 0;
padding: 0;
}

div.offre_passe {
background: url(/images/fr/common/fonds/passe_bg.jpg) no-repeat 0 0;
}

div.offre_passe h3{
color: #df562d;
font-weight: bold;
font-size: 15px;
font-family: Helvetica;
}

div.offre_passe h3 a, div.offre_passe h3 a:hover{
color: #df562d;
}

div.offre_passe span {
font-size: 18px;
}

.offre_contenu p{
padding: 0;
margin:7px 0;
}

div.offre_abonnement {
background: url(/images/fr/common/fonds/abonnement_bg.jpg) no-repeat 0 0;
}

div.offre_entreprises {
background: url(/images/fr/common/fonds/entreprise_bg.jpg) no-repeat 0 0;
}

div.offre_abonnement  .offre_contenu{
margin: 20px 15px 15px 220px;
text-align: left;
}

div.offre_abonnement h3 {
color: #ffffff;
font-size: 12px;
font-family: Helvetica;
}

div.offre_abonnement h3 a, div.offre_abonnement h3 a:hover{
color: #ffffff;
}

div.offre_abonnement span {
font-size: 20px;
}

div.offre_entreprises .offre_contenu{
margin: 20px 100px 15px 0;
width: 410px;
}

div.offre_entreprises h3{
color: #a5166d;
font-size: 16px;
font-family: Helvetica;
margin-right: 110px;
}

div.offre_entreprises h3 a, div.offre_entreprises h3 a:hover{
color: #a5166d;
}

div.offre_debutant {
background: url(/images/fr/common/fonds/debutant_bg.jpg) no-repeat 0 0;
}

div.offres_debutants {
margin: 100px 0 0 30px;
display: block;
float: left;
}

div.offres_debutants a {
float: left;
margin:0 10px 0 0;
}

* html .offre_contenu a.savoir_plus  img{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
}

div.offre_abonnement .offre_contenu a.savoir_plus {
margin-left: 180px;
}