html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
acronym {
text-decoration: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px;
}
}
@media screen {
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .clearfix:before,
.grid-container:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .clearfix:after {
clear: both;
}
.grid-container, .clearfix {
*zoom: 1;
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
*padding-left: 0;
*padding-right: 0;
}
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * {
*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
}
}
@media screen and (max-width: 767px) {
.mobile-grid-100:before,
.mobile-grid-100:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.mobile-grid-100:after {
clear: both;
}
.mobile-grid-100 {
*zoom: 1;
}
.mobile-push-5,
.mobile-pull-5, .mobile-push-10,
.mobile-pull-10, .mobile-push-15,
.mobile-pull-15, .mobile-push-20,
.mobile-pull-20, .mobile-push-25,
.mobile-pull-25, .mobile-push-30,
.mobile-pull-30, .mobile-push-35,
.mobile-pull-35, .mobile-push-40,
.mobile-pull-40, .mobile-push-45,
.mobile-pull-45, .mobile-push-50,
.mobile-pull-50, .mobile-push-55,
.mobile-pull-55, .mobile-push-60,
.mobile-pull-60, .mobile-push-65,
.mobile-pull-65, .mobile-push-70,
.mobile-pull-70, .mobile-push-75,
.mobile-pull-75, .mobile-push-80,
.mobile-pull-80, .mobile-push-85,
.mobile-pull-85, .mobile-push-90,
.mobile-pull-90, .mobile-push-95,
.mobile-pull-95, .mobile-push-33,
.mobile-pull-33, .mobile-push-66,
.mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%;
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%;
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-5 {
left: -5%;
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-10 {
float: left;
width: 10%;
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%;
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-10 {
left: -10%;
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-15 {
float: left;
width: 15%;
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%;
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-15 {
left: -15%;
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-20 {
float: left;
width: 20%;
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%;
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-20 {
left: -20%;
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-25 {
float: left;
width: 25%;
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%;
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-25 {
left: -25%;
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-30 {
float: left;
width: 30%;
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%;
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-30 {
left: -30%;
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-35 {
float: left;
width: 35%;
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%;
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-35 {
left: -35%;
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-40 {
float: left;
width: 40%;
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%;
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-40 {
left: -40%;
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-45 {
float: left;
width: 45%;
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%;
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-45 {
left: -45%;
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-50 {
float: left;
width: 50%;
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%;
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-50 {
left: -50%;
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-55 {
float: left;
width: 55%;
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%;
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-55 {
left: -55%;
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-60 {
float: left;
width: 60%;
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%;
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-60 {
left: -60%;
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-65 {
float: left;
width: 65%;
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%;
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-65 {
left: -65%;
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-70 {
float: left;
width: 70%;
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%;
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-70 {
left: -70%;
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-75 {
float: left;
width: 75%;
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%;
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-75 {
left: -75%;
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-80 {
float: left;
width: 80%;
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%;
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-80 {
left: -80%;
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-85 {
float: left;
width: 85%;
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%;
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-85 {
left: -85%;
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-90 {
float: left;
width: 90%;
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%;
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-90 {
left: -90%;
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-95 {
float: left;
width: 95%;
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%;
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-95 {
left: -95%;
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-33 {
float: left;
width: 33.33333%;
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%;
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-33 {
left: -33.33333%;
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-66 {
float: left;
width: 66.66667%;
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%;
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-pull-66 {
left: -66.66667%;
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.tablet-grid-100:before,
.tablet-grid-100:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.tablet-grid-100:after {
clear: both;
}
.tablet-grid-100 {
*zoom: 1;
}
.tablet-push-5,
.tablet-pull-5, .tablet-push-10,
.tablet-pull-10, .tablet-push-15,
.tablet-pull-15, .tablet-push-20,
.tablet-pull-20, .tablet-push-25,
.tablet-pull-25, .tablet-push-30,
.tablet-pull-30, .tablet-push-35,
.tablet-pull-35, .tablet-push-40,
.tablet-pull-40, .tablet-push-45,
.tablet-pull-45, .tablet-push-50,
.tablet-pull-50, .tablet-push-55,
.tablet-pull-55, .tablet-push-60,
.tablet-pull-60, .tablet-push-65,
.tablet-pull-65, .tablet-push-70,
.tablet-pull-70, .tablet-push-75,
.tablet-pull-75, .tablet-push-80,
.tablet-pull-80, .tablet-push-85,
.tablet-pull-85, .tablet-push-90,
.tablet-pull-90, .tablet-push-95,
.tablet-pull-95, .tablet-push-33,
.tablet-pull-33, .tablet-push-66,
.tablet-pull-66 {
position: relative;
}
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%;
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%;
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-5 {
left: -5%;
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-10 {
float: left;
width: 10%;
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%;
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-10 {
left: -10%;
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-15 {
float: left;
width: 15%;
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%;
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-15 {
left: -15%;
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-20 {
float: left;
width: 20%;
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%;
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-20 {
left: -20%;
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-25 {
float: left;
width: 25%;
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%;
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-25 {
left: -25%;
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-30 {
float: left;
width: 30%;
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%;
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-30 {
left: -30%;
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-35 {
float: left;
width: 35%;
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%;
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-35 {
left: -35%;
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-40 {
float: left;
width: 40%;
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%;
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-40 {
left: -40%;
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-45 {
float: left;
width: 45%;
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%;
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-45 {
left: -45%;
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-50 {
float: left;
width: 50%;
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%;
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-50 {
left: -50%;
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-55 {
float: left;
width: 55%;
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%;
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-55 {
left: -55%;
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-60 {
float: left;
width: 60%;
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%;
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-60 {
left: -60%;
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-65 {
float: left;
width: 65%;
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%;
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-65 {
left: -65%;
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-70 {
float: left;
width: 70%;
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%;
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-70 {
left: -70%;
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-75 {
float: left;
width: 75%;
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%;
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-75 {
left: -75%;
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-80 {
float: left;
width: 80%;
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%;
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-80 {
left: -80%;
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-85 {
float: left;
width: 85%;
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%;
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-85 {
left: -85%;
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-90 {
float: left;
width: 90%;
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%;
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-90 {
left: -90%;
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-95 {
float: left;
width: 95%;
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%;
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-95 {
left: -95%;
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-33 {
float: left;
width: 33.33333%;
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%;
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-33 {
left: -33.33333%;
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-66 {
float: left;
width: 66.66667%;
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%;
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-pull-66 {
left: -66.66667%;
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 1025px) {
.grid-100:before,
.grid-100:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-100:after {
clear: both;
}
.grid-100 {
*zoom: 1;
}
.push-5,
.pull-5, .push-10,
.pull-10, .push-15,
.pull-15, .push-20,
.pull-20, .push-25,
.pull-25, .push-30,
.pull-30, .push-35,
.pull-35, .push-40,
.pull-40, .push-45,
.pull-45, .push-50,
.pull-50, .push-55,
.pull-55, .push-60,
.pull-60, .push-65,
.pull-65, .push-70,
.pull-70, .push-75,
.pull-75, .push-80,
.pull-80, .push-85,
.pull-85, .push-90,
.pull-90, .push-95,
.pull-95, .push-33,
.pull-33, .push-66,
.pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%;
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%;
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-5 {
left: -5%;
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-10 {
float: left;
width: 10%;
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%;
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-10 {
left: -10%;
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-15 {
float: left;
width: 15%;
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%;
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-15 {
left: -15%;
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-20 {
float: left;
width: 20%;
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%;
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-20 {
left: -20%;
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-25 {
float: left;
width: 25%;
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%;
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-25 {
left: -25%;
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-30 {
float: left;
width: 30%;
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%;
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-30 {
left: -30%;
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-35 {
float: left;
width: 35%;
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%;
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-35 {
left: -35%;
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-40 {
float: left;
width: 40%;
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%;
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-40 {
left: -40%;
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-45 {
float: left;
width: 45%;
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%;
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-45 {
left: -45%;
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-50 {
float: left;
width: 50%;
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%;
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-50 {
left: -50%;
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-55 {
float: left;
width: 55%;
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%;
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-55 {
left: -55%;
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-60 {
float: left;
width: 60%;
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%;
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-60 {
left: -60%;
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-65 {
float: left;
width: 65%;
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%;
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-65 {
left: -65%;
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-70 {
float: left;
width: 70%;
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%;
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-70 {
left: -70%;
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-75 {
float: left;
width: 75%;
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%;
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-75 {
left: -75%;
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-80 {
float: left;
width: 80%;
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%;
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-80 {
left: -80%;
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-85 {
float: left;
width: 85%;
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%;
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-85 {
left: -85%;
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-90 {
float: left;
width: 90%;
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%;
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-90 {
left: -90%;
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-95 {
float: left;
width: 95%;
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%;
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-95 {
left: -95%;
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-33 {
float: left;
width: 33.33333%;
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%;
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-33 {
left: -33.33333%;
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-66 {
float: left;
width: 66.66667%;
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%;
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.pull-66 {
left: -66.66667%;
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-100 {
clear: both;
width: 100%;
}
}
@media screen
{
.tablet-grid-48, .tablet-grid-57,
.grid-18, .grid-26, .grid-27, .grid-315, .grid-48, .grid-57, .grid-724
{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;padding-right: 10px;*padding-left: 0;*padding-right: 0; }
.tablet-grid-48 > *, .tablet-grid-57 > *,
.grid-18 > *, .grid-26 > *, .grid-27 > *, .grid-315 > *, .grid-48 > *, .grid-57 > *, .grid-724 > *
{*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); }
.grid-parent
{ padding-left: 0;padding-right: 0; }
}
@media screen and (min-width: 1025px)
{
.push-035{ position: relative; }
.push-035
{
left: 3.5%;
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-18
{
float: left;
width: 18%;
*width: expression(Math.floor(0.18 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-26
{
float: left;
width: 26%;
*width: expression(Math.floor(0.26 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-27
{
float: left;
width: 27%;
*width: expression(Math.floor(0.27 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-315
{
float: left;
width: 31.5%;
*width: expression(Math.floor(0.315 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-48
{
float: left;
width: 48%;
*width: expression(Math.floor(0.48 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-57
{
float: left;
width: 57%;
*width: expression(Math.floor(0.57 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-63
{
float: left;
width: 63%;
*width: expression(Math.floor(0.63 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.grid-724
{
float: left;
width: 72.4%;
*width: expression(Math.floor(0.724 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
}
@media screen and (min-width: 768px) and (max-width: 1024px)
{
.tablet-grid-48
{
float: left;
width: 48%;
*width: expression(Math.floor(0.48 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
.tablet-grid-57
{
float: left;
width: 57%;
*width: expression(Math.floor(0.57 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
}
}
html, body
{
height:100%;
min-height:100%;
}
body
{
color:#474747;
position:relative;
background-color:#FFF;
-webkit-font-smoothing: antialiased;
font-size:15px;
line-height:1.2em;
font-weight:lighter;
font-family:"Roboto Condensed", Arial, sans-serif;
}
input,
textarea
{
color:#474747;
font-weight:normal;
}
input[type="submit"]{ cursor:pointer; }
input,
select,
textarea,
input[type="text"],
input[type="radio"],
input[type="checkbox"]{ font-family:Arial, sans-serif; }
input[type="radio"]{ margin-left:0;margin-right:5px; }
select option{ color:#000 !important;font-size:15px !important;line-height:15px !important;font-weight:normal !important; }
input[placeholder]{ color:#000 !important;font-size:15px !important;line-height:15px !important;font-weight:normal !important; }
input:-moz-placeholder{ color:#888 !important;font-size:15px !important;line-height:15px !important;font-weight:normal !important; opacity: 1;}
input::-moz-placeholder{ color:#888 !important;font-size:15px !important;line-height:15px !important;font-weight:normal !important; opacity: 1;}
input:-ms-input-placeholder{ color:#888 !important;font-size:15px !important;line-height:15px !important;font-weight:normal !important; }
input::-webkit-input-placeholder{ color:#888 !important;font-size:15px !important;line-height:15px !important;font-weight:normal !important; }
ul.clearfix li
{
float:left;
display:inline-block;
}
i{ font-style:italic; }
b{ font-weight:bold; }
strong{ font-weight:bold; }
a, a:hover, a:visited
{
color:#474747;
text-decoration:none;
}
figure
{
overflow:hidden;
vertical-align:middle;
}
figure a
{
display:block;
overflow:hidden;
vertical-align:middle;
}
figure img,
figure a img
{
width:100%;
height:auto;
display:block;
vertical-align:middle;
}
a img
{
border:0;
margin:0;
padding:0;
vertical-align:middle;
}
hr
{
border:0;
height:1px;
display:block;
}
.grid-container{ max-width: 1080px; }
.no-float{ float:none; }
.f-left{ float:left; }
.f-right{ float:right; }
.f-left, .f-right{ width:auto; display:block; }
.a-left{ text-align:left; }
.a-right{ text-align:right; }
.a-center{ text-align:center; }
.as-block{ display:block; }
.as-inline{ display:inline; }
.as-inline-block{ display:inline-block; }
.hidden
{
display:none !important;
visibility:hidden !important;
}
.red, .orange, .blue, .green, .orange, .purple{}
.red { color: #E3001B; }
.bordered{ border:1px solid #CECECE; }
.red-bordered{ border:3px solid #F7B1BB; }
.no-border-top{ border-top:0; }
hr.bordered{ border:0;background-color:#CECECE; }
.list .item hr.bordered{ width:80%; margin-left:10%; }
.page.appels-offres .list .item hr.bordered{ width:100%; margin-left:0; }
.stripped
{
background-repeat:repeat;
background-position:left top;
background-image:url( "/design/crf_refonte/images/stripped_background-4x4.png" );
}
.arrow-corner-br, .arrow-corner-tl{ background-repeat:no-repeat; background-color:transparent; }
.arrow-corner-tl
{
background-position:left top;
background-image:url( "/design/crf_refonte/images/arrow_corner_tl-12x12.png" );
}
.arrow-corner-br
{
background-position:right bottom;
background-image:url( "/design/crf_refonte/images/arrow_corner_br-12x12.png" );
}
.size-40{ width:40px !important; }
.padded-2{ padding:2px !important; }
.padded-5{ padding:5px !important; }
.padded-10{ padding:10px !important; }
.padded-15{ padding:15px !important; }
.rounded-4
{
border-radius:4px;
-moz-border-radius:4px;
}
.mentions-legales{ margin-top:25px; }
.head-title
{
color:#E3001B;
font-size:30px;
display:inline-block;
text-transform:uppercase;
font-family:"Bitter", "Times New Roman", serif;
}
.head-title span{ border-bottom:3px solid #E3001B; }
.head-title span b
{
line-height:1.2em;
padding-bottom:20px;
background-repeat:no-repeat;
background-position:right 41px;
background-image:url( "/design/crf_refonte/images/border_title_page-27x14.png" );
}
.page-title
{
font-size:30px;
line-height:1.3em;
font-weight:normal;
text-transform:uppercase;
margin-bottom:40px;
}
.page-sous-title
{
font-size:15px;
line-height:1.3em;
font-weight:normal;
margin-bottom:10px;
}
.page-sous-title a {
color: #E3001B;
}
.fiche-benevole .page-title {
margin-bottom: 5px;
}
.page-title > span
{
display:block;
padding-left:10px;
text-transform:uppercase;
border-left:3px solid #E3001B;
}
.page-title > small
{
display:block;
font-size:15px;
padding-left:0px;
font-weight:lighter;
text-transform:none;
}
.page-title > small a{ color:#E3001B; }
.fiche-benevole .activity-action {
margin-bottom: 40px;
margin-left: 13px;
font-size: 16px;
}
a.donate
{
color:#E3001B;
padding:12px 20px;
display:inline-block;
background-color:#FFF;
text-transform:uppercase;
}
.hashtags li
{
padding-left:12px;
margin-bottom:15px;
background-repeat:no-repeat;
background-position:left 4px;
background-image:url( "/design/crf_refonte/images/icon_hashtags-7x10.png" );
}
.hashtags li a
{
top:0;
left:12px;
font-size:16px;
font-weight:normal;
}
.hashtags li a:hover{ color:#E3001B; }
.hashtags li a span{ display:block; }
.pagination{}
.pagination ul
{
padding:10px 30px;
background-color:#F1F1F1;
}
.pagination li
{
margin:0 5px;
}
.pagination li > span,
.pagination li a:hover{ color:#E3001B; }
.pagination li > span{ font-weight:normal; }
.pagination li.next{ margin-right:0;margin-left:20px; }
.pagination li.previous{ margin-left:0;margin-right:20px; }
.print input[type="button"]
{
border:0;
width:74px;
height:20px;
cursor:pointer;
background-repeat:no-repeat;
background-color:transparent;
background-image:url( /design/crf_refonte/images/button_print-74x20.png );
}
#goto-top-page
{
right:10px;
bottom:10px;
display:none;
position:fixed;
}
#goto-top-page a
{
padding:10px;
display:block;
background-color:#E3001B;
}
#goto-top-page a span
{
width:30px;
height:30px;
display:block;
background-image:url( /design/crf_refonte/images/icon_arrow_up_white-30x30.png )
}
.share-banner figure img{ width:inherit; }
.share-banner .bordered{ background-color:#F1F1F1; }
.share-banner .title
{
color:#272727 !important;
font-size:14px !important;
font-weight:bold !important;
margin-top:7px !important;
margin-bottom:3px !important;
}
#location-map{ margin-top:20px;margin-bottom:20px; }
#location-map + #sidebar { margin-top:20px; }
#location-map #cr_pdcv_map
{
height: 0;
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
margin-bottom:20px;
}
#location-map #map_cr_pdcv
{
height: 0;
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
margin-bottom: 20px;
}
#loading img {
transform: translateY(25%);
}
#loading.full-map {
width: 70%;
margin: auto;
margin-top: 20%;
}
#loading {
position: relative;
z-index: 999;
text-align: center;
height: 500px;
background-color: white;
border-radius: 50%;
opacity: .75;
}
.leaflet-popup-content-wrapper {
-webkit-border-radius: 0 !important;;
-moz-border-radius: 0 !important;;
border-radius: 0 !important;
color: #474747;
position: relative;
-webkit-font-smoothing: antialiased;
line-height: 1.2em;
font-weight: lighter;
font-family: "Roboto Condensed", Arial, sans-serif;
}
.marker-cluster {
color: white;
background-clip: padding-box;
text-align: center;
border-radius: 50% !important;
background-color: rgb(211, 32, 63) !important;
}
.marker-cluster span {
font-size: 16px;
line-height: 16px;
font-weight: bold;
}
.marker-cluster.small {
line-height: 30px;
}
.marker-cluster.medium {
line-height: 50px;
}
.marker-cluster.big {
line-height: 65px;
}
.marker-cluster.huge {
line-height: 75px;
}
#location-map #map-legend{}
#location-map #map-legend .icon
{
color:inherit;
padding-right:0;
line-height:20px;
margin-right:20px;
padding-left:23px;
font-weight:normal;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:left top;
background-color:transparent;
}
#location-map #map-legend .icon.red{ background-image:url( /design/crf_refonte/images/icone_location_red-20x20.png ); }
#location-map #map-legend .icon.gold{ background-image:url( /design/crf_refonte/images/icone_location_gold-20x20.png ); }
#location-map #map-legend .icon.blue{ background-image:url( /design/crf_refonte/images/icone_location_blue-20x20.png ); }
#location-map #map-legend .icon.green{ background-image:url( /design/crf_refonte/images/icone_location_green-20x20.png ); }
#main-banner{}
#main-slider,
#main-content,
#main-slider .slider .title,
#main-slider .slider .socials,
#main-slider .slider .content,
#main-slider .slider .sup-title{ margin-bottom:12px; }
#aside-menu .block{ margin-bottom:20px; }
.head-title{ margin-bottom:30px; }
#main-breadcrumbs{ margin-top:25px; }
#main-banner{ margin-top:15px; }
#main-content,
#call-to-action-banner{ margin-top:30px; }
.breadcrumbs{}
.breadcrumbs li a,
.breadcrumbs li span{ display:inline-block; }
.breadcrumbs li a{ padding-right:6px; }
.breadcrumbs li a:after{ color:#888; content:">"; }
.breadcrumbs li a > span
{
color:#888;
padding-right:6px;
}
.breadcrumbs li a:hover,
.breadcrumbs li a:hover > span,
.breadcrumbs li > span{ color:#474747; }
.socials{}
.socials li
{
margin-right:12px;
padding-right:25px;
background-repeat:no-repeat;
background-position:right center;
background-image:url( "/design/crf_refonte/images/icon_eclair-12x22.png" );
}
.socials li.last
{
margin-right:0;
padding-right:0;
background-image:none;
}
.socials li{ height:38px; line-height:38px; }
.socials li.twitter a,
.socials li.facebook a{ height:38px; min-height:38px; }
.socials li.twitter a,
.socials li.facebook a
{
display:block;
background-repeat:no-repeat;
}
.socials li.facebook a
{
padding-right:45px;
background-position:right center;
background-image:url( "/design/crf_refonte/images/icon_social_facebook-color-39x38.png" );
}
.socials li.twitter a
{
padding-left:45px;
background-position:left center;
background-image:url( "/design/crf_refonte/images/icon_social_twitter-color-39x38.png" );
}
#facebook-like-box
{
padding:19px;
background-color:#315299;
}
#facebook-like-box,
#facebook-like-box a{ color:#FFF; }
#facebook-like-box .top
{
min-height:24px;
padding-left:22px;
margin-bottom:12px;
background-repeat:no-repeat;
background-position:left top;
background-image:url( "/design/crf_refonte/images/icon_facebook_like_box-12x21.png" );
}
#facebook-like-box .top a{}
#facebook-like-box .bottom{ width:100%; }
#facebook-like-box .bottom .left,
#facebook-like-box .bottom .right{ float:left;width:auto; }
#facebook-like-box .bottom .left
{
width:30%;
background-color:#516EA8;
}
#facebook-like-box .bottom .left a
{
display:block;
font-size:20px;
padding:12px 0;
font-weight:bold;
text-align:center;
}
#facebook-like-box .bottom .right
{
width:70%;
background-color:#213B74;
}
#facebook-like-box .bottom .right a
{
display:block;
padding:3px 0;
}
#facebook-like-box .bottom .right a span
{
display:block;
margin-left:7px;
}
table
{
border:0;
width:100%;
margin-bottom:40px;
}
table th
{
color:#FFF;
font-size:14px;
font-weight:bold;
background:#E3001B;
border:1px solid #FFF;
}
table th,
table td{ border:1px solid #FFF; }
table tr,
table tr:nth-child(odd),
table tr.odd,
table tr.bgdark{ background-color:#F1F1F1; }
table tr:nth-child(even),
table tr.even,
table tr.bglight{ background-color:#FFF; }
table tr td,
table tr:nth-child(odd) td,
table tr.odd td,
table tr.bgdark td{ border-right:1px solid #FFF; }
table tr:nth-child(even) td,
table tr.even td,
table tr.bglight td { border-right:1px solid #F1F1F1; }
table tr td.last,
table tr.odd td.last,
table tr.even td.last,
table tr.bgdark td.last,
table tr.bglight td.last{ border-right:0; }
table caption
{
padding:5px;
color:#E3001B;
font-size:16px;
text-align:left;
font-weight:bold;
text-transform:uppercase;
}
table th{ padding:5px; }
table td{ padding:23px 5px; }
table td span{ color:#000; }
table td a *{ color:#E3001B; }
table td small{ font-size:12px; }
table td strong{ font-weight:normal; }
.icon
{
overflow:hidden;
line-height:14px;
background-repeat:no-repeat;
background-position:left top;
}
.icon.red
{
color:#FFF;
padding-left:5px;
background-color:#E3001B;
}
.icon > i
{
overflow:hidden;
background-repeat:no-repeat;
background-position:left top;
width:50px;
height:14px;
min-width:50px;
font-size:14px;
overflow:hidden;
max-height:14px;
line-height:14px;
margin-left:5px;
padding-right:5px;
display:inline-block;
background-image:url( /design/crf_refonte/images/pictos_thematiques_red-50x14.png );
}
.icon.red > i
{
background-image:url( /design/crf_refonte/images/pictos_thematiques_white-50x14.png );
}
.icon .icon-portrait,
.icon .icon-diaporama,
.icon .icon-reportage,
.icon .icon-formation,
.icon .icon-action-internationale,
.icon .icon-tribune,
.icon .icon-presse,
.icon .icon-interview,
.icon .icon-urgence,
.icon .icon-breve,
.icon .icon-evenement{ width:20px;max-width:20px;min-width:20px; }
.icon .icon-video, .icon .icon-urgence-secourisme,
.icon .icon-enquete, .icon .icon-histoire, .icon .icon-sante-autonomie,
.icon .icon-action-sociale, .icon .icon-partenaires{ width:25px;max-width:26px;min-width:26px; }
.icon .icon-jeunesse{ width:29px;max-width:29px;min-width:29px; }
.icon .icon-mouvement{ width:49px;max-width:49px;min-width:49px; }
.icon .icon-portrait{ background-position:5px 0px; }
.icon .icon-diaporama{ background-position:5px -14px; }
.icon .icon-video{ background-position:5px -28px; }
.icon .icon-reportage{ background-position:5px -42px; }
.icon .icon-mouvement{ background-position:5px -56px; }
.icon .icon-jeunesse{ background-position:5px -70px; }
.icon .icon-urgence-secourisme{ background-position:5px -84px; }
.icon .icon-sante-autonomie{ background-position:5px -98px; }
.icon .icon-formation{ background-position:5px -112px; }
.icon .icon-action-internationale{ background-position:5px -126px; }
.icon .icon-enquete{ background-position:5px -140px; }
.icon .icon-tribune{ background-position:5px -154px; }
.icon .icon-histoire{ background-position:5px -168px; }
.icon .icon-presse{ background-position:5px -182px; }
.icon .icon-action-sociale{ background-position:5px -196px; }
.icon .icon-partenaires{ background-position:5px -210px; }
.icon .icon-interview{ background-position:5px -224px; }
.icon .icon-urgence{ background-position:5px -238px; }
.icon .icon-breve{ background-position:5px -252px; }
.icon .icon-evenement{ background-position:5px -266px; }
.icon-grey-car{ background-image:url( "/design/crf_refonte/images/icon_grey_car-85x85.png" ); }
.icon-grey-hand{ background-image:url( "/design/crf_refonte/images/icon_grey_hand-85x85.png" ); }
.icon-grey-note{ background-image:url( "/design/crf_refonte/images/icon_grey_note-85x85.png" ); }
.icon-grey-shake{ background-image:url( "/design/crf_refonte/images/icon_grey_shake-85x85.png" ); }
.icon-grey-search{ background-image:url( "/design/crf_refonte/images/icon_grey_search-85x85.png" ); }
.icon-grey-dialog{ background-image:url( "/design/crf_refonte/images/icon_grey_dialog-85x85.png" ); }
.icon-grey-partners{ background-image:url( "/design/crf_refonte/images/icon_grey_partners-85x85.png" ); }
.main-form{}
.main-form p#saisie-region {
display: none;
}
.main-form p{ margin-bottom:20px; }
.main-form label{}
.main-form label.f-left{ margin-right:10px; }
.main-form textarea,
.main-form input[type="text"]
{
padding:5px;
background:#FFF;
border:1px solid #F1F1F1;
border-top:1px solid #BFBFBF;
}
.main-form input[type="checkbox"],
.main-form input[type="radio"]
{
margin-top:0;
vertical-align:middle;
}
.main-form input[type="checkbox"]{ margin-bottom:0; }
.main-form ul li{ margin-bottom:10px; }
.main-form textarea
{
height:215px;
display:block;
max-height:215px;
}
.main-form input[type="submit"]
{
border:0;
margin:0;
color:#FFF;
font-size:18px;
overflow:hidden;
padding:2px 15px;
font-weight:bold;
text-transform:uppercase;
background-color:#E3001B;
background-repeat:no-repeat;
background-position:left top;
}
#no-email-error {
color: red;
display: none;
}
.main-form input[type="submit"].hover,
.main-form input[type="submit"]:hover{ background-color:#474747; }
.main-form .title
{
font-size:22px;
font-weight:bold;
line-height:1.3em;
margin-bottom:20px;
text-transform:uppercase;
font-family:"Roboto Condensed", Arial, sans-serif;
}
.main-form .item{ margin-top:15px; }
.main-form .required em
{
color: #E3001B;
font-size: 15px;
padding-left: 3px;
}
.main-form label span
{
margin-right:4px;
font-weight:normal;
display:inline-block;
padding: 2px 0 1px 0;
overflow: hidden;
}
.main-form label small{ font-size:12px; }
.main-form form > div > p,
.main-form.as-inline-column p > span,
.main-form.as-inline-column p label > span
{
width:37%;
line-height:1em;
text-align:right;
margin-right:20px;
font-weight:normal;
padding:3px 0 3px 0;
}
.main-form.as-inline-column p label > span.custom-select-box{ margin-right:0; }
.main-form.as-inline-column p label > .custom-select-box{ width:56%; }
.main-form.as-inline-column p label > .custom-select-box select{ margin:0; }
.main-form form > div > p > span{ width:100% !important; }
.main-form.as-inline-column p label > span{ float:left; }
.main-form.as-inline-column label.a-left span{ text-align:left;float:none; }
.main-form.as-inline-column input[type="text"]{ width:54%; }
.main-form.as-inline-column textarea{ width:97%; }
.main-form label[for="submitted"]{ width:auto; }
.main-form label[for="cancel"]{ width:auto;margin-right:20px; }
.main-form .infos{ font-size:13px; }
.main-form .no-margin-bottom{ margin-top:20px; }
.main-form .no-margin-top { margin-top:0 !important; }
.main-form .box-group {
overflow: hidden;
}
.main-form .box-group label {
display: block;
margin-bottom: 5px;
}
.main-form.as-column .clearfix > span,
.main-form.as-column .clearfix > label
{
display:block;
margin-bottom:10px;
}
#main-column .press-search,
#main-column .medias-search,
#main-column .news-search{ margin-bottom:25px; }
#main-column .press-search label > span,
#main-column .medias-search label > span{ width:45px; }
#main-column .press-search label > span.custom-select-box,
#main-column .medias-search label > span.custom-select-box{  width:60% }
#main-column .news-search .title,
#main-column .medias-search .title{ margin-bottom:0; }
#main-column .news-search p,
#main-column .medias-search p,
#main-column .news-search .item,
#main-column .medias-search .item{ margin-bottom:0; }
#main-column .news-search label[for="submitted"],
#main-column .medias-search label[for="submitted"]{ border:0 !important;background:transparent !important;margin-top:0; }
#main-column .news-search label,
#main-column .medias-search label{ float:left; }
#main-column .news-search label.f-right,
#main-column .medias-search label.f-right{ float:right; }
#main-column .news-search .item{}
#main-column .news-search .item.first{}
#main-column .news-search .item{ width:24%;margin-left:1%; }
#main-column .medias-search .item{ width:46%;margin-left:2.8%; }
#main-column .news-search .item.first{ width:22%;margin-left:0%; }
#main-column .medias-search .item.first{ width:45%;margin-left:0%; }
#main-column .news-search .item.f-right,
#main-column .medias-search .item.f-right{ text-align:right; }
#main-column .news-search .item .custom-select-box,
#main-column .medias-search .item .custom-select-box{ width:90% !important; }
#main-column .news-search .item input[type="text"],
#main-column .medias-search .item.item input[type="text"]
{
border:0;
padding:0;
width:100%;
background: transparent;
}
#main-column .news-search .item.first,
#main-column .medias-search .item.first{ border:1px solid #F1F1F1;border-top:1px solid #BFBFBF;background: #FFF;margin-right: 2%; }
#main-column .news-search .item.first input[type="text"],
#main-column .medias-search .item.first input[type="text"]{ margin:5px;width:93%; }
#main-column .news-search .item.f-right,
#main-column .medias-search .item.f-right{ border:0;background: transparent;margin-top:15px; }
#main-column .main-form.as-inline-column #search-location-form{}
#main-column .main-form.as-inline-column #search-location-form p label > span{ width:15%; }
#main-column .main-form.as-inline-column #search-location-form p label > input{ width:78%; }
#main-column .main-form.as-inline-column #search-location-form p label > input[type="submit"]{ width:auto; }
#main-column .main-form.as-inline-column #search-location-form p label > span.custom-select-box{ width:80%; }
#faq-question-container{
display: none;
width: calc(100% - 30px);
padding: 15px;
color: #6f6f6f;
background-color: #f5f5f5;
border: 1px solid #a6a6a6;
margin-bottom: 35px;
}
#faq-response-container{
display: none;
max-width: unset !important;
top: unset !important;
left: unset !important;
margin-top: -30px;
background-color: #fcfcfc !important;
border: 1px solid #ddd !important;
opacity: 0.9;
}
#faq-response-container  li a {color: #555 !important;}
#faq-response-container > p > span{
color: #E3001B !important;
font-weight: 600 !important;
}
#faq-response-container > p > span:hover{
color: #444 !important;
font-weight: 800 !important;
font-size: 18px;
}
#faq-response-container > p{
line-height: 8px;
background-color: #ddd !important;
}
#faq-response-container:after,
#faq-response-container:before {
display: none !important;
}
#elk_form_dom{
margin-bottom: 30px;
}
#elk_form_dom .formField{ clear:both;width:100%;margin-bottom:20px; }
#elk_form_dom .formField .formfield-left,
#elk_form_dom .formField .formfield-right{ float:left;width:auto; }
#elk_form_dom .formField .formfield-left{ width:150px;margin-right:20px; }
#elk_form_dom .formField .formfield-left label,
#elk_form_dom .formField .formfield-left-textarea label
{
width:100%;
display:block;
text-align:right;
color:#474747;
font-size:15px;
line-height:15px;
font-weight:normal;
}
#elk_form_dom .formField .formfield-left-textarea label{ text-align:left;margin-bottom:5px; }
#elk_form_dom .formField .formfield-left label .oblig,
#elk_form_dom .formField .formfield-left-textarea label .oblig,span.required{ color:#E3001B; }
#elk_form_dom .formField .formfield-right{ width:59%; }
#elk_form_dom .formField .formfield-right input[type="text"]{ width:100%; }
#elk_form_dom .formField .formfield-right .custom-select-box{ padding:5px;width:100%; }
#elk_form_dom .formField .formfield-right .custom-select-box select{ margin:0; }
#elk_form_dom .buttons{ text-align:right; }
#elk_form_dom .formField select
{
border:0;
width:120%;
line-height: 1;
cursor:pointer;
overflow:hidden;
border-radius: 0;
background: transparent;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance:none;
appearance: none;
}
#elk_form_dom .formField select::-ms-expand
{
display: none;
}
#elk_form_dom .fieldErreur {
clear: both;
color: #E3001B;
display: block;
margin-bottom: 8px;
margin-right: 0;
padding-top: 5px;
text-align: left;
width: 54%;
font-size: 0.8em;
padding-left: 170px;
font-weight: normal;
}
#elk_form_dom .fieldErreur:before {
content: "↑";
font-size: 1.2em;
position: relative;
top: -2px;
vertical-align: top;
}
#elk_form_dom #div_cof_inscrit_news {
display: none;
}
.custom-select,
.custom-select-box,
.custom-select-box-mask{ display:block; }
.custom-select-box
{
padding-top:3px;
padding-bottom:4px;
line-height:1em;
margin-right: 0;
overflow: hidden;
border:1px solid #F1F1F1;
text-align:left !important;
border-top:1px solid #BFBFBF;
background:url( /design/crf_refonte/images/icon_selectbox-22x22.png ) no-repeat #FFF;
background-position: right 3px top 3px;
}
.custom-select-box-mask
{
width:100%;
overflow:hidden;
}
.custom-select
{
outline: none;
width:100%;
overflow:hidden;
border: 0;
padding: 1px;
cursor:pointer;
border-radius: 0;
color: #000;
background: transparent;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance:none;
appearance: none;
padding-right: 25px;
}
.custom-select::-ms-expand
{
display: none;
}
#sidebar .main-form span.custom-select-box{ width:100%;}
.main-form.as-inline-column span.birthday{ width:auto;margin-right:5%;text-align:left; }
.main-form.as-inline-column span.birthday input[type="text"]{ width:auto; }
.main-form.as-inline-column span.birthday span
{
margin-right:25px;
}
.main-form.as-inline-column span.birthday .custom-select
{
width:155%;
}
.main-form.as-inline-column span.birthday .custom-select-box-mask
{
width:65%;
}
#aside-menu{}
.list .item{ margin-bottom:25px; }
.list > hr{ margin-bottom:25px;clear:both; }
.list .item hr{ margin-top:25px;clear:both; }
.list .item.last hr{ visibility:hidden;display:none; }
#main-article.list .item.last hr{ visibility:visible;display:block;clear:both; }
.list .list-title,
.list .item .title
{
color:#E3001B;
font-size:24px;
font-weight:normal;
margin-bottom:20px;
line-height:1.1em;
}
.list .item .title.red a{ color:#E3001B; }
.list .item .text-block{ margin-bottom:5px; }
.list .item.small .title
{
font-size:16px;
margin-bottom:5px;
}
.list .item .view-all
{
padding:5px 10px;
background:#E3001B;
}
.list .item .view-all:hover{ background-color:#474747; }
.list .item .view-all span
{
color:#FFF;
padding-left:15px;
font-weight:normal;
background-repeat:no-repeat;
background-position:left center;
background-image:url( "/design/crf_refonte/images/arrow_white_right-8x10.png" );
}
.list .item.fiche-benevole .title {
margin-bottom: 5px;
}
.list .item.fiche-benevole .activity-action {
margin: 0;
font-size: 13px
}
.formfield-clear:after, .formfield-clear:before,
.contributed-block:after, .contributed-block:after,
.contributed-block:before, .contributed-block:before,
.contributed-block p:after, .contributed-block p:after,
.contributed-block p:before, .contributed-block p:before
{ content: ".";display: block;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0;width: 0;height: 0; }
.formfield-clear:after,
.contributed-block:after, .contributed-block:after,
.contributed-block p:after, .contributed-block p:after
{ clear: both; }
.formfield-clear,
.contributed-block,
.contributed-block p
{*zoom: 1; }
.list .item .title,
.contributed-block .title
{
color:#E3001B;
font-size:24px;
line-height:1.1em;
font-weight:normal;
margin-bottom:20px;
}
.contributed-block .title{ margin-bottom:5px;font-size:18px; }
.contributed-block .small-title
{
color:#474747;
font-size:16px;
font-weight:normal;
margin-bottom:5px;
text-transform: uppercase;
}
.contributed-block h4.small-title {
font-size: 18px;
margin-bottom: 20px;
font-weight: bold;
}
.contributed-block h5.small-title {
font-size: 18px;
margin-bottom: 15px;
}
.contributed-block h6.small-title {
font-size: 15px;
margin-bottom: 10px;
}
.contributed-block p,
.list .item .text-block p
{
font-size:15px;
line-height:1.3em;
margin-bottom:20px;
}
.contributed-block a,
.contributed-block p a{ color:#E3001B; }
.contributed-block ul,
.contributed-block p ul,
.list .item .text-block ul
{
margin-left:15px;
margin-bottom: 20px;
list-style:disc outside none;
list-style:square url( "/design/crf_refonte/images/icon_red_plus-6x6.png" );
}
.contributed-block ol,
.contributed-block p ol,
.list .item .text-block ol {
margin-left:15px;
margin-bottom: 20px;
list-style: decimal;
}
.contributed-block ul li,
.contributed-block p ul li,
.list .item .text-block ul li,
.contributed-block ol li,
.contributed-block p ol li,
.list .item .text-block ol li{ margin-bottom:10px; }
.contributed-block ul li.last,
.contributed-block p ul li.last,
.list .item .text-block ul li.last,
.contributed-block ol li.last,
.contributed-block p ol li.last,
.list .item .text-block ol li.last{ margin-bottom:0; }
.contributed-block img,
.contributed-block p img,
.contributed-block p a img
{
float:left;
width:auto;
max-width: 100%;
display:block;
margin-right:7px;
margin-bottom:3px;
}
.contributed-block .object-center img,
.contributed-block .object-center p img,
.contributed-block .object-center p a img {
float: none;
margin-right: 0;
margin-bottom: 0;
display: initial;
}
sup {
vertical-align: super;
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
}
.tree{}
.tree ul{ border-left:1px solid #C4C4C4; }
.tree > ul{ border-left:1px solid #E3001B; }
.tree ul li{ padding-left:20px; }
.tree ul li a
{
display:block;
margin-bottom:10px;
}
.tree > ul > li > a
{
color:#FFF;
font-size:16px;
padding:2px 7px;
font-weight:bold;
display:inline-block;
background-color:#E3001B;
}
.tree > ul > li > ul > li > a
{
color:#E3001B;
font-size:14px;
padding-left:10px;
font-weight:normal;
background:url( /design/crf_refonte/images/icon_red_plus-6x6.png ) no-repeat left center transparent;
}
.tree > ul > li > ul > li > ul > li > a
{
padding-left:10px;
background:url( /design/crf_refonte/images/icon_plus-7x6.png ) no-repeat left center transparent;
}
#main-article .date{ font-weight:lighter;line-height:33px; }
.page.listes .date,
.page.espace-presse .date
{
margin-bottom:7px;
font-weight:normal;
}
.page.homepage #main-column .item{ margin-bottom:35px; }
.page.homepage #main-column .item figure{ margin-bottom:5px; }
.page.homepage #main-column .item .text-block{ padding:0 10px;margin-top:0px; }
.page.homepage #main-column .item .text-block .sup-title{ font-weight:normal;color:#E3001B;font-size:16px; }
.page.homepage #main-column .item .text-block .title,
.page.homepage #main-column .item .text-block .sup-title{ margin-bottom:15px; }
.page.homepage #main-column .item .text-block .title
{
font-size:30px;
font-weight:normal;
}
.page.homepage #main-column .item .text-block  .content{ line-height:1.2em;margin-bottom:15px; }
.page.homepage #main-column .item .text-block  .content,
.page.homepage #main-column .item .text-block  .socials{ font-size:15px; }
.page.homepage #main-column .item .text-block .socials{ margin-bottom:12px; }
.page.homepage #main-column .item .bottom-block{ min-height:44px; height:44px; }
.page.homepage #main-column .item .bottom-block a.donate{ font-weight:normal;padding:3px; text-transform:none; }
.page.homepage #main-column .item .bottom-block a.donate:hover
{
color:#FFF;
border:1px solid #E3001B;
background-color: #E3001B;
}
.page.mediatheque{}
.page.mediatheque .list .item .title{ margin-bottom:0; }
.page.mediatheque .list .item .date{ font-weight:normal; }
.page.mediatheque .list .item .top-block{ margin-top:20px; }
.page.mediatheque .list .item .text-block{ margin-top:20px; }
.page.mediatheque .list .item .top-block a{ color:#E3001B; }
.page.mediatheque .list .item .bottom-block{ margin-top:20px; }
.page.rubrique .columns2-aside-left #main-column{}
.page.rubrique .columns2-aside-left #main-column .item{ margin-bottom:25px; }
.page.rubrique .columns2-aside-left #main-column .item.last{ margin-bottom:0; }
.page.rubrique .columns2-aside-left #main-column .item hr{ margin-top:13px; }
.page.rubrique .columns2-aside-left #main-column .item.last hr{ display:none;visibility:hidden; }
.page.rubrique .columns2-aside-left #main-column .item figure{ margin-bottom:25px; }
.page.appels-offres .list .item .top-block,
.page.appels-offres .list .item .details-block{ margin-bottom:20px; }
.page.appels-offres .list .item .details-block{ color:#E3001B; }
.page.espace-presse #main-column.col2-right .list .sup-title
{
color:#E3001B;
font-size:24px;
font-weight:normal;
margin-bottom:35px;
}
.page.espace-presse #main-column.col2-right .list .item.noimage .bordered{ margin-top:0; }
.page.espace-presse #main-column.col2-right .list .item .title{ font-size:16px;margin-bottom:5px; }
.page.listes .columns2-sidebar-right #main-column .item .text-block p{ margin-bottom:0;line-height:1.3em; }
#main-article .top-block
{
min-height:33px;
margin-bottom:5px;
}
#main-article-content{ min-height: 25px;}
.page.single .columns2-aside-left #main-column{}
.page.single .columns2-aside-left #main-article{}
.page.single .columns2-aside-left #main-article{ margin-bottom:25px;padding-bottom:0 !important; }
.page.single .columns2-aside-left #main-article .text-block p{ margin-bottom:5px;font-weight:normal; }
.page.single .columns2-aside-left #main-article-content .item .title{ font-size:18px;text-transform:uppercase; }
.page.single .columns2-aside-left #main-article-content .item .sup-title{ font-weight:normal;font-size:16px;margin-bottom:15px; }
.page.single .columns2-aside-left #main-article-content .text-block .hashtags{ margin-top:20px;margin-bottom:0px; }
.page.single.video .columns2-aside-left #main-article figure {position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px;}
.page.single.video .columns2-aside-left #main-article figure iframe {width: 100%; position: absolute; top: 0; right: 0; height: 100%}
.page.single.partenaire .columns2-aside-left #main-article figure img {width: auto;}
.social-bar{ margin-top:5px; }
.social-bar li{ margin-right:20px; }
.social-bar li.last{ margin-right:0; }
.social-bar-noprint .print{ display:none;visibility:visible; }
#aside-menu #page-navigation{ padding:10px; }
#aside-menu #page-navigation .title,
#aside-menu #page-navigation .title a
{
color:#E3001B;
font-size:24px;
font-weight:bold;
margin-bottom:15px;
text-transform:uppercase;
font-family:"Bitter", "Times New Roman", serif;
}
#aside-menu #folder-navigation .title a,
#aside-menu #page-navigation .title a
{
display:block;
text-align:center;
}
#aside-menu #folder-navigation .title a.a-left,
#aside-menu #page-navigation .title a.a-left
{
text-align:left;
line-height: 1;
}
#aside-menu #page-navigation dl{ margin-bottom:10px; }
#aside-menu #page-navigation dl dt
{
font-size:16px;
margin-top:5px;
padding-left:14px;
font-weight:normal;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:left center;
background-image:url( "/design/crf_refonte/images/arrow_grey-8x10.png" );
}
#aside-menu #page-navigation dl dd{ padding-left:20px; }
#aside-menu #page-navigation dl dd li{ padding-bottom:10px; }
#aside-menu #page-navigation dl dd li a:hover{ color:#E3001B; }
#aside-menu #page-navigation dl.last dd li.last{ padding-bottom:0; }
#aside-menu #folder-navigation li a.active,
#aside-menu #page-navigation li a.active,
#aside-menu #page-navigation li a.active span {
color:#E3001B;
}
#aside-menu #page-links{}
#aside-menu #page-links li
{
padding:10px;
margin-bottom:10px;
}
#aside-menu #page-links li.last{ margin-bottom:0; }
#aside-menu #folder-navigation h4 a
{
display: block;
color: #E3001B;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
}
#aside-menu #page-links li a
{
display:block;
color:#E3001B;
font-size:16px;
font-weight:bold;
padding-left:14px;
text-transform:uppercase;
background-repeat:no-repeat;
background-position:left 5px;
font-family:"Bitter", "Times New Roman", serif;
background-image:url( "/design/crf_refonte/images/arrow_grey-8x10.png" );
}
#aside-menu #page-links li a:hover,
#aside-menu #page-links li a:hover span{ color:#474747; }
#main-banner
{
z-index:950;
position:relative;
}
#main-banner .logo{ padding-left:0; }
#main-banner .logo a{ display:block; }
#main-banner .mobile-menu > ul > li{}
#main-banner .mobile-menu > ul > li > a
{
display:block;
min-width:42px;
min-height:42px;
text-indent:-9999px;
}
#main-banner .mobile-menu > ul > li.icon,
#main-banner .mobile-menu > ul > li.icon > a
{
padding-right:inherit;
background-repeat:no-repeat;
background-position:center center;
}
#main-banner .mobile-menu > ul > li.icon.twitter > a{ background-image:url( "/design/crf_refonte/images/icon_mobile_twitter-42x42.png" ); }
#main-banner .mobile-menu > ul > li.icon.facebook > a{ background-image:url( "/design/crf_refonte/images/icon_mobile_facebook-42x42.png" ); }
#main-banner .mobile-menu > ul > li.icon.search > a{ background-image:url( "/design/crf_refonte/images/icon_mobile_search-42x42.png" ); }
#main-banner .mobile-menu > ul > li.icon.menu > a{ background-image:url( "/design/crf_refonte/images/icon_mobile_menu-42x42.png" ); }
#main-banner .mobile-menu > ul > li.my-account{ background-color:#212121; }
#main-banner .mobile-menu > ul{ position:relative; }
#main-banner .mobile-menu > ul > .menu > .mobile-submenu
{
left:0;
width:100%;
position:absolute;
background:#212121;
text-transform:uppercase;
}
#main-banner .mobile-menu > ul > .menu > .mobile-submenu li{ display:block;float:none; }
#main-banner .mobile-menu > ul > .menu .mobile-submenu a span{ line-height:1em;display:block; }
#main-banner .mobile-menu > ul > .menu .mobile-submenu a
{
color:#FFF;
display:block;
font-size:28px;
padding-left:20px;
font-weight:normal;
border-top:1px solid #3E3E3E;
font-family:"Roboto Condensed", Arial, sans-serif;
}
#main-banner .mobile-menu > ul > li.menu .mobile-submenu .mobile-submenu a
{
color:#C1C1C1;
padding-left:40px;
text-transform:none;
background-color:#323232;
font-family:"Roboto Condensed", Arial, sans-serif;
}
#main-banner .mobile-menu > ul > li.menu .mobile-submenu .mobile-submenu a:hover{ color:#FFF;background-color:#656565; }
#main-banner .mobile-menu > ul > .menu .top-links{ background-color:#000; }
#main-banner .mobile-menu > ul > .menu .top-links a{ padding:0;float:left;display:block;width:33.3333%;background:none; }
#main-banner .mobile-menu > ul > .menu li.top-links a span{ border:0;font-weight:lighter;font-family:"Roboto Condensed", Arial, sans-serif; }
#main-banner .mobile-menu > ul > .menu a span
{
font-weight:bold;
padding-top:9px;
padding-bottom:9px;
}
#main-banner .mobile-menu > ul > .menu .menu > a
{
padding-right:16.4%;
background-repeat:no-repeat;
background-position:93.5% center;
background-image:url( /design/crf_refonte/images/icon_arrow_down_white-30x30.png );
}
#main-banner .mobile-menu > ul > .menu .menu > a span{ border-right:1px solid #3E3E3E; }
#main-banner .quick-links ul{ line-height:23px; }
#main-banner .quick-links li a
{
font-size:14px;
padding-left:15px;
padding-right:15px;
background-repeat:no-repeat;
background-position:left center;
background-image:url( "/design/crf_refonte/images/icon_plus-7x6.png" );
}
#main-banner .quick-links li.last a{ padding-right:0; }
#main-banner .quick-links li a:hover,
#main-banner .quick-links li a:hover span{ color:#E3001B;  }
#main-banner .links ul
{
padding:8px;
background:#F1F1F1;
}
#main-banner .links li
{
padding-left:15px;
padding-right:20px;
font-size:16px;
line-height:26px;
font-weight:bold;
text-transform:uppercase;
background-repeat:no-repeat;
background-position:right center;
background-image:url( "/design/crf_refonte/images/arrow_white-9x26.png" );
}
#main-banner .links li.last{ padding-right:12px;background-image:none; }
#main-banner .links li a:hover,
#main-banner .links li a:hover span{ color:#E3001B; }
#main-banner .search input[type="text"]
{
display:block;
background:#FFF;
margin-right:2px;
}
#main-banner .search input[type="submit"]
{
border:0;
margin:0;
padding:0;
width:28px;
font-size:0;
height:25px;
display:block;
overflow:hidden;
background-color:#E3001B;
background-repeat:no-repeat;
background-position:left top;
background-image:url( "/design/crf_refonte/images/search_button-28x25.png" );
}
#main-banner .search input[type="submit"].hover,
#main-banner .search input[type="submit"]:hover{ background-color:#474747; }
#main-banner .search input[type="text"]
{
max-width:160px;
color:#a6a6a6;
font-size:15px;
padding:2px 5px 2px 5px;
border:1px solid #a6a6a6;
}
#main-banner .donate{ padding-right:0; }
#slider-gallery{ z-index:700; }
#slider-gallery .gallery-view{ z-index:720; }
#slider-gallery .gallery-view .gallery-slides{ z-index:730;position:relative; }
#slider-gallery .gallery-view .gallery-slides{ overflow:hidden; }
#slider-gallery .gallery-view .gallery-slides .item{ float:left;display:block;margin-bottom:0; }
#slider-gallery .gallery-view .gallery-slides .item .text-block{ margin-bottom:0; }
#slider-gallery .gallery-view .gallery-slides .item{ position:relative; }
#slider-gallery .gallery-view .gallery-slides .item .text-block
{
left:0;
bottom:0;
color:#FFF;
padding:7px 7px 14px;
font-size:17px;
min-width:755px;
position:absolute;
background-color:rgba( 0, 0, 0, 0.75 );
}
#slider-gallery .gallery-view .gallery-slides .item .text-block *
{
margin:0;
padding:0;
font-size:17px;
min-width:100%;
}
#slider-gallery .gallery-view .gallery-slides .slidesjs-next,
#slider-gallery .gallery-view .gallery-slides .slidesjs-previous
{
top:50%;
width:38px;
height:38px;
font-size:0;
display:block;
margin-top:-19px;
text-align:center;
position:absolute;
background-repeat:no-repeat;
background-color:transparent;
background-position:center center;
}
#slider-gallery .gallery-view .gallery-slides .slidesjs-next
{
right:10px;
z-index:730;
background-image:url( /design/crf_refonte/images/icon_arrow_diaporama_right-38x37.png );
}
#slider-gallery .gallery-view .gallery-slides .slidesjs-previous
{
left:10px;
z-index:740;
background-image:url( /design/crf_refonte/images/icon_arrow_diaporama_left-38x37.png );
}
#slider-gallery .gallery-view .gallery-slides .slidesjs-pagination{ display:none;visibility:hidden; }
#slider-gallery .gallery-pagination
{
margin-top:15px;
margin-bottom:25px;
}
#slider-gallery .gallery-pagination .next,
#slider-gallery .gallery-pagination .previous,
#slider-gallery .gallery-pagination .thumbs{ height:56px;min-height:56px; }
#slider-gallery .gallery-pagination .next,
#slider-gallery .gallery-pagination .previous{ width:3.8%;display:block; }
#slider-gallery .gallery-pagination .next a,
#slider-gallery .gallery-pagination .previous a{ display:block;width:100%;height:100%; }
#slider-gallery .gallery-pagination .next a,
#slider-gallery .gallery-pagination .previous a
{
background-repeat:no-repeat;
background-color:transparent;
background-position:center center;
}
#slider-gallery .gallery-pagination .next a{ background-image:url( /design/crf_refonte/images/icon_arrow_right_grey-12x15.png ); }
#slider-gallery .gallery-pagination .previous a{ background-image:url( /design/crf_refonte/images/icon_arrow_left_grey-12x15.png ); }
#slider-gallery .gallery-pagination .next a.is_running,
#slider-gallery .gallery-pagination .previous a.is_running{ opacity:0.3; }
#slider-gallery .gallery-pagination .thumbs
{
width:92.4%;
min-width:92%;
overflow:hidden;
position:relative;
}
#slider-gallery .gallery-pagination .list
{
top:0;
left:-10px;
position:absolute;
}
#slider-gallery .gallery-pagination .list .item{ margin:0 10px; }
#slider-gallery .gallery-pagination .list .item.hover,
#slider-gallery .gallery-pagination .list .item.active{ border-color:#474747; }
#main-slider .slider{ z-index:600; }
#main-slider .slider,
#main-slider .slider figure,
#main-slider .slider figure a,
#main-slider .slider figure a img,
#main-slider .slider .slidesjs-container{ min-height:435px; }
#main-slider .slider .item{ background-color:#95CDDE; }
#main-slider .slider .item figure{ padding:0; border-right:5px solid #FFF; }
#main-slider .slider .item .text-block
{
padding:20px;
position:relative;
}
#main-slider .slider .item .text-block .sup-title
{
font-size:18px;
font-weight:bold;
}
#main-slider .slider .item .text-block .sup-title b{ font-size:29px; }
#main-slider .slider .item .text-block .title,
#main-slider .slider .item .text-block .title strong
{
color:#FFF;
font-size:39px;
line-height:1em;
font-weight:normal;
}
#main-slider .slider .item .text-block .content,
#main-slider .slider .item .text-block .content p
{
font-size:18px;
line-height:1.4em;
margin-bottom:15px;
font-weight:lighter;
}
#main-slider .slider .item .text-block .socials
{
margin-left:0;
font-size:17px;
}
#main-slider .socials li
{
height:41px;
line-height:41px;
}
#main-slider .socials li.twitter a,
#main-slider .socials li.facebook a
{
height:41px;
min-height:41px;
}
#main-slider .socials li.facebook a
{
padding-right:55px;
background-image:url( "/design/crf_refonte/images/icon_social_facebook-white-42x41.png" );
}
#main-slider .socials li.twitter a
{
padding-left:55px;
background-image:url( "/design/crf_refonte/images/icon_social_twitter-white-42x41.png" );
}
#main-slider .slider.list .item .text-block{ margin-bottom:0; }
#main-slider .slider .item .text-block a.donate
{
font-size:18px;
font-weight:normal;
border:1px solid #FFF;
}
#main-slider .slider .item .text-block a.donate:hover
{
color:#FFF;
border:1px solid #E3001B;
background-color: #E3001B;
}
#main-slider .slider .item .text-block .f-right
{
margin-top:45px;
margin-right:-10px;
}
#main-slider .slider .item .text-block .f-right .learn-more
{
font-weight:bold;
text-transform:uppercase;
}
#main-slider .slider .item .text-block .f-right .learn-more span
{
padding-left:15px;
background-repeat:no-repeat;
background-position:left center;
background-image:url( "/design/crf_refonte/images/arrow_white_right-8x10.png" );
}
#slidesjs-pagination-custom{ margin-top:5px; }
#slidesjs-pagination-custom li{ width:50%; }
#slidesjs-pagination-custom .bordered
{
height:54px;
line-height:54px;
}
#slidesjs-pagination-custom .next .bordered
{
border:0;
text-align:right;
padding-left:10px;
border-left:3px solid #F0F0F0;
}
#slidesjs-pagination-custom .previous .bordered
{
border:0;
text-align:left;
padding-right:10px;
border-right:3px solid #F0F0F0;
}
#slidesjs-pagination-custom li a
{
font-size:18px;
line-height:1em;
vertical-align:middle;
}
#slidesjs-pagination-custom b{ color:#bdbdbd; }
#slidesjs-pagination-custom .inner-text
{
font-size:18px;
line-height:1em;
}
#slidesjs-pagination-custom .icon
{
width:54px;
height:10px;
padding:22px 0;
line-height:10px;
background-color:#E3001B;
background-repeat:no-repeat;
background-position:center center;
}
#slidesjs-pagination-custom .icon.f-left
{
margin-right:10px;
background-image:url( "/design/crf_refonte/images/arrow_white_left-8x10.png" );
}
#slidesjs-pagination-custom .icon.f-right
{
margin-left:10px;
background-image:url( "/design/crf_refonte/images/arrow_white_right-8x10.png" );
}
#slidesjs-pagination-custom .next .icon.f-left,
#slidesjs-pagination-custom .previous .icon.f-right{ display:none;visibility:hidden; }
#slidesjs-pagination-custom .active
{
display:none;
visibility:hidden;
}
#main-menu{ position:relative; }
#main-menu > ul > li
{
padding:0;
min-height:41px;
text-align:center;
border-bottom:2px solid #FFF;
}
#main-menu > ul > li > a
{
display:block;
font-size:24px;
padding:10px 5px;
font-weight:normal;
text-transform:uppercase;
border-bottom:2px solid #FFF;
font-family:"Bitter", "Times New Roman", serif;
}
#main-menu > ul > li > a.red{ color:#E3001B; }
#main-menu > ul > li > a span{ padding-top:2px; }
#main-menu > ul > li > a.red span{ padding-top:0px;}
#main-menu > ul > li.open > a
{
color:#FFF;
background:#E3001B;
}
#main-menu > ul > li.open{}
#main-menu > ul > li.open .hidden
{
display:block !important;
visibility:visible !important;
}
#main-menu > ul > li > a span{ width:100%;display:block; }
#main-menu .last{}
#main-menu .first{}
#main-menu .mega-menu
{
left:0;
width:100%;
z-index:900;
position:absolute;
}
#main-menu .mega-menu .inner
{
display:block;
background:#FFF;
padding:7px 20px;
border:3px solid #E3001B;
}
#main-menu .mega-menu.columns3 dl
{
float:left;
display:block;
width:33.3333%;
text-align:left;
margin-bottom:10px;
}
#main-menu .mega-menu.columns3 dl:nth-child(4)
{
clear: left;
}
#main-menu .mega-menu.columns3 dl dt
{
margin-bottom:7px;
}
#main-menu .mega-menu.columns3 dl dt span
{
color:#E3001B;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
font-family:"Bitter", "Times New Roman", serif;
}
#main-menu .mega-menu.columns3 dl li
{
width:100%;
display:block;
text-align:left;
margin-bottom:7px;
}
#main-menu .mega-menu.columns3 dl li a
{
display:block;
font-size:15px;
text-transform:none;
font-family:"Roboto Condensed", Arial, sans-serif;
padding-left:15px;
background-repeat:no-repeat;
background-position:left 2px;
background-image:url( "/design/crf_refonte/images/icon_arrow_chevron_red-12x12.png" );
}
#main-menu .mega-menu.columns3 dl li a:hover,
#main-menu .mega-menu.columns3 dl li a:hover span{ color:#E3001B; }
#sidebar{ margin-bottom:5px; }
#sidebar .block
{
padding-left:0;
padding-right:0;
margin-bottom:30px;
}
#sidebar .block ul:not(.hashtags) {
margin-left: 15px;
margin-bottom: 20px;
list-style: disc outside none;
list-style: square url("/design/crf_refonte/images/icon_red_plus-6x6.png" );
}
#sidebar .block ul:not(.hashtags) li {
list-style: square url( "/design/crf_refonte/images/icon_red_plus-6x6.png" );
}
#sidebar .block .inner{ padding:20px; }
#sidebar .block.grey .inner{ background-color:#F1F1F1; }
#sidebar .block.red-bordered .inner
{
padding:12px;
background-color:#FFF;
}
#sidebar .block .title
{
font-weight:bold;
margin-bottom:7px;
text-transform:uppercase;
font-family:"Bitter", "Times New Roman", serif;
}
#sidebar .block .title{ font-size:17px; }
#sidebar .block .title.red{ color:#E3001B; }
#sidebar .block .title.blue{ color:#0083C4; }
#sidebar .block .title.green{ color:#A2BB22; }
#sidebar .block .title.purple{ color:#B20C70; }
#sidebar .block .sup-title.orange,
#sidebar .block .title.orange{ color:#EE7019; }
#sidebar .icon-grey-car, #sidebar .icon-grey-hand, #sidebar .icon-grey-shake, #sidebar .icon-grey-dialog,
#sidebar .icon-grey-note, #sidebar .icon-grey-search, #sidebar .icon-grey-partners{ background-repeat:no-repeat;background-position:right top; }
#sidebar .block.red-bordered .title
{
color:#E3001B;
margin-bottom:7px;
}
#sidebar .block dt,
#sidebar .block .sup-title
{
font-weight:bold;
margin-bottom:7px;
}
#sidebar .block dt
{
margin-top:-10px;
margin-bottom:17px;
}
#sidebar .block dd li{ margin-bottom:10px; }
#sidebar .block .hashtags .last{ margin-bottom:0; }
#sidebar .shop .title,
#sidebar .banner .title,
#sidebar .follow-us .title,
#sidebar .newsletter .title,
#sidebar .contact-us .title,
#sidebar .mediatheque .title
{
color:#272727;
font-size:24px;
margin-bottom:20px;
font-weight:normal;
text-transform:none;
font-family:"Roboto Condensed", Arial, sans-serif;
}
#sidebar .block .text-block
{
font-size:15px;
line-height:1.4em;
margin-bottom:20px;
font-weight:lighter;
}
.bottom-block .learn-more span
{
color: #0083c4;
text-transform: uppercase;
background-image: url( "/design/crf_refonte/images/icon_chevron_red-9x10.png" );
background-position: 95% center ;
padding-right: 10px;
background-repeat: no-repeat;
font-weight: bold;
display:block;
width:100%;
}
#sidebar .block figure
{
margin-bottom:7px;
}
#sidebar .block.red-bordered .text-block{ margin:0; }
#sidebar .block .learn-more
{
padding:5px;
display:block;
background:#FFF;
font-weight:normal;
}
#sidebar .block .learn-more.orange{ color:#EE7019; }
#sidebar .block .learn-more.orange.icon-arrow
{
color:#EE7019;
padding-right:20px;
background-repeat:no-repeat;
background-position:95% center;
background-image:url( "/design/crf_refonte/images/icon_chevron_orange-9x10.png" );
}
#sidebar .faire-un-don a b{ text-transform:uppercase;color:#0083C4; }
#sidebar .faire-un-don a small{ color:#E3001B; }
#sidebar .banner.inner{ padding:0; }
#sidebar .shop .title span
{
padding-right:35px;
background-repeat:no-repeat;
background-position:right center;
background-image:url( "/design/crf_refonte/images/icone_shop-27x27.png" )
}
#sidebar .shop li{ margin-right:10px; }
#sidebar .shop li.last{ margin-right:0; }
#sidebar .newsletter
{
background-color:#F5F0E9;
}
#sidebar .newsletter .title span
{
padding-right:35px;
background-repeat:no-repeat;
background-position:right center;
background-image:url( "/design/crf_refonte/images/icone_location-27x27.png" )
}
#sidebar .newsletter .bottom-block
{
background-color:#FFF;
border:2px solid #DDDCDA;
padding:2px 7px 2px 10px;
border-radius:2px;
-moz-border-radius:2px;
}
#sidebar .newsletter .bottom-block input[type="text"]
{
border:0;
font-size:15px;
padding:10px;
margin-top: 5px;
background:transparent;
}
#sidebar .newsletter .bottom-block input[type="submit"]
{
border:0;
width:44px;
height:44px;
font-size:0;
background-repeat:no-repeat;
background-color:transparent;
background-position:center center;
background-image:url( "/design/crf_refonte/images/icon_newsletter-44x32.png" );
}
#sidebar .follow-us.inner{ padding:15px; }
#sidebar .follow-us .title,
#sidebar .follow-us .text-block{ margin-bottom:0; }
#sidebar .follow-us .title
{
font-size:15px;
line-height:34px;
margin-right:12px;
display:inline-block;
text-transform:uppercase;
}
#sidebar .follow-us .rss,
#sidebar .follow-us .youtube,
#sidebar .follow-us .twitter,
#sidebar .follow-us .facebook,
#sidebar .follow-us .google-plus
{
width:34px;
height:34px;
overflow:hidden;
margin-right:15px;
text-indent:-99999px;
background-repeat:no-repeat;
background-color:transparent;
background-position:center center;
}
#sidebar .follow-us .rss{ margin-right:0; }
#sidebar .follow-us .facebook
{
background-image:url( "/design/crf_refonte/images/icon_social_facebook-34x34.png" );
}
#sidebar .follow-us .twitter
{
background-image:url( "/design/crf_refonte/images/icon_social_twitter-34x34.png" );
}
#sidebar .follow-us .youtube
{
background-image:url( "/design/crf_refonte/images/icon_social_youtube-34x34.png" );
}
#sidebar .follow-us .google-plus
{
background-image:url( "/design/crf_refonte/images/icon_social_google-34x34.png" );
}
#sidebar .follow-us .rss
{
background-image:url( "/design/crf_refonte/images/icon_social_rss-34x34.png" );
}
#sidebar .contact-us.inner
{
padding:0;
background-color:#E3001B;
}
#sidebar .contact-us .title
{
margin-bottom:0;
padding-right:10px;
}
#sidebar .contact-us .title a
{
color:#FFF;
display:block;
font-size:17px;
font-weight:bold;
text-transform:uppercase;
padding:25px 10px 25px 20px;
background-repeat:no-repeat;
background-position:right center;
background-image:url( "/design/crf_refonte/images/arrow_white_right-8x10.png" );
}
#sidebar .mediatheque.inner
{
padding-top:0;
padding-bottom:10px;
}
#sidebar .mediatheque .title
{
font-size:26px;
margin-bottom:0;
padding-top:20px;
padding-bottom:20px;
text-transform:uppercase;
background-repeat:no-repeat;
background-position:center center;
background-image:url( "/design/crf_refonte/images/icon_mediatheque-149x111.png" );
}
#sidebar .mediatheque .icon
{
width:49px;
height:66px;
line-height:66px;
display:inline-block;
background-repeat:no-repeat;
background-position:center center;
background-image:url( "/design/crf_refonte/images/icon_mediatheque-49x66.png" );
}
#sidebar .video figure a{ position:relative; }
#sidebar .video figure a img{ z-index:495; }
#sidebar .video figure a .icon-play
{
top:50%;
left:50%;
padding:0;
width:68px;
height:68px;
z-index:500;
display:block;
position:absolute;
margin:-34px 0 0 -34px;
background-image:url( "/design/crf_refonte/images/icon_play_video-68x68.png" );
}
#sidebar .contributed .text-block p{ line-height:1.1em; }
#sidebar .contributed .text-block a,
#sidebar .contributed .text-block a img
{
float:left;
margin-right:3px;
margin-bottom:1px;
}
#sidebar .simple-block .hashtags{ margin-top:10px; }
#call-to-action-banner{ background-color:#F2F2F2; }
#call-to-action-banner .grid-container
{
padding-top:26px;
padding-bottom:26px;
}
#call-to-action-banner .grid-container .prefix-10{ margin-left:10%; }
#call-to-action-banner .grid-container .grid-80{ padding-left:100px; padding-right:100px; }
#call-to-action-banner .grid-container ul
{
background-repeat:no-repeat;
background-position:left center;
background-image:url( "/design/crf_refonte/images/icon_voice-72x41.png" );
}
#call-to-action-banner .grid-container li
{
width:29.333%;
margin-right:4.3%;
box-shadow:4px 5px 0px rgba(228, 228, 228, 1);
-moz-box-shadow:4px 5px 0px rgba(228, 228, 228, 1);
-webkit-box-shadow:4px 5px 0px rgba(228, 228, 228, 1);
}
#call-to-action-banner .grid-container li.last{ margin-right:0; }
#call-to-action-banner .grid-container li a
{
padding:0;
color:#949494;
text-transform:uppercase;
font-size:20px !important;
text-shadow: 0 2px #E5E5E5;
}
#call-to-action-banner .grid-container li a span
{
display:block;
font-weight:bold;
padding:21px 9.4%;
font-family:"Bitter", "Times New Roman", serif;
}
#call-to-action-banner .grid-container li,
#call-to-action-banner .grid-container li a,
#call-to-action-banner .grid-container li a span{ display:block; }
#main-footer{ font-size:15px;margin-top:40px; }
#main-footer > div > *{ margin-bottom:20px; }
#main-footer li{ margin-right:25px; }
#main-footer li.last{ margin-right:0; }
#main-footer .infos{ font-size:13px; }
#main-footer li a:hover,
#main-footer li a:hover span{ color:#E3001B; }
#form-inscription label span
{
margin-right:20px;
}
#form-inscription .custom-select
{
width:130%;
}
#form-inscription .custom-select-box-mask
{
width:75%;
}
#popin-cnil {
width: 300px;
position: fixed;
right: 65px;
bottom: 10px;
}
#popin-cnil p {
margin-bottom: 0px;
}
#popin-cnil .buttons {
margin-top: 20px;
}
#popin-cnil button {
border: 0;
margin: 0;
color: #FFF;
font-size: 14px;
overflow: hidden;
padding: 2px 5px;
font-weight: bold;
text-transform: uppercase;
background-color: #E3001B;
cursor: pointer;
}
#popin-cnil .stripped {
padding: 5px 10px;
}
#popin-cnil .close {
position: absolute;
top: 0px;
right: 3px;
line-height: 15px;
font-weight: bold;
color: #E3001B;
font-size: 18px;
}
#filtre-fiches-benevole p > span {
float: left;
}
.contributed-block.event_calendar .text-block p {
margin-bottom: 0px;
}
.event_calendar .to-download {
margin-top: 5px;
}
ul.programs-list li {
width: 33%;
display: inline-block;
}
.text-block strong {
font-size: 19px;
}
.crossNav__menu__topLink {
width: 24% !important;
}
@media screen and (max-width: 479px){
.crossNav__menu__topLink {
width: 49% !important;
margin: 5px 0;
}
}
#cnil a{
color:#E3001B;
}
span.required{margin-right: 0 !important;}
div#main-article-content div.contributed-block p.text-justify,
div#main-article-content div.contributed-block div.object-justify {
text-align: justify;
}
.contributed-block img.center,
.contributed-block p img.center,
.contributed-block p a img.center {
display: inline;
float: none;
}
div#main-article-content div.contributed-block p.text-center,
div#main-article-content div.contributed-block div.object-center {
text-align: center;
}
div#main-article-content div.contributed-block p.text-left,
div#main-article-content div.contributed-block div.object-left {
text-align: left;
}
div#main-article-content div.contributed-block p.text-right,
div#main-article-content div.contributed-block div.object-right {
text-align: right;
}
div#main-article-content div.contributed-block div.object-left {
clear: left;
float: left;
}
div#main-article-content div.contributed-block div.object-right {
clear: right;
float: right;
}
#main-column .evenements .date{
font-weight: bold;
}
.lighter {
font-weight: lighter;
}
.main-form .date label.f-left {
width: 27%;
margin-right: 2%;
}
#elk_form_dom #div_right_tqa_answer_satisfaction_indice label.radio {
margin-right: 10px;
}
#elk_form_dom .answer-form h3 {
margin-bottom: 15px;
}
.main-form label[for="submitted"] { width: auto !important; }
.main-form.as-inline-column p.date label > span.custom-select-box {
width: 100%;
}
@media screen and (max-width: 1024px)
{
.main-form.as-inline-column p.date > span,
.main-form.as-inline-column p.date label > span {
text-align: left;
width: 100%;
}
.main-form .date label.f-left {
width: 48%;
}
}
.main-form p span.form-error:before {
content: "↑";
font-size: 1.2em;
position: relative;
top: -2px;
vertical-align: top;
}
.main-form.as-inline-column p span.form-error {
margin-left: 37%;
padding-left: 20px;
}
.main-form p span.form-error {
clear: both;
color: #E3001B;
display: block;
margin-bottom: 8px;
margin-right: 0;
padding-top: 5px;
text-align: left;
width: 54%;
font-size: 0.8em;
}
.main-form p.form-error {
position: relative;
top: -15px;
}
.page .entreprise {
position: relative;
top: -32px;
}
.page .entreprise input[type="submit"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: #E3001B;
font-weight: normal;
margin: 0;
padding: 0;
}
form .red {color: #E3001B;}
.spacer {clear: both;}
.marged-bottom-25 { margin-bottom: 25px; }
.page.carte-de-france #main-column.col2-right .list .sup-title {
color: #E3001B;
font-size: 24px;
font-weight: normal;
margin-bottom: 35px;
}
.page.carte-de-france #sidebar {
margin-bottom: 20px;
}
.page.historique-don #main-column .sup-title {
color: #E3001B;
font-size: 16px;
font-weight: bold;
padding: 5px;
text-align: left;
text-transform: uppercase;
margin-bottom: 10px;
}
.page.historique-don form.inline input[type="submit"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #E3001B;
font-size: 12px;
}
.main-form.as-inline-column input[type="password"] {
width: 54%;
}
.main-form input[type="password"]
{
padding:5px;
background:#FFF;
border:1px solid #F1F1F1;
border-top:1px solid #BFBFBF;
}
.login #main-content .grid-parent {
float: none;
margin-left: auto;
margin-right: auto;
}
.page.webbenevole #main-column.col2-right .list .sup-title {
color: #E3001B;
font-size: 24px;
font-weight: normal;
margin-bottom: 35px;
}
.page.webbenevole #main-column.col2-right .list .item .title {
font-size: 16px;
}
#main-slider .slider .item .text-block .f-right{
position: absolute;
top: 360px;
right: 20px;
}
form a,
form a span,
form p a,
form p a span,
article p a,
article div a,
article .text-bloc a,
#location-map #cr_pdcv_map a,
#location-map #map_cr_pdcv .leaflet-popup-content-wrapper a,
#sidebar .text-block > p > a,
#sidebar .text-block > a,
#sidebar .text-block > ul > li a,
#main-content #main-column #main-article .stripped .text-block p a
{
color: #E3001B;
}
article div .socials a,
article div h2 a,
#main-slider article div a
{
color: #474747;
}
#slider-gallery .thumbs ul li img {
width: 80px;
}
span.adresse {
white-space: pre;
display: block;
text-align: center;
}
#tablet-special-prefooter{
margin-top: 5px;
}
#tablet-special-prefooter .newsletter .icon-location
{
padding-right: 0;
}
#tablet-special-prefooter .newsletter
{
background-color:#F5F0E9;
min-height: 135px;
padding:0 4%;
}
#tablet-special-prefooter .newsletter .title
{
color:#272727;
margin-bottom:20px;
font-weight:normal;
text-transform:none;
font-family:"Roboto Condensed", Arial, sans-serif;
padding:30px 0px 0px;
font-size: 15px;
}
#tablet-special-prefooter .newsletter .title span
{
padding:30px 35px 20px 5%;
background-repeat:no-repeat;
background-position:right center;
background-image:url( "/design/crf_refonte/images/icone_location-24x39.png" )
}
#tablet-special-prefooter .newsletter .bottom-block
{
background-color:#FFF;
border:2px solid #DDDCDA;
padding:2px 1px;
border-radius:2px;
-moz-border-radius:2px;
margin: 0 5% 20px;
height: 32px;
}
#tablet-special-prefooter .newsletter .bottom-block input[type="text"]
{
border:0;
font-size:15px;
padding:6px 0 6px 3%;
background:transparent;
width: 68%;
}
#tablet-special-prefooter .newsletter .bottom-block input[type="submit"]
{
border:0;
width:29%;
height:44px;
font-size:0;
background-repeat:no-repeat;
background-color:transparent;
background-position:top center;
background-image:url( "/design/crf_refonte/images/icon_newsletter-44x32.png" );
}
@media screen and (min-width: 768px) and (max-width: 820px)
{
#tablet-special-prefooter .newsletter{min-height: 100px;padding: 0 3%;}
#tablet-special-prefooter .newsletter .title{margin-bottom: 15px;padding:20px 0px 0px;}
}
@media screen and (min-width: 820px) and (max-width: 870px)
{
#tablet-special-prefooter .newsletter{min-height: 110px;}
#tablet-special-prefooter .newsletter .title{margin-bottom: 15px;padding:25px 0px 0px;}
}
@media screen and (min-width: 870px) and (max-width: 920px)
{
#tablet-special-prefooter .newsletter{min-height: 120px;}
}
@media screen and (min-width: 920px) and (max-width: 980px)
{
#tablet-special-prefooter .newsletter{min-height: 130px;}
}
@media screen and (max-width: 1024px)
{
.main-form input[type="password"]
{
width:69% !important;
padding:5px !important;
height:auto !important;
margin-right:0 !important;
line-height:1.2em !important;
}
.login .no-margin-bottom{ margin-bottom:0 !important; }
}
@media screen and (min-width: 768px) and (max-width: 920px)
{
.main-form input[type="password"]{ width:63.5% !important; }
}
@media screen and (min-width: 768px) and (max-width: 800px)
{
.main-form input[type="password"]{ width:61% !important; }
}
@media screen and (max-width: 767px)
{
.main-form.as-inline-column p span.form-error {
margin-left: 0%;
padding-left: 0;
}
.main-form.as-inline-column input[type="password"]{ width:95% !important; }
}
@media screen and (min-width: 768px) and (max-width: 1024px)
{
.main-form.as-inline-column p span.form-error {
margin-left: 175px;
width: 100%;
}
#main-slider .slider .item .text-block .f-right{
top: 290px;
}
}
@media screen and (min-width: 768px) and (max-width: 850px)
{
#main-slider .slider .item .text-block .f-right{
top: 250px;
}
}
@media screen and (min-width: 1025px)
{
.no-margin-bottom{ margin-bottom:0 !important; }
.columns2-aside-left{}
.columns2-sidebar-right{}
.columns2-aside-left > .grid-75,
.columns2-sidebar-right > .grid-75
{
width: 72.4%;
padding-left:0;
padding-right:0;
}
.columns2-aside-left > .grid-25
{
padding-left:0;
margin-right:2.6%;
}
.columns2-sidebar-right > .grid-25
{
padding-right:0;
margin-left:2.6%;
}
#main-column.col2-right{}
#main-column.col2-right > .grid-35
{
width:36.5%;
padding-right:0;
padding-left:25px;
}
#main-column.col2-right > .grid-65
{
width:63.5%;
padding-left:0;
padding-right:0;
}
#aside-menu,
#main-breadcrumbs,
#main-menu.grid-container,
.columns2-aside-left .grid-75,
.columns2-aside-left .col2-right,
.columns2-sidebar-right #sidebar,
.columns2-aside-left .grid-75 .page-title,
.columns2-aside-left .col2-right #main-article,
.columns2-aside-left .col2-right #main-article > *,
#main-breadcrumbs .breadcrumbs{ padding-right:0;padding-left:0; }
.page.homepage #sidebar.grid-35{ width:32%;padding-left:25px;padding-right:0; }
.page.homepage #main-column.grid-65{ width:68%;padding-left:0;padding-right:26px; }
.suffix-4 { margin-right: 4%; }
.mega-menu{ max-width:1080px; }
#main-banner .links{ margin-top:30px; }
#pre-footer{ max-width:1100px; }
}
@media screen and (max-width: 1024px)
{
body {
background: none;
}
#background {
background: none;
padding-top: 0;
}
#campagne-image {
height:0px;
line-height: 0px;
}
#slidesjs-pagination-responsive .slidesjs-pagination-item,
#slidesjs-pagination-responsive .slidesjs-pagination-item a
{
width:27px;
height:27px;
display:block;
overflow:hidden;
text-indent:-99999px;
}
#slidesjs-pagination-responsive .slidesjs-pagination-item{ margin-right:50px; }
#slidesjs-pagination-responsive .slidesjs-pagination-item.last{ margin-right:0; }
#slidesjs-pagination-responsive .slidesjs-pagination-item a
{
background-repeat:no-repeat;
background-color:transparent;
background-position:left top;
background-image:url( "/design/crf_refonte/images/slider_navigation-27x27.png" );
}
#slidesjs-pagination-responsive .slidesjs-pagination-item:hover a,
#slidesjs-pagination-responsive .slidesjs-pagination-item a:hover,
#slidesjs-pagination-responsive .slidesjs-pagination-item a.active:hover,
#slidesjs-pagination-responsive .slidesjs-pagination-item a.active{ background-position:left -27px; }
#main-slider .slider,
#main-slider .slider figure,
#main-slider .slider figure a,
#main-slider .slider figure a img,
#main-slider .slider .slidesjs-container{ min-height:inherit; }
#slider-gallery .gallery-view{ margin-bottom:20px; }
#slider-gallery .gallery-view .gallery-slides .item .text-block{ width:100%;padding-left:0;padding-right:0; }
#slider-gallery .gallery-view .gallery-slides .item .text-block p{ width:inherit;margin-left:7px;margin-right:7px; }
.main-form .title {
margin-bottom: 10px;
}
.main-form p,
.main-form input,
.main-form select,
.main-form p label,
.main-form label span,
.main-form label small,
.main-form label{ font-size:15px; }
.main-form textarea{ max-height:inherit;min-height:250px; }
.main-form.as-inline-column p > span,
.main-form.as-inline-column p label > span{ width:175px; }
.main-form.as-inline-column form > div > p,
.main-form.as-inline-column form > div > p > span{ width:175px !important; }
.main-form.as-column .input-radio-text{}
.main-form.as-column .input-radio-text input[type="text"]{ display:block;width:57% !important; }
.main-form textarea,
.main-form input[type="text"]
{
width:69% !important;
padding:5px !important;
height:auto !important;
margin-right:0 !important;
line-height:1.2em !important;
}
.medias-search .main-form input[type="text"] { padding: 0 5px 5px !important;}
.main-form textarea{ width:97% !important; }
.main-form .custom-select-box{ line-height:1em !important; }
#elk_form_dom .formField .formfield-right{ width:65%; }
#elk_form_dom .formField .formfield-right .custom-select-box select{ margin:3px 0; }
.press-search .main-form{}
.press-search .main-form .title{ margin-bottom:15px; }
.medias-search .main-form{}
.main-form.as-inline-column span.birthday{ width:auto;margin-right:20%;text-align:left; }
.main-form.as-inline-column span.birthday input[type="text"]{ width:auto !important; }
.main-form.as-inline-column span.birthday .custom-select-box{ line-height:1em !important;padding-top:0px;padding-bottom:0px; }
#sidebar .newsletter .bottom-block input[type="text"]{ padding-top:15px; }
#sidebar .main-form span.custom-select-box{ padding-top:0px; background-position: 99.5% 2px;}
#sidebar .main-form span.custom-select-box .custom-select-box-mask { width: 97%; }
#sidebar .main-form span.custom-select-box .custom-select-box-mask .custom-select { width: 103%; }
}
@media screen and (min-width: 768px) and (max-width: 1024px)
{
.tablet-suffix-4 { margin-right: 4%; }
#main-menu.grid-container,
.grid-container{ padding-left:20px;padding-right:20px; }
#main-menu > ul > li > a{ font-size:19px; }
#main-banner .links{ margin-top:20px; }
#slidesjs-pagination-custom{ visibility:hidden;display:none; }
#slidesjs-pagination-responsive{ margin-top:20px; }
#main-slider .slider .item .text-block .f-right{ margin-top:0px; }
#pre-footer{ padding-left:10px;padding-right:10px; }
#main-footer{ margin-top:20px; }
#main-footer li{ margin-right: 0; }
#main-footer .links a{ font-size:16px; }
#main-footer .infos{ font-size:15x; }
#aside-menu #page-navigation .title a.mobile-menu
{
padding-right:20px;
margin-top:15px;
background:url( /design/crf_refonte/images/icon_arrow_mobile-bottom-22x16.png ) no-repeat right center transparent;
}
.page.homepage #sidebar > .block{ padding-left:0;padding-right:0; }
.page.homepage #sidebar > .block.last{ padding-left:10px; }
.page.homepage #sidebar > .block.first{ padding-right:10px; }
.page.homepage #sidebar > .block .block{ padding-left:5px;padding-right:5px; }
.page.homepage #sidebar > .block .block{ margin-bottom:10px; }
.page.homepage #sidebar > .block .shop,
.page.homepage #sidebar > .block .newsletter{ padding:10px; }
.page.homepage #sidebar > .block .newsletter .title{ margin-bottom:10px; }
.page.homepage #sidebar > .block .shop figure,
.page.homepage #sidebar > .block .shop .text-block{ margin-bottom:0; }
.columns2-aside-left .tablet-grid-40,
.columns2-sidebar-right .hide-on-desktop.tablet-grid-40{ padding-left:0;padding-right:30px; }
.list .item.large .tablet-grid-100,
.columns2-aside-left .tablet-grid-60,
.columns2-aside-left .col2-right > div,
.columns2-sidebar-right .tablet-grid-60,
.columns2-aside-left .tablet-grid-60 .page-title,
.list .item.medium .tablet-grid-100{ padding-left:0;padding-right:0; }
.list .item.medium figure.tablet-grid-100{ margin-bottom:20px; }
#sidebar,
#sidebar.tablet-grid-70
{
padding-left:0;
padding-right:0;
margin-top:25px;
}
#sidebar .block .learn-more.orange.icon-arrow{ background-position:98% center; }
.red-bordered{ border-width:10px; }
#sidebar .block.contributed-block .title,
#sidebar .block.contributed-block .sup-title{ clear:both; }
#sidebar .newsletter .bottom-block input[type="text"]{ width:75%; }
#pre-footer #facebook-like-box{ padding:14x; }
#pre-footer #facebook-like-box .top{ display:block;margin-bottom:9px; }
#pre-footer #facebook-like-box .bottom .right a span{ margin-left:3px;font-size:13px; }
#main-slider .slider .item .text-block .f-right{ margin-top:31px; }
#main-article-content .item.last{ margin-bottom:0; }
#don-ponctuel-form #euros-montant-autre{ margin-top:10px; }
#main-column .news-search .item.first input[type="text"],
#main-column .medias-search .item.first input[type="text"]{ margin-bottom:0; }
.formfield-right .custom-select-box{ background-position:98% 5px; }
.news-search .custom-select-box,
.medias-search .custom-select-box{
background-position:98% 6px;
padding: 2px 0 4px;
}
#main-column .main-form.as-inline-column #search-location-form p label > input{ width:80% !important; }
#main-column .main-form.as-inline-column #search-location-form p label > span.custom-select-box{ width:80% !important; }
#main-column .main-form.as-inline-column #search-location-form p label > input[type="submit"]{ width:auto !important; }
.medias-search input[type="submit"]{ margin-top:15px; }
#main-column .medias-search .item{ width:50%; }
#main-column .medias-search .item.first{ width:40%; }
#main-column .news-search .item.first input[type="text"],
#main-column .medias-search .item.first input[type="text"]{ width:93% !important; }
#main-column .news-search .item .custom-select-box,
#main-column .medias-search .item .custom-select-box{ width:90% !important; }
.page.mediatheque{}
.page.mediatheque{}
}
@media screen and (min-width: 768px) and (max-width: 900px)
{
#main-menu > ul > li > a{ font-size:17px; }
#main-banner .links{ margin-top:10px; }
#main-slider .slider .item .text-block .title,
#main-slider .slider .item .text-block .title strong{ font-size:27px; }
#main-footer .infos{ font-size:12px; }
#main-footer .links a{ font-size:14px; }
#main-slider .slider .item .text-block .f-right{ margin-top:13px; }
#sidebar .newsletter .title{ font-size:20px; }
}
@media screen and (min-width: 768px) and (max-width: 970px){ #pre-footer #facebook-like-box .top{ font-size:13px;margin-bottom:3px; } }
@media screen and (min-width: 768px) and (max-width: 920px)
{
.main-form textarea,
.main-form .custom-select-box,
.main-form input[type="text"]{ width:63.5% !important; }
.main-form textarea{ width:97% !important; }
#pre-footer #facebook-like-box{ padding:11px; }
#pre-footer #facebook-like-box .bottom .left a{ font-size:15px; }
#pre-footer #facebook-like-box .bottom .right a span{ font-size:12px; }
.main-form.as-inline-column span.birthday .custom-select-box { width:auto !important; }
#sidebar .main-form span.custom-select-box{ width:100% !important; }
}
@media screen and (min-width: 768px) and (max-width: 870px){ #pre-footer #facebook-like-box{ padding:8px; } }
@media screen and (min-width: 768px) and (max-width: 840px)
{
#sidebar .mediatheque .title{ font-size:18px; }
#sidebar .newsletter .bottom-block input[type="text"]{ width:70%; }
#pre-footer #facebook-like-box{ padding:6px; }
#pre-footer #facebook-like-box .bottom .left a{ font-size:12px; }
#pre-footer #facebook-like-box .bottom .right a span{ font-size:12px; }
#pre-footer #facebook-like-box .top{ font-size:11px;margin-bottom:0; }
}
@media screen and (min-width: 768px) and (max-width: 800px)
{
.main-form textarea,
.main-form .custom-select-box,
.main-form input[type="text"]{ width:61% !important; }
.main-form textarea{ width:97% !important; }
#main-menu > ul > li > a{ font-size:15.5px; }
#sidebar .newsletter .title,
#sidebar .mediatheque .title{ font-size:16px; }
#sidebar .newsletter .title span{ padding-top:4px; }
}
@media screen and (max-width: 767px)
{
.grid-container{ padding-left:10px;padding-right:10px; }
.mobile-rounded-4{ border-radius:4px;-moz-border-radius:4px; }
.list .item.medium .inner,
#aside-menu, .list .item.large .inner, #main-column{ padding-left:0;padding-right:0; }
.list .item.medium .inner{ margin-top:10px; }
.page-title{ font-size:22px;margin-top:40px; }
.page-title > span { font-size:22px;line-height: 23px; }
.page-title small, .page-title small a{ font-size:20px; }
.contributed-block .title,
.contributed-block .title a,
.list .item .contributed-block .title,
.list .item .contributed-block .title a,
.list .item .title,
.list .item .title a{ font-size:20px !important;line-height:1.1em; }
.sup-title,
.sup-title a,
.list .item .contributed-block .small-title,
.list .item .contributed-block .small-title a,
.list .sup-title,
.list .sup-title a,
.list .item .sup-title,
.list .item .sup-title a{ font-size:22px !important;line-height:1.1em; }
.list .sup-title, .list .sup-title a{ margin-top:20px; }
.hashtags li,
.hashtags li a,
.mentions-legales,
.list .item .date,
.list .item .date{ font-size:20px;line-height:1.2em; }
.text-block,
.text-block p,
.contributed-block,
.contributed-block p,
.list .item .contributed-block,
.list .item .contributed-block p,
.list .item .top-block,
.list .item .top-block p,
.list .item .text-block,
.list .item .text-block p,
.list .item .details-block,
.list .item .details-block p{ font-size:20px;line-height:1.2em; }
.list .item hr.bordered{ width:90%;margin-left:5%; }
.list .item.large figure.mobile-grid-45{ margin-bottom:0 !important;margin-right:20px; }
.pagination li a,
.pagination li span{ font-size:22px; }
#sidebar > .block{ margin-bottom:0;margin-top:30px; }
#sidebar .main-form p label > span.custom-select-box{ width:100% !important; }
#sidebar .main-form p label > span.custom-select-box .custom-select-box-mask{ width:94% !important; }
#sidebar .main-form p label > span.custom-select-box .custom-select-box-mask .custom-select{ width:106% !important; }
#aside-menu #page-navigation .title,
#aside-menu #page-navigation .title a{ font-size:20px;line-height:1.1em;margin-bottom:0; }
#aside-menu #page-navigation .title a,
#aside-menu #folder-navigation .title a
{
padding-right: 20px;
background: url( /design/crf_refonte/images/icon_arrow_mobile-bottom-22x16.png ) no-repeat right center transparent;
}
#aside-menu #page-navigation dl dt,
#aside-menu #page-navigation{ font-size:20px;line-height:1.2em; }
#aside-menu #folder-navigation .text-block,
#aside-menu #page-navigation .text-block {
margin-top:15px;
}
#aside-menu #folder-navigation {
font-size: 16px;
line-height: 1.1em;
}
#aside-menu #folder-navigation .hashtags li a {
font-size: 16px;
}
#aside-menu #folder-navigation .title a {
font-size: 16px;
line-height: 1.1em;
margin-bottom: 0;
}
#main-banner{ margin-top:0;padding-left:0;padding-right:0; }
#main-banner .logo{ padding-left:10px; }
#main-banner .donate{ padding-right:10px; }
#main-banner .mobile-menu
{
margin-bottom:10px;
background-color:#2C2C2C;
}
#main-banner .mobile-menu ul{ color:#CCCCCC; }
#main-banner .mobile-menu ul li{ border-right:1px solid #3E3E3E; }
#main-banner .mobile-menu ul li.last{ border:0; }
#main-banner .mobile-menu ul li a
{
display:block;
color:#CCCCCC;
padding-top:10px;
padding-bottom:10px;
}
#main-banner .mobile-menu .my-account a
{
font-size:20px;
line-height:20px;
text-indent:inherit;
text-align:center;
}
#main-banner .mobile-menu > ul > li.icon,
#main-banner .mobile-menu > ul > li.icon > a{ padding-left:0;padding-right:0; }
#main-slider #slidesjs-pagination-responsive{ margin-top:20px; }
#slidesjs-pagination-responsive .slidesjs-pagination-item{ margin-right:20px; }
#slidesjs-pagination-responsive .slidesjs-pagination-item.last{ margin-right:0; }
#slider-gallery .gallery-view .gallery-slides .item .text-block,
#slider-gallery .gallery-view .gallery-slides .item .text-block p{ font-size:17px; }
#slider-gallery .gallery-view .gallery-slides .item .text-block{ padding:0 0 7px;min-width:100%; }
#slider-gallery .gallery-view .gallery-slides .item .text-block p{ margin:7px;min-width:inherit; }
#main-slider .slidesjs-container .item figure{ border-right:0; }
#main-slider .slidesjs-container .item{ margin-bottom:0; }
#main-slider .slidesjs-container .item .title{}
#main-slider .slidesjs-container .item .title a{ line-height:0.8em; }
#main-slider .slidesjs-container .item .sup-title{ margin-top:0; }
#main-slider .slidesjs-container .item .sup-title small{ font-size:20px; }
#main-slider .slidesjs-container .item .text-block{ padding:5px; }
.page.homepage #main-column article
{
border:0;
margin-bottom:0 !important;
}
.page.homepage #main-column article .title
{
padding-left:30px;
background-repeat:no-repeat;
background-position:left 6px;
background-image:url( "/design/crf_refonte/images/icon_arrow_mobile-16x22.png" );
}
.page.homepage #main-column article .stripped{ background:none; }
.page.homepage #sidebar > .block .newsletter input[type="text"]
{
padding:0;
font-size:20px;
padding-top:15px;
}
.page.homepage #sidebar > .block .block.last,
.page.homepage #sidebar > .block .shop .text-block{ margin-bottom:0 !important; }
.page.diaporama .columns2-aside-left #main-article{ padding-left:0;padding-right:0; }
#main-menu{ margin-top:30px;margin-bottom:30px; }
#main-menu ul.mobile-rounded-4{ padding:8px;background:#F1F1F1; }
#main-menu ul.mobile-rounded-4 li
{
border:0;
font-weight:bold;
text-transform:uppercase;
background-repeat:no-repeat;
background-position:right center;
background-image:url( "/design/crf_refonte/images/arrow_white-9x26.png" );
}
#main-menu > ul > li.last{ background:none; }
#main-menu ul.mobile-rounded-4 a
{
border:0;
background:transparent;
color:#474747 !important;
}
#main-menu ul.mobile-rounded-4 a:hover
{
border:0;
color:#000 !important;
background:transparent;
}
#main-footer li{ margin:0;margin-bottom:20px;margin-top:20px; }
#main-footer li a, #main-footer li a span{ font-weight:lighter; font-size:22px; display:block; }
#pre-footer{ padding-left:5px;padding-right:5px; }
#pre-footer li{ padding-left:5px;padding-right:5px;margin-bottom:25px;display:block; }
.tree a, .tree span{ font-size:22px;line-height:1.1em; }
.tree > ul > li > a{ font-size:22px; }
.tree > ul > li > ul > li > a{ font-size:20px; }
table th,
table td{ font-size:20px;line-height:1.1em; }
table td small{ font-size:16px;line-height:1.1em; }
.view-all{ font-size:20px;line-height:1.1em; }
#pre-footer #facebook-like-box{}
#pre-footer #facebook-like-box .left,
#pre-footer #facebook-like-box .right{ float:none;width:100%; }
#pre-footer #facebook-like-box .left a{ font-size:20px; }
#pre-footer #facebook-like-box .right a{ padding:10px 5px;text-align:center;font-size:18px;line-height:1.2em; }
.main-form.as-column .input-radio-text input[type="text"]{ margin-top:10px; }
.main-form p{ margin-bottom:0; }
.main-form .item{ margin-bottom:0; }
.main-form input[type="text"]{ width:95% !important; }
.main-form.as-inline-column p{ margin-bottom:15px; }
.main-form p label{ display:block; }
.main-form p label > span{ visibility:hidden; display:none; }
.main-form p label > span.birthday,
.main-form p label > span.custom-select-box{ visibility:visible; display:block; }
.main-form p label > span.custom-select-box,
.main-form.as-inline-column input[type="text"]{ width:95% !important; }
.main-form p.clearfix > span.f-left{ text-align:left;float:none;width:100%;display:block; }
.main-form .box-group {
clear: both;
}
.main-form.as-inline-column p > span {
text-align: left;
}
#main-column .news-search .item.first input[type="text"],
#main-column .medias-search .item.first input[type="text"]{ margin-bottom:0; }
#main-column .medias-search input[type="submit"]{ margin-top:15px; }
#main-column .main-form .no-margin-bottom,
#main-column #search-location-form .no-margin-bottom{ margin-bottom:0; }
#elk_form_dom{}
#elk_form_dom .formField .formfield-left,
#elk_form_dom .formField .formfield-right{ float:none; }
#elk_form_dom .formField .formfield-left{ width:100%;margin-right:0; }
#elk_form_dom .formField .formfield-left label,
#elk_form_dom .formField .formfield-left-textarea label{ text-align:left;margin-bottom:5px; }
#elk_form_dom .formField .formfield-right{ width:100%; }
#elk_form_dom .formField .formfield-right .custom-select-box,
#elk_form_dom .formField .formfield-right input[type="text"]{ width:96% !important; }
#elk_form_dom .formField .formfield-right .custom-select-box{ padding-bottom:3px !important; }
#elk_form_dom #div_tck_author_gender.formField .formfield-left,
#elk_form_dom #div_tck_author_gender.formField .formfield-right{ float:left; }
#elk_form_dom #div_tck_author_gender.formField .formfield-left{ width:80px; }
#elk_form_dom #div_tck_author_gender.formField .formfield-right{ width:150px; }
#elk_form_dom .fieldErreur { padding-left: 0px;}
#popin-cnil {
width: 100%;
position: fixed;
left: 00px;
bottom: 0px;
}
}
@media screen and (max-width: 620px)
{
#main-menu ul.mobile-rounded-4 a{ font-size:20px; }
#facebook-like-box{ padding:15px; }
#pre-footer #facebook-like-box .top{ margin-bottom:5px; }
#pre-footer #facebook-like-box .left a{ font-size:20px; }
#pre-footer #facebook-like-box .right a{ padding:5px;text-align:center;font-size:14px;line-height:1.2em; }
}
@media screen and (max-width: 540px)
{
#facebook-like-box{ padding:7px; }
#pre-footer #facebook-like-box .left a{ padding:3px 0; }
#main-menu ul.mobile-rounded-4 a{ font-size:18px; }
}
@media screen and (max-width: 460px)
{
#main-menu ul.mobile-rounded-4 a{ font-size:16px; }
.page.homepage #sidebar > .block .newsletter input[type="text"]{ font-size:24px; }
}
@media screen and (max-width: 480px)
{
.page-title{ font-size:34px; }
#main-slider .slider .item .text-block .title,
#main-slider .slider .item .text-block .title strong{ font-size:24px;line-height:0.8em; }
#main-slider .slidesjs-container .item .sup-title{ margin-top:0; }
#main-slider .slidesjs-container .item .sup-title small{ font-size:14px; }
#main-slider .slider .item .text-block .sup-title strong{ font-size:24px; }
#main-slider .slider .item .text-block .sup-title a{ font-size:20px !important; }
#main-slider .slider .item .text-block .sup-title b{ font-size:20px; }
#main-footer li a, #main-footer li a span{ font-size:16px; }
#main-banner .mobile-menu .my-account a{ font-size:20px; }
#main-banner .mobile-menu > ul > .menu .top-links a{ font-size:19px; }
#main-menu ul.mobile-rounded-4 a{ font-size:16px; }
}
@media screen and (max-width: 430px){ #main-menu ul.mobile-rounded-4 a{ font-size:14px; } }
@media screen and (max-width: 360px){ #main-menu ul.mobile-rounded-4 a{ font-size:12px; } }
@media screen and (max-width: 320px){ #main-menu ul.mobile-rounded-4 a{ font-size:10px; } }