@font-face {
font-family: 'CallBackRegular';
src: url('http://scripts.idep.us/fonts/callback-webfont.eot');
src: url('http://scripts.idep.us/fonts/callback-webfont.eot?#iefix') format('embedded-opentype'),

 url('http://scripts.idep.us/fonts/callback-webfont.woff') format('woff'), 

 url('http://scripts.idep.us/fonts/callback-webfont.ttf') format('truetype'), 

 url('http://scripts.idep.us/fonts/callback-webfont.svg#CallBackRegular') format('svg');
font-weight: normal;
font-style: normal;
}

#btnWcb {
    cursor: pointer;
    display: block;
    height: 70px;
    overflow: hidden;
    position: absolute;
    right:10px;
    top: 40px;
    width:250px;
    z-index: 1000;
/*Transition*/

-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}



#btnWcb .wcb-icon {
display:block;
position:absolute;
width:auto;
height:auto;
top:6px;
left:0px;
font:normal 60px/0.8em "CallBackRegular", Arial, Helvetica, sans-serif;
color:#37507d;
text-align:center;
/*background: url(../../charte/modules-encart/wcb/images/picto-phone.png) center center no-repeat;*/

/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition :all 300ms ease-out;
transition: all 300ms ease-out;
}

#btnWcb .wcb-content {
position:absolute;
overflow:hidden;
top:-3px;
right:0;
font-family: "Georgia", Times New Roman, Times, serif;
/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

#btnWcb .wcb-content h2 {
margin:0;
padding:0;
border:0;
font-size:24px;
line-height:1.6em;
font-weight:300;
font-style: normal;
color:#fff;
/*Transition*/

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}



#btnWcb .wcb-content h3 {
margin:0;
padding:0;
border:0;
font-size:15px;
line-height:1.2em;
font-weight:300;
font-style: normal;
color:#424242;
/*Transition*/

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}

#btnWcb .wcb-content .main span { display:none; position:absolute; top:-5px; /*opacity:0;*/

/*filter:alpha(opacity=0);  For IE8 and earlier */
opacity: 0; /* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=0)"; /* ie 8 */
filter: alpha(opacity=0); /* ie lt 7 */
-khtml-opacity: 0; /* safari 1.x */

}





#btnWcb .wcb-content h2 span {
display:block;
font-size:18px;
font-weight:400;
line-height:3em;
color:#fff;
}

#contenu-droite a#btnWcb:hover {
background-color:#FF870F;
text-decoration:none;
}

#btnWcb:hover .wcb-icon {


}

#btnWcb:hover .wcb-content {


}

#btnWcb:hover .wcb-content .num {
opacity:0; /* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=0)"; /* ie 8 */
filter: alpha(opacity=0); /* ie lt 7 */
-khtml-opacity: 0; /* safari 1.x */

}

#btnWcb:hover .wcb-content .main span { display:block; position:absolute; top:-5px;/* opacity:1;*/
 /* filter:alpha(opacity=100);For IE8 and earlier */
 opacity: 1; /* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=100)"; /* ie 8 */
filter: alpha(opacity=100); /* ie lt 7 */
-khtml-opacity: 1; /* safari 1.x */


}