/*
Theme Name: TARA
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based Wordpress theme of your own.
Author: Monkey Do!
Author URI: http://monkeydo.biz
Version: 1
*/
/*
HTML5 Reset Wordpress Theme :: style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:
Eric Meyer :: http://ericmeyer.com
HTML5 Doctor :: http://html5doctor.com
and the HTML5 Boilerplate :: http://html5boilerplate.com
Special thanks: The Wordpress theme owes its start to an empty theme authored
by Chris Coyier & Jeff Starr: http://digwp.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
.abs {
position: absolute;
bottom: 0;
background-color: black;
padding: 4px;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
pre {
background-color: yellow;
color: black;
padding: 20px;
display: block,
}
section {
background: white
}
a {
text-decoration: none
}
a:link {
-webkit-tap-highlight-color: #E35205;
}
ul {
margin: 0;
padding: 0
}
ul li {
float: left;
list-style: none
}
input {
border: 0;
}
p {
margin-bottom: 20px;
line-height: 20px
}
hr {
margin: 10px 0;
}
.bg_orange {
background-color: #E35205;
}
.bg_gray {
background-color: #323232;
color: white
}
*:focus {
outline: 0;
}
.clear {
clear: both
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.align_center {
text-align: center
}
.align_left {
text-align: left
}
.align_right {
text-align: right
}
.hide {
display: none;
}
.show {
display: block;
}
.vhidden {
visibility: hidden;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea:focus,
input:focus button:focus {
outline: 0;
}
strong,
b {
font-weight: bold;
}
.mr10 {
margin-right: 10px;
}
a {
color: #999999;
text-decoration: none
}
a:hover {
color: #ffffff;
text-decoration: none
}
a,
.anime {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.anime_md {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.anime_lg {
-webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
-ms-transition: all .8s ease-out;
-o-transition: all .8s ease-out;
transition: all .8s ease-out;
}
h1,
h2,
h3,
h4 {
font-weight: 100;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
-webkit-font-smoothing: antialiased;
}
.alignleft {
float: left;
}
.alignright {
float: right
}
.sep_short {
width: 15px;
height: 2px;
background: #999999;
margin-top: 22px;
margin-bottom: 13px;
}
.sep_5 {
height: 5px;
}
.sep_20 {
height: 20px;
}
.btn_black {
background-color: black;
color: white;
}
.btn_black:hover {
background-color: transparent;
color: black;
border: 1px solid black;
}
.btn_gray {
background-color: #333333;
color: white;
font-weight: bold;
}
.btn_gray:hover {
background-color: #000000;
color: white;
}
.btn_orange {
background-color: #E35205;
color: white;
}
a.btn_orange:hover {
color: #E35205;
background: transparent;
border: 1px solid
}
.btn_white {
background-color: #ffffff;
color: #E35205;
font-weight: bold;
}
.btn_outline_gray {
background-color: transparent;
color: #999999;
border: 1px solid;
border-radius: 10px;
}
.outline {
/*box-shadow: inset 0 0 1px #fff, inset 0 0 1px #fff, inset 0 0 1px #fff;*/
border: 1px solid;
}
.corner_sq {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.truncate {
width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.grayscale {
/*filter: url("data:image/svg+xml;utf8,#grayscale");*/
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.select {
background-image: url('images/select_arrow.gif');
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
}
.vertical {
/*writing-mode:tb-rl;*/
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
white-space: nowrap;
display: block;
bottom: 0;
width: 20px;
height: 20px;
}
@-moz-document url-prefix() {
#s-rp .form-control {
height: auto;
padding: 16px !important;
}
}
/* SPRITE
-------------------------------------------------------------------------------*/
.arrow-bottom-small,
.ico-apple-hover,
.ico-apple,
.ico-facebook-hover,
.ico-facebook,
.ico-googleplus-hover,
.ico-googleplus,
.ico-instagram-hover,
.ico-instagram,
.ico-mail-hover,
.ico-mail,
.ico-twitter-hover,
.ico-twitter,
.ico-youtube-hover,
.ico-youtube,
.ico-linkedin,
.ico-newsletter,
.loupe,
.slider-arrow-next,
.slider-arrow-prev,
.trame-header,
.zbg-label-partenaires {
background-image: url(_/img/csg-534eb3cf2de33.png);
}
.arrow-bottom-small {
background-position: 0 0;
width: 7px;
height: 4px;
}
.ico-apple-hover {
background-position: 0 -14px;
width: 11px;
height: 13px;
}
.ico-apple {
background-position: 0 -37px;
width: 11px;
height: 13px;
}
.ico-facebook-hover {
background-position: 0 -60px;
width: 7px;
height: 14px;
}
.ico-facebook {
background-position: 0 -84px;
width: 7px;
height: 14px;
}
.ico-googleplus-hover {
background-position: 0 -108px;
width: 10px;
height: 15px;
}
.ico-googleplus {
background-position: 0 -133px;
width: 10px;
height: 15px;
}
.ico-instagram-hover {
background-position: 0 -158px;
width: 12px;
height: 13px;
}
.ico-instagram {
background-position: 0 -181px;
width: 12px;
height: 13px;
}
.ico-mail-hover {
background-position: 0 -204px;
width: 18px;
height: 14px;
}
.ico-mail {
background-position: 0 -228px;
width: 18px;
height: 14px;
}
.ico-twitter-hover {
background-position: 0 -252px;
width: 16px;
height: 13px;
}
.ico-twitter {
background-position: 0 -275px;
width: 16px;
height: 13px;
}
.ico-youtube-hover {
background-position: 0 -298px;
width: 16px;
height: 11px;
}
.ico-youtube {
background-position: 0 -319px;
width: 16px;
height: 11px;
}
.ico-linkedin-hover {
background-position: 0 -753px;
width: 16px;
height: 11px;
}
.ico-linkedin {
background-position: 0 -753px;
width: 16px;
height: 11px;
}
.ico-newsletter-hover {
background-position: 0 -791px;
width: 16px;
height: 11px;
}
.ico-newsletter {
background-position: 0 -791px;
width: 16px;
height: 11px;
}
.loupe {
background-position: 0 -340px;
width: 24px;
height: 24px;
}
.slider-arrow-next {
background-position: 0 -374px;
width: 33px;
height: 62px;
}
.slider-arrow-prev {
background-position: 0 -446px;
width: 33px;
height: 62px;
}
.trame-header {
background-position: 0 -518px;
width: 74px;
height: 92px;
}
.zbg-label-partenaires {
background-position: 0 -620px;
width: 178px;
height: 72px;
}
/*-------------------------------------------------------------------------------*/
/* GLOBALS UTILS
-------------------------------------------------------------------------------*/
/* BLOCKS
-------------------------------------------------------------------------------*/
html,
body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
line-height: 1;
/*color:#999999;*/
color: #999999;
font-size: 13px;
background: #070506 url(_/img/map4-1200.jpg) no-repeat center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed
}
#wrapper {
max-width: 1024px;
margin: auto;
}
.container-main {
background-color: white;
/* margin-top: 146px;*/
/* margin-top: 149px;*/
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.container.container-main {
padding-top: 149px !important;
}
.container-main.updating-content {
opacity: 0.5
}
#loader {
width: 100%;
height: 100%;
background: rgba(61, 61, 61, 0.5);
position: fixed;
top: 0;
display: none;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
body.loading #loader {
display: block
}
/* BOOTSTRAP
-------------------------------------------------------------------------------*/
.container {
max-width: 1024px;
padding: 0;
}
.container-fluid {
padding: 0;
}
.row {
margin: 0
}
.carousel-control {
width: 32px;
height: 61px;
margin-top: -30px;
}
.carousel-control.left,
.carousel-control.right {
background: none
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
padding: 0;
}
.radio,
.checkbox {
color: white;
}
.btn_small {
font-size: 12px;
}
.radio,
.checkbox {
padding: 0
}
.radio label,
.checkbox label {
color: #999999;
}
.radio input,
.checkbox input {
width: auto !important;
margin: 0 !important;
margin-right: 5px !important;
}
/* HEADER
-------------------------------------------------------------------------------*/
.container-header {
position: fixed;
top: 0;
/* z-index: 99999;*/
z-index: 100;
width: 100%
}
#header_mobile {
display: none;
}
header {
background: white;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #999999;
}
.no-touch header {
max-height: 149px;
}
.header_inner {
border-bottom: 2px solid #1b365d;
padding: 20px;
min-height: 95px;
}
.header_inner>ul>li {
margin-top: 10px;
margin-right: 24px;
}
.header_inner>ul>li:first-child {
margin-top: 0px;
}
.header_inner>ul.pull-left>li:nth-child(1) {
margin: -5px 0 0;
}
.header_inner>ul.pull-left>li:nth-child(2) {
padding: 0 0 0 10px;
margin-right: 0;
border-left: 1px solid #c2c2c2;
margin-left: 10px;
margin-top: 0;
}
.header_inner>ul.pull-right>li:nth-child(1) {
margin-top: 5px;
margin-right: 20px;
}
.header_inner>ul.pull-right>li:nth-child(2) {
margin-top: 5px
}
.header_inner>ul.pull-right>li:nth-child(3) {
border-left: 1px dashed gray;
max-height: 58px;
margin-right: 0
}
.header_inner>ul.pull-right>li:nth-child(4) {
max-height: 58px;
margin-top: -3px;
margin: 0;
height: 58px;
margin-top: 2px;
}
#nav_main {
width: 100%;
padding: 10px 0px;
display: inline-block;
background: white;
z-index: 4;
}
#nav_main ul>li {
font-size: 18px;
height: 34px;
border-right: 1px solid #999999;
padding: 0 20px;
position: relative;
}
/* #nav_main li:first-child {
margin: 0 0 0 20px;
} */
#menu-menu-main-en>li:nth-child(7),
#menu-menu-main>li:nth-child(7) {
border: 0;
}
#menu-menu-main-en,
#menu-menu-main {
position: relative;
}
#menu-menu-main-en>li:last-child,
#menu-menu-main>li:last-child {
border: 0;
background-color: #E35205;
position: absolute;
top: -10px;
right: 0;
margin: 0;
padding: 10px 30px 0;
height: 54px;
}
#menu-menu-main-en>li:last-child a,
#menu-menu-main>li:last-child a {
color: white;
display: inline-block;
text-align: center;
transition: color 0s;
}
#menu-menu-main-en>li:last-child:hover,
#menu-menu-main>li:last-child:hover {
border-radius: 5px;
}
#menu-menu-main-en>li:last-child:hover a,
#menu-menu-main>li:last-child:hover a {
color: white;
text-decoration: underline;
}
#menu-menu-main-en>li.current-menu-item:last-child>a,
#menu-menu-main>li.current-menu-item:last-child>a {
color: white;
text-decoration: underline;
}
/*#nav_main li:after{width:1px;height: 20px; background-color: red; display: inline-block;}
#nav_main li + li::before {
content: "";
height: 34px;
width: 1px;
background: red;
display: inline-block;
}*/
#nav_main li>a {
color: #061d47;
position: relative;
top: 7px;
font-weight: bolder !important;
}
#nav_main li:hover>a,
#nav_main li.current-menu-item>a {
color: #E35205;
}
#nav_main li:hover .sub-menu {
display: block
}
.sub-menu {
display: none;
position: absolute;
left: 0;
top: 34px;
background: #ffffff;
padding: 10px;
min-width: 200px;
}
#nav_main .sub-menu li {
margin: 0;
padding: 0 !important;
border-right: 0;
font-size: 12px;
height: auto;
margin-bottom: 10px;
clear: both;
}
#nav_main .sub-menu li a {
top: 0;
}
#nav_main .sub-menu li:last-child:after {
content: '';
display: block;
width: 16px;
height: 2px;
background: #999999;
margin-top: 15px;
}
/* NAV HEADER
-------------------------------------------------------------------------------*/
.menu-menu-header-en-container li,
.menu-menu-header-container li {
color: white;
font-size: 10px;
margin-right: 9px;
}
.menu-menu-header-en-container li.bg_orange,
.menu-menu-header-container li.bg_orange {
border: 1px solid #E35205;
}
.menu-menu-header-en-container li a,
.menu-menu-header-container li a {
color: #ebebeb;
padding: 14px 21px;
display: inline-block;
}
@media screen and (min-width: 769px) {
.menu-menu-header-en-container li.ico_shop a,
.menu-menu-header-container li.ico_shop a {
padding: 0 !important;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
text-indent: 0;
-webkit-font-smoothing: antialiased;
color: #1b365d;
height: 1em;
width: .9em;
overflow: hidden;
font-size: 2.5em;
margin: 7px 0 0;
background: none;
}
.menu-menu-header-en-container li.ico_shop a:hover,
.menu-menu-header-container li.ico_shop a:hover {
color: #1b365d;
}
.menu-menu-header-en-container li.ico_shop a::before,
.menu-menu-header-container li.ico_shop a::before {
content: "\f07a";
}
}
.menu-menu-header-en-container li:last-child,
.menu-menu-header-container li:last-child {
margin-right: 0;
}
.menu-menu-header-en-container li.current_page_item,
.menu-menu-header-container li.current_page_item,
.menu-menu-header-container li.bg_orange {
border: 1px solid #E35205;
background: url(_/img/stripe_bt_over.jpg);
}
.menu-menu-header-en-container li:hover a,
.menu-menu-header-container li:hover a {
color: #ffffff;
}
.ico_shop a {
margin: 12px 0;
padding: 0;
text-indent: -9999px;
width: 18px;
height: 18px;
background-image: url(_/img/csg-534eb3cf2de33.png);
background-position: 0 -706px;
}
/* SEARCH
-------------------------------------------------------------------------------*/
#module-search {
display: inline-block;
}
#searchform {
position: relative;
}
#module-search div {
border-bottom: 2px solid #2b406e;
display: block;
position: static;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
#module-search input {
border: 0;
background: transparent;
color: #2b406e;
display: none;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 10px 0 0;
width: 280px;
}
@media screen and (min-width: 1024px) {
#module-search input {
width: 329px;
}
}
#module-search div.s-expand input {
display: block;
}
#module-search .btn {
background: transparent;
border: 0;
color: #2b406e !important;
position: absolute;
top: 3px;
right: -5px;
}
#module-search .btn:active {
box-shadow: none;
}
.s-result {
background: white;
background-image: url(_/img/img-noise-361x370.png);
}
.s-result-heading {
background-color: #333333;
}
.s-result-heading h2 {
padding: 20px;
font-size: 28px;
color: white;
text-align: center;
}
.s-result-filter {
margin: 0 auto;
max-width: 751px;
}
.s-result-filter-form-heading {
border-bottom: 1px dotted;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 17px;
display: inline-block;
width: 100%;
}
.s-result-filter-form-heading div {
display: block;
}
.s-result-filter .span3 {
margin-right: 10px;
}
.s-result-filter .span3:last-child {
margin-right: 0;
}
/* centered columns styles */
.row-centered {
text-align: center;
}
.col-centered {
display: inline-block;
float: none;
/* reset the text-align */
text-align: left;
/* inline-block space fix */
margin-right: -4px;
}
#s-result-filter-form .checkbox {
margin-top: 0
}
#s-result-filter-form input[type=submit] {
color: white
}
.s-results {}
.s-result h3 {
margin: 20px 0;
}
.s-result article {
padding: 20px;
margin: 12px;
height: 202px;
overflow: hidden;
}
.s-result article:nth-child(1),
.s-result article:nth-child(2) {
margin-top: -22px;
}
.s-result article:nth-child(odd) {
margin-left: 0;
}
.s-result article:nth-child(even) {
margin-right: 0;
}
.s-result h2 {
font-size: 40px;
border-bottom: 1px solid #444444;
}
.s-result-filter {
padding: 70px 0;
}
.s-result .liste_visuel,
.s-result .liste_content {
vertical-align: top;
}
.s-result .liste_content {
max-width: 200px
}
.s-result .liste_content h3 {
font-size: 20px;
margin-bottom: 12px;
margin-top: 0;
}
.s-result .cp_typologie {
margin-bottom: 12px;
}
.s-result .bg_gray {
padding: 5px;
}
.pagination a:hover {
color: #E35205;
}
/* SOCIAL
-------------------------------------------------------------------------------*/
.connecteurs-sociaux {
padding: 10px 24px 0;
display: inline-block;
}
.connecteurs-sociaux li {
width: 16px;
height: 14px;
float: left;
margin-right: 12px;
background-position: center;
}
.connecteurs-sociaux li:last-child {
margin-right: 10px;
}
.connecteurs-sociaux li a {
color: #1b365d;
}
.connecteurs-sociaux li a:hover {
color: #1b365d;
}
.widget_share_this {
height: 26px;
height: auto;
margin-bottom: 20px;
}
.widget_share_this span {
display: inline-block;
min-height: 23px;
vertical-align: top;
margin-right: 10px;
}
.widget_share_this span>span {
margin: 0 !important;
}
.widget_share_this_small {
margin-bottom: 5px
}
.widget_share_this_small span {
margin-right: 0;
margin-left: 10px
}
.share_generic {
width: 114px;
position: absolute;
bottom: 12px;
left: 12px;
opacity: 0;
}
.label_share_generic {
display: inline-block;
}
.btn_share_generic {
width: 24px;
height: 20px;
background: transparent url("_/img/spr-share.png");
display: inline-block;
}
.btn_share_generic:hover {
background-position: 0 -20px;
}
/***********************************************************
PARTAGES
***********************************************************/
.partages {
overflow: hidden;
margin-bottom: 19px;
}
.partages ul {
margin: 0;
padding: 0;
}
.partages li {
cursor: pointer;
display: inline-block;
height: 40px;
border-radius: 40px;
margin-right: 10px;
list-style: none;
position: relative;
width: 40px;
color: white;
text-align: center;
font-size: 1.2em;
overflow: hidden;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.partages li.p-tw {
border: 1px solid #1b95e0;
}
.partages li.p-tw .p-label {
color: #1b95e0
}
.partages li.p-fb {
border: 1px solid #4267b2
}
.partages li.p-fb .p-label {
color: #4267b2
}
.partages li.p-gplus {
border: 1px solid #eb4026
}
.partages li.p-gplus .p-label {
color: #eb4026
}
.partages li.p-linkedin {
border: 1px solid #1479e2
}
.partages li.p-linkedin .p-label {
color: #1479e2
}
.p-tw .p-action {
background-color: #1b95e0
}
.p-fb .p-action {
background-color: #4267b2
}
.p-gplus .p-action {
background-color: #eb4026
}
.p-linkedin .p-action {
background-color: #1479e2
}
.p-bg,
.p-label,
.p-action {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
}
.p-label,
.p-action {
line-height: 40px;
border-radius: 40px;
}
.p-action {
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.partages li .p-action a {
color: #fff
}
.partages li:hover .p-bg {
background-color: transparent;
}
.partages li:hover .p-label {
transform: translateY(-40px);
-webkit-transform: translateY(-40px);
}
.partages li:hover .p-action {
transform: translateY(0);
-webkit-transform: translateY(0);
}
.modal .partages {
display: inline-block;
}
/* ICO MENU MOBILE
-------------------------------------------------------------------------------*/
.bt-menu-trigger {
position: relative;
top: 9px;
display: block;
width: 30px;
height: 50px;
cursor: pointer;
}
.bt-menu-trigger span {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 4px;
margin-top: -2px;
background-color: #1b365d;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.6s;
transition: background-color 0.6s;
}
.m-expand .bt-menu-trigger span {
background-color: transparent;
}
.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #1b365d;
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
}
.bt-menu-trigger span:before {
-webkit-transform: translateY(-250%);
transform: translateY(-250%);
}
.bt-menu-trigger span:after {
-webkit-transform: translateY(250%);
transform: translateY(250%);
}
.m-expand .bt-menu-trigger span:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.m-expand .bt-menu-trigger span:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
/* FOOTER MOBILE
-------------------------------------------------------------------------------*/
.touch #footer_menu {
display: block;
}
.touch .footer_col {
float: none;
width: auto;
margin: 0
}
/* PARTENAIRES
-------------------------------------------------------------------------------*/
section.liste-sep .row {
position: relative;
margin: 0 !important;
padding-bottom: 33px;
}
.liste-sep .row:nth-child(odd) {
background-color: #f5f5f5
}
/*
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/
.mansory {
margin-left: 80px;
margin-bottom: 0px;
}
.liste-sep .row:nth-child(2) h2 {
margin-top: -33px !important;
}
.liste-sep .row h2 {
font-size: 24px;
color: white;
font-family: arial;
display: inline-block;
padding: 20px;
margin: 30px;
text-transform: initial;
/* line-height: 18px;*/
}
.liste-sep .row h2 a {
color: white !important
}
.liste-sep article {
padding: 20px;
-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.12);
-moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.12);
box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.12);
display: inline-block;
width: 190px;
float: none;
/* height: 312px!important;*/
height: 385px !important;
margin-bottom: 40px;
}
/*
.page-template-page-partenaires-php article:nth-child(3n){clear:both;}
.page-template-page-partenaires-php article:nth-child(3n){margin-left: 80px;}*/
.liste-sep article .liste_visuel {
padding: 0;
margin: 0;
border: 0;
padding-bottom: 13px;
margin-bottom: 11px;
border-bottom: dotted 1px #d3d3d3;
vertical-align: top;
height: 162px;
overflow: hidden;
}
.liste-sep article h3 {
font-size: 22px;
text-shadow: none;
margin-bottom: 5px
}
.page-template-page-scientifiques-php .mansory {
margin-left: 50px;
}
.page-template-page-scientifiques-php .liste-sep article {
width: 160px;
height: auto !important;
}
.page-template-page-scientifiques-php .liste-sep article .liste_visuel {
height: auto;
}
.page-template-page-scientifiques-php .liste-sep article img {
width: 120px;
height: auto;
}
.page-template-page-scientifiques-php .liste-sep article p {
margin-bottom: 0;
}
#partenaires {
width: 100%;
height: 65px;
background-color: #ececec;
margin-top: 5px;
}
.partenaires_label {
font-size: 20px;
padding: 26px 14px;
float: left;
height: 100%;
background-position: 0 -827px;
}
.partenaires_label a {
color: #1b365d;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.partenaires_liste {
overflow: auto;
overflow-y: hidden;
height: 65px;
width: calc(100% - 178px);
display: inline-block;
}
.item-partenaire {
background-position: center;
background-repeat: no-repeat;
height: 65px;
float: left;
margin: 0 18px;
margin-bottom: 0 !important;
}
.v-align-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.item-partenaire img {
vertical-align: middle;
margin: auto;
width: auto;
}
#partenaires .item-partenaire img {
max-height: 18px;
}
.item-partenaire video {
vertical-align: middle;
margin: auto;
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);*/
/*filter: url(grayscale.svg);*/
/* Firefox 4+ */
/*filter: gray;*/
/* IE 6-9 */
max-height: 18px;
width: auto;
}
.item-partenaire img.except_h {
max-height: 20px;
}
#partenaires-header li {
max-height: 27px;
max-width: 70px;
vertical-align: middle;
padding: 0;
margin: 15px 0 0;
}
#partenaires-header .item-partenaire img {
max-width: 100%;
}
.page-template-page-partenaires-php article {
min-height: 205px;
}
/* FOOTER
-------------------------------------------------------------------------------*/
footer {
background-color: white;
color: #1b365d;
z-index: 999;
position: relative;
}
#footer_menu {
display: inline-block;
/*margin: 25px 31px;*/
margin: 26px 14px;
}
.footer_col {
float: left;
margin: 0 33px 0 0;
width: 132px
}
.footer_col:nth-child(1),
.footer_col:nth-child(2) {
/*width: 292px;*/
}
.footer_col:nth-child(1) .menu-menu-main-container,
.footer_col:nth-child(2) .menu-menu-main-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.footer_col:last-child {
margin-right: 0;
margin-top: 64px
}
.footer_col h4 {
padding-bottom: 20px;
margin-bottom: 28px;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
border-bottom: 1px dashed #1b365d;
}
footer li {
font-size: 12px;
float: none;
margin-bottom: 15px
}
footer li a {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #1b365d !important;
}
footer li a:hover {
color: #1b365d !important;
}
/* SINGLE / PAGE DEFAULT
-------------------------------------------------------------------------------*/
.error404 .container-main {
min-height: 740px;
background-size: cover;
background-position: center top;
}
.error404 .pagination-centered {
height: 329px;
}
.error404 .pagination-centered>div {
max-width: 485px;
margin: 0 auto;
}
.error404 h2 {
font-size: 100px;
display: inline-block;
text-align: center;
line-height: 75px;
width: 100%;
color: white;
margin-top: 67px;
margin-bottom: 28px;
}
.desc_404,
.error404 .redirect {
margin: auto
}
.desc_404 {
font-size: 17px;
color: white;
width: 250px;
text-align: center;
margin-bottom: 28px;
}
/*----------------------------------------*/
/* Popup text & buttons */
/*----------------------------------------*/
.modalPopup .firstTextPopup {
font-family: 'tara_title_fontregular';
font-size: 20px;
margin-top: 85px;
}
.modalPopup .firstTextPopup span {
display: block;
text-align: center;
color: #fff;
}
.modalPopup .firstTextPopup:empty {
display: none;
}
.modalPopup .firstTextPopup a,
.modalPopup .button {
background-color: #E35205;
color: #fff;
padding: 10px;
display: inline-block;
}
.modalPopup .button {
font-family: 'tara_title_fontregular';
font-size: 18px;
line-height: 20px;
margin-top: 10px;
}
.modalPopup .closePopup {
color: #fff !important;
font-size: 35px;
margin-top: 10px;
text-shadow: 0 0 2px black !important;
}
.modalBackground.modalPopup {
background: #000;
}
.modalPopup .lastTextPopup {
font-size: 15px;
color: #000;
margin-top: 8px;
font-weight: bold;
}
@media screen and (min-width:1440px) {
.nl-popup .popupContainer {
position: absolute;
bottom: -153px;
left: 50px;
width: 600px !important;
height: 400px !important;
}
}
/* .nl-popup #iframe-nl {
margin-top: 50px;
} */
.nl-popup .firstTextPopup p {
color: #000;
}
/*----------------------------------------*/
/* Popup text & buttons END */
/*----------------------------------------*/
.error404 .redirect {
max-width: 177px;
}
.error404 .redirect a {
color: #E35205;
padding: 9px 12px;
}
.error404 .redirect a:hover {
color: black;
}
html[lang=en-US] .error404 .redirect {
max-width: 207px
}
.error404 .searchform {
margin: 0 auto;
width: 203px;
}
html[lang=en-US] .error404 .searchform {
width: 207px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.error404 .searchform {
width: 207px;
}
}
.error404 .searchform ::-webkit-input-placeholder {
color: #999
}
.error404 .searchform ::-moz-placeholder {
color: #999
}
/* firefox 19+ */
.error404 .searchform :-ms-input-placeholder {
color: #999
}
/* ie */
.error404 .searchform input:-moz-placeholder {
color: #999
}
.error404 .searchform input[type=text] {
border: 0;
padding: 12px;
height: 40px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.error404 .searchform .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 10px;
border: 0;
}
.error404 .suggestions404 {
background: white;
width: 100%;
display: inline-block;
padding: 30px 20px;
}
.error404 .suggestions404 h3 {
font-weight: 400;
text-align: center;
font-size: 14px;
margin-bottom: 30px;
color: black;
}
.error404 .suggestions404Liste {
display: table;
margin: 0 auto;
}
.error404 .suggestions404 li {
float: left;
text-align: center;
margin-bottom: 5px;
width: 196px;
border-right: 1px solid;
}
.error404 .suggestions404 li:last-child {
border: 0;
}
.error404 .suggestions404 li h4 {
margin-bottom: 10px;
font-weight: 400
}
.error404 .suggestions404 a {
color: white;
}
.error404 .suggestions404 a:hover {
color: #E35205
}
/* SINGLE / PAGE DEFAULT
-------------------------------------------------------------------------------*/
article {
background: white;
/*display: inline-block;
max-width: 855px;*/
}
.page_banner {
width: 100%;
height: 300px;
/* height: 344px!important; */
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.single-jdb .page_banner {
height: 344px !important
}
.page_banner h1,
.page_banner h2,
.page_banner img {
position: absolute;
}
.bloc_mediatheque .page_banner {
height: 382px;
position: static;
}
.bloc_mediatheque .legende_br {
display: none;
}
.bloc_mediatheque .page_banner h2 {
padding: 11px 13px;
font-size: 25px;
border-bottom: 1px solid #222225;
}
.page_banner.page_banner_video {
background-size: contain;
background-position: center center;
background-color: black;
}
.container_search_actus {
padding: 0 30px;
margin-top: 13px;
}
.container_search_actus .parentContent {
padding: 10px 0px 10px 0px;
}
.container_actus {
padding: 0 8px;
margin-top: 13px;
background: #efefef;
}
.container_team {
/* padding: 0 0px 0 13px;*/
margin-top: 13px;
/* au lieu de -21px */
}
.bloc-actu {
background: transparent url(_/img/trame-bristol-2.jpg);
/* pattern quadrillé */
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.bloc-actu::after {
content: "";
position: absolute;
width: 85%;
height: 1px;
background-color: #e0e0e0;
left: 0;
bottom: 0px;
}
actualites_block::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #e0e0e0;
left: 0;
bottom: 0px;
}
.bloc-actu .bloc-image {
width: 153px;
height: 87px;
float: left;
margin-right: 20px;
overflow: hidden;
}
.bloc-perso {
margin-bottom: 13px;
display: grid;
}
.container_search_actus .bloc-image img {
width: 100%;
height: auto;
}
.container_team .container-text {
position: relative;
height: 100%;
overflow: hidden;
}
.container_team .bloc-excerpt {
font-size: 10px;
letter-spacing: -0.5px;
line-height: 11px;
}
.container_search_actus .container-text {
padding: 20px 63px 20px 20px;
position: relative;
}
.container_search_actus .container-text .bloc-date {
position: absolute;
right: 12px;
top: 12px;
font-size: 8px;
}
.actualites_block .container-text .bloc-date {
position: absolute;
left: 192px;
top: 14px;
font-size: 8px;
}
.container-text h3 {
/* text-transform: uppercase; */
}
.container_team h3 a {
color: #E35205;
font-family: 'tara_title_fontregular';
font-size: 17px;
/* text-transform: uppercase; */
}
.actualites_block h3 {
margin-bottom: 8px;
}
.container-text h3 a {
color: #E35205;
font-family: 'tara_title_fontregular';
font-size: 17px;
/* text-transform: uppercase; */
}
.bloc-actu .bloc-excerpt {
font-size: 10px;
/* text-transform: uppercase; */
}
.actualites_block .bloc-excerpt {
font-size: 10px;
}
.actualites_block {
padding: 0 7px;
height: 164px;
margin-bottom: 15px;
}
.actualites_block .actusbg {
background-color: #ffffff;
height: 100%;
}
.actualites_block .bloc-image {
width: 163px;
height: 164px;
float: left;
margin-right: 20px;
}
.actualites_block .bloc-image img {
width: 100%;
height: auto;
}
.actualites_block .container-text {
padding: 33px 20px 20px 0;
}
.bloc-perso .bloc-image {
width: 95px;
height: 95px;
float: left;
margin-right: 20px;
overflow: hidden;
}
.bloc-perso .bloc-image img {
width: 100%;
height: auto;
}
.bloc-perso h3 {
margin-bottom: 5px;
}
.bloc-perso {
padding: 0 10px;
}
.bgteam {
padding: 22px;
background-color: #ffffff;
}
.bgteam::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #e0e0e0;
left: 0;
bottom: 0px;
}
.page_banner h2,
.page_banner h2 {
width: 100%;
padding: 20px;
font-size: 28px;
color: white;
}
.page_banner.page_banner_video {
background-size: contain;
background-position: center center;
background-color: black;
}
.banner_excerpt {
float: right;
}
.entry-content {
margin: 40px 0 40px 133px;
max-width: 590px;
min-width: 590px;
display: inline-block;
}
.entry-content,
.entry-summary {
clear: both;
padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
margin-bottom: 12px;
}
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 24px 0;
padding: 24px;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
}
.entry-content input {
margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
margin-right: 24px;
}
.entry-content label {
color: #888;
font-size: 12px;
}
.entry-content select {
margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
font-size: 10px;
}
.entry-content sup {
top: 0;
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.entry-content blockquote {
width: 85%;
margin: 35px auto;
position: relative;
}
.entry-content blockquote p {
font-size: 22px;
line-height: 32px;
display: inline;
font-style: italic;
font-weight: bold;
}
.entry-content blockquote:before {
content: "\201C";
left: -47px;
top: 24px;
float: left;
position: absolute;
}
.entry-content blockquote:after {
content: "\201D";
display: inline-block;
vertical-align: -35px;
margin-left: 10px;
}
.entry-content blockquote:before,
.entry-content blockquote:after {
color: #E35205;
font-size: 60px;
line-height: 0;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.jdb_content h2,
.jdb_content h3,
.jdb_content h4 {
margin-bottom: 15px;
font-family: "tara_title_fontregular";
/* text-transform: uppercase; */
color: #191919;
text-shadow: none;
}
.entry-content h2,
.jdb_content h2 {
font-size: 24px;
}
.entry-content h3,
.jdb_content h3 {
font-size: 22px;
}
.entry-content h4,
.jdb_content h4 {
font-size: 20px;
}
.entry-content h2 span {
font-size: 24px;
color: black;
font-family: "tara_title_fontregular" !important;
/* text-transform: uppercase; */
color: #191919;
}
.entry-content p {
line-height: 20px;
color: black
}
.entry-content strong {
/*color:#333333;*/
}
.entry-content pre {
padding: 30px;
font-family: arial;
font-weight: bold;
font-style: italic;
font-size: 20px;
background: white;
border-left: 5px solid #E35205;
border-radius: 0;
margin-bottom: 20px;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-content .alignleft {
margin-right: 20px
}
.entry-content .alignright {
margin-left: 20px
}
.entry-content p a {
color: #000000;
border-bottom: 1px solid #E35205;
}
.entry-content p a:hover {
border-bottom: 1px solid #E35205;
color: #E35205;
}
.entry-content p em {
font-style: italic;
}
.entry-content ul li {
float: none;
list-style-type: initial;
margin-bottom: 5px
}
/* ASIDE
-------------------------------------------------------------------------------*/
.aside_bg_1 {
background-image: url(_/img/fond_menu_vertical_tara_1.jpg);
}
.aside_bg_2 {
background-image: url(_/img/fond_menu_vertical_tara_2.jpg);
}
.aside_bg_3 {
background-image: url(_/img/fond_menu_vertical_tara_3.jpg);
}
aside {
height: 100%;
background-color: #1a1a1a;
background-position: center top;
background-repeat: no-repeat;
/* border-right: 1px solid rgba(23, 23, 23, 0.5); */
position: relative;
background-image: url(_/img/fond_menu_vertical_tara_3.jpg);
}
.aside_inner.affix {
position: fixed;
transition: all .2s ease-out;
max-width: 171px;
top: 149px;
}
.mediatheque-filter.affix {
position: fixed;
transition: all .2s ease-out;
top: 149px;
z-index: 99;
}
.asidenav_map {
position: static !important;
padding-top: 70px;
padding-top: 54px;
}
.asidenav {}
.asidenav li,
.asidenav li a,
.asidenav li span {
width: 100%;
}
.asidenav li a,
.asidenav li span {
padding: 14px 20px;
font-size: 12px;
display: inline-block;
color: white
}
.asidenav li a:hover,
.asidenav li span:hover,
.asidenav li.current_page_parent {
background: #ef7128;
}
.asidenav li {
position: relative;
cursor: pointer;
}
.asidenav li:before,
.asidenav li:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
}
.asidenav li:after {
right: 0px;
height: 1px;
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(transparent));
background-image: -webkit-linear-gradient(left, #fff, transparent);
background-image: -moz-linear-gradient(left, #fff, transparent);
background-image: -o-linear-gradient(left, #fff, transparent);
}
/* HOME
-------------------------------------------------------------------------------*/
/* PAGE PRESENTATION
-------------------------------------------------------------------------------*/
.presentation_excerpt {
position: absolute;
right: 0;
padding: 40px;
width: 412px;
height: 100%;
color: white;
}
.presentation_excerpt h3 {
font-size: 18px;
margin-bottom: 12px;
position: relative;
}
.presentation_excerpt p {
font-size: 12px;
line-height: 18px;
}
/* PAGE LISTE
-------------------------------------------------------------------------------*/
section.liste {
background: white
}
section.liste .row {
margin-top: -21px;
}
section.liste article,
section.liste-default article {
padding: 20px;
margin: 0 0 30px 30px;
height: 202px;
overflow: hidden;
}
.liste-actu article {
max-height: 202px;
}
section.liste article:hover h3 {
color: black
}
section.liste article h3 {
font-size: 18px !important;
/*word-break: break-all;*/
word-break: keep-all;
word-wrap: break-word;
margin-bottom: 5px;
}
section.liste article p {
margin-bottom: 0;
line-height: 15px
}
.liste_visuel,
.liste_content {
display: inline-block;
}
.liste_visuel {
padding-right: 13px;
margin-right: 11px;
border-right: dotted 1px #d3d3d3;
vertical-align: top;
max-height: 162px;
overflow: hidden;
}
section.liste .liste_content {
max-width: 170px;
max-height: 164px;
}
section.liste .liste_visuel {
width: 116px;
height: 162px;
overflow: hidden;
}
section.liste .liste_visuel img {
max-width: 100%;
height: auto;
}
.page-template-page-partenaires-php section.liste .liste_content {
max-width: 136px;
}
/* PAGE LISTE CARRE
-------------------------------------------------------------------------------*/
section.liste-default .liste_visuel {
width: 150px;
height: 150px;
overflow: hidden;
border: 0;
}
section.liste-default .liste_content {
max-width: 150px
}
section.liste-default h3 {
font-size: 28px;
}
.liste_content .diago_stripe {
color: white;
padding: 5px;
margin-bottom: 8px;
display: inline-block;
}
section.liste article .liste_content p {
margin-bottom: 5px
}
.liste_content a.orange {
color: #E35205;
word-break: break-all;
}
.liste_content a .liste_content a:hover {
color: black;
}
.liste_content h3 {}
.search section.liste-default .liste_content {
max-width: 50%
}
/* JDB
-------------------------------------------------------------------------------*/
.jdb-wrapper {
background-color: white;
position: relative;
/*min-height: 2485px*/
}
.jdb-blog,
.jdb-map {}
.jdb-blog {
width: 100%;
height: 100%;
position: relative;
}
.jdb-map {
display: none;
background: black;
width: 100%;
height: 635px;
background-color: #ebebeb;
z-index: 1;
}
.jdb-blog h1,
.jdb-map h1 {
width: 100%;
padding: 20px;
font-size: 28px;
color: white;
position: absolute;
top: 0;
z-index: 1;
}
.fleches_scroll {
position: fixed;
left: 50%;
bottom: 0px;
margin-top: 30px;
margin-left: 70px;
width: 30px;
height: 30px;
background: transparent url(_/img/fleches-scroll.png);
background-position: 0 -30px;
z-index: 9999;
display: none;
}
.jdb-article {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0;
margin-bottom: 1px;
width: 100%;
min-height: 496px;
overflow: hidden;
position: relative;
}
.jdb-article .entry-content {
overflow: hidden;
}
.entry-content-jdb {
margin-top: 100px;
margin-left: 30px;
margin-bottom: 30px;
padding: 18px 20px;
}
.entry-content-jdb-excerpt {
max-width: 400px;
max-height: 358px;
}
.entry-content-jdb-content {
max-width: 793px;
max-height: auto;
}
.jdb-article h2 {
font-size: 24px;
}
.jdb-article p {
color: #333333;
}
.jdb-article span.data1 {
font-size: 13px;
color: #999999;
margin-bottom: 7px;
}
.legende_br {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 8px;
color: #cccccc;
color: #fff;
text-align: right;
padding: 5px;
}
.liste .legende_br {
bottom: 29px;
}
.jdb-article a {
color: #000000;
border-bottom: 1px solid #E35205;
}
.jdb-article a:hover {
color: #E35205;
}
.jdb_content {
display: none
}
.btn_less_jdb {
display: none;
margin-right: 5px;
}
.jdb_content img[width="800"] {
width: 100%;
height: auto;
}
.btn_mission {
background: #333333 url(_/img/ico-map.png) no-repeat center;
text-indent: -9999px;
padding: 6px 15px;
}
p.liaison_heading {
margin-bottom: 10px;
margin-top: 50px;
/* text-transform: uppercase; */
}
.u_dashed {
border-bottom: 1px dashed;
color: #E35205;
font-weight: bold;
}
p.liaisons a {
margin-bottom: 5px;
display: inline-block;
border: 0;
}
.entry-content-jdb {
position: relative;
}
.jdb-article .share_generic {
opacity: 1;
left: auto;
bottom: auto;
right: 18px;
width: 24px;
cursor: pointer;
}
.jdb-article .btn_share_generic:hover {
background-position: 0px 0px;
opacity: 0.5
}
.jdb-liaison article {
padding: 20px;
margin: 0 0 30px 0;
overflow: hidden;
max-height: 202px;
}
.jdb-liaison article:hover h3 {
color: black
}
.jdb-liaison article h3 {
font-size: 18px !important;
word-break: keep-all;
word-wrap: break-word;
margin-bottom: 5px;
}
.jdb-liaison article p {
line-height: 15px
}
.jdb-liaison article .liste_content a:hover {
color: #E35205 !important;
}
.jdb-liaison .liste_content {
max-width: calc(100% - 240px);
}
.jdb-liaison .liste_content p,
.jdb-liaison .liste_content p strong {
font-weight: 100;
color: #999;
}
.jdb-liaison .liste_visuel {
width: 200px;
height: auto;
overflow: hidden;
}
.jdb-liaison .liste_visuel img {
max-width: 100%;
height: auto;
}
.jdb-liaison .liste_visuel_inner {
width: 100%;
height: 150px;
background-color: #999;
background-size: cover;
background-position: center;
}
/* SINGLE JDB
-------------------------------------------------------------------------------*/
.single-jdb .container-main {
/*display: inline-block;*/
}
.aside-jdb-solo {
padding-top: 19px
}
.aside-jdb-solo .aside_inner.affix {
top: 168px;
}
/* SINGLE JDB MAP
-------------------------------------------------------------------------------*/
.page-template-page-map-php .jdb-map {
display: block;
}
/* ASIDE JDB
-------------------------------------------------------------------------------*/
.jdb aside {}
.aside_panel {}
.aside_jdb_padded {
padding: 13px 19px;
}
.btn_panel {
background: white;
color: black;
margin-bottom: 13px;
border-radius: 10px;
border-radius: 5px;
position: relative;
z-index: 1;
margin-left: 19px;
color: black;
width: calc(100% - 36px);
}
#btn-toggle-carte {
margin-top: 13px;
}
#btn-toggle-jdb {
display: none;
margin-top: 13px;
}
a.btn_panel.btn {
color: black;
}
.btn_panel.btn:hover {
color: #ffffff;
background: transparent;
}
.container_filtre {
width: 171px;
margin-top: -54px;
padding: 20px;
padding-top: 70px;
margin-bottom: 23px;
}
.container_filtre_blog,
.container_filtre_map {
display: none
}
.container_filtre_map {
padding: 0
}
.filtrecat {
color: white;
font-weight: bold
}
.container_filtre label,
.container_filtre .checkbox {
color: white;
}
/* TIMELINE
-------------------------------------------------------------------------------*/
.prefix-arrow:before {
display: inline-block;
content: "â–¸";
margin-right: 10px;
}
.expand:before {
content: "â–¾";
}
.collapsed:before {
content: "â–¸";
}
.timeline li a {
position: relative;
cursor: pointer;
}
.timeline li a:before,
.timeline li a:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
}
.timeline li a:after {
right: 0px;
height: 1px;
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(transparent));
background-image: -webkit-linear-gradient(left, #fff, transparent);
background-image: -moz-linear-gradient(left, #fff, transparent);
background-image: -o-linear-gradient(left, #fff, transparent);
}
.timeline li {
display: none
}
.years>li {
display: block
}
.timeline ul {
float: left
}
.timeline li {
width: 170px;
font-size: 12px;
color: white;
}
.timeline li a {
width: 170px;
padding: 14px 20px;
display: inline-block;
/* text-transform: uppercase; */
cursor: pointer;
color: white;
}
.timeline .years>li {
position: relative;
}
.timeline .months {}
.timeline .days {}
.tree {
position: relative;
}
.label_timeline {
position: absolute;
right: 20px;
top: 0;
width: 5px;
height: 100%;
min-height: 43px;
}
.arrow_top,
.arrow_bottom,
.stripe_vert {
position: absolute;
background-color: white
}
.arrow_top,
.arrow_bottom {
width: 100%;
height: 1px
}
.arrow_bottom {
bottom: 0;
}
.stripe_vert {
width: 1px;
height: 100%;
right: 0px
}
.mission_desc {
display: none;
font-size: 10px;
letter-spacing: 1px;
}
/* MODULES
-------------------------------------------------------------------------------*/
/* HOME
-------------------------------------------------------------------------------*/
/* SLIDER
-------------------------------------------------------------------------------*/
.carousel {
margin-bottom: 0;
}
.carousel-inner {
height: 100%;
width: 100%;
}
.carousel-indicators {
bottom: 15px;
right: 50%;
top: auto;
}
.carousel-indicators li {
margin: 5px !important;
border: 0;
opacity: 0.3;
background-color: white
}
.carousel-indicators .active {
opacity: 1;
width: 10px;
height: 10px;
}
.carousel-control {
top: 50%;
border: 0;
background: transparent;
}
#slider_home {
width: 100%;
height: 419px;
}
#slider_home_inner {
width: 100%;
height: 100%;
}
.slide_item {
width: 100%;
height: 100%;
color: white;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.slide_item a {
color: white;
}
.slide_home_content {
width: 40%;
margin: auto;
/*padding-top:53px;*/
position: relative;
height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.slide_cat {
display: inline-block;
padding: 10px;
font-size: 14px;
margin-bottom: 10px;
/* text-transform: uppercase; */
}
.slide_item h2 {
font-size: 45px;
max-width: 504px;
margin-bottom: 10px;
line-height: 45px
}
.slide_item p {
font-size: 13px;
line-height: 18px;
max-width: 504px;
margin-bottom: 7px;
}
.slide_item p.no-break {
display: none !important;
}
a.more {
border-bottom: 1px dashed white;
padding-bottom: 7px;
}
.slider_controls {
width: 32px;
height: 61px;
position: absolute;
top: 50%;
margin-top: -30px;
cursor: pointer;
z-index: 999999;
}
#mediatheque-expand .slider_controls {
display: none
}
#prev {
left: 20px;
}
#next {
right: 20px;
}
#mediatheque-expand .prev {
display: none
}
#slider_nav {
position: absolute;
bottom: 20px;
z-index: 999999;
width: 100%;
}
#slider_nav_dots {
margin: 0 auto;
display: inline-block;
}
#slider_nav a {
width: 10px;
height: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-right: 20px;
background: rgba(255, 255, 255, 0.5);
display: inline-block;
text-indent: -9999px
}
#slider_nav a.activeSlide {
background: rgba(255, 255, 255, 1);
}
#slider_nav a:focus {
outline: none;
}
#slider_nav a:last-child {
margin: 0;
}
/* GRID
-------------------------------------------------------------------------------*/
#grid_home {}
.grid_item {
position: relative;
height: 225px;
margin: 0;
padding: 0;
overflow: hidden;
border-top: 1px solid white;
border-right: 1px solid white;
background-color: #333333;
background-size: cover;
}
.grid_home_item_visuel {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.grid_item:nth-child(3n) {
border-right: 0;
}
.layer,
.layer_trame {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.layer_trame {
opacity: 0.15;
}
.grid_item img {
position: absolute;
width: 100%;
height: auto;
}
.grid_item h2 {
font-size: 26px;
font-weight: 100;
color: white;
position: absolute;
top: 96px;
width: 100%;
text-align: center;
}
.grid_item a:hover .grid_home_item_visuel {
-webkit-transform: scaleX(1.2) scaleY(1.2);
transform: scaleX(1.2) scaleY(1.2);
}
.grid_item a:hover h2 {
color: #E35205;
}
/* EXPEDITION
-------------------------------------------------------------------------------*/
.page-expedition {
position: relative;
background: white;
background-image: url(_/img/img-noise-361x370.png);
}
/* MEDIATHEQUE
-------------------------------------------------------------------------------*/
.mediatheque-wrapper {
background: #ebebeb;
position: relative;
}
.mediatheque-filter {
background: white
}
.mediatheque-filter .diago_stripe_light {
padding: 16px;
}
.mediatheque-filter select {
max-width: 261px;
}
.mediatheque-grid {
padding: 16px;
min-height: 728px;
}
.grid_item_marged {
margin: 0 15px 15px 0;
background: black;
position: relative;
height: 174px;
min-width: 261px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.grid_item_marged:nth-child(3n) {
margin-right: 0
}
.grid_item_marged:hover .grid_item_content {
opacity: 1
}
.grid_item_marged:hover img {
-webkit-transform: scaleX(1.2) scaleY(1.2);
transform: scaleX(1.2) scaleY(1.2);
}
.grid_item_marged:hover .share_generic {
opacity: 1;
}
.grid_item_content {
width: 100%;
height: 174px;
background-color: rgba(0, 0, 0, 0.9);
padding: 16px;
opacity: 0;
position: absolute;
top: 0;
}
.date1 {
margin-bottom: 8px;
display: inline-block;
}
.mediatheque-expand {
display: none;
position: fixed;
top: 146px;
top: 0;
left: 0;
z-index: 999999999;
height: 100%;
width: 100%;
background: black;
overflow: hidden;
border-bottom: 7px solid black;
}
.mediatheque-expand-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.mediatheque-expand-inner {
position: relative;
width: 100%;
height: 679px;
}
.mediatheque-expand-header,
.mediatheque-expand-slider,
.mediatheque-expand-footer,
.mediatheque-expand-menu {
position: absolute;
}
.mediatheque-expand-header,
.mediatheque-expand-footer {
padding: 15px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
width: 100%;
color: #E35205;
}
.mediatheque-expand-header {
top: 0;
width: 981px;
max-height: 45px
}
.mediatheque-expand-footer {
bottom: 7px;
bottom: 0;
white-space: nowrap;
}
.mediatheque-expand-footer .alignleft {
max-width: 60%;
white-space: pre-line
}
.mediatheque-expand-footer .alignright {
vertical-align: bottom
}
.mediatheque-expand-header .widget_share_this {
display: inline-block;
margin-bottom: 0;
}
.media_close {
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
position: absolute;
right: 0;
padding: 14px;
z-index: 999;
}
.media_close:hover {
color: white;
}
.mediatheque-expand-slider {
width: 100%;
height: 100%
}
.mediatheque-expand-slider .item,
.mediatheque-expand-slider iframe {
min-height: 679px;
width: 100%
}
.mediatheque-expand-content {
width: 100%;
height: 679px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.mediatheque-expand-slider .carousel-control {
margin-top: -30px;
z-index: 999;
}
.mediatheque-expand-menu {
width: 100%;
height: 99px;
background-color: rgba(0, 0, 0, 0.5);
bottom: 52px;
display: none;
}
.carousel-menu {
display: inline-block;
}
.mediatheque-expand-menu .carousel-menu li {
margin: 0;
width: 150px;
height: 99px;
background-size: cover;
background-position: center;
cursor: pointer;
opacity: 0.8;
}
.mediatheque-expand-menu .carousel-menu li:hover,
.mediatheque-expand-menu .carousel-menu li.active {
opacity: 1;
}
.mediatheque-video-item .mediatheque-expand-footer {
bottom: 40px;
white-space: pre-line
}
.mediatheque-videos .mediatheque-grid {}
.media_filtres {
display: inline-block;
margin-right: 13px;
}
.mediatheque_timeline {
display: inline-block;
max-width: 261px;
}
.mediatheque_timeline button {
width: 261px;
}
.mediatheque-wrapper .jdb-timeline {
position: absolute;
z-index: 10;
background-color: #1a1a1a;
padding: 16px;
top: 66px;
}
.mediatheque-wrapper .years {
background-color: #1a1a1a;
}
.mediatheque-wrapper .timeline li,
.mediatheque-wrapper .timeline li a {
width: 100%;
}
/* MEDIATHEQUE SINGLE
-------------------------------------------------------------------------------*/
.mediatheque_single article {
position: relative;
margin-bottom: 41px;
}
.mediatheque_single_inner {
position: relative;
}
.mediatheque_single_content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.mediatheque_single_img img {
width: 100%;
height: auto;
}
.mediatheque_single article h2,
.mediatheque_single article .entry-content,
.mediatheque_single article .carousel-control {
display: block
}
.mediatheque_single article h2 {
text-align: center;
width: 100%;
padding: 20px;
font-size: 28px;
color: white;
}
.mediatheque_single article .page_banner {
background-size: contain;
}
.mediatheque_single article .entry-content {
background-color: #f2f2f2;
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
left: 50%;
min-width: 321px;
margin-left: -160px;
font-size: 0;
}
.mediatheque_single article .entry-content>span {
font-size: 14px;
display: inline-block;
vertical-align: middle;
padding: 15px 25px;
z-index: 1;
position: relative;
}
.mediatheque_single article .entry-content span.m-date {
background-color: white;
}
.mediatheque_single article .entry-content span.m-social {
background-color: #f2f2f2;
padding: 15px 25px 4px;
padding-left: 40px;
margin-left: -21px;
z-index: 0;
}
.mediatheque_single article .widget_share_this {
margin-bottom: 0;
}
span.arrow-right {
width: 0;
height: 0;
padding: 0 !important;
border-top: 23px solid transparent;
border-bottom: 23px solid transparent;
border-left: 21px solid white;
}
.navigation-quicklinks {
padding: 24px;
}
.quicklinks {
display: inline-block;
}
#wpadminbar .quicklinks {
display: block;
}
.quicklinks:nth-child(1) {
margin-right: 14px;
}
.quicklinks_heading {
margin-bottom: 35px;
font-size: 0;
}
.quicklinks_heading span {
display: inline-block;
font-size: 12px;
color: #999999;
vertical-align: middle;
}
.quicklinks_heading_line {
width: 164px;
height: 1px;
background-color: #999;
}
.quicklinks_heading_title {
width: 149px;
text-align: center;
}
.quicklinks_heading_arrow {
margin-top: 1px;
}
.quicklinks .quicklinks_heading_line_arrow {
margin-left: -7px;
width: 166px;
}
.quicklinks:nth-child(2) .quicklinks_heading_line_arrow {
margin-right: -7px;
margin-left: 0;
}
/* QUICK LINKS
-------------------------------------------------------------------------------*/
.navigation-quicklinks {}
.navigation-quicklinks a {
color: black;
}
.navigation-quicklinks a:hover {
color: #E35205;
}
.navigation-quicklinks li {
width: 149px;
/*max-height: 116px;*/
margin-right: 16px
}
.navigation-quicklinks li:last-child {
margin-right: 0;
}
.navigation-quicklinks li img {
width: 100%;
height: auto;
}
/* RESSOURCE PEDAGOGIQUES
-------------------------------------------------------------------------------*/
.page-template-page-rp-php section {
background-color: #ebebeb
}
.page-template-page-rp-php section .col-md-8,
.page-template-page-rp-php section .form-rp-wrapper {
padding-top: 90px
}
.page-template-page-rp-php #rp-ariane {
margin-bottom: 24px
}
.page-template-page-rp-php #rp-ariane h5 {
font-weight: bold;
font-size: 18px
}
#s-rp {
font-size: 14px;
color: #999999;
margin-bottom: 0px;
}
#s-rp input {
padding: 18px;
color: #999999;
font-size: 14px;
display: inline-block;
}
#s-rp input[type="text"] {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin: 0;
width: 100%;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
#s-rp input[type="submit"] {
padding: 15px;
background-color: #E35205;
color: white;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
vertical-align: top;
}
#form-rp {
max-width: 575px;
margin-bottom: 24px;
margin-top: 24px
}
#form-rp .form-group {
width: 100%;
display: inline-block;
}
#form-rp .filtrecat {
color: #666666;
border-bottom: 1px dashed #999999;
padding-bottom: 5px;
cursor: pointer;
}
#form-rp .filtrecat:hover {
color: #E35205
}
#form-rp .radio,
#form-rp .checkbox {
color: #666666;
margin: 0;
padding-bottom: 10px;
display: inline-block;
width: 100%;
-webkit-column-break-after: always;
break-inside: avoid-column;
}
#form-rp .checkbox label,
#form-rp .checkbox input {
display: inline-block;
vertical-align: top;
}
#form-rp .checkbox label {
max-width: 140px
}
.expandfold {
text-align: right;
}
#form-rp .spancol {
margin-top: 10px;
margin-left: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
columns: 3 161px;
-moz-columns: 3 161px;
-webkit-columns: 3 161px;
min-height: 190px;
}
#form-rp hr {
border-top: 1px solid #999999;
}
#rp-result {
display: inline-block;
width: 100%;
}
#rp-result article {
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #dfdfdf;
padding: 20px
}
#rp-result article .liste_content {
max-width: 394px;
max-width: 329px
}
#rp-result article h2 {
font-size: 24px
}
#rp-result article p {
margin-bottom: 5px;
color: #333333;
}
#rp-result article p strong {
color: black;
font-weight: bold
}
#rp-reset {
float: right
}
#s-rp-autocomplete {
position: relative;
width: 100%;
min-height: 200px;
/* padding: 18px; */
background: white;
overflow: hidden;
padding-bottom: 20px;
}
#s-rp-autocomplete-inner {
position: absolute;
/* width: 100%; */
height: 100%;
/* background-color: white; */
overflow: auto;
padding: 18px;
/* le padding qui a empecher de tout afficher */
}
#s-rp-autocomplete-inner li {
font-size: 16px;
padding: 5px 26px;
float: none;
}
#s-rp-autocomplete-inner li:hover a {
color: white
}
#s-rp-autocomplete-inner li:hover {
background-color: #E35205;
color: white
}
#s-rp input[type="text"] {
padding: 26px;
max-width: 94%
}
.input-rp {
min-width: 89.7%;
background-color: white;
display: inline-block;
vertical-align: top;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.input-rp span {
top: 4px;
}
/* PER
-------------------------------------------------------------------------------*/
.page-template-page-per-php section {
background-color: #ebebeb
}
.page-template-page-per-php section .col-md-8,
.page-template-page-per-php section .form-per-wrapper {
padding-top: 90px
}
.page-template-page-per-php #rp-ariane {
margin-bottom: 24px
}
.page-template-page-per-php #rp-ariane h5 {
font-weight: bold;
font-size: 18px
}
#s-per {
font-size: 14px;
color: #999999;
margin-bottom: 0px;
}
#s-per input {
padding: 18px;
color: #999999;
font-size: 14px;
display: inline-block;
}
#s-per input[type="text"] {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin: 0;
width: 100%;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
#s-per input[type="submit"] {
padding: 15px;
background-color: #E35205;
color: white;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
vertical-align: top;
}
#form-per {
max-width: 575px;
margin-bottom: 24px;
margin-top: 24px
}
#form-per .form-group {
width: 100%;
display: inline-block;
}
#form-per .filtrecat {
color: #666666;
border-bottom: 1px dashed #999999;
padding-bottom: 5px;
cursor: pointer;
}
#form-per .filtrecat:hover {
color: #E35205
}
#form-per .radio,
#form-per .checkbox {
color: #666666;
margin: 0;
padding-bottom: 10px;
display: inline-block;
width: 100%;
-webkit-column-break-after: always;
break-inside: avoid-column;
}
#form-per .checkbox label,
#form-per .checkbox input {
display: inline-block;
vertical-align: top;
}
#form-per .checkbox label {
max-width: 140px
}
.expandfold {
text-align: right;
}
#form-per .spancol {
margin-top: 10px;
margin-left: 0;
display: inline-block;
vertical-align: top;
/* margin-bottom: 10px; */
columns: 3 161px;
-moz-columns: 3 161px;
-webkit-columns: 3 161px;
/* min-height: 190px; */
}
#form-per hr {
border-top: 1px solid #999999;
}
#per-result {
display: inline-block;
width: 100%;
}
#per-result article {
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #dfdfdf;
padding: 20px
}
#per-result article .liste_content {
max-width: 394px;
max-width: 329px
}
#per-result article h2 {
font-size: 24px
}
#per-result article p {
margin-bottom: 5px;
color: #333333;
}
#per-result article p strong {
color: black;
font-weight: bold
}
#per-reset {
float: right
}
#s-per-autocomplete {
position: relative;
width: 100%;
min-height: 200px;
/* padding: 18px; */
background: white;
overflow: hidden;
padding-bottom: 20px;
}
#s-per-autocomplete-inner {
position: absolute;
/* width: 100%; */
height: 100%;
/* background-color: white; */
overflow: auto;
/* padding: 18px; */
margin: 20px 0;
}
#s-per-autocomplete-inner li {
font-size: 16px;
padding: 5px 26px;
float: none;
}
#s-per-autocomplete-inner li:hover a {
color: white
}
#s-per-autocomplete-inner li:hover {
background-color: #E35205;
color: white
}
#s-per input[type="text"] {
padding: 26px;
max-width: 94%
}
.input-per {
min-width: 89.7%;
background-color: white;
display: inline-block;
vertical-align: top;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.input-per span {
top: 4px;
}
/* UTILS
-------------------------------------------------------------------------------*/
.glyphicon-spin {
-webkit-animation: spin 1000ms infinite linear;
animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.gradient {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
/* IE10+ */
background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
/* IE6-8 */
}
.ie9 .gradient {
filter: none;
}
.diago_stripe {
background: url(_/img/stripe_bt.jpg);
}
.diago_stripe_alpha {
background: url(_/img/stripe_bt.png);
}
.diago_stripe_light {
background: url(_/img/stripe.png);
}
.diago_stripe_25 {
background: url(_/img/stripe_25.png);
}
.diago_stripe_dark {
background: url(_/img/stripe_bt_dark.jpg);
}
article.trame_bristol,
.trame_bristol {
background: transparent url(_/img/trame-bristol-2.jpg);
}
.orange {
color: #E35205 !important;
}
.bg_orange {
background-color: #E35205 !important
}
.white {
color: white
}
#debug {
position: fixed;
top: 0;
z-index: 9999999;
color: yellow;
}
#debug pre {
color: yellow
}
.content_padded {
padding: 20px
}
.lexique {
color: #E35205;
cursor: pointer;
font-family: arial !important;
font-size: 13px;
}
.tooltip.top .tooltip-arrow {
border-top-color: #E35205;
}
.popover,
.tooltip-inner {
background-color: #E35205;
text-align: center;
color: white
}
.popover.top .arrow:after {
border-top-color: #E35205;
}
/* WPML
-------------------------------------------------------------------------------*/
#lang_sel {
margin: 14px 0 0 10px;
}
#lang_sel li {
width: 40px
}
#lang_sel li a {
text-transform: lowercase;
}
/* typeahead
-------------------------------------------------------------------------------*/
.twitter-typeahead {
float: left;
min-width: 89%
}
.typeahead,
.tt-query,
.tt-hint {
outline: none;
}
.typeahead {
background-color: #fff;
}
.typeahead:focus {
border: 0px solid #0097cf;
}
.tt-query {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
color: #999
}
.tt-dropdown-menu {
width: 100%;
margin-top: 12px;
padding: 8px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.tt-suggestion {
padding: 3px 20px;
font-size: 18px;
line-height: 24px;
cursor: pointer;
}
.tt-suggestion.tt-cursor {
color: #fff;
background-color: #0097cf;
}
.tt-suggestion p {
margin: 0;
}
/* SINGLE PARTENAIRES
-------------------------------------------------------------------------------*/
.single-partenaires article {}
/* MailChimp Form Embed Code - Slim - 08/17/2011
-------------------------------------------------------------------------------*/
.form-wrapper {
width: 800px;
min-height: 493px;
border-radius: 50px;
background: white;
overflow: hidden;
margin: auto;
margin-top: 44px;
margin-bottom: 44px;
}
.form-heading {
text-align: center;
font-size: 30px;
color: white;
background-color: #E35205;
padding: 16px;
}
.mc_embed {
margin: auto;
max-width: 452px;
padding-top: 44px;
}
#mc_embed_signup {
background: #2b2b2b url(_/img/trame-header.jpg) repeat-x;
max-width: 598px
/* 175px*/
;
width: 100%;
float: left;
}
#mc_embed_signup form {
display: block;
position: relative;
text-align: left;
}
#mc_embed_signup h2 {
font-weight: bold;
padding: 0;
margin: 15px 0;
font-size: 1.4em;
}
#mc_embed_signup .mc_embed_signup_inner .mc_embed_signup_heading {
color: white;
}
#mc_embed_signup .mc_embed_signup_inner iframe {
display: none;
margin: 7px auto 0;
width: 258px;
}
#mc_embed_signup .mc_embed_signup_inner.open iframe {
display: block;
}
.footer-iframe-nl {
height: 80px !important;
}
.mc-field-group {
min-width: 175px;
}
.tara_form input,
.tara_form textarea {
border: 1px solid #ababab;
-webkit-appearance: none;
}
.tara_form input[type=checkbox] {
-webkit-appearance: checkbox;
display: inline-block;
}
.tara_form input[type=radio] {
-webkit-appearance: radio;
display: inline-block;
}
.tara_form input:focus {
border-color: #799877;
}
.tara_form .button {
display: block;
position: relative;
background-color: #8db671;
padding: 0;
margin: 0 auto;
border: 0 none;
border-bottom: #719f5a 3px solid;
border-radius: 6px;
color: #fff;
cursor: pointer;
font-size: 14px;
width: 140px;
height: 36px;
line-height: 36px;
font-weight: bold;
text-align: center;
text-decoration: none;
vertical-align: top;
}
.tara_form .button:hover {
background-color: #9cc183;
border-bottom-color: #7fac69;
}
.tara_form .button:active {
top: 2px;
border-bottom-width: 1px;
}
.mc-field-group input[type=checkbox] {
vertical-align: top;
margin-top: 0
}
.mc-field-group label {
max-width: 230px;
}
.tara_form input {
display: block;
padding: 8px 4px;
margin: 0 4% 10px 0;
text-indent: 5px;
color: #333333;
font-size: 1.0em;
background: #ffffff;
font-weight: bold;
width: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 6px;
}
.tara_form textarea {
color: #333333;
font-size: 1.0em;
background: #ffffff;
border-radius: 6px;
padding: 8px 4px;
text-indent: 5px;
/* min-height: 204px;*/
min-height: 273px;
}
.tara_form .form-control {
color: #333333;
margin: 0 4% 10px 0;
font-size: 1.0em;
border: 1px solid #ababab;
}
.tara_form .has-error .form-control {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tara_form input.email:focus {
color: #666;
background: #f3f3f3;
-webkit-box-shadow: 0 0 12px #80cf7b;
-moz-box-shadow: #80cf7b;
box-shadow: #80cf7b;
}
.tara_form input[type=submit] {
padding: 10px;
text-indent: 5px;
min-width: 100px;
border: 0;
color: white;
}
.mc_embed_aside {
float: right;
max-width: 247px;
}
.picto-mail {
background: url(_/img/picto-mail.jpg);
width: 72px;
height: 56px;
margin-bottom: 16px;
}
.mc_embed_desc {
font-size: 24px;
color: #333333;
margin-bottom: 16px;
}
.mc_embed_aside .mc-field-group {
margin-bottom: 11px;
}
.mc_embed_aside button {
color: white;
}
#mc_embed_signup ::-webkit-input-placeholder {
font-style: italic;
}
#mc_embed_signup ::-moz-placeholder {
font-style: italic;
}
/* firefox 19+ */
#mc_embed_signup :-ms-input-placeholder {
font-style: italic;
}
/* ie */
#mc_embed_signup input:-moz-placeholder {
font-style: italic;
}
.success {
color: #57a957;
padding: 0;
}
.alert {
color: #c43c35;
padding: 0;
}
/* CONTACT
-------------------------------------------------------------------------------*/
.form-inner {
margin: 0 auto;
max-width: 565px;
margin-top: 44px;
margin-bottom: 44px;
}
.form-inner h3,
.form_section_desc {
font-size: 18px;
color: #666666;
font-weight: bold;
margin-bottom: 20px;
}
.mc-col-group {
float: left;
max-width: 175px;
}
.mc-col-group-right {
max-width: 370px;
float: right;
}
.mc-field-group-inline {
display: inline-block;
margin-right: 20px;
margin-bottom: 14px !important;
margin-top: 10px !important
}
.form-inner textarea {
width: 370px
}
.mc-col-group-bottom .mc-col-group {
min-width: 230px;
max-width: 100% !important;
}
.form_section_desc {
margin-top: 20px
}
/* LANG
-------------------------------------------------------------------------------*/
#lang_sel {
height: 32px;
position: relative;
font-family: verdana, arial, sans-serif;
display: inline-block;
}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {
width: 12em;
w\idth: 12em;
}
/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul,
#lang_sel li {
padding: 0 !important;
margin: 0 !important;
list-style-type: none !important;
}
#lang_sel li:before {
content: '' !important;
}
#lang_sel ul ul {
width: 149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {
float: left;
width: 35px;
position: relative;
}
/* style the links for the top level */
#lang_sel a,
#lang_sel a:visited {
display: block;
text-decoration: none !important;
color: #1b365d;
border: 1px solid #cdcdcd;
background: #fff;
padding-left: 10px;
line-height: 24px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a,
* html #lang_sel a:visited {
width: 149px;
w\idth: 138px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 25px;
left: 0;
width: 149px;
}
/* another hack for IE5.5 */
* html #lang_sel ul ul {
top: 18px;
t\op: 19px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}
/* style the second level links */
#lang_sel ul ul a,
#lang_sel ul ul a:visited {
height: auto;
line-height: 1em;
padding: 5px 10px;
border-width: 0 1px 1px 1px;
color: #1b365d;
}
/* yet another hack for IE5.5 */
* html #lang_sel ul ul a,
* html #lang_sel ul ul a:visited {
width: 150px;
w\idth: 128px;
}
/* style the top level hover */
#lang_sel a:hover,
#lang_sel ul ul a:hover {}
#lang_sel :hover>a,
#lang_sel ul ul :hover>a {}
#lang_sel a.lang_sel_sel {
background: transparent url(_/img/nav-arrow-down.png) right no-repeat;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: bolder;
}
#lang_sel a.lang_sel_sel:hover {
text-decoration: none;
}
/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul {
visibility: visible;
}
#lang_sel img.iclflag {
width: 18px;
height: 12px;
position: relative;
top: 1px;
}
#lang_sel ul li ul {
background-color: #2b2b2b;
max-width: 60px;
width: 279px;
left: -28px
}
#lang_sel ul li ul li {
width: 100% !important;
white-space: nowrap;
text-align: right;
}
#lang_sel_footer {
margin: 0;
padding: 7px;
text-align: center;
font: 11px Verdana, sans-serif;
min-height: 15px;
clear: both;
background-color: #fff;
border: 1px solid #cdcdcd;
}
#lang_sel_footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#lang_sel_footer ul li img {
position: relative;
top: 1px;
width: 18px;
height: 12px;
}
#lang_sel_footer ul li {
display: inline;
margin: 0 1px 0 0;
padding: 0;
white-space: nowrap;
line-height: 25px;
}
#lang_sel_footer ul li a,
#lang_sel_footer ul li a:visited {
text-decoration: none;
padding: 5px 10px;
}
#lang_sel_footer ul li a:hover,
#lang_sel_footer ul li a:active {}
#wpml_credit_footer {
width: 100%;
margin: 10px 0;
padding: 0;
text-align: center;
font-size: 11px;
}
#lang_sel_list {
height: 32px;
position: relative;
z-index: 99;
font-family: verdana, arial, sans-serif;
}
#lang_sel_list.lang_sel_list_vertical {
width: 149px;
}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel_list {
width: 12em;
w\idth: 12em;
}
/* remove all the bullets, borders and padding from the default list styling */
#lang_sel_list ul,
#lang_sel_list li {
padding: 0 !important;
margin: 0 !important;
list-style-type: none !important;
}
#lang_sel_list li:before {
content: '' !important;
}
#lang_sel_list ul.lang_sel_list_vertical {
width: 149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel_list li {
float: left;
position: relative;
}
#lang_sel_list.lang_sel_list_vertical li {
width: 149px;
}
/* style the links for the top level */
#lang_sel_list a,
#lang_sel_list a:visited {
display: block;
font-size: 11px;
text-decoration: none !important;
color: #444444;
background: #fff;
line-height: 18px;
padding-left: 5px;
}
#lang_sel_list.lang_sel_list_vertical a,
#lang_sel_list.lang_sel_list_vertical a:visited {
border: 1px solid #cdcdcd;
border-top-width: 0;
padding-left: 10px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel_list a,
* html #lang_sel_list a:visited {
width: 149px;
w\idth: 138px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel_list.lang_sel_list_vertical ul {
/*visibility:hidden;position:absolute;*/
height: 0;
top: 19px;
left: 0;
border-top: 1px solid #cdcdcd;
}
/* another hack for IE5.5 */
* html #lang_sel_list ul {
top: 18px;
t\op: 19px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel_list table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}
/* style the second level links */
#lang_sel_list ul a,
#lang_sel_list_list ul a:visited {
background: #ffffff;
color: #444444;
height: auto;
line-height: 1em;
}
#lang_sel_list.lang_sel_list_vertical ul a,
#lang_sel_list_list ul a:visited {
padding: 3px 10px;
}
/* yet another hack for IE5.5 */
* html #lang_sel_list ul a,
* html #lang_sel_list ul a:visited {
width: 150px;
w\idth: 128px;
}
#lang_sel_list a.lang_sel_sel {
background-image: none;
color: #444;
}
#lang_sel_list a.lang_sel_sel:hover {
text-decoration: none;
color: #000;
}
/* make the second level visible when hover on first level list OR link */
#lang_sel_list ul li:hover ul,
#lang_sel_list ul a:hover ul {
visibility: visible;
}
#lang_sel_list img.iclflag {
width: 18px;
height: 12px;
position: relative;
top: 1px;
}
#lang_sel.icl_rtl {
text-align: right;
direction: rtl;
}
#lang_sel.icl_rtl .lang_sel_sel {
padding-right: 14px;
}
#lang_sel a.lang_sel_sel:hover {
text-decoration: none;
color: #1b365d;
}
#lang_sel :hover>a,
#lang_sel ul ul :hover>a {
color: #1b365d;
}
/* reset menu img definitions */
.menu-item-language img.iclflag {
height: 12px !important;
width: 18px !important;
margin-bottom: 0 !important;
margin-right: 4px;
}
#lang_sel a,
#lang_sel a:visited {
border: 0 !important;
background: transparent;
}
#lang_sel li {
/* background-color: #2b2b2b; */
background-color: white;
}
#lang_sel ul ul {
position: absolute;
z-index: 1;
max-width: 40px;
}
#lang_sel a {
background-color: transparent !important;
color: #1b365d;
font-size: 1em;
}
#lang_sel a:hover {
color: #ffffff !important;
background-color: #1b365d !important;
}
.ngg-diapo {
width: 578px;
height: 433px;
background-size: cover;
}
.modal-content {}
#copy_permalink {
max-width: 50%;
margin: 0 auto
}
.galleryview {
z-index: 0;
}
.form-rp-wrapper {
max-width: 510px;
margin: auto !important
}
/* WARN MESSAGES
-------------------------------------------------------------------------------*/
.warn.message {
background-color: white;
padding: 20px;
text-align: center;
}
.warn.message h2 {
font-size: 24px;
text-shadow: none;
text-align: center
}
.warn.message p a {
text-decoration: underline;
}
.warn.message p a:hover {
color: #E35205;
}
/* PREHOME
-------------------------------------------------------------------------------*/
.prehome {
position: fixed;
width: 100%;
height: 100%;
top: 0;
background-color: black;
z-index: 999;
text-align: center;
background-image: url(http://preprod.taraexpeditions.org/wp-content/themes/tara/_/img/map4-1200.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/*display: table;*/
display: flex;
justify-content: center;
/* align horizontal */
align-items: center;
/* align vertical */
}
.prehome_inner {
/*display: table-cell;
vertical-align: middle;*/
}
.prehome h2 {
font-size: 24px;
margin-bottom: 20px;
}
.prehome button {
background-color: transparent;
color: white;
}
.prehome button:hover {
color: #E35205;
}
/* MORE
-------------------------------------------------------------------------------*/
.scroll_more_box {
margin: 16px;
margin: 0 auto;
width: 148px;
height: 35px;
position: relative;
}
.scroll_more_box:hover {
width: 158px;
height: 35px;
}
.scroll_more {
position: absolute;
padding: 10px;
color: white;
width: 100%;
height: 100%;
cursor: pointer;
text-align: center;
}
.scroll_more_loader {
position: absolute;
width: 100%;
height: 100%;
background-image: url(_/img/ajax-loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
.jdb-wrapper .scroll_more_box {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -74px;
}
.jdb-wrapper .scroll_more_box:hover {
margin-left: -79px;
}
/* GOOGLE 404
-------------------------------------------------------------------------------*/
#goog-fixurl {
width: 300px;
margin: 0 auto;
color: white;
text-align: center;
}
.other-things {
margin-bottom: 5px
}
.search-goog input {
padding: 10px
}
.search-goog form {
margin-top: 5px;
}
.search-goog input[type=text] {
width: 171px;
}
/* HELIUM
-------------------------------------------------------------------------------*/
.helium-signup {
margin: auto;
margin-top: 30px;
height: 388px;
}
/* Media queries!
-------------------------------------------------------------------------------*/
/* HOME2
-------------------------------------------------------------------------------*/
header {
box-shadow: 0 0 2px #9c9c9c;
-webkit-box-shadow: 0 0 2px #9c9c9c;
}
.header_inner .pull-right .btn {
background-color: black;
color: #9c9c9c !important;
border: none;
border-radius: 10px;
padding: 6px 12px 5px;
}
.header_inner .pull-right .btn:hover {
color: white !important;
}
.ico_shop a {
background-position: 0 -724px;
}
.header_inner>ul.pull-right>li:nth-child(2) {
margin-right: 14px;
}
.header_inner>ul.pull-right>li:nth-child(3) {
/* margin-top: 5px;
margin-right: 14px;
border: none; */
border-right: 1px solid #2b406e;
border-left: 1px solid #2b406e;
}
.header_inner>ul.pull-right>li:nth-child(4) {
margin-top: -1px;
}
.toggle-cons {
padding: 7px 13px 6px !important;
font-size: 20px;
vertical-align: top;
}
.connecteurs-sociaux {
padding: 5px 0 5px 10px;
font-size: 1.25em;
}
.liste-home2 {
padding: 20px;
background-color: white;
/* height: 100%; */
/*la cause du chevauchement du footer*/
}
.liste-home2 h2 {
font-size: 18px;
margin-bottom: 20px;
color: #E35205;
position: relative;
overflow: hidden;
}
.liste-home2 h2:after {
content: "";
height: 1px;
width: 100%;
background-color: #E35205;
position: absolute;
top: 9px;
margin-left: 20px;
}
.home2-liste-wrapper {
margin-bottom: 20px
}
.home2-filters {
font-size: 0;
}
.home2-filters .radio {
display: inline-block;
vertical-align: top;
margin: 0;
margin-right: 19px;
/* reduire la marge a droite de 19px pour que ca s'affiche en une seule ligne */
background-color: #cccccc;
color: white;
padding: 10px 12px;
}
html[lang='en-US'] .home2-filters .radio {
margin-right: 13px
}
.home2-filters .radio:last-child {
margin-right: 0;
}
html[lang='en-US'] .home2-filters .checkbox:last-child {
margin-right: 0;
}
.home2-filters label {
color: #666;
font-size: 11px;
/*display: inline-block;*/
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.home2-filters input[type=radio] {
display: none;
}
.home2-filters input[type=radio]+label:before {
content: url(_/img/cb-unchecked.jpg);
/*display: inline-block; */
width: 15px;
height: 12px;
/*vertical-align:top;
margin-right: 0px;*/
}
.home2-filters input[type=radio]:checked+label:before {
content: url(_/img/cb-checked.jpg);
color: white;
}
.home2-liste-wrapper {}
.home2-item {
height: 157px;
margin-bottom: 20px;
}
.item_img,
.item_content {
display: inline-block;
vertical-align: top;
}
.item_img {
width: 298px;
height: 100%;
position: relative;
background-size: cover;
background-position: center;
background-color: black;
}
.item_metas {
position: absolute;
bottom: 0;
}
.item_metas span {
padding: 10px;
display: inline-block;
}
.item_metas_date {
background-color: #f0f0f0;
color: black;
font-size: 9px;
padding: 7px !important;
}
.item_metas_parent {
background-color: #000000;
color: white;
}
.item_content {
padding: 25px 0px 25px 20px;
/* min-width: 50%;
max-width: 50%;*/
width: calc(100% - 308px);
}
.item_content h3 {
font-size: 22px;
margin-bottom: 10px;
text-shadow: none;
}
.item_content p {
margin-bottom: 10px;
line-height: 1.2em;
color: black;
}
.item_content a {
color: black;
font-size: 9px;
}
.item_content a:hover {
color: #E35205 !important
}
.item_content a:hover span {
margin-right: 20px;
}
.item_content a span {
font-size: 20px;
vertical-align: top;
margin-right: 5px;
}
.home2 aside {
padding: 20px;
padding-top: 29px;
background: white;
}
.home2 aside>div {
margin-bottom: 20px;
}
.home2 aside .textwidget {
margin-bottom: 0px;
}
.home2 aside>div:last-child {
margin-bottom: 0;
}
.home2 aside .textwidget img {
width: 100%;
height: auto;
vertical-align: top;
}
.home2 aside>div {
position: relative;
}
.home2 aside h3 {
text-shadow: none;
position: absolute;
color: white;
font-size: 30px;
line-height: 27px;
z-index: 1;
top: 50%;
left: 50%;
/*width: 114px;*/
text-align: center;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.home2 aside .sidebar-nl h3 {
position: static;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
text-align: center;
font-size: 27px;
line-height: 27px;
max-width: 223px;
width: 100%;
max-width: 100%;
height: 120px;
display: block;
padding: 30px;
background: url(_/img/widget-nl.jpg);
background-size: cover
}
.diapo_sidebar_wrapper {
width: 300px;
/*height: 177px;*/
position: relative;
overflow: hidden;
}
.diapo_sidebar_wrapper h3 {}
.diapo_sidebar_wrapper h3 a {
color: white;
}
.diapo_sidebar_wrapper:hover .diapo_sidebar {
transform: scale(1.2, 1.2);
-webkit-transform: translate(1.2, 1.2);
}
.diapo_sidebar_wrapper:hover h3 a {
color: #E35205;
}
.diapo_sidebar {
position: relative;
z-index: 0;
}
.diapo_sidebar,
.diapo_sidebar_item {
width: 100%;
height: 100%;
}
.diapo_sidebar_item {
background-size: cover;
background-position: center;
background-color: black;
position: absolute;
}
.diapo_sidebar_item a {
display: block;
height: 100%;
}
.diapo_sidebar_dots {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
}
.diapo_sidebar_dots li {
list-style: none;
/* nécessaire pour IE7 */
display: inline-block;
text-indent: -9999px;
width: 10px;
height: 10px;
opacity: 0.5;
margin: 0 7px;
}
.diapo_sidebar_dots li.activeSlide {
opacity: 1;
}
.diapo_sidebar_dots li a {
display: block;
width: 10px;
height: 10px;
background-color: white;
border-radius: 10px;
}
.sidebar-nl-con {
min-height: 109px;
color: white;
background: #E35205;
/* url(_/img/widget-nl.jpg) no-repeat; */
}
.sidebar-nl {
color: white;
/* padding: 15px 23px;
margin-bottom: 4px; */
}
.sidebar-nl iframe {
vertical-align: top;
}
#nl-hompage {
height: 130px;
}
#nl-hompage iframe {
width: 100%;
height: 100%;
}
/*
.sidebar-nl input{
padding: 10px;
display: inline-block;
}
.sidebar-nl input[type=text]{
width: calc(100% - 68px);
}
.sidebar-nl input[type=submit]{
color: white;
}
#form_zone{padding: 0!important;}
*/
.sidebar-con {
display: inline-block;
width: 100%;
text-align: center;
padding: 10px 0;
}
.sidebar-con li {
float: none;
font-size: 22px;
color: white;
list-style: none;
/* nécessaire pour IE7 */
display: inline-block;
margin: 0 10px;
}
.sidebar-con li a {
color: white;
}
.sidebar-aside {
/*height: 177px;
height: 200px;*/
height: 188px;
overflow: hidden;
background-color: black;
}
.widget_inner {
height: 100%;
background-size: cover;
background-position: center;
background-color: black;
}
.sidebar-partenaire h3 {
top: 0 !important;
transform: translate(-50%, 25px) !important;
-webkit-transform: translate(-50%, 25px) !important;
width: 170px;
}
.sidebar-aside:hover .widget_inner {
transform: scale(1.2, 1.2);
-webkit-transform: translate(1.2, 1.2);
}
.sidebar-aside:hover h3 {
color: #E35205;
}
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
/* IFRAME
-------------------------------------------------------------------------------*/
.page-template-page-iframe-php section article {
padding: 20px;
}
.page-template-page-iframe-php section article a {
color: #E35205 !important;
}
.page-template-page-iframe-php section article a:hover {
color: #000000 !important;
}
.page-template-page-iframe-php section iframe {
width: 100%;
min-height: calc(100vh - 149px);
}
@media screen and (max-device-width: 320px) {
aside {
display: none
}
.mediatheque-filter.affix {
top: 80px
}
.entry-content {
max-width: 280px;
min-width: 280px;
margin: 20px;
}
.wp-caption {
max-width: 280px !important;
}
.entry-content img,
.entry-content iframe {
max-width: 280px !important;
}
.entry-content-jdb-excerpt {
max-width: 280px;
margin-left: 20px;
}
.entry-content-jdb-content {
max-width: 280px;
margin-left: 20px;
}
.jdb_content iframe {
width: 260px
}
.partenaires_liste {
width: 142px
}
.fleches_scroll {
margin-left: -15px;
}
section.liste article,
section.liste-default article {
margin: 0 0 20px 20px;
max-width: 280px;
overflow: hidden;
}
section.liste-default .liste_content,
section.liste .liste_content {
max-width: 75px
}
.liste_content p {
display: none
}
.page-template-page-rp-php section .col-md-8,
.page-template-page-rp-php section .form-rp-wrapper {
max-width: 280px;
}
.input-rp {
max-width: 80.9%
}
#s-rp input[type="text"] {
max-width: 223px
}
#form-rp .span2 {
width: 50%;
float: left
}
.liste_visuel {
margin-bottom: 11px
}
.mediatheque-filter.affix {
top: 80px
}
.grid_item_marged {
margin-right: 0;
}
.mediatheque-expand,
.mediatheque-expand-slider .item,
.mediatheque-expand-slider iframe {
min-height: 480px;
}
.mediatheque-expand,
.mediatheque-expand-inner,
.mediatheque-expand-content {
background-size: contain !important
}
.mediatheque-expand-content {
height: 100% !important
}
.mediatheque-expand .carousel-control {
display: block;
}
.mediatheque-expand-slider .carousel-control {
margin-top: -30px
}
.galleryview,
.slideshow-panel {
width: 280px !important
}
#slideshow-pager-wrapper {
width: 234px !important;
overflow: auto
}
.form-wrapper {
width: auto;
margin: 20px;
}
.form-inner {
padding: 20px;
margin: 0;
}
.form-inner h3,
.form_section_desc {
display: none;
}
.mc-col-group,
.mc-field-group,
.mc-col-group-right,
.mc_embed {
max-width: 280px;
float: none;
margin: 0;
padding: 0
}
.mc-col-group {
float: none;
margin: auto;
}
.form-inner textarea {
max-width: 240px;
}
.mc_embed {
padding: 20px;
}
#mc_embed_signup {
max-width: 280px;
float: none;
margin: 0;
padding: 0
}
.mc_embed_aside {
float: none;
max-width: 280px
}
}
@media screen and (min-device-width: 480px) and (max-device-width: 640px) {
aside {
display: none
}
.mediatheque-filter.affix {
top: 80px
}
.entry-content {
max-width: 440px;
min-width: 440px;
margin: 20px;
}
.wp-caption,
.entry-text {
max-width: 440px !important;
}
.entry-content img,
.entry-content iframe {
max-width: 440px !important;
}
.entry-content-jdb-excerpt {
max-width: 440px;
margin-left: 20px;
}
.entry-content-jdb-content {
max-width: 440px;
margin-left: 20px;
}
.jdb_content iframe {
width: 260px
}
.partenaires_liste {
width: 142px
}
.fleches_scroll {
margin-left: -15px;
}
section.liste article,
section.liste-default article {
margin: 0 0 20px 20px;
max-width: 440px;
overflow: hidden;
}
section.liste-default .liste_content,
section.liste .liste_content {
max-width: 75px
}
.liste_content p {
display: none
}
.page-template-page-rp-php section .col-md-8,
.page-template-page-rp-php section .form-rp-wrapper {
max-width: 440px;
}
#s-rp input[type="text"] {
max-width: 223px
}
#form-rp .span2 {
width: 50%;
float: left
}
.liste_visuel {
margin-bottom: 11px
}
.mediatheque-filter.affix {
top: 80px
}
.grid_item_marged {
margin-right: 0;
}
.mediatheque-expand,
.mediatheque-expand-slider .item,
.mediatheque-expand-slider iframe {
min-height: 480px;
}
.mediatheque-expand,
.mediatheque-expand-inner,
.mediatheque-expand-content {
background-size: contain !important
}
.mediatheque-expand-content {
height: 100% !important
}
.mediatheque-expand .carousel-control {
display: block;
}
.mediatheque-expand-slider .carousel-control {
margin-top: -30px
}
.galleryview,
.slideshow-panel {
width: 440px !important
}
#slideshow-pager-wrapper {
width: 234px !important;
overflow: auto
}
.form-wrapper {
width: auto;
margin: 20px;
}
.form-inner {
padding: 20px;
margin: 0;
}
.form-inner h3,
.form_section_desc {
display: none;
}
.mc-col-group,
.mc-field-group,
.mc-col-group-right,
.mc_embed {
max-width: 440px;
float: none;
margin: 0;
padding: 0
}
.mc-col-group {
float: none;
margin: auto;
}
.form-inner textarea {
max-width: 400px;
}
.mc_embed {
padding: 20px;
}
#mc_embed_signup {
max-width: 440px;
float: none;
margin: 0;
padding: 0
}
.mc_embed_aside {
float: none;
max-width: 440px
}
}
@media screen and (max-width: 768px) {
aside {
display: block
}
.container_team {
padding: 0 13px 0 13px;
}
header {
display: none !important
}
#header_mobile {
display: block !important
}
.mediatheque-filter.affix {
top: 80px
}
/* HEADER MOBILE
-------------------------------------------------------------------------------*/
.container.container-main {
/*margin-top:80px;*/
padding-top: 80px !important;
}
header {
min-height: 80px;
}
footer {
z-index: 100;
}
#footer_menu {
margin-bottom: 0;
padding-bottom: 26px;
}
#footer_menu .footer_col:last-child ul li:last-child{
margin-bottom: 0;
}
#header_mobile .menu-menu-header-container li.ico_shop a {
text-indent: 0px !important;
background: transparent !important;
height: inherit;
margin: inherit;
}
.m_item:nth-child(1) {
position: fixed;
top: 0;
background: white;
z-index: 101;
height: 80px;
padding-top: 25px;
}
.header_mobile_inner {
padding-top: 80px
}
.container-header {
z-index: 101;
position: absolute;
}
#header_mobile {
padding: 0;
}
.m_item {
padding: 6px 20px;
display: inline-block;
width: 100%;
}
.m_item .menu .glyphicon-globe {
display: none;
}
.item-partenaire a {
margin: 0 !important
}
.bt-menu-trigger {
top: -11px;
}
.m_nav {
display: none;
}
.m_item:nth-child(1) {
border-bottom: 3px solid #1b365d;
}
/*.m_item:nth-child(3){border-bottom: 1px solid;}
.m_item:nth-child(4),.m_item:nth-child(5){padding:0;}*/
.m_item.m_item_bright {
background-color: white
}
.m_item:nth-child(2) {
border-bottom: 3px solid
}
.m_item:nth-child(4) {
border-bottom: 1px solid;
}
.m_item:nth-child(5),
.m_item:nth-child(6) {
padding: 0;
}
#header_mobile .m_item.m_nav:not(.m_nav_bright) {
background: #2b2b2b url(_/img/trame-header.jpg) repeat-x;
}
#header_mobile .m_item.m_nav:not(.m_nav_bright) ul li a {
color: white;
}
#header_mobile h1 {
width: 122px;
}
#header_mobile h1 img {
width: 100%
}
.partenaires-header-mobile {
margin: 5px 0 0 15px;
}
.m_item:nth-child(4) li,
#header_mobile a {
color: #8D8D8D;
font-size: 18px;
}
#header_mobile li {
float: none;
border: none;
border-radius: 0px;
margin: 0;
background: transparent;
border-bottom: 1px solid;
}
.m_item:nth-child(0) li,
.m_item li:last-child {
border: 0;
}
#header_mobile li a {
font-size: 16px;
padding: 14px 38px;
color: #1b365d;
display: inline-block;
min-width: 88%;
}
#header_mobile .ico_shop a {
background-image: none !important;
width: inherit;
height: inherit;
text-indent: 0 !important;
}
#menu-menu-main-container {
background: white
}
#menu-menu-main-en>li:last-child,
.touch #menu-menu-main>li:last-child {
position: static;
background-color: #f47e26;
border: 0
}
#menu-menu-main-en>li:last-child,
.touch #menu-menu-main>li:last-child a {
color: white;
vertical-align: top;
}
#lang_sel {
margin: 0;
padding-top: 0px;
background-color: #2b2b2b;
}
#lang_sel li {
border: 0;
}
#lang_sel li a {
padding: 0;
padding-left: 0px;
padding-right: 14px !important;
display: block;
}
#lang_sel ul,
#lang_sel li {
margin-bottom: 5px !important;
}
#module-search {
margin-top: 10px;
margin-bottom: 10px;
}
#module-search div {
width: 230px;
width: calc(100vw - 40px) !important;
}
.sm-expand {
display: inline-block;
text-align: right;
width: 16px;
height: 16px;
z-index: 1;
}
.menu .glyphicon {
color: #1b365d;
margin-left: 10px;
}
.menu .glyphicon-minus {
color: #E35205;
}
.sub-menu {
position: static;
padding: 0;
}
.sub-menu li {
border-bottom: 0 !important
}
.slide_home_content {
padding-top: 20px;
width: 85%
}
.slide_item h2 {
font-size: 30px;
}
.carousel-control {
display: none;
}
.entry-content {
max-width: none;
min-width: 300px;
margin: 20px;
width: auto !important;
}
.entry-text {
width: 100%
}
.entry-text iframe,
.entry-text img {
width: 100%
}
.wp-caption {
width: 100% !important
}
.partenaires_liste {
width: 40% !important
}
.entry-content-jdb-excerpt {
max-width: 80%
}
.grid_item h2 {
padding: 0 20px;
word-break: break-word;
}
.grid_item img {
height: 100%;
width: auto;
left: 50%;
margin-left: -170px;
}
.grid_item_content {
background-color: rgba(0, 0, 0, 0.2);
}
.grid_item_content,
.share_generic {
opacity: 1
}
.presentation_excerpt {
padding-top: 87px
}
.home2-filters {
margin-bottom: 10px;
display: flex !important;
flex-wrap: wrap;
}
.home2-filters .radio,
.home2-filters .checkbox {
margin-right: 10px;
margin-bottom: 10px;
}
.home2-item {
height: auto;
}
.item_img,
.item_content {
display: block;
}
.item_img {
width: 100%;
height: 157px;
}
.item_content {
min-width: 100%;
max-width: 100%;
}
.home2 aside {
display: block;
height: auto !important
}
.diapo_sidebar_wrapper {
width: 100%;
}
#module-search div {
border-color: white;
}
#module-search div.s-expand input {
color: white;
}
#module-search .btn {
color: white !important;
}
}
@media screen and (max-width: 640px) {
.bloc-actu .bloc-image {
width: 100%;
height: auto;
float: none;
margin-right: 0;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.container_search_actus .container-text {
padding: 20px;
}
.container_search_actus .container-text .bloc-date {
position: static;
padding: 10px 0;
}
}
@media screen and (max-device-width: 640px) {
.bloc-actu .bloc-image {
width: 100%;
height: auto;
float: none;
margin-right: 0;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.container_search_actus .container-text {
padding: 20px;
}
.container_search_actus .container-text .bloc-date {
position: static;
padding: 10px 0;
}
.mediatheque-filter.affix {
top: 80px
}
aside {
display: none
}
.jdb-articles {}
/* HEADER MOBILE
-------------------------------------------------------------------------------*/
.container.container-main {
margin-top: 80px;
padding-top: 0 !important;
}
header {
min-height: 80px;
}
footer {
z-index: 100;
}
.m_item:nth-child(1) {
position: fixed;
top: 0;
z-index: 101;
}
.header_mobile_inner {
padding-top: 80px
}
.container-header {
z-index: 101;
position: absolute;
}
#header_mobile {
padding: 0;
}
.m_item {
padding: 6px 20px;
display: inline-block;
width: 100%;
}
.m_nav {
display: none;
}
.m_item:nth-child(2) {
border-bottom: 3px solid
}
.m_item:nth-child(4) {
border-bottom: 1px solid;
}
.m_item:nth-child(5),
.m_item:nth-child(6) {
padding: 0;
}
.m_item:nth-child(5) li,
.m_item:nth-child(6) li {
padding: 0 !important;
margin: 0 !important;
min-height: auto !important;
}
.m_item:nth-child(5) li a,
.m_item:nth-child(6) li a {
padding: 14px 20px !important;
margin: 0 !important;
}
/*.m_item:nth-child(4),.m_item:nth-child(5){padding:0;}*/
.m_item.m_nav_bright {
background-color: white
}
.m_item:nth-child(4) li,
#header_mobile a {
color: #8D8D8D;
font-size: 18px;
}
#header_mobile li {
float: none;
border: none;
border-radius: 0px;
margin: 0;
background: transparent;
border-bottom: 1px solid;
}
.m_item li:last-child {
border: 0;
}
#header_mobile li:last-child {
border: 0;
}
#header_mobile li a {
padding: 14px 0;
display: inline-block;
min-width: calc(100% - 26px);
}
/*#header_mobile .menu-menu-header-container li a{padding: 14px 38px!important; margin: 0!important;}*/
#header_mobile .sub-menu li a {
padding-top: 0;
}
#header_mobile .menu-menu-header-container li.diago_stripe_dark a {
color: white !important;
}
#header_mobile .menu-menu-header-container li.ico_shop {
background: transparent !important;
min-height: 47px;
}
#menu-menu-main-container {
background: white
}
#menu-menu-main-en>li:last-child,
.touch #menu-menu-main>li:last-child {
position: static;
background-color: #f47e26;
border: 0
}
#menu-menu-main-en>li:last-child,
.touch #menu-menu-main>li:last-child a {
color: white;
vertical-align: top;
}
#lang_sel {
margin: 0;
padding-top: 0px;
background-color: #2b2b2b;
}
#lang_sel li {
border: 0;
}
#lang_sel li a {
padding: 0;
padding-left: 0px;
padding-right: 14px !important;
display: block;
}
#lang_sel ul,
#lang_sel li {
margin-bottom: 5px !important;
}
#module-search {
margin-left: auto !important;
margin-right: 10px;
}
#module-search div {
width: 230px;
}
.sm-expand {
display: inline-block;
text-align: right;
width: 16px;
height: 16px;
z-index: 1;
}
.menu .glyphicon {
margin-left: 10px;
margin-left: 0;
width: 26px;
height: 26px
}
.menu .glyphicon-minus {
color: #E35205;
}
.sub-menu {
position: static;
padding: 0;
}
.sub-menu li {
border-bottom: 0 !important
}
.slide_home_content {
padding-top: 20px;
width: 85%
}
.slide_item h2 {
font-size: 30px;
}
.carousel-control {
display: none;
}
#footer_menu {
display: block;
}
.footer_col {
float: none;
width: auto;
margin: 0
}
.page_banner h2,
.page_banner h2 {
z-index: 1
}
.presentation_excerpt {
padding: 20px;
padding-top: 87px;
width: auto;
}
.error404 .pagination-centered {
height: auto;
}
.error404 h2 {
font-size: 40px;
}
.error404 .searchform {
float: none;
margin-bottom: 10px;
}
.error404 .redirect {
float: none;
margin-bottom: 28px;
}
.error404 .suggestions404 li {
float: none;
border-right: none;
margin-bottom: 28px;
}
}
@media all and (orientation: portrait) {}
@media all and (orientation: landscape) {}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
header>ul>li:nth-child(3) {
margin-left: 0px;
}
#lang_sel {
margin-left: 10px
}
.menu-menu-header-en-container li a,
.menu-menu-header-container li a {
padding: 14px 14px;
}
#nav_main ul>li {
font-size: 16px
}
section.liste .liste_content {
max-width: 150px;
}
.form-rp-wrapper {
max-width: 500px;
margin: auto !important
}
.mediatheque-grid .grid_item_marged {
min-width: 220px
}
.page-template-page-partenaires-php section.liste .liste_content {
max-width: 120px
}
section.liste-default article {
float: left
}
section.liste-default .liste_content {
min-height: 144px
}
section.liste-default .liste_visuel {
width: 120px;
height: 120px
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#nav_main ul>li {
margin-left: 14px;
padding-right: 14px;
}
.footer_col {
margin-right: 25px;
}
section.liste .liste_content {
max-width: 150px;
}
.page-template-page-partenaires-php section.liste .liste_content {
max-width: 120px
}
section.liste-default article {
float: left
}
section.liste-default .liste_content {
min-height: 144px
}
section.liste-default .liste_visuel {
width: 120px;
height: 120px
}
.partenaires_liste {
width: 75% !important
}
#slider_home .carousel-inner {
width: auto
}
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
#module-search {
margin-left: calc(100% - 48px) !important;
}
}
@media screen and (max-width: 981px) {
.menu-menu-header-en-container li a,
.menu-menu-header-container li a {
padding: 14px 5px;
}
.header_inner>ul.pull-right>li:nth-child(3) {
display: none
}
.entry-content {
width: auto;
min-width: 0;
display: table;
}
}
@media screen and (max-width: 480px) {
.actualites_block .bloc-image {
width: 100%;
height: auto;
float: none;
margin-right: 20px;
padding: 20px 20px 0 20px;
}
.actualites_block .container-text {
padding: 20px;
}
.actualites_block {
height: auto;
}
.actualites_block .container-text .bloc-date {
position: static;
font-size: 8px;
padding: 10px 0;
}
}
@media screen and (max-width: 641px) and (min-width: 670px) {
.actualites_block .container-text .bloc-date {
margin-left: -91px;
}
}
@media screen and (max-width: 671px) and (max-width: 767px) {
.actualites_block .container-text .bloc-date {
margin-left: -113px;
}
}
@media print {
* {
-webkit-print-color-adjust: exact;
}
.container-header {
position: relative;
}
header {
background-color: #2b2b2b;
}
.header_inner>ul.pull-left>li:nth-child(2) {
border: 0;
display: none
}
.page_banner {
height: 6px;
}
header .pull-right,
#nav_main,
aside {
display: none;
}
.container-main {
margin-top: 0;
}
section.col-md-10,
article {
width: 100%
}
#partenaires {
height: auto;
}
.partenaires_label {
float: none;
height: auto;
}
.partenaires_liste {
height: auto;
}
.item-partenaire {
float: none
}
footer {
display: none;
}
.legende_br {
display: none
}
}
div.printfriendly {
display: inline-block !important;
float: none !important;
margin: 0 !important;
}
div.printfriendly a,
div.printfriendly a:link,
div.printfriendly a:visited {
vertical-align: top !important;
}
/*
.page-id-219 #row-tara-mediterranee,
.page-id-32648 #row-tara-mediterranee-en{display: none;}
*/
.wpetp-tooltip {
z-index: 99 !important;
}
.wpetp-tooltip-item {
color: #E35205 !important;
}
.wpetp-tooltip-content {
background: #E35205 !important;
}
.wpetp-tooltip-content::after {
border-top-color: #E35205 !important;
}
.wpetp-tooltip-text {
font-size: 1.1em !important;
}
/* cookie-notice style */
#cookie-notice {
background: transparent !important;
}
#cookie-notice .cookie-notice-container {
display: block;
width: 1024px;
margin: auto;
padding: 20px 60px;
font-size: 100%;
background: #fff;
color: #999999;
}
@media screen and (max-width:1024px) {
#cookie-notice .cookie-notice-container {
width: 100%;
}
}
@media screen and (max-width:767px) {
#cookie-notice .cookie-notice-container {
padding: 10px;
}
}
#cookie-notice .cn-button {
background-color: #E35205 !important;
background-image: -moz-linear-gradient(top, #E35205, #E35205);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E35205), to(#E35205));
background-image: -webkit-linear-gradient(top, #E35205, #E35205);
background-image: -o-linear-gradient(top, #E35205, #E35205);
background-image: linear-gradient(to bottom, #E35205, #E35205);
background-repeat: repeat-x;
border-color: #E35205#E35205#E35205;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05);
}
/* RGPD checkbox click */
.tara_form #form-contact {
position: relative;
}
.checkbox.rgpd_confirm_container {
width: 100%;
float: left;
}
.checkbox.rgpd_confirm_container .form-control {
height: 15px;
}
.tara_form .indicates-required {
width: auto;
position: absolute;
right: 120px;
bottom: 10px;
}
.mc-col-group-bottom #rgpd-txt {
width: 100%;
}
.tara_form select{
display: block;
padding: 8px 4px;
margin: 0 4% 10px 0;
text-indent: 5px;
color: #333333;
font-size: 1.0em;
background: #ffffff;
font-weight: bold;
width: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 6px;
}