/*
Theme Name: V2014
*/
html, body {
background-color : #ffffff;
background-image:url('');
background-repeat:repeat;
background-attachment:fixed;
min-height:100%;
height:auto;
font-size: 14px;
color : black;
font-family : arial, helvetica, sans-serif;
font-weight : normal;
padding-left : 0px;
padding-top : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top: 0px;
border: 0px;
}
/* TinyMCE Custom */
blockquote {
text-indent: 45px;
background : transparent url(/img/theme/quotes.png) left top no-repeat;
background-color: #f9f9f9;
border-left: 6px solid #000000;
border-top: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
margin-left: 30px;
margin-top: 15px;
margin-bottom: 34px;
margin-right: 27px;
padding-right: 18px;
padding-left: 18px;
padding-top: 18px;
padding-bottom: 0px;
font-family : georgia, times;
font-size : 16px;
font-style : italic;
font-weight : bold;
color : #4f4f4f;
}
blockquote div {
text-indent: 25px;
padding-top: 0px;
padding-left: 3px;
padding-right: 10px;
padding-bottom: 3px;
text-align: justify;
}
.cadregris {
width: 100%;
display: inline-block;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: 000000;
font-size: 18px;
font-weight: bold;
border-top : 1px solid #d8d8d8;
padding-top: 16px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.cadregris p{
margin:0px;
padding:0px;
}
.intertitre {
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 22px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
padding-top: 30px;
display: block;
}
.intertitre2 {
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 22px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
display: block;
}
.textep {
font-size: 8px;
}
.texteg {
font-size: 18px;
}
.texteup {
text-transform : uppercase;
}
.textelow {
text-transform : lowercase;
}
/* TinyMCE Custom */
hr.fadesingle {
margin-top: 2px;
margin-bottom: 11px;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}
hr.fadeboth {
margin-top: 18px;
margin-bottom: 14px;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.container2 .banner, .container2 .phrase-1, .container2 .phrase-2 {
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-o-transition: all ease 1s;
-ms-transition: all ease 1s;
transition: all ease 1s;
}
.container2 .banner {
width: 1000px;
height: 75px;
margin: 10px auto;
overflow: hidden;
background-color: #fffdf2;
position: relative;
}
.container2 .banner:hover {
background-color: #3A485F;
}
.container2 .phrase-1, .container2 .phrase-2 {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 2;
}
.container2 .phrase-1 {
opacity: 1;
}
.container2 .phrase-2 {
opacity: 0;
color: #FFF;
}
.container2 .banner:hover .phrase-1 {
opacity: 0;
}
.container2 .banner:hover .phrase-2 {
opacity: 1;
}
.container2 .blob-1, .container2 .blob-2, .container2 .blob-3 {
position: absolute;
z-index: 1;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-o-transition: all ease 1s;
-ms-transition: all ease 1s;
transition: all ease 1s;
}
.container2 .blob-1 {
border-radius: 50px;
background-color: rgba(58,72,95,0.2);
width: 205px;
height: 135px;
top: -10%;
left: 15%;
-webkit-animation: rotating 10s ease-in infinite;
-moz-animation: rotating 10s ease-in infinite;
-ms-animation: rotating 10s ease-in infinite;
animation: rotating 10s ease-in infinite;
}
.container2 .banner:hover .blob-1 {
height: 600px;
width: 1000px;
top: -30%;
left: 0%;
}
.container2 .blob-2 {
border-radius: 65px;
background-color: rgba(58,72,95,0.2);
width: 235px;
height: 165px;
top: -5%;
left: 40%;
-webkit-animation: rotating 9s linear infinite;
-moz-animation: rotating 9s linear infinite;
-ms-animation: rotating 9s linear infinite;
animation: rotating 9s linear infinite;
}
.container2 .banner:hover .blob-2 {
height: 600px;
width: 600px;
top: -35%;
left: 5%;
}
.container2 .blob-3 {
border-radius: 75px;
background-color: rgba(58,72,95,0.2);
width: 250px;
height: 175px;
top: -10%;
left: 65%;
-webkit-animation: rotating 8s ease-out infinite;
-moz-animation: rotating 8s ease-out infinite;
-ms-animation: rotating 8s ease-out infinite;
animation: rotating 8s ease-out infinite;
}
.container2 .banner:hover .blob-3 {
height: 700px;
width: 700px;
top: -40%;
left: -5%;
}
.container3 .banner, .container3 .phrase-1, .container3 .phrase-2 {
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-o-transition: all ease 1s;
-ms-transition: all ease 1s;
transition: all ease 1s;
}
.container3 .banner {
width: 600px;
height: 75px;
margin: 50px auto;
overflow: hidden;
background-color: #DDDDDD;
position: relative;
}
.container3 .banner:hover {
background-color: #94231B;
}
.container3 .phrase-1, .container3 .phrase-2 {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 2;
}
.container3 .phrase-1 {
opacity: 1;
color: #94231B;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.container3 .phrase-2 {
opacity: 0;
color: #FFF;
text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}
.container3 .banner:hover .phrase-1 {
opacity: 0;
}
.container3 .banner:hover .phrase-2 {
opacity: 1;
}
.container3 .blob-1, .container3 .blob-2, .container3 .blob-3 {
position: absolute;
width: 205px;
height: 205px;
top: -45%;
opacity: 0.5;
z-index: 1;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-o-transition: all ease 1s;
-ms-transition: all ease 1s;
transition: all ease 1s;
}
.container3 .blob-1 {
left: 5%;
-webkit-animation: rotating 10s ease-in infinite;
-moz-animation: rotating 10s ease-in infinite;
-ms-animation: rotating 10s ease-in infinite;
animation: rotating 10s ease-in infinite;
}
.container3 .banner:hover .blob-1 {
height: 600px;
width: 600px;
opacity: 0;
top: -30%;
left: 0%;
}
.container3 .blob-2 {
left: 40%;
-webkit-animation: rotating 9s linear infinite;
-moz-animation: rotating 9s linear infinite;
-ms-animation: rotating 9s linear infinite;
animation: rotating 9s linear infinite;
}
.container3 .banner:hover .blob-2 {
height: 600px;
width: 600px;
top: -35%;
left: 5%;
opacity: 0;
}
.container3 .blob-3 {
left: 65%;
-webkit-animation: rotating 8s ease-out infinite;
-moz-animation: rotating 8s ease-out infinite;
-ms-animation: rotating 8s ease-out infinite;
animation: rotating 8s ease-out infinite;
}
.container3 .banner:hover .blob-3 {
height: 700px;
width: 700px;
top: -40%;
left: -5%;
opacity: 0;
}
@-webkit-keyframes rotating {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotating {
from{
-moz-transform: rotate(0deg);
}
to{
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes rotating {
from{
-ms-transform: rotate(0deg);
}
to{
-ms-transform: rotate(360deg);
}
}
@-keyframes rotating {
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}
.logo-right {
vertical-align: top;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
display: inline-block;
width: 31px;
height: 90px;
padding-right: 2px;
background-color: #000000;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#ticker_01 {
height: 30px;
overflow: hidden;
}
#ticker_01 li {
height: 30px;
}
#ticker_02 {
height: 30px;
overflow: hidden;
}
#ticker_02 li {
height: 30px;
}
.tickertext {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 18px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.tickertext a{
color : #000000;
text-decoration: none;
}
.tickertext a:hover{
color : #858585;
text-decoration: none;
}
.ticker-bubble{
position: relative;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 7px;
background: #000000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-right: 5px solid #e2be22;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
.ticker-bubble:after {
content: '';
position: absolute;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent #e2be22;
display: block;
width: 0;
z-index: 1;
right: -12px;
top: 8px;
}
.ticker-bubble:before {
content: '';
position: absolute;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent #e2be22;
display: block;
width: 0;
z-index: 0;
right: -13px;
top: 8px;
}
#ticker-gradient {
display: block;
height: 16px;
width: 10px;
background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be last) */
}
.pagesdediees{
height: 24px;
background: #f8f8f8;
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 17px;
padding-left: 6px;
padding-right: 6px;
margin-right: 4px;
display: inline-block;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
}
.pagesdediees a{
text-decoration: none;
}
.pagesdediees a:hover{
color : #000000;
text-decoration: underline;
}
.A {
width: 49.9% !important;
float: left !important;
}
.A2{
height: auto !important;
max-height: 311px !important;
}
.B {
float: right !important;
}
.C {
width: 33.1% !important;
float: left !important;
}
.C2{
height: auto !important;
max-height: 205px !important;
}
.D {
margin-left: auto !important;
margin-right: auto !important;
display: inline-block !important;
}
.E {
float: right !important;
}
.F {
width: 24.9% !important;
float: left !important;
}
.G {
width: 24.9% !important;
display: inline-block !important;
}
.H {
width: 24.8% !important;
display: inline-block !important;
}
.I {
width: 24.8% !important;
float: right !important;
}
.I2{
height: auto !important;
max-height: 154px !important;
}
.J {
width: 32.95% !important;
display: inline-block !important;
}
.J2{
height: auto !important;
max-height: 205px !important;
}
.K {
width: 100% !important;
}
.K img{
max-height: 138px !important;
}
.L {
width: 24.5% !important;
display: inline-block !important;
}
.L img{
width: 184px !important;
height: 88px !important;
}
#viewblack{
background-color: #000000;
overflow: auto;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 5px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
}
.view1 {
width: 50%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view1 .mask, .view1 .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.view1 img {
width: 100%;
height: 100%;
display: block;
position: relative
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #000000;
}
.view1 h2 {
text-align: center;
position: relative;
padding: 10px;
background: rgba(0, 0, 0, 1);
margin: 16px 0 0 0
}
.view1 h4 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
right: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.view1 h4:hover{
visibility:hidden;
}
.view1 p {
font-family: Arial, Georgia, serif;
font-size: 14px;
position: relative;
color: #fff;
padding: 16px 40px 0px;
text-align: center;
}
.view1 a.info {
font-size: 13px;
display: inline-block;
text-decoration: none;
margin-top: 20px;
padding: 7px 14px;
background: #e2be22;
color: #fff;
font-weight: bold;
text-transform: uppercase;
box-shadow: 0 0 1px #000
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.view1 a.info:hover {
color: #000;
box-shadow: 0 0 5px #000;
}
.view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.view-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.6);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.view1 h1 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view1 h1 a{
color: #ffffff;
text-decoration: none;
}
.view1 h1 a:hover{
color: #d8d8d8;
text-decoration: none;
}
.view1 h1:hover{
visibility:hidden;
}
.view1 h1 img {
display: inline-block;
width: 15px !important;
height: 15px !important;
border: 0px !important;
margin-left: -5px !important;
margin-right: 5px !important;
margin-bottom: -2px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.view-first h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first h2 a{
text-transform: uppercase;
font-weight: bold;
font-family: "Monda", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 20px;
text-decoration: none;
}
.view-first h2 a:hover{
color: #858585;
}
.view-first p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first:hover img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.view-first a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.view-first:hover h2,
.view-first:hover h4,
.view-first:hover h5,
.view-first:hover p,
.view-first:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-first:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-first:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view2 {
width: 33.3%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin-top: 2px;
}
.view2 .mask, .view2 .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view2 img {
width: 100%;
height: 100%;
max-height: 167px;
display: block;
position: relative
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #000000;
}
.view2 h2 {
text-align: center;
position: relative;
padding: 10px;
background: rgba(0, 0, 0, 1);
margin: 14px 0 0 0
}
.view2 p {
font-family: Arial, Georgia, serif;
font-size: 12px;
position: relative;
color: #fff;
padding: 16px 60px 0px;
text-align: center
}
.view2 a.info {
font-size: 13px;
display: inline-block;
text-decoration: none;
margin-top: 14px;
padding: 7px 14px;
background: #e2be22;
color: #fff;
font-weight: bold;
text-transform: uppercase;
box-shadow: 0 0 1px #000
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.view2 a.info:hover {
color: #000;
box-shadow: 0 0 5px #000;
}
.view-second img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-second .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.5);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.view2 h1 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view2 h1 a{
color: #ffffff;
text-decoration: none;
}
.view2 h1 a:hover{
color: #d8d8d8;
text-decoration: none;
}
.view2 h1:hover{
visibility:hidden;
}
.view2 h1 img {
display: inline-block;
width: 15px !important;
height: 15px !important;
border: 0px !important;
margin-left: -5px !important;
margin-right: 5px !important;
margin-bottom: -2px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.view-second h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-second h2 a{
text-transform: uppercase;
font-weight: bold;
font-family: "Monda", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 16px;
text-decoration: none;
}
.view-second h2 a:hover{
color: #858585;
}
.view2 h4 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
right: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.view2 h4:hover{
visibility:hidden;
}
.view-second p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view2 h3 img{
width: 50px;
height: 50px;
position: absolute;
bottom: 14px;
right: 14px;
border: 0px;
}
.view2 h3:hover{
visibility:hidden;
}
.view-second:hover img {
}
.view-second a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-second:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-second:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-second:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view3 {
width: 25%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin-top: 2px;
}
.view3 .mask, .view3 .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view3 img {
width: 100%;
height: 100%;
max-height: 127px;
display: block;
position: relative
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #000000;
}
.view3 h2 {
text-align: center;
position: relative;
padding: 10px;
background: rgba(0, 0, 0, 1);
margin: 14px 0 0 0
}
.view3 p {
font-family: Arial, Georgia, serif;
font-size: 12px;
position: relative;
color: #fff;
padding: 16px 60px 0px;
text-align: center
}
.view3 a.info {
font-size: 13px;
display: inline-block;
text-decoration: none;
margin-top: 10px;
padding: 7px 14px;
background: #e2be22;
color: #fff;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
box-shadow: 0 0 1px #000
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.view3 a.info:hover {
color: #000;
box-shadow: 0 0 5px #000;
}
.view-third img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-third .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.5);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.view3 h1 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view3 h1:hover{
visibility:hidden;
}
.view-third h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-third h2 a{
text-transform: uppercase;
font-weight: bold;
font-family: "Monda", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
text-decoration: none;
}
.view-third h2 a:hover{
color: #858585;
}
.view-third p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-third:hover img {
}
.view-third a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-third:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-third:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-third:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view4 {
width: 33%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin-top: 2px;
}
.view4 .mask, .view4 .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view4 img {
width: 100%;
display: block;
position: relative
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #000000;
}
.view4 h2 {
text-align: center;
position: relative;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
background: rgba(0, 0, 0, 1);
margin: 0px;
height: 100%;
}
.view4 p {
font-family: Arial, Georgia, serif;
font-size: 12px;
position: relative;
color: #fff;
padding: 16px 60px 0px;
text-align: center
}
.view4 a.info {
font-size: 13px;
display: inline-block;
text-decoration: none;
margin-top: 10px;
padding: 7px 14px;
background: #e2be22;
color: #fff;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
box-shadow: 0 0 1px #000
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.view4 a.info:hover {
color: #000;
box-shadow: 0 0 5px #000;
}
.view-fourth img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-fourth .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.5);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.view4 h1 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view4 h1:hover{
visibility:hidden;
}
.view-fourth h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-fourth h2 a{
text-transform: uppercase;
font-weight: bold;
font-family: "Monda", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
text-decoration: none;
}
.view-fourth h2 a:hover{
color: #858585;
}
.view-fourth p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view4 h3 img{
width: 50px;
height: 50px;
position: absolute;
bottom: 14px;
right: 14px;
border: 0px;
}
.view4 h3:hover{
visibility:hidden;
}
.view4 h4 {
font-size: 1.2em;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 66px;
right: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.view4 h4:hover{
visibility:hidden;
}
.view-fourth:hover img {
}
.view-fourth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-fourth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-fourth:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-fourth:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view5 {
width: 33%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin-top: 2px;
}
.view5 .mask, .view5 .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view5 img {
width: 100%;
display: block;
position: relative
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #000000;
}
.view5 h2 {
text-align: left;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 8px;
background: rgba(0, 0, 0, 0.6);
margin: 0px;
width: 75%;
position: absolute;
bottom: 14px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view5 p {
font-family: Arial, Georgia, serif;
font-size: 12px;
position: relative;
color: #fff;
padding: 16px 60px 0px;
text-align: center
}
.view5 a.info {
font-size: 13px;
display: inline-block;
text-decoration: none;
margin-top: 10px;
padding: 7px 14px;
background: #e2be22;
color: #fff;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
box-shadow: 0 0 1px #000
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.view5 a.info:hover {
color: #000;
box-shadow: 0 0 5px #000;
}
.view-fifth img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/*.view-fifth.mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.5);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
*/
.view5 h1 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view5 h1:hover{
visibility:hidden;
}
.view5 h1 img {
display: inline-block;
width: 15px !important;
height: 11px !important;
border: 0px !important;
margin-left: -2px !important;
margin-right: 8px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.view-fifth h2 {
/*
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
*/
}
.view-fifth h2 a{
text-transform: uppercase;
font-weight: bold;
font-family: "Monda", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
text-decoration: none;
}
.view-fifth h2 a:hover{
color: #ffffff;
background: rgb(0, 0, 0);
filter: alpha(opacity=1);
opacity: 1;
}
.view-fifth p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view5 h3 img{
width: 50px !important;
height: 50px !important;
position: absolute !important;
bottom: 14px !important;
right: 14px !important;
border: 0px !important;
}
.view5 h3:hover{
visibility:hidden;
}
.view5 h4 {
font-size: 1.2em;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 66px;
right: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.view5 h4:hover{
visibility:hidden;
}
.view-fifth:hover img {
}
.view-fifth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-fifth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-fifth:hover h2,
.view-fifth:hover p,
.view-fifth:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-fifth:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-fifth:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view6 {
width: 33%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin-top: 2px;
}
.view6 .mask, .view5 .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view6 img {
width: 100%;
display: block;
position: relative
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #000000;
}
.view6 h2 {
text-align: left;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 8px;
background: rgba(0, 0, 0, 0.6);
margin: 0px;
width: 75%;
position: absolute;
bottom: 14px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view6 p {
font-family: Arial, Georgia, serif;
font-size: 12px;
position: relative;
color: #fff;
padding: 16px 60px 0px;
text-align: center
}
.view6 a.info {
font-size: 13px;
display: inline-block;
text-decoration: none;
margin-top: 10px;
padding: 7px 14px;
background: #e2be22;
color: #fff;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
box-shadow: 0 0 1px #000
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.view6 a.info:hover {
color: #000;
box-shadow: 0 0 5px #000;
}
.view-sixth img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/*.view-fifth.mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.5);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
*/
.view6 h1 {
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 16px;
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.view6 h1 a{
color: #ffffff;
text-decoration: none;
}
.view6 h1 a:hover{
color: #d8d8d8;
text-decoration: none;
}
.view6 h1:hover{
visibility:hidden;
}
.view6 h1 img {
display: inline-block;
width: 17px !important;
height: 17px !important;
border: 0px !important;
margin-left: -2px !important;
margin-right: 6px !important;
margin-bottom: -3px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.view-sixth h2 {
/*
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
*/
}
.view-sixth h2 a{
text-transform: uppercase;
font-weight: bold;
font-family: "Monda", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
text-decoration: none;
}
.view-sixth h2 a:hover{
color: #ffffff;
background: rgb(0, 0, 0);
filter: alpha(opacity=1);
opacity: 1;
}
.view-sixth p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view6 h3 img{
width: 50px !important;
height: 50px !important;
position: absolute !important;
bottom: 14px !important;
right: 14px !important;
border: 0px !important;
}
.view6 h3:hover{
visibility:hidden;
}
.view6 h4 {
font-size: 1.2em;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 66px;
right: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.view6 h4:hover{
visibility:hidden;
}
.view-sixth:hover img {
}
.view-sixth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-sixth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-sixth:hover h2,
.view-sixth:hover p,
.view-sixth:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-sixth:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-sixth:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
/* Titles */
.titlepost {
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 30px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.titlepost a{
color: #000000;
text-decoration: underline;
}
.titlepost a:hover {
color: #d9d9d9;
text-decoration: none;
}
.soustitre {
font-family: "Abel", Arial, Helvetica, sans-serif;
color: 000000;
font-size: 20px;
font-weight: bold;
font-style : italic;
margin-top: 10px;
}
.titlehome {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 20px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.titlehome a{
color : #000000;
text-decoration: none;
}
.titlehome a:hover{
color : #858585;
text-decoration: none;
}
.titlecomments {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 17px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.titlecomments a{
color : #000000;
text-decoration: none;
}
.titlecomments a:hover{
color : #858585;
text-decoration: none;
}
.tickernewshome {
font-weight: bold;
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
background: #000000;
color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tickernewshome a{
color: #A1A1A1;
text-decoration: none;
}
.tickernewshome a:hover{
color: #ffffff;
text-decoration: none;
}
.titlenewshome a{
font-weight: bold;
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
background: #000000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
text-decoration: none;
}
.titlenewshome a:hover{
color: #858585;
text-decoration: none;
}
.titlenewshomeplus {
font-weight: bold;
font-size: 18px;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding-top: 1px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
background: #000000;
color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.titleuneshomeplus {
font-weight: bold;
font-size: 18px;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
padding-left: 6px;
text-decoration: none;
}
/* Menu bulles */
.menu_noarrow {
text-align: left;
color: #ffffff;
position: relative;
background: #000000;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 10px;
margin-bottom: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.menu_arrow {
text-align: left;
color: #ffffff;
position: relative;
background: #000000;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 10px;
margin-bottom: 8px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
/*
.menu_arrow:after, .menu_arrow:before {
top: 119%;
left: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.menu_arrow:after {
border-color: rgba(226, 190, 34, 0);
border-top-color: #e2be22;
border-width: 7px;
margin-left: -7px;
}
.menu_arrow:before {
border-color: rgba(226, 190, 34, 0);
border-top-color: #e2be22;
border-width: 9px;
margin-left: -9px;
}
*/
.menu_ticker {
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
background: #000000;
border-bottom: 5px solid #e2be22;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
/* Single */
.liens {
color:#000000;
}
.liens a{
padding: 2px;
color:#000000;
font-weight:bold;
text-decoration: underline;
}
.liens a:hover{
color:#ffffff;
padding: 2px;
font-weight:bold;
text-decoration: none;
background-color: #000000;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.fullsingle {
font-size: 16px;
text-align : justify;
}
.fullsingle a {
color:#ffffff;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
text-decoration: none;
background-color: #000000;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.fullsingle a:hover {
color:#000000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
text-decoration: none;
background-color: #d1d1d1;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.fullsingle p {
line-height: 32px;
padding-bottom: 20px;
}
.fullsingle iframe {
left: 0;
right: 0;
margin: auto;
width: 100%;
min-height: 394px;
height: auto;
}
.fullsingle a[href$=jpg], a[href$=jpeg], a[href$=png], a[href$=gif] {
padding: 0px !important;
}
.fullsingle a[href*="attachment"] {
padding: 0px !important;
}
/* Titres menus */
.titlecolor-menu-sites {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#000000;
}
.titlecolor-menu-home {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#b8b8b8;
}
.titlecolor-menu-home a{
color:#b8b8b8;
text-decoration: none;
}
.titlecolor-menu-home a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-games {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#e2be22;
}
.titlecolor-menu-games a{
color:#e2be22;
text-decoration: none;
}
.titlecolor-menu-games a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-kissa {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#de8a8d;
}
.titlecolor-menu-kissa a{
color:#de8a8d;
text-decoration: none;
}
.titlecolor-menu-kissa a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-rama {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#b02827;
}
.titlecolor-menu-rama a{
color:#b02827;
text-decoration: none;
}
.titlecolor-menu-rama a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-bulles {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#ca9a65;
}
.titlecolor-menu-bulles a{
color:#ca9a65;
text-decoration: none;
}
.titlecolor-menu-bulles a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-tech {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#308dc9;
}
.titlecolor-menu-tech a{
color:#308dc9;
text-decoration: none;
}
.titlecolor-menu-tech a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-zoom {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#6a9128;
}
.titlecolor-menu-zoom a{
color:#6a9128;
text-decoration: none;
}
.titlecolor-menu-zoom a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-style {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#c6dd34;
}
.titlecolor-menu-style a{
color:#c6dd34;
text-decoration: none;
}
.titlecolor-menu-style a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-tv {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#cc7700;
}
.titlecolor-menu-tv a{
color:#cc7700;
text-decoration: none;
}
.titlecolor-menu-tv a:hover{
color:#ffffff;
text-decoration: none;
}
.titlecolor-menu-blog {
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
color:#dedede;
}
.titlecolor-menu-blog a{
color:#dedede;
text-decoration: none;
}
.titlecolor-menu-blog a:hover{
color:#ffffff;
text-decoration: none;
}
.css_menu_two_line {
width:100%;
overflow:hidden;
}
.two_line_menu {
max-width: 1052px;
position: relative;
background: #000000;
border-top: 2px solid #000000;
padding-top: 2px;
height: 57px;
}
.two_line_menu a{
display: block;
color: #adadad;
text-decoration: none;
}
.two_line_menu a.sites {
padding-left:12px;
padding-right:12px;
}
.two_line_menu a.premiercat{
padding-left:10px !important;
padding-right:10px !important;
}
.two_line_menu a.derniercat{
padding-left:10px !important;
padding-right:10px !important;
}
.two_line_menu li {
display: inline-block;
}
.two_line_menu li ul {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
display: none;
}
.two_line_menu li:hover p a {
color: #000000;
background: #ffffff;
font-weight: bold;
height: 53px;
}
.two_line_menu li:hover h4 a {
margin-top: -1px;
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 18px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.two_line_menu li:hover h4 a:hover {
color: #858585;
text-decoration: none;
}
.two_line_menu li:hover h5 a {
border-bottom: 1px solid #d6d6d6;
margin-bottom: 2px;
padding-left:6px;
padding-top:2px;
padding-bottom:3px;
padding-right:0px;
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
background: #f7f7f7;
}
.two_line_menu li:hover h5 a:hover {
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 16px;
text-decoration: none;
background: #000000;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.two_line_menu li:hover h6 a {
margin-top:9px;
margin-bottom:4px;
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #858585;
font-size : 11px;
}
.two_line_menu li:hover h6 a:hover {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 11px;
text-decoration: none;
}
.two_line_menu li:hover a {
color: #000000;
font-weight: bold;
}
.two_line_menu li:hover a:hover {
color: #000000;
font-weight: bold;
}
.two_line_menu li:hover ul {
display: block;
position: absolute;
left:1.3%;
padding:20px;
width: 97.4%;
height: auto;
background: #ffffff;
top: 54px;
z-index:999;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
}
.two_line_menu li ul li:hover a {
color: #00000;
}
.two_line_menu .headerunes {
width:23%;
height: auto;
min-height: 198px;
text-align: center;
display:inline-block;
vertical-align: top;
padding-bottom: 6px;
background: #f7f7f7;
border-bottom: 1px solid #d6d6d6;
}
#banner-video{
overflow: hidden;
margin-top: 1px;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
background-color:#000000;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
.video-container {
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
,,.video-container {
position: relative;
padding-bottom: 75%; /* 4:3 */
}
,,.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Catégories menus */
.catpad a{
padding-right:20px;
}
.catpad2 a{
padding-left:7px;
}
.catpad3 a{
padding-left:12px;
}
.catpad4 a{
padding-left:31px;
}
.addcaps {
text-transform: uppercase;
}
/* Spe Sites */
.menucat {
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 17px;
}
.menucat a{
color: #ffffff;
text-decoration: none;
}
.menucat a:hover{
color: #858585;
text-decoration: none;
}
.menunewsgames a {
display: block;
border-bottom: 1px solid #d6d6d6;
margin-top: 1px;
margin-bottom: 1px;
padding-left:6px;
padding-top:5px;
padding-bottom:5px;
padding-right:6px;
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #e2be22;
font-size: 14px;
background: #f7f7f7;
text-decoration: none
}
.menunewsgames a:hover {
text-decoration: none;
color: #000000;
background: #F2EBCB;
}
.menufocusgames a {
overflow: hidden;
height: 84px;
border: 1px solid #d6d6d6;
display: block;
margin-top: 1px;
margin-bottom: 1px;
padding-left:6px;
padding-top:6px;
padding-right:6px;
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #e2be22;
font-size: 14px;
background: #f7f7f7;
text-decoration: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.menufocusgames a:hover {
text-decoration: none;
color: #000000;
background: #F2EBCB;
}
/* MaXoETV */
.ytccf .ytc-row .ytc-r-1 .ytc-r-odd li .ytccell-1 .ytccell-first div{
display: none;
}
.ytctitle {
margin-bottom: 0;
}
.ytctitle a{
color:#cc7700;
}
.ytc-row {
border-top:3px solid #cc7700;
margin-bottom:10px;
margin-top:10px;
}
.ytcthumb {
background-size: 100%;
}
.ytclink{
font: bold 16px 'Monda';
color:#cc7700;
}
.ytclink a{
color:#cc7700;
text-decoration: none;
}
.ytclink a:hover{
color:#000;
text-decoration: none;
}
/* Rubriques Bar */
.rubbargames {
width: 100%;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-left: 6px solid #e2be22;
background-color: #000000;
text-align: left;
display:inline-block;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.rubbargames2 {
float: right;
background-color: #fffdf2;
text-align: right;
display:inline-block;
}
/* Selection */
.stickytop {
width: 100%;
padding:0px;
}
.stickytop .selection {
overflow: hidden;
display: inline-block;
vertical-align: top;
width: 24.3%;
height: 178px;
color: #ffffff;
padding: 10px;
margin-left: 6px;
background: #000000;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.stickytop .selection:first-child {
margin-left: 0px;
}
.stickytop .selection:hover{
color: #ffffff;
background: #1f1f1f;
}
.stickytop .selection a{
font-weight : bold;
font-family : "Monda", Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
color: #ffffff;
text-decoration: none;
line-height: 22px;
}
.stickytop .selection a:hover{
color: #e2be22;
text-decoration: none;
}
.stickytop .selection img{
width: 221px;
height: 111px;
border: 1px solid #000000;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
/* Banniere animation */
.conteneur
{
background-color:#f8b334;
width: 100%;
height: 100%;
position: absolute;
top: 0; bottom: 0;
left:0; right: 0;
overflow: hidden;
}
.css3_div
{
-webkit-animation-duration: 4.8s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: first;
-moz-animation-duration: 4.8s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: first;
-ms-animation-duration: 4.8s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: first;
animation-duration: 4.8s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: first;
}
@-webkit-keyframes first
{
0% {-webkit-transform: translate(000px,100px);}
20% {-webkit-transform: translate(000px,35px);}
25%,65%,75% {-webkit-transform: translate(000px,45px);}
100% {-webkit-transform: translate(000px,-200px);}
}
@-moz-keyframes first
{
0% {-moz-transform: translate(000px,100px);}
20% {-moz-transform: translate(000px,35px);}
25%,65%,75% {-moz-transform: translate(000px,45px);}
100% {-moz-transform: translate(000px,-200px);}
}
@-ms-keyframes first
{
0% {-ms-transform: translate(000px,100px);}
20% {-ms-transform: translate(000px,35px);}
25%,65%,75% {-ms-transform: translate(000px,45px);}
100% {-ms-transform: translate(000px,-200px);}
}
@keyframes first
{
0% {transform: translate(000px,100px);}
20% {transform: translate(000px,35px);}
25%,65%,75% {transform: translate(000px,45px);}
100% {transform: translate(000px,-200px);}
}
.txtcss
{
vertical-align: top;
text-align: center;
color: #a0711a;
font-family: 'Roboto';
margin-left: 10px;
height:95px;
overflow: hidden;
-webkit-animation-delay: 1.3s;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: txtcss;
-moz-animation-delay: 1.3s;-moz-animation-duration: 1s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: txtcss;
-ms-animation-delay: 1.3s;-ms-animation-duration: 1s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: txtcss;
animation-delay: 1.3s;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: txtcss;
}
@-webkit-keyframes txtcss
{
0% {opacity:0;}
100% {opacity:1;}
}
.html5_div
{
-webkit-animation-delay: 4s;-webkit-animation-duration: 4.8s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: second;
-moz-animation-delay: 4s;-moz-animation-duration: 4.8s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: second;
-ms-animation-delay: 4s;-ms-animation-duration: 4.8s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: second;
animation-delay: 4s;animation-duration: 4.8s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: second;
}
@-webkit-keyframes second
{
0% {-webkit-transform: translate(000px,1500px);}
20% {-webkit-transform: translate(000px,-165px);}
25%,65% {-webkit-transform: translate(000px,-145px);}
100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes second
{
0% {-moz-transform: translate(000px,1500px);}
20% {-moz-transform: translate(000px,-165px);}
25%,65% {-moz-transform: translate(000px,-145px);}
100% {-moz-transform: scale(0.5);}
}
@-ms-keyframes second
{
0% {-ms-transform: translate(000px,1500px);}
20% {-ms-transform: translate(000px,-165px);}
25%,65% {-ms-transform: translate(000px,-145px);}
100% {-ms-transform: scale(0.5);}
}
@keyframes second
{
0% {transform: translate(000px,1500px);}
20% {transform: translate(000px,-165px);}
25%,65% {transform: translate(000px,-145px);}
100% {transform: scale(0.5);}
}
.txthtml
{
vertical-align: top;
text-align: center;
color: #a0711a;
font-family: 'Roboto';
margin-left: 10px;
height:95px;
overflow: hidden;
-webkit-animation-delay: 5.5s;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: txthtml;
-moz-animation-delay: 5.5s;-moz-animation-duration: 1s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: txthtml;
-ms-animation-delay: 5.5s;-ms-animation-duration: 1s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: txthtml;
animation-delay: 5.5s;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: txthtml;
}
@-webkit-keyframes txthtml
{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes txthtml
{
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes txthtml
{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes txthtml
{
0% {opacity:0;}
100% {opacity:1;}
}
.trycss
{
position: absolute;
top: 75px;
font-family: 'Roboto';
color:#a0711a;
width: 400px;
margin-left: 50%;
left:-200px;
-webkit-animation-delay: 9s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: try;
-moz-animation-delay: 9s;-moz-animation-duration: 2.5s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: try;
-ms-animation-delay: 9s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: try;
animation-delay: 9s;animation-duration: 2.5s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: try;
}
@-webkit-keyframes try
{
0% {-webkit-transform: scale(0);}
10% {-webkit-transform: scale(1.2);}
20% {-webkit-transform: scale(1);}
80% {-webkit-transform: translate(000px,0px);}
100% {-webkit-transform: translate(000px,-300px);}
}
@-moz-keyframes try
{
0% {-moz-transform: scale(0);}
10% {-moz-transform: scale(1.2);}
20% {-moz-transform: scale(1);}
80% {-moz-transform: translate(000px,0px);}
100% {-moz-transform: translate(000px,-300px);}
}
@-ms-keyframes try
{
0% {-ms-transform: scale(0);}
10% {-ms-transform: scale(1.2);}
20% {-ms-transform: scale(1);}
80% {-ms-transform: translate(000px,0px);}
100% {-ms-transform: translate(000px,-300px);}
}
@keyframes try
{
0% {transform: scale(0);}
10% {transform: scale(1.2);}
20% {transform: scale(1);}
80% {transform: translate(000px,0px);}
100% {transform: translate(000px,-300px);}
}
.shareit
{
position: absolute;
font-family: 'Roboto';
top: 75px;
color:#a0711a;
width: 400px;
margin-left: 50%;
left:-200px;
-webkit-animation-delay: 12s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: share;
-moz-animation-delay: 12s;-moz-animation-duration: 2.5s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: share;
-ms-animation-delay: 12s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: share;
animation-delay: 12s;animation-duration: 2.5s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: share;
}
@-webkit-keyframes share
{
0% {-webkit-transform: scale(0);}
10% {-webkit-transform: scale(1.2);}
20% {-webkit-transform: scale(1);}
80% {-webkit-transform: translate(000px,0px);}
100% {-webkit-transform: translate(000px,-300px);}
}
@-moz-keyframes share
{
0% {-moz-transform: scale(0);}
10% {-moz-transform: scale(1.2);}
20% {-moz-transform: scale(1);}
80% {-moz-transform: translate(000px,0px);}
100% {-moz-transform: translate(000px,-300px);}
}
@-ms-keyframes share
{
0% {-ms-transform: scale(0);}
10% {-ms-transform: scale(1.2);}
20% {-ms-transform: scale(1);}
80% {-ms-transform: translate(000px,0px);}
100% {-ms-transform: translate(000px,-300px);}
}
@keyframes share
{
0% {transform: scale(0);}
10% {transform: scale(1.2);}
20% {transform: scale(1);}
80% {transform: translate(000px,0px);}
100% {transform: translate(000px,-300px);}
}
/* Print Styles
@media print {
#contentheader {
display: none;
}
#contentheader img{
display: none;
}
#contentleft {
width: 100% !important;
page-break-inside:avoid !important;
}
#contentleft img {
display: none;
}
#contentright {
display: none;
}
#contentfooter {
display: none;
}
}
*/
/* Carnet de voyage */
.polaroid_instantane {
width: 314px;
height: 344px;
padding: 10px;
margin-bottom: 30px;
display:inline-block;
vertical-align: top;
background: #ffffff;
-webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.34);
-moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.34);
box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.34);
}
.polaroid {
width: 314px;
height: 316px;
padding: 10px;
margin-bottom: 30px;
display:inline-block;
vertical-align: top;
background: #ffffff;
-webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.34);
-moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.34);
box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.34);
}
.polaroid_zoom {
position: relative;
border: 2px solid #000000;
float: left;
width: 294px;
height: 194px;
margin-bottom: 10px;
overflow: hidden;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.85);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.85);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.85);
}
.polaroid_zoom img {
width: 294px;
height: 194px;
border: 0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.polaroid_zoom img:hover {
width: 320px;
height: 211px;
}
/* Pop Up Slide */
#slideout {
color: #ffffff;
border: 1px solid #ffffff;
background:#000000;
border-radius:9px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow:inset 0 0 4px #333;
-webkit-box-shadow:inset 0 0 4px #333;
box-shadow:inner 0 0 3px #333;
padding:12px 14px 12px 14px;
width:320px;
position:fixed;
bottom:150px;
right:2px;
display:none;
z-index: 1011;
}
/* Unes */
.block_line {
display:inline-block;
width: 100%;
background: #000000;
padding-left:5px;
padding-top:11px;
padding-bottom:11px;
margin: auto;
left: 0;
right: 0;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
}
#banniere_header_default {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 20px;
width: 742px;
height: 89px;
margin-bottom: 4px;
display: inline-block;
border: 0px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.banniere_header_default_left a {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 20px;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.banniere_header_default_left:hover a{
color : #ffffff;
text-decoration: none;
}
.banniere_header_default_left {
display: block;
vertical-align: center;
}
.banniere_header_default_left:hover {
display: block;
background-color: #000000;
color: #ffffff !important;
}
.banniere_header_default_left:hover p {
color: #ffffff;
}
#banniere_header {
width: 100%;
display: inline-block;
background-color: #ffffff;
margin-top: 1px;
margin-bottom: 4px;
border: 2px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.banniere_header_left a {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 20px;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.banniere_header_left:hover a{
color : #ffffff;
text-decoration: none;
}
.banniere_header_left {
color: #000000;
display: block;
float: left;
max-width: 588px;
width: auto;
min-height: 84px;
height: auto;
text-align: left;
vertical-align: center;
padding-right: 6px;
padding-left: 6px;
}
.banniere_header_left:hover {
background-color: #000000;
color: #ffffff !important;
}
.banniere_header_left:hover p {
color: #ffffff;
}
.banniere_header_right {
display:inline-block;
width: 160px;
height: 84px;
border-left: 0px;
overflow: hidden;
border-left: 2px solid #000000;
float: right;
}
.banniere_header_right img {
width: 160px;
height: 84px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.banniere_header_right img:hover {
width: 180px;
height: 95px;
}
#banniere_header2 {
height: 87px;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
margin-top: 1px;
margin-left: 10px;
border: 2px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.banniere_header2_left a {
vertical-align: middle;
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 20px;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.banniere_header2_left:hover a{
color : #ffffff;
text-decoration: none;
}
.banniere_header2_left {
color: #000000;
display: block;
float: left;
max-width: 205px;
width: auto;
min-height: 84px;
height: auto;
text-align: left;
vertical-align: center;
padding-right: 6px;
padding-left: 6px;
}
.banniere_header2_left:hover {
background-color: #000000;
color: #ffffff !important;
}
.banniere_header2_left:hover p {
color: #ffffff;
}
.banniere_header2_right {
display:inline-block;
width: 160px;
height: 84px;
border-left: 0px;
overflow: hidden;
border-left: 2px solid #000000;
float: right;
}
.banniere_header2_right img {
width: 160px;
height: 84px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.banniere_header2_right img:hover {
width: 180px;
height: 95px;
}
.banniere_cannes img {
border: 2px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
/* Unes Big */
.block_holder {
float: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
}
.hover_block {
position: relative;
overflow: hidden;
}
.unebig {
width: 482px;
height: 241px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.hover_info {
width: 482px;
height: 241px;
position: absolute;
top: 0;
left: 0;
}
.hover_info h1 {
font-size: 1.2em;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
color: #ffffff;
position: absolute;
top: 5%;
left: 0;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.hover_info h2 a{
left: 10%;
width: 80%;
top: 28%;
text-align: center;
font-size: 1.6em;
line-height: 120%;
color:#ffffff;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
position: absolute;
opacity: 0;
transition: opacity 200ms linear;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
}
.hover_info h3 a {
font-size: 1em;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
text-decoration: none;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
background: #000000;
position: absolute;
bottom: 5%;
right: -100%;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 1);
box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 1);
}
/*
.hover_info:hover h1 {
left: 0;
transition-delay: 250ms;
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
}
*/
.hover_info:hover h2 a{
opacity: 1;
transition-delay: 600ms;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
}
.hover_info:hover h3 a {
right: 0;
transition: right 200ms linear 700ms, color, background 200ms linear;
-webkit-transition: right 200ms linear 700ms, color, background 200ms linear;
-moz-transition: right 200ms linear 700ms, color, background 200ms linear;
}
.hover_info h3 a:hover {
background: rgba(207, 138, 5, 1.0);
color: #F7F7F7;
}
/* Unes Small */
.block2_holder {
float: left;
padding-left: 5px;
padding-right: 5px;
}
.unesmall {
width: 318px;
height: 159px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.hover2_info {
width: 318px;
height: 159px;
position: absolute;
top: 0;
left: 0;
}
.hover2_info h1 {
font-size: 1em;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
background: #000000;
color: #ffffff;
position: absolute;
top: 6%;
left: 0;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-webkit-box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.hover2_info h2 a{
left: 10%;
width: 80%;
top: 28%;
font-size: 1.2em;
line-height: 120%;
color:#ffffff;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
position: absolute;
opacity: 0;
transition: opacity 200ms linear;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
}
.hover2_info h3 a {
font-size: 0.8em;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
background: #000000;
position: absolute;
bottom: 5%;
right: -100%;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 1);
box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 1);
}
/*
.hover2_info:hover h1 {
left: 0;
transition-delay: 250ms;
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
}
*/
.hover2_info:hover h2 a{
opacity: 1;
transition-delay: 600ms;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
}
.hover2_info:hover h3 a {
right: 0;
transition: right 200ms linear 700ms, color, background 200ms linear;
-webkit-transition: right 200ms linear 700ms, color, background 200ms linear;
-moz-transition: right 200ms linear 700ms, color, background 200ms linear;
}
.hover2_info h3 a:hover {
background: rgba(207, 138, 5, 1.0);
color: #F7F7F7;
}
/* Unes both */
.block_1 .left_1 {
width: 100%;
height: 33.3%;
background: rgba(0, 0, 0, 0.7);
position: absolute;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
.block_1 .right_2 {
width: 100%;
height: 33.3%;
background: rgba(0, 0, 0, 0.7);
position: absolute;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
}
.block_1 .right_sm {
width: 100%;
height: 33.3%;
background: rgba(0, 0, 0, 0.7);
position: absolute;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
}
.block_1 .left_3{
width: 100%;
height: 34.3%;
background: rgba(0, 0, 0, 0.7);
position: absolute;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.block_1 .left_sm{
width: 100%;
height: 34.3%;
background: rgba(0, 0, 0, 0.7);
position: absolute;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.block_1 .left_1 { top: 0%; left: -100%; }
.block_1 .right_2 { top: 33.3%; right: -100%; }
.block_1 .right_sm { top: 33.3%; right: -100%; }
.block_1 .left_3 { top: 66.6%; left: -100%; }
.block_1 .left_sm { top: 66.6%; left: -100%; }
.block_1:hover .left_1 { left: 0; }
.block_1:hover .right_2 { right: 0; }
.block_1:hover .right_sm { right: 0; }
.block_1:hover .left_3 { left: 0; }
.block_1:hover .left_sm { left: 0; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
#subsites {
width: 100%;
background: #4f4f4f;
}
nav {
background: #525252;
width:100%;
display: block;
margin-bottom:10px;
padding-top:2px;
padding-bottom:2px;
text-align: center;
border-bottom:3px solid #000000;
}
nav ul {
list-style: none;
}
nav li {
display: inline-block;
}
nav a {
display: inline-block;
color: white;
text-decoration: none;
}
nav a:hover {
background: black;
}
nav a:active {
background: black;
}
nav select {
display: none;
}
nav2 {
width:100%;
display: block;
margin: 10px auto;
text-align: center;
border-bottom:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
}
nav2 ul {
list-style: none;
}
nav2 li {
display: inline-block;
}
nav2 a {
display: inline-block;
background: #ffffff;
color: white;
padding: 0px 0px;
border: 1px solid white;
text-decoration: none;
}
nav2 a:hover {
border: 1px solid black;
background: black;
}
nav2 a:active {
background: black;
}
nav2 select {
display: none;
}
.header{
height:150px;
width:100%;
background-color:#000;
}
.content{
position:relative;
float:left;
width:70%;
background: black;
padding-right:10px;
}
.sidebar{
position:relative;
float:right;
width:30%;
background: red;
padding-left:10px;
}
.footer{
clear:both;
height:150px;
}
#menuhori ul {
text-align: left;
display: inline;
margin: 0;
padding: 15px 4px 17px 0;
list-style: none;
}
#menuhori ul li {
width: 80px;
margin: auto;
color: #ffffff;
text-shadow: 0 -1px 0 #000;
display: inline-block;
margin-right: -4px;
position: relative;
padding-top: 6px;
padding-bottom: 6px;
background: #000000;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#menuhori ul li a{
color: #000000;
font-weight: normal;
text-decoration: none;
}
#menuhori ul li:hover {
background: #ffffff;
color: #000000;
}
#menuhori ul li ul {
padding: 0;
position: absolute;
top: 62px;
left: 0;
width: 180px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#menuhori ul li ul li {
background: #ffffff;
display: block;
color: #000000;
text-shadow: 0 -1px 0 #000;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#menuhori ul li ul li:hover {
background: #000000;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#menuhori ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
z-index:1001;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
...icon-social img {
opacity: 1.0;
filter: alpha(opacity=100);
border: 1px solid #ffffff;
}
...icon-social img:hover {
opacity: 0.6;
filter: alpha(opacity=60);
border: 1px solid #d4d4d4;
}
...icon-social a {
color: #000;
text-decoration: none;
}
...icon-social a:hover {
color: #000;
position: relative;
}
...icon-social a[title]:hover:after {
content: attr(title);
padding: 4px 8px;
color: #333;
position: absolute;
left: 0;
top: 100%;
white-space: nowrap;
z-index: 9999px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #222;
-webkit-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
a.tooltip {
position: relative;
}
a.tooltip span {
display: none;
}
a.tooltip:hover span, a.tooltip:focus span {
display:block;
position:absolute;
top:1em;
left:1.5em;
padding: 0.2em 0.6em;
border:1px solid #996633;
background-color:#FFFF66;
color:#000;
}
...tooltip{
display: inline;
position: relative;
}
...tooltip:hover:after{
background: #333;
background: rgba(0,0,0,.8);
border-radius: 5px;
bottom: 26px;
color: #fff;
content: attr(title);
left: 20%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}
...tooltip:hover:before{
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 9999;
}
#gotop {
display: none;
position: fixed;
bottom: 70px;
right: 30px;
font-size:14px;
color: #000000;
font-weight: bold;
background-color: #f0f0f0;
border : 1px solid #d8d8d8;
padding-left: 16px;
padding-right: 16px;
padding-top: 3px;
padding-bottom: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 1010;
}
#gotop:hover{
color: #ffffff;
background-color:#000000;
opacity: 1;
cursor: pointer;
}
/* MENU UNES */
.menuunes {
position: relative;
border: 2px solid #000000;
float: left;
width: 220px;
height: 110px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.menuuneszoom img {
margin-top: 20px;
width: 180px;
height: 90px;
border: 0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.menuuneszoom img:hover {
width: 220px;
height: 110px;
}
#menuunes-text{
text-align: center;
width: 100%;
padding-top: 3px;
padding-bottom: 4px;
background: #000000;
color: #ffffff;
position: absolute;
top: -2px;
left: 0;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
/* RUBIQUES */
.rubriques {
position: relative;
border: 2px solid #000000;
float: left;
width: 180px;
height: 90px;
overflow: hidden;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.rubzoom img {
margin-top: 20px;
width: 180px;
height: 90px;
border: 0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.rubzoom img:hover {
width: 220px;
height: 110px;
}
#rubriques-text{
text-align: center;
width: 100%;
padding-top: 3px;
padding-bottom: 4px;
background: #000000;
color: #ffffff;
position: absolute;
top: -2px;
left: 0;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
#more-rubriques-text p{
position: relative;
float: left;
width: 98%;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 2px;
background: #000000;
color: #ffffff;
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.60);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.60);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.60);
}
/* YOUTUBE */
#player {
width: 100%;
height: auto;
overflow: hidden;
background: black;
position: relative;
border-top: solid 12px black;
border-left: solid 10px black;
border-right: solid 12px black;
border-bottom: solid 14px black;
}
.youtube .carousel {
vertical-align: top;
float: right;
width: 22%;
height: 100%;
overflow: hidden;
position: absolute;
right: 0px;
z-index: 3;
padding:0px;
}
.youtube .thumbnail {
float: right;
margin-bottom: 4px;
width: 94%;
color: #000000;
padding: 7px;
background: #e0e0e0;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.youtube .thumbnail:hover {
background: #4a4a4a;
}
.youtube iframe.player {
vertical-align: top;
float: left;
width: 78%;
height: 471px;
overflow: auto;
padding: 7px;
background: #e0e0e0;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.youtube iframe.player:hover {
background: #4a4a4a;
}
.social-animation {
display:inline-block;
padding-right: 2px;
}
.social-animation img{
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.social-container {
display:inline-block;
}
.social-container img{
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.social-container:hover .image{
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(180deg);
transform-style: preserve-3d;
/*-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);*/
}
.social-container .image, .social-container:hover .image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
/*-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);*/
}
.note-container {
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
}
#wrap{
max-width: 1024px;
height: auto;
/*width:67.5%;*/
}
#pagewrapfull{
width:100%;
margin-left: auto;
margin-right: auto;
overflow:auto;
display:inline-block;
}
#wraptags{
width:100%;
min-height: 29px;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
display:inline-block;
border-bottom: 1px solid #d8d8d8;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
#wraptags a{
margin-left: 1px;
color: #000000;
background-color: #e8e8e8;
padding-left: 4px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
text-decoration: none;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#wraptags a:hover{
color: #ffffff;
padding-left: 4px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
text-decoration: none;
background-color: #000000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.backhome {
background-color:#f8f8f8;
}
.backgames {
background-color:#fffdf2;
}
.backrama {
background-color:#fff9f9;
}
.backbulles {
background-color:#fffaf4;
}
.backkissa {
background-color:#f0e1e1;
}
.backstyle {
background-color:#f9fce3;
}
.backtech {
background-color:#f5fbff;
}
.backzoom {
background-color:#dfe5d6;
}
.backtv {
background-color:#f7ebdb;
}
.backblog {
background-color:#f8f8f8;
}
.borderhome {
border-bottom: 5px solid #b8b8b8;
}
.bordergames {
border-bottom: 5px solid #e2be22;
}
.borderrama {
border-bottom: 5px solid #b02827;
}
.borderbulles {
border-bottom: 5px solid #ca9a65;
}
.borderkissa {
border-bottom: 5px solid #de8a8d;
}
.borderstyle {
border-bottom: 5px solid #c6dd34;
}
.bordertech {
border-bottom: 5px solid #308dc9;
}
.borderzoom {
border-bottom: 5px solid #6a9128;
}
.bordertv {
border-bottom: 5px solid #cc7700;
}
.borderblog {
border-bottom: 5px solid #b8b8b8;
}
#wrapcolor{
top: 300px;
width:100%;
margin-left: auto;
margin-right: auto;
overflow:auto;
display:inline-block;
}
#wraphome{
top: 300px;
background-color:#f1f1f1 !important;
width:100%;
margin-left: auto;
margin-right: auto;
overflow:auto;
display:inline-block;
}
#wrapgamesnextprev{
width:100%;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
margin-left: auto;
margin-right: auto;
overflow:hidden;
display:inline-block;
}
#wrapgamesnextprev .arrowleft{
width: 0;
height: 0;
border-style: solid;
border-width: 50px 20px 50px 0;
border-color: transparent #000000 transparent transparent;
line-height: 0px;
_border-color: #ffffff #000000 #ffffff #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
#wrapgamesnextprev .arrowright{
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 20px;
border-color: transparent transparent transparent #000000;
line-height: 0px;
_border-color: #ffffff #ffffff #ffffff #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
#footerwrap{
width:100%;
background-color:#000000;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top: 20px;
padding-bottom: 20px;
}
#footerwrap a{
font-size:14px;
color:#c7c7c7;
text-decoration: none;
}
#footerwrap a:hover{
color: #ffffff;
text-decoration: none;
}
#bannerwrap{
width:100%;
min-height: 46px;
padding-top: 5px;
background-color:#000000;
border-bottom:1px solid #adadad;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top: 0px;
line-height: 17px;
z-index: 1006;
}
#bannerwrap a{
font-size:12px;
color:#c7c7c7;
text-decoration: none;
padding-left:6px;
padding-right:7px;
letter-spacing: 1px;
}
#bannerwrap a:hover{
color: #ffffff;
text-decoration: none;
}
.bannermenucontainer {
width: 100%;
height: 56px;
}
.bannermenu {
position: relative;
width:100%;
background-color:#000000;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
z-index: 1007;
}
#menuwrap{
width:100%;
background-color:#000000;
border:1px solid #000000;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:8px;
}
.menuwrapcatcontainer {
width: 100%;
min-height: 40px;
}
.menuwrapcat {
/*top:280px;*/
left: 0;
width:100%;
background-color:#000000;
margin-left: auto;
margin-right: auto;
overflow:auto;
display:inline-block;
padding-top: 5px;
padding-bottom: 5px;
border-top:1px solid #adadad;
z-index: 1006;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
}
.menuwrapcathome {
/*top:280px;*/
left: 0;
width:100%;
background-color:#000000;
margin-left: auto;
margin-right: auto;
overflow:auto;
display:inline-block;
padding-top: 5px;
padding-bottom: 5px;
border-top:1px solid #adadad;
z-index: 1006;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.4);
}
#contentwrap{
width:100%;
margin-left: auto;
margin-right: auto;
display:inline-block;
}
#infowrap {
width:100%;
margin-left: auto;
margin-right: auto;
overflow:auto;
display:inline-block;
line-height: 20px;
}
#siteswrap{
width:100%;
background-color:#000000;
border:1px solid #000000;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:8px;
margin-top: 20px;
}
#gameswrap{
width:100%;
background-color:#e2be22;
border:1px solid #000000;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:6px;
margin-top: 14px;
}
#pagewrap{
width:100%;
background-color:#ffffff;
border:1px solid #d8d8d8;
padding-left: 14px;
padding-right: 14px;
margin-left: auto;
margin-right: auto;
overflow:auto;
display:inline-block;
}
#tickerwrap{
width:100%;
background-color:#ffffff;
margin-top: 3px;
border-bottom: 1px solid #d8d8d8;
overflow:auto;
display:inline-block;
}
#stickywrap{
width:100%;
padding-top: 7px;
border-bottom: 1px solid #d8d8d8;
overflow:auto;
display:inline-block;
}
#gradientwrap {
width: 100%;
display: inline-block;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: 000000;
font-size: 16px;
border-top : 1px solid #d8d8d8;
padding-top: 16px;
padding-right: 4px;
padding-bottom: 10px;
padding-left: 10px;
background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#gradientarch {
width: 100%;
padding-top: 16px;
padding-right: 4px;
padding-bottom: 10px;
padding-left: 10px;
background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#introwrap {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 18px;
text-align: justify;
}
#biowrap {
width: 100%;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
font-size : 12px;
text-decoration: none;
padding:10px;
background-color: #f7f7f7;
border : 1px solid #d8d8d8;
display:inline-block;
}
/* FESTIVAL */
.festival-img {
display: inline-block;
}
.festival-img img{
max-width: 300px;
width: auto;
padding: 12px;
border: 1px solid #000000;
background: #000000;
margin: 5px;
}
.festival-img img:hover {
background: #ffffff;
}
.biotext {
font-weight : bold;
font-family: "Abel", Arial, Helvetica, Verdana, sans-serif;
color : #000000;
font-size : 18px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.biotext a{
color : #000000;
text-decoration: none;
}
.biotext a:hover{
color : #858585;
text-decoration: none;
}
.bioimage img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
#gradientcomment {
width: 100%;
display: inline-block;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: 000000;
font-size: 16px;
border-top : 1px solid #d8d8d8;
padding-top: 6px;
padding-right: 4px;
padding-bottom: 10px;
padding-left: 10px;
background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.menucommentsauthor {
overflow: auto;
display: block;
background: #f4f4f4;
border: 1px solid #d8d8d8;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
text-decoration: none;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 1px;
padding-left: 6px;
margin-bottom: 3px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.menucommentsauthor a{
color:#000000;
}
.menucommentsauthor a:hover{
color:#000000;
text-decoration: none;
}
.menucomments {
line-height: 30px;
overflow: auto;
display: block;
background: #f4f4f4;
border: 1px solid #d8d8d8;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
text-decoration: none;
padding-top: 4px;
padding-right: 20px;
padding-bottom: 4px;
padding-left: 20px;
margin-bottom:10px;
margin-top:8px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.menucomments p{
margin-top: 12px;
margin-bottom: 12px;
}
.menucomments a{
color: #000000;
text-decoration: underline;
}
.menucomments a:hover{
color : #858585;
text-decoration: none;
}
.menuauthor {
overflow: auto;
display: block;
background: #f7f7f7;
border: 1px solid #d8d8d8;
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
text-decoration: none;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
margin-bottom: 4px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.menuauthor a{
color: #000000;
}
.menuauthor a:hover{
text-decoration: none;
}
.menurelated a {
overflow: auto;
display: block;
background-color: #f7f7f7;
border : 1px solid #d8d8d8;
font-weight: bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
text-decoration: none;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
margin-bottom: 4px;
}
.menurelated a:hover {
color: #ffffff;
text-decoration: none;
background: #000000;
}
.menutags {
text-align: center;
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
padding: 10px;
}
.menutags a{
color: #000000;
text-decoration: none;
}
.menutags a:hover{
color: #858585;
text-decoration: none;
}
div.quick-chat-history-header{margin: 0; float: left; width: 15%;}
.quick-chat-history-container {
padding: 10px !important;
}
.quick-chat-container {
}
.quick-chat-message{
border: 1px solid #000000;
-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.53);
-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.53);
box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.53);
padding: 10px !important;
min-height: 60px !important;
}
.quick-chat-links {
padding-bottom: 10px !important;
}
.quick-chat-links a{
text-transform : uppercase !important;
font-size: 10px !important;
font-weight: bold !important;
color: #000 !important;
}
.quick-chat-links a:hover{
color: #9C9C9C !important;
}
.quick-chat-top {
border: 1px solid #000000;
-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.53);
-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.53);
box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.53);
/*-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;*/
}
.quick-chat-users-container-left {
padding: 10px !important;
line-height: 26px;
width: 200px;
color: #ffffff;
text-align: left;
background-color: #f8f8f8;
}
.quick-chat-username-status::before{
content: "◄ Vous pouvez changer votre pseudo";
color: #ccc !important;
font-weight: bold;
}
.quick-chat-alias {
color: #ffffff;
background: #000000;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding: 5px !important;
}
.quick-chat-smile {
vertical-align: middle !important;
margin-left: 5px !important;
}
.quick-chat-smile-container {
margin-top: 7px !important;
vertical-align: bottom !important;
}
.quick-chat-smilies-container::before{
float: left !important;
content: "Smileys disponibles :";
color: #ccc !important;
font-weight: bold;
margin-top: 5px !important;
padding-right: 10px !important;
}
.quick-chat-send-button{
width: 100px;
}
.quick-chat-admin a{
color: #F00000 !important;
}
.quick-chat-guest a{
color: #000 !important;
}
.quick-chat-counter {
float: right;
vertical-align: bottom;
line-height: 30px;
color: #ccc !important;
margin-top: 10px;
}
.quick-chat-counter::before {
content: "Caractères disponibles : ";
}
div.quick-chat-history-message{line-height: 20px; word-wrap: break-word; float: left; width: 75%; min-width: 150px; text-align: justify !important;}
div.quick-chat-history-timestring{display:none; font-style:italic; margin: 0; padding: 0 !important;}
#banner-top{
padding-top:18px;
margin-top:12px;
width: 960px;
height:312px;
background:#000000;
-moz-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.4);
-o-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.4);
box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.4);
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
/* Liens */
.mblack {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 12px;
}
.mblack a {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 12px;
text-decoration: none;
}
.mblack a:hover {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #858585;
font-size : 12px;
text-decoration: none;
}
.mgrey {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 12px;
}
.mgrey a {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 12px;
text-decoration: none;
}
.mgrey a:hover {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 12px;
text-decoration: none;
}
.mgreyhome {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 10px;
}
.mgreyhome a {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 10px;
text-decoration: none;
}
.mgreyhome a:hover {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 10px;
text-decoration: none;
}
.mgreycat {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #858585;
font-size : 11px;
}
.mgreycat a {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #858585;
font-size : 11px;
text-transform : uppercase;
background-color: #f0f0f0;
border : 1px solid #d8d8d8;
text-decoration: none;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
}
.mgreycat a:hover {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 11px;
text-decoration: none;
background-color: #ffffff;
}
.mgreycatplus {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #858585;
font-size : 11px;
text-transform : uppercase;
background-color: #f0f0f0;
border : 1px solid #d8d8d8;
text-decoration: none;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
}
.tagslist {
font-weight : bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #858585;
font-size : 12px;
}
.tagslist a{
font-weight : bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #858585;
font-size : 12px;
text-decoration: none;
line-height: 34px;
padding-left: 5px;
padding-right: 5px;
}
.tagslist a:hover{
font-weight : bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #000000;
font-size : 12px;
text-decoration: none;
}
/* for 980 or less*/
@media screen and (max-width:980px){
nav2 ul { display: none; }
nav2 select { display: inline-block; }
nav ul { display: none; }
nav select { display: inline-block; }
.nav{
width:100%;}
.header{
width:100%;}
.une{
width:98%;
}
.une2{
width:98%;
}
.content{
width:65%;}
.sidebar{
width:30%;}
}
/* for 700 or less*/
@media screen and (max-width:700px){
.header{
height:auto;}
.content{
width:auto;
float:none;
}
.sidebar{
width:auto;
float:none;}}
/* for 480 or less*/
@media screen and (max-width:480px){
.header{
height:auto;}
.sidebar{
display:none;}
}
.menutop {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 100;
clear: both;
}
.menusites {
position: fixed;
left: 0;
padding-top: 3px;
padding-bottom: 6px;
border-top:1px solid #000000;
width: 100%;
height: auto;
background: #000000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTk1OTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiMyYzJjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTMxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 0%, #666666 6%, #2c2c2c 76%, #111111 83%, #474747 83%, #000000 86%, #2b2b2b 88%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#595959), color-stop(6%,#666666), color-stop(76%,#2c2c2c), color-stop(83%,#111111), color-stop(83%,#474747), color-stop(86%,#000000), color-stop(88%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 0%,#666666 6%,#2c2c2c 76%,#111111 83%,#474747 83%,#000000 86%,#2b2b2b 88%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c4c4c 0%,#595959 0%,#666666 6%,#2c2c2c 76%,#111111 83%,#474747 83%,#000000 86%,#2b2b2b 88%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 0%,#666666 6%,#2c2c2c 76%,#111111 83%,#474747 83%,#000000 86%,#2b2b2b 88%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 0%,#666666 6%,#2c2c2c 76%,#111111 83%,#474747 83%,#000000 86%,#2b2b2b 88%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
}
hr.menuline
{
border : 0;
height : 10px;
width : 1px;
background-image: -webkit-linear-gradient(top, #fff, #000, #cc9);
background-image: -moz-linear-gradient(top, #color1, #color2, #color3);
background-image: -ms-linear-gradient(top, #color1, #color2, #color3);
background-image: -o-linear-gradient(top, #color1, #color2, #color3);
}
.menu-vertical{
height:7px;
width:1px;
margin:0px 8px 0;
padding-left:4px;
padding-top:7px;
padding-bottom:4px;
overflow:hidden;
border-right:1px solid #d8d8d8;
}
.menu-horizontal{
height:1px;
width:100%;
margin:0px 0px 0;
overflow:hidden;
border-right:1px solid #d8d8d8;
}
/* OLD */
.titlecolorblack {
font: bold 12px 'Monda';
color:#000000;
line-height:16px;
}
.titlecolorblack a{
color:#000000;
text-decoration: none;
}
.titlecolorblack a:hover{
color:#767676;
text-decoration: none;
}
.inputtext1 {
border : 1px solid #d6d6d6;
font-family : Arial;
background-color : #ffffff;
font-size : 10px;
}
.inputtext2 {
border : 1px solid #d6d6d6;
padding-top : 2px;
padding-bottom : 2px;
font-family : Arial;
background-color : #F4F4F4;
font-size : 9px;
color : #b4b4b4;
font-weight : bold;
}
.titleblack {
font: bold 20px 'Monda';
color:#000000;
}
.cap {
float : left;
width : 40px;
font-size : 55px;
line-height : 43px;
font-weight : normal;
padding-right: 4px;
margin-right: 5px;
background-color: #f4f4f4;
color : #b7b7b7;
font-family : georgia, times;
border : 1px #d6d6d6 solid;
}
.full {
text-align : justify;
}
.article p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.avatar{
border:1px solid #000000;
}
.moderation {
font-weight : bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #ca1f1f;
font-size : 12px;
font-style : italic;
}
/* Bio Zoom */
.biozoom_sm {
position: relative;
border: 2px solid #000000;
float: left;
width: 260px;
height: 160px;
overflow: hidden;
margin-right: 16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.biozoom_sm img {
width: 260px;
height: 160px;
border: 0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.biozoom_sm img:hover {
width: 280px;
height: 172px;
}
/* Archive Pagination */
.archzoom {
position: relative;
border: 2px solid #000000;
float: left;
width: 300px;
height: 180px;
margin-bottom: 10px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.archzoom img {
width: 300px;
height: 180px;
border: 0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.archzoom img:hover {
width: 320px;
height: 190px;
}
.archzoom_sm {
position: relative;
border: 2px solid #000000;
float: left;
width: 200px;
height: 125px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.archzoom_sm img {
width: 200px;
height: 125px;
border: 0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.archzoom_sm img:hover {
width: 220px;
height: 140px;
}
#archnews {
display: inline-block;
padding-top: 15px;
}
#archnews:hover{
background-color: #f8f8f8;
}
#archnewson{
background-color: #f8f8f8;
}
.archpagination {
font-size:11px;
}
.archpagination span, .archpagination a {
margin: 0 auto;
margin-left:5px;
margin-right:5px;
padding:3px 10px 2px 10px;
text-decoration:none;
width:auto;
color:#000;
border : 1px #000000 solid;
font-weight : bold;
background:#f4f4f4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.archpagination a:hover {
color:#fff;
background:#000000;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
/* Concours */
.widthconcours{
width:100%;
margin-left: auto;
margin-right: auto;
}
.uneconcours {
background : #ffffff;
padding : 20px;
border-top : 1px solid #d6d6d6;
border-right : 1px solid #d6d6d6;
border-bottom : 1px solid #d6d6d6;
border-left : 1px solid #d6d6d6;
margin-top:8px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
-moz-border-radius:0px 0px 8px 8px;
-khtml-border-radius:0px 0px 8px 8px;
-webkit-border-radius:0px 0px 8px 8px;
border-radius:0px 0px 8px 8px;
}
.leftconcours {
background-color : #ffffff;
padding : 20px;
border-top : 1px solid #d6d6d6;
border-right : 1px solid #d6d6d6;
border-bottom : 1px solid #d6d6d6;
border-left : 1px solid #d6d6d6;
float: left;
margin-right: 10px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
.lienconcours {
font-family: "Abel", Arial, Helvetica, sans-serif;
color: #8a8a8a;
font-size: 26px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.7);
}
/* Concours */
.singlesocial img{
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display:inline-block;
vertical-align:text-top;
}
.singlesocialover a:hover{
filter:alpha(opacity=75);
opacity:0.75;
zoom: 1;
}
.bargrise {
background-color : #f4f4f4;
border : 1px #d1d1d1 solid;
padding:1px 3px 1px 3px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.barwhiteheader {
width: 214px;
height:90px;
background-color : #ffffff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:2px 2px 3px #ccc;
-webkit-box-shadow:2px 2px 3px #ccc;
box-shadow:2px 2px 3px #ccc;
}
.bargrise {
background-color : #f4f4f4;
border : 1px #d1d1d1 solid;
padding:1px 3px 1px 3px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.msocial{
font-weight : normal;
font: bold 10px 'Monda';
color : #000000;
}
.msocial a{
color : #000000;
text-decoration: none;
}
.msocial a:hover{
color : #767676;
text-decoration: none;
}
.lt-ie8 .msocial2{
font-weight : normal;
font: bold 11px Arial;
color : #767676;
}
.lt-ie8 .msocial2 a{
color : #767676;
text-decoration: none;
}
.lt-ie8 .msocial2 a:hover{
color : #000000;
text-decoration: none;
}
.msocial2{
font-weight : normal;
font: bold 11px 'Monda';
color : #767676;
}
.msocial2 a{
color : #767676;
text-decoration: none;
}
.msocial2 a:hover{
color : #000000;
text-decoration: none;
}
.msocial3{
font-weight : normal;
font: bold 11px 'Monda';
color : #767676;
line-height:16px;
}
.msocial3 a{
color : #767676;
text-decoration: none;
}
.msocial3 a:hover{
color : #000000;
text-decoration: none;
}
.msocial4{
font-weight : normal;
font: bold 11px 'Monda';
color : #767676;
line-height:4px;
}
.msocial4 a{
color : #767676;
text-decoration: none;
}
.msocial4 a:hover{
color : #000000;
text-decoration: none;
}
.related a img{
border : 3px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.related a:hover img{
border : 3px #000000 solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.relatedmini a img{
border : 3px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.relatedmini a:hover img{
border : 3px #000000 solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.inputchat {
border: 0px;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
background-color : #ffffff;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 6px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
}
.inputsearchtext {
border: 0px;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background-color : #ffffff;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 5px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
}
.inputsearchtextbig {
border: 0px;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 14px;
color : #000000;
background-color : #ffffff;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 5px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.22);
}
.inputsearchdrop {
border: 1px solid #adadad;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
background-color : #000000;
color : #ffffff;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 5px;
}
.customSelect {
width: 100px;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
margin: 0;
margin-bottom: 1px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
background-color: transparent;
color: #ffffff;
opacity:1;
-moz-appearance: none;
border: 0 none;
border-radius: 0px;
border:1px solid #B1B2B3;
}
.custom-dropdown {
display: inline-block;
position: relative;
vertical-align: middle;
}
.custom-dropdown:before, .custom-dropdown:after {
content: "";
pointer-events: none;
position: absolute;
}
.custom-dropdown:after {
content: "▼";
font-size: 0.625em;
height: 1em;
line-height: 1;
margin-top: -0.5em;
right: 0.6em;
top: 49%;
color:#000000;
}
.custom-dropdown:before {
bottom: 0;
right: 0;
top: 0;
width: 1.5em;
margin-bottom: 1px;
background-color: #ffffff;
}
.dropdown-right {
display: inline-block;
width: 4px;
height: 20px;
/*background-color: #e2be22;*/
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.inputsearchok {
border: 0px;
font-family : Arial, Verdana, Helvetica, sans-serif;
background-color : #ffffff;
font-size : 10px;
color : #000000;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 2px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.lt-ie8 .inputsearchok {
border : 1px #d1d1d1 solid;
padding-top : 2px;
padding-bottom : 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #f4f4f4;
font-size : 9px;
color : #000000;
-moz-border-radius:0px 5px 5px 0px;
-khtml-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;
}
.inputsearchtags {
border : 1px #d1d1d1 solid;
padding-top : 2px;
padding-bottom : 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #f4f4f4;
font-size : 9px;
color : #000000;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.inputcomments {
background: #f4f4f4;
border: 1px solid #d8d8d8;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
padding: 14px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.inputcomments:focus {
border: 1px solid #000000;
}
.inputsend {
font-weight: bold;
font-size: 14px;
font-family: "Monda", Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
background: #000000;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
border: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
outline: 0;
-webkit-appearance: none;
}
.inputsend:hover{
color: #858585;
text-decoration: none;
}
hr.hori100 {
background: #e8e8e8;
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 0.1em 0 0.1em;
border: none;
}
hr.hori {
background: #e8e8e8;
clear: both;
float: none;
width: 95%;
height: 1px;
margin: 0.1em 0 0.1em;
border: none;
}
.articles {
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:10px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.prevnext {
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding-top:5px;
padding-bottom:4px;
padding-left:6px;
padding-right:6px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.bigtable-menutop {
background-color : #f4f4f4;
border : 1px #d1d1d1 solid;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 2px 3px #ccc;
-webkit-box-shadow:0px 2px 3px #ccc;
box-shadow:0px 2px 3px #ccc;
}
.bigtable {
background-color : #f4f4f4;
border : 1px #d1d1d1 solid;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.barrelatedbio {
font: bold 11px 'Monda';
background-color : #000000;
color : #ffffff;
line-height:22px;
text-align:center;
margin: 0 auto;
text-transform : uppercase;
}
.barrelated {
font: bold 11px 'Monda';
background-color : #000000;
color : #ffffff;
line-height:22px;
text-align:center;
margin: 0 auto;
text-transform : uppercase;
-moz-border-radius:5px 5px 0px 0px;
-khtml-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
}
.barblackbig{
font: bold 13px 'Monda';
background-color : #000000;
color : #ffffff;
padding:2px;
line-height:22px;
text-align:center;
margin: 0 auto;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.barblack {
font: bold 16px 'Monda';
background-color : #000000;
color : #ffffff;
line-height:22px;
text-align:center;
margin: 0 auto;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.barblack a{
color:#ffffff;
text-decoration: none;
}
.barblack a:hover{
color:#d9d9d9;
text-decoration: none;
}
.barcomments {
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
font: 10px arial;
background-color : #000000;
color : #ffffff;
text-align:center;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.barcomments a{
font: 10px arial;
color: #ffffff;
text-decoration: none;
}
.barcomments a:hover{
font: 10px arial;
color: #cdcdcd;
text-decoration: none;
}
.tableune {
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:14px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableune:hover{
background-color : #f1f1f1;
}
.tablethin {
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:5px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tablethin:hover{
background-color : #f1f1f1;
}
.tableunebig {
width: 628px;
height:322px;
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:14px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableunebig:hover{
background-color : #f1f1f1;
}
.tableunemed {
width:205px;
height:166px;
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:14px 8px 1px 8px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableunemed:hover{
background-color : #f7f7f7;
}
.tableunevid {
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:14px 14px 11px 14px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableunevid:hover{
background-color : #f1f1f1;
}
.tableuneitw {
height: 209px;
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:3px 15px 3px 22px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableuneitw:hover{
background-color : #f1f1f1;
}
.tableunemini {
width: 288px;
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:8px 5px 8px 7px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableunemini:hover{
background-color : #f1f1f1;
}
.tableunetests {
width: 622px;
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding:8px 7px 8px 7px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableunerests:hover{
background-color : #f1f1f1;
}
.tableunesticky {
background-color : #ffffff;
border-left : 12px #db2811 solid;
border-top : 1px #cdcdcd solid;
border-right : 12px #db2811 solid;
border-bottom : 1px #cdcdcd solid;
padding:8px 8px 8px 8px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.tableunesticky :hover{
background-color : #f1f1f1;
}
.unepost {
width: 702px !important;
height: 350px !important;
border: 2px solid #000000;
margin-top:8px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagepost {
max-width: 100% !important;
height: auto !important;
border: 2px solid #000000;
margin-top: 20px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagesingle {
width: 100% !important;
height: auto !important;
border: 2px solid #000000;
margin-top: 20px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagesingle img {
max-width: 100%;
width: auto;
height: auto;
}
.imageleft{
max-width: 100% !important;
height: auto !important;
border: 2px solid #000000;
float: left;
margin-top: 9px;
margin-right: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imageright {
max-width: 100% !important;
height: auto !important;
border: 2px solid #000000;
float: right;
margin-top: 9px;
margin-left: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagemulti {
margin:5px;
border: 2px solid #000000;
display:inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
/*
.imagetop {
position: relative;
border: 2px solid #000000;
width: 222px;
height: 136px;
overflow: hidden;
margin-bottom: 10px;
display:inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagetop img {
width: 222px;
height: 136px;
border: 0px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.imagetop img:hover {
width: 222px;
height: 136px;
}
*/
.imagetop {
width: 222px;
height: 136px;
border: 2px solid #000000;
margin-bottom: 10px;
display:inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagetop:hover {
width: 222px;
height: 136px;
border: 2px solid #9c9c9c;
margin-bottom: 10px;
display:inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.imagearch {
width: 300px;
height: 180px;
border: 2px solid #000000;
margin-bottom: 10px;
display:inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagefeatured {
width: 702px !important;
height: 350px !important;
border: 2px solid #000000;
margin-top:8px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.imagecover {
width: 160px !important;
height: auto;
border: 2px solid #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.alignleft{
max-width: 100% !important;
height: auto !important;
border: 2px solid #000000;
float: left;
margin-top: 9px;
margin-right: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.alignright {
max-width: 100% !important;
height: auto !important;
border: 2px solid #000000;
float: right;
margin-top: 9px;
margin-left: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.aligncenter {
max-width: 100% !important;
height: auto !important;
border: 2px solid #000000 !important;
margin-top: 20px !important;
margin-bottom: 40px !important;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
clear: both !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75) !important;
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75) !important;
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75) !important;
}
.alignnone {
width: 100% !important;
height: auto !important;
border: 2px solid #000000;
margin-top:8px;
margin-bottom:40px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
/* images page du concours */
.alignhori {
width: 240px;
height: auto;
border: 2px solid #000000;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.defis {
background: #000000;
color: #ffffff;
padding: 14px;
text-align: center;
display:inline-block;
line-height: 26px;
clear: both;
margin: 5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.defis a{
color: #ffffff;
font-size: 17px;
font-weight: bold;
text-decoration: none;
}
.defis img{
border: 2px solid #000000;
margin-bottom: 10px;
max-width: 100%;
height: auto;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.defis-votes {
font-size: 17px;
font-weight: bold;
width: 60%;
padding: 20px;
background: #000000;
color: #ffffff;
line-height: 26px;
}
/* images page du concours */
.gallery {
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.gallery .gallery-item{
position:relative;
padding: 14px;
margin-left: auto !important;
margin-right: auto !important;
display: block;
}
.gallery .gallery-caption{
position:relative;
text-align:center;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.gallery-size-thumbnail {
margin-bottom: 20px;
}
.gallery-size-thumbnail img {
width: 100% !important;
height: auto !important;
}
.gallery-size-medium img {
width: 100% !important;
height: auto !important;
}
.gallery-columns-3 .gallery-item {
/*width: 33.33%;*/
}
.gallery .gallery-icon img{
/*
background-color : #f4f4f4 !important;
padding : 10px !important;
border-top : 1px solid #d6d6d6 !important;
border-right : 1px solid #d6d6d6 !important;
border-bottom : 1px solid #d6d6d6 !important;
border-left : 1px solid #d6d6d6 !important;
-moz-border-radius:8px 8px 8px 8px !important;
-khtml-border-radius:8px 8px 8px 8px !important;
-webkit-border-radius:8px 8px 8px 8px !important;
border-radius:8px 8px 8px 8px !important;
*/
border: 2px solid #000000 !important;
/*margin-left: auto !important;*/
margin-right: auto !important;
display: block !important;
clear: both !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75) !important;
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75) !important;
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75) !important;
}
.wp-caption {
overflow: hidden;
border: 2px solid #000000;
background-color: #000000;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.wp-caption img{
background-color: #000000;
border: 0px;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wp-caption-text {
text-align: center;
font-size : 17px;
color : #ffffff;
background-color: #000000;
font-weight : bold;
font-family: "Abel", Arial, Helvetica, sans-serif;
}
.wp-caption.alignnone {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
.wp-caption.alignleft {
margin-right: 15px;
}
.wp-caption.alignright {
margin-left: 15px;
}
.wp-caption p.wp-caption-text {
margin-top: 4px;
margin-bottom: -15px;
clear: both;
}
/*
.unebig {
border: 1px #cdcdcd solid;
width: 600px;
height: 290px;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
*/
.unemed {
border: 1px #cdcdcd solid;
width: 173px;
height: 95px;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
.unevid{
border: 1px #cdcdcd solid;
width: 260px;
height: 160px;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
.unemini {
border: 1px #cdcdcd solid;
width: 78px;
height: 47px;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
div.background2
{
border-top: 1px #cdcdcd solid;
border-bottom: 1px #cdcdcd solid;
border-left: 1px #cdcdcd solid;
border-right: 1px #cdcdcd solid;
height:20px;
vertical-align:top;
margin-top:10px;
margin-left:10px;
display:inline-block;
float:left;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
div.transbox2
{
padding-left:5px;
padding-right:5px;
height:20px;
display:inline-block;
background-color:#ffffff;
opacity:0.9; /* CSS3 standard */
filter:alpha(opacity=90); /* For IE8 and earlier */
-moz-opacity:0.9; /* Mozilla */
}
div.transbox2 a
{
font-weight:bold;
color:#000000;
}
div.transbox2 b
{
font-weight:bold;
color:#000000;
}
div.transbox2 b a
{
font: bold 18px 'Monda';
color:#64a2bf;
text-decoration: none;
}
/*
div.background
{
border-top: 1px #cdcdcd solid;
border-bottom: 1px #cdcdcd solid;
width:600px;
height:80px;
vertical-align:top;
margin-top:197px;
}
div.transbox
{
vertical-align:top;
width:600px;
height:80px;
background-color:#ffffff;
opacity:0.9; /* CSS3 standard */
filter:alpha(opacity=90); /* For IE8 and earlier */
-moz-opacity:0.9; /* Mozilla */
}
/*
div.transbox a
{
font-weight:bold;
color:#000000;
}
div.transbox b
{
font-weight:bold;
color:#000000;
}
*/
.imagecomment a img{
border : 5px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.imagecomment a:hover img{
border : 5px #000000 solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.avatarcomments img{
border : 5px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.avatarcomments a img{
border : 5px #000000 solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.avatarcomments a:hover img{
border : 5px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.homecomments a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #000000;
background-color: #e8e8e8;
padding-left: 4px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
text-decoration: none;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.homecomments a:hover{
color: #ffffff;
padding-left: 4px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
text-decoration: none;
background-color: #000000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.imagebiohome img{
width: 68px;
margin:5px;
border : 5px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.imagebiohome a img{
border : 5px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.imagebiohome a:hover img{
border : 5px #000000 solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.imagebio img{
width: 86px;
margin:5px;
border : 5px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.imagebio a img{
border : 5px #dddddd solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.imagebio a:hover img{
border : 5px #000000 solid;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.articlesbio {
font: bold 12px 'Monda';
background-color : #ffffff;
border : 1px #cdcdcd solid;
padding : 10px;
-moz-box-shadow:0px 0px 4px #d4d4d4;
-webkit-box-shadow:0px 0px 4px #d4d4d4;
box-shadow:0px 0px 4px #d4d4d4;
}
.articlesbio a{
color: #000000;
font-weight: bold;
text-decoration: none;
}
.customtext {
font: bold 12px 'Monda';
color : #000000;
}
.customtext a{
color: #000000;
font-weight: bold;
text-decoration: none;
}
.customtext14 {
font: bold 14px 'Monda';
color : #000000;
}
.customtext14 a{
color: #000000;
font-weight: bold;
text-decoration: none;
}
.mgrey2 {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 11px;
}
.mgreyedito {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 11px;
}
.mgreyedito a{
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 11px;
text-decoration: none;
}
.mgreyedito a:hover{
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #bfbfbf;
font-size : 11px;
text-decoration: none;
}
.mcolor a:hover {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 11px;
text-decoration: none;
}
.mwhite {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 11px;
}
.mwhite a {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 11px;
text-decoration: none;
}
.mwhite a:hover {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #b2b2b2;
font-size : 11px;
text-decoration: none;
}
.greyverd {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 10px;
text-decoration: none;
text-transform : uppercase;
}
.greyverd a {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 10px;
text-decoration: none;
text-transform : uppercase;
}
.greyverd a:hover {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 10px;
text-decoration: none;
text-transform : uppercase;
}
.greyverd2 {
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #767676;
font-size : 10px;
text-decoration: none;
}
.greyverd2 a {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-size : 10px;
text-decoration: none;
}
.greyverd2 a:hover {
color : #767676;
text-decoration: none;
}
.titlewhite {
font-family : 'Monda', georgia, times;
font-weight:bold;
color:#ffffff;
font-size : 15px;
}
.titlewhite a{
color:#ffffff;
text-decoration: none;
}
.titlewhite a:hover{
color:#d9d9d9;
text-decoration: none;
}
.titleblack{
font: bold 16px 'Monda';
color:#000000;
}
.titleblack a{
font: bold 16px 'Monda';
color:#000000;
text-decoration: none;
}
.titleblack a:hover{
font: bold 16px 'Monda';
color:#767676;
}
#sddm {
margin: 0;
padding: 0;
z-index: 30;
}
#sddm li {
margin: 0;
padding-right: 2px;
list-style: none;
float: left;
font: bold 11px arial;
border: 0px;
}
#sddm li a {
display: block;
margin: 0 0px 0 0;
padding-left : 5px;
padding-top : 2px;
padding-right : 5px;
padding-bottom : 0px;
width: auto;
height: 16px;
background: #ececec;
color: #000000;
text-align: right;
text-decoration: none;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#sddm li a:hover {
background: #ececec;
}
#sddm div {
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #ffffff;
z-index: 30;
}
#sddm div a {
position: relative;
display: block;
margin: 0;
padding-left : 5px;
padding-top : 6px;
padding-right : 15px;
padding-bottom : 4px;
width: 110px;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #ffffff;
color: #000000;
font: 11px arial;
}
#sddm div a:hover {
background: #ececec;
color: #000000;
}
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
background-image:url("js/no_flicker.jpg"); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
}
.kwicks li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
float: left;
width: 125px;
height: 40px;
margin-right: 0px;
background-image:url("js/kwicks_sprite.jpg");
background-repeat:no-repeat;
}
.kwicks a{
display:block;
height:40px;
text-indent:-9999px;
outline:none;
}
#kwick1 {
background-position:0px 0px;
}
#kwick2 {
background-position:-200px 0px;
}
#kwick3 {
background-position:-400px 0px;
}
#kwick4 {
background-position:-600px 0px;
}
#kwick5 {
background-position:-800px 0px;
}
#kwick6 {
background-position:-1000px 0px;
}
#kwick7 {
background-position:-1200px 0px;
}
#kwick1.active, #kwick1:hover {
background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
background-position: -600px bottom;
}
#kwick5.active, #kwick5:hover {
background-position: -800px bottom;
}
#kwick6.active, #kwick6:hover {
background-position: -1000px bottom;
}
#kwick7.active, #kwick7:hover {
background-position: -1200px bottom;
}
#kwick1 a{
background-image:url("js/end.jpg");
background-repeat:no-repeat;
background-position: left 0px;
}
#kwick1 a:hover{
background-position: left -80px;
}
#kwick7 a{
background-image:url("js/end.jpg");
background-repeat:no-repeat;
background-position: right -40px;
}
#kwick7 a:hover{
background-position: right -120px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi a:visited {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
border: 1px solid #000000;
color: #767676;
background-color: #FFFFFF;
}
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px 25px 2px 2px;
color: #000000;
font-weight: bold;
border: 1px solid #ffffff;
color: #ffffff;
background-color: #000000;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #ffffff;
color: #ffffff;
background-color: #000000;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
/* check use */
.vignettes {
font-weight : normal;
font-family : georgia, times;
color : #000000;
font-size : 11px;
}
table#gallery {
background-color : #F4F4F4;
border-top : 1px solid #D6D6D6;
border-right : 1px solid #D6D6D6;
border-bottom : 1px solid #D6D6D6;
border-left : 1px solid #D6D6D6;
font-weight : normal;
font-family : Arial, Helvetica, sans-serif;
color : black;
font-size : 11px;
float: center;
}
table#une {
width : 100%;
background-color : #ececec;
border : 1px #cdcdcd solid;
padding-top : 10px;
padding-bottom : 10px;
text-align: center;
}
table#une img {
border : 1px #000000 solid;
}
.time {
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #ffffff;
font-size : 11px;
}
.twitter {
background : #ffffff url(/img/theme/twitter_back.png) left top repeat;
border-top : 1px solid #D6D6D6;
border-right : 1px solid #D6D6D6;
border-bottom : 1px solid #D6D6D6;
border-left : 0px;
font-weight : normal;
font-family : Arial, Helvetica, sans-serif;
color : black;
font-size : 11px;
}
.stickypin {
background : #ffffff url(/img/theme/twitter_back.png) left top repeat;
border-top : 1px solid #D6D6D6;
border-right : 0px;
border-bottom : 1px solid #D6D6D6;
border-left : 0px;
font-weight : normal;
font-family : Arial, Helvetica, sans-serif;
color : black;
font-size : 12px;
}
td .blog p {
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
}
.unetitle {
background-color : #000000;
color : #ffffff;
border:0px;
padding-left : 9px;
padding-top : 5px;
padding-right : 8px;
padding-bottom : 8px;
}
.unetitle a{
color : #ffffff;
text-decoration: none;
}
.uneon {
background-color : #F7F7F7;
border : 1px #cdcdcd solid;
display:block;
}
.uneon a{
background-color : #F7F7F7;
border : 0px;
}
.uneoff{
background-color : #ffffff;
border : 1px #cdcdcd solid;
}
.uneoff a{
background-color :#ffffff;
border : 0px;
}
.newson {
background-color : #ececec;
border : 1px #808080 solid;
}
.newsoff{
background-color : #ececec;
border : 1px #cdcdcd solid;
}
.downon {
background-color : #fafafa;
border : 0px;
}
.downon a{
background-color : #fafafa;
border : 0px;
}
.downoff{
background-color : #ffffff;
border : 0px;
}
.downoff a{
background-color :#ffffff;
border : 0px;
}
div.big {
border-top: 1px #cdcdcd solid;
height:89px;
text-align:top;
margin-top:200px;
background-color: rgba(255,255,255,0.6);
}
div.big a{
background-color: rgba(255,255,255,0.6);
}
div.big a:hover{
background-color: rgba(255,255,255,1);
}
.uneimage img {
border: 0px;
width: 260px;
height: 160px;
}
#uneimage, #uneimage a img {
border: 0px;
width: 260px;
height: 160px;
}
#uneimage a:hover img {
border: 0px;
width: 260px;
height: 160px;
}
.unesub img {
border: 0px;
width: 170px;
height: 94px;
}
#unesub, #unesub a img {
border: 0px;
width: 170px;
height: 94px;
}
#unesub a:hover img {
border: 0px;
width: 170px;
height: 94px;
}
.unetable {
border : 1px #cdcdcd solid;
background : #ffffff url('') no-repeat scroll center right;
}
div.icones a{
background-color:#ffffff;
/* for IE */
filter:alpha(opacity=75);
/* CSS3 standard */
opacity:0.75;
}
div.icones a:hover{
background-color:#f9f9f9;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
}
.readmore a{
margin-top:10px;
padding-left : 2px;
padding-top : 1px;
padding-right : 2px;
padding-bottom : 1px;
border-top : 1px #cdcdcd solid;
border-right : 1px #cdcdcd solid;
border-left : 1px #cdcdcd solid;
border-bottom : 1px #cdcdcd solid;
background-color : #ffffff;
font-weight : normal;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #000000;
font-size : 10px;
text-decoration: none;
white-space:nowrap;
}
.readmore a:hover{
margin-top:10px;
padding-left : 2px;
padding-top : 1px;
padding-right : 2px;
padding-bottom : 1px;
border-top : 1px #cdcdcd solid;
border-right : 1px #cdcdcd solid;
border-left : 1px #cdcdcd solid;
border-bottom : 1px #cdcdcd solid;
background-color : #ececec;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #000000;
font-size : 10px;
text-decoration: none;
white-space:nowrap;
}
#downimage, #downimage a img {
border : 0px #cdcdcd solid;
width: 180px;
height: 100px;
}
#downimage a:hover img {
border : 0px #cdcdcd solid;
width: 180px;
height: 100px;
}
div.carousel ul li {
margin-left: 15px;
margin-right: 15px;
}
/*
div.carousel ul li {
padding-left : 12px;
padding-top : 5px;
padding-right : 12px;
padding-bottom : 5px;
margin-left: 3px;
margin-right: 3px;
border-top : 1px #cdcdcd solid;
border-right : 1px #cdcdcd solid;
border-left : 1px #cdcdcd solid;
border-bottom : 1px #cdcdcd solid;
background-color : #ececec;
}
*/
.prev {
padding-left : 0px;
padding-top : 25px;
padding-right : 0px;
padding-bottom : 25px;
border-top : 1px #cdcdcd solid;
border-right : 1px #cdcdcd solid;
border-left : 1px #cdcdcd solid;
border-bottom : 1px #cdcdcd solid;
background-color : #f5f5f5;
}
.prevon {
padding-left : 0px;
padding-top : 25px;
padding-right : 0px;
padding-bottom : 25px;
border-top : 1px #cdcdcd solid;
border-right : 1px #cdcdcd solid;
border-left : 1px #cdcdcd solid;
border-bottom : 1px #cdcdcd solid;
background-color : #ffffff;
}
.next {
padding-left : 0px;
padding-top : 25px;
padding-right : 0px;
padding-bottom : 25px;
border-top : 1px #cdcdcd solid;
border-right : 1px #cdcdcd solid;
border-left : 1px #cdcdcd solid;
border-bottom : 1px #cdcdcd solid;
background-color : #f5f5f5;
}
.nexton {
padding-left : 0px;
padding-top : 25px;
padding-right : 0px;
padding-bottom : 25px;
border-top : 1px #cdcdcd solid;
border-right : 1px #cdcdcd solid;
border-left : 1px #cdcdcd solid;
border-bottom : 1px #cdcdcd solid;
background-color : #ffffff;
}
table #bigrey {
background-color : #f4f4f4;
padding : 5px;
border-top : 1px solid #d6d6d6;
border-right : 1px solid #d6d6d6;
border-bottom : 1px solid #d6d6d6;
border-left : 1px solid #d6d6d6;
}
td#news {
padding-left : 7px;
padding-top : 7px;
padding-right : 7px;
padding-bottom : 7px;
background-color : #ececec;
}
td#titleon {
border-top : 1px #000000 solid;
border-left : 1px #000000 solid;
border-right : 1px #000000 solid;
border-bottom : 0px;
padding-left : 5px;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
background : #f4f4f4 url('') no-repeat scroll center right;
display : block;
}
.menuhome {
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #c1b398;
}
.menugames {
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #64a2bf;
}
.menukissa {
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #d39c9e;
}
.menurama {
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #c12c2a;
}
.menutech {
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #678ea7;
}
.menuzoom {
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #97a77c;
}
.menustyle {
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #d0de78;
}
.menublog{
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #ef9c1a;
}
.menublack{
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #000000;
}
.menugrey{
font-family : georgia, times;
font-size : 20px;
font-weight : bold;
color : #767676;
}
.submenu {
border : 1px #000000 solid;
background-color : #ffffff;
font-family : arial, georgia, times;
font-size : 12px;
font-weight : bold;
color : #b2b2b2;
}
.submenuhome {
font-family : georgia, times;
font-size : 18px;
font-weight : bold;
color : #c1b398;
}
.submenugames a{
color : #64a2bf;
text-decoration: none;
}
.submenugames a:hover{
color : #000000;
text-decoration: none;
}
.submenukissa {
font-family : georgia, times;
font-size : 18px;
font-weight : bold;
color : #d39c9e;
}
.submenurama {
font-family : georgia, times;
font-size : 18px;
font-weight : bold;
color : #c12c2a;
}
.submenutech {
font-family : georgia, times;
font-size : 18px;
font-weight : bold;
color : #678ea7;
}
.submenuzoom {
font-family : georgia, times;
font-size : 18px;
font-weight : bold;
color : #97a77c;
}
.submenustyle {
font-family : georgia, times;
font-size : 18px;
font-weight : bold;
color : #d0de78;
}
.submenublog{
font-family : georgia, times;
font-size : 18px;
font-weight : bold;
color : #ef9c1a;
}
/* check use */
/* top level
--------------------------------------------*/
.menuTemplate3
{
margin: 0 auto;
float:left;
behavior: url("/horizontal/menuh/cssmenu.htc");
position:relative;
z-index:4;
height: 36px;
background: #000000;
font-family: Arial, Helvetica, sans-serif;
list-style: none;
padding: 0;
}
.menuTemplate3 li
{
padding: 0;
float: left;
height: 20px;
/*position: relative; delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
color: #EEE;
z-index:5;
}
.menuTemplate3 li:hover, .menuTemplate3 li.onhover
{
border-top:0;
}
.menuTemplate3 a
{
padding: 0;
width: 114px;
line-height: 20px; /*Note: keep this value the same as the height of .menuTemplate3 li */
font-size: 12px;
font-weight: normal;
display: inline-block;
outline: 0;
text-decoration: none;
color: #FFF;
position: relative;
}
.menuTemplate3 li:hover a, .menuTemplate3 li.onhover a
{
background-color: #fff;
color: #000000;
z-index: 9;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.menuTemplate3 a.arrow
{
background: url(arrow.gif) no-repeat right center;
}
/*Used to align a top-level item to the right*/
.menuTemplate3 li.menuRight
{
float: right;
margin-right: 0px;
}
/*for the top-level separators*/
.menuTemplate3 li.separator
{
font-size:0;
overflow:hidden;
border-left:1px solid #aaa;
height:20px;
margin-top:8px;
z-index:4;
}
/* sub level
--------------------------------------------*/
.menuTemplate3 .drop
{
position: absolute;
z-index:5;
left: -9999px;
border: 1px solid #000;
background: #ffffff;
text-align: left;
padding: 20px;
top:35px;
color:#999;
}
.menuTemplate3 .drop a
{
padding-left: 0px;
padding-right: 0px;
line-height: 26px;
font-size: 12px;
font-weight: normal;
display: inline;
text-align: left;
position: static;
z-index: 0;
}
.menuTemplate3 li:hover .drop, .menuTemplate3 li.onhover .drop
{
left: -1px;/*Use this property to change offset of the dropdown*/
}
.menuTemplate3 li:hover .dropToLeft, .menuTemplate3 li.onhover .dropToLeft
{
left: auto;
right: -1px;
}
.menuTemplate3 li:hover .dropToLeft2, .menuTemplate3 li.onhover .dropToLeft2
{
left: auto;
right: -60px;
}
/* Elements within the drop down sub-menu
--------------------------------------------*/
.menuTemplate3 div.drop div div
{
padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
background: none;
background-image:none;
padding:0 0;
}
.menuTemplate3 div.drop div a
{
line-height: 24px;
color:white;
background:none;
}
.menuTemplate3 div.drop div a:hover
{
text-decoration:underline;
cursor:pointer;
color:Red;
}
.menuTemplate3 div.left {float:left;}
/* CSS3 effects
--------------------------------------------*/
/*for top-level
.decor3_1
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
*/
/*for submenu.*/
.decor3_2
{
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}