@font-face {font-family: 'PlanAcces';src: url('http://scripts.idep.us/fonts/plan-webfont.eot');src: url('http://scripts.idep.us/fonts/plan-webfont.eot?#iefix') format('embedded-opentype'),
   url('http://scripts.idep.us/fonts/plan-webfont.woff') format('woff'),
 url('http://scripts.idep.us/fonts/plan-webfont.ttf') format('truetype'),
 url('http://scripts.idep.us/fonts/plan-webfont.svg#PlanAcces') format('svg');font-weight: normal;font-style: normal;}
#btnPlan {cursor:pointer;position:relative;overflow:hidden;display:block;text-decoration:none;width: 100%;height: 80px;margin:5px 0;float:left;background-color:#26272A;/*Bords Arrondies*/
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*Degrade*/
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.25)), color-stop(100%, rgba(255,255,255,0)));background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);background-image: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);background-image: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);background-image: linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#00ffffff', GradientType=0 ); /*background: url(../../charte/modules-encart/plan/images/bg-plan.png) center center no-repeat;*/
/*Transition*/
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
#btnPlan .plan-icon {display:block;position:absolute;width:auto;height:auto;top:15%;left:5%;font:normal 5.8em/0.8em "PlanAcces", Arial, Helvetica, sans-serif;color:#FFFFFF;text-align:center;/*background: url(../../charte/modules-encart/plan/images/picto-plan.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;}
#btnPlan .plan-content {position:absolute;overflow:hidden;top:20px;right:20%;text-align:right;/*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;}
#btnPlan .plan-content h2 {margin:0;padding:0;border:0;font-size:1.2em;line-height:1.2em;font-weight:normal;color:#FF870F;/*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;}
#btnPlan .plan-content h2 strong {color:#FFFFFF;font-size:1.2em;}
#contenu-droite a#btnPlan:hover {background-color:#FF870F;text-decoration:none;}
#btnPlan:hover .plan-icon {left:10%;}
#btnPlan:hover .plan-content {right:5%;}
#btnPlan:hover .plan-content h2 {color:#FFFFFF;}