html,body{padding:0px;margin:0px;background-color:#fff;background-color:#f0f0f0}#widgetOFA{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;background-color:#fff;position:relative;margin:0;clear:both;float:left;width:212px;height:230px}#widgetOFA *{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;padding:0;margin:0;line-height:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#widgetOFA .grid-main{max-width:212px;margin:0 !important}#widgetOFA.nomargin{margin:0}#widgetOFA #liste{overflow:hidden;width:100%;float:left;height:176px}#widgetOFA #liste a{display:block}#widgetOFA #liste article{width:100%;overflow:hidden;margin:0 auto;margin-top:8px}#widgetOFA #liste article:hover header{text-decoration:underline}#widgetOFA #liste article .nbPhotos{display:block;font-size:11px;background-color:#000;color:#fff;opacity:0.7;padding:3px 8px;padding:3px 8px;position:absolute;right:0px;top:69px;text-align:center;margin:0;z-index:11;font-size:10px}#widgetOFA #liste article figure{padding:0 0px 0 0;overflow:hidden;margin-right:0px;width:100%;position:relative}#widgetOFA #liste article figure div{width:120px;left:50%;margin-left:-60px;position:relative}#widgetOFA #liste article figure img{margin-bottom:10px;margin:0 auto}#widgetOFA #liste article figure:hover::after{position:absolute;display:block;background-color:rgba(0,0,0,0.3);color:#fff;text-align:center;line-height:90px;width:120px;height:90px;z-index:10;top:0;left:50%;margin-left:-60px;content:'Voir';font-weight:600;font-size:14px;text-shadow:0px 1px 1px rgba(0,0,0,0.5)}#widgetOFA #liste article figure figcaption{float:left;width:100%;overflow:hidden;height:70px;padding:5px 10px 0 10px}#widgetOFA #liste article figure figcaption header{font-weight:700;margin-bottom:2px}#widgetOFA #liste article figure figcaption em{font-style:normal;font-weight:700;color:#ff0000}#widgetOFA #liste article figure figcaption section.description{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-wrap:break-word;height:16px}#widgetOFA .prec,#widgetOFA .suiv{background:#fff;cursor:pointer;height:90px;position:absolute;top:31px;width:46px;left:0;right:auto}#widgetOFA .prec span,#widgetOFA .suiv span{display:none}#widgetOFA .prec:before,#widgetOFA .suiv:before{background-color:#aaa;content:"";height:14px;width:14px;position:absolute;top:39px;transform:rotate(45deg);right:7px;left:auto}#widgetOFA .prec:hover:before,#widgetOFA .suiv:hover:before{background:#000}#widgetOFA .prec:after,#widgetOFA .suiv:after{background-color:#fff;content:"";height:14px;width:14px;position:absolute;top:39px;transform:rotate(45deg);right:4px;left:auto}#widgetOFA .prec:active,#widgetOFA .suiv:active{background:#eee}#widgetOFA .prec:active :after,#widgetOFA .suiv:active :after{background:#eee}#widgetOFA .suiv{left:auto;right:0}#widgetOFA .suiv:before{right:auto;left:7px}#widgetOFA .suiv:after{left:4px;right:auto}#widgetOFA #formulaire{float:left;width:196px}#widgetOFA #formulaire input{font-weight:400;border-radius:0;border:1px solid #d7d7d7;background:#fff;width:auto;padding:6px 10px;border-right-width:0px;border-color:#aaa;bottom:0;left:10px;right:90px;position:absolute;margin-bottom:0;width:161px;font-size:14px;line-height:17px}#widgetOFA #formulaire input:focus{border-width:1px;padding:7px 10px;border-color:#20a5e2}#widgetOFA #formulaire button{border-color:#aaa;margin:10px 0 0 0;font-weight:300;height:31px;width:31px;text-align:center;float:right;color:#666;display:block;padding:0;font-size:13px;font-weight:300;line-height:22px;text-align:center;vertical-align:middle;cursor:pointer;bottom:0;position:absolute;right:10px;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:whitesmoke;background-image:-moz-linear-gradient(top, #fff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0);border:1px solid #aaa;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}#widgetOFA #formulaire button img{width:13px}#widgetOFA #formulaire button:hover{background-color:whitesmoke;background-image:-moz-linear-gradient(top, #e6e6e6, #fff);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#fff));background-image:-webkit-linear-gradient(top, #e6e6e6white, #fff);background-image:linear-gradient(to bottom, #e6e6e6,#ffffff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6E6', endColorstr='#FFFFFFFF', GradientType=0)}#widgetOFA #formulaire button i{padding-left:10px}#widgetOFA a#ofa{color:#333;display:block;font-size:13px;padding:4px 0;text-align:center;text-decoration:none}#widgetOFA a#ofa:hover{font-weight:700}