/* --- STYLES DE BASE --- */
html {
font-size: 100%;
}
a { outline: none;
text-decoration : none;}
a:hover {
text-decoration : underline;
}
a.no-underline:hover {
text-decoration : none;
}
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.4;
color: black;
}
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 .5em 0;
line-height: 1.2;
font-weight: bold;
font-style: normal;
}
h1 {
font-size: 1.75em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1em;
}
ul, ol {
margin: .75em 0 .75em 32px;
padding: 0;
}
p {
margin: .75em 0;
}
address {
margin: .75em 0;
font-style: normal;
}
a {
}
a:link {
color: #cc1c00;
}
a:visited {
color: #cc1c00;
}
a:hover, a:focus, a:active {
color: #cc1c00;
}
a:active {
outline: none;
}
a img {
border: none;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
form, fieldset {
margin: 0;
padding: 0;
border: none;
}
input, button, select {
vertical-align: middle;
}
fieldset {
background : url('https://www.planete-asm.fr/bundles/paadmin/images/fieldset_bg.png') left top repeat;
}
legend {
background : #416946;
color : white;
padding : 5px;
margin-bottom : 25px;
font-weight : bold;
font-family : "Trebuchet MS";
font-size : 13px;
}
/* --- STYLES STANDARDS - DAMIEN --- */
.left {
float : left;
}
.right {
float : right;
}
hr.clear {
clear : both;
visibility : hidden;
height : 0px;
}
.center {
text-align : center;
}
.kermit_messager {
width : 100%;
position : absolute;
bottom : -5px;
left : 0;
z-index : 100000000;
position : fixed;
text-align : center;
font-weight : bold;
}
.kermit_messager div {
padding : 1px;
text-align : center;
font-weight : bold;
margin : 0 auto;
width : 300px;
border-radius: 5px;
-moz-border-radius: 5px;
padding-top : 5px;
padding-bottom : 5px;
}
.kermit_messager_good {
background : #FFCC00;
color : #000;
}
.kermit_messager_error {
color : #FFF;
background : #CC0000;
}
dt {
float : left;
font-weight : bold;
padding : 2px 0;
}
dd {
padding : 2px 0;
margin-left : 10%;
}
dl {
width : 90%;
margin : 20px auto;
overflow : hidden;
}
textarea{
width : 250px;
height : 100px;
}
h3 {
border-bottom : 1px solid black;
}
.information {
padding : 10px 5px;
border : 2px solid #F8C40E;
font-weight : bold;
}
.warning {
color : #cc0000;
}
.align-left {
text-align : left;
}
.align-center {
text-align : center;
}
.align-right {
text-align : right;
}
.indication {
}
.title {
font-weight : bold;
}
select,
table td input.text,
table td textarea,
textarea,
input[type="text"],
input[type="file"],
input[type="password"] {
font-family: verdana;
padding: 1px;
border: 1px solid #ccc;
vertical-align:top;
font-size : 13px;
}
select.focus,
select:focus,
textarea.focus,
input.text.focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
border: 1px solid #6395e1;
outline: 1px solid #ccc;
outline-color:#cecece;
}
input[type="text"].big-input {
width : 500px;
height : 20px;
font-size : 14px;
}
.champ input[type="text"],
.champ input[type="file"],
.champ input[type="password"],
.champ select {
width : 100%;
padding : 4px 0;
margin : 0;
}
.champ {
margin-bottom : 20px;
padding : 0;
}
#submitbutton {
border:none;
color:#fff;
background: transparent url('https://www.planete-asm.fr/bundles/paadmin/images/btn_submit_bg.gif') repeat top left;
font-family : "Trebuchet MS";
font-size : 15px;
font-weight : bold;
height : 32px;
padding : 4px 20px 4px 20px;
cursor : pointer;
}
#submitbutton:hover {
background: transparent url('https://www.planete-asm.fr/bundles/paadmin/images/btn_submit_bg.gif') repeat bottom left;
}
.red {
color : #CC0000;
}
.green {
color : #339966;
}
.bold {
font-weight : bold;
}
.good {
color : #337C07;
background : #BFE782 url('https://www.planete-asm.fr/icons/back-office/Good-48.png') 5px center no-repeat;
border : 1px solid #337C07;
padding : 20px;
padding-left : 70px;
}
.error, .error-lite {
background : #F3BDBA;
color : #9E231C;
border : 1px solid #9E231C;
padding : 3px;
}
.error {
background : #F3BDBA url('https://www.planete-asm.fr/icons/back-office/Error-48.png') 5px center no-repeat;
padding : 20px;
padding-left : 70px;
font-weight : bold;
}
.warning {
color : #F57800;
background : #FEE2BA url('https://www.planete-asm.fr/icons/back-office/Warning-48.png') 5px center no-repeat;
border : 1px solid #F57800;
padding : 20px;
padding-left : 70px;
}
.dialog {
display : none;
}
.pointer {
cursor : pointer;
}
.hide {
display : none;
}
.puce {
width : 20px;
}
#paginationControl {
text-align : center;
}
#paginationControl .current {
font-weight : bold;
}
#paginationControl .disabled {
color : grey;
}
ul.errors {
margin : 0;
padding : 0;
padding : 20px;
padding-left : 70px;
margin-bottom : 30px;
}
.clear-both {
clear : both;
}
ul.errors {
padding : 0;
margin : 0;
padding-left : 15px;
margin-bottom : 5px;
}
ul.errors li {
padding : 0;
margin : 0;
}
.open-datas {
margin : 0 auto;
width : 90%;
border-top : 1px solid #EEEEEE;
margin-bottom : 20px;
border-spacing: 0px;
border-collapse: collapse;
}
.open-datas tr td {
border-bottom : 1px solid #EEEEEE;
padding : 5px;
}
.open-datas tr td.equipe {
text-align : left;
width : 130px;
}
.open-datas tr td.club {
text-align : left;
width : 130px;
}
.open-datas tr td.equipe img {
vertical-align : middle;
margin-right : 5px;
}
.open-datas tr td a {
color : #cc0000;
font-weight : bold;
}
.open-datas tr td.minute {
text-align : center;
font-weight : bold;
}
.open-datas tr td.title {
font-weight : bold;
}
dt {
width : 150px;
text-align : right;
font-weight : bold;
margin-right : 20px;
color : #9a9599;
border-bottom : 1px solid #cecece;
}
dd {
width : 350px;
border-bottom : 1px solid #cecece;
}
dl.long dd {
width : 550px;
}
.bubblingG {text-align: center;height:50px;}.bubblingG span {display: inline-block;vertical-align: middle;width: 10px;height: 10px;margin: 25px auto;background: #cc1c00;-moz-border-radius: 50px;-moz-animation: bubblingG 0.8s infinite alternate;-webkit-border-radius: 50px;-webkit-animation: bubblingG 0.8s infinite alternate;-ms-border-radius: 50px;-ms-animation: bubblingG 0.8s infinite alternate;-o-border-radius: 50px;-o-animation: bubblingG 0.8s infinite alternate;border-radius: 50px;animation: bubblingG 0.8s infinite alternate;}#bubblingG_1 {-moz-animation-delay: 0s;-webkit-animation-delay: 0s;-ms-animation-delay: 0s;-o-animation-delay: 0s;animation-delay: 0s;}#bubblingG_2 {-moz-animation-delay: 0.24s;-webkit-animation-delay: 0.24s;-ms-animation-delay: 0.24s;-o-animation-delay: 0.24s;animation-delay: 0.24s;}#bubblingG_3 {-moz-animation-delay: 0.48s;-webkit-animation-delay: 0.48s;-ms-animation-delay: 0.48s;-o-animation-delay: 0.48s;animation-delay: 0.48s;}@-moz-keyframes bubblingG {0% {width: 10px;height: 10px;background-color:#cc1c00;-moz-transform: translateY(0);}100% {width: 24px;height: 24px;background-color:#FFFFFF;-moz-transform: translateY(-21px);}}@-webkit-keyframes bubblingG {0% {width: 10px;height: 10px;background-color:#cc1c00;-webkit-transform: translateY(0);}100% {width: 24px;height: 24px;background-color:#FFFFFF;-webkit-transform: translateY(-21px);}}@-ms-keyframes bubblingG {0% {width: 10px;height: 10px;background-color:#cc1c00;-ms-transform: translateY(0);}100% {width: 24px;height: 24px;background-color:#FFFFFF;-ms-transform: translateY(-21px);}}@-o-keyframes bubblingG {0% {width: 10px;height: 10px;background-color:#cc1c00;-o-transform: translateY(0);}100% {width: 24px;height: 24px;background-color:#FFFFFF;-o-transform: translateY(-21px);}}@keyframes bubblingG {0% {width: 10px;height: 10px;background-color:#cc1c00;transform: translateY(0);}100% {width: 24px;height: 24px;background-color:#FFFFFF;transform: translateY(-21px);}}
/******************* COOKIE BAR ********************/
.cookie-bar {
position: fixed;
left: 0;
bottom: 0;
right: 0;
padding: 7px 20px;
background-color: #E8E8E8;
font-size: 12px;
color: #5F5F5F;
z-index: 100;
border-top: 1px solid #C5C5C5;
}
.cookie-bar .btn {
display: inline-block;
vertical-align: baseline;
margin-left: 15px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: 5px;
border-radius: 2px;
border: solid 1px #b7b7b7;
background: #fff;
color: #606060;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
}
.cookie-bar .btn:hover {
color: #606060;
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
}
#content-100 {
padding: 10px;
background-color: #fff;
border: 1px solid #969595;
}
#content-left-100 h2 {
padding-bottom: 18px;
padding-left: 5px;
margin: 0;
font-family: Museo500Regular, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 24px;
}
@font-face {
font-family: 'icomoon';
src:url('../bundles/pahome/images/fonts/icomoon_-93qon6.eot');
src:url('../bundles/pahome/images/fonts/icomoon.eot') format('embedded-opentype'),
url('../bundles/pahome/images/fonts/icomoon_-93qon6.woff') format('woff'),
url('../bundles/pahome/images/fonts/icomoon_-93qon6.ttf') format('truetype'),
url('../bundles/pahome/images/fonts/icomoon_-93qon6-icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-phone:before {
content: "\e600";
}
.icon-mobile:before {
content: "\e601";
}
.icon-mouse:before {
content: "\e602";
}
.icon-directions:before {
content: "\e603";
}
.icon-mail:before {
content: "\e604";
}
.icon-paperplane:before {
content: "\e605";
}
.icon-pencil:before {
content: "\e606";
}
.icon-feather:before {
content: "\e607";
}
.icon-paperclip:before {
content: "\e608";
}
.icon-drawer:before {
content: "\e609";
}
.icon-reply:before {
content: "\e60a";
}
.icon-reply-all:before {
content: "\e60b";
}
.icon-forward:before {
content: "\e60c";
}
.icon-user:before {
content: "\e60d";
}
.icon-users:before {
content: "\e60e";
}
.icon-user-add:before {
content: "\e60f";
}
.icon-vcard:before {
content: "\e610";
}
.icon-export:before {
content: "\e611";
}
.icon-location:before {
content: "\e612";
}
.icon-map:before {
content: "\e613";
}
.icon-compass:before {
content: "\e614";
}
.icon-location2:before {
content: "\e615";
}
.icon-target:before {
content: "\e616";
}
.icon-share:before {
content: "\e617";
}
.icon-sharable:before {
content: "\e618";
}
.icon-heart:before {
content: "\e619";
}
.icon-heart2:before {
content: "\e61a";
}
.icon-star:before {
content: "\e61b";
}
.icon-star2:before {
content: "\e61c";
}
.icon-thumbsup:before {
content: "\e61d";
}
.icon-thumbsdown:before {
content: "\e61e";
}
.icon-chat:before {
content: "\e61f";
}
.icon-comment:before {
content: "\e620";
}
.icon-quote:before {
content: "\e621";
}
.icon-house:before {
content: "\e622";
}
.icon-popup:before {
content: "\e623";
}
.icon-search:before {
content: "\e624";
}
.icon-flashlight:before {
content: "\e625";
}
.icon-printer:before {
content: "\e626";
}
.icon-bell:before {
content: "\e627";
}
.icon-link:before {
content: "\e628";
}
.icon-flag:before {
content: "\e629";
}
.icon-cog:before {
content: "\e62a";
}
.icon-tools:before {
content: "\e62b";
}
.icon-trophy:before {
content: "\e62c";
}
.icon-tag:before {
content: "\e62d";
}
.icon-camera:before {
content: "\e62e";
}
.icon-megaphone:before {
content: "\e62f";
}
.icon-moon:before {
content: "\e630";
}
.icon-palette:before {
content: "\e631";
}
.icon-leaf:before {
content: "\e632";
}
.icon-music:before {
content: "\e633";
}
.icon-music2:before {
content: "\e634";
}
.icon-new:before {
content: "\e635";
}
.icon-graduation:before {
content: "\e636";
}
.icon-book:before {
content: "\e637";
}
.icon-newspaper:before {
content: "\e638";
}
.icon-bag:before {
content: "\e639";
}
.icon-airplane:before {
content: "\e63a";
}
.icon-lifebuoy:before {
content: "\e63b";
}
.icon-eye:before {
content: "\e63c";
}
.icon-clock:before {
content: "\e63d";
}
.icon-microphone:before {
content: "\e63e";
}
.icon-calendar:before {
content: "\e63f";
}
.icon-bolt:before {
content: "\e640";
}
.icon-thunder:before {
content: "\e641";
}
.icon-droplet:before {
content: "\e642";
}
.icon-cd:before {
content: "\e643";
}
.icon-briefcase:before {
content: "\e644";
}
.icon-air:before {
content: "\e645";
}
.icon-hourglass:before {
content: "\e646";
}
.icon-gauge:before {
content: "\e647";
}
.icon-language:before {
content: "\e648";
}
.icon-network:before {
content: "\e649";
}
.icon-key:before {
content: "\e64a";
}
.icon-battery:before {
content: "\e64b";
}
.icon-bucket:before {
content: "\e64c";
}
.icon-magnet:before {
content: "\e64d";
}
.icon-drive:before {
content: "\e64e";
}
.icon-cup:before {
content: "\e64f";
}
.icon-rocket:before {
content: "\e650";
}
.icon-brush:before {
content: "\e651";
}
.icon-suitcase:before {
content: "\e652";
}
.icon-cone:before {
content: "\e653";
}
.icon-earth:before {
content: "\e654";
}
.icon-keyboard:before {
content: "\e655";
}
.icon-browser:before {
content: "\e656";
}
.icon-publish:before {
content: "\e657";
}
.icon-progress-3:before {
content: "\e658";
}
.icon-progress-2:before {
content: "\e659";
}
.icon-brogress-1:before {
content: "\e65a";
}
.icon-progress-0:before {
content: "\e65b";
}
.icon-sun:before {
content: "\e65c";
}
.icon-sun2:before {
content: "\e65d";
}
.icon-adjust:before {
content: "\e65e";
}
.icon-code:before {
content: "\e65f";
}
.icon-screen:before {
content: "\e660";
}
.icon-infinity:before {
content: "\e661";
}
.icon-light-bulb:before {
content: "\e662";
}
.icon-creditcard:before {
content: "\e663";
}
.icon-database:before {
content: "\e664";
}
.icon-voicemail:before {
content: "\e665";
}
.icon-clipboard:before {
content: "\e666";
}
.icon-cart:before {
content: "\e667";
}
.icon-box:before {
content: "\e668";
}
.icon-ticket:before {
content: "\e669";
}
.icon-rss:before {
content: "\e66a";
}
.icon-signal:before {
content: "\e66b";
}
.icon-thermometer:before {
content: "\e66c";
}
.icon-droplets:before {
content: "\e66d";
}
.icon-uniE66E:before {
content: "\e66e";
}
.icon-statistics:before {
content: "\e66f";
}
.icon-pie:before {
content: "\e670";
}
.icon-bars:before {
content: "\e671";
}
.icon-graph:before {
content: "\e672";
}
.icon-lock:before {
content: "\e673";
}
.icon-lock-open:before {
content: "\e674";
}
.icon-logout:before {
content: "\e675";
}
.icon-login:before {
content: "\e676";
}
.icon-checkmark:before {
content: "\e677";
}
.icon-cross:before {
content: "\e678";
}
.icon-minus:before {
content: "\e679";
}
.icon-plus:before {
content: "\e67a";
}
.icon-cross2:before {
content: "\e67b";
}
.icon-minus2:before {
content: "\e67c";
}
.icon-plus2:before {
content: "\e67d";
}
.icon-cross3:before {
content: "\e67e";
}
.icon-minus3:before {
content: "\e67f";
}
.icon-plus3:before {
content: "\e680";
}
.icon-erase:before {
content: "\e681";
}
.icon-blocked:before {
content: "\e682";
}
.icon-info:before {
content: "\e683";
}
.icon-info2:before {
content: "\e684";
}
.icon-question:before {
content: "\e685";
}
.icon-help:before {
content: "\e686";
}
.icon-warning:before {
content: "\e687";
}
.icon-cycle:before {
content: "\e688";
}
.icon-cw:before {
content: "\e689";
}
.icon-ccw:before {
content: "\e68a";
}
.icon-shuffle:before {
content: "\e68b";
}
.icon-arrow:before {
content: "\e68c";
}
.icon-arrow2:before {
content: "\e68d";
}
.icon-retweet:before {
content: "\e68e";
}
.icon-loop:before {
content: "\e68f";
}
.icon-history:before {
content: "\e690";
}
.icon-back:before {
content: "\e691";
}
.icon-switch:before {
content: "\e692";
}
.icon-list:before {
content: "\e693";
}
.icon-add-to-list:before {
content: "\e694";
}
.icon-layout:before {
content: "\e695";
}
.icon-list2:before {
content: "\e696";
}
.icon-text:before {
content: "\e697";
}
.icon-text2:before {
content: "\e698";
}
.icon-document:before {
content: "\e699";
}
.icon-docs:before {
content: "\e69a";
}
.icon-landscape:before {
content: "\e69b";
}
.icon-pictures:before {
content: "\e69c";
}
.icon-video:before {
content: "\e69d";
}
.icon-music3:before {
content: "\e69e";
}
.icon-folder:before {
content: "\e69f";
}
.icon-archive:before {
content: "\e6a0";
}
.icon-trash:before {
content: "\e6a1";
}
.icon-upload:before {
content: "\e6a2";
}
.icon-download:before {
content: "\e6a3";
}
.icon-disk:before {
content: "\e6a4";
}
.icon-install:before {
content: "\e6a5";
}
.icon-cloud:before {
content: "\e6a6";
}
.icon-upload2:before {
content: "\e6a7";
}
.icon-bookmark:before {
content: "\e6a8";
}
.icon-bookmarks:before {
content: "\e6a9";
}
.icon-book2:before {
content: "\e6aa";
}
.icon-play:before {
content: "\e6ab";
}
.icon-pause:before {
content: "\e6ac";
}
.icon-record:before {
content: "\e6ad";
}
.icon-stop:before {
content: "\e6ae";
}
.icon-next:before {
content: "\e6af";
}
.icon-previous:before {
content: "\e6b0";
}
.icon-first:before {
content: "\e6b1";
}
.icon-last:before {
content: "\e6b2";
}
.icon-resize-enlarge:before {
content: "\e6b3";
}
.icon-resize-shrink:before {
content: "\e6b4";
}
.icon-volume:before {
content: "\e6b5";
}
.icon-sound:before {
content: "\e6b6";
}
.icon-mute:before {
content: "\e6b7";
}
.icon-flow-cascade:before {
content: "\e6b8";
}
.icon-flow-branch:before {
content: "\e6b9";
}
.icon-flow-tree:before {
content: "\e6ba";
}
.icon-flow-line:before {
content: "\e6bb";
}
.icon-flow-parallel:before {
content: "\e6bc";
}
.icon-arrow-left:before {
content: "\e6bd";
}
.icon-arrow-down:before {
content: "\e6be";
}
.icon-arrow-up-upload:before {
content: "\e6bf";
}
.icon-arrow-right:before {
content: "\e6c0";
}
.icon-arrow-left2:before {
content: "\e6c1";
}
.icon-arrow-down2:before {
content: "\e6c2";
}
.icon-arrow-up:before {
content: "\e6c3";
}
.icon-arrow-right2:before {
content: "\e6c4";
}
.icon-arrow-left3:before {
content: "\e6c5";
}
.icon-arrow-down3:before {
content: "\e6c6";
}
.icon-arrow-up2:before {
content: "\e6c7";
}
.icon-arrow-right3:before {
content: "\e6c8";
}
.icon-arrow-left4:before {
content: "\e6c9";
}
.icon-arrow-down4:before {
content: "\e6ca";
}
.icon-arrow-up3:before {
content: "\e6cb";
}
.icon-arrow-right4:before {
content: "\e6cc";
}
.icon-arrow-left5:before {
content: "\e6cd";
}
.icon-arrow-down5:before {
content: "\e6ce";
}
.icon-arrow-up4:before {
content: "\e6cf";
}
.icon-arrow-right5:before {
content: "\e6d0";
}
.icon-arrow-left6:before {
content: "\e6d1";
}
.icon-arrow-down6:before {
content: "\e6d2";
}
.icon-arrow-up5:before {
content: "\e6d3";
}
.icon-arrow-right6:before {
content: "\e6d4";
}
.icon-arrow-left7:before {
content: "\e6d5";
}
.icon-arrow-down7:before {
content: "\e6d6";
}
.icon-arrow-up6:before {
content: "\e6d7";
}
.icon-uniE6D8:before {
content: "\e6d8";
}
.icon-arrow-left8:before {
content: "\e6d9";
}
.icon-arrow-down8:before {
content: "\e6da";
}
.icon-arrow-up7:before {
content: "\e6db";
}
.icon-arrow-right7:before {
content: "\e6dc";
}
.icon-menu:before {
content: "\e6dd";
}
.icon-ellipsis:before {
content: "\e6de";
}
.icon-dots:before {
content: "\e6df";
}
.icon-dot:before {
content: "\e6e0";
}
.icon-cc:before {
content: "\e6e1";
}
.icon-cc-by:before {
content: "\e6e2";
}
.icon-cc-nc:before {
content: "\e6e3";
}
.icon-cc-nc-eu:before {
content: "\e6e4";
}
.icon-cc-nc-jp:before {
content: "\e6e5";
}
.icon-cc-sa:before {
content: "\e6e6";
}
.icon-cc-nd:before {
content: "\e6e7";
}
.icon-cc-pd:before {
content: "\e6e8";
}
.icon-cc-zero:before {
content: "\e6e9";
}
.icon-cc-share:before {
content: "\e6ea";
}
.icon-cc-share2:before {
content: "\e6eb";
}
.icon-danielbruce:before {
content: "\e6ec";
}
.icon-danielbruce2:before {
content: "\e6ed";
}
.icon-github:before {
content: "\e6ee";
}
.icon-github2:before {
content: "\e6ef";
}
.icon-flickr:before {
content: "\e6f0";
}
.icon-flickr2:before {
content: "\e6f1";
}
.icon-vimeo:before {
content: "\e6f2";
}
.icon-vimeo2:before {
content: "\e6f3";
}
.icon-twitter:before {
content: "\e6f4";
}
.icon-twitter2:before {
content: "\e6f5";
}
.icon-facebook:before {
content: "\e6f6";
}
.icon-facebook2:before {
content: "\e6f7";
}
.icon-facebook3:before {
content: "\e6f8";
}
.icon-googleplus:before {
content: "\e6f9";
}
.icon-googleplus2:before {
content: "\e6fa";
}
.icon-pinterest:before {
content: "\e6fb";
}
.icon-pinterest2:before {
content: "\e6fc";
}
.icon-tumblr:before {
content: "\e6fd";
}
.icon-tumblr2:before {
content: "\e6fe";
}
.icon-linkedin:before {
content: "\e6ff";
}
.icon-linkedin2:before {
content: "\e700";
}
.icon-dribbble:before {
content: "\e701";
}
.icon-dribbble2:before {
content: "\e702";
}
.icon-stumbleupon:before {
content: "\e703";
}
.icon-stumbleupon2:before {
content: "\e704";
}
.icon-lastfm:before {
content: "\e705";
}
.icon-lastfm2:before {
content: "\e706";
}
.icon-rdio:before {
content: "\e707";
}
.icon-rdio2:before {
content: "\e708";
}
.icon-spotify:before {
content: "\e709";
}
.icon-spotify2:before {
content: "\e70a";
}
.icon-qq:before {
content: "\e70b";
}
.icon-instagram:before {
content: "\e70c";
}
.icon-dropbox:before {
content: "\e70d";
}
.icon-evernote:before {
content: "\e70e";
}
.icon-flattr:before {
content: "\e70f";
}
.icon-skype:before {
content: "\e710";
}
.icon-skype2:before {
content: "\e711";
}
.icon-renren:before {
content: "\e712";
}
.icon-sina-weibo:before {
content: "\e713";
}
.icon-paypal:before {
content: "\e714";
}
.icon-picasa:before {
content: "\e715";
}
.icon-soundcloud:before {
content: "\e716";
}
.icon-mixi:before {
content: "\e717";
}
.icon-behance:before {
content: "\e718";
}
.icon-circles:before {
content: "\e719";
}
.icon-vk:before {
content: "\e71a";
}
.icon-smashing:before {
content: "\e71b";
}
.open-datas {
margin : 0 auto;
width : 90%;
border-top : 1px solid #EEEEEE;
margin-bottom : 20px;
border-spacing: 0px;
border-collapse: collapse;
}
.open-datas tr td {
border-bottom : 1px solid #EEEEEE;
padding : 5px;
}
.open-datas tr td.rang {
width : 40px;
}
.open-datas tr td.equipe {
font-size : 12px;
}
.open-datas tr td.equipe img {
vertical-align : middle;
margin-right : 5px;
margin-left : 5px;
}
.open-datas tr td a {
color : #cc0000;
font-weight : bold;
}
.open-datas tr td.minute {
text-align : center;
font-weight : bold;
}
.open-datas tr td.title {
font-weight : bold;
}
.open-datas .date {
color : #aaaaaa;
font-weight : bold;
}
.align-left td, .align-left th, .align-left{
text-align : left;
}
.align-center td, .align-center th, .align-center{
text-align : center;
}
.align-right td, .align-right th, .align-right{
text-align : right;
}
.open-datas.calendrier{
width : 95%;
}
.classement, .calendrier, .effectif {
border-top : none;
}
.classement th, .calendrier th {
color : #aaaaaa;
text-transform : uppercase;
font-family : "Trebuchet MS", arial;
padding-left : 3px;
}
.statistiques th, .statistiques th {
font-family : "Trebuchet MS", arial;
padding : 3px;
}
.classement .mini {
color : #999999;
}
.classement .bold {
font-weight : bold;
}
.classement tr td.rang, .classement tr td.points {
font-weight : bold;
color : #cc0000;
}
.red, .red a {
color : #cc0000;
font-weight : bold;
text-align : left;
}
.red-center, .red-center a {
color : #cc0000;
font-weight : bold;
text-align : center;
}
.classement tr td.equipe {
font-weight : bold;
}
.classement tr td.logo, .classement tr th.logo {
width : 40px;
}
.classement tr td.data {
text-align : center;
}
.classement tr.surbrillance td{
background : #cc0000;
color : white;
}
.open-datas tr td.surbrillance {
color : #cc0000;
}
.open-datas tr.archive td, .open-datas tr.archive td a {
color : #aaaaaa;
}
.calendrier tr td.journee, .calendrier tr td.journee a {
color : #aaaaaa;
font-family : "Trebuchet MS", arial;
text-align : center;
}
.calendrier tr td.surbrillance, .calendrier tr td.surbrillance a {
color : #cc0000;
font-weight : bold;
}
.calendrier tr td.date {
color : #aaaaaa;
font-family : "Trebuchet MS", arial;
text-align : center;
}
.donnees th {
text-align : left;
padding-left : 5px;
color : #aaaaaa;
text-transform : uppercase;
font-family : "Trebuchet MS", arial;
}
body {
padding : 0;
margin : 0;
width : 100%;
background : #eeeeee;
font-size : 11px;
font-family : Arial, Sans-Serif;
}
a.button {
background : url('../bundles/paadmin/images/a_bg.png') left bottom repeat-x;
height : 19px;
border : 1px solid #BBBBBB;
text-decoration : none;
color : black;
padding : 3px 5px;
font-family : arial;
margin : 6px;
}
a.button:hover {
background : #F7F7F7;
}
a.match_loss {
color : red;
}
a.match_draw {
color : black;
}
a.match_win {
color : green;
}
#content-left-middle h2 {
text-transform : uppercase;
color : #cc0000;
border-bottom : 1px solid #cc0000;
font-family : "Trebuchet MS";
}
h3 {
font-family : "Trebuchet MS";
font-size : 18px;
margin-bottom : 10px;
padding : 5px;
padding-top : 0px;
}
h4 {
font-family : "Trebuchet MS";
margin-bottom : 10px;
margin-top : 20px;
padding : 5px;
padding-top : 0px;
border-bottom : 1px solid black;
text-transform : uppercase;
}
#pre-header {
}
#pre-header .left {
font-size: 12px;
font-family : "Trebuchet MS";
font-weight : bold;
margin-left : 110px;
color : grey;
padding-top : 8px;
}
#pre-header .right {
font-size: 12px;
font-family : "Trebuchet MS";
font-weight : bold;
margin-right : 5px;
}
.ul-top-right {
margin: 0;
list-style: none;
}
.ul-top-right:before {
content: " ";
display: table;
}
.ul-top-right li {
float: left;
margin: 0px;
height: 40px;
position: relative;
display: block;
line-height: 40px;
}
.il-top-right li a {
position: relative;
display: block;
}
.img-right-home {
padding: 1px;
}
#pre-header img {
vertical-align : -5px;
}
#header {
width : 100%;
height : 85px;
margin : 0;
left : 0;
right : 0;
padding : 0;
top : 36px;
background : url('../bundles/pahome/images/header-content_bg.png') left top repeat-X;
position : absolute;
}
#header-content {
margin : 0;
padding : 0;
}
#header-content-bloc1, #header-content-bloc2, #header-content-bloc3, #header-content-bloc4 {
float : left;
}
.welcome {
padding-right: 5px;
color : #a4813b;
font-weight : bold;
}
#footer {
width : 100%;
height : 110px;
margin : 0;
left : 0;
right : 0;
margin-top : -110px;
background : url('../bundles/pahome/images/footer_bg.jpg') left top repeat-X;
position : absolute;
}
.footer-left {
float : left;
text-align : right;
color : white;
padding-right : 5px;
text-transform : uppercase;
width : 98px;
}
.footer-right {
float : left;
text-align : left;
color : white;
padding-left : 5px;
width : 138px;
}
.footer-right a {
color : white;
}
.footer-right ul, .footer-right ul li {
margin : 0;
padding : 0;
list-style : none;
}
.footer-sep {
float : left;
background : url('../bundles/pahome/images/footer_sep.jpg') center center no-repeat;
width : 1px;
height : 70px;
}
#site-content {
min-height : 600px;
margin : 0 auto;
padding : 0;
padding-top : 134px;
width : 100%;
padding-bottom : 110px;
}
#site-contenu {
margin : 10px 20px;
}
#ligne1 {
margin-top : 0px;
}
#ligne1-bloc1, #ligne1-bloc2, #ligne1-bloc3 {
float : left;
margin : 0;
padding : 0;
}
#ligne1-bloc2, #ligne1-bloc3 {
margin-left : -2px;
}
#ligne2 {
margin-top : 10px;
}
#ligne2-bloc1, #ligne2-bloc2, #ligne2-bloc3 {
float : left;
margin : 0;
padding : 0;
}
#ligne2-bloc2, #ligne2-bloc3 {
margin-left : -2px;
}
.home-bloc {
margin : 0;
padding : 0;
}
.home-bloc .title {
margin : -23px 0 10px 0px;
padding : -23px 0 0 5px;
background :red;
}
#home-pub1 {
width : 605px;
height : 65px;
border : 1px solid #bebebe;
margin-left : 7px;
margin-top : 5px;
text-align : center;
padding-top : 5px;
}
#home-pub2 {
width : 265px;
height : 250px;
margin-left : 7px;
margin-top : 5px;
text-align : center;
}
#home-une {
height : 311px;
width : 605px;
background : url('../bundles/pahome/images/ALU_bg.png') left top repeat-y;
margin : 0;
padding : 0 8px 0 9px;
clear : both;
}
#home-une-mercato {
display : none;
}
#home-une-title {
background : url('../bundles/pahome/images/ALU.png');
width : 140px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-une-title-with-mercato {
background : url('../bundles/pahome/images/ALU-with-mercato_off.png');
width : 140px;
height : 37px;
margin : 0;
padding : 0;
float : left;
cursor : pointer;
}
#home-une-title-with-mercato.selected {
background : url('../bundles/pahome/images/ALU-with-mercato_on.png');
cursor : pointer;
}
#home-une-title-mercato {
background : url('../bundles/pahome/images/ALU_mercato_off.png');
width : 138px;
height : 37px;
margin : 0;
padding : 0;
float : left;
cursor : pointer;
}
#home-une-title-mercato.selected {
background : url('../bundles/pahome/images/ALU_mercato_on.png');
cursor : pointer;
}
#home-une-lost {
background : url('../bundles/pahome/images/ALU_lost.png');
width : 482px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-une-lost-with-mercato {
background : url('../bundles/pahome/images/ALU-with-mercato_lost.png');
width : 344px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-une-end {
width : 622px;
height : 14px;
background : url('../bundles/pahome/images/ALU_end.png') left top;
}
.home-breves {
height : 394px;
width : 329px;
background : url('../bundles/pahome/images/breves_bg.png') left top repeat-y;
margin : 0;
padding : 0 15px;
clear : both;
}
#home-breves-title {
background : url('../bundles/pahome/images/breves_title.png');
width : 148px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-breves-lost {
background : url('../bundles/pahome/images/breves_lost.png') right top no-repeat;
width : 211px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-breves-end {
width : 359px;
height : 14px;
background : url('../bundles/pahome/images/breves_end.png') left top;
}
#home-infinity {
padding-right : 4px;
}
.home-infinity-top_full {
background : url('../bundles/pahome/images/retroliens-top_bg.png') right center no-repeat;
height : 12px;
width : 333px;
padding : 0 10px;
margin : 0;
margin-left : 3px;
}
.home-infinity-middle_full {
width : 329px;
background : url('../bundles/pahome/images/breves_bg.png') left top repeat-y;
margin : 0;
padding : 0 15px;
}
.home-infinity-end_full {
width : 359px;
height : 14px;
background : url('../bundles/pahome/images/breves_end.png') left top;
}
.home-infinity-top_1280 {
background : url('../bundles/pahome/images/infinity-top.png') right center no-repeat;
height : 12px;
width : 261px;
padding : 0 10px;
margin : 0;
}
.home-infinity-middle_1280 {
width : 251px;
background : url('../bundles/pahome/images/infinity_bg.png') left top repeat-y;
margin : 0;
padding : 0 15px;
margin-left : 2px;
}
.home-infinity-end_1280 {
width : 281px;
height : 14px;
background : url('../bundles/pahome/images/infinity_end.png') left top;
margin-left : 2px;
}
#home-flash {
height : 184px;
width : 263px;
/*background : url('https://www.planete-asm.fr/bundles/pahome/images/flash_bg.png') left top repeat-y;*/
margin : 0;
padding : 0 10px;
clear : both;
}
#home-flash-title {
background : url('../bundles/pahome/images/flash_title.png');
width : 148px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-flash-lost {
background : url('../bundles/pahome/images/flash_lost.png');
width : 133px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-flash-end {
width : 281px;
height : 14px;
background : url('https://www.planete-asm.fr/bundles/pahome/images/flash_end.png') left top;
}
#home-rdv {
height : 159px;
width : 251px;
background : url('../bundles/pahome/images/rdv_bg.png') left top repeat-y;
margin : 0;
padding : 0 15px;
clear : both;
}
#home-rdv-title {
background : url('../bundles/pahome/images/rdv_title.png');
width : 148px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-rdv-lost {
background : url('../bundles/pahome/images/rdv_lost.png');
width : 133px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-rdv-end {
width : 281px;
height : 14px;
background : url('../bundles/pahome/images/rdv_end.png') left top;
}
#home-lastnext {
height : 227px;
width : 592px;
background : url('../bundles/pahome/images/lastnext_bg.png') left top no-repeat;
margin : 0;
padding : 0 15px;
clear : both;
}
#home-lastnext.selected {
background : url('../bundles/pahome/images/next_bg.png') left top no-repeat;
}
#home-lastnext-title-last {
background : url('../bundles/pahome/images/lastnext_last_title.png');
width : 140px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-lastnext-title-last.selected {
background : url('../bundles/pahome/images/lastnext_last_title-on.png');
}
#home-lastnext-title-next.selected {
background : url('../bundles/pahome/images/lastnext_next_title-on.png');
}
#home-lastnext-title-next {
background : url('../bundles/pahome/images/lastnext_next_title.png');
width : 139px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-lastnext-lost {
background : url('../bundles/pahome/images/lastnext_lost.png') right top no-repeat;
width : 343px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-classement {
height : 213px;
width : 329px;
background : url('../bundles/pahome/images/classement_bg.png') left top repeat-y;
margin : 0;
padding : 0 15px;
clear : both;
}
#home-classement-title-1 {
background : url('../bundles/pahome/images/classement_title1.png') left top no-repeat;
width : 141px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-classement-title-2 {
background : url('../bundles/pahome/images/classement_title2.png') left top no-repeat;
width : 139px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-classement-title-1.selected {
background : url('../bundles/pahome/images/classement_title1-on.png');
}
#home-classement-title-2.selected {
background : url('../bundles/pahome/images/classement_title2-on.png');
}
#home-classement-lost {
background : url('../bundles/pahome/images/classement_lost.png') left top no-repeat;
width : 79px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-classement-end {
width : 359px;
height : 14px;
background : url('../bundles/pahome/images/classement_end.png') left top no-repeat;
clear : both;
}
#home-une-left {
float : left;
width : 200px;
}
#home-une-left {
margin : 0;
padding : 0;
}
#home-une-left ul {
margin : 0 0 0 3px;
padding : 0;
}
#home-une-left li {
margin : 3px 0 0 0;
padding : 0;
height : 100px;
list-style : none;
border : 1px solid black;
cursor : pointer;
opacity : 0.7;
}
#home-une-left li.selected {
opacity : 1;
}
#home-une-left li p {
display : none;
}
#home-une-left li p {
background : url('../bundles/pahome/images/ALU_left_title_bg.png') left top repeat-x;
height : 56px;
margin-top : 44px;
position : absolute;
width : 187px;
color : white;
padding : 24px 4px 0 4px;
font-size : 12px;
text-align : justify;
font-family: 'PT Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#home-une-right {
float : right;
height : 317px;
background : black;
}
#home-une-right ul {
margin : 0;
padding : 0;
margin-left : -400px;
}
#home-une-right li {
margin : 0;
padding : 0;
list-style : none;
}
.home-une-right-text {
background : url('../bundles/pahome/images/ALU_right_title_bg.png') left top repeat-x;
height : 144px;
margin-top : 173px;
position : absolute;
width : 380px;
color : white;
padding : 0 10px;
}
.home-une-right-text-titre {
margin-top : 70px;
font-size : 18px;
line-height : 17px;
margin-bottom : 0px;
font-weight : bold;
font-family: 'PT Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.home-une-right-text-intro {
margin-top : 7px;
font-size : 13px;
text-align : justify;
line-height : 14px;
font-weight : bold;
font-family: 'PT Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#home-breves-buttons {
position : absolute;
margin-top : -26px;
margin-left : 310px;
width : 40px;
}
#home-breves-content ul {
padding : 12px 0 0 0;
margin : 0;
}
#home-breves-content ul li {
list-style : none;
padding : 0;
margin : 0 0 2px 0;
width : 325px;
height : 35px;
border-bottom : 1px solid #e5e5e5;
}
#home-breves-content ul li p {
margin : 0;
padding : 0;
}
.home-breves-content-top {
color : #666666;
font-weight : bold;
}
.home-breves-content-top-categorie {
color : #cc1c00;
font-weight : bold;
}
#home-breves-content ul li a {
color : black;
}
#home-breves-content ul li a.important {
font-weight : bold;
}
.home-breves-content-bottom-annonce {
color : #666666;
font-style : italic;
}
#ligne3-bloc1 {
margin-left : 6px;
}
#home-communaute {
height : 241px;
margin : 0;
padding : 0 15px;
clear : both;
}
#home-communaute-title {
background : url('../bundles/pahome/images/communaute_title.png') left top no-repeat;
width : 147px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-communaute-lost {
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-lastnext-last-gauche, #home-lastnext-last-milieu, #home-lastnext-last-droite {
float : left;
}
#home-lastnext-last-gauche, #home-lastnext-last-droite {
max-height: 138px;
overflow: hidden;
width : 115px;
}
#home-lastnext-last-milieu {
width : 360px;
text-align : center;
}
#home-lastnext-last-milieu-home, #home-lastnext-last-milieu-score, #home-lastnext-last-milieu-away {
float : left;
}
#home-lastnext-last-milieu-score, #home-lastnext-next-milieu-score {
height : 166px;
}
#home-lastnext-last-milieu-home, #home-lastnext-last-milieu-away {
width : 130px;
}
#home-lastnext-last-milieu-score {
width : 100px;
}
.home-lastnext-last-milieu-datas {
font-size : 20px;
font-weight : bold;
text-transform : uppercase;
font-family : 'PT Sans', "Trebuchet MS";
padding-top : 5px;
}
#home-lastnext-last-milieu-score .home-lastnext-last-milieu-datas {
margin-top : 80px;
font-size : 39px;
}
#home-lastnext-last-infos {
color : white;
text-align : center;
font-weight : bold;
}
#home-lastnext-next-gauche, #home-lastnext-next-milieu, #home-lastnext-next-droite {
float : left;
height : 190px;
}
#home-lastnext-next-gauche, #home-lastnext-next-droite {
width : 115px;
}
#home-lastnext-next-milieu {
width : 360px;
text-align : center;
}
#home-lastnext-next-milieu-home, #home-lastnext-next-milieu-score, #home-lastnext-next-milieu-away {
float : left;
}
#home-lastnext-next-milieu-home, #home-lastnext-next-milieu-away {
width : 130px;
}
#home-lastnext-next-milieu-score {
width : 100px;
padding-top : 90px;
height : 76px;
}
#home-lastnext-next-milieu-score img {
margin-top : 5px;
}
.home-lastnext-next-milieu-datas {
font-size : 20px;
font-weight : bold;
text-transform : uppercase;
font-family : 'PT Sans', "Trebuchet MS";
padding-top : 5px;
}
#home-lastnext-next-milieu-score .home-lastnext-next-milieu-datas {
margin-top : 80px;
font-size : 36px;
}
#home-lastnext-next-infos {
color : white;
text-align : center;
font-weight : bold;
}
.home-lastnext-last-show-fdm {
font-weight : bold;
text-transform : uppercase;
}
#home-lastnext ul, #home-lastnext ul li {
margin : 0;
padding : 0;
list-style : none;
}
#home-lastnext-title-last, #home-lastnext-title-next, #home-lastnext-title-classement {
cursor : pointer;
}
.home-menu {
margin : 0;
padding : 0;
margin-top : 6px;
}
.home-menu li.first {
display : inline;
height : 50px;
width : 120px;
padding : 0;
margin-left : 0;
list-style : none;
}
.home-menu li a {
color : white;
width : 117px;
height : 74px;
}
.home-menu li a img.menu-image-on {
display : none;
}
.home-menu li .bloc-menu {
position : absolute;
margin-top : -5px;
display : none;
z-index : 10000;
clear : both;
margin-left : -5px;
}
.home-menu li .bloc-menu-center {
background : url('../bundles/pahome/images/sous-menu-bg.png') left bottom repeat-x;
height : 202px;
float : left;
}
.home-menu li .bloc-menu-left {
background : url('../bundles/pahome/images/sous-menu-left-bg.png') left bottom no-repeat;
height : 202px;
width : 5px;
float : left;
}
.home-menu li .bloc-menu-right {
background : url('../bundles/pahome/images/sous-menu-right-bg.png') left bottom no-repeat;
height : 202px;
width : 5px;
float : left;
}
.home-menu li.hover .bloc-menu {
display : block;
}
.home-flash ul {
padding : 0;
margin : 0;
padding-top : 5px;
height : 156px;
}
.home-flash ul li {
list-style : none;
background : url('../bundles/pahome/images/flash_fleche.jpg') left center no-repeat;
padding : 5px 0 2px 25px;
margin-top : 10px;
}
#content-left {
float : left;
padding-left : 0px;
}
#content-right {
float : right;
}
.home-lastnext-last-buteurs {
color : white;
padding-top : 50px;
}
.home-lastnext-last-buteurs p {
font-style : italic;
text-align : center;
}
.home-lastnext-last-buteurs div {
padding-left : 10px;
}
#home-classement ul, #home-classement ul li {
margin : 0;
padding : 0;
list-style : none;
}
#home-classement table {
margin-top : 5px;
}
#home-classement-title-1, #home-classement-title-2 {
cursor : pointer;
}
#home-communaute-jeux, #home-communaute-tribune, #home-communaute-sondage, #home-communaute-social {
float : left;
}
.home-communaute-sep {
width : 1px;
height : 199px;
background : url('../bundles/pahome/images/communaute-sep.jpg') left center no-repeat;
float : left;
padding-top : 20px;
}
#home-communaute-jeux {
width : 380px;
margin-right : 10px;
text-align : center;
margin-top : 4px;
height : 200px;
}
#home-communaute-tribune {
width : 160px;
margin : 0 10px;
text-align : center;
margin-top : 15px;
height : 200px;
}
#home-communaute-sondage {
width : 350px;
margin : 0 10px;
}
#home-communaute-social {
width : 250px;
margin : 0 0 0 10px;
text-align : center;
margin-top : 20px;
height : 200px;
}
#home-communaute-rs {
padding-top : 15px;
padding-left : 30px;
margin : 0;
text-align : center;
}
.breve-illustration {
margin : 0;
padding : 0;
float : left;
margin-right : 10px;
margin-bottom : 5px;
}
#content-left-top-intro .right {
float : right;
margin-top : 0px;
heiht : 20px;
}
#content-left-top h2 {
padding-top : 18px;
padding-left : 5px;
margin : 0;
font-family: Museo500Regular, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#content-left-top-intro {
font-size : 13px;
font-weight : bold;
border-top : 1px solid #e5e5e5;
border-bottom : 1px solid #e5e5e5;
background : #f5f5f5;
padding : 5px 10px;
height : 20px;
}
.content-bloc {
font-size : 13px;
font-weight : bold;
border-top : 1px solid #e5e5e5;
border-bottom : 1px solid #e5e5e5;
background : #f5f5f5;
padding : 10px;
margin-bottom : 15px;
}
.sous-menu-item ul, .sous-menu-item ul li {
margin : 0;
padding : 0;
list-style : none;
}
div.sous-menu-item {
float : left;
margin : 10px 0;
height : 160px;
}
div.sous-menu-item p {
text-align : center;
font-weight : bold;
color : white;
text-transform : uppercase;
font-family : "Trebuchet MS";
margin : 0;
padding : 0;
margin-bottom : 10px;
font-size : 15px;
}
div.sous-menu-item div {
text-align : center;
}
div.sous-menu-item ul {
margin : 0;
padding : 0;
margin-top : 5px;
text-align : center;
font-size : 12px;
font-family : "Trebuchet MS";
}
div.sous-menu-item ul li {
margin : 0;
padding : 0;
}
.menu-description {
text-align : left;
color : white;
font-size : 12px;
}
.breve-source {
text-align : right;
font-style : italic;
color : grey;
margin-top : 30px;
}
.home-breves-comment-nbr {
position : absolute;
margin-right : 5px;
padding-right : 18px;
width : 310px;
text-align : right;
color : grey;
background : url('../bundles/pahome/images/comment-bubble.jpg') right center no-repeat;
}
.retroliens-top {
background : url('../bundles/pahome/images/retroliens-top_bg.png') right center no-repeat;
height : 12px;
width : 333px;
padding : 0 10px;
margin : 0;
margin-left : 3px;
}
.retroliens-middle {
width : 329px;
background : url('../bundles/pahome/images/breves_bg.png') left top repeat-y;
margin : 0;
padding : 0 15px;
}
.retroliens-middle p {
text-align : center;
text-transform : uppercase;
font-weight : bold;
margin-top : -5px;
padding-top : 5px;
font-size : 14px;
font-family : "Trebuchet MS";
}
.retroliens-middle ul {
margin : 0;
padding : 0;
}
.retroliens-middle ul li {
list-style : none;
padding : 0;
margin : 3px 0 2px 0;
border-bottom : 1px solid #e5e5e5;
}
.retroliens-middle ul li a {
color : black;
}
.retroliens-bottom {
width : 359px;
height : 14px;
background : url('../bundles/pahome/images/breves_end.png') left top;
padding : 0 ;
margin : 0;
margin-top : -3px;
}
.retroliens-joueur {
background : url('../bundles/pahome/images/retroliens-joueurs_bg.png') left top no-repeat;
height : 103px;
width : 333px;
padding : 10px;
margin-left : 3px;
}
.retroliens-joueur-image {
width : 110px;
float : left;
}
.retroliens-joueur-text {
width : 220px;
float : left;
text-align : center;
}
.retroliens-joueur-text p {
font-size : 16px;
font-family : "Trebuchet MS";
font-weight : bold;
}
.retroliens-joueur-text a {
text-transform : uppercase;
font-weight : bold;
font-size : 12px;
}
.mon-profil-menu {
clear : both;
padding : 0;
height : 30px;
margin-bottom : -15px;
margin-top : 10px;
margin-left : -20px;
}
.mon-profil-menu li {
float : left;
list-style : none;
background : grey;
height : 24px;
margin : 0;
padding : 0;
margin-left : 3px;
border : 1px solid black;
border-bottom : none;
}
.mon-profil-content {
background : white;
border : 1px solid black;
padding : 10px;
margin-top : 10px;
border-radius: 5px;
-moz-border-radius: 5px;
}
.mon-profil-menu li.actif {
background : white;
border : 1px solid black;
border-bottom : none;
height : 30px;
}
.mon-profil-menu li a {
color : white;
font-family : "Trebuchet MS";
line-height : 30px;
text-decoration : none;
display : block;
padding : 0 10px;
font-weight : bold;
}
.mon-profil-menu li.actif a {
color : black;
}
#home-mercato .left, #home-mercato .right {
width : 250px;
padding : 10px;
}
#home-mercato ul {
margin : 0;
padding : 0;
}
#home-mercato li {
margin : 0;
padding : 0;
list-style : none;
}
.presentation {
background : #f5f5f5;
padding : 10px;
border-top : 1px solid #e5e5e5;
border-bottom : 1px solid #e5e5e5;
}
.pagination .first,
.pagination .previous,
.pagination .next,
.pagination .last,
.pagination .current {
padding : 0 3px;
}
.pagination .page {
padding : 0 5px;
}
.pagination {
font-size : 13px;
}
.pagination .first a,
.pagination .previous a,
.pagination .next a,
.pagination .last a {
font-weight : bold;
}
.soustitre {
color : grey;
font-style : italic;
}
.page-mercato {
float : left;
width : 49%;
}
.page-mercato ul {
margin : 0;
padding : 0;
}
.page-mercato ul li {
margin : 0;
padding : 0;
list-style : none;
margin-bottom : 10px;
}
.page-mercato img {
margin-right : 10px;
vertical-align : middle;
}
.team {
position : fixed;
left : 0;
bottom : 0;
border : 1px solid #cc1c00;
background : #ff8f7e;
border-left : none;
border-bottom : none;
}
.team a {
color : black;
}
.team ul {
margin : 0;
padding : 0 2px;
}
.team ul li {
margin : 0;
padding : 0;
list-style : none;
}
.alert {
text-align : center;
font-weight : bold;
padding : 10px;
margin : 10px 0;
border : 1px solid #cc1c00;
background : #ff8f7e;
}
.fdm-left, .fdm-right {
width : 48%;
}
.fdm-left ul li, .fdm-right ul li {
list-style : none;
margin : 0;
padding : 0;
}
.fdm-left li, .fdm-right li {
list-style : none;
margin : 0;
padding : 0;
}
.fdm-left {
float : left;
text-align : right;
}
.fdm-right {
float : left;
text-align : left;
}
#fdm .infos {
text-align : center;
color : grey;
}
#fdm .equipes {
font-size : 20px;
font-weight : bold;
}
#fdm .score {
color : #CC1000;
font-weight : bold;
font-size : 40px;
padding : 0 20px;
margin-top : 15px;
}
#fdm img.logo {
vertical-align : middle;
}
#fdm .passeur, #fdm .passeur a {
color : grey;
font-style : italic;
}
#home-communaute-sondage h2 {
text-align : center;
}
.alert-match {
text-align : center;
font-weight : bold;
border : 1px solid #cc1c00;
border-left : none;
border-right : none;
padding : 10px;
}
.sondage-home-titre {
text-align : center;
margin-top : 10px;
}
.match-live a {
color : black;
}
.match-live-bloc1 span {
color : grey;
font-style : italic;
}
.match-live-bloc1 {
float : left;
width : 45%;
padding : 0 10px;
}
.match-live-bloc2 {
float : right;
width : 45%;
padding : 0 10px;
}
.match-live-bloc2 #live-content {
height: 494px;
overflow: auto;
}
.table-match-live {
width : 100%;
}
.table-match-live tr.odd {
background : #f5f5f5;
}
.table-match-live tr td {
padding : 5px 0;
}
#live-match-illustration {
margin : 0 auto;
padding : 0;
}
#live-match-illustration-content {
margin : 0 auto;
text-align : center;
}
#live-match-illustration-content .intro {
font-weight : bold;
color : white;
font-size : 14px;
font-family : "Trebuchet MS";
}
#live-match-illustration-content .badge {
width : 100%;
}
#live-match-illustration-content .left, #live-match-illustration-content .right {
width : 140px;
}
#live-match-illustration-content .badge .score {
font-family : "Trebuchet MS";
font-weight : bold;
text-align : center;
}
#live-match-illustration-content .badge .club {
font-size : 16px;
font-family : "Trebuchet MS";
text-transform : uppercase;
font-weight : bold;
}
#live-match-illustration-content .match-etat {
font-family : "Trebuchet MS";
font-size : 12px;
font-weight : bold;
color : white;
}
.joueur-stat {
margin : 0 auto;
width : 100%;
margin-bottom : 20px;
border-spacing: 0px;
border-collapse: collapse;
}
.joueur-stat td {
padding-bottom : 25px;
}
.joueur-stat td {
text-align : center;
}
.joueur-stat .legende {
font-size : 14px;
vertical-align : middle;
margin-left : 2px;
}
.joueur-stat a {
margin-left : 5px;
font-size : 20px;
vertical-align : middle;
font-weight : bold;
color : #cc1c00;
}
.joueur-stat .value {
font-size : 30px;
font-weight : bold;
vertical-align : middle;
color : #cc1c00;
font-family : 'PT Sans', "Trebuchet MS";
}
.joueur-stat .disabled {
color : grey;
margin-left : 5px;
font-family : 'PT Sans', "Trebuchet MS";
font-size : 18px;
vertical-align : middle;
}
/* Responsive */
@media (max-width:1300px) {
#site-body {
width : 1260px;
padding : 0;
margin : 0 auto;
background : url('../bundles/pahome/images/site-body_bg.png') center center repeat-y;
}
}
@media (min-width:1301px) {
#site-body {
width : 1280px;
padding : 0 10px;
margin : 0 auto;
background : url('../bundles/pahome/images/site-body_bg.png') center center repeat-y;
}
#ligne1-bloc1, #ligne2-bloc1, #ligne3 {
margin-left : 10px;
}
#ligne1-bloc2, #ligne1-bloc3 {
margin-left : -2px;
}
#ligne2-bloc2, #ligne2-bloc3 {
margin-left : -2px;
}
#content-left {
padding-left : 10px;
}
#content-right {
padding-right : 10px;
}
}
@media (min-width:1260px){
.hide-1280 {
display : none;
}
#header-content-bloc1 {
margin-top : -30px;
margin-left : 8px;
}
#header-content-bloc2 {
margin-left : 10px;
margin-top : 7px;
}
#footer-content {
width : 1240px;
padding : 20px 10px;
margin : 0 auto;
height : 70px;
}
#header-content {
width : 1280px;
padding : 0;
margin : 0 auto;
/*background : url('../bundles/pahome/images/header-content_bg.png') left top repeat-X;*/
}
#content-left-top {
background : url('../bundles/pahome/images/content-left-top_bg.png') left center no-repeat;
width : 871px;
height : 51px;
padding : 0 15px;
margin : 0;
}
#content-left-middle {
background : url('../bundles/pahome/images/content-left-middle_bg.png') left center repeat-y;
width : 871px;
padding : 10px 15px;
margin : 0;
text-align : justify;
line-height : 18px;
font-size : 12px;
}
#content-left-bottom {
background : url('../bundles/pahome/images/content-left-bottom_bg.png') left center no-repeat;
width : 901px;
height : 17px;
padding : 0;
margin : 0;
}
.home-menu li .bloc-menu-center {
width : 952px;
}
#sous-menu-saison div.sous-menu-item {
width : 185px;
}
#sous-menu-actus div.sous-menu-item {
width : 314px;
}
#sous-menu-jeunes div.sous-menu-item {
width : 310px;
}
#sous-menu-le-club .left {
width : 700px;
}
#sous-menu-encyclopedie .left {
width : 400px;
padding : 0 100px;
}
#sous-menu-statistiques .left {
width : 450px;
padding : 0 100px;
}
#sous-menu-ma-planete .left {
width : 700px;
}
#home-communaute {
width : 1215px;
background : url('../bundles/pahome/images/communaute_bg.png') center top no-repeat;
}
#home-communaute-lost {
background : url('../bundles/pahome/images/communaute_lost.png') left top no-repeat;
width : 1092px;
}
#live-match-illustration {
width : 1258px;
height : 330px;
}
#live-match-illustration-content {
width : 420px;
}
#live-match-illustration-content .intro {
padding-top : 50px;
color : black;
}
#live-match-illustration-content .badge {
padding-top : 10px;
}
#live-match-illustration-content .badge .score {
font-size : 44px;
height : 62px;
}
#content-left-top h2 {
font-size: 24px;
}
#rdv-home-title {
font-size : 14px;
width : 140px;
padding : 0 3px;
text-align : center;
font-family : "Trebuchet MS";
color : #cc1c00;
font-weight : bold;
margin-top : 14px;
}
#rdv-home-intro a {
color : black;
}
#rdv-home-intro {
text-align : justify;
height : 48px;
}
#home-epl {
margin-left : 8px;
margin-top : 10px;
padding-bottom : 40px;
}
.joueur-bio {
width : 500px;
}
}
#home-epl img {
border : 1px solid black;
}
@media (max-width:1259px){
#home-epl {
margin-left : 8px;
margin-top : 1px;
}
.hide-1024 {
display : none;
}
#footer-content {
width : 980px;
padding : 20px 10px;
margin : 0 auto;
height : 70px;
}
.footer-left {
padding-right : 3px;
width : 88px;
}
.footer-right {
padding-left : 3px;
width : 100px;
}
#header-content {
width : 980px;
padding : 0;
margin : 0 auto;
/*background : url('../bundles/pahome/images/header-content_bg.png') left top repeat-X;*/
}
#header-content-bloc1 {
margin-top : -30px;
margin-left : 0px;
}
#header-content-bloc2 {
margin-left : 0px;
margin-top : 7px;
}
#content-left-top {
background : url('../bundles/pahome/images/1024/content-left-top_bg.png') left center no-repeat;
width : 610px;
height : 51px;
padding : 0 15px;
margin : 0;
}
#content-left-middle {
background : url('../bundles/pahome/images/1024/content-left-middle_bg.png') left center repeat-y;
width : 610px;
padding : 10px 15px;
margin : 0;
text-align : justify;
line-height : 18px;
font-size : 12px;
}
#content-left-bottom {
background : url('../bundles/pahome/images/1024/content-left-bottom_bg.png') left center no-repeat;
width : 640px;
height : 17px;
padding : 0;
margin : 0;
}
#site-body {
width : 1000px;
padding : 0;
margin : 0 auto;
background : url('../bundles/pahome/images/site-body_bg.png') center center repeat-y;
}
.home-menu li .bloc-menu-center {
width : 692px;
}
#sous-menu-saison div.sous-menu-item {
width : 132px;
}
#sous-menu-actus div.sous-menu-item {
width : 227px;
}
#sous-menu-jeunes div.sous-menu-item {
width : 225px;
}
#sous-menu-le-club .left {
width : 500px;
}
#sous-menu-encyclopedie .left {
width : 200px;
padding : 0 100px;
}
#sous-menu-statistiques .left {
width : 250px;
padding : 0 100px;
}
#sous-menu-ma-planete .left {
width : 500px;
}
#ligne1-bloc1, #ligne1-bloc2,
#ligne2-bloc1, #ligne2-bloc2 {
margin-left : 5px;
}
#home-communaute {
width : 957px;
background : url('../bundles/pahome/images/1024/communaute_bg.png') center top no-repeat;
}
#home-communaute-lost {
background : url('../bundles/pahome/images/communaute_lost.png') right top no-repeat;
width : 841px;
}
#home-lastnext-title-classement.selected {
background : url('../bundles/pahome/images/1024/lastnext_classement_title-on.png');
}
#home-lastnext-title-classement {
background : url('../bundles/pahome/images/1024/lastnext_classement_title.png');
width : 139px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-lastnext-lost {
width : 211px;
}
#home-lastnext-title-next.selected {
background : url('../bundles/pahome/images/1024/lastnext_next_title-on.png');
width : 132px;
}
#home-lastnext-title-next {
background : url('../bundles/pahome/images/1024/lastnext_next_title.png');
width : 132px;
}
#home-lastnext.classement {
background : url('../bundles/pahome/images/1024/lastnext_classement_bg.png') left top no-repeat;
padding-top : 10px;
height : 217px;
padding-left : 60px;
width : 547px;
}
#home-breves-breves-title {
background : url('../bundles/pahome/images/1024/breves_title-off.png');
width : 141px;
height : 37px;
margin : 0;
padding : 0;
float : left;
cursor : pointer;
}
#home-breves-breves-title.selected {
background : url('../bundles/pahome/images/1024/breves_title-on.png');
}
#home-breves-flash-title {
background : url('../bundles/pahome/images/1024/breves-flash_title-off.png');
width : 139px;
height : 37px;
margin : 0;
padding : 0;
float : left;
cursor : pointer;
}
#home-breves-flash-title.selected {
background : url('../bundles/pahome/images/1024/breves-flash_title-on.png');
}
.home-flash ul {
height : 360px;
}
#live-match-illustration {
width : 970px;
height : 254px;
}
#live-match-illustration-content {
width : 420px;
}
#live-match-illustration-content .intro {
padding-top : 38px;
color : black;
}
#live-match-illustration-content .badge {
padding-top : 5px;
}
#live-match-illustration-content .badge .score {
font-size : 33px;
height : 45px;
}
#content-left-top h2 {
font-size: 20px;
}
#ligne2-bloc3 {
margin-left : 6px;
}
#home-rdv-1024 {
height : 212px;
width : 329px;
background : url('../bundles/pahome/images/breves_bg.png') left top repeat-y;
margin : 0;
padding : 0 15px;
clear : both;
}
#home-rdv-title-1024 {
background : url('../bundles/pahome/images/rdv_title.png');
width : 148px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-rdv-lost-1024 {
background : url('../bundles/pahome/images/breves_lost.png') right top no-repeat;
width : 211px;
height : 37px;
margin : 0;
padding : 0;
float : left;
}
#home-rdv-end-1024 {
width : 359px;
height : 14px;
background : url('../bundles/pahome/images/breves_end.png') left top;
}
#rdv-home-title {
font-size : 14px;
width : 300px;
padding : 0 3px;
text-align : center;
font-family : "Trebuchet MS";
color : #cc1c00;
font-weight : bold;
margin-top : 14px;
}
.rdv-home-intro a {
color : black;
}
.rdv-home-intro {
text-align : justify;
margin : 4px;
}
.rdv-home-intro img {
padding-right : 6px;
}
.joueur-bio {
width : 230px;
}
}
@media (max-width:1000px){
#header {
width : 1000px;
}
#footer {
width : 1000px;
}
}
.joueur-bio img {
padding : 5px;
margin-top : 5px;
}
.user-action .icon-cog-breves {
float: right;
color: #848484;
cursor: pointer;
font-size: 20px;
}
.user-action {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
padding-bottom: 3px;
}
.user-action ul {
margin: 26px 0 0 0;
list-style: none;
font-size: 14px;
background: #FFF;
border: 1px solid #A1A1A1;
box-shadow: 2px 3px 5px #B2B2B2;
display: none;
position: absolute;
z-index: 10;
}
.user-action ul > li {
padding: 6px;
}
.user-action ul > li > a {
color: #444;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2013 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: exljbris Font Foundry
* License URL: http://www.fontspring.com/fflicense/exljbris
*
*
*/
@font-face {
font-family: 'Museo500Regular';
src: url('../fonts/museo/Museo500-Regular-webfont.eot');
src: url('../fonts/museo/Museo500-Regular-webfont.eot#iefix') format('embedded-opentype'),
url('../fonts/museo/Museo500-Regular-webfont.woff') format('woff'),
url('../fonts/museo/Museo500-Regular-webfont.ttf') format('truetype'),
url('../fonts/museo/Museo500-Regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.post_comment input[type="text"] {
width: 244px;
}
.msgEmpty {
margin-top: 25px;
color: #575757;
}
.msg {
border-top: none;
margin-top: 30px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.msg thead {
background-color: #f5f5f5;
color: #313131;
border-bottom: 1px solid #E6E6E6;
}
.msg thead tr th {
padding: 8px;
}
.menu_top_mail {
border-bottom: 1px solid black;
}
.object, .actions {
display: inline-block;
}
.object {
width: 80%;
font-size: 20px;
}
.actions {
width: 19%;
}
.menu_bottom_mail {
padding-top: 15px;
}
.info_mail {
display: inline-block;
vertical-align: top;
padding-left: 10px;
}
.expediteur a {
font-size: 14px;
font-weight: bold;
}
.actions_mail {
float: right;
}
.date_send {
color: #9c9c9c;
}
.content_mail {
padding-top: 10px;
}
.menu_actions {
padding-top: 5px;
border: 1px solid #9c9c9c;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
display: none;
background: #fff;
}
.menu_actions ul {
list-style: none;
margin: 0 0 0 0;
}
.menu_actions ul li {
padding: 5px;
}
.menu_actions ul li:hover {
background-color: #E4E4E4;
cursor: pointer;
}
.menu_actions ul li a {
text-decoration: none;
color: #383838;
}
.icon-mail {
font-size: 30px;
padding: 6px 10px 9px 10px;
}
.profil_content .success_user {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
margin-bottom: 20px;
padding: 10px;
}
/********************** Liste message ****************/
.message-content {
padding: 5px;
border-bottom: 1px solid #D1D1D1;
}
.message-content.read {
opacity: 0.7;
}
.message-content .date, .message-content .delete, .message-content .exped {
display: inline-block;
}
.message-content .right-part {
float: right;
vertical-align: top;
color: #9C9C9C;
}
.message-content .delete {
font-size: 18px;
}
.message-content .date {
vertical-align: top;
}
.pos_notify {
display: inline-block;
float: left;
}
.color_notif {
color: #444;
}
.color_no_notif {
color: #444;
}
.pos_notify img {
width: 28px;
padding-right: 10px;
}
.pos_notify .badge {
font-size: 11px;
top: 6px;
padding: 0 2px;
border-radius: 8px;
text-align: center;
line-height: 18px;
min-width: 14px;
position: absolute;
}
.badge_website {
background-color: #CC1C00;
color: #FFF;
left: 8px;
}
.badge_mobile {
background-color: #FFF;
color: #CC1C00;
left: 5px;
}
#ico_mail {
margin-top: -2px;
}
.notify_layout {
z-index: 10;
width: 350px;
margin-left: -18px;
margin-top: 50px;
box-shadow: 0 0 10px #444;
background-color: #FFF;
position: absolute;
border: 1px solid #DDD;
display: none;
}
.notify_layout:before {
display: block;
content: '';
width: 40px;
height: 18px;
background: transparent url(../bundles/panotification/images/list-pointer.png) no-repeat center bottom scroll;
position: absolute;
left: 10%;
margin-left: -15px;
top: 0;
margin-top: -18px;
z-index: 2;
}
.notify_layout > div.title {
padding: 8px;
background-color: #EEE;
margin: 0px;
color: #424242;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.notify_layout #notif_delete_all {
float: right;
font-size: 17px;
text-decoration: none;
}
.notify_layout a {
text-decoration: none;
color: #414141;
font-weight: 100;
}
.notify_layout a:hover {
text-decoration: underline;
}
.notify_layout .notif {
padding: 5px;
border-top: 1px solid #ddd;
}
.notify_layout .notif:hover {
background-color: #F7F5F5;
}
.notify_layout .notif > p {
display: inline-block;
width: 280px;
margin-top: 0;
vertical-align: top;
}
.notify_layout .content {
max-height: 300px;
overflow: auto;
line-height: 16px;
}
#notif_empty {
text-align: center;
opacity: 0.5;
}
.list_notification p {
text-align: center;
padding-top: 25px;
}
.list_notification ul {
list-style: none;
}
.list_notification ul li {
padding: 10px;
border-bottom: 1px solid #e9e9e9;
}
.list_notification ul li.notView {
border-left: 3px solid #999999;
background-color: #F3F3F3;
}
.list_notification ul a {
text-decoration: none;
color: #3A3A3A;
}
.help_notification {
width: 300px;
float: left;
text-align: justify;
color: #696969;
margin-top: -10px;
}
.lbl_notif {
float: left;
}
.icon-notification {
font-size: 25px;
padding: 8px 10px 9px 10px;
}
/** Liste settings **/
ul#list_settings {
margin: 0;
}
ul#list_settings > li {
list-style: none;
border-bottom: 1px solid #7E7E7E;
}
ul#list_settings > li > h3 {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
ul#list_settings li ul {
margin: 0;
margin-left: 50px;
}
ul#list_settings li ul > li {
list-style: none;
padding: 5px;
}
ul#list_settings li ul > li.bd_bottom {
border-bottom: 1px solid #CACACA;
}
/*** notification ****/
.notification {
margin-top: 3px;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
margin: 7px;
background: #F1F1F1;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
border-top: 1px solid #EEE;
}
.notify_layout .icon-delete_all:before {
content: "\e6a1";
}
.resp:hover {
background: #eee;
cursor: pointer;
}
.notification .icon {
display: inline-block;
width: 60px;
height: 60px;
vertical-align: top;
text-align: center;
}
.notification .icon img {
width: 60px;
height: 60px;
margin: none;
}
.notification .icon img.img_multiple {
width: 60%;
height: 60%;
padding: 10px;
}
.notification .content {
display: inline-block;
width: calc(100% - 64px);
}
.notification .multiple {
padding-top: 5px;
max-height: initial;
overflow: initial;
}
.notification .content .bottom_block {
color: #8D8D8D;
padding: 3px;
}
.notification .content .top_block {
padding-bottom: 5px;
}
.notification .content .top_block .left_top {
display: inline-block;
font-size: 14px;
color: #444444;
font-weight: 700;
padding-top: 5px;
}
.notification .content .top_block .right_top {
display: inline-block;
float: right;
padding-right: 5px;
padding-top: 5px;
color: #686868;
font-size: 12px;
}
.notification .content .multi ul {
margin: 5px 0 0 0;
}
.notification .content .multi {
float: initial;
line-height: initial;
height: initial;
}
.notification .content .multi a {
text-decoration: none;
}
.notification .icon-img_comment_multiple {
font-size: 45px;
color: #424242;
line-height: 70px;
}
.notification .icon-img_tribune_multiple{
font-size: 45px;
color: #424242;
line-height: 70px;
}
.notification .content .multi a > div:hover {
background: #E4E4E4;
cursor: pointer;
}
.notification .content .multi a > div {
padding: 10px 0 10px 5px;
background: #ECECEC;
border-top: 1px solid #D6D6D6;
}
.notification .content .multi a .multi_left {
display: inline-block;
}
.notification .content .multi a .multi_right {
display: inline-block;
color: #9B9B9B;
}
/********************** MOBILE *****************/
.m-body .help_notification {
width: initial;
}
.pa-href:hover {
cursor: pointer;
background: #F7F7F7;
}