@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic");
@font-face {
font-family: 'TitilliumText-Light';
font-weight: normal;
font-style: normal;
src: url(//www.enfine.com/fonts/TitilliumText22L001.otf);
src: url(//www.enfine.com/fonts/TitilliumText22L001.eot?#iefix) format("embedded-opentype"), url(//www.enfine.com/fonts/TitilliumText22L001.woff) format("woff"), url(//www.enfine.com/fonts/TitilliumText22L001.ttf) format("truetype"), url(//www.enfine.com/fonts/TitilliumText22L001.svg#TitilliumText22L001) format("svg"); }
@font-face {
font-family: 'TitilliumText-Medium';
font-weight: normal;
font-style: normal;
src: url(//www.enfine.com/fonts/TitilliumText22L004.otf);
src: url(//www.enfine.com/fonts/TitilliumText22L004.eot?#iefix) format("embedded-opentype"), url(//www.enfine.com/fonts/TitilliumText22L004.woff) format("woff"), url(//www.enfine.com/fonts/TitilliumText22L004.ttf) format("truetype"), url(//www.enfine.com/fonts/TitilliumText22L004.svg#TitilliumText22L004) format("svg"); }
@font-face {
font-family: 'TitilliumText-XBold';
font-weight: normal;
font-style: normal;
src: url(//www.enfine.com/fonts/TitilliumText22L006.otf);
src: url(//www.enfine.com/fonts/TitilliumText22L006.eot?#iefix) format("embedded-opentype"), url(//www.enfine.com/fonts/TitilliumText22L006.woff) format("woff"), url(/wp-content/themes/enfine/h/fonts/TitilliumText22L006.ttf) format("truetype"), url(//www.enfine.com/fonts/TitilliumText22L006.svg#TitilliumText22L006) format("svg"); } strong {
font-family: "Open Sans", "Helvetica", "sans-serif";
font-weight: 600; }
.medium {
font-family: "TitilliumText-Medium", "Helvetica", "sans-serif"; }
.semibold {
font-family: "Open Sans", "Helvetica", "sans-serif";
font-weight: 600; }
em {
font-family: 'Open Sans', 'Helvetica', 'sans-serif';
font-style: italic;
font-weight: 400; }
em strong, strong em, em.semibold, em.medium, em span.semibold, em span.medium {
font-family: 'Open Sans', 'Helvetica', 'sans-serif';
font-style: italic;
font-weight: 700; } #orange, .orange {
color: #ffa112; }
#blanc, .blanc {
color: white; }
#noir, .noir {
color: #242425; }
#noir-clair, .noir-clair {
color: #3b3a3a; }
#gris-fonce, .gris-fonce {
color: #8a8a8a; }
#violet, .violet {
color: #a682f1; }
#kaki, .kaki {
color: #c1b677; }
aside {
position: relative;
z-index: 2; }
.fixed {
position: fixed; }
#stick.fixed {
position: fixed;
top: 60px;
max-width: 290px; }
a {
color: #ffa112;
text-decoration: none;
text-decoration-color: transparent;
padding-bottom: 0px;
border-bottom: 1px solid #ffa112;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
a:hover {
text-decoration: none;
text-decoration-color: transparent;
border-bottom: 0;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
a.border-none {
text-decoration: none;
text-decoration-color: transparent;
border-bottom: 0; } ::-moz-selection, ::selection {
background: #ffa112;
color: white; }
::selection {
background: #ffa112;
color: white; }
::-webkit-selection {
background: #ffa112;
color: white; }
::-ms-selection {
background: #ffa112;
color: white; } #align-right, .align-right {
text-align: right; }
#align-left, .align-left {
text-align: left; }
#align-center, .align-center {
text-align: center; }
blockquote, .l-content blockquote p {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
color: #ffa112;
font-style: italic;
font: 22px/29px; }
p {
font: 14px/20px "Open Sans", "Helvetica", "sans-serif";
color: #24242b; }
#l-posts p {
font-size: 16px;
line-height: 24px; }
.l-content p, .l-content-b p {
font-size: 16px;
line-height: 24px; }
p.count-post {
margin-left: -15px; }
p.type-1, p.type-2 {
font: 16px/24px;
color: #575758; }
p.type-2 {
position: relative;
margin: 0 auto;
display: table;
text-align: center; }
p.type-3 {
position: relative;
margin: 0 auto;
margin-top: -20px;
margin-bottom: 10px;
display: table;
text-align: center;
color: white; }
p.type-4 {
margin-top: -15px; }
p.type-5, p.type-5 a {
font: 16px;
text-align: left;
text-decoration: none;
border-bottom: 0;
color: #bcbcbc; }
p.type-5 a:hover {
padding-bottom: 1px;
border-bottom: 1px solid #bcbcbc; }
p.type-6 {
margin-top: 35px; }
p.type-7 {
font-size: 16px;
line-height: 24px; }
p.type-8 {
position: relative;
margin: 0 auto;
display: table;
width: 80%;
text-align: center; }
p.lieu-ou-quand {
width: 235px;
padding-left: 10px;
font: 16px/20px;
font-style: italic;
color: #ffa112; }
p.lieu-ou-quand-b {
width: 100%;
margin-top: -15px;
padding-left: 0px;
font: 16px/20px;
font-style: italic;
color: #ffa112; }
p.date-description {
margin-top: -23px; }
p.date-mois {
position: relative;
margin: 0 auto;
display: table;
text-align: center;
text-transform: uppercase;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: white; }
p.date-jour-chiffre {
position: relative;
margin: 0 auto;
margin-top: -5px;
display: table;
text-align: center;
text-transform: uppercase;
font: 36px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425; }
p.date-jour-lettres {
position: relative;
margin: 0 auto;
padding-top: 3px;
padding-left: 3px;
display: table;
font-size: 18px;
color: #242425;
text-transform: uppercase;
text-align: center; }
p.date-heures, p.date-heures-b, p.date-heures-c {
margin-top: 0px;
font: 18px "TitilliumText-Medium", "Helvetica", "sans-serif";
text-transform: uppercase;
color: #8a8a8a; }
p.date-heures-b {
margin-top: 0px; }
p.date-heures-c {
margin-top: 10px; }
p.date-lieu {
margin-top: -14px; }
ul.medias-sociaux-single-post {
right: 0;
float: right;
margin-top: 4px; }
ul.medias-sociaux-single-post li {
display: inline-block;
margin-right: 35px; }
ul.medias-sociaux-single-post li:last-child {
margin-right: 5px; }
ul.medias-sociaux-single-post li a {
padding-bottom: 0;
border-bottom: 0;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
ul.medias-sociaux-single-post li a:hover {
filter: brightness(90%);
-webkit-filter: brightness(90%);
-moz-filter: brightness(90%);
-o-filter: brightness(90%);
-ms-filter: brightness(90%);
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
ul.cats {
list-style: none;
margin-left: -40px;
margin-bottom: -27px; }
ul.cats li:first-child {
display: none; }
ul.cats li {
line-height: 20px; }
ul.type-1 {
position: relative;
margin: 0 auto;
display: table; }
ul.type-1 li {
display: inline-block;
font: 16px;
font-weight: 600;
text-align: center;
color: #ffa112; }
ul.type-1 li a, ul.type-1 li a:hover {
color: #ffa112;
border: 0;
text-decoration: none; }
ul.post-categories li {
padding-bottom: 0;
margin-left: -40px;
margin-bottom: -14px;
list-style-type: none; }
ul.post-categories li a {
border: 0;
text-decoration: none;
color: #ffa112; }
ul.cat-sidebar {
position: relative;
margin-left: -40px; }
ul li.cat-item {
margin-left: -40px;
padding-bottom: 14px;
list-style-type: none;
font: 16px/22px "Open Sans", "Helvetica", "sans-serif";
text-transform: capitalize;
color: white; }
ul li.cat-item a {
border: 0;
padding-bottom: 1px;
text-decoration: none;
text-transform: capitalize;
color: white; }
ul li.cat-item a:hover {
border-bottom: 1px solid white; }
li.categories:first-child {
position: relative;
margin-bottom: 20px;
list-style-type: none;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-transform: uppercase;
color: #242425; }
ul li {
padding-bottom: 14px;
font: 16px/24px "Open Sans", "Helvetica", "sans-serif"; }
ul.type-blanc li, ul.type-orange li, ul.type-kaki li {
padding-bottom: 14px;
list-style-type: none;
font: 14px/18px "Open Sans", "Helvetica", "sans-serif";
color: white; }
ul.type-orange li, ul.type-kaki li {
color: #242425; }
ul.type-blanc li:before, ul.type-orange li:before, ul.type-kaki li:before {
position: absolute;
content: '\00B7';
margin-top: -1px;
margin-left: -25px;
padding-right: 5px;
font-size: 72px;
color: white; }
ul.type-orange li:before {
color: #ffa112; }
ul.type-kaki li:before {
color: #c1b677; }
ul.fil-ariane {
position: relative;
margin: 0 auto;
margin-top: 55px;
display: table;
text-shadow: 1px 0 0 white, 0 1px 0 white, 0 -1px 0 white, -1px 0 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px 1px 0 white, -1px -1px 0 white;
}
ul.fil-ariane li {
margin-left: 5px;
padding-right: 10px;
display: inline;
font: 18px/24px "Open Sans", "Helvetica", "sans-serif";
font-weight: 600;
text-transform: uppercase; }
ul.fil-ariane li a {
color: #242425;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #242425;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
ul.fil-ariane li a:hover {
border-bottom: 0px;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
h1.headline-logo-home, h1.headline-logo {
position: relative;
margin: 0 auto;
display: table;
margin-top: 5px;
padding: 0 30px 0 30px;
font: 16px/24px "TitilliumText-Light", "Helvetica", "sans-serif";
text-align: center;
text-transform: uppercase;
color: #bcbcbc; }
h1.headline-logo {
display: none; }
h1.headline-a {
position: relative;
margin: 0 auto;
display: table;
margin-top: 45px;
padding-bottom: 40px;
margin-bottom: 15px;
border-bottom: 1px solid white;
font: 60px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-align: center;
text-transform: uppercase;
color: white; }
h1.headline-b {
position: relative;
margin: 0 auto;
display: table;
max-width: 540px;
margin-top: 115px;
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: 1px solid white;
font: 60px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-align: center;
text-transform: uppercase;
color: white;
text-shadow: 2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, -2px 0 0 black, 2px 2px 0 black, 2px -2px 0 black, -2px 2px 0 black, -2px -2px 0 black;
}
h1.type-1 {
position: relative;
padding-top: 15px;
margin-bottom: 0px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-2 {
position: relative;
margin-bottom: 65px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-3 {
position: relative;
margin: 0 auto;
margin-bottom: 25px;
padding-top: 15px;
display: table;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-4 {
position: relative;
padding-top: 55px;
margin-bottom: 30px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #8a8a8a;
text-transform: uppercase; }
h1.type-5 {
position: relative;
margin: 0 auto;
display: table;
padding-top: 30px;
padding-bottom: 40px;
text-align: center;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: white;
text-transform: uppercase; }
h1.type-6 {
position: relative;
padding-top: 55px;
margin-bottom: 0px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-7 {
position: relative;
padding-top: 100px;
margin-bottom: 30px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: white;
text-transform: uppercase; }
h1.type-8 {
position: relative;
padding-top: 55px;
margin-bottom: 10px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-9 {
position: relative;
margin: 0 auto;
display: table;
padding-top: 55px;
margin-bottom: 10px;
text-align: center;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #ffa112;
text-transform: uppercase; }
h1.type-10 {
margin-bottom: 25px;
padding-top: 15px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-11 {
position: relative;
margin: 0 auto;
display: table;
padding-top: 15px;
padding-bottom: 20px;
text-align: center;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: white;
text-transform: uppercase; }
h1.type-12 {
padding-top: 0px;
padding-bottom: 20px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-13 {
position: relative;
margin-top: 0px;
margin-bottom: 85px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h1.type-14 {
margin-bottom: 25px;
padding-top: 0px;
text-align: left;
font: 24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h2, .h2 {
padding-top: 30px;
text-align: left;
font: 26px/31px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-transform: uppercase;
color: #242425; }
h2.type-1, h2.type-2 {
position: relative;
margin: 0 auto;
padding-top: 15px;
display: table;
text-align: center;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h2.type-2 {
margin-left: 0;
padding-top: 0px;
padding-bottom: 30px;
text-align: left; }
h2.type-3 {
margin-left: 0;
padding-top: 0px;
padding-bottom: 30px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #575758;
text-transform: uppercase; }
h2.type-4 {
padding-top: 35px;
text-align: left;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #ffa112;
text-transform: uppercase; }
h2.type-5 {
padding-top: 50px;
text-align: left;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h2.type-6 {
padding-top: 40px;
text-align: left;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h2.type-7 {
position: relative;
margin: 0 auto;
padding-top: 15px;
margin-bottom: 25px;
display: table;
text-align: center;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
font-family: "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h2.type-8 {
padding-top: 15px;
text-align: left;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
font-family: "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h2.blog-title {
min-height: 100px;
margin: 20px 0 20px 0;
padding: 20px 13px 20px 13px;
text-align: left;
font: 18px/24px "TitilliumText-XBold", "Helvetica", "sans-serif";
background: #ffa112;
text-transform: uppercase; }
a h2.blog-title {
color: white;
border: 0;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
a:hover h2.blog-title {
color: #242425;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
h3 {
padding-top: 20px;
text-align: left;
font: 20px/24px "TitilliumText-Medium", "Helvetica", "sans-serif";
text-transform: uppercase;
color: #242425; }
h3.type-1 {
position: relative;
margin: 0 auto;
padding-top: 25px;
display: table;
text-align: center;
font: 15px/20px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h3.type-2 {
max-width: 300px;
min-height: 45px;
margin: 20px 0 20px 0;
padding: 15px;
text-align: left;
font: 16px/24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #ffa112;
background: #efefef;
text-transform: uppercase; }
h3.type-2 a {
border: 0;
text-decoration: none;
color: #ffa112; }
h3.type-3 {
width: 100%;
min-height: 80px;
margin: 45px 0 45px 0;
padding: 25px;
text-align: left;
font: 16px/24px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
background: #efefef; }
h3.type-4 {
width: 100%;
min-height: 50px;
margin: 15px 0 15px 0;
padding: 15px 20px 15px 20px;
text-align: center;
text-transform: capitalize;
font: 16px/24px "Open Sans", "Helvetica", "sans-serif";
color: white;
background: #ffa112; }
h3.type-5 {
padding-top: 0px;
margin-bottom: 0px;
text-align: left;
font: 15px/25px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #242425;
text-transform: uppercase; }
h4, .h4, h5, .h5, h6, .h6 {
padding-top: 20px;
text-align: left;
font: 16px/24px "TitilliumText-Medium", "Helvetica", "sans-serif";
text-transform: uppercase;
color: #242425; }
hr {
position: relative;
margin: 0 auto;
margin-top: 80px;
margin-bottom: 70px;
border: 0;
height: 1px;
background: #ffa112; } ul.pagination {
position: relative;
margin: 0 auto;
display: table;
margin-top: 50px;
margin-bottom: 70px; }
ul.pagination li {
color: #242425;
display: inline;
width: 50px;
height: 50px;
padding: 17px 20px 17px 20px;
margin: 0 7px 0 7px;
font: 16px/20px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: white;
background: #ffa112; }
ul.pagination li:first-child {
background: transparent;
font: 16px/20px "Open Sans", "Helvetica", "sans-serif";
color: #242425; }
ul.pagination li.current {
background: white;
color: #242425; }
ul.pagination li span.current {
color: #242425;
background: transparent; }
ul.pagination li a {
position: relative;
text-align: center;
border-bottom: 0;
color: white; }
ul.pagination li a:hover {
color: #242425; }
ul.pagination li.current a {
position: relative;
text-align: center;
border-bottom: 0;
color: #242425; } .form-control {
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-transform: uppercase; }
.form-control-mobile {
width: 100%;
font: 16px/20px "Open Sans", "Helvetica", "sans-serif";
font-style: italic;
background-color: #ffa112;
color: white; }
#searchform input {
height: 55px;
border: 0;
border-radius: 0; }
#searchform input#s::-webkit-input-placeholder {
color: #d8d7d7; }
#searchform input#s::-moz-placeholder {
color: #d8d7d7; }
#searchform input#s:-moz-placeholder {
color: #d8d7d7; }
#searchform input#s:-ms-placeholder {
color: #d8d7d7; }
#search-text {
width: 400px; }
#search-text::-webkit-input-placeholder {
color: #d8d7d7; }
#search-text::-moz-placeholder {
color: #d8d7d7; }
#searchform::-moz-placeholder {
color: #d8d7d7; }
#searchform::-ms-placeholder {
color: #d8d7d7; }
input.form-control-mobile ::-webkit-input-placeholder {
color: white; }
input.form-control-mobile ::-moz-placeholder {
color: white; }
input.form-control-mobile::-moz-placeholder {
color: white; }
input.form-control-mobile::-ms-placeholder {
color: white; }
#searchform input[type="submit"] {
float: right;
display: block;
text-transform: uppercase;
text-decoration: none;
width: 300px;
height: 60px;
background: transparent;
margin-top: -2px;
color: white;
padding: 17px 25px 13px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid white;
background: linear-gradient(to left, transparent 50%, black 50%);
background-size: 200% 100%;
background-position: right bottom;
z-index: 3;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
#searchform input[type="submit"]:hover {
border: 5px solid black;
background-position: left bottom;
color: white; }
#searchform input[type="submit"]#search-submit-mobile {
border: 0;
background-image: url(//www.enfine.com/wp-content/themes/enfine/img/search-icon.png);
background-position: top;
background-repeat: no-repeat;
background-size: 30px;
width: 30px;
height: 30px; }
#searchform input[type="submit"]#search-submit-mobile::-webkit-input-placeholder {
content: ""; }
#searchform input[type="submit"]#search-submit-mobile::-moz-placeholder {
content: ""; }
#searchform input[type="submit"]#search-submit-mobile:-moz-placeholder {
content: ""; }
#searchform input[type="submit"]#search-submit-mobile:-ms-placeholder {
content: ""; } #accordion {
cursor: pointer; }
.translate-x, .translate-x-1, .translate-x-2 {
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
#accordion:hover .translate-x, .translate-x-1:hover, .translate-x-2:hover {
transform: translateX(25px);
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; } .listNav {
position: relative;
margin: 0 auto;
margin-bottom: 15px;
display: table;
overflow: hidden; }
.listNavHide {
display: none; }
.listNavShow {
display: list-item; }
.letterCountShow {
display: block; }
.ln-letters a {
font: 16px/20px "TitilliumText-XBold", "Helvetica", "sans-serif";
display: block;
float: left;
padding: 4px 6px;
color: #ffa112;
border: 0;
border-right: none;
text-decoration: none; }
.ln-letters a:hover, .ln-letters .ln-selected {
background-color: #ffa112;
color: white; }
.ln-letters .ln-disabled {
color: #ccc; }
.ln-letter-count {
display: none; } .uform_title {
display: none; }
#uwpqsffrom_95 {
border: 0px; }
#uwpqsf_id {
border: 0px;
margin-bottom: -20px;
max-width: 960px; }
select#cmfdp-0 {
position: relative;
width: 285px;
height: 60px;
padding: 10px;
border: 0;
border-radius: 0;
background: white;
float: left;
cursor: pointer;
font: 14px/20px "Open Sans", "Helvetica", "sans-serif"; }
select#cmfdp-1 {
position: relative;
margin-top: -70px;
width: 285px;
height: 60px;
border: 0;
border-radius: 0;
background: white;
float: right;
cursor: pointer;
font: 14px/20px "Open Sans", "Helvetica", "sans-serif"; }
#cmf-select0 {
border: 0px;
border-radius: 0; }
#cmf-select1 {
margin-left: -320px;
border: 0px;
border-radius: 0; }
.uwpqsf_class input, #uwpqsffrom_902 .uwpqsf_class input {
float: right;
display: block;
text-transform: uppercase;
text-decoration: none;
width: 300px;
height: 60px;
background: transparent;
margin-top: -70px;
color: white;
padding: 17px 25px 13px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid white;
background: linear-gradient(to left, transparent 50%, black 50%);
background-size: 200% 100%;
background-position: right bottom;
z-index: 3;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
.uwpqsf_class input:hover {
border: 5px solid black;
background-position: left bottom;
color: white; }
#uwpqsffrom_902 .uwpqsf_class input {
float: left;
margin-top: -60px;
margin-left: 315px;
color: white;
background: #ffa112;
border: 5px solid #ffa112;
background: linear-gradient(to left, #ffa112 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom; }
#uwpqsffrom_902 .uwpqsf_class input:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; } .aligncenter {
float: none;
margin: 0.6em 0 0.6em 0; }
.alignright {
float: right;
margin: 0.6em 0 0.6em 1.5em; }
.alignleft {
float: left;
margin: 0.6em 1.5em 0.6em 0; }
#default-thumbnail {
background-image: url(//www.enfine.com/img/default-post-thumbnail.jpg); }
.fluid-thumbnail-resize {
position: relative;
margin: 0 auto;
width: 60%; height: 615px;
*height: 615px; background-size: cover;
background-position: center; }
.fluid-thumbnail-resize:after {
content: " ";
display: block;
width: 100%;
padding-top: 4.918%; height: 615px; }
.overlay-thumbnail-header:before {
position: absolute;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 615px;
z-index: 3; background-image: -webkit-repeating-linear-gradient(left, #b7b7b7 22.5%, rgba(183, 183, 183, 0.28) 40.6%, rgba(183, 183, 183, 0.31) 58.6%, #b7b7b7 74.9%, #b7b7b7 100%, #b7b7b7 100%); background-image: repeating-linear-gradient(to right, #b7b7b7 22.5%, rgba(183, 183, 183, 0.28) 40.6%, rgba(183, 183, 183, 0.31) 58.6%, #b7b7b7 74.9%, #b7b7b7 100%, #b7b7b7 100%);
background-image: -ms-repeating-linear-gradient(left, #b7b7b7 22.5%, rgba(183, 183, 183, 0.28) 40.6%, rgba(183, 183, 183, 0.31) 58.6%, #b7b7b7 74.9%, #b7b7b7 100%, #b7b7b7 100%); }
a img.attachment-post-thumbnail:hover + h2.blog-title a {
color: white; }
a.svg {
position: relative;
display: table;
margin: 0 auto; }
a.svg:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.icon-zoom, a.svg {
transition: all 0.14s ease-in-out;
-ms-transition: all 0.14s ease-in-out;
-moz-transition: all 0.14s ease-in-out;
-webkit-transition: all 0.14s ease-in-out;
-o-transition: all 0.14s ease-in-out; }
.icon-zoom:hover, a.svg:hover {
-webkit-transform: scale(1.1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; }
.icons-a {
position: relative;
margin-top: 20px;
height: 265px;
max-width: 200px;
width: 100%;
vertical-align: bottom;
display: table-cell; }
.icons-b {
position: relative;
margin: 0 auto;
display: table; }
.icons-c {
position: relative;
margin: 0 auto;
margin-bottom: 60px;
display: table;
max-width: 200px;
width: 100%; }
.icons-d {
position: relative;
margin: 0 auto;
display: table;
max-width: 90px;
width: 100%;
height: 117px;
vertical-align: bottom;
display: table-cell; }
.icons-e {
position: relative;
margin: 0 auto;
margin-bottom: 30px;
display: table;
max-width: 160px;
width: 100%; }
.icons-f {
position: relative;
margin: 0 auto;
display: table;
max-width: 200px;
width: 100%; }
.icons-g {
position: relative;
margin: 0 auto;
margin-bottom: 70px;
display: table; }
.icons-arrow {
float: left;
margin-top: 4px;
margin-left: 10px;
margin-right: 20px;
display: table;
max-width: 23px;
width: 100%;
vertical-align: middle;
display: table-cell; }
.icons-arrow-b {
float: left;
margin-top: 23px;
margin-left: 10px;
margin-right: 0px;
display: table;
max-width: 23px;
width: 100%;
vertical-align: middle;
display: table-cell; }
.icons-arrow-c {
float: left;
margin-top: 68px;
margin-bottom: -80px;
margin-left: 10px;
margin-right: 20px;
display: table;
max-width: 23px;
width: 100%;
vertical-align: bottom;
display: table-cell; }
.icons-info {
position: relative;
margin: 0 auto;
margin-top: 15px;
margin-right: -10px;
display: table;
max-width: 70px;
width: 100%;
height: 117px;
vertical-align: bottom;
display: table-cell; }
.icons-info-b {
position: relative;
margin: 0 auto;
margin-top: 10px;
margin-right: -10px;
display: table;
max-width: 70px;
width: 100%;
vertical-align: top;
display: table-cell; }
.icons-info-c {
float: left;
margin-top: -7px;
margin-left: 10px;
margin-right: -20px;
display: table;
max-width: 40px;
width: 100%;
vertical-align: middle;
display: table-cell; }
.icons-info-d {
float: left;
margin-top: -5px;
margin-right: 2px;
display: table;
max-width: 35px;
width: 100%;
vertical-align: middle;
display: table-cell; }
.icons-info-e {
float: left;
margin-top: 10px;
margin-left: 20px;
margin-right: -20px;
display: table;
max-width: 15px;
width: 100%;
vertical-align: middle;
display: table-cell; }
.icons-info-f {
position: relative;
margin: 0 auto;
margin-top: 15px;
margin-right: -20px;
display: table;
max-width: 70px;
width: 100%;
height: 117px;
vertical-align: bottom;
display: table-cell; }
.enfine-propose {
position: relative;
margin: 0 auto;
display: table;
margin-top: 50px;
width: 130px; }
.icon-menu {
position: relative;
margin: 0 auto;
display: table;
top: 10px;
left: 20px;
padding-bottom: 40px;
max-height: 200px; } .box-detail-agenda {
width: 70%; }
.box-logo-home {
position: relative;
margin: 0 auto;
display: table;
max-width: 500px; }
.box-sous-headline-posts {
position: relative;
margin: 0 auto;
display: table;
width: 100%;
text-shadow: 1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, -1px 0 0 black, 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;
}
.box-inside-date {
width: 60px;
margin-right: 15px; }
.box-container-image {
position: relative; }
.box-description {
position: absolute;
top: -50px;
left: 0;
width: 100%;
z-index: 4; }
#box-menu-dropdown, .box-menu-dropdown {
padding: 0px 65px 0px 65px; }
.box-date {
float: left;
background: #ffa112;
height: 60px;
width: 60px;
padding: 6px 0 4px 0; }
.box-orange-a {
padding: 25px 65px 10px 65px;
background: #ffa112; }
.box-orange-b {
padding: 0px 20px 20px 30px;
background: #ffa112; }
.box-orange-c {
padding: 20px 20px 40px 20px;
background: #ffa112;
border-bottom: 1px solid white; }
.box-orange-d {
padding-bottom: 70px;
background: #ffa112;
border-bottom: 1px solid white; }
.box-orange-e {
padding: 50px 20px 20px 30px;
background: #ffa112;
border-bottom: 1px solid white; }
.box-search-mobile {
padding: 10px 30px 10px 30px;
background: #ffa112;
border-bottom: 1px solid white; } .modal {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999; }
.modalWindow {
display: none;
position: fixed;
display: table;
margin: 0 auto;
margin-top: 80px;
padding: 15px;
width: 480px;
height: 740px;
border: 1px solid white;
background: #ffa112;
cursor: default;
z-index: 998 !important; }
.modal.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 97;
background: white;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha" Opacity=50;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
filter: alpha(opacity=50);
cursor: pointer; }
.closeBtn {
position: absolute;
right: 10px;
top: 6px;
border: 0;
height: 20px;
color: white;
text-decoration: none;
cursor: pointer; }
a.closeBtn {
color: white; } .wpcf7 input[type="text"]::-webkit-input-placeholder, .wpcf7 input[type="email"]::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {
padding-left: 10px;
height: 50px;
font: 14px/18px "Open Sans", "Helvetica", "sans-serif";
color: #242425; }
.wpcf7 textarea::-webkit-input-placeholder {
padding-top: 8px; }
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"] {
height: 50px; }
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
color: #D8000C;
background-color: #FFBABA;
margin-top: -25px;
border: 0;
padding: 10px; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #4F8A10;
background-color: #DFF2BF;
margin-top: -25px;
border: 0;
padding: 10px; }
div.wpcf7-mail-sent-ok:before, div.wpcf7-validation-errors:before {
margin-right: 16px;
vertical-align: middle; }
div.wpcf7-mail-sent-ok:before {
content: "\f147"; }
div.wpcf7-validation-errors:before {
content: "\f158"; }
.button-upload-file::-webkit-file-upload-button {
visibility: hidden; }
.button-upload-file:before {
position: relative;
margin-top: -8px;
margin-right: -12px;
float: right;
content: 'Parcourir';
display: inline-block;
width: 160px;
height: 41px;
padding: 12px 10px 8px 10px;
background: #ccb8f5;
color: #a682f1;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-transform: uppercase;
text-align: center;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer; }
.button-upload-file:hover:before {
color: white;
background: #a682f1; }
#form-submit input[type="submit"], .wpcf7 input[type="submit"]:hover, .button-upload-file:before, .button-upload-file:hover:before {
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
.wpcf7 input[type="submit"] {
width: 100%;
background: transparent;
color: white;
display: block;
padding: 15px 25px 15px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif" !important;
text-transform: uppercase;
border: 5px solid white;
text-decoration: none;
background: transparent;
background: linear-gradient(to left, transparent 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom;
z-index: 3; }
.wpcf7 input[type="submit"]:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; } #usp_form label[for="user-submitted-name"] {
display: none; }
#usp_form label[for="user-submitted-url"] {
display: none; }
#usp_form label[for="user-submitted-email"] {
display: none; }
#usp_form label[for="user-submitted-tags"] {
display: none; }
#usp_form label[for="user-submitted-title"] {
display: none; }
#usp_form label[for="user-submitted"] {
display: none; }
#usp_form label[for="user-submitted-category"] {
display: none; }
#usp_form label[for="user-submitted-captcha"] {
font-family: 16px/24px "Open Sans", "Helvetica", "sans-serif";
color: #bcbcbc; }
#usp_form label[for="coldform_verify"] {
display: none; }
#usp_form label[for="user-submitted-content"] {
display: none; }
#usp_form label[for="user-submitted-image"] {
font-family: 16px/24px "Open Sans", "Helvetica", "sans-serif";
color: #bcbcbc; }
#usp-success-message {
padding-top: 30px;
padding-bottom: 40px;
text-align: left;
font: 26px/31px "TitilliumText-XBold", "Helvetica", "sans-serif";
font-weight: 400;
text-transform: uppercase;
color: #242425; }
#usp-upload-message {
display: none; }
#user-submitted-name, #user-submitted-url, #user-submitted-email, #user-submitted-tags, #user-submitted-title, #user-submitted, #user-submitted-category, #user-submitted-captcha, #coldform_verify {
padding-left: 15px;
height: 50px;
font-family: 16px/24px "Open Sans", "Helvetica", "sans-serif";
border: 1px solid #ebebeb; }
#user-submitted-content {
border: 1px solid #ebebeb;
padding-left: 15px;
padding-top: 15px; }
#usp-submit input[type="submit"] {
width: 300px;
background: transparent;
color: #ffa112;
display: block;
padding: 15px 25px 15px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-transform: uppercase;
border: 5px solid #ffa112;
text-decoration: none;
background: transparent;
background: linear-gradient(to left, transparent 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom;
z-index: 3; }
#usp-submit input[type="submit"]:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; } @media screen and (min-width: 0\0) {
.box-date {
height: auto; } } @media only screen and (max-width: 990px) {
select#cmfdp-0 {
width: 99%;
float: none; }
select#cmfdp-1 {
margin-top: -5px;
width: 99%;
float: none; }
#cmf-select0, #cmf-select1 {
margin-left: -3px; }
.uwpqsf_class input {
position: relative;
margin: 0 auto;
display: table;
width: 100%;
margin-top: 5px; }
#uwpqsffrom_902 .uwpqsf_class input {
position: relative;
margin: 0 auto;
margin-left: 5px;
display: table;
float: none;
width: 100%;
margin-top: 10px; } }
@media only screen and (max-width: 768px) {
aside {
margin-bottom: 30px; }
h1.headline-logo {
display: table; }
h1.type-6 {
margin: 0 auto;
display: table;
text-align: center; }
.icons-a {
position: relative;
margin: 0 auto;
display: table;
max-height: 175px; }
.icons-info-f {
position: relative;
margin-top: 25px;
margin-bottom: -20px;
height: 67px; }
.icons-arrow-c {
float: none;
margin-top: 50px;
margin-bottom: -60px;
margin-left: 30px;
margin-right: 30px;
display: table; }
.icons-info {
position: relative;
margin: 0 auto;
display: table; }
#stick.fixed {
width: 100%; } }
@media only screen and (max-width: 580px) {
#search-text {
width: 100%; }
#searchform input[type="submit"] {
width: 100%;
margin-top: 15px; }
.icons-a {
margin-top: 45px; }
.icons-info-b {
position: relative;
margin: 0 auto; }
.icons-arrow-c {
display: none; }
.icons-info-f {
position: relative;
margin: 0 auto;
margin-top: 20px;
margin-bottom: -40px;
display: table; }
a p.type-8 {
width: 60vw;
font-size: 16px;
word-break: break-all; }
h3.type-4 {
width: 100%;
font-size: 16px; }
.display-none {
display: none; } }
@media only screen and (max-width: 480px) {
#contact-form-col-left {
padding-right: 0px;
padding-left: 0;
margin-right: -15px; }
#contact-form-col-right {
padding-right: 0px;
padding-left: 0;
margin-left: -0px; }
h1.headline-a, h1.headline-b {
font-size: 48px; }
ul.pagination li {
width: 30px;
height: 30px;
padding: 14px 15px 14px 15px;
margin: 0 4px 0 4px;
font: 14px/16px "TitilliumText-XBold", "Helvetica", "sans-serif"; }
ul.pagination li:first-child {
font: 14px/16px "Open Sans", "Helvetica", "sans-serif"; }
.box-detail-agenda {
width: 100%; }
section.modalWindow {
top: 0;
left: 5%;
margin-top: 20px;
margin-left: 0;
width: 90%;
height: 940px;
max-height: 100%;
overflow-y: auto; } }
@media only screen and (max-width: 320px) {
.button-upload-file::-webkit-file-upload-button {
height: 45px; }
.wpcf7-file:before {
display: block;
height: 45px;
position: absolute;
right: 13px;
top: 9px;
padding-top: 15px; } }   header#scroll {
position: fixed;
left: 0;
width: 100%;
z-index: 5; }
#top-bar-scroll {
position: fixed;
margin-top: 0px; }
#navigation-home-scroll {
padding-top: 40px; }
.l-navigation-header {
padding-top: 7px;
padding-bottom: 20px;
background: white;
opacity: 0.98;
-moz-opacity: 0.98;
-khtml-opacity: 0.98;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha" Opacity=98;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 98); }
header.smaller .l-navigation-header {
padding-top: 7px;
padding-bottom: 7px; }
.l-top-bar {
width: 100%;
height: 50px;
background: #efefef;
z-index: 99; }
header img.logo {
display: inline-block;
width: 220px;
float: left;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
header.smaller {
box-shadow: 1px -15px 18px #bcbcbc;
border-bottom: 1px solid #ebebeb;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
header.smaller img.logo {
margin-top: 0px;
width: 90px;
height: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
img.logo {
position: relative;
margin: 0 auto;
margin-top: 30px;
display: table; }
img.logo-home, header.smaller img.logo-home {
position: relative;
margin: 0 auto;
margin-top: 70px;
display: table; }
ul.medias-sociaux {
margin-left: -25px;
margin-top: 12px; }
ul.medias-sociaux li {
display: inline-block;
margin-right: 55px; }
ul.medias-sociaux li a {
padding-bottom: 0;
border-bottom: 0;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
ul.medias-sociaux li a:hover {
filter: brightness(90%);
-webkit-filter: brightness(90%);
-moz-filter: brightness(90%);
-o-filter: brightness(90%);
-ms-filter: brightness(90%);
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; } @media only screen and (max-width: 990px) {
header#scroll {
position: relative;
margin-bottom: -210px; }
#top-bar-scroll {
position: relative; }
header img.logo {
position: relative;
margin: 0 auto;
padding-top: 30px;
display: table;
float: none; } }
@media only screen and (max-width: 768px) {
img.logo-home {
padding: 0 30px 0 30px;
margin-top: -15px; }
ul.medias-sociaux {
position: absolute;
float: left;
left: 6px;
margin-top: 14px; }
ul.medias-sociaux li {
margin-right: 35px; } }
@media only screen and (max-width: 767px) {
.l-top-bar {
height: 100px; } } @-moz-document url-prefix() {
.l-navigation-header {
padding-top: 20px; }
header img.logo {
margin-top: 10px; }
header.smaller img.logo {
margin-top: -12px; } } #wrapper-index {
position: relative;
padding-top: 200px; }
#container-960-no-margin, .container-960-no-margin {
position: relative;
margin: 0 auto;
display: table;
width: 960px; }
#container-960, .container-960 {
position: relative;
margin: 0 auto;
display: table;
width: 960px; }
#container-600, .container-600 {
position: relative;
margin: 0 auto;
display: table;
width: 600px; }
#container-520, .container-520 {
position: relative;
margin: 0 auto;
display: table;
width: 520px; }
.tab-cont {
padding-top: 15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.l-posts {
padding-bottom: 20px; }
.container-actu-home {
margin-top: 20px;
margin-bottom: 120px; }
.l-container-blog {
position: relative;
padding-bottom: 55px; }
.l-agenda {
padding-bottom: 100px; }
.l-partenaires a {
border: 0;
text-decoration: none; }
#l-don {
width: 100%;
height: 1060px;
border: none;
background: transparent;
margin-top: 0px; }
article.l-content {
padding-top: 45px;
padding-bottom: 35px; }
article.l-content-b {
padding-top: 0px;
padding-bottom: 85px; }
#l-glossaire {
padding-bottom: 50px; }
.l-container-violet-a {
padding-top: 45px;
padding-bottom: 10px;
border-top: 30px solid #ccb8f5;
background: #a682f1; }
.l-container-gris-a {
padding-top: 45px;
padding-bottom: 10px;
background: #efefef; }
.l-container-gris-b {
padding-bottom: 50px;
border-top: 20px solid #e6e5e4;
background: #efefef; }
.l-container-gris-c {
padding-top: 30px;
padding-bottom: 80px;
background: #efefef; }
.l-container-gris-d {
padding-top: 35px;
padding-bottom: 20px;
background: #efefef;
cursor: pointer; }
.l-container-gris-e {
padding-top: 30px;
padding-bottom: 80px;
background: #f9f8f8; }
.l-container-gris-f {
padding-top: 35px;
padding-bottom: 30px;
background: #efefef; }
.l-container-gris-g {
padding-top: 30px;
padding-bottom: 50px;
background: #f9f8f8; }
.l-container-gris-h {
padding-top: 100px;
padding-bottom: 110px;
background: #dedede; }
.l-container-orange {
padding-top: 50px;
padding-bottom: 35px;
background: #ffa112; }
.l-container-orange-b {
padding-top: 50px;
padding-bottom: 50px;
background: #ffa112; }
.l-container-orange-c {
padding-top: 50px;
padding-bottom: 110px;
background: #ffa112; }
.l-container-orange-d {
margin-bottom: 55px;
padding-top: 25px;
padding-bottom: 63px;
background: #ffa112;
border-top: 30px solid #ffd89d; }
.l-container-orange-e {
padding-top: 25px;
padding-bottom: 63px;
background: #ffa112;
border-top: 30px solid #ffd89d; }
.l-container-blanc-a {
position: relative;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 40px; }
.l-container-blanc-b {
position: relative;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 65px; }
.l-container-blanc-c {
position: relative;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 25px;
cursor: pointer; }
.l-container-blanc-d {
position: relative;
margin-bottom: 0;
padding-top: 0px;
padding-bottom: 70px; }
.l-container-blanc-e {
position: relative;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 65px; }
.l-container-annuaire-blanc-a {
position: relative;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 40px;
border-top: 1px dashed #eeeeee;
border-bottom: 1px dashed #eeeeee; }
.l-container-glossaire-blanc, .l-container-glossaire-gris {
position: relative;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 0px;
border-top: 1px dashed #eeeeee;
border-bottom: 1px dashed #eeeeee; }
.l-container-glossaire-gris {
background: #fdfdfd; }
.l-container-type-a {
padding-top: 25px;
padding-bottom: 63px;
background: #ffa112;
border-bottom: 10px solid #ffd89d; }
.l-container-type-b {
margin-top: 90px;
margin-bottom: 40px;
padding-top: 63px;
padding-bottom: 63px;
background: #ffa112;
border-top: 35px solid #efefef;
border-bottom: 28px solid #ffd89d; }
.l-container-type-c {
padding-top: 30px;
padding-bottom: 100px;
background: #ffa112;
border-top: 20px solid #ffd89d;
border-bottom: 35px solid #ffd89d; }
.l-container-type-d {
position: relative;
margin-top: -30px;
padding-top: 45px;
padding-bottom: 70px;
background: #efefef;
border-bottom: 20px solid #e0dddd; }
.l-container-type-e {
padding-top: 80px;
padding-bottom: 80px; }
.l-container-type-f {
padding-top: 25px;
padding-bottom: 63px;
background: #ffa112;
border-top: 30px solid #ffd89d;
border-bottom: 10px solid #ffd89d; } div.col-sm-7.five-three {
width: 60% !important; }
div.col-sm-5.five-two {
width: 40% !important; }
.section {
clear: both;
padding: 0px;
margin: 0px; }
.col {
display: block;
float: left;
margin: 1% 0 1% 0%; }
.col:first-child {
margin-left: 0; }
.group:before,
.group:after {
content: "";
display: table; }
.group:after {
clear: both; }
.group {
zoom: 1; }
.span_1_of_2_contact {
float: left;
width: 49%;
padding: 0 0 0 0;
margin: 0 0 20px 0; }
.span_2_of_2_contact {
float: right;
width: 49%;
padding: 0 0 0 0;
margin: 0 0 20px 0; } @media only screen and (max-width: 990px) {
#container-960-no-margin, .container-960-no-margin {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0; }
#container-960, .container-960 {
width: 100%;
padding: 0 30px 0 30px; } }
@media only screen and (max-width: 768px) {
.l-partenaires {
padding: 50px 0 50px 0; } }
@media only screen and (max-width: 600px) {
#container-600, .container-600 {
width: 100%; }
#container-520, .container-520 {
width: 90%;
margin: 0 0 0 0; } }
@media only screen and (max-width: 580px) {
article.l-content {
padding-left: 30px;
padding-right: 30px; }
#l-don {
position: relative;
float: none;
left: 0px;
width: 100%; } }
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%; }
.span_2_of_2_contact, .span_1_of_2_contact {
width: 100%;
float: none; } } footer {
position: relative;
margin: 0 auto;
padding-top: 70px;
padding-bottom: 70px;
display: table;
width: 960px;
background: white;
z-index: 3; }
.l-partenaires {
position: relative;
z-index: 3; }
img.logo-referent {
position: relative;
margin: 0 auto;
margin-bottom: 10px;
display: table;
text-align: center; } @media only screen and (max-width: 990px) {
footer iframe {
width: 93%; } }
@media only screen and (max-width: 960px) {
footer {
width: 100%; } }
@media only screen and (max-width: 580px) {
footer h2.type-3 {
position: relative;
margin: 0 auto;
display: table;
text-align: center; }
footer iframe {
display: none; }
img.logo-partenaire {
position: relative;
margin: 0 auto;
display: table; } } #current-menu-item {
color: #ffa112; }
nav ul.primary-home li a, nav ul.primary-home li a:hover, nav ul.primary li a, nav ul.primary li a:hover, nav ul.menu-agenda li a, nav ul.menu-agenda li a:hover, ul.primary-home li:hover .dropdown-menu, ul.primary-home li .dropdown-menu {
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
nav ul.primary-home li a, nav ul.primary li a {
padding-bottom: 0;
border-bottom: 0;
color: #8a8a8a; }
nav ul.primary-home li, nav ul.primary li {
cursor: pointer; }
nav ul.primary-home, nav ul.primary {
position: relative;
display: table;
margin: 0 auto;
margin-top: 25px;
margin-bottom: -15px; }
nav ul.primary {
margin-top: 45px;
margin-left: -15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
header.smaller nav ul.primary {
margin-top: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
nav ul.primary-home li, nav ul.primary li, ul.menu-agenda li {
display: inline-block;
padding: 0px 0px 10px 0px;
text-align: center;
list-style-type: none;
text-transform: uppercase;
font: 14px "TitilliumText-XBold", "Helvetica", "sans-serif";
letter-spacing: 0.014em; }
nav ul.primary-home li a, nav ul.primary li a {
padding-bottom: 7px;
border-bottom: 0; }
nav ul.primary-home li a:after, nav ul.primary li a:after {
display: block;
content: '';
border-bottom: 2px solid #ffa112;
transform: scaleX(0);
transform-origin: 0% 50%;
transition: transform 250ms ease-in-out;
margin-left: 18px; }
nav ul.primary-home li a:hover:after, nav ul.primary li a:hover:after {
transform: scaleX(1); }
nav ul.primary-home li a, nav ul.primary li a {
transform-origin: 0% 50%; }
nav ul.primary li ul.dropdown-menu li a:hover:after, nav ul.primary-home li ul.dropdown-menu li a:hover:after {
transform: scaleX(0); }
nav ul.primary-home li:before, nav ul.primary li:before {
content: '\00B7';
font-size: 20px;
padding-left: 6px;
padding-right: 4px;
font: "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #ffa112; }
nav ul.primary-home li:first-child:before, nav ul.primary li:first-child:before {
content: '\00B7';
font-size: 20px;
color: white; }
nav ul.secondaire, nav ul.pages-connexes {
margin-top: -20px;
margin-left: -40px; }
nav ul.secondaire li, nav ul.pages-connexes li {
display: inline-block;
width: 100%;
padding-bottom: 4px;
text-align: left;
list-style-type: none;
font: 16px "Open Sans", "Helvetica", "sans-serif"; }
nav ul.secondaire li a, nav ul.pages-connexes li a {
padding-bottom: 0;
border-bottom: 0;
color: #8a8a8a; }
nav ul.secondaire li a:hover, nav ul.pages-connexes li a:hover {
color: #242425; }
ul.menu-agenda {
margin-top: -10px;
margin-left: -50px; }
ul.menu-agenda li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-transform: uppercase;
margin: 0px;
padding: 62px 0 0px 0;
vertical-align: top;
margin: 0 20px 0 20px;
background-repeat: no-repeat;
background-size: 50px;
background-position: 50% 0%;
border-bottom: 0;
color: #242425;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.menu-agenda li.active {
color: #ffa112; }
ul.menu-agenda li:nth-child(1) {
background: url(//www.enfine.com/img/icon-agenda.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 50px; }
ul.menu-agenda li:nth-child(2) {
background: url(//www.enfine.com/img/icon-groupe-parole-b.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 50px; }
ul.menu-agenda li:nth-child(3) {
background: url(//www.enfine.com/img/icon-pour-proche-b.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 50px; }
ul.menu-agenda li:nth-child(4) {
background: url(//www.enfine.com/img/icon-atelier-image-corporelle-b.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 50px; }
ul.menu-agenda li:nth-child(5) {
background: url(//www.enfine.com/img/icon-atelier-image-corporelle-b.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 50px; }
ul.menu-agenda li:hover {
color: #ffa112;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; } .button-menu {
position: absolute;
top: 12px;
right: 12px;
float: right;
cursor: pointer;
z-index: 99999; }
.middle {
margin: 0 auto; }
.button-mobile {
display: none;
position: relative;
margin: 0 auto;
height: 4px;
width: 40px;
background-color: black;
margin: 5px auto;
border-radius: 2px;
z-index: 99999;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms; }
.nav-right.visible-xs .active .button-mobile {
z-index: 99999;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms; }
.button-menu.active .top {
background-color: white;
-webkit-transform: translateY(10px) rotateZ(45deg);
-moz-transform: translateY(10px) rotateZ(45deg);
-ms-transform: translateY(10px) rotateZ(45deg);
-o-transform: translateY(10px) rotateZ(45deg);
transform: translateY(10px) rotateZ(45deg); }
.button-menu.active .bottom {
background-color: white;
-webkit-transform: translateY(-8px) rotateZ(-45deg);
-moz-transform: translateY(-8px) rotateZ(-45deg);
-ms-transform: translateY(-8px) rotateZ(-45deg);
-o-transform: translateY(-8px) rotateZ(-45deg);
transform: translateY(-8px) rotateZ(-45deg); }
.button-menu.active .middle {
width: 0;
background-color: white; }
.overlay-mobile-menu {
position: fixed;
display: none;
background: black;
top: 0px;
margin-left: -30px;
width: 100%;
height: 100vh;
z-index: 97;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha" Opacity=50;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
filter: alpha(opacity=50);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
.menumobile {
position: fixed;
width: 80%;
height: 100%;
top: 0;
right: 0px;
background: white;
overflow-y: scroll;
z-index: 1000; }
.menumobile, .menuoff, .buttonmove {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease; }
.menuoff {
margin-right: -80%; }
.buttonmove {
position: fixed;
margin-right: 80%;
z-index: 99; }
nav ul.mobile {
position: relative;
margin-left: -10px; }
ul.mobile li a:hover {
text-decoration: none;
color: #ffa112; }
ul.mobile li a {
color: #242425;
border-bottom: 0;
text-decoration: none; }
ul.mobile li {
display: inline-block;
width: 100%;
padding: 10px 0px 10px 0px;
text-align: left;
list-style-type: none;
text-transform: uppercase;
font: 14px "TitilliumText-XBold", "Helvetica", "sans-serif";
letter-spacing: 0.014em; } .yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
position: static;
z-index: 3; }
.yamm .navbar-inner,
.yamm .container {
position: relative;
z-index: 3; }
.yamm .dropdown-menu {
width: 620px;
margin: 6px 0 0 -300px;
left: 50%;
border: 2px solid #ffa113;
border-radius: 0; }
.yamm .dropdown-menu > li {
display: block; }
.yamm .dropdown-submenu .dropdown-menu {
left: 100%; }
.yamm .nav.pull-right .dropdown-menu {
right: 0; }
.yamm .yamm-content {
*zoom: 1; }
.yamm .yamm-content:before,
.yamm .yamm-content:after {
display: table;
content: "";
line-height: 0; }
.yamm .yamm-content:after {
clear: both; }
.yamm.navbar .nav > li > .dropdown-menu:after,
.yamm.navbar .nav > li > .dropdown-menu:before {
display: none; }
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: 100%;
left: 0;
right: 0; }
ul.primary-home li:hover .dropdown-menu, ul.primary li:hover .dropdown-menu {
display: block; }
.dropdown {
padding: 0px 0px 10px 0px;
text-align: left;
list-style-type: none;
text-transform: uppercase;
font: 14px "TitilliumText-XBold", "Helvetica", "sans-serif";
color: #8a8a8a;
letter-spacing: 0.014em;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.dropdown a:hover, .dropdow:hover, a:hover .dropdown {
color: #ffa112;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
nav ul.primary-home li .dropdown a:hover {
border-bottom: 0; } @media (max-width: 990px) {
nav ul.primary {
margin: 0 auto;
margin-top: 15px;
float: none; }
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: auto; }
.yamm .yamm-content {
padding-left: 0;
padding-right: 0; }
.yamm .dropdown-menu > li > ul {
display: block; }
.yamm .dropdown-menu {
margin-top: -12px; } }
@media (max-width: 768px) {
ul.menu-agenda li {
margin: 0 10px 0 10px; } }
@media (max-width: 760px) {
#menu-mobile {
display: table; }
.button-mobile {
display: block; }
.l-menu-mobile {
display: table;
padding: 0 0 60px 0; }
nav.navbar {
display: none; }
nav.primary li a {
border: 0; } }
@media only screen and (max-width: 580px) {
nav ul.secondaire, nav ul.pages-connexes {
position: relative;
margin-left: 0;
margin: 0 auto;
margin-top: -13px;
margin-bottom: 24px;
display: table; }
nav ul.mobile {
display: inline-block;
width: 100%;
padding-bottom: 4px;
text-align: center;
list-style-type: none; }
ul.menu-agenda li {
display: inline-block;
width: 100%;
padding-bottom: 4px;
text-align: center;
list-style-type: none; } } @media screen and (min-width: 0\0) {
nav ul.primary-home {
position: relative;
display: block;
margin: 0 auto;
text-align: center;
margin-top: 20px;
margin-bottom: -12px;
margin-left: auto;
margin-right: auto; }
nav ul.primary {
margin-left: -45px; }
.yamm .dropdown-menu {
width: 620px;
margin: -10px 0 0 -300px;
left: 50%;
border: 2px solid #ffa113;
border-radius: 0; } } @media all and (min--moz-device-pixel-ratio: 0) {
nav ul.primary {
margin-left: -45px; }
nav ul.primary li {
white-space: normal; } }
@media all and (min--moz-device-pixel-ratio: 0) and (max-width: 970px) {
ul.primary-home li:hover .dropdown-menu {
position: relative;
margin-top: -25px; } }  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
nav ul.primary li a:after {
border: 0; }
nav ul.primary li a {
border: 0; }
nav ul.primary li {
border: 0; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
nav ul.primary li a:after {
border: 0; }
nav ul.primary li a {
border: 0; }
nav ul.primary li {
border: 0; } }   @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } }  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } }  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
nav ul.mobile li a:after {
border: 0; }
nav ul.mobile li a {
border: 0; }
nav ul.mobile li {
border: 0; } }   a.btn-d span, a.btn-f span {
position: relative;
z-index: 3; }
a.btn-a, a.btn-b, a.btn-c, a.btn-d, a.btn-e, a.btn-f, a.btn-g, .btn-h, a.btn-i, a.btn-j, a.btn-k, a.btn-top-bar {
display: block;
text-transform: uppercase;
text-decoration: none;
background: transparent;
cursor: pointer;
z-index: 3;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
a.btn-b span.color-btn-popup, a.btn-b:hover span.color-btn-popup, a.btn-h span.color-btn-popup, a.btn-h:hover span.color-btn-popup, a.btn-g span.color-btn-popup, a.btn-g:hover span.color-btn-popup {
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
a.btn-a {
width: 100%;
background: transparent;
color: white;
padding: 17px 25px 13px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid white;
background: linear-gradient(to left, transparent 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-a:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; }
a.btn-b {
position: relative;
margin: 0 auto;
display: table;
text-align: center;
width: 100%;
background: white;
color: #ffa112;
padding: 17px 25px 13px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid white;
background: linear-gradient(to left, white 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-b:hover {
border: 5px solid white;
background-position: left bottom;
color: white; }
a.btn-b span.color-btn-popup {
color: #ffa112; }
a.btn-b:hover span.color-btn-popup {
color: white; }
a.btn-c, a.btn-k {
background: #ffa112;
color: white;
max-height: 50px;
width: 300px;
padding: 10px 25px 13px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #ffa112;
background: linear-gradient(to left, #ffa112 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-c:hover, a.btn-k:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; }
a.btn-d {
background: #a682f1;
width: 100%;
height: 75px;
max-height: 75px;
color: #3b3a3a;
text-align: left;
padding: 17px 25px 13px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #a682f1;
background: linear-gradient(to left, #a682f1 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-d:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; }
a.btn-e {
width: 100%;
background: transparent;
color: white;
text-align: center;
padding: 15px 25px 15px 25px;
font: 36px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #242425;
background: linear-gradient(to left, #242425 50%, #a682f1 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-e:hover {
border: 5px solid #a682f1;
background-position: left bottom;
color: white; }
a.btn-f {
background: #ffa112;
color: white;
max-height: 75px;
width: 100%;
padding: 23px 25px 20px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #ffa112;
background: linear-gradient(to left, #ffa112 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-f:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; }
a.btn-g {
background: #a682f1;
width: 100%;
color: white;
text-align: center;
padding: 12px 25px 11px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #a682f1;
background: linear-gradient(to left, #a682f1 50%, #242425 50%);
background-size: 206% 100%;
background-position: right bottom; }
a.btn-g:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; }
a.btn-g span.color-btn-popup {
color: white; }
a.btn-g:hover span.color-btn-popup {
color: white; }
a.btn-h {
width: 100%;
background: transparent;
color: #ffa112;
padding: 17px 25px 13px 25px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
text-align: center;
border: 5px solid #ffa112;
background: linear-gradient(to left, transparent 50%, #ffa112 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-h:hover {
border: 5px solid #ffa112;
background-position: left bottom;
color: white; }
a.btn-h span.color-btn-popup {
color: #ffa112; }
a.btn-h:hover span.color-btn-popup {
color: white; }
a.btn-i {
background: #ffa112;
color: white;
max-height: 60px;
width: 100%;
padding: 10px 25px 20px 25px;
font: 36px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #ffa112;
text-align: center;
background: linear-gradient(to left, #ffa112 50%, #242425 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-i:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; }
a.btn-j {
width: 100%;
background: white;
text-align: center;
color: #ffa112;
padding: 17px 0px 13px 0px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid white;
background: linear-gradient(to left, white 50%, #ffa112 50%);
background-size: 200% 100%;
background-position: right bottom; }
a.btn-j:hover {
border: 5px 0 5px 0 solid white;
background-position: left bottom;
color: white; }
a.btn-k {
position: relative;
margin: 0 auto;
display: table;
margin-top: 30px;
margin-bottom: 60px; }
a.btn-top-bar {
background: #ffa112;
color: white;
max-height: 50px;
max-width: 300px;
text-align: center;
width: 100%;
padding: 10px 10px 13px 10px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #ffa112;
border-right: 6px solid #ffa112;
background: linear-gradient(to left, #ffa112 50%, #242425 50%);
background-size: 206% 104%;
background-position: right bottom; }
a.btn-top-bar:hover {
border: 5px solid #242425;
background-position: left bottom;
color: white; }
a.understrap-read-more-link {
display: none !important; } @media screen and (-webkit-min-device-pixel-ratio: 0) {
a.btn-top-bar {
background: #ffa112;
color: white;
max-height: 50px;
position: absolute;
left: 0;
right: 0;
width: 100vw;
padding: 10px 10px 13px 10px;
font: 18px "TitilliumText-XBold", "Helvetica", "sans-serif";
border: 5px solid #ffa112;
background: linear-gradient(to left, #ffa112 50%, #242425 50%);
background-size: 206% 104%;
background-position: right bottom; } } .icon-btn {
position: absolute;
margin: 0 auto;
display: table;
float: left;
text-align: right;
margin-top: -45px; }
.icon-btn-b {
padding-left: 40px;
margin-right: 25px;
margin-top: -6px;
z-index: 3; } @media only screen and (max-width: 1170px) {
.margin-btn-mobile {
margin-bottom: 30px; }
a.btn-top-bar {
max-width: 230px;
width: 100vw; } }
@media only screen and (max-width: 767px) {
a.btn-top-bar {
position: absolute;
margin-top: 60px;
left: 0;
right: 0;
max-width: 100%;
width: 100%; } }
@media only screen and (max-width: 760px) {
a.btn-top-bar {
margin-top: 0px; } }
@media only screen and (max-width: 580px) {
a.btn-d {
height: 100%;
min-height: 75px; }
a.btn-e, a.btn-i {
font-size: 24px;
padding: 5px 25px 5px 25px; } }
@media only screen and (max-width: 520px) {
.icon-btn {
margin-left: -15px;
z-index: 2;
opacity: 0.45;
-moz-opacity: 0.45;
-khtml-opacity: 0.45;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha" Opacity=45;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 45);
filter: alpha(opacity=45); } }
@media only screen and (max-width: 320px) {
a.btn-f {
padding: 23px 10px 20px 10px;
max-width: 290px; } }