/*------------------------------------------------------------------------------ [MEDIA:SCREEN] - CCM/Benchmark Framework Document : Layout CSS Author : Damien SYREN ------------------------------------------------------------------------------*/ /* - DEFAULT LAYOUT --------------------------------------------------------------- */ /*@font-face { font-family: 'Lobster'; font-style: normal; font-weight: normal; src: local('Lobster'),url('http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff') format('woff'); }*/ body{ position: relative; background:#fff url('../img/cop_body_bg.jpg') fixed no-repeat center top; background-size:cover; overflow: hidden; } .body{padding-top: 20px} .deconnected .body, .errorPage .body{ background: none; padding-bottom: 20px; } .body .page{color:#303030;} .body:after, .page:after{ clear:both; display:block; visibility:hidden; overflow:hidden; height:0 !important; line-height:0; font-size:xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; } .page{ margin:0 auto; width:1000px; word-wrap:break-word; /* CSS3 permet de faire des cesure sur les long mots sans espaces */ } /*/----> GESTION DES LAYOUTS <----/*/ /* 1 colonne centrale */ .tpl_1col .ctCols{background: #fff } .tpl_1col .leftCol, .tpl_1col .rightCol{ display:none } .deconnected .tpl_1col .ctCols { background: none;} /* 2 colonnes right */ .tpl_2cols .ctCols{float:none; width:100%; background: transparent url(../img/cop_ctCols_bg.png) repeat-y} .tpl_2cols .main{width: 620px; float: left;} .tpl_2cols .leftCol{display: none} .tpl_2cols .rightCol{float:right;width:300px; padding: 20px} .main{ padding: 20px; } .deconnected .tpl_1col .main{ padding: 0 20px } @media screen and (-webkit-min-device-pixel-ratio:0) { .ctCols{ position: relative; left:1px; } } /* - SKIN LAYOUT ------------------------------------------------------------------ C'est ici qu'on va skinner les �l�ments sp�cifiques aux pages avec des #id. Ce n'est pas conseiller de skinner tout le site ici car cela est contraire �la m�thode OOCSS. */ /* SEARCH FORM */ /* FORMS */ .form .input{ border:solid 1px #ddd;padding:7px 5px; -webkit-box-shadow: 0px 0px 0px 1px #fff;-moz-box-shadow: 0px 0px 0px 1px #fff;box-shadow: 0px 0px 0px 1px #fff; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; zoom:1; } .inputTxt, textarea { background:none;border:none; color:#666;font-size:12px; line-height: 1.2; vertical-align: middle; width:100%; } *.lineError .input,{ filter:none;} /* <-------------- HEADER --------------> */ .head{ position:relative; color:#fff; *z-index: 1000; height: 57px; background:#5a5a5a url('../img/cop_header_bg.jpg'); -webkit-box-shadow: 0px 2px 5px 0px #999; -moz-box-shadow: 0px 2px 5px 0px #999; box-shadow: 0px 2px 5px 0px #999; } .logo{float: left; margin-top: 13px;} .logo2{float: right; margin-top: 15px;} .memberInfos{ float: right; width: auto; margin-top: 5px } .memberInfos.login{ margin-top: 5px;} .memberInfos .wrapper{ padding: 1px; margin: 4px 2px 0 0; width: auto; overflow: hidden; background: #303030; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjE2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #303030 0%, #161616 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#161616)); background: -webkit-linear-gradient(top, #303030 0%,#161616 100%); background: -o-linear-gradient(top, #303030 0%,#161616 100%); background: -ms-linear-gradient(top, #303030 0%,#161616 100%); background: linear-gradient(to bottom, #303030 0%,#161616 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#161616',GradientType=0 ); } .memberInfos .wrapper:hover{ background: #454545; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDJkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #454545 0%, #2d2d2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#2d2d2d)); background: -webkit-linear-gradient(top, #454545 0%,#2d2d2d 100%); background: -o-linear-gradient(top, #454545 0%,#2d2d2d 100%); background: -ms-linear-gradient(top, #454545 0%,#2d2d2d 100%); background: linear-gradient(to bottom, #454545 0%,#2d2d2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#2d2d2d',GradientType=0 ); } .memberInfos .wrapper .imgW35Cter.imgS0Cter{ padding-right: 17px; background: transparent url("../img/copSprite_ico_new.png?201211301050") no-repeat -576px -45px; } .head .fbConnect {margin-top: 21px; width: 26px; height: 25px; background: transparent url("../img/copSprite_ico_new.png?201211301050") no-repeat -476px -44px;} .head .fbConnect .fb_button{ background: none; padding: 0; display: block} .head .fbConnect .fb_button .fb_button_text{ background: transparent url("../img/copSprite_ico_new.png?201211301050") no-repeat -476px -44px; width: 26px; height: 25px; padding: 0; margin: 0; border: none } /* <-------------- PAGE D''ERREUR --------------> */ .errorPage .page{ width: 800px} .errorPage .stamp{ position: absolute; top: 20px; right: 20px; width: 70px; height: 82px; background-position: 0 -338px; color: #002942; font-family: Lobster; font-size: 23px; line-height: 26px; padding: 20px 0 0 13px; } .errorPage .stamp span{ font-size: 34px } /* <-------------- FOOTER --------------> */ .foot{ background-color: rgba(102, 102, 102, 0.3); width: 1000px; margin: auto} .foot.commonFoot .logo a{background-color: transparent} .foot .page{ width: 1000px;} .deconnected .foot{ background: none; width: 100%;} /* surcharge footer common pour gérer la transparence du footer */ .foot.commonFoot .logo { border: none; height: 50px; margin-bottom: 15px;} .foot.commonFoot .logo a{ width: 960px; padding: 0; margin-left: 0; left:0;} .foot.commonFoot .logo a hgroup{ background-position: 0 0; height: 49px; width: 960px; } .foot.commonFoot.darkHover .logo a:hover hgroup { background-position: 0 -245px} .foot .brands{ border-bottom-color: #8A9196} /* <-------------- TIME TRAVEL --------------> */ /* TIME NAV */ .timeNavWrapper{ background: rgb(218,222,225); background: -moz-linear-gradient(top, rgba(218,222,225,1) 0%, rgba(216,218,222,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,222,225,1)), color-stop(100%,rgba(216,218,222,1))); background: -webkit-linear-gradient(top, rgba(218,222,225,1) 0%,rgba(216,218,222,1) 100%); background: -o-linear-gradient(top, rgba(218,222,225,1) 0%,rgba(216,218,222,1) 100%); background: -ms-linear-gradient(top, rgba(218,222,225,1) 0%,rgba(216,218,222,1) 100%); background: linear-gradient(top, rgba(218,222,225,1) 0%,rgba(216,218,222,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadee1', endColorstr='#d8dade',GradientType=0 );*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:0 0 20px 0; padding: 0 18px; height: 54px; position: relative; overflow: hidden; zoom:1; } .timeNav{ display:block; height: 40px; width: 137px; z-index: 100; padding-top: 10px; position: relative; } .timeNav .goBack,.timeNav .goBack:focus, .timeNav .goBack:hover,.timeNav .goBack.active{ font-size: 18px; text-decoration:none; line-height: 18px; } .timeNav .goBackDetail{ color:#767678; text-decoration:none; font-size: 11px; overflow: hidden; height: 15px; width: 137px; line-height: 15px; } #timeCapsule{ display: inline-block; margin:auto; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; position: absolute; top: 0; right:10px; } #timeTravel,#timeCapsule {overflow:hidden;cursor:pointer} canvas { -webkit-optimize-contrast;image-rendering:optimizeSpeed; } /* <-------------- BOX USER --------------> */ .topWrapper{ padding: 10px 20px; border: 1px solid #d8dde1; border-top-color:#ffffff ; border-bottom-color:#c5c5c5; background:#f1f1f1 url(../img/motif-bandeauUser.jpg) ; } .topWrapper .leftBox, .topWrapper .rightBox{ display:inline-block; vertical-align:middle; *zoom:1; *display:inline; } .topWrapper.user .leftBox{ width: 336px; text-decoration: none; } .topWrapper.user .leftBox .userName{ width: 262px } .topWrapper.user .rightBox{ width: 618px; } .topWrapper.user .icoUserItem{ float: right; width:103px; text-align: center; font-size: 11px; } .topWrapper.timeLine .leftBox{ width: 229px; text-decoration: none; vertical-align:top;} .topWrapper.timeLine .rightBox{ width: 725px; vertical-align:top;} .topWrapper.timeLine .rightBox .rightBoxTop{ min-height: 46px; padding-left: 4px;} .topWrapper.timeLine .rightBox canvas{display:block} .topWrapper.photo .leftBox{ width: 725px; vertical-align:top; } .topWrapper.photo .leftBox .leftBoxTxt{ max-width: 650px; } .topWrapper.photo .rightBox{ width: 229px; vertical-align:top; } /* <-------------- BOX QUOI DE NEUF --------------> */ .whatsUpWrapper{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#f1f1f1 url(../img/motif-boxPublication.jpg) ; zoom:1; } /* <-------------- NAVIGATION --------------> .primaryNav = navigation principale (ul) .primaryNav ul = sous-menu navigation principale .secondaryNav = navigation secondaire (ul) .subNav = navigation subsidiaire .pageNav = navigation de page */ /* PRIMARY NAV */ .primaryNav{/* Maud border-bottom:solid 1px #65a3c7; */} .primaryNav li{display:block; float: left} .primaryNav li a{ height: 57px; line-height: 57px; padding: 0 5px 0 4px; border-right: 1px solid #383838; color: #fff; font-weight:bold; text-transform: uppercase; position: relative; } .primaryNav li.home a { border-left: 1px solid #383838;} .primaryNav ul{padding:0 20px 10px 20px;} .primaryNav ul li{ border-bottom: none;} .primaryNav ul li a{font-weight:normal; font-size: 11px; padding: 4px 0} .primaryNav li a, .primaryNav li a:focus{display:block; text-decoration:none; *zoom:1} .primaryNav li a:hover, .primaryNav li.selected a{ color:#FF9731; text-decoration:none; background-color: rgba(0, 0, 0, 0.3); } /* Notifications items menu principal */ .navNotif{ font-family: lobster; color:#fff; font-weight: normal; width: 26px; height: 27px; line-height: 25px; text-align: center; background: url(../img/copSprite_ico_new.png?201211301050) no-repeat -338px -220px; position: absolute; } .primaryNav .navNotif{ bottom: -13px; left:50%; margin-left: -13px; } .leftBoxNav .navNotif{ top: 50%; right:-13px; margin-top: -13px; } .leftBoxNavTitle{ color: #fff; padding: 10px 20px 10px 25px; font-weight: bold; background: #8cabdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYWJkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjgwYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #8cabdc 0%, #5680c1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cabdc), color-stop(100%,#5680c1)); background: -webkit-linear-gradient(top, #8cabdc 0%,#5680c1 100%); background: -o-linear-gradient(top, #8cabdc 0%,#5680c1 100%); background: -ms-linear-gradient(top, #8cabdc 0%,#5680c1 100%); background: linear-gradient(to bottom, #8cabdc 0%,#5680c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cabdc', endColorstr='#5680c1',GradientType=0 ); } /* SECONDARY NAV */ .secondaryNav, .ui-tabs .ui-tabs-nav{ border-bottom:solid 1px #cacaca !important; } .secondaryNav li,.ui-tabs .ui-tabs-nav li{ display:inline;float:left; list-style: none outside none; margin: 0 ; padding: 0; white-space: nowrap;} .secondaryNav a,.ui-tabs .ui-tabs-nav.secondaryNav li a{ border:solid #cacaca; border-width: 1px 1px 1px 0px; background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#e6e6e6 100%); background: linear-gradient(top, #f5f5f5 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6',GradientType=0 ); display: block; font-size: 13px; font-weight:normal; color:#878787; text-decoration: none; margin-bottom:0; padding:0 12px ; height: 34px; line-height: 34px; } .secondaryNav .current, .ui-tabs .ui-tabs-nav li.ui-tabs-selected,.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ background:none; padding-bottom: 0; } .secondaryNav a:hover, .ui-tabs .ui-tabs-nav li a:hover{ background: #fafafa; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fafafa 0%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #fafafa 0%,#f3f3f3 100%); background: -o-linear-gradient(top, #fafafa 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #fafafa 0%,#f3f3f3 100%); background: linear-gradient(top, #fafafa 0%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f3f3f3',GradientType=0 ); } .secondaryNav .current a, .ui-tabs .ui-tabs-nav li.current a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active a{ color:#303030; filter:none; background: #fff; border-bottom-color: #fff; *overflow:visible;*zoom:1;} .secondaryNav a:hover, .ui-state-default a:hover, .ui-widget-content .ui-state-default a:hover, .ui-widget-header .ui-state-default a:hover{ border-top:solid 4px #9ab9cb; color:#303030; padding-top:6px;padding-bottom:8px} .secondaryNav .current a:hover, .ui-tabs .ui-tabs-nav .ui-tabs-selected.ui-state-active a:hover{cursor:default;} .secondaryNav li.first a, .ui-tabs .ui-tabs-nav.secondaryNav li.first a{padding-left:12px;padding-right:12px;margin-left:0; border-left-width: 1px} /* secondary nav for schools */ .schoolNav li.first{padding-left:73px;} /* UI TABS (to disable UI default styles) */ #ui-nav{padding:0;} #ui-nav{background:none;border:none;} #ui-nav ul,#ui-nav .ui-widget-header {background: none;border: none;} #ui-nav .ui-tabs-nav {margin: 0;padding:0; margin-bottom: 15px;} #ui-nav .ui-state-default, #ui-nav .ui-widget-content .ui-state-default, #ui-nav .ui-widget-header .ui-state-default { background: none; border: none;} #ui-nav .ui-state-disabled, #ui-nav .ui-widget-content .ui-state-disabled, #ui-nav .ui-widget-header .ui-state-disabled { background-image: none; opacity: 1;} #ui-nav .ui-corner-top { border-top-left-radius: 0;border-top-right-radius: 0;} #ui-nav .ui-tabs-nav li.ui-state-disabled a, #ui-nav .ui-tabs-nav li.ui-state-processing a {cursor: pointer;} #ui-nav .ui-tabs-nav li.ui-tabs-selected a {cursor: text;} #ui-nav .ui-helper-reset { font-size: 100%; line-height: inherit; list-style: none outside none; text-decoration: none;} .ui-widget{ font-size: 1em;} .ui-tabs { padding: 0; position: relative; } .ui-widget-content { background: none; border: none; } .ui-tabs .ui-tabs-panel { background: none; border:none; padding: 0; } .ui-tabs .ui-tabs-nav { padding: 0 } .ui-widget-header { background: none; border: none; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: none; font-weight: normal; } /* NAVIGATION SUBSIDIAIRE */ .ui-tabs-panel.ui-widget-content{ padding: 0; /* maud padding: 15px 0 */ } .ui-sub-nav.ui-tabs.ui-widget.ui-widget-content{ z-index: 1000!important} .ui-tabs .subNav, #ui-nav .subNav.ui-tabs-nav {border: none !important; margin-bottom: 15px; z-index: 1000 !important; float: none; width: auto; } .subNav li, .subNav.ui-tabs-nav li.ui-state-default{display:inline;} .subNav a, .subNav.ui-tabs-nav li.ui-state-default a{color:#303030;} .ui-tabs .subNav.ui-tabs-nav li a, .ui-tabs .subNav li a{ background: none; color: #557fc1; display: inline; font-size: 12px; font-weight: bold; padding: 0; margin: 0 12px 0 0; text-decoration: none; } .ui-tabs .subNav.ui-tabs-nav li a:hover, .ui-tabs .subNav li a:hover{ border: none; color:#666} .ui-tabs .subNav.ui-tabs-nav .ui-tabs-selected.ui-state-active a{ background: none; border: none; color: #303030; font-weight: bold; padding: 0; } .subNav a.current:hover, .subNav.ui-tabs-nav .ui-tabs-selected.ui-state-active a:hover{text-decoration: none;cursor: default;} /* MAIL BOX NAV */ .leftBoxNav { width: 161px;} .leftBoxNav ul, .ui-tabs .leftBoxNav ul.subNav, #ui-nav .leftBoxNav ul.subNav.ui-tabs-nav { border: solid #cacaca !important; border-width: 1px 1px 0 0 !important; /* surcharge ui-tab*/ margin-bottom: 0; } .leftBoxNav li, .leftBoxNav ul.subNav li, .leftBoxNav ul.subNav.ui-tabs-nav li.ui-state-default{ display:block; /* surcharge ui-tab*/ top:0; float: none; border-radius:0; } .leftBoxNav li a, .ui-tabs .leftBoxNav ul.subNav.ui-tabs-nav a, .leftBoxNav ul .ui-tabs-selected.ui-state-active a{ padding:10px 20px ; position: relative; border: solid #cacaca; border-width: 0 0 1px 5px; font-weight: bold; /* surcharge ui-tab*/ margin-right: 0; float: none; display: block } .leftBoxNav li a,.leftBoxNav li a:focus{ display:block; text-decoration:none; *zoom:1 } .leftBoxNav li a:hover, .leftBoxNav li.current a, .ui-tabs .leftBoxNav .subNav.ui-tabs-nav .ui-tabs-selected.ui-state-active a, .ui-tabs .leftBoxNav .subNav.ui-tabs-nav a:hover{ color:#303030; text-decoration:none; border-bottom:1px solid #cacaca; border-left:5px solid #557FC1 ; font-weight:bold; /* surcharge ui-tab*/ padding: 10px 20px; } /* NAVIGATION DE PAGE */ .pageNav ul li{display:inline-block; margin: 0 1px;} .pageNav ul li .btn{ font-family: arial; font-size: 12px; padding: 0 4px; margin: 0 1px; font-style: normal; color:#303030 } .pageNav .btn.current, .pageNav .btn.current:hover{ color: #557FC1; } /* <-------------- POSTS --------------> */ /* TABLES */ .table th{ font-size:12px;font-weight:bold; text-transform: uppercase; background-color: #f0f0f0; border-bottom:1px solid #c7c7c7; } .table th, table td{color:#666; padding: 10px;} .table tr td{ vertical-align: top} .table tr.even td{ background:#f3f3f3 } .table tr.picCtT td{ padding-bottom: 0 } .table tr.picCtB td{ padding-top: 0 } .table span{text-transform: none;} /* MODALS */ .ui-widget-content{color:#303030;} .ui-dialog{ border:solid 1px #686868; padding:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-radius: 0px\9; filter:none; background: rgb(253,253,253); background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(239,239,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(239,239,239,1))); background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(239,239,239,1) 100%); background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(239,239,239,1) 100%); background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(239,239,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#efefef',GradientType=0 ); background: linear-gradient(top, rgba(253,253,253,1) 0%,rgba(239,239,239,1) 100%); } .ui-widget-overlay{background:#000;opacity:.5;/* for IE */filter:alpha(opacity=50);} .ui-dialog .ui-dialog-titlebar{background:none;border:none;} .ui-dialog .ui-dialog-title{color:#557fc1;font-size:18px;font-weight:normal;margin:0} .ui-dialog .ui-dialog-content{padding:0;} .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus{background-color:none;border:none;} .ui-dialog .ui-dialog-titlebar-close { height:18px;width:18px; padding:0;margin:0; top:35%;right:10px;} .ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick{ background:transparent url('../img/copSprite_ico_new.png?201211301050') no-repeat -186px -45px; height:18px;width:18px; margin:0;} .ui-dialog .ui-state-hover span.ui-icon, .ui-dialog .ui-state-focus span.ui-icon{background-image:transparent url('../img/copSprite_ico_new.png?201211301050');} .ui-dialog span.ui-icon-closethick:focus{background-position: -222px -45px;} .ui-dialog .ui-dialog-titlebar-close.ui-state-hover span.ui-icon-closethick{background-position: -204px -45px;} /* SMALL MODAL */ .ui-dialog.modalS .ui-dialog-titlebar{ background: rgb(225,225,225); background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 4%, rgba(253,253,253,1) 60%, rgba(237,237,237,1) 98%, rgba(222,222,222,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(4%,rgba(255,255,255,1)), color-stop(60%,rgba(253,253,253,1)), color-stop(98%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1))); background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%); background: -o-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%); background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#dedede',GradientType=0 ); background: linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%); padding:15px 20px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } .ui-dialog.modalS .modalS_content{ padding:20px; } /*boutons*/ .ui-dialog .ui-dialog-buttonpane{ margin: 0;padding: 15px 20px; border-radius:10px} .ui-dialog .ui-dialog-buttonpane button{ margin: 0 0 0 10px; display: inline-block; vertical-align: middle; *overflow:hidden;*zoom:1;*display:inline; border:solid 1px #5083a0; border-top-color: #63a1c5; border-bottom-color:#2b4757; -webkit-box-shadow: 0px 1px 0px 0px #b5b5b5; -moz-box-shadow: 0px 1px 0px 0px #b5b5b5; box-shadow: 0px 1px 0px 0px #b5b5b5; font-size:12px; text-decoration:none; height: 25px; line-height: 25px; padding:0 8px; text-decoration: none !important; color:#f6f6f6; background: #86c4e8; background: -moz-linear-gradient(top, #86c4e8 0%, #63a1c5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86c4e8), color-stop(100%,#63a1c5)); background: -webkit-linear-gradient(top, #86c4e8 0%,#63a1c5 100%); background: -o-linear-gradient(top, #86c4e8 0%,#63a1c5 100%); background: -ms-linear-gradient(top, #86c4e8 0%,#63a1c5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86c4e8', endColorstr='#63a1c5',GradientType=0 ); background: linear-gradient(top, #86c4e8 0%,#63a1c5 100%); } .ui-dialog .ui-dialog-buttonpane button:hover{ background: #93d6fe; background: -moz-linear-gradient(top, #93d6fe 0%, #6db1d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93d6fe), color-stop(100%,#6db1d9)); background: -webkit-linear-gradient(top, #93d6fe 0%,#6db1d9 100%); background: -o-linear-gradient(top, #93d6fe 0%,#6db1d9 100%); background: -ms-linear-gradient(top, #93d6fe 0%,#6db1d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d6fe', endColorstr='#6db1d9',GradientType=0 ); background: linear-gradient(top, #93d6fe 0%,#6db1d9 100%); color:#f6f6f6;text-decoration:none; } .ui-dialog .ui-dialog-buttonpane button:focus { background: #64a2c6; background: -moz-linear-gradient(top, #64a2c6 0%, #84c2e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64a2c6), color-stop(100%,#84c2e6)); background: -webkit-linear-gradient(top, #64a2c6 0%,#84c2e6 100%); background: -o-linear-gradient(top, #64a2c6 0%,#84c2e6 100%); background: -ms-linear-gradient(top, #64a2c6 0%,#84c2e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a2c6', endColorstr='#84c2e6',GradientType=0 ); background: linear-gradient(top, #64a2c6 0%,#84c2e6 100%); color:#f6f6f6;text-decoration:none; } /* image dans en savoir plus */ .about img {float:right; margin-left:8px;margin-bottom: 8px;padding:2px; border:1px solid #ccc} .about img.svg {width:200px;} /* - MOBILE LAYOUT ---------------------------------------------------------------- Media queries for responsive design http://www.alistapart.com/articles/responsive-web-design Inspired by http://html5boilerplate.com/ */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Prevent iOS, WinMobile from adjusting font size */ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } } /* - PRINT STYLES ----------------------------------------------------------------- * inlined to avoid required HTTP connection - http://www.phpied.com/delay-loading-your-print-css/ alsacreation - http://www.alsacreations.com/astuce/lire/1160-une-feuille-de-styles-de-base-pour-le-medium-print.html */ @media print { * { background-color: #fff !important; color: #000 !important; text-shadow: none; } body { width: auto!important; margin: auto!important; font-family: serif; } a, a:visited { color: #000 !important; text-decoration: underline !important; } a:after { content: " (" attr(href) ")"; } /* affichage des URL des liens */ abbr:after { content: " (" attr(title) ")"; } /* affichage des Abbreviations des liens */ .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3, blockquote { orphans: 3; widows: 3; } blockquote, ul, ol, img, h2, h3{ page-break-after: avoid; } /* pas de coupure dans ces élements */ h1, h2, h3, caption { page-break-after: avoid; } /* pas de saut après ces éléments */ } /*------------------------------------------------------------------------------ [MEDIA:SCREEN/PRINT] - CCM/Benchmark Framework Document : Layout CSS Author : Damien SYREN - Macro typographie - http://www.slideshare.net/Mitternacht/la-macrotypographie-de-la-page-web-5499736 ------------------------------------------------------------------------------*/ body{ font: 12px/1.4 Arial,Helvetica,sans-serif; color: #303030} /* font style */ /* couleur de font du theme */ .copTheme1{ color:#303030} /* couleur complementaire du theme (gris clair) */ .copTheme2{ color:#557fc1 } /* couleur de font neutre (gris bleu) */ .copNeutre{ color: #666} /* couleur de font du texte */ .copFont{ color: #303030} /* couleur de font blanche */ .copWhite{ color: #fff} /* couleur de font rouge */ .copRed{color:#dd1f20;} /* couleur de font de facebook */ .copFb{ color: #3B5998} .lobster{font-family: 'Lobster', Arial, sans-serif;} .txtShadowWhite{text-shadow: 0 1px 1px #fff;} .txtShadowBlack{text-shadow: 0 1px 0px #000;} .clearL{ clear: left;} /* links */ a{ color:#557fc1; text-decoration:none } a:hover, a:focus, a.wrapper .a:hover{ text-decoration:underline; cursor:pointer; } /* sans-serif heading */ /* www.aestheticallyloyal.com/public/optimize-legibility/ */ /*h2, h3, h4, h5, h6{ font-family:tahoma,Helvetica,Arial,sans-serif; font-weight:bold; text-rendering:optimizeLegibility; }*/ /* surlignage */ ::selection { background:#557fc1; color:#fff; /* Safari and Opera */ } ::-moz-selection { background:#557fc1; color:#fff; /* Firefox */ } /* elements */ em, .em { /*font-style:italic;*/ color:#a3a3a3 } strong,.strong { font-weight:bold } .normal{ font-weight: normal;} code,pre { color:#0B8C8F } sup { color:#999; font-weight:normal; font-size:70% } cite { display:block; text-align:right; padding-top: 10px } mark { color:#000; background:none; font-weight:bold } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help } blockquote { color:#a21460; margin:0 30px; text-indent:-21px; *text-indent:0 } blockquote:before{ content:"\201C"; font-size:30px; font-weight:bold; line-height:0 } /* http://www.ascii.cl/htmlcodes.htm */ blockquote:after{ content:"\201E"; font-size:30px; font-weight:bold; line-height:0 } /* http://www.ascii.cl/htmlcodes.htm */ a img{ display: block} .neg1L{ position: relative; left: -1px;} .pointer{ cursor: pointer} .ellipsis { width: 100%; /* � modifier selon vos besoins */ white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; /* pour le reste du monde */ } .marL40{ margin-left: 40px;} .marR40{ margin-right: 40px;} /* - HEADINGS SKIN ------------------------------------------------------------------ */ /* .h1-.h6 doivent etre utiliser de maniere semantiques */ h1, .h1{ font-size: 22px; line-height: normal} h2, .h2{ font-size: 20px; line-height: normal} h3, .h3{ font-size: 18px; line-height: normal} h4, .h4{ font-size: 16px; line-height: normal} h5, .h5{ font-size: 14px; line-height: normal} /* Maud font-family: 'Lobster', Arial, sans-serif;*/ h6, .h6{ font-size: 12px; line-height: normal} /* par defaut les liens a l'interieur des titres sont de la coulaur par defaut du texte */ h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a{color: #303030} h1.copTheme1 a, .h1.copTheme1 a, h2.copTheme1 a, .h2.copTheme1 a, h3.copTheme1 a, .h3.copTheme1 a, h4.copTheme1 a, .h4.copTheme1 a, h5.copTheme1 a, .h5.copTheme1 a, h6.copTheme1 a, .h6.copTheme1 a{color:#557fc1} h1.copTheme2 a, .h1.copTheme2 a, h2.copTheme2 a, .h2.copTheme2 a, h3.copTheme2 a, .h3.copTheme2 a, h4.copTheme2 a, .h4.copTheme2 a, h5.copTheme2 a, .h5.copTheme2 a, h6.copTheme2 a, .h6.copTheme2 a{color:#778793} h1.copNeutre a, .h1.copNeutre a, h2.copNeutre a, .h2.copNeutre a, h3.copNeutre a, .h3.copNeutre a, h4.copNeutre a, .h4.copNeutre a, h5.copNeutre a, .h5.copNeutre a, h6.copNeutre a, .h6.copNeutre a{color: #666} h1.lobster, .h1.lobster{ font-size: 24px} .ft120{ font-size: 120%} .clearR{ clear: right} .charBefore{ height: 10px;} .charBefore:after{ clear: both; content: " x "; font-size: xx-large; height: 0 !important; line-height: 0; overflow-x: hidden; overflow-y: hidden; visibility: hidden; z-index: 2000; } /* - Utilitaires ------------------------------------------------------------------- */ .inline{ display: inline} .baseline{ display: inline-block; *display:inline; vertical-align: baseline} .txtC img{ margin:auto } /* - LISTS SKIN ------------------------------------------------------------------- */ /* Nommer les listes avec un trigrammes cop ex : copList1 */ .inlineDl dd, .inlineDl .dd{ clear: both; float: left; color: #666; text-align: right; margin-right: 15px; width: 110px} .inlineDl dt, .inlineDl .dt{ float: none; overflow: hidden; margin-bottom: 15px;} .copListDisc li{ list-style-type: disc} .glossaryTitle{ font-size: 15px; line-height: 22px; text-transform: uppercase; font-weight: bold;} .glossaryTitle li{ width: 20px; float: left} .glossaryTitle .glossaryLetters li.nbrs{ width: 32px;} .glossaryTitle a:hover{ color: #000; font-size: 18px; text-decoration: none; line-height: 18px;} .glossaryTitle .glossaryDbleLetters li { font-size: 12px; width: 22px; font-weight: normal; line-height: 16px;} .glossaryTitle .glossaryDbleLetters li a:hover{ color: #000; font-size: 13px; text-decoration: none; line-height: 12px;} .glossaryList li{ margin: 10px 0} /* - IMAGES ------------------------------------------------------------------ */ .imgS0{ border: 1px solid #737373} .imgS1, .imgS2, .imgS3, .imgS4, .imgS5{ background: none repeat scroll 0 0 #fff; border:solid 1px #ccc; /*display: inline-block; */ padding: 1px; overflow: hidden } .imgS2{padding: 2px} .imgS3{padding: 3px} .imgS4{padding: 4px} .imgS5{padding: 5px} a .imgS1:hover, a .imgS2:hover, a .imgS3:hover, a .imgS4:hover, a .imgS5:hover{ border-color:#557fc1} .manageImg a.imgS1:hover, .manageImg a.imgS2:hover, .manageImg a.imgS3:hover, .manageImg a.imgS4:hover, .manageImg a .imgS1:hover, .manageImg a .imgS2:hover, .manageImg a .imgS3:hover, .manageImg a .imgS4:hover{ border: 1px solid #4481a5} .manageImg:hover .imgS1, .manageImg:hover .imgS2, .manageImg:hover .imgS3, .manageImg:hover .imgS4{ border: 1px solid #4481a5} .memberInfos .imgS0{ border-color:#4c514e; padding: 0;} .topWrapper .imgS0{ border: 5px solid #fff; } .topWrapper .imgW200Cter .imgS0{ border-width: 7px} .topWrapper .imgS0:hover, .topWrapper a:hover .imgS0{ border-color:#d2d2d2 } /* pour la liste des albums */ .imgBoxM { display: block; width: 207px } .imgBoxM .imgWrapper{background: url("../img/cop_bg_diap_180x135.png") no-repeat 0 0; width: 191px; padding: 14px 0 0 16px} .imgBoxM .imgWrapper .img{ background:no-repeat #fff 50% 50%; width: 180px; height: 120px; background-size:cover} .imgBoxM .legend{ padding-left: 18px; text-align: left} /* tailles des images standards */ .imgW26, .imgW50, .imgW100, .imgW120, .imgW140, .imgW180, .imgW450{ text-align: center; line-height: 0} .imgW26 img, .imgW50 img, .imgW100 img, .imgW120 img, .imgW140 img, .imgW180 img, .imgW450 img{ display: block; margin: auto} .imgW26{ width: 26px;} .imgW35{ width: 35px;} .imgW50{ width: 50px;} .imgW100{ width: 100px;} .imgW120{ width: 120px;} .imgW140{ width: 140px;} .imgW180{ width: 180px;} .imgW200{ width: 200px;} .imgW450{ width: 450px;} .sizeSquare, .size4-3 {background:no-repeat #efefef 50% 50%; background-size:contain; overflow: hidden} .sizeSquare.imgW50, .sizeSquare.imgW26, .sizeSquare.imgW35{background-size:cover;} /* pour les avatars de 50px*/ .sizeSquare img, .size4-3 img{left:50%; top: 50%; position: relative} .imgW26.sizeSquare{ height: 26px;} .imgW35.sizeSquare{ height: 35px;} .imgW50.sizeSquare{ height: 50px;} .imgW100.sizeSquare{ height: 100px;} .imgW120.sizeSquare{ height: 120px;} .imgW140.sizeSquare{ height: 140px;} .imgW180.sizeSquare{ height: 180px;} .imgW200.sizeSquare{ height: 200px;} .imgW450.sizeSquare{ height: 450px;} .imgW26.size4-3{ height: 20px;} .imgW50.size4-3{ height: 38px;} .imgW100.size4-3{ height: 75px;} .imgW120.size4-3{ height: 90px;} .imgW140.size4-3{ height: 105px;} .imgW180.size4-3{ height: 135px;} .imgW450.size4-3{ height: 338px;} .imgW35Cter.imgS0Cter{ width: 37px;} .imgW100Cter.imgS2Cter{ width: 106px;} .imgW100Cter.imgS1Cter{ width: 104px;} .imgW120Cter.imgS2Cter{ width: 126px;} .imgW120Cter.imgS4Cter{ width: 130px;} .imgW140Cter.imgS2Cter{ width: 146px;} .imgW140Cter.imgS4Cter{ width: 150px;} .imgW180Cter.imgS2Cter{ width: 186px;} .imgW180Cter.imgS4Cter{ width: 190px;} .imgW50Cter.imgS2Cter{ width: 56px;} .imgW26Cter.imgS0Cter{ width: 28px;} .topWrapper .imgW35Cter.imgS0Cter{ width: 45px;} .topWrapper .imgW140Cter.imgS0Cter{ width: 150px;} .topWrapper .imgW180Cter.imgS0Cter{ width: 194px;} .topWrapper .imgW200Cter.imgS0Cter{ width: 214px;} .topWrapper .imgW200Cter.imgS0Cter .manageImg { padding-bottom:5px; background:url(../img/shadow_200.png) no-repeat center bottom} /* pour affichge des photos dans un album */ .imgW140Cter .size4-3 .img{background:no-repeat #fff 50% 50%; width: 140px; height: 93px; background-size:cover } .imgWall img{ max-width: 150px} /* pour souvenirs */ .imgTitleH{ display: block; line-height: normal; overflow:hidden;} .inlb img{*display:inline;} .imgCaption{ background-color:#7a7a7a; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 2px 4px; text-align: center; position: absolute; overflow: hidden; height: 17px; white-space: nowrap; /* Don't forget this one */ -o-text-overflow: ellipsis; /* Opera */ -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .imgW35Cter.imgS0Cter .imgCaption { width: 27px; left:1px; bottom:1px} .imgW100Cter.imgS2Cter .imgCaption { width: 92px; left:3px; bottom:3px} .imgW100Cter.imgS1Cter .imgCaption { width: 92px; left:2px; bottom:2px} .imgW120Cter.imgS2Cter .imgCaption { width: 112px; left:3px; bottom:3px} .imgW120Cter.imgS4Cter .imgCaption { width: 112px; left:5px; bottom:5px} .imgW140Cter.imgS2Cter .imgCaption { width: 132px; left:3px; bottom:3px} .imgW140Cter.imgS4Cter .imgCaption { width: 142px; left:5px; bottom:5px} .imgW180Cter.imgS4Cter .imgCaption { width: 172px; left:5px; bottom:5px} .imgW50Cter.imgS2Cter .imgCaption { width: 42px; left:3px; bottom:3px} .imgW26Cter.imgS0Cter .imgCaption { width: 18px; left:1px; bottom:1px} .fluxSlider .imgW140.size4-3{background-size: cover;} .fluxSlider .imgW140.size4-3{ background-image: url(../img/cop_add_picture.jpg)} /* - SEPARATEURS ------------------------------------------------------------------ */ .contenteditable strong,.contenteditable b{ font-weight:bold } .contenteditable em,.contenteditable i{ font-style:italic } .contenteditable u{ text-decoration:underline } .contenteditable ul li{ list-style-type:disc; margin-left:15px } .contenteditable ol li{ list-style-type:decimal; margin-left:20px; *margin-left:25px } /* correction for the contentEditable firefox bug cf #*/ .contenteditable a:link:-moz-read-write{text-decoration: none !important;color: #3e93cd !important;} .contenteditable a:focus:link:-moz-read-write,a:hover:link:-moz-read-write{text-decoration:underline !important;cursor:pointer !important} /* because ie use

on enter : */ .contenteditable p {margin-bottom:0px;} /* Nommer les listes avec un trigramme cop ex : copSepar1 */ .copSepLigneB{ border-bottom: 1px solid #ddd;} .copSepLigneT{ border-top: 1px solid #ddd;} .rightCol .copSepLigneB{ border-bottom: 1px solid #fff;} .rightCol .copSepLigneT{ border-top: 1px solid #ddd;} .copSepLigneR{ border-right: 1px solid #ddd;} .copSepLigneL{ border-left: 1px solid #000;} .copSepar1{ border-bottom: 1px solid #e5e5e5; -webkit-box-shadow: 0px 7px 5px -3px rgba(239, 239, 239, 1); -moz-box-shadow: 0px 7px 5px -3px rgba(239, 239, 239, 1); box-shadow: 0px 7px 5px -3px rgba(239, 239, 239, 1); } .copSepar2{ border-bottom: 3px solid #dcdcdc} /* sur les murs */ article.copSepar1{ padding: 25px 0 20px 0;} /* - EDITO ------------------------------------------------------------------ */ .copEdito h2{ margin-bottom: 10px; color: #557fc1;} .copEdito p{ margin-bottom: 15px;} .copEdito img{ display: block; float: left; margin: 0 20px 20px 0; padding: 2px; background: #fff; border: 1px solid #ccc; max-width: 755px; } .copEdito em{ font-style: italic; color: #303030 } .copEdito .playerCt object, .copEdito .playerCt embed, .copEdito .playerCt iframe{ margin: auto;} /* - tags clearfix ------------------------------------------------------------------ */ .tags.clearfix img{ margin: auto; max-width: 755px}/*------------------------------------------------------------------------------ [MEDIA:SCREEN] - CCM/Benchmark Framework Document : Layout CSS Author : Damien SYREN Cette page recense tous les modules (objets) réutilisables dans le site. ------------------------------------------------------------------------------*/ /* Quelques regles - Ne plus utiliser le nommage .box pour les styles de boites car ca rentre en conflit avec des class du common. Prefere : .copBox1 - Ne plus utiliser le .mod qui fait des conflits dans le common - Faire un sprite pour toutes les icones : copSprite_ico.png */ /* MODULES GENERIQUES */ /* Feedback */ #feedback { position: fixed; right: 60px; top: 160px; z-index: 150; } #feedback a { display: block; background: url('../img/cop_sprite_feedback.png?2') no-repeat 0 0; height: 80px; width: 80px; opacity:0.7; } #feedback a:hover { background-position: 0 -82px; opacity:0.4; } /* Screencast */ #screencast { position: fixed; right: 60px; top: 260px; z-index: 150; } #screencast a { display: block; background: url('../img/cop_sprite_screencast.png?1') no-repeat 0 0; height: 80px; width: 80px; opacity:0.7; } #screencast a:hover { background-position: 0 -82px; opacity:0.4; } /* <-------------- BOXES --------------> */ .copBox1{ background:#f1f1f1 } .copBox4{ background:#f1f1f1 url(../img/motif-bandeauUser.jpg) } .copBox5{ background-color: #fff} .copBox7{ background-color: rgba(255, 255, 255, 0.7)} .copBox8{ background: #f1f4f7;} .copBox790{ background: url("../img/cop_separ_790.png") no-repeat center top;} .copBoxShadow{ -webkit-box-shadow: 0px 7px 7px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 7px 7px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 7px 7px 2px rgba(0, 0, 0, 0.4);} .copBgWhite{ background: #fff} .copBoxFbConnect{ position: fixed; top: auto !important; left: auto !important; bottom: 20px; right: 20px; width: 300px; height: 160px; -webkit-box-shadow: 0px 0px 7px 3px #999; box-shadow: 0px 0px 7px 3px #999; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); zoom:1 } .copBoxFbConnect.ui-dialog{ border: none; -webkit-border-radius: 0px; border-radius: 0px; } .copBoxFbTitle{ position: relative; background: #fefefe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fefefe 1%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fefefe), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #fefefe 1%,#ececec 100%); background: -o-linear-gradient(top, #fefefe 1%,#ececec 100%); background: -ms-linear-gradient(top, #fefefe 1%,#ececec 100%); background: linear-gradient(top, #fefefe 1%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 ); zoom:1; } .copBoxFbTitle .icoDelete{ position: absolute; top: 18px; right: 20px;} .copBoxOffMemM, .copBoxOffMemS, .copBoxOffMemXS{ color: #bababa; background-color:#323232; background-color: rgba(0, 0, 0, 0.8); position: absolute; left: -4px; bottom: 20px; height: 30px; line-height: 30px; padding: 0 10px; z-index: 1002; } .copBoxOffMemS{ bottom: 8px; height: 20px; line-height: 18px; padding: 0 5px; *padding-top:2px; } .copBoxOffMemXS{ bottom: 2px; left:-2px; height: 14px; line-height: 12px; padding: 0 4px; *padding-top:2px; } /* PUBLICITE */ .rightCol .ba{ margin-bottom: 15px;} .rightCol .ba img{ padding:0 !important; border:none !important; } /* <-------------- ICONES --------------> */ .ico{ display: inline-block; vertical-align: middle; outline: none;cancel; background: url("../img/copSprite_ico_new.png?201212101418") no-repeat 0 0; *overflow:visible;*zoom:1;*display:inline; } .icoHome{ width: 20px; height: 16px; background-position: -338px -202px; text-indent: -9999em } a:hover .icoHome, .selected a .icoHome{ background-position: -359px -202px } /* icones whats up*/ .icoFilm, .icoMusic, .icoTv, .icoPhoto{ width: 18px; height: 18px; background-position: -401px -316px; vertical-align: bottom} .icoMusic{ background-position: -420px -316px;} .icoTv{ background-position: -439px -316px;} .icoPhoto{ background-position: -458px -316px;} .icoWhatsup{ width: 22px; height: 21px; background-position: -239px -138px; position: absolute; top: 5px; left:5px} .icoAddLink{ width: 25px; height: 18px; background-position: -262px -138px} /* icones user */ .icoUserPathway, .icoUserGoBack, .icoUserMemories, .icoUserPictures, .icoUserFriends, .icoUserSearchFor{ width: 58px; height: 60px; background-position: 0 -485px; display: block; margin: auto; margin-bottom: 5px} .icoUserGoBack{ width: 63px; background-position: -103px -485px;} .icoUserMemories{ width: 53px; background-position: -212px -485px;} .icoUserPictures{ width: 57px; background-position: -315px -485px;} .icoUserFriends{ width: 66px; background-position: -416px -485px;} .icoUserSearchFor{ width: 69px; background-position: -524px -485px ;} a:hover .icoUserPathway { background-position: 0 -546px;} a:hover .icoUserGoBack { background-position: -103px -546px;} a:hover .icoUserMemories { background-position: -212px -546px;} a:hover .icoUserPictures { background-position: -315px -546px;} a:hover .icoUserFriends { background-position: -416px -546px;} a:hover .icoUserSearchFor { background-position: -524px -546px ; } .icoSeparV{ width: 2px; height: 18px; background-position: -380px -202px;} .icoMore{ width: 8px; height: 8px; background-position: -45px -5px; } .icoMoreB{ width: 10px; height: 10px; background-position: -44px -16px; vertical-align: baseline; } .icoMoreArrow{ width: 8px; height: 7px; background-position: -5px -28px; vertical-align: baseline; } .icoMoreArrowW{ width: 10px; height: 8px; background-position: -58px -29px; vertical-align: baseline; } .icoPlay{ width: 43px; height: 43px; background-position: -428px -122px; position: absolute; top: 50%; left:50%; margin-top: -21px; margin-left: -21px;} a:hover .icoPlay{ background-position: -428px -166px;} .icoUp, .icoDown{ background-image: url("../img/copSprite_ico_new.png?201211301050"); width:26px; height: 146px; top: 0; width:26px; height: 146px; background-position:-85px -338px; display: block; position: absolute; left:0; } .icoDown{background-position:-112px -338px; left:180px;} .icoBalloon{ width: 22px; height: 19px; background-position: -215px -5px;} .icoBalloonB{ width: 53px; height: 60px; background-position: -417px -59px; font-family: 'Lobster',Arial,sans-serif; text-shadow: 0 1px 1px #fff; text-align: center; font-size: 24px; line-height: 46px } /* retour de la ligne active sur la liste des identifiés d'une photo */ .icoHem{ width: 4px; height: 4px; background-position: -405px -69px;} /* fléche retour sur le wall */ .icoRel{ width:21px;height:19px; background-position: -170px -5px; position: absolute; top:10px; left: -31px; } .icoBulletArrowL, .icoBulletArrowR{width:18px; height:18px; background-position: -335px -20px} .icoBulletArrowR{ background-position: -355px -20px} .icoBulletArrowL.disabled{ background-position: -335px 0} .icoBulletArrowR.disabled{ background-position: -355px 0} .icoBlueArrowL, .icoBlueArrowR{width:6px; height:11px; background-position: -41px -28px} .icoBlueArrowR{ background-position: -51px -28px} .icoSearchG, .icoSearchB{background-position: -71px -26px; width: 16px; height: 16px;} .icoSearchB{background-position: -5px -5px} .icoClose{ width: 18px; height: 18px; background-position: -219px -91px;} .icoClose span{ display: none} .icoClose:hover{background-position: -239px -91px;} .icoEdit{ width: 18px; height: 18px; background-position: -219px -111px;} .icoEdit span { display: none} .icoEdit:hover {background-position: -239px -111px;} .icoDelete{ width: 18px; height: 18px; background-position: -186px -45px; box-shadow: none} .icoDelete:hover{ background-position: -204px -45px;} .icoDelete:active{ background-position: -222px -45px;} .icoTarget{width: 18px; height: 18px; background-position: -323px -161px;} .icoTarget:hover{ background-position: -343px -161px;} .icoMsg{ width: 20px; height: 12px; background-position: -380px -24px; } .btn .icoMsg{ position: relative; top: -1px;} .btn .icoMsgAlone{*top:3px;} .copBoxOffMemM .icoOffMem{ width: 10px; height: 15px; background-position: -477px -71px } .copBoxOffMemS .icoOffMem{ width: 8px; height: 11px; background-position: -488px -71px } .copBoxOffMemXS .icoOffMem{ width: 4px; height: 6px; background-position: -502px -71px } .lapelOffMem{ width: 4px; height: 4px; background-position: -497px -71px; position:absolute; bottom: -4px; left:0} .copBoxOffMemXS .lapelOffMem {width: 2px; height: 2px; bottom: -2px} /*carte de voeux*/ .icoWishcard{ width: 33px; height: 21px; background-position: -269px -107px; } .btn .icoWishcard{ position: relative; top: -1px;} /*icones boutons communauté*/ .btnSubscribe .icoGroup{ width: 16px; height: 17px; background-position: -523px -45px} .btnSubscriber .icoGroup, .icoChecked{ width: 16px; height: 17px; background-position: -540px -45px} .btnSubscriber .btn:hover .icoGroup{ width: 16px; height: 17px; background-position: -557px -45px} .icoAdd{width: 11px; height: 17px; background-position: -564px -4px} .greyBtn .icoAdd{ height: 15px; background-position: -552px -7px} .icoTransfer{width: 18px; height: 17px; background-position: -476px -4px} .icoRemembers{width: 22px; height: 17px; background-position: -496px -4px} .icoClassEmpty, .icoClassTop, .icoClass{ width: 29px; height: 29px; line-height: 27px; background-position: -386px -218px; text-align: center; color: #fff; font-size: 14px; display: inline-block;} .icoClassEmpty{ background-image:none } .icoVote{ width: 12px; height: 17px; } .blueBtn .icoVote{background-position: -585px -4px;} .greyBtn .icoVote{background-position: -598px -4px;} /* ICONES PAGES PHOTOS */ /* colonne de droite */ .icoRecognize{ width: 33px; height: 17px; background-position: -288px -138px} .icoPictures{ width: 18px; height: 17px; background-position: -323px -181px; vertical-align: baseline} /* icones pour la gestion des images */ .manageImg{ position: relative;} .manageImg .icoDeleteImg, .manageImg .icoValidImg, .manageImg .icoEditImg{ display: none; position: absolute; top:10px; left:10px; z-index: 1000} .manageImg .icoValidImg{top:30px;} .manageImg.picItem {margin:0 13px 13px 0;} .manageImg.albItem .icoDeleteImg{ top:29px; left:30px;} .manageImg.albItem .icoValidImg{ top:49px; left:30px} .manageImg:hover .icoDeleteImg, .manageImg:hover .icoValidImg, .manageImg:hover .icoEditImg{ display: block;} .icoDeleteImg, .icoValidImg{ width: 18px; height: 18px; background-position: -334px -75px} .icoDeleteImg:hover { background-position: -354px -75px} .icoDeleteImg:active { background-position: -374px -75px} .icoValidImg{ background-position: -334px -139px} .icoValidImg:hover { background-position: -354px -139px} .icoValidImg:active { background-position: -374px -139px} .icoEditImg{ width: 68px; height: 20px; background-position: -476px -23px;} .icoEditImg:hover{ background-position: -545px -23px;} .manageImg .icoEditImg{ left:auto; right:10px;} .manageImg:hover .icoEditImg{ display: block;} .manageTxt{ padding-top: 2px; line-height: 20px; } /* options */ .icoOptions{ width:20px; height:21px; background-position: -334px -52px; } .icoOptions span{ display:none; } a.icoOptions:hover{ background-position:-354px -52px } a.icoOptions:active, .icoOptionsSel{ background-position:-374px -52px } /* partager */ .icoTwt, .icoFb, .icoRss, .icoDel{ width: 53px; height: 53px; background-position: 0 -91px; } .icoFb{background-position: -54px -91px} .icoRss{background-position: -108px -91px} .icoDel{background-position: -162px -91px} .icoTwt:hover{ background-position: 0 -145px} .icoFb:hover{background-position: -54px -145px} .icoRss:hover{background-position: -108px -145px} .icoDel:hover{background-position: -162px -145px} /* webmails */ .icoGmail{background-position: 0 -45px; width:35px; height:32px} .icoHotmail{background-position: -40px -45px; width:32px; height:32px;} .icoYahoomail{background-position: -80px -45px; width:30px; height:32px} .icoGenericmail{background-position: -116px -45px; width:30px; height:32px} .icoFbmail{background-position: -507px -63px; width:30px; height:32px} /* geolocalisation */ .loadTopC span, .loading{ font-size:12px; border-color: #cacaca; color: #303030 } .icoGeoloc{ display: inline-block; vertical-align: middle; outline: none; background: url("../img/copSprite_ico_new.png?201212101418") no-repeat -536px -63px; width: 10px; height: 13px; vertical-align: text-top; margin-right: 2px; *overflow:visible;*zoom:1;*display:inline;} .blocGeoLoc a .em{ font-size: inherit; color: inherit} .blocGeoLoc .right .buttonPlus{ margin-left: 5px; top: -2px} .blocGeoLoc .rel.isDropDownBtn .mod{ top: auto; right: 0 !important} .blocGeoLoc .rel .box3{ right: 0; font-size: 12px} .blocGeoLoc .selectgeoloc.rel{ vertical-align: inherit } .blocGeoLoc .geoloclabel{ color: #557FC1; text-decoration: underline;} .blocGeoLoc .geoloclabel:hover{ text-decoration: none} /* <-------------- BUTTONS --------------> */ /* DEFINITION DES BOUTONS */ .btnWrap{ display: inline-block; vertical-align: middle; *overflow:hidden;*zoom:1;*display:inline;} .btn{ font-size:12px; text-decoration:none; display:inline-block; height: 20px; line-height: 20px; padding:0 8px; text-decoration: none !important; vertical-align: middle; *overflow:visible;*zoom:1;*display:inline;*margin-right:-3px;} .btn:hover{text-decoration: none !important;} .vAlignBtn{ position: absolute; top: 50%; margin-top: -10px;} .btnWrap button.btn{ margin: 0; *float:left} .buttonPlus { margin-left: -4px; position: relative; } .buttonPlus .tickB-2 { position: relative; top: 7px; background: url("../img/copSprite_ico_new.png?201212111245") no-repeat -5px -36px; display: inline-block; height: 8px; vertical-align: top; width: 9px; } /* pour affichage d'ombre d'un bouton dans un lastBlock */ .lastBlock .btnWrap, .lastBlock .btnFull{ margin-bottom: 1px;} /* Si btn submit et pas btnM on ajoute 1px de hauteur */ .btn[type=submit], button.btn{ height: 22px; line-height: 22px;} .btnM, button.btnM, .btnM[type=submit]{ height: 30px; line-height: 30px; padding: 0 10px; font-size: 16px } button.btn{ line-height: 20px;} /* bouton de largeur 100% */ .btnFull, .btnFull .btn { display: block; text-align: center; } .btnWrap.bubble{margin-left: 3px; position: relative; color: #666666; border: 1px solid #cfcfcf; } .btnWrap.bubble .btn{ color: #666666; background: #fff; padding-top: 1px; padding-bottom: 1px} .btnWrap.bubble .pointer{ background-position: -400px -74px; position: absolute; width: 7px; height: 9px; top: 50%; margin-top: -4px; left: -6px; } /* bleu */ .blueBtn{ border:solid 1px #5083a0; border-top-color: #63a1c5; border-bottom-color:#2b4757; -webkit-box-shadow: 0px 1px 0px 0px #b5b5b5; -moz-box-shadow: 0px 1px 0px 0px #b5b5b5; box-shadow: 0px 1px 0px 0px #b5b5b5;} .copBox3 .blueBtn, .head .blueBtn { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .blueBtn .btn,.pictureTag{ background: #99b9ea; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YjllYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Yzg5YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #99b9ea 0%, #4c89c7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99b9ea), color-stop(100%,#4c89c7)); background: -webkit-linear-gradient(top, #99b9ea 0%,#4c89c7 100%); background: -o-linear-gradient(top, #99b9ea 0%,#4c89c7 100%); background: -ms-linear-gradient(top, #99b9ea 0%,#4c89c7 100%); background: linear-gradient(top, #99b9ea 0%,#4c89c7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b9ea', endColorstr='#4c89c7',GradientType=0 ); border:solid 1px #b3d8ee; border-top-color: #d3e9f7; color:#f6f6f6; *border:0 none;} .blueBtn .btn:hover{ background: #aec8ee; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYzhlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MGExZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #aec8ee 0%, #70a1d2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aec8ee), color-stop(100%,#70a1d2)); background: -webkit-linear-gradient(top, #aec8ee 0%,#70a1d2 100%); background: -o-linear-gradient(top, #aec8ee 0%,#70a1d2 100%); background: -ms-linear-gradient(top, #aec8ee 0%,#70a1d2 100%); background: linear-gradient(top, #aec8ee 0%,#70a1d2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aec8ee', endColorstr='#70a1d2',GradientType=0 ); color:#f6f6f6;text-decoration:none;} .blueBtn .btn:focus{ background: #4c89c7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjODljNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWI5ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4c89c7 0%, #99b9ea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c89c7), color-stop(100%,#99b9ea)); background: -webkit-linear-gradient(top, #4c89c7 0%,#99b9ea 100%); background: -o-linear-gradient(top, #4c89c7 0%,#99b9ea 100%); background: -ms-linear-gradient(top, #4c89c7 0%,#99b9ea 100%); background: linear-gradient(top, #4c89c7 0%,#99b9ea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c89c7', endColorstr='#99b9ea',GradientType=0 ); color:#f6f6f6;text-decoration:none;} .blueBtn .pointer{ background-position: -400px -59px; position: absolute; width: 7px; height: 9px; top: 50%; margin-top: -4px; left: -6px; } /* bouton gris */ .greyBtn{ border:solid 1px #bec1c4; } .greyBtn .btn{ background: #fefefe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUyZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e1e2e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e2e4)); background: -webkit-linear-gradient(top, #ffffff 0%,#e1e2e4 100%); background: -o-linear-gradient(top, #ffffff 0%,#e1e2e4 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e1e2e4 100%); background: linear-gradient(top, #ffffff 0%,#e1e2e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e2e4',GradientType=0 ); border:solid 1px #fff; color:#303030; *border:0 none } .greyBtn .btn:hover{ background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); color:#303030; text-decoration:none} .greyBtn .btn:active{ background: #e8e9eb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTllYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e8e9eb 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9eb), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e8e9eb 0%,#ffffff 100%); background: -o-linear-gradient(top, #e8e9eb 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e8e9eb 0%,#ffffff 100%); background: linear-gradient(top, #e8e9eb 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9eb', endColorstr='#ffffff',GradientType=0 ); color:#303030; text-decoration:none} .greyBtn .pointer{ background-position: -400px -74px; position: absolute; width: 7px; height: 9px; top: 50%; margin-top: -4px; left: -6px; } .greyBtn.btnSubscriber:hover{ border:solid 1px #ff5e5e; } .greyBtn.btnSubscriber:hover .btn, .greyBtn.btnSubscriber:hover .btn:hover{ color: #fff; border:solid 1px #ffa6a6; background: #ff8282; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODI4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDQzNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff8282 0%, #fd4343 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8282), color-stop(100%,#fd4343)); background: -webkit-linear-gradient(top, #ff8282 0%,#fd4343 100%); background: -o-linear-gradient(top, #ff8282 0%,#fd4343 100%); background: -ms-linear-gradient(top, #ff8282 0%,#fd4343 100%); background: linear-gradient(top, #ff8282 0%,#fd4343 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#fd4343',GradientType=0 ); cursor: pointer !important; } /* orange */ .orangeBtn{ border:solid 1px #ab5306; border-top-color: #c78c59;} .orangeBtn .btn{ background: #99b9ea; background: #ffa241; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTI0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc4MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffa241 0%, #ff7805 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa241), color-stop(100%,#ff7805)); background: -webkit-linear-gradient(top, #ffa241 0%,#ff7805 100%); background: -o-linear-gradient(top, #ffa241 0%,#ff7805 100%); background: -ms-linear-gradient(top, #ffa241 0%,#ff7805 100%); background: linear-gradient(top, #ffa241 0%,#ff7805 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa241', endColorstr='#ff7805',GradientType=0 ); border:solid 1px #ff9f4f; border-top-color: #ffc78c; color:#fff; *border:0 none;} .orangeBtn .btn:hover{ background: #ffb667; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjY2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk0MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffb667 0%, #ff9437 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb667), color-stop(100%,#ff9437)); background: -webkit-linear-gradient(top, #ffb667 0%,#ff9437 100%); background: -o-linear-gradient(top, #ffb667 0%,#ff9437 100%); background: -ms-linear-gradient(top, #ffb667 0%,#ff9437 100%); background: linear-gradient(top, #ffb667 0%,#ff9437 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb667', endColorstr='#ff9437',GradientType=0 ); color:#fff;text-decoration:none;} .orangeBtn .btn:focus{ background: #ff7805; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzgwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmEyNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff7805 0%, #ffa241 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7805), color-stop(100%,#ffa241)); background: -webkit-linear-gradient(top, #ff7805 0%,#ffa241 100%); background: -o-linear-gradient(top, #ff7805 0%,#ffa241 100%); background: -ms-linear-gradient(top, #ff7805 0%,#ffa241 100%); background: linear-gradient(top, #ff7805 0%,#ffa241 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7805', endColorstr='#ffa241',GradientType=0 ); color:#fff;text-decoration:none;} /* bouton suscribe */ .btnSubscribe, .btnSubscriber{ position: absolute; top: 6px; right:0; } /* disabled */ .disabledBtn, .btnSubscriber{ border:solid 1px #b3b3b3; border-top-color: #c0c0c0; border-bottom-color:#979797; -webkit-box-shadow: 0px 1px 0px 0px #b5b5b5; -moz-box-shadow: 0px 1px 0px 0px #b5b5b5; box-shadow: 0px 1px 0px 0px #b5b5b5;} .disabledBtn .btn, .disabledBtn .btn:hover, .disabledBtn .btn:focus, .btnSubscriber .btn{ /*,.pictureTag*/ border:solid 1px #dbdbdb; background: rgb(208,208,208); background: -moz-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(193,193,193,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,208,208,1)), color-stop(100%,rgba(193,193,193,1))); background: -webkit-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(193,193,193,1) 100%); background: -o-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(193,193,193,1) 100%); background: -ms-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(193,193,193,1) 100%); background: linear-gradient(top, rgba(208,208,208,1) 0%,rgba(193,193,193,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#c1c1c1',GradientType=0 ); border-top-color: #d8d8d8; color:#f6f6f6; *border:0 none; cursor:text;} .btnFB{ border: 1px solid #314f8c} .btnFB .btn{ padding:0 10px 0 3px; background: #6580b3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1ODBiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzYxYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6580b3 0%, #4361a1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6580b3), color-stop(100%,#4361a1)); background: -webkit-linear-gradient(top, #6580b3 0%,#4361a1 100%); background: -o-linear-gradient(top, #6580b3 0%,#4361a1 100%); background: -ms-linear-gradient(top, #6580b3 0%,#4361a1 100%); background: linear-gradient(top, #6580b3 0%,#4361a1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6580b3', endColorstr='#4361a1',GradientType=0 ); border: 1px solid #5f76a9; border-top-color:#8aa6db; color:#fff; *border:0 none; } .btnFB .btn:hover{ background: #758ebb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1OGViYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzZkYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #758ebb 0%, #4c6db4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#758ebb), color-stop(100%,#4c6db4)); background: -webkit-linear-gradient(top, #758ebb 0%,#4c6db4 100%); background: -o-linear-gradient(top, #758ebb 0%,#4c6db4 100%); background: -ms-linear-gradient(top, #758ebb 0%,#4c6db4 100%); background: linear-gradient(top, #758ebb 0%,#4c6db4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#758ebb', endColorstr='#4c6db4',GradientType=0 ); } .btnFB .btn:active{ background: #4361a1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNjFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTgwYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4361a1 0%, #6580b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4361a1), color-stop(100%,#6580b3)); background: -webkit-linear-gradient(top, #4361a1 0%,#6580b3 100%); background: -o-linear-gradient(top, #4361a1 0%,#6580b3 100%); background: -ms-linear-gradient(top, #4361a1 0%,#6580b3 100%); background: linear-gradient(top, #4361a1 0%,#6580b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4361a1', endColorstr='#6580b3',GradientType=0 ); } .btnFB span.icoFB{ background: transparent url("../img/copSprite_ico_new.png?201211301050") no-repeat -476px -44px; width: 26px; height: 25px; padding: 0; margin: 0; border: none } /* clicked */ .clickedBtn{ border: none; box-shadow: none; padding: 1px} .clickedBtn:hover{border:1px solid #E5E5E5; padding: 0 } .clickedBtn .btn{ border: none; color: #303030; font-weight: bold; background: none; filter:none; padding:1px 9px} .clickedBtn .btn:hover, .clickedBtn .btn:focus{ padding:0 8px; border:1px solid #fff; background: none; color: #303030; background: rgb(254,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(254,255,255,1) 50%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(254,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top, rgba(254,255,255,1) 50%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top, rgba(254,255,255,1) 50%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top, rgba(254,255,255,1) 50%,rgba(229,229,229,1) 100%); background: linear-gradient(top, rgba(254,255,255,1) 50%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e5e5e5',GradientType=0 ); } .liked{ width: 55px; padding-right: 10px; text-align: right; line-height: normal;} /* facebook bouton */ .fbBtn{ background-color:#5F78AB;} .fbBtn a:hover{ text-decoration: none} .fbBtn a span{ color: #FFFFFF; display: block; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; margin:1px 1px 0 21px; padding: 3px 6px 4px 7px; font-size: 11px; line-height: 14px; /*border-top:1px solid #879AC0; border-bottom:1px solid #1A356E;*/} .btnsCter{ text-align: right; position: relative; } .btnCt{ position: relative} .btnsCter .btnCt{ display: inline-block; vertical-align: middle; *display:inline; margin-left: 5px; } /*.btnCt.btnFB{ width: 110px; height: 21px; overflow: hidden}*/ .btnCt .fb_edge_comment_widget.fb_iframe_widget { display: none !important;} /*.btnCt iframe #LikePluginPagelet{ border: 1px solid red !important}*/ #facebook #LikePluginPagelet .connect_widget.button_count{ text-align: right} /* <-------------- FORMULAIRES --------------> */ /*.form .clear{ margin-bottom: 0 !important}*/ .form label.marR10{ margin-right: 10px;} .form label.marL5{ margin-left: 5px;} .form label.marR5, .form .checkbox label.marR5, .form .radio label.marR5{ margin-right: 5px;} /* textarea en ligne */ .inlineTxta{ height: 18px; width: 100% !important;} .line.radio p {clear: both} .line.radio p input{ float: left; margin: 2px 2px 0 0; *margin-top: 0;} .line.radio p label{ float: none; width: auto; overflow: hidden;} .form .checkbox .label, .form .radio .label{ margin-top: 0} .form .copBox2 .txtEdit li.rel{ border-color: #F0F0F0;} .form .copBox2 .txtEdit li.rel:hover{ border-right-color: #b9b9b9; border-bottom-color: #b9b9b9;} /* RECHERCHE */ .searchMod { display: inline-block; height: 32px; position: relative; vertical-align: middle; zoom:1;*display:inline; z-index: 1000 } .head .searchMod{ margin-top: 13px} .head .searchModMore{ margin: 7px 0 0 2px; line-height: 14px; display: inline-block; vertical-align: middle; zoom:1; *display:inline; } .searchMod legend { display: none; } .searchMod .search { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, #f6f6f6 0%,#ffffff 100%); -webkit-box-shadow: 0px 0px 0px 1px #fff;-moz-box-shadow: 0px 0px 0px 1px #fff;box-shadow: 0px 0px 0px 1px #fff; border: 1px solid #ddd; color: #666;font-size: 12px;line-height: 18px; float: left; height: 18px; width: 402px; padding: 5px 30px 5px 5px;} .searchMod .search.forum{ width: 165px} .searchMod .submit { background: url("../img/copSprite_ico_new.png?201211301050") no-repeat -25px -5px; border: medium none; cursor: pointer; margin:7px; height: 16px;width: 16px; position: absolute;right: 0; text-indent: -99999em; *padding-left:9999em; /* corrige le bug de text-indent non pris en charge sur IE */} /*SMALL searchMod*/ .searchModS{ height: 26px} .searchModS .search{ padding: 2px 20px 2px 5px; font-size: 11px; width: 190px; height: 20px; line-height: 20px } .head .searchMod{ display: block; float: left} .head .searchMod .search { border-color:#6d6d6d; color: #fff; background-image: none; background-color: #666; background-color: rgba(255, 255, 255, 0.4); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; width: 170px; filter:none; } .head .searchMod .search:focus { border-color:#ffffff; color: #303030; background-image: none; background-color: #fff;} /*.head*/ .searchMod .submit {background-position:-5px -5px;} /* formulaire de connexion du header */ .memberInfos .colInput{ width: 150px; float: left; font-size: 11px;} .memberInfos .colInput label{ color: #fff; font-size: 11px; font-weight: normal; text-align: left; margin-top: 0} .memberInfos .colInput .input{ font-size: 11px; border-color:#6d6d6d; color: #fff; background-image: none; background-color: rgba(255, 255, 255, 0.4); *background-color:#7d7d7b; padding: 3px 3px; border-radius:0px; box-shadow: none; } .memberInfos .colInput .input input{ background: none; border: none;color: #fff; width: 100% } .memberInfos .colInput a, .memberInfos .colInput a:hover{ color:#cfcfd1 } .memberInfos .btnWrap{ margin-top: 16px;} /* FORMULAIRE GENERIQUE COPAIN*/ .formError .lineError .msg{left: 0; right:auto} .form .radio label.marR30{ margin-right: 30px} .form label, .form .label{ margin-right: 0} .form .input{ padding: 7px 5px} .form .em{ font-size: 11px} .form option{ padding: 0 5px} .form .note{ line-height: 17px; margin-top: 8px } #ui-nav .form .txtEdit{ margin:0 0 -1px 0; padding:5px; height:22px; border:1px dashed #b9b9b9; background:#fff; } .form .currentlyToday{ float: left; margin-top: 8px;} /* RECHERCHE AMIS */ .searchFriendsLabel{position:absolute; top:0; left:-235px; width: 215px; /*left:-242px; width: 222px;*/} .searchFriendsResults{ max-height: 290px; _height:290px; overflow: auto; border-left: 1px solid #D5D5D5;} .form.searchFriendsResults .radio label{ margin-right: 0} .form.searchFriendsResults li{ width:180px; display: inline-block; *display:inline; *zoom:1; margin:0 5px 5px 0; vertical-align: top} .form.searchFriendsResults li input{ float: left; margin: 2px 5px 0 0;} .form.searchFriendsResults li label{ width: auto; float: none; overflow: hidden; display: block} .comInput{ border:solid 1px #c7c7c7;padding:5px; background: #fff; position:relative; font-style: normal; } .form textarea{ overflow: auto} .comInput textarea{ overflow: hidden} /* Menu deroulant sans contour */ select.light{ background: none repeat scroll 0 0 transparent; border: medium none; line-height: 16px; color:#557fc1; } select.light option{ background-color: #EBEBEB; border: medium none; padding-right:10px; color:#303030; } .timeForm .inputTxt{width:82%;} .input.whatsup{ padding-left: 0; padding-right: 0; padding-bottom: 0;} .whatsup textarea.whatsupTxta{ padding-left: 27px; padding-bottom: 7px; margin: 0 5px} .whatsup.focusWhatsup textarea.whatsupTxta{ padding-left: 0;} .whatsup.focusWhatsup .icoWhatsup{ display: none;} .whatsup .divUrlDisplayer { min-height: 146px} .whatsup .itemImg{ width: 146px; padding: 0 30px; margin-right: 10px} .whatsup .itemImg .imgW140Cter.imgS2Cter{ text-align: center; height: 146px; margin-bottom: 5px;} .whatsup .itemImg img{ max-width: 140px; max-height: 140px; border: 1px solid #ccc; padding: 2px; background: #fff } .whatsup .itemTxt textarea{ height: auto; font-weight: bold} .whatsup .itemTxt {width:242px;word-wrap:break-word;padding-top:28px} .form .whatsup .line{ margin-bottom: 0} .publishable h1{ background: #f8f8f8; border: 1px dashed #ccc; padding: 8px 5px;} .publishable .inputTxt{ *width:300px!important} /* Tags pour les groupes */ .tagS, .tagL{ border-color: #557FC1; color:#557FC1; } .tagS:hover, .tagL:hover{ background: #fff; border-color:#a2c5ff; -webkit-box-shadow: 0px 0px 5px 1px #c9deff; -moz-box-shadow: 0px 0px 5px 1px #c9deff; box-shadow: 0px 0px 5px 1px #c9deff; } .icoCancel-3{ background: url("../img/copSprite_ico_new.png?201211301050") no-repeat 0 0;background-position: -576px -4px;} /* <-------------- SLIDERS --------------> */ .diapo { overflow: hidden} .prevBtn, .nextBtn{ top: 34px; width: 16px; height: 54px; background-image: url(../img/copSprite_ico_new.png?201211301050); } .prevBtn{ background-position: -410px 0; left: 0 } .nextBtn{ background-position: -426px 0; right: -2px; } .prevBtn:hover{ background-position: -442px 0 } .nextBtn:hover { background-position: -458px 0 } .modalSlider { height: 146px} .modalSlider li, .modalSlider, .modalSubSlider { width: 560px; } /* slider et subslider des modales */ .modalSlider .itemImg{ width: 146px; padding: 0 30px; margin-right: 10px;} .modalSlider .itemTxt { border: 1px solid #ddd; background: none; padding: 10px; height: 124px} #memoryControls a.prevBtn,#memoryControls a.nextBtn{ top: 0; width:26px; height: 146px; background-position:-85px -338px;} #memoryControls a.nextBtn{ background-position:-112px -338px; left:180px;} #memorySubControls a.prevBtn,#memorySubControls a.nextBtn{ top: 50%; margin-top: -36px; width:26px; height: 72px; background-position:-139px -338px;} #memorySubControls a.nextBtn{ background-position:-166px -338px;} .modalSubSlider li{ padding: 8px; width: 54px;} .modalSubSlider li a.sudoLink{opacity:0.5; filter : alpha(opacity=50); display: block; height: 54px; width: 54px; position: relative} .modalSubSlider li a.current, .modalSubSlider li a.sudoLink:hover {opacity:1; filter : alpha(opacity=100);} .modalSubSlider li a.sudoLink.current .imgW50Cter.imgS1Cter{ width: 64px; top: -5px; left: -6px; position: absolute;} .modalSubSlider li a.sudoLink.current .imgW50Cter.imgS1Cter .imgW50.sizeSquare{ width: 60px; height: 60px} /* pour controler le slider dans le header */ #yearsControls a span{ background-position:-41px -28px; width:6px;height:12px;} #yearsControls a.next span{background-position:-50px -28px;} .pictureTag{ padding:4px 8px; z-index: 5000} .pictureTag_arrowBorder{ border-color:transparent transparent #CFE5F3 transparent; border-style: solid; border-width: 6px; height:0; width:0; position:absolute; top:-13px; left:10%; margin-left:-6px;} .pictureTag_arrow{ border-color:transparent transparent #99B9EA transparent; border-style: solid; border-width: 6px; height:0; width:0; position:absolute; top:-11px; left:10%; margin-left:-6px; _border-left-color: pink; _border-bottom-color: pink; _border-right-color: pink; _filter: chroma(color=pink);} .contentPage .leftPart{ width: 750px} .contentPage .picturePart { background: #EFEFEF} .contentPage .picturePart img{ display: block; margin: auto; max-width: 750px} .contentPage .prevBtn, .contentPage .nextBtn{background: url(../img/copSprite_ico_new.png?201211301050) no-repeat; top: 0; width: auto; } .padPageControls{ padding:0 100px; min-height: 33px;} #pageControls .prevBtn, #pageControls .nextBtn{height: 33px; line-height: 33px; color: #666; text-indent: 0;} #pageControls .prevBtn{ background-position: -338px -248px; left: 0; padding-left: 37px; } #pageControls .nextBtn{ background-position: -399px -282px; right: 0; padding-right: 37px; } .noTextControls { width: 75px; position: relative;} .noTextControls .nextBtn, .noTextControls .prevBtn{ float: left; height: 33px; line-height: 33px; background-position: -338px -248px; width: 37px; padding: 0; position: relative; text-indent: -9999em; top: 0; right:auto; left:0; } .noTextControls .nextBtn{background-position: -439px -282px;} .fluxSlider ul, .fluxSlider li{ position:relative; display:block; } .lineSlider .fluxSlider, .lineSlider .fluxSlider li{ width: 620px; height: 121px; overflow:hidden; } /*width: 302px; height: 242px;*/ .lineSlider .fluxSlider li{ width: 624px} /*312px*/ .blocSlider > .relative{ float: right; margin-left: 20px} .blocSlider .fluxSlider, .blocSlider .fluxSlider li{ width: 302px; height: 242px; overflow:hidden; } /**/ .blocSlider .fluxSlider li{ width: 312px;} #fluxControls .prevBtn, #fluxControls .nextBtn{height: 24px; width: 24px; background-position: -416px -223px; position: absolute; top: -3px; left: auto; right: 28px} #fluxControls .nextBtn{background-position: -442px -223px; right: 0} .recoPart{ width: 214px; position: absolute; top: 40px; right: 0; zoom:1;} /* slider de la liste des personnes identifiés sur les photos */ .recoSlider{ height: 473px; margin: 20px 0; overflow: hidden;} .recoSlider ul{ position: relative;} .recoSlider ul li{ margin-bottom: 5px; padding: 5px 10px 5px 14px;} .recoSlider ul li a.icoCt{ color: #303030} .recoSlider ul li .icoHem{position: absolute; left: 0; bottom: -4px; display:none} .recoSlider ul li.active{ background: rgb(153,185,234); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YjllYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Yzg5YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(153,185,234,1) 0%, rgba(76,137,199,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,185,234,1)), color-stop(100%,rgba(76,137,199,1))); background: -webkit-linear-gradient(top, rgba(153,185,234,1) 0%,rgba(76,137,199,1) 100%); background: -o-linear-gradient(top, rgba(153,185,234,1) 0%,rgba(76,137,199,1) 100%); background: -ms-linear-gradient(top, rgba(153,185,234,1) 0%,rgba(76,137,199,1) 100%); background: linear-gradient(top, rgba(153,185,234,1) 0%,rgba(76,137,199,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b9ea', endColorstr='#4c89c7',GradientType=0 ); position: relative } .recoSlider ul li.active, .recoSlider ul li.active a, .recoSlider ul li.active a.icoCt{ color: #fff} .recoSlider ul li.active .icoTarget, .recoSlider ul li.active .icoTarget:hover{ background-position: -363px -161px} .recoSlider ul li.active .icoClose, .recoSlider ul li.active .icoClose:hover{ background-position: -363px -181px} .recoSlider ul li.active .icoHem{display:block} #recoControls .prevBtn, #recoControls .nextBtn{ width: 190px; height: 15px; top: auto; left: 13px } #recoControls .prevBtn{ background-position: -193px -408px; top: -20px; *top:0 } #recoControls .nextBtn{ background-position: -193px -392px; bottom: -20px; *bottom:0;} /* <-------------- MODULES PARTAGER --------------> */ /* <-------------- MODULES ETAPES --------------> */ .step{ margin: 0 30px; color: #778793} .step.stepActive{ color: #557fc1;} .step .icoStep{ width: 29px; height: 29px; line-height: 25px; background-position: -303px -48px; text-align: center; color: #fff } .step.stepActive .icoStep{ background-position: -269px -48px;} /* <-------------- MODULES MINI MODALE --------------> */ .miniModale.memoryYearsSelector{ right: 0 !important;} .miniModale{ background: #fff; border: 1px solid #b9b9b9; padding: 10px; position: absolute; width: 230px; z-index: 5000; display: none; text-align: left; } .miniModale .miniModaleCt{ max-height: 87px; overflow: auto; } @media screen and (-webkit-min-device-pixel-ratio:0) { .miniModale .miniModaleCt{ max-height: 85px; } } .miniModale .miniModaleCt label{ margin-left: 2px;} /* <-------------- MODULES MESSAGES --------------> */ .messageList li{ padding: 10px; border-bottom: 1px solid #c7c7c7; } .messageList li.noRead{ background-color: #f5f5f5; } .messageList li.noRead .msgTitle{ font-weight: bold;} .inputBox{ width: 24px; text-align: center;} .messageList .resumeBox{ width: 628px;} .messageList .dateBox{ width: 90px; text-align: right;} .form .reply{ position: relative; padding-right: 80px; min-height: 23px;} .form .reply .btnWrap{ position: absolute; top: 6px; right: 6px} /** * @todo fix this css */ .messageList .line.marT10.marB10 { min-height: 154px; } .form .input.multi-user { overflow: hidden; height: auto; padding-top: 4px !important; padding-bottom: 0px !important; } .multi-user #txtUsers { display: block; float: left; margin-top: 4px; margin-bottom: 8px; } .multi-user .user { display: block; float: left; margin: 0px 4px 4px 0px; padding: 2px 3px 1px 3px; border: 1px solid #B9B9B9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; color: #666 } .multi-user .user:hover{ border-color:#557fc1; color: #557fc1; text-decoration: none } .multi-user .user span.deleteSelection{ position: relative; top: -1px;} .multi-user .user:hover span.deleteSelection{background-position: -239px -91px;} /** @todo : fix all others error msg divs**/ #divErrorUsers { left: auto; bottom: auto; } /* <-------------- MODULES OPTIONS --------------> */ .tlFilterAction{ position: absolute; right: 0px; top:5px; height: 21px; width: 21px; } /* classe deleted pour les infos qui ne sont plus suivis */ .deleted, .deleted .icoOptions:hover { color: #999; } .deleted a, .deleted a:hover, .deleted h1, .deleted .copNeutre{ color: #999} .deleted img{ opacity:0.5;} /* affichage du bloc lorsque l'on clique sur options' */ .list1 a {/*, .ui-autocomplete a.ui-corner-all*/ color: #303030; display: block; padding: 3px 10px; padding: 8px 10px; font-weight: bold; outline-style: none; } .list1 a:hover{font-weight: bold;} /*, .ui-autocomplete a.ui-corner-all:hover*/ *.list1 a{color: #303030 !important;} .ui-autocomplete a.ui-corner-all:hover,.autoComplete .ui-widget-content .ui-state-hover{ text-decoration: none; background: none; /* padding: 3px 10px; color: #303030;*/ border: none; } .list1 a:hover{ color: #fff; background-color: #557FC1; text-decoration: none;} *.list1 a:hover{ color: #fff !important; } .memberInfos .list1 a:hover{ background-color: #FF9731;} .sl .selected{ position: relative} .sl .selected .icoChecked{ background:url("../img/copSprite_ico_new.png?201211301050") no-repeat; background-position:-273px -95px; display: block; width: 10px; height: 10px; position: absolute; top: 11px; left:5px; } .sl .selected:hover .icoChecked{ background-position: -283px -95px; } .sl .selected a, .sl .selected a:hover{ background-image: none;} .sl a, .sl li a { padding-left: 10px; } .sl.tlPrivacyList a, .sl.tlPrivacyList li a { padding-left: 20px; } .relative .box3, .rel .box3{ cursor: auto; display: block !important; position: absolute; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0;float: none; padding: 10px;} .rel.isDropDownBtn .bd{ float: none; padding: 10px;} .rel .mod{ right: 0; width: 100%} .memberInfos a, .memberInfos a:hover, .memberInfos a:active{ color: #ff9731; text-decoration: none; font-weight: bold} .memberInfos .rel .mod{ top: 43px; right: -2px; width: 100%} .memberInfos .tlOptions{ margin-right: 20px} .memberInfos .rel.isDropDownBtn .bd{ float: none; padding: 10px;} .memberInfos .isDropDownBtn .mod{ min-width: 150px;} /* - UPLOAD DES IMAGES ------------------------------------------------------------------- */ /* bouton parcourir */ .filImageButton { position:relative; /*width:250px; height:32px; background: -moz-linear-gradient(center top , #FDFDFD 0%, #F4F4F4 100%) repeat scroll 0 0 transparent;*/ overflow:hidden; } .filImageButton input { position:absolute; right:0; top:0; font-size:12px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); cursor:pointer; text-align:right; } /**.filImageButton .btn,{ position: relative; top: -33px;}*/ /* barre de progression */ .upProg{ position: relative; padding-right: 20px; } .upProg .icoClose{ position: absolute; top:0; right:0 } .inProgBar{ margin-left: 10px; background-color: #d2d4d6; border:1px solid #adadad; width: 100px; height: 10px; line-height: 10px; display: inline-block; *display:inline; *zoom:1; vertical-align:middle; overflow:hidden; -moz-border-radius: 4px; border-radius:4px; } .dwnldProgress{ background: url(../img/cop_loader.gif) repeat-x; height: 10px; *height:auto; display: inline-block; *display:inline; *zoom:1; } /* <-------------- PUCES --------------> */ .roundM{background-color:#557fc1; color:#fff;line-height:30px;text-align:center; height:30px;width:30px;margin-right:6px; font-family: 'Lobster',Arial,sans-serif;font-size: 14px; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} .roundM.inactive{background-color:#bbb; color:#fff;line-height:30px;text-align:center; height:30px;width:30px;margin-right:6px; font-family: 'Lobster',Arial,sans-serif;font-size: 14px; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} .roundS{background-color:#afcfe8; color:#fff;line-height:22px;text-align:center; display:inline-block;height:22px;width:22px;margin-left:6px; font-family: 'Lobster',Arial,sans-serif;font-size: 14px; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; *overflow:visible;*zoom:1;*display:inline;*vertical-align: middle;} .roundL{background-color:#ebebeb; color:#303030;line-height:50px;text-align:center;text-transform:uppercase; display:inline-block;height:50px;width:50px; font-family: 'Lobster',Arial,sans-serif;font-size: 23px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; *overflow:visible;*zoom:1;*display:inline;*vertical-align: middle;} .roundNext{margin-top:7px;} /* to align the

after a round */ .roundSW{background-color:#fff; color:#747474;line-height:15px;text-align:center; display:inline-block;height:15px;width:15px;margin-left:6px; font-family: Arial,sans-serif;font-size: 11px;font-weight:bold; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; *overflow:visible;*zoom:1;*display:inline;*vertical-align: middle;} /* <-------------- QUESTIONS --------------> */ .questionItem.copSepar1{ padding: 15px } .questionItem{ border-left:3px solid #e5e5e5;} .questionNew{ border-left-color: #7392c3; background: #f3f5fd} .questionResolved{ border-left-color: #71cd17;} /* <-------------- SONDAGE --------------> */ .totalBar{ height:24px; line-height:24px; background: #c2c0c1; /* Old browsers */ background: #cecdcd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2RjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjYmNiYmJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjYmJiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #cecdcd 0%, #dddddd 1%, #bcbbbc 99%, #bcbbbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecdcd), color-stop(1%,#dddddd), color-stop(99%,#bcbbbc), color-stop(100%,#bcbbbc)); background: -webkit-linear-gradient(top, #cecdcd 0%,#dddddd 1%,#bcbbbc 99%,#bcbbbc 100%); background: -o-linear-gradient(top, #cecdcd 0%,#dddddd 1%,#bcbbbc 99%,#bcbbbc 100%); background: -ms-linear-gradient(top, #cecdcd 0%,#dddddd 1%,#bcbbbc 99%,#bcbbbc 100%); background: linear-gradient(top, #cecdcd 0%,#dddddd 1%,#bcbbbc 99%,#bcbbbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecdcd', endColorstr='#bcbbbc',GradientType=0 ); position:relative; width:100%; } .totalBar .orangeBar{ position:absolute; top:0; left:0; height:22px; line-height:22px; border: 1px solid #df975a; border-bottom-color: #d0650b; background: #ffaf59; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWY1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZhMDNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNzgwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffaf59 0%, #ffa03d 1%, #ff7806 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf59), color-stop(1%,#ffa03d), color-stop(100%,#ff7806)); background: -webkit-linear-gradient(top, #ffaf59 0%,#ffa03d 1%,#ff7806 100%); background: -o-linear-gradient(top, #ffaf59 0%,#ffa03d 1%,#ff7806 100%); background: -ms-linear-gradient(top, #ffaf59 0%,#ffa03d 1%,#ff7806 100%); background: linear-gradient(top, #ffaf59 0%,#ffa03d 1%,#ff7806 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf59', endColorstr='#ff7806',GradientType=0 ); z-index:1; } .totalBar .nbVote{ color:#fff; position:absolute; top:0; left:0; z-index:2; } .totalBar .nbComent{ position:relative; z-index:2; } .gradient{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); z-index:2; position: absolute; bottom: 0; width: 100%; height: 100%; } /* bloc commentaires forum */ .box4{ background-color: #f4f4f4; position: relative} .box4 .tickLeft { left: -10px; position: absolute; top: 10px; } .box5{ position:relative; background:#fff; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; } .box5 .bd{ border-bottom:1px solid #ddd; border-top:none; /*overflow:hidden;*/ _zoom:1; } .box5 .tickGrey{ position:absolute; top:-10px; left:22px; } .box5 .tickWhite, .box5 .tickExpeert{ position:absolute; top:-8px; left:23px; } .box5 .tickExpeert{ z-index:5; } .box5 a.edit{ visibility:hidden; } .box5 .bd:hover a.edit{ visibility:visible; } .box12 { background-color: #E9EDF0; border-top: 1px solid #c8d1d0; } /* - UI ------------------------------------------------------------------- */ /* bloc auto-complete */ .autoComplete{ position: absolute; left: 0; top: 30px; border:1px solid #acacac; background: #fff; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background: #fff; } .autoComplete ul li .parentMoreResults{ display: block; padding: 5px 25px 5px 10px; position: relative; } .ui-autocomplete .parentMoreResults.ui-corner-all, .ui-autocomplete .ui-corner-all .btnWrap{ cursor : pointer} .autoComplete .ui-autocomplete a.ui-corner-all{ color: #303030; position: relative; padding-right: 30px;} .autoComplete ul li a span.icoSearchG{ position: absolute; top:50%; margin-top: -8px; right: 10px; display: none; } .autoComplete ul li a:hover span.icoSearchG, .autoComplete #ui-active-menuitem span.icoSearchG{ display: block} .autoComplete ul li a span.icoMoreB{ display: none; position: absolute; right: 10px; top: 50%; margin-top: -5px;} .autoComplete ul li a:hover span.icoMoreB{ display: block;} .autoComplete ul li a.ui-corner-all:hover , .autoComplete #ui-active-menuitem { background: #dfeaf4; cursor: pointer; } .autoComplete .moreResults, .autoComplete .actions{ /*position: absolute; left: 0; bottom: 0; */ width: 100%; background: #f2f2f2; text-align: center; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .autoComplete .moreResults a, .ui-autocomplete .ui-menu-item:last-child a{ -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .autoComplete .actions{ cursor: auto;} .autoComplete .moreResults:hover, .autoComplete .actions:hover{ background: #f2f2f2;} .autoComplete .actions a{ color:#557fc1; display: inline-block; padding: 0} .autoComplete .actions a.btn{ color:#fff; padding: 0 8px} .autoComplete .actions:hover a.btn {border:solid 1px #b3d8ee; border-top-color: #d3e9f7;} .autoComplete .actions a{ text-decoration: underline} .autoComplete .actions a:hover{ text-decoration: none} .autoComplete.acPhoto{ padding-bottom: 36px; } .acPhoto .ui-autocomplete a{ padding-top: 0; padding-bottom: 0} .acPhoto .ui-autocomplete a.ui-corner-all{ cursor: default; padding: 0;} .autoComplete.acPhoto ul li .acType, .autoComplete.acPhoto ul li .acItem{ display: block; padding: 5px 25px 5px 10px; position: relative; } .autoComplete.acPhoto ul li a.ui-corner-all, .autoComplete.acPhoto #ui-active-menuitem{ background: #fff; cursor: text; } .autoComplete.acPhoto ul li a.ui-corner-all:hover .acItem, .autoComplete.acPhoto #ui-active-menuitem .acItem{ background: #dfeaf4; cursor: pointer; } /* NOTIFICATIONS */ .ui-pnotify { position: fixed; top:0; bottom: auto !important; z-index: 5000; padding: 15px 0; background-color: #fe8822; /* pour ie lte 8 */ background-color: rgba(255, 124, 11, 0.9); font-size: 24px; border: none; width: 100%; text-align: center; /*left:50%; margin-left: -500px;*/ } .ui-widget-content.ui-pnotify-container { border:0; background: none; padding: 0; } .ui-pnotify .ui-pnotify-icon{ display: none} .ui-state-highlight .ui-icon { background-image: url("../img/copSprite_ico_new.png?201211301050"); } .ui-widget-content .ui-icon { background-image: url("../img/copSprite_ico_new.png?201211301050"); } .ui-icon-circle-close { background-position: -615px -4px; height: 24px; width: 24px; position: absolute; top: 50%; margin-top: -12px; right: 20px; } .ui-icon-circle-close:hover { background-position: -615px -4px; } .ui-icon-circle-close:active { background-position: -615px -4px; } .ui-icon { } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #557fc1; } .ui-pnotify .ui-pnotify-text{ color: #fff; width: 1000px; margin: auto;} /* notifications du wall (loading) */ .notify{ color:#fff; padding: 0 5px; height: 19px; line-height: 19px; vertical-align: bottom; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ffce99; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2U5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc2MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffce99 0%, #ff7602 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffce99), color-stop(100%,#ff7602)); background: -webkit-linear-gradient(top, #ffce99 0%,#ff7602 100%); background: -o-linear-gradient(top, #ffce99 0%,#ff7602 100%); background: -ms-linear-gradient(top, #ffce99 0%,#ff7602 100%); background: linear-gradient(top, #ffce99 0%,#ff7602 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce99', endColorstr='#ff7602',GradientType=0 ); } .ui-pnotify.flash{ top: 250px !important; margin-left: 0; font-size: 14px; left:42% !important; z-index: 2000; width: auto; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ui-pnotify.flash .ui-pnotify-text{ width: auto;} /* jqueryImageTags */ /*---------------------------------------- * Pseudo-Classes ----------------------------------------*/ .jqueryImageTags-container .clearfix:after { clear:both; content:"."; height:0px; display:block; visibility: hidden; } /*---------------------------------------- * Reset ----------------------------------------*/ .jqueryImageTags-container * { margin:0; padding:0; list-style:none; font-family:Verdana, Helvetica, sans-serif; font-size:10px; font-style:normal; font-weight:normal; text-decoration:none; } .jqueryImageTags-container div, .jqueryImageTags-container img { border:none; background:none; outline:none; } /*---------------------------------------- * Notes ----------------------------------------*/ .jqueryImageTags-container { position:relative; } .jqueryImageTags-container .tags { position:relative; margin:auto; } .jqueryImageTags-container .tags img { position:relative; } .jqueryImageTags-container .tags .tag { position:absolute; display: none; } .jqueryImageTags-container .tags .offFocus { opacity:0.3; } .jqueryImageTags-container .tags .onFocus { } .jqueryImageTags-container .tags:hover .tag { /*display:block;*/ } .jqueryImageTags-container .tags .select { z-index:9990; } .jqueryImageTags-container .tags .tag .ui-resizable-handle { position:absolute; height:10px; width:10px; background:url(../img/tags/resize.png) no-repeat; } .jqueryImageTags-container .tags .tag .ui-resizable-ne { right:0; top:0; cursor:ne-resize; background-position:-6px 2px; } .jqueryImageTags-container .tags .tag .ui-resizable-nw { left:0; top:0; cursor:nw-resize; background-position:2px 2px; } .jqueryImageTags-container .tags .tag .ui-resizable-se { right:0; bottom:0; cursor:se-resize; background-position:-6px -6px; } .jqueryImageTags-container .tags .tag .ui-resizable-sw { left:0; bottom:0; cursor:sw-resize; background-position:2px -6px; } .jqueryImageTags-container .tags .tag .border { position:relative; width:100%; height:100%; border:1px solid #fff; outline:1px solid #000; } .jqueryImageTags-container .tags .tag .border .bg { position:relative; width:100%; height:100%; background:#fff; opacity:0.2; } .jqueryImageTags-container .tags .tag .border .bg a { position:relative; width:100%; height:100%; display:block; } .jqueryImageTags-container .tags .text { position:absolute; padding:5px; margin-top:4px; line-height:10px; display:none; opacity:0.9; z-index:9990; } .jqueryImageTags-container .tags .text span { color:#fff; } .jqueryImageTags-container .tags .text .author { font-style:italic; } .jqueryImageTags-container .tags .text .date { color:#999; font-size:8px; font-style:italic; display:block; } /*---------------------------------------- * Loading ----------------------------------------*/ .jqueryImageTags-container .tags .layer { position:absolute; top:0; left:0; height:100%; width:100%; background:#fff; opacity:0.7; z-index:9999; display:none; } .jqueryImageTags-container .tags .loading { position:absolute; top:0; left:0; height:100%; width:100%; z-index:9999; display:none; } .jqueryImageTags-container .tags .loading .message { position:relative; margin:0 auto; width:100px; line-height:25px; padding:0 5px 0 25px; color:#fff; font-weight:bold; text-align:center; background:url(../img/tags/loader.gif) no-repeat 10px center #557fc1; opacity:0.9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /*---------------------------------------- * Notes Formular ----------------------------------------*/ .jqueryImageTags-container .tags .tag .text-box { position:absolute; left:0; width:342px; margin-top:2px; z-index:9990; } .jqueryImageTags-container .tags .tag .text-box textarea, .jqueryImageTags-container .tags .tag .text-box input { border:solid 1px #ddd;padding:7px 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, #f6f6f6 0%,#ffffff 100%); position:relative; zoom:1; float: left; } .jqueryImageTags-container .tags .tag .text-box a { position:relative; margin:5px 2px 0 2px; height:16px; width:16px; display:block; background:#557fc1; background-repeat:no-repeat; background-position:center center; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .jqueryImageTags-container .tags .tag .text-box a.save-tag { background-image:url(../img/tags/save.png); } .jqueryImageTags-container .tags .tag .text-box a.edit-tag { background-image:url(../img/tags/edit.png); } .jqueryImageTags-container .tags .tag .text-box a.cancel-tag { background-image:url(../img/tags/cancel.png); } .jqueryImageTags-container .tags .tag .text-box a.delete-tag { background-image:url(../img/tags/delete.png); } /*---------------------------------------- * Controller ----------------------------------------*/ .jqueryImageTags-container .controller { position:relative; } .jqueryImageTags-container .controller a { position:relative; margin:2px; height:16px; width:16px; display:block; background:#000; background-repeat:no-repeat; background-position:center center; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .jqueryImageTags-container .controller a.counter { background-image:url(../img/tags/tags.png); } .jqueryImageTags-container .controller a.add-tag { background-image:url(../img/tags/add.png); } .jqueryImageTags-container .controller a.cancel-tag { background-image:url(../img/tags/cancel.png); } .jqueryImageTags-container .controller a.hide-tags { background-image:url(../img/tags/hide.png); } .jqueryImageTags-container .controller a.show-tags { background-image:url(../img/tags/show.png); } .jqueryImageTags-container .controller a.reload-tags { background-image:url(../img/tags/reload.png); } .jqueryImageTags-container .controller a.link { background-image:url(../img/tags/link.png); }/*---------------------------------------- * IE-Fix ----------------------------------------*/ .jqueryImageTags-container .tags .tag .border .bg, .jqueryImageTags-container .tags .offFocus, .jqueryImageTags-container .tags .offFocus .border { filter:alpha(opacity=30); } .jqueryImageTags-container .tags .offFocus .border { outline:1px solid #555; } .jqueryImageTags-container .tags .offFocus .border .bg { filter:alpha(opacity=9); } .jqueryImageTags-container .tags .text, .jqueryImageTags-container .tags .tag .text-box button { filter:alpha(opacity=90); } .ui-autocomplete-input{ } /* notifications du wall infoMsg*/ /* notifications du wall infoMsg*/ .infoMsg{ border:none; padding: 15px 34px 15px 15px; /*background:#f1f1f1 url(../img/motif-boxPublication.jpg) ;*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,204,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,204,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,204,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,204,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,204,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffcc',GradientType=0 ); border: 1px solid #ccc; color: #747E87 } .infoMsg p{ margin: 0} .topWrapper .infoMsg{ background: #fff} /*.infoMsg .icoClose{ background-position: -304px -91px; right: 0px; top: 5px;}*/ /* roll over sur ligne de listContainer */ .listContainer .listItem .actions{ height: 18px;} .listContainer .listItem .actions .ico{ display: none;} .listContainer .listItem:hover .actions .ico{ display: inline-block;} /* JEUX rules */ .game{ min-height: 500px;} .game object{ margin: auto;} #rules h3, #rules h4, #rules p{ margin-bottom: 15px;} #rules h4{ text-transform: uppercase; color: #666; font-size: 12px; margin-left: 0 !important} #rules ul {padding-left: 0 !important; list-style-position: outside!important; margin:0 0 15px 30px; list-style: disc;} #rules ul li{ margin-bottom:5px} #rules ul ul{ margin: 0 0 0 30px;} #rules ul ul li{ margin-bottom:0} /* - TIPSY ------------------------------------------------------------------------ - http://onehackoranother.com/projects/jquery/tipsy/ - */ .tipsy.tour { font-family: arial; padding: 7px;} .tipsy.tour .tipsy-inner { text-align: left; padding: 8px; border: 1px solid #2c2c2d; background: #3b3b3b; -webkit-box-shadow: 2px 2px 5px 2px #555; -moz-box-shadow: 2px 2px 5px 2px #555; box-shadow: 2px 2px 5px 2px #555; } /* style et positionnement de la fléche */ .tipsy.tour .tipsy-arrow { background-image: url('../img/tipsy.png'); width: 16px; height: 8px; margin-left: -8px; } .tipsy-e.tour .tipsy-arrow, .tipsy-w.tour .tipsy-arrow { width: 8px; height: 16px; margin-left: 0; margin-top: -8px; } .tipsy-nw.tour .tipsy-arrow, .tipsy-sw.tour .tipsy-arrow { left: 30px; } .tipsy-ne.tour .tipsy-arrow, .tipsy-se.tour .tipsy-arrow { right: 20px; } /* style du bouton */ .tipsy.tour .tipsy-btn{ font-weight: normal; font-size:12px; border:solid 1px #bec1c4; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #e6e7e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e7e9)); background: -webkit-linear-gradient(top, #fefefe 0%,#e6e7e9 100%); background: -o-linear-gradient(top, #fefefe 0%,#e6e7e9 100%); background: -ms-linear-gradient(top, #fefefe 0%,#e6e7e9 100%); background: linear-gradient(top, #fefefe 0%,#e6e7e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e7e9',GradientType=0 ); color:#303030; } .tipsy.tour .tipsy-btn:hover{ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 20%, #e8e9eb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#e8e9eb)); background: -webkit-linear-gradient(top, #ffffff 20%,#e8e9eb 100%); background: -o-linear-gradient(top, #ffffff 20%,#e8e9eb 100%); background: -ms-linear-gradient(top, #ffffff 20%,#e8e9eb 100%); background: linear-gradient(top, #ffffff 20%,#e8e9eb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e9eb',GradientType=0 ); color:#303030; text-decoration:none } .tipsy.tour .tipsy-btn:active{ background: #e6e7e9; background: -moz-linear-gradient(top, #e6e7e9 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e7e9), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #e6e7e9 0%,#fefefe 100%); background: -o-linear-gradient(top, #e6e7e9 0%,#fefefe 100%); background: -ms-linear-gradient(top, #e6e7e9 0%,#fefefe 100%); background: linear-gradient(top, #e6e7e9 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9', endColorstr='#fefefe',GradientType=0 ); color:#303030; text-decoration:none } /* - BANQUE ------------------------------------------------------------------------ */ .default_ads_unit{background:#fafafa;margin:0 0 10px} .default_ads_unit .section{padding:10px 5px 10px 74px;border-bottom:1px solid #e5e5e5} .default_ads_unit b{font-weight:normal} .default_ads_unit p{color:#777;font-size:12px;margin-top:0;margin-bottom:0} .default_ads_unit a.title{font-size:120%;font-weight:bold} .default_ads_unit a.title b{font-weight:bold} .default_ads_unit a:hover{text-decoration:underline} .default_ads_unit .googleTitle{float:right;color:#ccc;padding:2px 2px 0} /* skin de suppression d'un post */ .tpDeleted{ background:url(../img/bg_tpClose.png) repeat } /* skin brouillon d'un post */ .tpDraft{ background:url(../img/bg_tpDraft.png) 100% 100% no-repeat } /* skin attente de validation d'un post */ .tpPending{ background:url(../img/bg_tpPending.png) 100% 100% no-repeat } .tpDraft a, .tpPending a{ color:#666666 } .tpPending .tagS, .tpDraft .tagS{ border-color:#999 } /* - FORUM ------------------------------------------------------------------------ */ .tableTemplate { border:1px solid #cccccc; border-top-width: 0} .tableTemplate a{ color: #666} .tableTemplate .ftRed{ color:#ff7502 !important} .tableTemplate .ftBlue{color:#557fc1 !important} .tableTemplate { width:100%; line-height:normal } .tableTemplate caption { display:none } .tableTemplate .fullSize { width:100% } .tableTemplate thead th { background: #eeeeee; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); color:#666; padding:8px 8px 6px; border-left:1px solid #fff; font-weight:bold; text-transform:uppercase; } .tableTemplate thead th:first-child { border-left:none; } .tableTemplate tbody tr:hover td { background:#EFF2FB; } .tableTemplate tbody tr.noHover:hover td { background:transparent; } .tableTemplate tbody td { padding:6px 8px; vertical-align:middle; border-top:1px solid #ccc; overflow:hidden; } .tableTemplate tbody td a { color:#666; } .tableTemplate tbody td div { width :auto\9; overflow :hidden\9; *width:auto; *overflow:hidden; } .tableTemplate th:first-child, .tableTemplate tbody td:first-child { padding-left:15px } .tableTemplate th:last-child, .tableTemplate tbody td:last-child { padding-right:15px } .tableTemplate.simili, ul.simili { border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; zoom:1 } .asideBox .tableTemplate.simili, .asideBox ul.simili { border:none; border-bottom:1px solid #ccc } .tableTemplate.simili .theme { padding-left:20px; padding-right:20px } .tableTemplate.simili .resolved .subject a { color:#58A61E } .tableTemplate.simili tbody td.subject { width:100%; padding-left:10px; white-space:normal; overflow:hidden } .asideBox .tableTemplate.simili tbody td.subject .simili_link { display:block } .tableTemplate.simili tbody td.subject a { color:#3487BC } .tableTemplate.simili tbody tr td.subject, .tableTemplate.simili thead tr th.subject { border-left:3px solid #DDD } .tableTemplate.simili tbody tr.resolved td.subject { border-left-color:yellowgreen } .tableTemplate.simili tbody tr.closed td.subject { border-left-color:#999 } .tableTemplate.simili tbody tr.deleted td.subject { border-left-color:red } .tableTemplate.simili tbody tr.noAnswers td.subject { border-left-color:#FFFF3A } .tableTemplate thead th.subject { padding-left:15px } .tableTemplate thead th.nbAnswers span { position:relative; top:2px; left:2px; margin-top:-3px; display:block; width:18px; height:16px; background:url(../img/copSprite_ico_new.png?201211301050) -504px -45px no-repeat } .tableTemplate tbody tr.delete { background:#e6e6e6 } .tableTemplate tbody td.subject { padding:0 } .tableTemplate tbody td.subject { width :auto\9; *width:auto } .tableTemplate tbody td.subject a { padding:6px 8px 6px 15px; color:#303030; display:block; } .tableTemplate tbody td.subject a { width :auto\9; overflow :hidden\9; *width:auto; *overflow:hidden; } .tableTemplate tbody td.resume { padding:0 15px 10px 15px } .tableTemplate tbody td.theme, .tableTemplate tbody td.author, .tableTemplate tbody td.answers { padding-left:8px; padding-right:8px; } .tableTemplate tbody td.nbAnswers { padding-right:15px; padding-left:8px; font-weight:bold; text-align:center; color:#555 } .tableTemplate .resolved .subject a { color:#58a61e } .tableTemplate .delete td, .tableTemplate .delete td a { text-decoration:line-through } .tableTemplate .closed .subject a { color:#888 } .tableTemplate tbody td.theme, .tableTemplate tbody td.author, .tableTemplate tbody td.answers, .tableTemplate tbody td.nbAnswers { font-family:tahoma; font-size:11px } .tableTemplate tbody td.nbAnswers a { font-weight:bold; color:#555 } .tableTemplate tbody tr td.subject, .tableTemplate thead tr th.subject { border-left:3px solid #DDD } .tableTemplate tbody tr.resolved td.subject { border-left-color:#9acd32 } .tableTemplate tbody tr.closed td.subject { border-left-color:#999 } .tableTemplate tbody tr.deleted td.subject { border-left-color:red } .tableTemplate tbody tr.noAnswers td.subject { border-left-color:#FFFF3A } .tableTemplate .button { display:-moz-inline-stack; display:inline-block; zoom:1; width:auto; position:relative; cursor:pointer; color:#fff !important; overflow:visible; text-decoration:none !important; *display:inline } .tableTemplate .button.btXSmall { padding:0 8px; font-size:12px; height: 20px; line-height: 20px; } .tableTemplate .button.btOrange { color: #fff; border:1px solid #ab5306; border-top-color:#c68b57; background: #ffaf59; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWY1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZhMjNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNzcwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffaf59 0%, #ffa23f 1%, #ff7704 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf59), color-stop(1%,#ffa23f), color-stop(100%,#ff7704)); background: -webkit-linear-gradient(top, #ffaf59 0%,#ffa23f 1%,#ff7704 100%); background: -o-linear-gradient(top, #ffaf59 0%,#ffa23f 1%,#ff7704 100%); background: -ms-linear-gradient(top, #ffaf59 0%,#ffa23f 1%,#ff7704 100%); background: linear-gradient(top, #ffaf59 0%,#ffa23f 1%,#ff7704 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf59', endColorstr='#ff7704',GradientType=0 ); } .tableTemplate .button.btOrange:hover{ text-decoration: none; background: #ffbf7b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmY3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZiNTY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOTEzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffbf7b 0%, #ffb565 1%, #ff9137 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbf7b), color-stop(1%,#ffb565), color-stop(100%,#ff9137)); background: -webkit-linear-gradient(top, #ffbf7b 0%,#ffb565 1%,#ff9137 100%); background: -o-linear-gradient(top, #ffbf7b 0%,#ffb565 1%,#ff9137 100%); background: -ms-linear-gradient(top, #ffbf7b 0%,#ffb565 1%,#ff9137 100%); background: linear-gradient(top, #ffbf7b 0%,#ffb565 1%,#ff9137 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf7b', endColorstr='#ff9137',GradientType=0 ); } .tableTemplate .button.btOrange:active{ background: #ff7505; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzUwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmYTIzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFmNTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff7505 0%, #ffa23f 99%, #ffaf59 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7505), color-stop(99%,#ffa23f), color-stop(100%,#ffaf59)); background: -webkit-linear-gradient(top, #ff7505 0%,#ffa23f 99%,#ffaf59 100%); background: -o-linear-gradient(top, #ff7505 0%,#ffa23f 99%,#ffaf59 100%); background: -ms-linear-gradient(top, #ff7505 0%,#ffa23f 99%,#ffaf59 100%); background: linear-gradient(top, #ff7505 0%,#ffa23f 99%,#ffaf59 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7505', endColorstr='#ffaf59',GradientType=0 ); } /* - THEME SKIN ------------------------------------------------------------------------ */ #display .skinItem p{ width:120px; padding:15px 10px; position:absolute;bottom:3px;left:3px; color:#fff; background-color:#000;background-color:rgba(0,0,0,0.5); -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; transition: background-color .2s ease-out; } #display .skinItem:hover p, #display .selected .skinItem p{background-color:rgba(0,0,0,0.8)} #display .selected .imgS2{border-color:#4481a5} #display .skinItem p.off{ -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } #display .skinItem p.hover{ opacity:0; filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } #display .skinItem:hover p.off{ opacity:0; filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } #display .skinItem:hover p.hover{ opacity:1; filter:alpha(opacity=10); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /*---------------------------------------- * Pseudo-Classes ----------------------------------------*/ .jqueryImageTags-container .clearfix:after { clear:both; content:"."; height:0px; display:block; visibility: hidden; } /*---------------------------------------- * Reset ----------------------------------------*/ .jqueryImageTags-container * { margin:0; padding:0; list-style:none; font-family:Verdana, Helvetica, sans-serif; font-size:10px; font-style:normal; font-weight:normal; text-decoration:none; } .jqueryImageTags-container div, .jqueryImageTags-container img { border:none; background:none; outline:none; } /*---------------------------------------- * Notes ----------------------------------------*/ .jqueryImageTags-container { position:relative; } .jqueryImageTags-container .tags { position:relative; margin:auto; } .jqueryImageTags-container .tags img { position:relative; } .jqueryImageTags-container .tags .tag { position:absolute; display: none; } .jqueryImageTags-container .tags .offFocus { opacity:0.3; } .jqueryImageTags-container .tags .onFocus { } .jqueryImageTags-container .tags:hover .tag { /*display:block;*/ } .jqueryImageTags-container .tags .select { z-index:9990; } .jqueryImageTags-container .tags .tag .ui-resizable-handle { position:absolute; height:10px; width:10px; background:url(../img/tags/resize.png) no-repeat; } .jqueryImageTags-container .tags .tag .ui-resizable-ne { right:0; top:0; cursor:ne-resize; background-position:-6px 2px; } .jqueryImageTags-container .tags .tag .ui-resizable-nw { left:0; top:0; cursor:nw-resize; background-position:2px 2px; } .jqueryImageTags-container .tags .tag .ui-resizable-se { right:0; bottom:0; cursor:se-resize; background-position:-6px -6px; } .jqueryImageTags-container .tags .tag .ui-resizable-sw { left:0; bottom:0; cursor:sw-resize; background-position:2px -6px; } .jqueryImageTags-container .tags .tag .border { position:relative; width:100%; height:100%; border:1px solid #fff; outline:1px solid #000; } .jqueryImageTags-container .tags .tag .border .bg { position:relative; width:100%; height:100%; background:#fff; opacity:0.2; } .jqueryImageTags-container .tags .tag .border .bg a { position:relative; width:100%; height:100%; display:block; } .jqueryImageTags-container .tags .text { position:absolute; padding:5px; margin-top:4px; line-height:10px; display:none; opacity:0.9; z-index:9990; } .jqueryImageTags-container .tags .text span { color:#fff; } .jqueryImageTags-container .tags .text .author { font-style:italic; } .jqueryImageTags-container .tags .text .date { color:#999; font-size:8px; font-style:italic; display:block; } /*---------------------------------------- * Loading ----------------------------------------*/ .jqueryImageTags-container .tags .layer { position:absolute; top:0; left:0; height:100%; width:100%; background:#fff; opacity:0.7; z-index:9999; display:none; } .jqueryImageTags-container .tags .loading { position:absolute; top:0; left:0; height:100%; width:100%; z-index:9999; display:none; } .jqueryImageTags-container .tags .loading .message { position:relative; margin:0 auto; width:100px; line-height:25px; padding:0 5px 0 25px; color:#fff; font-weight:bold; text-align:center; background:url(../img/tags/loader.gif) no-repeat 10px center #557fc1; opacity:0.9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /*---------------------------------------- * Notes Formular ----------------------------------------*/ .jqueryImageTags-container .tags .tag .text-box { position:absolute; left:0; width:153px; margin-top:2px; z-index:9990; } .jqueryImageTags-container .tags .tag .text-box textarea, .jqueryImageTags-container .tags .tag .text-box input { position:relative; padding:5px; margin-top:1px; width:141px; line-height:15px; font-family:verdana, sans-serif; font-size:10px; background:#fff; border:1px solid #777; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .jqueryImageTags-container .tags .tag .text-box a { position:relative; margin:5px 2px 0 2px; height:16px; width:16px; display:block; background:#557fc1; background-repeat:no-repeat; background-position:center center; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .jqueryImageTags-container .tags .tag .text-box a.save-tag { background-image:url(../img/tags/save.png); } .jqueryImageTags-container .tags .tag .text-box a.edit-tag { background-image:url(../img/tags/edit.png); } .jqueryImageTags-container .tags .tag .text-box a.cancel-tag { background-image:url(../img/tags/cancel.png); } .jqueryImageTags-container .tags .tag .text-box a.delete-tag { background-image:url(../img/tags/delete.png); } /*---------------------------------------- * Controller ----------------------------------------*/ .jqueryImageTags-container .controller { position:relative; } .jqueryImageTags-container .controller a { position:relative; margin:2px; height:16px; width:16px; display:block; background:#000; background-repeat:no-repeat; background-position:center center; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .jqueryImageTags-container .controller a.counter { background-image:url(../img/tags/tags.png); } .jqueryImageTags-container .controller a.add-tag { background-image:url(../img/tags/add.png); } .jqueryImageTags-container .controller a.cancel-tag { background-image:url(../img/tags/cancel.png); } .jqueryImageTags-container .controller a.hide-tags { background-image:url(../img/tags/hide.png); } .jqueryImageTags-container .controller a.show-tags { background-image:url(../img/tags/show.png); } .jqueryImageTags-container .controller a.reload-tags { background-image:url(../img/tags/reload.png); } .jqueryImageTags-container .controller a.link { background-image:url(../img/tags/link.png); } #tagAddActions { position:absolute; z-index:9992; height:26px; width: 280px; background: #f2f2f2; text-align: right; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .jqueryImageTags-container .tags .tag .text-box input { border-radius: 5px 5px 0px 0px; }/*---------------------------------------- * IE-Fix ----------------------------------------*/ .jqueryImageTags-container .tags .tag .border .bg, .jqueryImageTags-container .tags .offFocus, .jqueryImageTags-container .tags .offFocus .border { filter:alpha(opacity=30); } .jqueryImageTags-container .tags .offFocus .border { outline:1px solid #555; } .jqueryImageTags-container .tags .offFocus .border .bg { filter:alpha(opacity=9); } .jqueryImageTags-container .tags .text, .jqueryImageTags-container .tags .tag .text-box button { filter:alpha(opacity=90); }