/* IMPORT RESET */
@import url("reset.css");
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
/* FONTS */
@font-face {
font-family: 'Dax-Light';
src: url('/assets/fonts/daxlight-webfont.eot');
src: url('/assets/fonts/daxlight-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/daxlight-webfont.woff2') format('woff2'),
url('/assets/fonts/daxlight-webfont.woff') format('woff'),
url('/assets/fonts/daxlight-webfont.ttf') format('truetype'),
url('/assets/fonts/daxlight-webfont.svg#dax-lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Dax-Medium';
src: url('/assets/fonts/Dax-Medium.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Dax-Medium.woff') format('woff'),
url('/assets/fonts/Dax-Medium.ttf') format('truetype'),
url('/assets/fonts/Dax-Medium.svg#Dax-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Dax-Bold';
src: url('/assets/fonts/Dax-Bold.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Dax-Bold.woff') format('woff'),
url('/assets/fonts/Dax-Bold.ttf') format('truetype'),
url('/assets/fonts/Dax-Bold.svg#Dax-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoePrint';
src: url('/assets/fonts/SegoePrint.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/SegoePrint.woff') format('woff'),
url('/assets/fonts/SegoePrint.ttf') format('truetype'),
url('/assets/fonts/SegoePrint.svg#SegoePrint') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoePrint-Bold';
src: url('/assets/fonts/SegoePrint-Bold.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/SegoePrint-Bold.woff') format('woff'),
url('/assets/fonts/SegoePrint-Bold.ttf') format('truetype'),
url('/assets/fonts/SegoePrint-Bold.svg#SegoePrint-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
/* https://www.google.com/fonts/specimen/Lato */
/*@import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic);*/
/*
::-webkit-inner-spin-button,
::-webkit-clear-button
{
display: none;
}
::-webkit-calendar-picker-indicator {
opacity: 0;
}
*/
body {
font-family: 'Lato', sans-serif;
color: #222222;
background:#FFFFFF;
font-size:14px;
overflow-x:hidden;
min-height: 100%;
}
a {color: rgb(0, 35, 156);}
/* Utils */
.btn{
}
.btn:hover{
}
.txt_blue{
color:#0a4595;
}
.txt_blueLight{
color:#0088c9;
}
.txt_red{
color:#F16A6C;
}
.txt_white{
color:#FFFFFF;
}
.txt_grey{
color:#A7ACAF;
}
.txt_green{
color:#73BE69;
}
.txt_black{
color:#000000;
}
.txt_italic{
font-style: italic;
}
.contact_container .btn2-blue {background: #0054a6 !important; color: #fff; margin: 30px 0; padding: 10px 20px; font-size: 1.2rem;}
.contact_container .btn2-blue:hover {text-decoration: none;}
.contact_container p {padding: 10px 0;}
.w100{
width:100%;
}
.w50{
width:50%;
}
.w45{
width:45%;
}
.txt_left{
text-align:left;
}
.txt_right{
text-align:right;
}
.txt_center{
text-align:center;
}
.txt_size14{
font-size:14px;
}
.small_picto{
margin-bottom:-3px!important;
}
.med_picto{
margin-bottom:-6px!important;
}
.big_picto{
margin-bottom:-10px!important;
}
.pull_left{
float:left;
}
.pull_right{
float:right;
}
.no_decoration{text-decoration:none;}
.decoration_underline{text-decoration:underline;}
.ft_8{font-size:8px;}
.ft_10{font-size:10px;}
.ft_12{font-size:12px;}
.ft_14{font-size:14px;}
.ft_16{font-size:16px;}
.ft_18{font-size:18px;}
.ft_20{font-size:20px;}
.ft_22{font-size:22px;}
.ft_26{font-size:26px;}
.ft_30{font-size:30px;}
.ft_54{font-size:54px;}
.ft_70{font-size:70px;}
b,strong,.bold{font-weight:bold;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #999;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #999;
}
input[type=email],input[type=text],input[type=date],input[type=password]{
background:#FFFFFF;
color:#55a2d4;
font-size:15px;
border:1px solid #E1E1E3;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
line-height:38px;
height:38px;
padding:0 5px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
display:inline-block;
margin-bottom:5px;
}
*:focus {
outline: none;
}
.form-textonly{
color:#666;
font-size:15px;
line-height:50px;
height: 50px;
padding-left: 20px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
display:inline-block;
margin-top: 10px;
margin-bottom: 10px;
}
select{
background:#FFFFFF;
color:#55a2d4;
font-size:15px;
border:1px solid #E1E1E3;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:8px 5px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
display:inline-block;
margin-bottom:5px;
}
textarea{
background:#FFFFFF;
color:#55a2d4;
font-size:15px;
border:1px solid #E1E1E3;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:5px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
display:inline-block;
margin-bottom:5px;
}
.material input.ng-invalid.ng-touched + .material-label,
.material select.ng-invalid.ng-touched + .material-label
{color: #dc3545 !important;}
.material input.ng-invalid.ng-touched ,
.material select.ng-invalid.ng-touched
{border-color: #dc3545 !important;}
input.error,select.error,textarea.error{
border:1px solid #D24647!important;
color:#D24647!important;
}
.error_explication{
color:#D24647!important;
padding:5px;
}
.error_panel{
background:#FEDADA!important;
/*border:1px solid #D24647!important;*/
/*border-top:2px solid #D24647!important;*/
color:#D24647!important;
z-index:85;
outline-style: solid;
outline-width: 1px;
}
.error_box {
background:#FEDADA!important;
/*border:1px solid #D24647!important;*/
/*border-top:2px solid #D24647!important;*/
color:#D24647!important;
z-index:85;
outline-style: solid;
outline-width: 1px;
padding:15px;
margin:10px 0px;
}
.success_box {
background:#E0F5DE!important;
/*border:1px solid #D24647!important;*/
/*border-top:2px solid #D24647!important;*/
color:#73BE69!important;
z-index:85;
outline-style: solid;
outline-width: 1px;
padding:5px;
margin:10px 0px;
}
.warning_box {
background-color:#fcf8e3 !important;
border:1px solid #faebcc !important;
color:#8a6d3b!important;
z-index:85;
padding:15px;
margin:20px 0px;
}
.error_box ul {list-style-type: none;}
.error_box ul li {padding:3px 0px}
.img_adapt{
max-width: 100%;
}
.margin_left_20{
margin-left:20px;
}
.margin_right_20{
margin-right:20px;
}
.margin_top_20{
margin-top:20px;
}
.margin_bottom_20{
margin-bottom:20px;
}
.margin_bottom_10{
margin-bottom:10px;
}
.fLabel{
background:none!important;
margin-top:-5px!important;
padding-left:10px!important;
line-height:30px!important;
}
hr{
border:none;
border-top:1px solid #D4D4D4;
}
.mobile_show{display:none;}
.checkbox{
width:37px;
background:url('/assets/graphics/checkbox.png') no-repeat top right;
height:42px;
cursor:pointer;
}
.checkbox.selected{
background:url('/assets/graphics/checkbox.png') no-repeat top left;
}
.pos_rel{
position:relative;
}
/* ------------------------------------------------------------------ */
/* -------------- HELP BOX ------------------------------------------ */
/* ------------------------------------------------------------------ */
#help_overlay{
position:fixed;
width:100%;
height:100%;
background:#0063B6;
z-index:999;
display:none;
top:0;
left:0;
}
#help_box{
width:400px;
height:100%;
position:fixed;
right:-400px;
top:0;
/*background:#F8FAF9;*/
z-index:999999;
}
#help_box_close_btn{
position:absolute;
left:-25px;
top:25px;
z-index:1100;
}
#help_box_container{
width:1000px;
height:100%;
/*overflow:auto;*/
position:relative;
}
#help_box_menu{
width:400px;
height:100%;
position:absolute;
overflow: auto;
left:0;
top:0;
border-right:1px solid #E3E5E4;
}
#help_box_header{
background: #004799; /* Old browsers */
background: -moz-linear-gradient(left, #004799 0%, #006dc0 100%); /* FF3.6+ */
background: -webkit-linear-gradient(left, #004799 0%,#006dc0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #004799 0%,#006dc0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #004799 0%,#006dc0 100%); /* IE10+ */
background: linear-gradient(to right, #004799 0%,#006dc0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004799', endColorstr='#006dc0',GradientType=1 );
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
padding:20px;
text-align:center;
position: relative;
}
#help_box_header p{
font-size:18px;
color:#FFFFFF;
text-align:center;
}
#help_box_header input{
border-radius:0;
background: #FFFFFF url(/assets/graphics/picto_loupe_faq.jpg) no-repeat center right 10px;
}
#help_box_header img{
position:absolute;
right:70px;
top:25px;
}
#help_box_menu ul{
list-style-type:none;
}
#help_box_menu ul li a{
display:block;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
padding:25px 20px 20px 50px;
background:#FFFFFF url('/assets/graphics/back_help_box_menu.jpg') no-repeat top left;
color:#313332;
text-decoration:none;
border-bottom:1px solid #E4E6E5;
border-left:1px solid #FFFFFF;
}
#help_box_menu ul li a:hover{
background:#0063B6 url('/assets/graphics/back_help_box_menu_hover.jpg') no-repeat top left;
color:#FFFFFF;
}
#help_box_menu ul li a.selected{
background:#0063B6 url('/assets/graphics/back_help_box_menu_hover.jpg') no-repeat top left;
color:#FFFFFF;
}
#help_box_menu_footer{
border-left:1px solid #E63136;
background:#E63136;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align:center;
}
#help_box_menu_footer .top{
color:#FFF;
padding:20px;
background:#C62930;
font-size:18px;
text-align:center;
}
#help_box_menu_footer #help_box_menu_footer_content{
color:#FFB9C5;
padding:20px 10px;
background:#E9454C;
border-bottom:1px solid #FFFFFF;
/*display:none;*/
text-align:center;
}
#help_box_menu_footer #help_box_menu_footer_content .contact_list{
background:#E9454C;
border:1px solid #E9454C;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#help_box_menu_footer #help_box_menu_footer_content .contact_list.open{
background:#C62930;
border:1px solid #A62328;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_quarter{
width:75px;
float:left;
text-align:center;
padding:15px 0px;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_threequarter{
width:286px;
float:left;
text-align:left;
padding:10px 0px;
color:#fff;
font-size:18px;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_threequarter.txt_white {
color: #fff;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_threequarter input{
border-left:1px solid #FF9CA0;
border-top:1px solid #FF9CA0;
border-bottom:1px solid #FF9CA0;
border-right:1px solid #BBBBBB;
height:41px;
line-height:41px;
font-size:12px;
width:230px;
color:#4D4D4D;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin-top:5px;
float:left;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_threequarter a{
border-top:1px solid #FF9CA0;
border-right:1px solid #FF9CA0;
border-bottom:1px solid #FF9CA0;
display:block;
float:left;
height:41px;
width:41px;
line-height:41px;
background:#E4E4E4;
color:#4D4D4D;
text-decoration:none;
text-align:center;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
margin-top:5px;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_half{
width:270px;
float:left;
text-align:left;
color:#FFF;
font-size:18px;
border-bottom:1px solid #FF9CA0;
padding:25px 0px;
}
#help_box_menu_footer #help_box_menu_footer_content .contact_list.open .hb_half{
border-bottom:1px solid #A62328;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_half .hiddenMailProtected{
font-size:16px;
font-family:'Dax-Bold';
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
}
#help_box_menu_footer #help_box_menu_footer_content .hb_half .hb_tel{
font-size:16px;
font-family:'Dax-Bold';
color:#FFFFFF;
}
#contact_list_mail,#contact_list_tel{
display:none;
}
#help_box_menu_footer #help_box_menu_footer_content .dropdown{
width:30px;
height:30px;
display:block;
margin:10px auto;
text-decoration:none;
background:url('/assets/graphics/help_box_contact_arrow_down.png');
}
#help_box_menu_footer #help_box_menu_footer_content .dropdown.selected{
background:url('/assets/graphics/help_box_contact_arrow_up.png');
}
#help_box_menu_footer .contact{
cursor:pointer;
padding:20px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:30px;
font-family:'Dax-Bold';
}
#help_box_menu_footer .contact img{
margin-bottom:-10px;
}
#help_box_content{
width:550px;
height:100%;
position:absolute;
right:0;
top:0;
overflow: auto;
padding:20px 40px 40px 0px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#help_box_content h1{
font-weight:bold;
color:#1d1d1b;
font-size:24px;
margin:25px 0px;
}
#help_box_content h2{
font-weight:bold;
font-size:14px;
text-transform:uppercase;
margin:20px 0px 10px 0px;
color:#1d1d1b;
}
#help_box_content p,
.answer_faq p{
font-size:16px;
margin-bottom: 20px;
}
#help_box_content img.full{
width:100%;
margin:25px 0px;
border:1px solid #E1EBF5;
}
#help_box_content .controle{
text-align:center;
height:20px;
display:block;
width:400px;
margin:0 auto;
}
#help_box_content .controle a{
margin-left:10px;
margin-right:10px;
display:block;
float:left;
}
#help_box_content .controle a.seemore{
background:#0088C9;
border-bottom:2px solid #005780;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:13px 20px;
color:#FFFFFF;
display:inline-block;
text-decoration:none;
font-size:18px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#help_box_content .controle a.seemore img{
display:inline-block;
margin-bottom:-4px;
}
/* ------------------------------------------------------------------ */
/* -------------- HEADER -------------------------------------------- */
/* ------------------------------------------------------------------ */
#header{
width:100%;
background:#000000;
height:45px;
position: relative;
}
#header_menu_left{
height:45px;
float:left;
border-left:2px solid #0054A5;
}
#header_menu_left a{
line-height:45px;
display:inline-block;
color:#CDCDCD;
text-decoration:none;
padding:0 15px;
font-size:14px;
}
#header_menu_left a.accueil{
padding-left:15px;
}
#header_menu_left a:hover{
background:#202020;
}
#header_menu_left a img{
margin-bottom:-5px;
margin-right:10px;
}
#header_menu_left li {
display: inline;
position: relative;
float: left;
}
#header ul ul li {
float: left;
width: 50%;
/*padding: 5px 0;*/
text-transform: uppercase;
font-size: 14px;
box-sizing: border-box;
}
#header ul ul .business a {
background: rgba(0,0,0,0.2);
padding: 10px 25px !important;
}
#header ul ul {
display: none;
background: rgba(0,0,0,0.8);
position: absolute;
left: 0;
top: 45px;
width: 650px;
color: #CDCDCD;
padding-top: 10px;
z-index:1000;
}
#header ul ul li:nth-child(odd) {
border-right: solid 2px #E53138;
padding-right: 10px;
padding-left: 10px;
}
#header ul ul li:nth-child(even) {
padding-left: 10px;
padding-right: 10px;
}
#header ul ul li.business {
border-right: none;
width: 100%;
padding: 0;
margin-top: 10px;
}
#header ul ul a {
line-height:25px;
display: block;
}
#header ul li:hover ul {
display: inherit;
}
#header_menu_right{
height:45px;
float:right;
z-index:100;
position:relative;
}
#header_menu_right a{
line-height:45px;
display:inline-block;
color:#CDCDCD;
text-decoration:none;
padding:0 15px;
font-size:14px;
}
#header_menu_right a:hover{
background:#202020;
}
#header_menu_right .btn_espace_client{
background:#0054A6 url('/assets/graphics/header_back_espace_client.jpg') no-repeat left;
padding-left:20px;
padding-right:10px;
width:130px;
}
#header_menu_right .btn_espace_client:hover{
background:#0054A6 url('/assets/graphics/header_back_espace_client.jpg') no-repeat left;
}
#header_menu_middle{
height:50px;
width:150px;
position:absolute;
top:0px;
left:50%;
margin-left:-75px;
background:#E53138;
color:#FFFFFF;
font-size:14px;
text-align:center;
text-decoration:none;
line-height:18px;
padding-top:5px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
z-index:10;
}
.header_title{
font-size:42px;
color:rgb(0, 35, 156);
font-family: 'Dax-Light';
margin-left:-20px;
}
#home_header_types .header_title{
padding-left:20px;
}
.header_title img{display:none;}
#lang_selected{
width:50px;
display:inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index:100;
padding:0 7px!important;
}
#lang_selected img{
margin-bottom:3px;
margin-left:5px;
}
#lang_select_content{
width:50px;
position:absolute;
right:145px;
top:-150px;
background:#000000;
padding:0px;
z-index:10;
}
#lang_select_content a{
display:block;
width:100%;
padding:10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
color:#FFFFFF;
text-decoration:none;
background:#000000;
}
#lang_select_content a:first-child{
border-bottom:1px solid #3A3738;
}
#lang_select_content a:hover{
background:#202020;
}
.logo{
position: relative;
z-index: 9;
}
/* ------------------------------------------------------------------ */
/* -------------- FOOTER -------------------------------------------- */
/* ------------------------------------------------------------------ */
#footer{
width:100%;
background:#FFFFFF;
}
#footer h3{
color:#e21643;
font-size:16px;
}
#footer h4{
color:#333333;
font-weight:bold;
font-size:12px;
}
.footer_line{
height:2px;
width:100%;
background:#0C72A3 url('/assets/graphics/footer_line.jpg') repeat-y center;
}
.container_12 .footer_grid3_auto_width{
width: auto;
}
#footer ul li{
list-style-type:none;
}
#footer ul li a.first{
text-decoration:none;
/*color:#0a4595;*/
background : url('/assets/graphics/footer_puce.png') no-repeat left 22px;
padding:20px 0px 20px 25px;
display:inline-block;
width:100%;
}
#footer ul li a.first:hover{
text-decoration:underline;
}
#footer ul li .list_sub{
visibility: hidden;
opacity: 0;
/*-moz-transition: visibility 0s, opacity 0.5s linear, max-height 0.5s;
-webkit-transition: visibility 0s, opacity 0.5s linear;
-o-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;*/
transition: all 0.2s ease-in-out 0.1s, visibility 0s linear 0s;
max-height: 0px;
/*display:none;*/
}
#footer ul li:hover .list_sub{
transition: all 0.5s ease-in-out 0.5s, visibility 0s linear 0s;
visibility: visible;
opacity: 1;
max-height: 300px;
}
#footer ul li a.sub{
text-decoration:none;
color:#0a4595;
display:block;
margin-left:30px;
}
#footer ul li a.sub:hover{
text-decoration:underline;
}
#footer ul li hr{
margin:5px 0px 5px 25px !important;
color:#0a4595;
}
#footer #btn_help{
display:block;
position:absolute;
left:-50px;
top:110px;
z-index: 9999;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
background-color: #E53138;
font-size: 20px;
width:50px;
height: 200px;
border-radius: 15px 0 0 15px;
}
#footer #btn_help span {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #fff;
position: absolute;
width: 200px;
bottom: 88px;
right: -75px;
text-align: center;
letter-spacing: 1px;
}
#footer #btn_help.withcookie{
/*bottom:250px!important;*/
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#footer #app_btn{
color:#333333;
text-decoration:none;
}
#footer #app_btn:hover{
text-decoration:underline;
}
#form_newsletter{
position:relative;
}
#form_newsletter input{
width:100%;
height:40px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#form_newsletter a{
position:absolute;
top:0;
right:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#msg-newsletter-ok{
display:inline-block;
padding-bottom:10px;
}
#footer .btn_temoignage{
background:#0088C9;
border-bottom:2px solid #005780;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:20px 20px;
color:#FFFFFF;
display:inline-block;
text-decoration:none;
font-size:18px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#footer .btn_temoignage img{
display:inline-block;
margin-bottom:-4px;
}
#footer_sitemap{
width:100%;
background:url('/assets/graphics/visus/footer.jpg') center right no-repeat;
min-height:135px;
line-height:20px;
font-size:12px;
color:#333333;
}
#footer_sitemap a{
text-decoration:none;
color:#333333;
}
#footer_sitemap a:hover{
text-decoration:underline;
}
#alert_cookie{
position: fixed;
width:100%;
height:55px;
bottom:0px;
right:0px;
font-size:12px;
padding:0;
color:#222222;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
text-align:left;
z-index:99;
background-color:#0c6db4;
z-index: 10;
}
#alert_cookie .cookie_pic{
width:15%;
float:left;
height:55px;
background-color:#fff;
position: relative;
text-align: center;
}
#alert_cookie p{
position: relative;
float:left;
top: 50%;
transform: translateY(-50%);
color:#fff;
padding-left:40px;
}
#alert_cookie p a{
color:#fff;
text-decoration: underline;
}
#alert_cookie .cookie_pic:after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 26px 0 30px 14px;
border-color: transparent transparent transparent #ffffff;
line-height: 0px;
_border-color: #000000 #000000 #000000 #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
right: -14px;
top: 0;
}
#alert_cookie .btn{
float:right;
padding:15px 30px;
color:#FFFFFF;
display:block;
text-decoration:none;
font-size:14px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
width:130px;
font-family: 'Dax-light';
}
#alert_cookie .btn img{
vertical-align: text-bottom;
margin-left:5px;
}
/* ------------------------------------------------------------------ */
/* -------------- PAGES -------------------------------------------- */
/* ------------------------------------------------------------------ */
/* BREADCRUMB */
.breadcrumb_container {
background: #FFFFFF;
border-top: 1px solid #CDE5FD;
border-bottom: 1px solid #CDE5FD;
height: 60px;
width: 100%;
padding:0;
position:relative;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
.breadcrumb{
background: #FFFFFF;
padding:20px 0 0 0;
margin-bottom: 0;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
.breadcrumb > li {
color:#999999;
}
.breadcrumb > li + li:before {
font-family: 'Glyphicons Halflings';
font-size:11px;
padding: 0 2px 0 0;
color: #0054a6;
content: "\e080";
}
.breadcrumb .selection{
color:#0a4595;
}
.breadcrumb_container a.btn_modif {
color: #333333;
font-size: 14px;
text-decoration: none;
font-family: 'Dax-Medium';
padding:20px 0 0 0;
position:absolute;
right:0;
top:0;
}
.breadcrumb_choices{
display:inline-block;
position:relative;
}
.breadcrumb_choices a{
margin-bottom:21px;
display:inline-block;
}
.breadcrumb_choices a img{
margin-bottom:-2px;
display:inline-block;
}
.breadcrumb_choice_list{
position:absolute;
display:none;
background:#FFFFFF;
padding:15px;
z-index:99;
width:200px;
border-left: 1px solid #CDE5FD;
border-right: 1px solid #CDE5FD;
border-bottom: 1px solid #CDE5FD;
}
.breadcrumb_choice_list li{
list-style-type: none;
background: url('/assets/graphics/puce.jpg') no-repeat left center;
padding-left: 25px;
line-height: 20px;
margin-bottom: 5px;
}
.breadcrumb_choice_list li a{
margin:0px;
}
/* SPLASH */
#splash_background{
width:100%;
height:100%;
position:fixed;
margin:0;
background-image: url('/assets/graphics/visus/splash.jpg');
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
}
#splash_bandeau{
width:100%;
height:210px;
position:absolute;
left:0;
top:66%;
margin-top:-140px;
background:#FFFFFF;
padding-top:70px;
}
#splash_bandeau_left{
width:33%;
float:left;
text-align:center;
}
#splash_bandeau_right{
width:66%;
float:left;
text-align:center;
}
#splash_bandeau ul{
width:200px;
float:left;
padding:0 30px
}
#splash_bandeau ul:first-child{
border-right:1px solid #D4D4D4;
}
#splash_bandeau ul li{
list-style-type:none;
background : url('/assets/graphics/footer_puce.png') no-repeat;
padding-left:25px;
margin-top:10px;
padding-bottom:10px;
border-bottom:1px solid #D4D4D4;
}
#splash_bandeau ul li a{
text-decoration:none;
color:#0a4595;
font-size:20px;
font-weight: 300!important;
}
#splash_bandeau ul li a:hover{
text-decoration:underline;
}
#splash_copy{
position:absolute;
bottom:10px;
right:10px;
color:#000000;
font-size:11px;
}
/* HOME */
#home_header{
height:575px;
}
#home_header .section1{
background:url('/assets/graphics/visus/home_header.jpg') no-repeat top right;
height:575px;
}
#home_header .section2{
background:url('/assets/graphics/visus/home_header_viequo.jpg') no-repeat top right;
height:575px;
}
#home_header .section3{
background:url('/assets/graphics/visus/home_header_mobilite.jpg') no-repeat top right;
height:575px;
}
#home_header_types{
width:500px;
margin-top:20px;
}
#home_header_types h1{
font-size:50px;
font-family: 'Dax-Medium';
}
#home_header_types div{
width:600px;
margin-left:20px;
color:#333333;
}
#home_header_types div a{
font-weight:bold;
color:#333333;
text-decoration:none;
}
#home_header_types div a img{
margin-bottom:-8px;
}
#home_header_type_voyage{
}
#home_header_type_voyage h1{
/* color:rgb(0, 94, 184);*/
}
#home_products{
background:#FFFFFF;
border-top:2px solid #C9E4F5;
font-size:14px;
color:#222222;
/* Modified Ska 12/12/2018 */
/* margin-bottom:100px; */
margin-bottom:20px;
}
#home_products .grid_4:first-child {
margin-left: 0%;
}
#home_products .grid_4:last-child {
margin-right: 0%;
}
#home_product_voyage{
/*background:url('/assets/graphics/pages/home/back_white_home_prod.png') no-repeat top center;*/
background: #fff;
background-size: 100%;
padding:0px 30px;
margin:0 auto;
margin-top:-100px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
height:320px;
position:relative;
cursor:pointer;
padding-top: 30px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
border-radius: 5px;
}
#home_product_voyage .title_content{
color:#e726f6c;
font-size:12px;
text-align:center;
}
#home_product_voyage .title{
color:#0088c9;
font-size:24px;
font-family: 'SegoePrint';
line-height: 1.2em;
min-height: 62px;
display: block;
text-align: center;
}
#home_product_voyage .price{
color:#e53138;
font-size:22px;
font-weight:bold;
}
#home_product_voyage a.btn{
background:#0088c9;
border-bottom:2px solid #005780;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:15px 30px;
color:#FFFFFF;
display:block;
text-decoration:none;
font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
width:240px;
left:50%;
margin-left:-110px;
position:absolute;
bottom:30px;
}
#home_product_voyage a.btn img{
display:inline-block;
margin-bottom:-3px;
}
#home_product_mobilite{
/*background:url('/assets/graphics/pages/home/back_white_home_prod.png') no-repeat top center;*/
background: #fff;
background-size: 100%;
padding:0px 30px;
margin:0 auto;
margin-top:-100px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
height:320px;
position:relative;
cursor:pointer;
padding-top: 30px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
border-radius: 5px;
}
#home_product_mobilite .title_content{
color:#e726f6c;
font-size:12px;
text-align:center;
}
#home_product_mobilite .title{
color:#d9620d;
font-size:24px;
font-family: 'SegoePrint';
display: block;
text-align: center;
min-height: 62px;
line-height: 1.2em;
}
#home_product_mobilite .price{
color:#e53138;
font-size:22px;
font-weight:bold;
}
#home_product_mobilite a.btn{
background:#d9620d;
border-bottom:2px solid #8D400A;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:15px 30px;
color:#FFFFFF;
display:block;
text-decoration:none;
font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
width:240px;
left:50%;
margin-left:-110px;
position:absolute;
bottom:30px;
}
#home_product_mobilite a.btn img{
display:inline-block;
margin-bottom:-3px;
}
#home_product_vie{
/*background:url('/assets/graphics/pages/home/back_white_home_prod.png') no-repeat top center;*/
background: #fff;
background-size: 100%;
padding:0px 30px;
margin:0 auto;
margin-top:-100px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
height:320px;
position:relative;
cursor:pointer;
padding-top: 30px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
border-radius: 5px;
}
#home_product_vie .title_content{
color:#e726f6c;
font-size:12px;
text-align:center;
}
#home_product_vie .title{
color:#79b149;
font-size:24px;
font-family: 'SegoePrint';
display: block;
text-align: center;
min-height: 62px;
line-height: 1.2em;
}
#home_product_vie .price{
color:#e53138;
font-size:22px;
font-weight:bold;
}
#home_product_vie a.btn{
background:#79b149;
border-bottom:2px solid #4B6A2E;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:15px 30px;
color:#FFFFFF;
display:block;
text-decoration:none;
font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
width:240px;
left:50%;
margin-left:-110px;
position:absolute;
bottom:30px;
}
#home_product_vie a.btn img{
display:inline-block;
margin-bottom:-3px;
}
#home_product_voyage img.picto,
#home_product_mobilite img.picto,
#home_product_vie img.picto{
margin:0 auto;
display:block;
}
.moreproducts{
border: 2px solid #0088c9;
width: 30%;
display: block;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
margin: 0 auto;
margin-top: 15px;
}
#home_pourquoi{
background:url('/assets/graphics/visus/home_pourquoi.jpg') no-repeat top center;
background-size: cover;
font-size:15px;
color:#D1F3FD;
margin-bottom:90px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
padding:100px 0px;
}
#home_pourquoi .grid_12,
#home_pourquoi .grid_3{
text-align:center;
}#home_pourquoi .grid_3{
cursor:pointer;
}
#home_pourquoi .grid_3 div{
text-align:center;
}
#home_pourquoi .grid_3 div{
text-align:center;
}
#home_pourquoi .grid_12 .title{
font-size:42px;
font-family: 'Dax-Medium';
color:#FFFFFF;
margin-bottom:50px;
display:inline-block;
}
#home_pourquoi .grid_3 .picto{
margin-bottom:20px;
}
#home_pourquoi .grid_3 .title{
font-size:16px;
color:#FFFFFF;
display: inline-block;
height: 40px;
text-align: center;
}
#home_pourquoi .grid_3 p{
text-align:center;
margin:15px 0px;
display:inline-block;
height:70px;
}
#home_pourquoi .grid_3 .btn{
font-size:16px;
color:#FFFFFF;
display:block;
width:100%;
padding:15px;
text-align:center;
border:1px solid #8EC1D4;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#home_pourquoi .grid_3 .btn img{
display:inline-block;
margin-bottom:-4px;
}
#home_une{
font-size:15px;
color:#D1F3FD;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#home_une .grid_12{
text-align:center;
}
#home_une .grid_12 .title{
font-size:42px;
font-family: 'Dax-Medium';
color:#0054a6;
display:inline-block;
}
#home_une .grid_12 a{
font-size:13px;
color:#222222;
text-decoration:none;
}
#home_une .grid_12 a img{
margin:0 10px;
}
#home_une .home_article_big{
position:relative;
width:100%;
height:390px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-size: cover;
background-position: left;
background-repeat: no-repeat;
cursor:pointer;
}
#home_une .home_article_big .flag{
width:84px;
height:84px;
position:absolute;
left:0;
top:0;
background-size: 100% auto;
background-position: left;
background-repeat: no-repeat;
}
#home_une .home_article_big .title{
width:100%;
max-height:60px;
position:absolute;
left:0;
top:260px;
background:#FDFAF8;
color:#333333;
font-size:20px;
text-align:left;
padding:5px 20px;
padding-left:140px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#home_une .home_article_big .date{
width:100px;
position:absolute;
left:0px;
top:250px;
background:#E81643;
color:#FFFFFF;
font-size:30px;
font-weight:bold;
padding:15px 0px;
text-align:center;
line-height:24px;
}
#home_une .home_article_big .date .month{
font-size:18px;
color:#ff7896;
line-height:15px;
}
#home_une .home_article_small{
position:relative;
width:100%;
height:180px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-size: cover;
background-position: left;
background-repeat: no-repeat;
margin-bottom:30px;
cursor:pointer;
}
#home_une .home_article_small .flag{
width:65px;
height:65px;
position:absolute;
left:0;
top:0;
background-repeat: no-repeat;
}
#home_une .home_article_small .title{
width:100%;
/*max-height:60px;*/
position:absolute;
left:0;
top:100px;
background:#FDFAF8;
color:#333333;
font-size:16px;
text-align:left;
padding:5px 20px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#home_une .type_voyage .flag{
background-image:url('/assets/graphics/pages/home/flag_voyage.png');
}
#home_une .type_vie .flag{
background-image:url('/assets/graphics/pages/home/flag_vie.png');
}
#home_une .type_mobilite .flag{
background-image:url('/assets/graphics/pages/home/flag_mobilite.png');
}
#home_une .home_article_small.type_voyage .title{
border-left:1px solid #008ECB;
}
#home_une .home_article_small.type_vie .title{
border-left:1px solid #B1D163;
}
#home_une .home_article_small.type_mobilite .title{
border-left:1px solid #E36C09;
}
#home_media{
}
#home_media .grid_12{
text-align:center;
}
#home_media .grid_6 .social_fb{
border:1px solid #DEDCD9;
padding:20px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#home_media .grid_6 .social_tw{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
overflow:hidden;
}
#home_media .grid_6 .social_tw div{
border-top:1px solid #DEDCD9;
border-left:1px solid #DEDCD9;
border-right:1px solid #DEDCD9;
width:100%;
padding:20px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#home_media .grid_6 .promo{
border:1px solid #DEDCD9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#home_media .grid_6 .promo #carousel-promo{
}
#home_media .grid_6 .promo #carousel-promo .carousel-indicators{
right:0px;
left:auto!important;
width:150px;
height:26px;
bottom:0!important;
background:url('/assets/graphics/pages/home/slider_promo_pagin.png') no-repeat;
padding-top:10px;
}
#home_media .grid_6 .promo #carousel-promo .carousel-control{
display:none;
}
#home_media .grid_6 .promo #carousel-promo .carousel-indicators li{
background:#FFFFFF!important;
}
#home_media .grid_6 .promo #carousel-promo .carousel-indicators .active{
background:#E01341!important;
border:1px solid #E01341!important;
}
#home_media .grid_6 .promo .liste{
padding:20px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#home_media .grid_6 .promo h3{
color:#007dc4;
font-size:20px;
font-family: 'SegoePrint';
}
#home_media .grid_6 .promo .liste ul{
margin-top:20px;
}
#home_media .grid_6 .promo .liste ul li{
list-style-type:none;
background : url('/assets/graphics/puce_promo_liste.png') no-repeat;
padding-left:25px;
margin-top:5px;
padding-bottom:5px;
}
#home_media .grid_6 .promo .liste ul li a{
color:#222222;
font-size:15px;
}
/* FUNNEL */
#funnel_header{
background:#29619E url('/assets/graphics/visus/funnel_header.jpg') no-repeat bottom right;
position:relative;
}
#funnel_header_form{
margin-top:-100px;
text-align:center;
position:relative;
}
#funnel_header_form .title{
color:#9ae3ff;
font-size:18px;
font-family: 'SegoePrint';
margin:0px;
text-align:center;
}
#funnel_header_form .logo{
position:absolute;left:0;top:0;
width:200px;
height:100px;
}
#funnel_header_form .picto{
width:40px;
}
#funnel_header_form .question{
color:#ffffff;
font-size:24px;
margin:10px 0px 30px 0px;
text-align:center;
}
#funnel_header_form .funnel_choices .container_12{
text-align:center;
}
#funnel_header_form .funnel_choices .grid_3,#funnel_header_form .funnel_choices .grid_6{
display: inline-block!important;
float: none!important;
}
#funnel_header_form select{
border-radius: 0;
margin: 10px 0;
color: #000000;
padding-left: 20px;
height: 50px;
padding-right: 40px;
background: #FFFFFF url('/assets/graphics/arrow-select2.png') no-repeat right;
line-height: 1;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
border:1px solid #02468D;
width:100%;
margin-top:50px;
}
#funnel_header_form select::-ms-expand {
display: none;
}
#funnel_header_form #steps{
min-height:320px;
text-align:center;
}
.choice{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
text-align:center;
color:#c4efff;
font-size:18px;
cursor:pointer;
}
.choice .choice_product:hover,.choice.selected .choice_product{
background:#0C5EAA;
opacity:1;
filter: alpha(opacity=100); /* For IE8 and earlier */
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.choice .choice_product{
position: relative;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color:#FFFFFF;
color:#c4efff;
font-size:18px;
padding-top: 30px;
padding-bottom:20px;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.choice .funnel_label{
text-align:center;
padding:0px 30px;
height:120px;
color:#0c5eaa;
font-family: 'Dax-Bold';
font-size:17px;
}
.choice .funnel_label_from{
text-align:center;
font-family: 'Dax-light';
color:#848484;
font-size:16px;
margin: 20px 0;
position: absolute;
bottom: 0px;
left:0;
right:0;
}
.choice .choice_product:hover .funnel_label,.choice.selected .choice_product .funnel_label{
color:#fff;
}
.choice .choice_product:hover .funnel_label_from,.choice.selected .choice_product .funnel_label_from, .choice .choice_product:hover .txt_red,.choice.selected .choice_product .txt_red{
color:#fff;
}
.choice .more_info{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
/* background:#01478D;
*/ border-bottom:2px solid #00478F;
padding:20px 0px;
text-align:center;
color:#FFFFFF;
font-size:16px;
position: relative;
display:block;
background-color: #e1eef6;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.choice .more_info img{
margin-bottom:-3px;
margin-left: 2px;
vertical-align: bottom;
}
.choice .more_info::before{
content:'';
background:url('../graphics/moreinfo_shade.png');
background-repeat:no-repeat;
display: block;
position: absolute;
top: -4px;
left: 0;
height:10px;
width:100%;
pointer-events: none;
}
.choice .more_info:hover{
background:#a0c3df;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
#funnel_header .choice .more_info .desktop{text-align:center;margin-right: 10px;font-size: 13px;color: #0c5eaa;}
#funnel_header .choice .more_info .mobile{display:none;}
#funnel_pagination{
width:100%;
text-align:center;
margin-top:20px;
}
#funnel_pagination .btn_precedent{
background: none;
width: auto;
}
#funnel_pagination .btn_precedent:hover .icone{
background-color:#003466;
}
#funnel_pagination .btn_precedent .texte{
background: none;
width: auto;
color:#fff;
padding-left: 40px;
font-size: 14px;
}
#funnel_pagination .btn_precedent .icone{
height: 25px;
border-radius: 3px;
top: 10px;
width: 25px;
background-color:#00478c;
border-bottom:1px solid #003466;
line-height: 28px;
}
.funnel_timeline{
width:50%;
-webkit-border-radius:6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 6px solid #21689f;
margin:20px auto;
background-color:#fff;
}
.funnel_currenttime{
-webkit-border-bottom-right-radius:2px;
-moz-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius:2px;
-moz-border-top-right-radius: 2px;
border-top-right-radius: 2px;
border: 2px solid #e53138;
//width:25%;
}
.btn_reset{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor:pointer;
width:48px;
display:inline-block;
height:48px;
position:relative;
margin:0px 10px;
padding-top:20px;
}
.btn_reset a img{
vertical-align:middle;
margin-top: -4px;
}
.btn_precedent,.btn_suivant{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:#FFFFFF;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
padding:5px;
cursor:pointer;
width:160px;
display:inline-block;
height:56px;
position:relative;
margin-bottom: 30px;
}
.btn_precedent .texte,.btn_suivant .texte{
width:150px;
font-size:16px;
text-align:center;
background:#FFFFFF;
text-align:center;
color:#006fb9;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
height:46px;
line-height:46px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position:relative;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.btn_precedent .icone,.btn_suivant .icone{
background:#0054A5;
height:46px;
line-height:46px;
width:30px;
position:absolute;
text-align:center;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.btn_suivant:hover .texte{
padding-right:10px;
}
.btn_precedent:hover .texte{
padding-left:10px;
}
.btn_suivant:hover .texte{
padding-right:30px;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.btn_precedent:hover .texte{
padding-left:30px;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.btn_precedent:hover .icone,.btn_suivant:hover .icone{
width:40px;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.btn_precedent .icone{
left:0px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn_suivant .icone{
right:0px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#funnel_nogo{
width:280px;
display:inline-block;
height:46px;
position:relative;
margin:20px;
cursor:pointer;
}
#funnel_nogo .icone{
height: 25px;
border-radius: 3px;
top: 10px;
width: 25px;
background-color: #00478c;
border-bottom: 1px solid #003466;
line-height: 28px;
display: inline-block;
margin-right: 10px;
}
#funnel_nogo .icone img{
width:12px;
margin-left: 7px;
margin-top: 5px;
}
#funnel_nogo .texte{
width:280px;
font-size:14px;
text-align:right;
color:#fff;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
height:46px;
line-height:46px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position:relative;
padding:0px 20px;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
#etape_pagination{
width:100%;
text-align:center;
color:#f3fbff;
font-size:16px;
font-weight:bold;
}
#etape_pagination .etape{
display:inline-block;
width:18px;
height:17px;
margin-bottom:-8px;
background:url('/assets/graphics/pagination.png') no-repeat -36px 0px;
}
#etape_pagination .etape.passed{
background:url('/assets/graphics/pagination.png') no-repeat 0px 0px;
}
#etape_pagination .etape.current{
background:url('/assets/graphics/pagination.png') no-repeat -18px 0px;
}
#funnel_autre{
height:177px;
border-bottom:4px solid #F9F9F9;
}
.text_autre{
color:#2a639c;
font-size:24px;
line-height:177px;
text-align:center;
background:url('/assets/graphics/extra_big_arrow_blue.jpg') no-repeat top right;
}
.autre_choice{
line-height:177px;
text-align:center;
color:#333333!important;
font-size:24px;
font-family: 'SegoePrint';
text-decoration:none;
}
.autre_choice a{
line-height:177px;
color:#333333!important;
font-size:24px;
font-family: 'SegoePrint';
text-decoration:none;
width:100%;
height:177px;
display:block;
}
.autre_choice a img{
margin-bottom:-20px;
width:60px;
}
.autre_choice a.voyage{
background:url('/assets/graphics/pages/funnel/autre_voyage_back.jpg') no-repeat center bottom;
}
.autre_choice a.mobilite{
background:url('/assets/graphics/pages/funnel/autre_mobilite_back.jpg') no-repeat center bottom;
}
.autre_choice a.vie{
background:url('/assets/graphics/pages/funnel/autre_vie_back.jpg') no-repeat center bottom;
}
#funnel_template_infos{
width:100%;
height:100%;
padding:0px 80px 20px 80px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#funnel_template_infos h1{
font-weight:bold;
color:#1d1d1b;
font-size:20px;
margin:20px 0px;
text-align:center;
}
#funnel_template_infos h1 img{
margin-right:10px;
margin-bottom:-20px
}
#funnel_template_infos h2{
font-weight:bold;
font-size:14px;
text-transform:uppercase;
margin:20px 0px 10px 0px;
color:#0053A0;
}
#funnel_template_infos p{
font-size:16px;
padding:5px 0px!important;
}
#funnel_template_infos img.full{
width:100%;
margin:25px 0px;
border:3px solid #E1E9F4;
}
#funnel_template_infos ul li{
list-style-type:none;
background : url('/assets/graphics/puce.jpg') no-repeat left center;
padding-left:25px;
line-height:20px;
}
#funnel_template_infos .controle{
text-align:center;
height:20px;
display:block;
width:400px;
margin:0 auto;
}
#funnel_template_infos .controle a{
margin-left:10px;
margin-right:10px;
display:block;
float:left;
}
#funnel_template_infos .controle a.seemore{
background:#0088C9;
border-bottom:2px solid #005780;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:13px 20px;
color:#FFFFFF;
display:inline-block;
text-decoration:none;
font-size:18px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#funnel_template_infos .controle a.seemore img{
display:inline-block;
margin-bottom:-4px;
}
/* PRODUIT */
#produit_header{
width:100%;
background:url('/assets/graphics/visus/produit_header.jpg') top right no-repeat;
min-height:340px;
}
#produit_header.product_header_mobility{
background:url('/assets/graphics/visus/produit_header-mobilite.jpg') top right no-repeat;
}
#produit_header.product_header_house{
background:url('/assets/graphics/visus/produit_header-viequo.jpg') top right no-repeat;
}
#produit_header .header_title{
margin-top:50px;
font-family: 'Dax-Light';
display: inline-block;
padding-left: 50px; padding-right: 50px;
}
#produit_content .content_right{
width:30%;
float:right;
position:relative;
}
#produit_content .content_left{
width:65%;
float:left;
position:relative;
}
#produit_content .promo{
width:100%;
position:relative;
border:1px solid #E6E6E6;
margin:25px 0px;
}
#produit_content .promo .promo_type{
display:inline-block;
position:absolute;
bottom:0px;
left:0px;
background:#0089C8;
color:#FFFFFF;
font-size:18px;
padding:10px 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
}
#produit_content .promo .left{
width:30%;
float:left;
background-size:cover;
background-repeat:no-repeat;
height:150px;
}
#produit_content .promo .right{
width:65%;
float:right;
padding:40px 20px 40px 0px;
color:#222222;
}
#produit_content .promo .right h3{
font-size:18px;
text-transform:uppercase;
margin:0px 0px 10px 0px!important;
color:#0054A5!important;
font-family: 'Dax-Medium';
}
#produit_content .arrow_right{
position:absolute;
right:10px;
top:20px;
display:none;
}
#produit_content h1,
#produit_content .h1{
font-weight:bold;
color:rgb(0, 35, 156);
font-size:36px;
margin:0px;
text-align:left;
font-family: 'Dax-Medium';
}
#produit_content h3.big{
font-weight:bold;
color:rgb(0, 35, 156);
font-size:36px;
margin:0px;
text-align:left;
font-family: 'Dax-Medium';
}
#produit_content h3.form{
font-weight: bold;
color: rgb(0, 35, 156);
font-size: 36px;
margin: 0px;
text-align: left;
font-family: 'Dax-Medium';
text-transform:none;
}
#produit_content h3,
#produit_content .h3{
font-size:18px;
text-transform:uppercase;
margin:20px 0px 10px 0px;
color:rgb(0, 35, 156);
font-family: 'Dax-Medium';
}
#produit_content h3.red{
text-transform:none!important;
font-size:21px!important;
font-family: 'SegoePrint'!important;
margin:20px 0px 10px 0px;
color:#e21643!important;
}
#produit_content h3.black{
text-transform:none!important;
font-size:21px!important;
margin:0px 0px 10px 0px!important;
color:#444444!important;
}
#produit_content h3.text_black{
color:#444444!important;
}
#produit_content h4.text_black{
color:#444444!important;
font-size:18px;
font-family: 'Dax-Medium';
display:block;
}
#produit_content h4.form{
color: #0054a6!important;
font-size:18px;
font-family: 'Lato', sans-serif;
display:block;
margin-top:0px!important;
}
.garanties_list li{
list-style-type:none;
background : url('/assets/graphics/puce.jpg') no-repeat left 5px;
padding-left:25px;
line-height:20px;
margin-bottom:10px;
}.garanties_list li.nobullet{
background : white;
}
#produit_content table{
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#produit_content table.form {
border: solid 1px #e6e6e6;
}
#produit_content table tr{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#produit_content table tr td{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
#produit_content table.explication tr td{
vertical-align:top;
font-family: 'Dax-Medium';
}
#produit_content table.form tr td{
vertical-align:middle;
font-family: 'Dax-Medium';
border:1px solid #E6E6E6;
color:#222222;
position:relative;
border-left: none;
border-right: none;
}
#produit_content table.form tr:nth-child(even){
background:#F4FCFF!important;
}
#produit_content table.form tr:nth-child(even) td{
/*background:#F4FCFF!important;*/
border: 1px solid #E6E6E6;
border-left: none;
border-right: none;
}
#produit_content table.form tr.error td{
background:#FEDADA!important;
/*border:1px solid #D24647!important;*/
/*border-top:2px solid #D24647!important;*/
color:#D24647!important;
z-index:85;
outline-style: solid;
outline-width: 1px;
}
#produit_content table.form tr.header_row{
border:1px solid #007AB5!important;
}
#produit_content table.form tr.header_row td{
border:1px solid #007AB5!important;
}
#produit_content table.form tr.bordertop td{
border-top:1px solid #007AB5!important;
}
#produit_content table.explication tr td.col_left2{
text-align: center;
width:120px;
}
#produit_content table.form tr td.col_left{
text-align: center;
width:65px;
vertical-align: top;
padding:25px 0px;
}
#produit_content table.form .checkbox{
display:block;
width:23px;
height:23px;
background:url('/assets/graphics/checkbox2.png') top;
margin:0 auto;
cursor:pointer;
text-decoration:none;
}
#produit_content table.form tr.checked .checkbox{
background:url('/assets/graphics/checkbox2.png') bottom!important;
}
#produit_content table.form .radio{
display:block;
width:23px;
height:23px;
background:url('/assets/graphics/radio.png') top;
margin:0 auto;
cursor:pointer;
text-decoration:none;
}
#produit_content table.form tr .radio.checked{
background:url('/assets/graphics/radio.png') bottom!important;
}
#produit_content table.form tr .checkbox.mobile_show{
display:none;
}
#produit_content table.form tr.checked td.col_right{
color:#007ab5!important;
}
#produit_content table.form .col_right_price,
#produit_content table.form .col_right_price_disabled{
width:100%;
text-align:center;
position:relative;
padding:20px 0px;
}
#produit_content table.form .reduc{
width:100%;
background:#E11643;
position:relative;
color:#FFFFFF;
font-size:13px;
text-align:center;
padding:5px 0px;
}
#produit_content table.form .reduc .info{
margin:3px!important;
}
#produit_content table.form tr.disabled td{
background:#eeeeee!important;
color:#cccccc!important;
z-index:10;
}
#produit_content table.form tr.disabled .checkbox{
/* display:none; */
}
#produit_content table.form tr .msg_disabled{
display:none;
color:#D24647!important;
font-style:italic;
margin-top:20px;
}
#produit_content table.form tr .col_right_price_disabled{display:none;}
#produit_content table.form tr.disabled .msg_disabled{display:block;}
#produit_content table.form tr.disabled .col_right_price{display:none;}
#produit_content table.form tr.disabled .col_right_price_disabled{display:block;}
#produit_content table.form .sub_form{
position:relative;
}
#produit_content table.form .sub_form img.sub_option{
position:absolute;
top:0px;
left:25px;
}
#produit_content table.form .sub_form .checkbox{
margin:0px!important;
display:inline-block!important;
margin-top:-5px!important;
}
#produit_content table.form .sub_form .checkbox.checked{
background:url('/assets/graphics/checkbox2.png') bottom!important;
}
#produit_content table.form .sub_form .radio{
margin:0px!important;
display:inline-block!important;
margin-top:-5px!important;
}
#produit_content table.form .sub_form .radio.checked{
background:url('/assets/graphics/radio.png') bottom!important;
}
#produit_content table.form tr td.col_center{
text-align: left;
padding:15px 15px;
font-size:14px;
}
#produit_content table.form tr td.col_right{
text-align: center;
width:75px;
font-size:18px;
}
#produit_content table.form tr td.header_left{
vertical-align:middle!important;
border: 1px solid #007AB5!important;
/*background:#FFFFFF!important;*/
padding-top:16px!important;
padding-bottom:16px!important;
}
#produit_content table.form tr td.header_center{
vertical-align:middle!important;
background:#009AD0 url('/assets/graphics/pages/produit/back_header_table.jpg') repeat-x top!important;
color:#FFFFFF!important;
font-size:18px;
border: 1px solid #007AB5!important;
}
#produit_content table.form tr td.header_center .more{
position:absolute;
left:50%;
margin-left:-18px;
bottom:-13px;
display:block;
z-index: 20;
}
#produit_content table.form tr td.header_right{
vertical-align:middle!important;
background:#007AB5!important;
color:#FFFFFF!important;
font-size:18px;
position:relative;
border: 1px solid #007AB5!important;
}
#produit_content table.form tr td.header_right .header_arrow{
position:absolute;
right:-11px;
top:-1px;
display:block;
}
#produit_content table.form tr td .option_title{
color:#333333;
}
#produit_content table.form tr td .info{
margin-bottom:5px;
cursor:pointer;
}
#produit_content table.form tr td .info2{
display:none;
float:right;
padding:10px;
border:1px solid #007AB5;
}
#produit_content .sub_option td{
display:none;
}
#produit_content .sub_sub_option{
/* display:none; */
margin-left:20px;
}
#produit_content .apd{
font-size:12px;
color:#726f6c;
}
#produit_content .prix{
font-size:24px;
color:#dd1542;
}
#produit_content .download-list img{
vertical-align: middle;
}
#produit_content .download-list li{
width: 49%;
display: inline-block;
background:none!important;
padding:0px!important;
line-height:20px;
}
#produit_content .download-list li a{
color:#333333;
font-size:14px;
text-decoration:none;
font-family: 'Dax-Medium';
}
.last_title_red{
display:inline-block;
background:#E21643;
color:#FFFFFF;
padding-left:35px;
height:42px;
line-height:42px;
position:relative;
}
.last_title_red div{
display:inline-block;
}
.last_title_red img.right{
position:absolute;
right:-64px;
top:0px;
}
.first_title_red{
display:inline-block;
background:#E21643;
color:#FFFFFF;
padding-left:20px;
height:36px;
line-height:36px;
position:relative;
cursor: pointer;
}
.first_title_red:after{
content: "";
display: block;
width: 55px;
height: 36px;
position:absolute;
right:-55px;
top: 0;
z-index: 19;
background: url(/assets/graphics/pages/produit/first_title_right_red.png) no-repeat;
}
.first_title_blue{
display:inline-block;
background:#0188CA;
color:#FFFFFF;
padding-left:20px;
height:36px;
line-height:36px;
position:relative;
cursor: pointer;
}.nomb .first_title_blue{
padding-left:50px ;
}.nomb .first_title_blue:first-child{
padding-left:20px;
}
.first_title_blue.tabtohover.active, .first_title_blue.tabtohover:hover{
background:#0054a6;
color:#FFFFFF;
}
.first_title_blue:after{
content: "";
display: block;
width: 55px;
height: 36px;
position:absolute;
right:-55px;
top: 0;
z-index: 19;
background: url(/assets/graphics/pages/produit/first_title_right.png) no-repeat;
}
.first_title_blue.tabtohover.active:after, .first_title_blue.tabtohover:hover:after{
background: url(/assets/graphics/pages/produit/first_title_right-active.png) no-repeat;
}
.formTab{
display: none;
}.formTab.active{
display: block;
}
#produit_content table.choices_people, table.choices_travelvalue {
width:100% !important;
min-height:190px;
}
table.choices_travelvalue tr td {
width: 25%;
text-align: center;
padding: 20px;
border: 1px solid #E6E6E6;
color: #222222;
}
table.choices_people tr td{
width:25%;
text-align:center;
cursor:pointer;
padding:20px;
border:1px solid #E6E6E6;
color:#222222;
}
table.choices_people tr td.selected,table.choices_people tr td:hover{
background:#F4FCFF;
border:1px solid #E6E6E6;
color:#333333;
}
table.choices_people.error tr td{
background:#FEDADA!important;
border:1px solid #D24647!important;
color:#D24647!important;
}
table.choices_people tr td .picto{
width:20px;
height:50px;
display:inline-block;
background:url('/assets/graphics/sprite_nb_users.png');
}
table.choices_people tr td .picto.n1{
background-position:-10px 0px;
}
table.choices_people tr td.selected .picto.n1,table.choices_people tr td:hover .picto.n1{
background-position:-10px -50px;
}
table.choices_people tr td .picto.n2{
background-position:-50px 0px;
}
table.choices_people tr td.selected .picto.n2,table.choices_people tr td:hover .picto.n2{
background-position:-50px -50px;
}
table.choices_people tr td .picto.n3{
background-position:-100px 0px;
}
table.choices_people tr td.selected .picto.n3,table.choices_people tr td:hover .picto.n3{
background-position:-100px -50px;
}
table.choices_people tr td .picto.n4{
background-position:-150px 0px;
}
table.choices_people tr td.selected .picto.n4,table.choices_people tr td:hover .picto.n4{
background-position:-150px -50px;
}
table.choices_people tr td .checkbox{
margin:0 auto;
}
table.choices_people tr td .checkbox:hover{
background:url('/assets/graphics/checkbox.png') no-repeat top right;
}
table.choices_people tr td.selected .checkbox,table.choices_people tr td.selected .checkbox:hover{
background:url('/assets/graphics/checkbox.png') no-repeat top left;
}
table.choices_people tr td{
position:relative;
}
table.choices_people tr td .nb {
color: #676767;
font-size: 18px;
}
table.choices_people tr td .txt {
text-align: center;
}
table.choices_people .removepeople{
position:absolute;
top:40px;
left:12%;
display:none;
}
table.choices_people .addpeople{
position:absolute;
top:40px;
right:12%;
display:none;
}
.voyageurnum{
position:absolute;
display:none;
left: 50%;
margin-left: -10px;
}
.labelvoyageur{
display:block;
text-align: center;
height: 0;
}
table.choices_people .selected .voyageurnum{
display:block;
text-align: center;
}
table.choices_people .selected .labelvoyageur{
display:none;
}
table.choices_people .selected .removepeople,table.choices_people .selected .addpeople{
display:block;
}
table.choices_vehicules tr td{
width:20%;
text-align:center;
cursor:pointer;
padding:20px;
border:1px solid #E6E6E6;
color:#777777;
}
table.choices_vehicules tr td.selected,table.choices_vehicules tr td:hover{
background:#F4FCFF;
border:1px solid #E6E6E6;
color:#333333;
}
table.choices_vehicules.error tr td{
background:#FEDADA!important;
border:1px solid #D24647!important;
color:#D24647!important;
}
table.choices_vehicules tr td .picto{
width:70px;
height:70px;
display:inline-block;
background:url('/assets/graphics/sprite_vehicules.png');
}
table.choices_vehicules tr td .txt{
height:50px;
text-align:center;
}
table.choices_vehicules tr td .nb{
color:#676767;
font-size:18px;
}
table.choices_vehicules tr td.selected .nb{
color:#0279B3;
}
table.choices_vehicules tr td .picto.n1{
background-position:0px 0px;
}
table.choices_vehicules tr td.selected .picto.n1,table.choices_vehicules tr td:hover .picto.n1{
background-position:0px -70px;
}
table.choices_vehicules tr td .picto.n2{
background-position:-70px 0px;
}
table.choices_vehicules tr td.selected .picto.n2,table.choices_vehicules tr td:hover .picto.n2{
background-position:-70px -70px;
}
table.choices_vehicules tr td .picto.n3{
background-position:-140px 0px;
}
table.choices_vehicules tr td.selected .picto.n3,table.choices_vehicules tr td:hover .picto.n3{
background-position:-140px -70px;
}
table.choices_vehicules tr td .picto.n4{
background-position:-210px 0px;
}
table.choices_vehicules tr td.selected .picto.n4,table.choices_vehicules tr td:hover .picto.n4{
background-position:-210px -70px;
}
table.choices_vehicules tr td .picto.n5{
background-position:-280px 0px;
}
table.choices_vehicules tr td.selected .picto.n5,table.choices_vehicules tr td:hover .picto.n5{
background-position:-280px -70px;
}
.btn_less_more{
display:inline-block;
width:27px;
height:27px;
border:1px solid #097DB6;
color:#097DB6;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius:27px;
font-size:30px;
line-height:30px;
text-align:center;
text-decoration:none!important;
font-family: 'Dax-Light';
margin:0px 5px;
}
.btn_less_more{
}
.btn_less_more.disable{
border:1px solid #BEBEBE!important;
color:#BEBEBE!important;
cursor:default;
}
table.choices_date tr td{
width:20%;
text-align:left;
padding:20px;
border:1px solid #E6E6E6;
color:#222222;
}
table.choices_date tr td.prix_container{
color:#333333;
font-size:16px;
vertical-align: middle;
text-align:center;
}
table.choices_date tr td div{
position:relative;
display:inline-block;
}
table.choices_date tr td .prix{
color:#dd1542;
font-size:32px;
}
table.choices_date tr td .label_date{
display:inline-block;
width:60px;
color:#222222;
}
table.choices_date tr td .picto_cal{
position:absolute;
left:160px;
top:10px;
cursor:pointer;
}
table.choices_date tr td input{
display:inline-block;
width:200px;
border:none;
border:1px solid #DADADA;
padding:0px 30px;
line-height:40px;
height:40px;
color:#222222;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.choices_destination{
width:100%;
box-sizing: border-box;
cursor:pointer;
padding:20px;
border:1px solid #E6E6E6;
color:#222222;
}
table.totalprice tr td{
width:20%;
text-align:left;
padding:20px;
border:1px solid #E6E6E6;
color:#222222;
position: relative;
}
.fullprice{
float:right;
color:#dd1542;
font-size:19px;
font-family: 'Dax-Medium';
margin-top:-10px;
}
.prix_value{
font-size:32px;
}
.totaltext{
position: relative;
left:20px;
top:20px;
color:#333333;
font-family: 'Dax-Medium';
font-size:19px;
}
#produit_content select {
border-radius: 0;
margin: 10px 0;
color: #787878;
padding-left: 20px;
height: 50px;
background-color: #FFFFFF;
}
#produit_content select {
padding-right: 40px;
background: url('/assets/graphics/arrow-select.png') no-repeat right;
line-height: 1;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
}
#produit_content select::-ms-expand {
display: none;
}
#produit_content select optgroup {
background-color:#F4FCFF;
color:#0054A5;
}
#produit_content option {
background-color: white;
color: #333;
}
#produit_content .btn.red{
background:#E11643;
border-bottom:2px solid #760C23;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:20px 20px;
color:#FFFFFF;
display:inline-block;
text-decoration:none;
font-size:18px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
float:right;
}
#produit_content .btn.red.pull_left{
float:left;
}
#produit_content .btn.red img{
display:inline-block;
margin-bottom:-4px;
margin-right:15px;
}
#produit_content .btn.red img.right_picto{
display:inline-block;
margin-bottom:-4px;
margin-right:0px;
margin-left:15px;
}
#produit_content .btn.red.disabled{
background:#D4D4D4;
border-bottom:2px solid #222222;
color:#FFFFFF;
pointer-events:auto!important;
}
#floating_total_price{
width:100%;
position:fixed;
bottom:0px;
left:0px;
height:60px;
background:#FFFFFF;
border-top:1px solid #007AB5;
z-index:20;
}
#floating_total_price .prix_container{
color:#333333;
font-size:16px;
vertical-align: middle;
text-align:center;
padding-top:10px;
}
#floating_total_price .prix{
color:#dd1542;
font-size:32px;
}
#produit_content h4 {
font-size: 18px;
color: #0054a6;
font-weight: bold;
margin-top: 25px;
margin-bottom: 10px;
display:inline-block;
}
#produitform{
}
#produitform hr {
width: 220px;
}
#produitform input[type=date],#produitform input[type=text],#produitform input[type=password],#produitform input[type=email], #produitform select, #produitform textarea {
border-radius: 0;
margin: 10px 0;
color: #787878;
padding-left: 20px;
height: 50px;
background-color: #FFFFFF;
}
input[type="date"]::before {
content: attr(data-placeholder);
width: 100%;
opacity: 0;
}
#produitform select {
padding-right: 40px;
background: url(/assets/graphics/arrow-select.png) no-repeat right;
line-height: 1.2;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
}
#produitform select.empty-select {
background: none;
border-color: transparent;
pointer-events: none !important;
}
#produitform select::-ms-expand {
display: none;
}
#produitform .calendar{
position:relative;
}
#produitform .calendar .picto_cal{
position: absolute;
right: 20px;
top: 25px;
cursor:pointer;
}
#produitform .lightblue-btn {
font-family: 'Lato', sans-serif;
display: block;
margin: 0px auto!important;
line-height: 50px;
text-align: center;
font-weight: bold;
}
#produitform .btn{
float: none!important;
}
#produitform .btn.red img{
display:inline-block;
margin-bottom:-14px;
margin-right:10px;
}
.side_box{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #efefef;
overflow: hidden;
}
.grid_4.side_box{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #efefef;
overflow: hidden;
text-align:center;
padding:10px!important;
box-sizing:border-box;
margin-top:40px!important;
}
.side_toolbox{
margin-top:10px;
}
.picto-print, .picto-contrat{
width:50px;
height:50px;
display:block;
background-position: 0 0;
}
.picto-hover:hover span{
background-position: -52px 0;
}
.picto-print{
margin: 0 auto;
background-image:url('/assets/graphics/picto_print.png');
}
.picto-contrat{
margin: 0 auto;
background-image:url('/assets/graphics/picto_contrat.png');
}
.side_box a{
color:#222;
}
.side_box a:hover{
color:#0054a6;
text-decoration: none;
}
.side_box_top{
padding: 20px;
font-size: 18px;
background: #0054a6;
color: #fff;
display: block;
text-align: center;
}
.side_box_middle{
padding: 20px;
border-top: 1px solid #efefef;
}
.side_box_middle .choices{
padding:0px 20px;
color:#0054a6;
}
.side_box_bottom{
padding: 20px;
font-size: 15px;
background: #0054a6;
color: #fff;
display: block;
text-align: center;
}
.side_box_bottom em{
font-size:24px;
}
.produit_pay{
color:#333333;
font-size: 16px;
}
.produit_pay .explication{
color:#787878;
font-size: 14px;
}
.produit_pay .info{
cursor:pointer;
margin-left:20px;
}
.produit_pay .boxed{
background:#FFFFFF;
border:1px solid #C2C2C2;
padding:25px;
color:#787878;
font-size:14px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
.produit_pay .boxed .picto{
display:block;
margin:0px auto 25px auto;
}
.produit_pay table{
width:100%;
max-width:500px!important;
margin:10px 0px;
font-size: 14px;
}
.produit_pay table td{
width:50%;
}
.question_box{
background: #FFFFFF;
border: 1px solid #C2C2C2;
margin-left: 0;
}
.question_box .blubg{
text-align:center;
padding: 0;
font-size: 18px;
background: #0054a6;
color: #fff;
display: block;
text-align: center;
margin:0;
height:180px;
}
.question_box .blubg p{
padding-top:60px;
text-align:center;
}
.question_box .sytembox{
box-sizing:border-box;
padding: 60px 0 20px 20px;
margin:0;
}
.question_box p{
position:relative;
height: 25px;
}
.question_box .ta-r{
position: absolute;
width: auto;
left: 20px;
color:#0054a6;
font-size:12px;
text-transform:uppercase;
}
.question_box .bigwhite{
font-size: 14px;
position: absolute;
color: #560003;
width: auto;
left: 20px;
padding-left: 50px;
}
/* FAQ */
#faq_header{
width:100%;
background:url('/assets/graphics/visus/faq_header.jpg') top right no-repeat;
min-height:340px;
}
#faq_header .header_title{
margin-top:50px;
font-family: 'Dax-Light';
}
.bg_litegrey{
background: #fafafa;
}
.content_faq h2.red {
text-transform: none!important;
font-size: 21px!important;
font-family: 'SegoePrint'!important;
color: #e21643!important;
}
.ptb40_0{
padding: 40px 0 0;
margin-bottom: 50px;
}.ptb40{
padding: 40px 0;
}
.centered{
text-align: center;
}
.choice_sections{
padding: 30px 0 0;
display: inline-block;
overflow: hidden;
position: relative;
}.choice_section{
float: left;
text-align: center;
}.choice_section:nth-child(2){
margin: 0 100px;
}.choice_section .picto{
display: inline-block;
}
.toclear{
clear: both;
}.toclear a{
display: block;
float: left;
width: 23px;
height: 23px;
background: url('/assets/graphics/checkbox2.png') top;
cursor: pointer;
text-decoration: none;
}.toclear p{
float: left;
color: #0088c9;
font-size: 24px;
margin-left: 20px;
font-family: 'SegoePrint';
}.toclear p.mobi{
color: #d9620d;
}.toclear p.vi{
color: #79b149;
}
.checkbox.active {
background: url('/assets/graphics/checkbox2.png') bottom ;
}
.choice_section_lvl2{
width: calc(100% - 25px);
border: 4px solid #f4f4f4;
background: #fff;
padding: 10px;
overflow: hidden;
position: relative;
top: 35px;
text-align: center;
display: inline-block;
}.choice_section_lvl2 .checkbox{
width: 17px;
height: 17px;
border: 1px solid #aaaaaa;
background: #fff;
}.choice_section_lvl2 .checkbox.active{
border: 1px solid #0088c9;
background: #0088c9 url('/assets/graphics/checkedd.png') center no-repeat;
}.choice_section_lvl2 p{
float: left;
color: #222;
font-size: 15px;
margin-left: 10px;
margin-top: 10px;
font-family: 'lato';
}.toclear2 a{
float: left;
}.toclear2{
display: inline-block;
margin: 0 30px 0 0;
}.recherche_faq{
float: right;
width: 240px;
border: 0 !important;
border-bottom: 3px solid #f4f4f4;
color: #cbcaca;
font-size: 14px;
}.recherche_faq input[type=text]{
border: 0 !important;
border-radius: 0 !important;
border-bottom: 3px solid #f4f4f4 !important;
background: url('/assets/graphics/search_icon.png') center right 15px no-repeat;
}
.faq_info:first-child{
/*margin-top: 50px;*/
}
.faq_info img{
float: left;
}
.faq_info .first_title_blue{
clear: both;
float: left;
margin-top: 25px;
}
.title_faq{
float: left;
color: #0088c9;
font-size: 24px;
margin-left: 20px;
font-family: 'SegoePrint';
}.title_faq.mobi{
color: #d9620d;
}.title_faq.vi{
color: #79b149;
}.faq_faq{
clear: both;
padding: 0px 30px 20px;
background: #fafafa;
}.question_faq{
padding-right: 30px;
cursor: pointer;
border-bottom: 1px solid #e4e4e4;
}.ask_faq{
padding: 25px 0;
color: #333;
font-size: 18px;
}.answer_faq{
color: #222;
font-size: 16px;
padding-left: 40px;
padding-bottom: 25px;
display: none;
}
/* NEW virement */
dl.informations{
max-width: 400px;
display: block;
position: relative;
border-bottom:#e5e5e5 solid 1px;
padding:20px 0;
}
dl.informations dt{
color: #999999;
display:inline-block;
width: 150px;
font-size:14px;
vertical-align: top;
}
dl.informations dd{
display:inline-block;
}
.question_box{
background: #FFFFFF;
border: 1px solid #C2C2C2;
margin-left: 0;
}
.question_box .blubg{
text-align:center;
padding: 0;
font-size: 18px;
background: #0054a6;
color: #fff;
display: block;
text-align: center;
margin:0;
height:180px;
}
.question_box .blubg p{
padding-top:60px;
text-align:center;
}
.question_box .sytembox{
box-sizing:border-box;
padding: 60px 0 20px 20px;
margin:0;
}
.question_box p{
position:relative;
height: 25px;
}
.question_box .ta-r{
position: absolute;
width: auto;
left: 20px;
color:#0054a6;
font-size:12px;
text-transform:uppercase;
}
.question_box .bigwhite{
font-size: 14px;
position: absolute;
color: #560003;
width: auto;
left: 20px;
padding-left: 50px;
}
/* NEW virement */
/* BUSINESS */
#business_header {
width: 100%;
background: #fff url('/assets/graphics/visus/business_header.jpg') top right no-repeat;
min-height: 340px;
}
#business_header .header_title {
margin-top: 50px;
font-family: 'Dax-Light';
}
#produit_content.business_content ul li.product {
background-position: top 5px left;
margin-top: 40px; /* CHG1 */
}
.business_content *, .business_content *:before, .business_content *:after {
box-sizing: border-box;
}
.business_left {
width: 60%;
float: left;
}
.business_right {
float: right;
width: 35%;
}
.business_left_picto {
width: 15%;
text-align: center;
float: left;
}
.business_left_content {
width: 85%;
float: right;
padding-left: 20px;
}
.business_container {
padding: 10px 0;
}
.business_box {
border: 1px solid #efefef;
margin: 10px 0;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.business_box_title {
font-weight: bold;
color: #0054a6;
font-size: 24px;
display: block;
margin-bottom: 10px;
}
.business_box_left {
width: 66%;
float: left;
padding: 40px;
min-height: 140px;
border-right: 1px solid #efefef;
}
.business_box_right {
width: 33%;
float: right;
padding: 40px;
}
.business_btn {
width: 100%;
display: block;
text-align: center;
padding: 20px 40px 20px 0;
color: #fff;
background: #e53138;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: 'Dax-Bold';
font-size: 16px;
text-transform: uppercase;
border-bottom: 2px solid #760b23;
position: relative;
}
.business_btn:before {
position: absolute;
content: '+';
top: 15px;
right: 20px;
font-size: 24px;
}
.business_btn:hover {
text-decoration: none;
color: #fff;
}
.margint50 {
margin-top: 50px;
}
.marginb50 {
margin-bottom: 50px;
}
.lightgrey {
color: #999;
}
#home_pourquoi.business_pourquoi {
margin-bottom: 0;
margin-top: 90px;
}
#home_pourquoi.business_pourquoi .grid_3 .title {
text-align: center;
display: block;
}
.business_side_box.business_side_box_np {
padding: 0;
}
.business_side_box_np h3 {
padding: 40px 40px 20px 40px;
}
.business_side_box {
padding: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #efefef;
overflow: hidden;
}
.business_side_box_title {
font-size: 16px;
font-family: 'Dax-Medium';
color: #444;
text-transform: uppercase;
}
.business_side_box .home_article_small{
position:relative;
width:100%;
height:180px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-size: cover;
background-position: left;
background-repeat: no-repeat;
margin-top: 20px;
cursor:pointer;
}
.business_side_box .home_article_small .flag{
width:65px;
height:65px;
position:absolute;
left:0;
top:0;
}
.business_side_box .home_article_small .title{
width:100%;
max-height:60px;
position:absolute;
left:0;
top:100px;
background:#FDFAF8;
color:#333333;
font-size:16px;
text-align:left;
padding:5px 20px;
}
.business_side_box .type_voyage .flag{
background-image:url('/assets/graphics/pages/home/flag_voyage.png');
}
.business_side_box .type_vie .flag{
background-image:url('/assets/graphics/pages/home/flag_vie.png');
}
.business_side_box .type_mobilite .flag{
background-image:url('/assets/graphics/pages/home/flag_mobilite.png');
}
.business_side_box .home_article_small.type_voyage .title{
border-left:1px solid #008ECB;
}
.business_side_box .home_article_small.type_vie .title{
border-left:1px solid #B1D163;
}
.business_side_box .home_article_small.type_mobilite .title{
border-left:1px solid #E36C09;
}
.faq_mini p {
color: #0054a6;
text-decoration: none;
padding: 20px 40px;
font-size: 15px;
border-bottom: 1px solid #efefef;
}
.faq_mini p:last-child {
border: none;
}
.faq_mini a:hover {
text-decoration: underline;
}
.faq_view_more {
padding: 20px;
font-size: 15px;
text-transform: uppercase;
background: #0054a6;
color: #fff;
display: block;
text-align: center;
}
.faq_view_more:hover {
color: #fff;
}
.btn_small_text small {
display: block;
margin-top: -5px;
text-align: center;
}
.accordeon_item {
display: block;
position: relative;
border-bottom: #e5e5e5 solid 1px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
flex: 1 1 50%;
}
.accordeon_item.active h3, .accordeon_item:hover h3,
.accordeon_item.active .h3, .accordeon_item:hover .h3 {
color: #333;
}
.accordeon_arrow {
width: 50px;
height: 50px;
background: url(/assets/graphics/footer_puce.png) center center no-repeat;
display: block;
position: absolute;
top: 10px;
right: 0;
z-index: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/*
.accordeon_item.active .accordeon_arrow, .accordeon_item:hover .accordeon_arrow {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
*/
.accordeon_item.active .accordeon_arrow {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.accordeon_item.active, .accordeon_item:hover {
background: #fafafa;
}
.accordeon_item h3 {
padding: 27px 50px;
font-size: 15px;
cursor: pointer;
display: block;
position: relative;
z-index: 1;
}
.accordeon_item .pre_title {
padding: 27px 50px;
font-size: 15px;
cursor: pointer;
display: block;
position: relative;
z-index: 1;
}
.accordeon_item_content {
display: none;
padding: 0 20px 20px 20px;
}
.accordeon_item_content li {
font-style: italic;
list-style-type: none;
background: url('/assets/graphics/puce.jpg') no-repeat left 5px;
padding-left: 25px;
line-height: 20px;
margin-bottom: 5px;
}
.accordeon_item_content li li {
background: url('/assets/graphics/puce2.jpg') no-repeat left 5px;
}
.accordeon_picto_type {
width: 50px;
height: 50px;
background: url(/assets/graphics/sprite_produit_prestation.png);
display: block;
position: absolute;
top: 10px;
left: 0;
z-index: 0;
}
.download_list{
/*max-width:340px;*/
display: flex;
flex-wrap: wrap;
}
.download_list .accordeon_picto_type {
background: url(/assets/graphics/sprite_pdf_download.png) center center no-repeat;
background-position: 10px 13px;
transition: all .3s;
}
.download_list .accordeon_item:hover h3,
.download_list .accordeon_item:hover .h3
.download_list .accordeon_item:hover .pre_title{
color:#e21643;
text-decoration:underline;
}
.download_list .accordeon_item:hover .accordeon_picto_type {
background-position: -30px 13px;
transition: all .5s;
}
.accordeon_picto_type1 {background-position: -100px 0; }
.accordeon_picto_type2 {background-position: -50px 0; }
.accordeon_picto_type3 {background-position: 0 0; }
.accordeon_picto_type4 {background-position: -350px 0; }
.accordeon_picto_type5 {background-position: -250px 0; }
.accordeon_picto_type6 {background-position: -150px 0; }
.accordeon_picto_type7 {background-position: -200px 0; }
.accordeon_picto_type8 {background-position: -300px 0; }
.accordeon_picto_type9 {background-position: -1000px 0; }
.accordeon_picto_type10 {background-position: -400px 0; }
.accordeon_picto_type11 {background-position: -450px 0; }
.accordeon_picto_type12 {background-position: -500px 0; }
.accordeon_picto_type13 {background-position: -550px 0; }
.accordeon_picto_type14 {background-position: -600px 0; }
.accordeon_picto_type15 {background-position: -650px 0; }
.accordeon_picto_type16 {background-position: -700px 0; }
.accordeon_picto_type17 {background-position: -750px 0; }
.accordeon_picto_type18 {background-position: -800px 0; }
.accordeon_picto_type19 {background-position: -850px 0; }
.accordeon_picto_type20 {background-position: -900px 0; }
.accordeon_picto_type21 {background-position: -950px 0; }
.accordeon_picto_type22 {background-position: -1050px 0; }
.accordeon_picto_type23 {background-position: -1100px 0; }
.accordeon_picto_type24 {background-position: -1150px 0; }
.accordeon_picto_type25 {background-position: -1200px 0; }
.accordeon_picto_type26 {background-position: -1250px 0; }
.accordeon_picto_type27 {background-position: -1300px 0; }
.accordeon_picto_type28 {background-position: -1350px 0; }
.accordeon_picto_type29 {background-position: -1400px 0; }
.accordeon_picto_type30 {background-position: -1450px 0; }
.accordeon_picto_type31 {background-position: -1500px 0; }
.accordeon_picto_type32 {background-position: -1550px 0; }
.accordeon_picto_type33 {background-position: -1600px 0; }
.accordeon_picto_type34 {background-position: -1650px 0; }
.accordeon_picto_type35 {background-position: -1700px 0; }
/* BUSINESS */
/* AUTO5 */
/* AUTO5 */
/* PRESS */
#press_header{
width:100%;
background:url('/assets/graphics/visus/press.jpg') top right no-repeat;
min-height:340px;
}
#press_header .header_title{
margin-top:50px;
font-family: 'Dax-Light';
}
#press_tab{
background:#FFFFFF;
border-top:1px solid #E7E7E7;
border-bottom:1px solid #D4D4D4;
height:75px;
width:100%;
}
#press_tab a{
text-decoration:none;
height:75px;
line-height:75px;
text-align:center;
width:100%;
color:#222222;
font-size:16px;
display:block;
}
#press_tab .grid_2.selected a{
font-weight:bold;
color:#0054a6;
}
#press_tab .grid_2{
position:relative;
}
#press_tab .visu_selected{
position:absolute;
bottom:-11px;
left:50%;
margin-left:-10px;
z-index:100;
display:none;
}
#press_tab .grid_2.selected .visu_selected{
display:block!important;
}
#press_tab_mobile_btn{
color:#E53238!important;
font-family: 'SegoePrint';
font-size:18px!important;
}
#press_tab_mobile_btn img{
margin-bottom:-3px;
margin-left:20px;
}
#press_tab_mobile{
display:none;
background:#FFFFFF;
position:relative;
z-index:10;
border-bottom:1px solid #D4D4D4;
}
#press_tab_mobile a{
width:100%;
height:60px!important;
background:#FFFFFF!important;
border-top:1px solid #D4D4D4;
line-height:60px!important;
}
#press_articles{
background:#FAFAFA;
}
.press_article{
border:1px solid #D4D4D4;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
position:relative;
background:#FFFFFF;
}
.press_article .date{
position:relative;
font-weight:bold;
color:#999999;
min-height:330px;
border-right:1px solid #E9E9E9;
}
.press_article .date div{
height:60px;
position:absolute;
top:50%;
margin-top:-30px;
text-align:center;
width:100%;
}
.press_article .date .press_date{
font-size:18px;
color:#0054a6;
font-weight:bold;
}
.press_article .text{
padding:50px ;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
float:left;
width:75%;
}
.press_article .text.full{
width:100%;
}
.press_article .text h2{
font-size:18px;
color:#0054a6;
font-weight:bold;
}
.press_article .text a{
text-decoration:none;
color:#222222;
font-weight:bold;
}
.press_article .text a:hover{
text-decoration:underline;
}
.press_article .text ul{
list-style-image: url('/assets/graphics/puce.jpg');
margin-left:25px;
}
.press_article .text ul li{
margin-bottom:15px;
}
.press_article .download{
margin-left:20px;
float:right;
/*width:200px;*/
width:20%;
margin-right:-2.2%;
}
.press_article .download .press_download{
min-height:110px;
text-align:center;
padding-top:50px;
font-size:12px;
color:#767676;
border-left:1px solid #E9E9E9;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
.press_article .download .press_btn{
height:110px;
width:100%;
color:#FFFFFF;
cursor:pointer;
background:#E53238;
text-align:center;
padding-top:20px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
font-size:21px;
border-top:2px solid #FFFFFF;
position:relative;
display:inline-block;
text-decoration:none;
}
.btn_more{
background:#0088C9;
border-bottom:2px solid #005780;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:20px 60px;
color:#FFFFFF;
display:inline-block;
text-decoration:none;
font-size:18px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
.btn_more img{
display:inline-block;
margin-bottom:-4px;
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease;
}
.btn_more:hover{
text-decoration:none;
}
.btn_more:hover img{
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
/* img */
.press_albums{
}
.press_albums h2{
font-size:18px;
color:#0054a6;
font-weight:bold;
}
.press_albums .press_photo{
border:4px solid #D4D4D4;
margin-bottom:30px;
}
.press_albums .press_photo .picture{
width:100%;
height:200px;
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.press_albums .press_photo .picture:hover{
cursor: pointer;
background-size: 110% auto;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.press_albums .press_photo .video{
width:100%;
height:150px;
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.press_albums .press_photo .video:hover{
cursor: pointer;
background-size: 110% auto;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.press_albums .press_photo .infos{
width:100%;
padding:10px;
background:#FFFFFF;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
text-transform:uppercase;
min-height: 80px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* -------------- MOBILE -------------------------------------------- */
/* ------------------------------------------------------------------ */
#mobile_btns{
display:none;
position: relative;
z-index: 100;
height: 68px;
background:#000000;
}
#mobile_menu{
/*display:none;*/
border-left:1px solid #D4D4D4;
}
#btn_mobile_menu{
float:left;
margin-top:18px;
margin-left:10px;
}
#mobile_menu_content{
margin:10px 40px;
position:relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display:none;
text-align:center;
padding-bottom: 140px;
}
#mobile_menu_content a{
line-height:35px;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#222222;
}
#btn_mobile_urgence{
text-decoration:none;
display:block;
color:#FFFFFF;
font-size:14px;
background:#E53238;
height:68px;
line-height:68px;
float:right;
width:160px;
text-align:center;
}
#btn_mobile_urgence img{
margin-bottom:-9px;
margin-right:5px;
}
#lang_selected_mobile{
width:80px;
display:inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float:right;
color:#CDCDCD;
text-decoration:none;
padding:0 15px;
font-size:18px;
height:68px;
line-height:68px;
text-align:center;
z-index:100;
}
#lang_selected_mobile img{
margin-bottom:3px;
margin-left:5px;
}
#lang_select_mobile_content{
width:70px;
position:absolute;
right:180px;
top:-200px;
background:#000000;
padding:0px;
z-index:1;
}
#lang_select_mobile_content a{
display:block;
width:100%;
height:68px;
line-height:68px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
color:#FFFFFF;
text-decoration:none;
background:#000000;
font-size:18px;
}
#lang_select_mobile_content a:first-child{
border-bottom:1px solid #3A3738;
}
#lang_select_mobile_content a:hover{
background:#202020;
}
/* CONTACT */
#contact_header{
width:100%;
background:url('/assets/graphics/visus/contact.jpg') center right no-repeat;
min-height:40px;
}
#contact_header .header_title{
margin-top:0px;
font-family: 'Dax-Light';
margin-bottom:30px;
}
.contact_container {
background:#fafafa;
padding-top: 25px;
padding-bottom: 25px;
}
.contact_container .container_12{
margin-bottom: 20px;
/* Add Ska 12/12/2018 */
display: flex;
align-content: stretch;
/* end Ska 12/12/2018 */
}
.contact_container .contact_smsform{
margin-right: 40px; overflow: auto;
}
.contact_container .contact_smsform .inputline{
display: flex;
}
.contact_container .contact_smsform a{
border-top: 1px solid #FF9CA0;
border-right: 1px solid #FF9CA0;
border-bottom: 1px solid #FF9CA0;
display: block;
height: 30px;
padding: 0 5px 0 5px;
line-height: 25px;
background: #E4E4E4;
color: #4D4D4D;
text-decoration: none;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-top: 10px;
font-size: 16px;
flex: 1;
}
.contact_container .contact_smsform input[type=text]{
border-left: 1px solid #FF9CA0;
border-top: 1px solid #FF9CA0;
border-bottom: 1px solid #FF9CA0;
border-right: 1px solid #BBBBBB;
height: 30px;
line-height: 25px;
color: #4D4D4D;
margin-left: 40px;
flex: 2;
}
.contact_container .contact_smsform .error_box, .contact_container .contact_smsform .success_box {
margin: -5px 0 10px 40px;
padding: 3px;
}
.contact_container .contact_smsform p{
margin-left: 40px; font-weight: 300;
}
.contact_bloc_Blu .grid_4{
background: #0088c9;
margin-left: 0;
border-radius: 4px;
height: 104px;
}
.contact_bloc_Blu .grid_8{
height: 104px;
}
.contact_bloc_Blu .titleOne{
color: #fff;
font-size: 24px;
line-height: 20px;
font-family: 'SegoePrint';
}.contact_bloc_Blu .h2{
font-size: 18px;
color: #0054a6;
font-weight: bold;
margin-bottom: 25px;
}.contact_bloc_Blu img{
float: left;
}.marginb60{
margin-bottom: 60px !important;
}
.contact_bloc{
border: 1px solid #D4D4D4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
background: #FFFFFF;
border-radius:4px;
height:100%;
}
.contact_bloc{
background: #fff url(/assets/graphics/pages/contact/arrow-right.png) right 35px center no-repeat;
}.contact_bloc.active{
background: #fff;
}.sytembox{
cursor: pointer;
}
.contact_bloc h4{
text-transform:uppercase;
font-size:14px;
color: #333333;
font-family: 'Dax-Medium';
}
.contact_bloc h2 {
font-size: 18px;
color: #0054a6;
font-weight: bold;
}
.contact_bloc .europ-bullet ul {
list-style-image: url('/assets/graphics/puce.jpg');
margin-left: 25px;
}.europ-bullet-second li {
background : url('/assets/graphics/puce2.jpg') no-repeat left 5px;
}.europ-bullet-third {
list-style-image: url('/assets/graphics/puce3.jpg');
margin-left: 25px;
}
.contact_bloc .download-list img{
vertical-align: middle;
}
.contact_bloc .download-list li{
width: 49%;
display: inline-block;
margin-top: 20px;
}
.contact_bloc .title_content{
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-family: 'SegoePrint';
line-height: 30px;
padding-left: 95px;
padding-top: 42px;
min-height: 113px;
height: auto;
position: relative;
}.contact_bloc .title_content.tclarge{
padding-top: 25px;
}.contact_bloc .title_content span{
display: block;
}
.contact_bloc .title_content img{
display:block;
position: absolute;
left: 30px;
top: 50%;
margin-top: -25px;
}
.contact_container .titlebig{
font-size: 30px;
font-family: 'Dax-Medium';
color: #0054a6;
display: inline-block;
}
.margin30{
padding:30px 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pad_60{
padding:60px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}.pad_50{
padding:50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pad_25 {
padding: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.bluetext{
color: #0054a6;
}
.dispnon{
display: none;
}
/* START : Laurent ANTOINE ChromoSoft */
.active .dispnon{
display: block;
}
/*.contact_bloc:first-of-type .dispnon{
display: block;
}*/
label.input-label {
margin: 10px 0;
padding-left: 20px;
font-size: 15px;
display: block;
text-align: center;
}
label.claims-label {
font-size: 15px;
vertical-align: middle;
display: block;
margin-top: 10px;
padding: 6px 10px 6px 20px;
line-height: 38px;
}
.table-beneficiaries {width: 100%;margin-top: 20px;}
.table-beneficiaries tr {border: solid 1px #eee;}
.table-beneficiaries tr.selected {background: rgba(0, 84, 166,0.1);}
.table-beneficiaries tr:hover td {background-color: #eee;}
.table-beneficiaries td {padding: 0 10px;}
.table-beneficiaries td label {display: block;}
.table-beneficiaries td:nth-child(1) {border: none;}
.more_prices_info {
font-size: 15px;
padding: 10px 20px;
display: block;
border-top: none;
border-radius: 0px;
margin-bottom: 1px;
}
.more_prices_details {
font-size: 13px;
padding: 10px;
}
.more_prices_details > div {
padding: 10px;
}
.more_prices_details > div.tax-comment {color: #222; text-align: justify; font-size: 95%}
.more_prices_details > div.tax-prices {color: #000;}
/* STOP :; Laurent ANTOINE ChromoSoft */
.pad_50 .dispnon{
margin-top: 25px;
}
.contact_container .grid_4.redbg, .contact_container .grid_4.blubg{
/* Desactivate Ska 12/12/2018 */
/*
position: absolute;
border-radius:4px;
background: #E53238;
margin: 0;
color:#fff;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height:100%;
left:0;
/* End Desactivate 12/12/2018 */
flex: 1 31.33%;
border-radius:4px 0 0 4px;
background: #E53238;
margin: 0;
}
.contact_container .grid_4.blubg{
background: #0054a6;
}
/*.contact_container .grid_4.redbg p, .contact_container .grid_4.blubg p{
color:#560003;
font-size:12px;
text-align:left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:10px 20px;
color: white;
}
.contact_container .grid_4.blubg p{
color: #4dacd9;
}.contact_container .grid_4.redbg p:last-child, .contact_container .grid_4.blubg p:last-child{
padding-left: 70px;
}.contact_container .grid_4.redbg span, .contact_container .grid_4.blubg span{
margin-left: 23px;
}*/.ta-r{
float: left;
width: 30px;
text-align: right;
}
/*
.contact_container .grid_8.marginl30{
margin-left: 31.333%;
}
*/
.contact_container .grid_8 ul{
margin: 10px 25px;
}
.contact_container .grid_8 li{
line-height: 21px;
margin:10px 0;
}
.contact_container .grid_8
.contact_container .grid_4, .grid_4 p, .grid_4 a{
text-align:center;
}
.pictos_contact .grid_4{
margin-top:20px;
margin-bottom:20px;
background:#fff;
padding:40px;
border: 1px solid #D4D4D4;
border-radius:4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height:250px;
}
.contact_container .darkred{
background:#d92f35;
border-top:#ce2d32 solid 1px;
}.contact_container .darkred:last-child{
border-bottom:#ce2d32 solid 1px;
}.contact_container .darkblu{
background:#004a93;
border-top:#0088c9 solid 1px;
}.contact_container .darkblu:last-child{
border-bottom:#0088c9 solid 1px;
}
.contact_container input[type=text],.contact_container input[type=email], .contact_container select, .contact_container textarea{
border-radius:0;
margin:10px 0;
color: #787878;
padding-left:20px;
height:50px;
}
.contact_container input[type=file]{
border-radius:0;
margin:10px 0;
color: #787878;
padding:20px;
width:100%;
border: 1px solid #E1E1E3;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact_container select{
background: url('/assets/graphics/arrow-select.png') no-repeat right;
line-height: 1;
-ms-appearance: none;
-moz-appearance:none;
-webkit-appearance: none;
-o-appearance: none;
}
.contact_container select::-ms-expand {
display: none;
}
.contact_container textarea{
min-height:250px;
}
.redbtn{
color:#fff;
font-weight:bold;
font-family:'Dax-Bold';
text-transform:uppercase;
font-size:21px;
padding: 10px 80px 10px 50px;
border:none;
border-radius:4px;
border-bottom:2px solid #a01030;
float:right;
background: url('/assets/graphics/picto_sendmail.png') no-repeat 150px 4px #e53138;
}
.contact_container .redbtn:hover{
background-color:#a01030;
}
.contact_container .pictos_contact .grid_4{
margin-bottom:10px !important;
}
.contact_bloc_Blu .grid_4 {
text-align: left;
padding-left: 70px;
}
.contact_bloc_Blu .grid_4 img{
position: absolute;
left: 40px;
}.contact_bloc_Blu .titleOne{
position: relative;
left: 40px;
}
.whiteblock{
box-sizing: border-box;
background: white;
border: 1px solid #D4D4D4;
padding: 25px 25px 60px;
}
.form-left{
float: left;
width: 60%;
}.form-right{
float: right;
width: calc(40% - 20px);
}
.contactInfo-blue{
background: #0054a6;
color: white;
padding: 25px 0;
font-size: 16px;
margin-top: 10px;
border-radius: 4px;
}.contactInfo-blue p{
padding-left: 20px;
}
.contactInfo-blue span{
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
display: block;
text-align: center;
}
.contactInfoLink{
margin-top: 15px;
width: 100%;
background: #004a93;
margin-bottom: 15px;
}.contactInfoLink p, .contactInfoLink a{
display: block;
color: white;
padding: 10px 20px;
border-top: 1px solid #0088c9;
}.contactInfoLink p:last-child{
border-bottom: 1px solid #0088c9;
}.contactInfoLink span{
display: inline-block;
text-align: right;
width: 40px;
padding-right: 20px;
padding-left: 0;
color: #4dacd9;
margin-top: 0;
}.nomb{
margin-top: 110px;
margin-bottom: 0 !important;
}
.contact_container .grid_4.redbg p, .contact_container .grid_4.blubg p{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px 0;
position: relative;
min-height: 40px;
color: #fff;
}.contact_container .grid_4.redbg .darkred span, .contact_container .grid_4.blubg .darkred span, .contact_container .grid_4.blubg .darkblu span, .contact_container .grid_4.blubg .darkblu span{
/* Modified Ska 12/12/2018 */
/*font-size:14px;*/
font-size:16px;
/* End Modified Ska 12/12/2018 */
/*position: absolute;*/
color: #560003;
width: auto;
/*left: 20px;*/
padding-left: 20px;
float: left;
}.contact_container .grid_4.blubg .darkblu span, .contact_container .grid_4.blubg .darkblu span{
color: #4dacd9;
}
.contact_container .grid_4.redbg p.explen{
font-size:14px;
color: #560003;
}.contact_container .grid_4.blubg p.explen{
font-size:14px;
color: #4dacd9;
}
.contact_container .bigwhite{
color:#fff !important;
font-size:16px !important;
padding-left: 50px;
}
.contact_container .bigwhite a{
color:#fff !important;
font-size:16px !important;
}
.contact_container .darkred:after{
content:'';
display:block;
width:100%;
height:0px;
clear:both;
}
.contact_bloc_Blu .titleOne.OneLine, .contact_bloc_Blu .h2.OneLine{
line-height: 40px;
}
/* 404 */
#quatrecentquatre_header{
width:100%;
background:url('/assets/graphics/visus/404.jpg') top center no-repeat;
min-height:740px;
}
#quatrecentquatre_header .lost_content{
position: relative;
left: 30%;
top:60px;
}
#quatrecentquatre_header .lost_content h2{
font-size:18px;
font-family: 'Dax-Medium';
}
#quatrecentquatre_header .lost_content h1{
color:#d3d9c2;
font-size:120px;
font-family: 'Dax-Medium';
}
#quatrecentquatre_header .btn.red{
background:#E11643;
border-bottom:2px solid #760C23;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:20px 40px;
color:#FFFFFF;
display:inline-block;
text-decoration:none;
font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
float:left;
margin-top:20px;
}
/* ENGAGE */
.engage_container {
background: #fafafa;
padding-top: 25px;
padding-bottom: 25px;
}
#engage_header{
width:100%;
background:url('/assets/graphics/visus/engage.jpg') center no-repeat;
min-height:340px;
}
#engage_header .header_title {
margin-top: 50px;
font-family: 'Dax-Light';
}.bgwhite{
background: #fff;
overflow: hidden;
}
.engage_bloc{
margin-bottom: 110px;
overflow: hidden;
}
.half_engage{
width: 50%;
box-sizing:border-box;
position: relative;
overflow: hidden;
}.half_engage h1{
font-family: 'Dax-Medium';
color: #0054a6;
margin-bottom: 5px;
}.half_engage h2{
font-family: 'Dax-Medium';
margin-bottom: 30px;
}.left{
float: left;
}.right{
float: right;
}.half_engage.he-txt{
padding: 40px 80px 0;
}.bloc-left .half_engage.he-txt{
padding: 40px 40px 0 120px;
}.icon_engage{
position: absolute;
left: 10px;
}.bloc-left .icon_engage {
position: absolute;
left: 50px;
}.imgengage.little{
display: none;
}
/* PARTENAIRE */
#partenaire_header{
width:100%;
background:url('/assets/graphics/visus/partenaire.jpg') top right no-repeat;
min-height:340px;
}
#partenaire_header .header_title{
margin-top:50px;
font-family: 'Dax-Light';
text-transform: uppercase;
}
.partenaire_container {
background: #fafafa;
}
.partenaire_container .titlebig {
font-size: 30px;
font-family: 'Dax-Medium';
color: #0054a6;
display: inline-block;
margin-bottom:15px;
margin-top: 30px;
}
.partenaire_container .grid_8, .partenaire_container .grid_4, .partenaire_container .grid_6{
margin-left:0 !important;
}
.partenaire_bloc{
padding-bottom:50px;
}
.partenaire_bloc .grid_4{
margin-top: 20px;
margin-bottom: 20px;
background: #fff;
padding: 30px 10px 0 30px;
border: 1px solid #D4D4D4;
border-radius: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.partenaire_bloc h3 {
text-transform: uppercase;
font-size: 14px;
color: #333333;
font-family: 'Dax-Medium';
}
.partenaire_bloc ul li {
line-height: 21px;
margin: 10px 0;
color:#0054a6;
}
.partenaire_bloc ul.europ-bullet {
list-style-image: url('/assets/graphics/puce.jpg');
margin-left: 25px;
}
.listitem-bigblack{
/*font-size:18px;*/
color:#000;
}
.partenaire_bloc .contact-us{
text-align:center;
display: block;
margin: 0 -10px -30px -30px;
line-height:60px;
border-radius:4px;
margin-top:30px;
}
.btn-blue{
background-color:#0054a6;
height:60px;
font-size:14px;
color:#fff;
text-transform: uppercase;
}
.btn-blue:hover{
background-color:#0088c9;
color:#fff;
text-decoration: none;
}
/* FORM PARTENAIRE */
form.loginpartner{
margin:20px 0;
}
.partenaire_container input[type=text],.partenaire_container input[type=password],.partenaire_container input[type=email], .partenaire_container select, .partenaire_container textarea {
border-radius: 0;
margin: 10px 0;
color: #787878;
padding-left: 20px;
height: 50px;
}
.partenaire_container .redbtn{
float:none;
display: block;
}
input[type=checkbox].checkoptin {
display:none;
}
input[type=checkbox].checkoptin + label.optinlabel {
position: relative;
padding-left: 40px;
line-height: 24px;
}
input[type=checkbox].checkoptin + label.optinlabel:after {
/*padding-left:35px;*/
height:24px;
width:24px;
position: absolute;
top: -10px;
left: 5px;
display:inline-block;
line-height:24px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
margin:10px 0;
content:'';
}
input[type=checkbox].checkoptin:checked + label.optinlabel:after {
background-position: 0 -23px;
}
.clients_container div {box-sizing: border-box;}
.clients_container input[type=radio].checkoptin {
display:none;
}
.user_list > div {
padding-left: 0;
padding-right: 5px;
}
.clients_container input[type=radio].checkoptin + label.optinlabel {
padding-left:35px;
height:24px;
display:inline-block;
line-height:24px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
margin:10px 0;
}
.clients_container input[type=radio].checkoptin:checked + label.optinlabel {
background-position: 0 -23px;
}
.optinlabelRadio{
background-image:url('/assets/graphics/radio.png') !important;
}
.optinlabel:after{
background-image:url('/assets/graphics/checkbox3.png');
}
.partenaire_container .grid_4 {
margin-bottom: 10px !important;
}
/* CLIENTS */
#clients_header{
width:100%;
background:url('/assets/graphics/visus/clients.jpg') top right no-repeat;
min-height:340px;
}
#clients_header.auto5{
width:100%;
background:url('/assets/graphics/visus/auto5.jpg') top right no-repeat;
min-height:340px;
}
#clients_header .header_title{
margin-top:50px;
font-family: 'Dax-Light';
text-transform: uppercase;
}
.clients_container {
background: #fafafa;
}
.clients_container .titlebig {
font-size: 20px;
font-family: 'Dax-Medium';
color: #0054a6;
display: inline-block;
margin-bottom:15px;
margin-top: 30px;
}
.clients_container .grid_8, .clients_container .grid_4, .clients_container .grid_6{
margin-left:0 !important;
}
.clients_bloc{
clear: both;
padding-bottom:50px;
}
/*.clients_bloc .grid_4,*/ .clients_bloc .contact-box{
margin-top: 20px;
margin-bottom: 20px;
background: #fff;
padding: 30px 30px 0 30px;
border: 1px solid #D4D4D4;
border-radius: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.clients_bloc h3 {
text-transform: uppercase;
font-size: 16px;
color: #333333;
font-family: 'Dax-Medium';
margin-bottom: 10px;
text-align: center;
}
.clients_bloc ul li {
line-height: 21px;
margin: 10px 0;
color:#0054a6;
}
.clients_bloc ul li.greytext{
color:#787878;
}
.clients_bloc ul.europ-bullet {
list-style-image: url('/assets/graphics/puce.jpg');
margin-left: 10px;
}
.clients_bloc .contact-us{
text-align:center;
display: block;
margin: 0 -30px -30px -30px;
line-height:60px;
border-radius:4px;
margin-top:0px;
}
.clients_bloc h2 {
font-size: 18px;
color: #0054a6;
font-weight: bold;
margin-bottom: 25px;
}
.clients_bloc h3.profiletitle {border-top: solid 1px #ccc; padding-top: 40px; margin-right: 20px; margin-top: 40px; margin-bottom: 20px; text-align: center;}
.clients_bloc .btn-groups {}
.clients_bloc .btn-groups .btn {margin: 1%;position: relative;padding: 20px 60px 20px 20px; width: 47%; text-align: left; height: 140px; box-sizing: border-box;}
.clients_bloc .btn-groups .btn[disabled] {pointer-events: none !important; opacity: 0.3; background-color: #eee;}
.clients_bloc .btn-groups .btn span.picto {position: absolute; width: 60px;right: 0; top: 0; bottom: 0;font-size: 40px;text-align: center; padding-top: 0; }
.clients_bloc .btn-groups .btn p {margin-bottom: 10px; font-weight: bold;}
.clients_bloc .btn-groups .btn-small {line-height: 1em; padding-top: 20px; padding-bottom: 20px; height: 56px;}
.clients_bloc .btn-groups .btn.btn-small span.picto {font-size: 25px; top: 15px;}
.clients_bloc .btn-groups .btn.btn-small p {font-size: 13px; margin-bottom: 0}
.clients_bloc .btn-1 {background-color: #34495e !important; color: #fff !important; border-color: #34495e !important;}
.clients_bloc .btn-2 {background-color: #9b59b6 !important; color: #fff !important; border-color: #9b59b6 !important;}
.clients_bloc .btn-3 {background-color: #3498db !important; color: #fff !important; border-color: #3498db !important;}
.clients_bloc .btn-4 {background-color: #62cb31 !important; color: #000 !important; border-color: #62cb31 !important;}
.clients_bloc .btn-5 {background-color: #ffb606 !important; color: #000 !important; border-color: #ffb606 !important;}
.clients_bloc .btn-6 {background-color: #e67e22 !important; color: #fff !important; border-color: #e67e22 !important;}
.clients_bloc .btn-7 {background-color: #e74c3c !important; color: #fff !important; border-color: #e74c3c !important;}
.clients_bloc .btn-8 {background-color: #c0392b !important; color: #fff !important; border-color: #c0392b !important;}
.clients_bloc .btn-1-light {background-color: rgba( 52, 73, 94, 0.3) !important; color: #34495e !important; border-color: rgba( 52, 73, 94, 0.5) !important;}
.clients_bloc .btn-2-light {background-color: rgba(155, 89, 182, 0.3) !important; color: #9b59b6 !important; border-color: rgba(155, 89, 182, 0.5) !important;}
.clients_bloc .btn-3-light {background-color: rgba( 52, 152, 219, 0.3) !important; color: #21618c !important; border-color: rgba( 52, 152, 219, 0.5) !important;}
.clients_bloc .btn-4-light {background-color: rgba( 98, 203, 49, 0.3) !important; color: #2e5f17 !important; border-color: rgba( 98, 203, 49, 0.5) !important;}
.clients_bloc .btn-5-light {background-color: rgba(255, 182, 6, 0.3) !important; color: #9e7103 !important; border-color: rgba(255, 182, 6, 0.5) !important;}
.clients_bloc .btn-6-light {background-color: rgba(230, 126, 34, 0.3) !important; color: #9a5619 !important; border-color: rgba(230, 126, 34, 0.5) !important;}
.clients_bloc .btn-7-light {background-color: rgba(231, 76, 60, 0.3) !important; color: #e74c3c !important; border-color: rgba(231, 76, 60, 0.5) !important;}
.clients_bloc .btn-8-light {background-color: rgba(192, 57, 43, 0.3) !important; color: #c0392b !important; border-color: rgba(192, 57, 43, 0.5) !important;}
.clients_bloc .client_histo {margin-top: 30px;}
.clients_bloc .client_histo .date {color: #999; text-align: center;}
.clients_bloc .client_histo_line {margin-bottom: 10px;padding: 10px; line-height: 1.5em; border: solid 1px #eee;}
.clients_bloc .client_histo_line_default {background: #fff;}
.clients_bloc .contract-items {color: #555; line-height: 25px; background: #fff;}
.clients_bloc .contract-items h5 {text-align: center;}
.clients_bloc .contract-items ul {overflow: auto;}
.clients_bloc .contract-items li {color: #999;float: left; display: inline; margin: 0px;width: 50%;}
.clients_bloc .contract-details-container {display: flex;}
.clients_bloc .contract-items {flex:1;position: relative;border: solid 1px #eee;margin: 5px;padding: 10px 10px 10px 54px;}
.clients_bloc .contract-items i.item-picto {font-size: 28px;vertical-align: middle;padding-right: 10px;position: absolute;left: 15px;top: 9px;opacity: 0.4;}
.clients_bloc .small-box {font-size: 12px !important;line-height: 1.5em;font-weight: 300;flex: 3;}
.clients_bloc .contract-link {padding-top: 15px;display: block;text-align: center;}
.clients_bloc .contract-items.text-center {padding-left: 10px; font-weight: bold;}
.clients_bloc .alert li {margin: 5px;color: #a94442;margin-left: 20px;list-style-type: disc;}
.clients_container .validate{position: absolute; right:20px; top: 25px;}
.clients_container .validate i {font-size: 20px;}
.clients_container .validate .valid {display: none;color: #3C763C}
.clients_container .validate .invalid {color: #a01030}
.clients_container .box-valid .validate .valid {display: inherit;}
.clients_container .box-valid .validate .invalid {display: none;}
.clients_container .field-container {padding-right: 50px;}
/* FORM clients */
.clients_container input[type=text],.clients_container input[type=date],.clients_container input[type=password],.clients_container input[type=email], .clients_container select, .clients_container textarea {
border-radius: 0;
margin: 10px 0;
color: #787878;
padding-left: 10px;
height: 50px;
background-color: #fff;
}
.clients_container input.ng-invalid,.clients_container select.ng-invalid,.clients_container textarea.ng-invalid {
//border-color: #a01030;
}
.clients_container p.comment {font-weight: normal; font-size: 14px; margin-top: 10px; text-align: left; color: #999;line-height: 1.5em; margin: 0;}
.clients_container input[disabled] {background: none;padding-top: 9px; padding-bottom: 9px; border-color: transparent;}
.clients_container textarea {
height: 100px;
}
.clients_container select {
padding-right: 40px;
}
.clients_container .redbtn{
float:none;
display: block;
}
.clients_container .contact-box {
margin-bottom: 10px !important;
}
.redbtn.searchdoc{
background: url('/assets/graphics/picto_searchdoc.png') no-repeat 180px 4px #e53138;
min-width: 250px;
}
button.redbtn.searchdoc[disabled] {
opacity: 0.5;
}
.clients_bloc .profilepic{
border-radius: 50%;
border:5px solid #cdd2d7;
position: absolute;
top:0;
left:0;
box-sizing: border-box;
}
.clients_bloc .profiletitle{
margin-top: 30px;
position: relative;
padding-left: 0px;
padding-top: 0px;
margin-bottom: 10px;
/*float: left;
width: 33%;*/
}
.clients_bloc .profilename{
/*margin-left:20px;*/
position: relative;
top: -10px;
text-align: center;
}
.clients_bloc .profilename .titlebig{
margin: 0 0 10px 0;
}
.clients_bloc .profilename > * {
text-align: center;
}
.clients_bloc p{
font-size:16px;
margin-bottom: 20px;
/*text-align: center;*/
}
.clients_bloc .subcauses {
padding-top: 15px;
padding-left: 0;
}
.logout{
font-weight:bold;
}
ul.client-quicklinks li {
list-style-type: none;
background: url('/assets/graphics/picto_quiclinks.png') no-repeat;
padding-left: 25px;
}
ul.client-quicklinks li a {
text-decoration: none;
color: #0a4595;
}
ul.client-quicklinks li a:hover {
text-decoration: underline;
}
ul.client-quicklinks li hr {
margin-top: 10px;
margin-bottom: 10px;
width:35px;
margin-left: 0;
}
/* CLIENTS FORM*/
.lightblue-btn.inline-btn{
display:inline-block;
}
.lightblue-btn{
font-family: 'Lato', sans-serif;
display: block;
margin: 10px auto;
line-height: 50px;
text-align: center;
font-weight:bold;
}
.alignmiddle{
vertical-align: middle;
}
input[type=text].smallinput, input[type=email].smallinput{
width:150px;
}
.clients_container .grid_3.calendar, .clients_container .grid_6.calendar,.clients_container .col-md-6.calendar, .grid_6.infos {
position:relative;
}
.clients_container .grid_3.calendar .picto_cal, .clients_container .calendar .picto_cal,.clients_container .col-md-6.calendar .picto_cal, .clients_container .grid_6.infos .picto_info{
position: absolute;
right: 20px;
top: 25px;
cursor: pointer;
pointer-events: none;
}
.clients_container .col-md-6.field-container.calendar .picto_cal {right: 60px;}
.clients_container select {
background: url('/assets/graphics/arrow-select.png') no-repeat right;
line-height: 1.2;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
}
.clients_container select::-ms-expand {
display: none;
}
.aligncenter{
text-align: center;
}
.clients_container .client-btn-group {
text-align: right;
}
.clients_container .client-btn-group .btn {margin: 0 5px;}
.clients_container .client-btn-group .btn:first-child {margin-left: 0;}
.clients_container .client-btn-group .btn:last-child {margin-right: 0;}
.clients_container .btn.blue {
/*margin: 0 auto;*/
/*text-align: center;
color: #fff;
font-weight: bold;
font-family: 'Dax-Bold';
text-transform: uppercase;
font-size: 21px;
padding: 10px 50px 10px 80px;
border: none;
border-radius: 4px;
border-bottom: 2px solid #003568;
background: url('/assets/graphics/picto_save.png') no-repeat 15px 4px rgba(0, 35, 156, 1);*/
border: solid 1px #065cb5;
border-radius: 0;
background: #065cb5;
line-height: 39px;
color: #fff;
height: 39px;
font-weight: bold;
font-size: 16px;
padding-left: 20px;
padding-right: 20px;
}
.clients_container .btn.whiteblue {
border: solid 1px #065cb5;
border-radius: 0;
background: #fff;
line-height: 39px;
color: #065cb5;
height: 39px;
font-weight: bold;
font-size: 16px;
padding-left: 20px;
padding-right: 20px;
}
.clients_container .btn.whiteblue:hover {
background: #065cb5;
color: #fff;
}
.clients_container .btn.red {
/*margin: 0 auto;*/
/*text-align: center;
color: #fff;
font-weight: bold;
font-family: 'Dax-Bold';
text-transform: uppercase;
font-size: 21px;
padding: 10px 50px 10px 80px;
border: none;
border-radius: 4px;
border-bottom: 2px solid #a01030;
background: url('/assets/graphics/picto_save.png') no-repeat 15px 4px #e53138;*/
border: solid 1px #E53038;
border-radius: 0;
background: #E53038;
line-height: 39px;
color: #fff;
height: 39px;
font-weight: bold;
font-size: 16px;
padding-left: 20px;
padding-right: 20px;
box-sizing: content-box;
}
.clients_container form hr{
/*width:220px;*/
}
.clients_container form .box-invalid label ,
.clients_container form .box-invalid h4.titlefield
{color:rgb(160, 16, 48);font-weight: bold;}
.clients_bloc h4.titlefield{
margin: 10px auto;
line-height: 20px;
padding-top :15px;
padding-bottom :15px;
}
.clients_bloc .filename{
margin: 10px auto;
line-height: 50px;
display:block;
background-color:#f3f3f3;
padding:0 0 0 20px;
color:#222222;
position: relative;
left:0;
top:0;
overflow:hidden;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
}
.clients_bloc .filename:hover{
margin: 10px auto;
line-height: 50px;
display:block;
background-color:#e21643;
padding:0 0 0 50px;
color:#fff;
position: relative;
left:0;
top:0;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
text-decoration:none;
}
.clients_bloc .filename.addfile:hover{
margin: 10px auto;
line-height: 50px;
display:block;
background-color:#0054a6;
padding:0 0 0 50px;
color:#fff;
position: relative;
left:0;
top:0;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
text-decoration:none;
}
.clients_bloc .filename input[type='file'] {position: absolute; left: -1000px; display: inline;}
.clients_bloc .filename.addfile .addContext {display: none;}
.clients_bloc .filename.addfile .notAddContext {display: block;}
.clients_bloc .filename.addfile .addContext {display: block;}
.clients_bloc .filename.removefile .addContext {display: block;}
.clients_bloc .filename.removefile .addContext a {color: #000; text-decoration: none;}
.clients_bloc .filename.removefile:hover .addContext a {color: #fff;}
.clients_bloc .filename.removefile .notAddContext {display: none;}
.clients_bloc input[type=checkbox].checkoptin + label.optinlabel {
/*background-position: 15px 0;
padding-left: 50px;*/
/*height: auto;*/
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.clients_bloc input[type=checkbox].checkoptin:checked + label.optinlabel {
background-position: 15px -23px;
}
.clients_bloc .add-picto{
background-color: #0054a6;
width:50px;
height:50px;
position: absolute;
top: 0;
right: 0;
padding: 7px 0 0 12px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
}
.clients_bloc .filename:hover >.remove-picto, .clients_bloc .filename:hover >.add-picto{
-webkit-animation: cubic-bezier(.98,-0.25,.73,1.24) picto-out 1s forwards;
animation: cubic-bezier(.98,-0.25,.73,1.24) picto-out 1s forwards;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
}
.clients_bloc .remove-picto{
background-color:#e21643;
width:50px;
height:50px;
position: absolute;
top: 0;
right: 0;
padding: 7px 0 0 12px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
}
.clients_bloc .loading-picto{
background-color:#000;
width:50px;
height:50px;
position: absolute;
top: 0;
right: 0;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
font-size: 70%;
color: #fff;
}
.clients_bloc .greyborder{
margin-top: 20px;
margin-bottom: 20px !important;
background: #fff;
padding: 20px 20px 20px 20px;
border: 1px solid #D4D4D4;
border-radius: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.AddRemoveContext .remove-picto {
left: 0;
}
.AddRemoveContext {
padding-left: 50px;
}
.inlineblock{
display: inline-block;
}
.selectedsinister{
color:#000;
font-size: 18px;
margin-left:5px;
}
.clients_bloc h3.blue {
font-size: 18px;
color: #0054a6;
font-weight: bold;
margin-bottom: 25px;
text-transform: none;
font-weight: normal;
text-align:center;
}
.clients_bloc h4.blue {
font-size: 16px;
color: #0054a6;
font-weight: bold;
text-transform: none;
font-weight: bold;
}
.clients_bloc .doc-listing li{
height:90px;
border: 1px solid #D4D4D4;
background-color:#fff;
padding:0 90px 0 20px;
font-size:18px;
color:#333333;
position: relative;
}
.docfile{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.clients_bloc .download-pdf{
height:90px;
line-height:120px;
position:absolute;
right:0;
top:0;
background-color:#e53138;
text-transform: uppercase;
font-size:12px;
color:#fff;
padding: 0 10px;
text-decoration: none;
}
.clients_bloc .download-picto{
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
height: 50px;
overflow:hidden;
}
.clients_bloc .download-pdf:hover{
color:#fff;
}
.clients_bloc .download-pdf:hover{
cursor: pointer;
}
.download-picto .arrow{
position: absolute;
bottom: 4px;
left: 50%;
margin-left:-10px;
margin-top:-20px;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
}
.download-picto .line{
position: absolute;
bottom: 0;
left: 50%;
margin-left:-10px;
margin-top:-20px;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
width:20px;
}
.download-pdf:hover .arrow{
-webkit-animation: cubic-bezier(.83,-0.2,.33,1.23) arrow-out 1s;
animation: cubic-bezier(.83,-0.2,.33,1.23) arrow-out 1s;
-webkit-transition: all .5s ; /* Safari */
transition: all .5s;
}
.clients_bloc .download-pdf:hover .line{
-webkit-animation: cubic-bezier(.83,-0.2,.33,1.23) line-out 1s;
animation: cubic-bezier(.83,-0.2,.33,1.23) line-out 1s;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
}
.clients_bloc #form_extension_nogo .btn.red {
background: #e53138;
border-bottom: 2px solid #a01030;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 20px 20px;
color: #FFFFFF;
display: inline-block;
text-decoration: none;
font-size: 18px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: right;
font-weight:normal;
text-transform: none;
font-family: inherit;
}
.clients_bloc #form_extension_nogo .btn.red img {
display: inline-block;
margin-bottom: -14px;
margin-right: 10px;
}
@-webkit-keyframes picto-out {
0%{
right:0;
}
45% {
right:-60px;
}
46% {
left:-60px;
}
50% {
left:-60px;
}
100%{
left:0;
}
}
@keyframes picto-out {
0%{
right:0;
}
45% {
right:-60px;
}
46% {
left:-60px;
}
50% {
left:-60px;
}
100%{
left:0;
}
}
@-webkit-keyframes arrow-out {
0%{
bottom: 4px;
}
45% {
bottom: -40px;
}
46% {
bottom: 50px;
}
50% {
bottom: 50px;
}
100%{
bottom: 4px;
}
}
@keyframes arrow-out {
0%{
bottom: 4px;
}
45% {
bottom: -40px;
}
46% {
bottom: 50px;
}
50% {
bottom: 50px;
}
100%{
bottom: 4px;
}
}
@-webkit-keyframes line-out {
0%{
width:20px;
margin-left:-10px;
}
45% {
width:0;
margin-left:0;
}
46% {
width:0;
margin-left:0;
}
50% {
width:0;
margin-left:0;
}
100%{
width:20px;
margin-left:-10px;
}
}
@keyframes line-out {
0%{
width:20px;
margin-left:-10px;
}
45% {
width:0;
margin-left:0;
}
46% {
width:0;
margin-left:0;
}
50% {
width:0;
margin-left:0;
}
100%{
width:20px;
margin-left:-10px;
}
}
.breadcrumb_container.breadcrumb_fat_container {
height: auto;
padding: 30px 0;
}
.breadcrumb_container.breadcrumb_fat_container .breadcrumb {
padding: 0;
}
.breadcrumb_container.breadcrumb_fat_container li {
margin-right: 70px;
font-size: 20px;
font-family: 'Dax-Light';
position: relative;
}
.breadcrumb_container.breadcrumb_fat_container li.active a {
color: #0054a6;
font-family: 'Dax-Medium';
}
.breadcrumb_container.breadcrumb_fat_container li.active:before {
background: url('/assets/graphics/active_bread.png');
width: 20px;
height: 12px;
content: '';
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -42px;
z-index: 3;
}
.breadcrumb_container.breadcrumb_fat_container a:hover {
text-decoration: none;
}
.breadcrumb_container.breadcrumb_fat_container .breadcrumb > li + li:before {
content: '';
}
.header_title.title_bold {
margin-top: 50px;
font-family: 'Dax-Medium' !important;
}
.mentions_legales {
margin-top: 50px;
margin-bottom: 70px;
padding: 80px 120px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #d4d4d4;
}
.mentions_titre,.mentions_legales h2 {
color: #0054a6;
font-size: 30px;
font-weight: bold;
display: block;
margin-bottom: 30px;
}
.mentions_titre.mentions_soustitre,.mentions_legales h3 {
font-size: 18px;
margin-bottom: 20px;
color: #0054a6;
font-weight: bold;
display: block;
}
.mentions_sepa, .mentions_legales hr {
width: 80px;
height: 15px;
background: url('/assets/graphics/mentions_sepa.png');
display: block;
border: 0;
margin: 50px auto;
}
.mentions_legales ul.europ-bullet {
list-style-image: url('/assets/graphics/puce.jpg');
margin-left: 25px;
}
.mentions_legales p {margin-top: 10px; margin-bottom: 20px;}
.mentions_legales ul {margin-bottom: 20px;}
#mentions_legales {
width: 100%;
background: #fff url('/assets/graphics/visus/mentions_header.jpg') top right no-repeat;
min-height: 340px;
}
.marginb30 {
margin-bottom: 30px;
}
.faq_view_more:hover {
text-decoration: none;
background: #0088c9;
}
/* ----------------------------------- NO GO -------------------------------------- */
div.nbre_personnes {
margin: 70px 0;
background: #fff;
}
.nbre_personnes select {
width: 50%;
}
.nbre_personnes p {
font-size: 16px;
color: #333;
display: block;
margin-bottom: 15px;
}
.nogo_box {
position: relative;
overflow: hidden;
border-left: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.nogo_box .pull_left p {
color: #787878;
}
.nogo_box:last-child {
border-bottom: 1px solid #e6e6e6;
}
.nogo_box .pull_left {
padding: 30px 15px 30px 30px;
width: 50%;
}
.nogo_box .pull_right {
padding: 60px 30px 30px 15px;
width: 50%;
position: relative;
}
.nogo_box img {
cursor: pointer;
position: relative;
top: -5px;
}
.nogo_box .option_title {
font-family: "Dax-Light";
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
display: inline-block;
position: relative;
}
.nogo_box .value_slide {
position: absolute;
top: -1px;
right: 0;
width: 120px;
text-align: right;
border: 1px solid #e6e6e6;
padding: 5px 10px;
font-size: 14px;
color: #0054a6;
font-family: 'Dax-Medium';
}
#nogo_header .header_title {
margin-top: 50px;
font-family: 'Dax-Light';
}
#nogo_header {
width: 100%;
background: #fff url('/assets/graphics/visus/nogo.jpg') top right no-repeat;
min-height: 340px;
}
.nogo_box div.nogo_montant {
padding-top: 30px;
text-align: right;
}
.nogo_montant {
color: #e21643;
font-size: 18px;
font-family: 'Dax-Light';
font-weight: bold;
}
.nogo_box_blue .nogo_montant {
color: #fff;
font-size: 20px;
}
.nogo_montant em {
font-size: 24px;
}
.nogo_box_blue .nogo_montant em {
font-size: 32px;
}
.option_title.nomargin {
margin-bottom: 0;
font-size: 16px;
line-height: 1.3;
}
.nogo_box_full {
padding: 30px;
}
.nogo_box.nogo_box_blue .option_title {
color: #fff;
}
.nogo_box_blue {
background: #0054a6;
color: #fff;
border: 1px solid transparent;
}
.nogo_box_full li {
margin-left: 15px;
}
.nogo_btn {
margin-top: 50px;
text-align: center;
overflow: hidden;
}
#produit_content .nogo_btn .btn.red {
display: inline-block;
float: none;
}
.nogo_btn .btn img {
position: relative;
top: 3px;
}
.nogo_list {
padding: 0 40px 20px 40px;
}
.nogo_list li {
margin-bottom: 20px;
}
.nogo_list span {
color: #0054a6;
}
.nogo_list em {
font-size: 18px;
color: #333;
}
/* Laurent Antoine */
#produitform select[disabled] {background: none;padding-top: 9px; padding-bottom: 9px; border: none;}
.profiletitle + img {
display: none;
}
.blue-bullet {
list-style-image: url('/assets/graphics/puce.jpg');
margin-left: 25px;
}
/* PRODUCT COMPARISON*/
.comparison_container{
background: #fafafa;
}
/*#produit_content table.explication tr td h2{
vertical-align:top;
color:#0088c9;
font-size:21px;
font-family: 'Dax-Medium';
}*/
#produit_content table.explication tr td p{
color:#222222;
font-family:Lato, sans-serif;
}
.lightgrey-border{
border: 1px solid #d4d4d4;
background-color:#fff;
}
.ea-products-table{
width:100%;
/*margin-top: 40px;*/ /* CHG1 */
position:relative;
}
.ea-products-wrapper{
float:left;
vertical-align: top;
width: 65%;
}
.features{
width:35%;
min-width:160px;
box-sizing:border-box;
float:left;
vertical-align: top;
/*margin-top: 136px;*/ /* CHG1 */
margin-top: 175px;
position: relative;
}
#produit_content .btn.blue{
height:63px;
background:#0054a6;
border-bottom:2px solid #003568;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:15px 25px 15px 15px;
color:#FFFFFF;
display:inline-block;
text-decoration:none;
font-size:18px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
float:right;
}
#produit_content .btn.blue img{
vertical-align: middle;
}
.pictured .features{
margin-top: 210px;
}
.top-info-title{ font-family: 'Dax-Medium';}
.ea-features-list li.top-info-title{
color:rgb(0, 35, 156);
font-size:18px;
padding:20px 25px 10px !important;
text-transform:uppercase;
/*padding: 0 !important;*/
}
.ea-features-list li{
color:#333;
margin:0;
padding:15px 40px 15px 40px;
box-sizing:border-box;
position: relative;
}
.ea-features-list li.odd { background-color: #eaeff3; }
.ea-features-list li img.info {
position: absolute;
right: 15px;
top: 15px;
cursor: help;
}
.ea-features-list li .hint-box {
position: absolute;
right: 0px;
top: 0px;
cursor: help;
bottom: 0;
width: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3em;
color: rgba(0,35,156,0.5);
}
.product .ea-features-list li{
text-align:center;
padding:15px 0;
font-family: 'Dax-Bold';
}
.product{
position:relative;
float:left;
text-align:center;
margin-right: 0;
width:23%;
margin-right:2%;
transition: all 0.4s;
cursor: pointer;
}
.ea-products-columns-1 .product {width: 98%}
.ea-products-columns-2 .product {width: 48%}
.ea-products-columns-3 .product {width: 32%}
.ea-products-columns-5 .product {width: 18%}
.product.lightgrey-border:hover{
background-color:#f7f7f7;
transition: all 0.4s;
}
.product:last-child{
margin-right:0;
}
.product .product-head{
position:relative;
text-align:center;
height:135px;
border-bottom:1px solid #d4d4d4;
}
.pictured .product .product-head{
height:210px;
}
.product-head .img{
width:100%;
height:auto;
margin-top:20px;
display: block;
height:60px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.banner_guide{
position:absolute;
top: -200px;
left: 20px;
}
.banner_guide.bottom{
position:absolute;
top: auto;
bottom: -150px;
}
.border_bot{
border-bottom:1px solid #d4d4d4;
}
.product .product-head.bottomlist{
height:auto;
border-top:1px solid #d4d4d4;
background-color:#fff;
}
.selected .product-head, .selected .product-head.bottomlist{
background-color:#0088c9;
}
.product-head.bottomlist.sticky{
position: fixed;
bottom: 0;
border-right: 1px solid #d4d4d4;
}
.product .product-head .btn.red{
margin-top:20px;
clear:both;
float:none !important;
font-size:14px !important;
}
.product .top-info-title, .product .top-sub-title, .product .top-sub-title2{
font-size:14px;
color:#333;
text-transform:inherit;
text-align: center;
}
.product .top-sub-title2 {
font-weight: normal;
}
.product .top-sub-title{
font-size:14px !important;
color:#333 !important;
text-transform:inherit !important;
text-align: center !important;
}
.product .top-sub-title2{
font-size:14px !important;
color:#333 !important;
text-transform:inherit !important;
text-align: center !important;
font-weight: normal !important;
font-family: inherit !important;
}
.product .product-head .top-info-title{
text-align:center;
margin: 0;
padding: 30px 5px 10px;
box-sizing: border-box;
font-size:18px;
color:rgb(0, 35, 156);
min-height: 84px;
}
.v-icon{
background-position:center;
background-repeat:no-repeat;
background-image: url(/assets/graphics/validated.png);
display: inline-block;
width: 20px;
height: 18px;
}
.x-icon{
background-position:center;
background-repeat:no-repeat;
background-image: url(/assets/graphics/refused.png);
display: inline-block;
width: 20px;
height: 18px;
}
.selected .product-head .top-info-title, #produit_content .selected .product-head .apd, #produit_content .selected .product-head .prix{
color:#fff;
}
.lightgrey-border.selected{
background-color:#f7f7f7;
}
.mobile-products-btns{
display:none;
position: absolute;
/*top: 30px;*/ /* CHG1 */
top:70px;/* CHG1 */
left: 0;
width: 50%;
}
.mobile-products-btns a{
width:50px;
height:50px;
display:inline-block;
margin: 10px;
text-indent:-500px;
}
.mobile-products-btns a.prev-product{
background-image:url(/assets/graphics/btn_prev.png);
position: relative;
left: 50%;
margin-left: -50px;
}
.mobile-products-btns a.next-product{
position: relative;
left: 50%;
margin-left: 10px;
background-image:url(/assets/graphics/btn_next.png);
}
@media (max-width: 768px) {
.ea-products-wrapper{
width:50%;
margin-left:50%;
overflow-x:auto;
overflow-y:auto;
}
.ea-products-columns{
width:400%;
}
.features{
position:absolute;
width:50%;
}
.selected .featured{
/*top:0;*/ /* CHG1 */
font-size: 10px;
}
.product .product-head .top-info-title{
padding:40px 0 0;
font-size: 16px;
}
.mobile-products-btns{
display:block;
}
}
.ea_rb li{
color: #222;
display: block;
position: relative;
}
.ea_rb li{
position:relative;
}
.ea_rb li input[type=radio]{
position: absolute;
visibility: hidden;
}
.ea_rb li label{
display: block;
position: relative;
padding: 5px 10px 5px 60px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}
.ea_rb li:hover label{
color: #999;
}
.ea_rb li .check{
display: block;
position: absolute;
border: 1px solid #222;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%);
background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
border-radius: 100%;
height: 20px;
width: 20px;
top: 4px;
left: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}
.ea_rb li:hover .check {
}
.ea_rb li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 12px;width: 12px;
top: 4px;left: 4px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}
input[type=radio]:checked ~ .check {
}
input[type=radio]:checked ~ .check::before{
background: #0188ca;
}
input[type=radio]:checked ~ label{
color: #0188ca;
}
input[type='radio']{
width: 20px;
height: 20px;
border: #cccccc solid 1px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%);
background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
}
[wait],[vwait] {position: relative;}
[wait] .waitRun, [vwait] .waitRun {position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.6); }
[wait] .waitRun i,[vwait] .waitRun i {position: absolute; top: calc(50% - 15px);left: calc(50% - 15px); font-size: 30px;}
.product-item-mobile.relative-position h2 {
position: fixed;
top:0;
left:0;
right:0;
background: #fff;
border-bottom: solid 1px rgba(0,0,0,0.1);
}
.ea-products-table-mobile .product-item-mobile {
margin-bottom: 20px;
background: rgba(0,0,0,0.01);
}
.ea-products-table-mobile h2 {
color: #0088c9;
font-size: 25px;
padding: 20px 25px 10px !important;
text-transform: uppercase;
text-align: center;
}
.ea-products-table-mobile table {border-collapse: collapse;}
.ea-products-table-mobile table td {color: #333;margin: 0;
padding: 10px 10px 10px 10px;
box-sizing: border-box;border: solid 1px #eee;}
.ea-products-table-mobile table td:last-child {text-align: center;}
.ea-products-table-mobile table tr.TITLE td {
font-weight: bold;
width: 50%;
font-size: 15px;
padding: 20px 25px 20px !important;
text-transform: uppercase;}
.material input, .material select {
/*border: none;
border-bottom: solid 2px rgba(0,84,169,0.5);
height: 35px !important;
margin-bottom: 15px !important;
margin-top: 5px;
padding-left: 10px !important;
margin-top: 20px !important;*/
}
.material label {position: relative; width: 100%;}
.material label .material-label {
/*position: absolute;
top: 35px;
left:20px;
margin-top: -0.5em;
color:#999;
font-weight: normal;
transition: all 0.1s;
pointer-events: none;*/
}
.material label input.ng-not-empty + .material-label,
.material label select.ng-not-empty + .material-label {top: 20px; left:10px; color:#999;font-size: 12px;}
.material label input.ng-not-empty,
.material label select.ng-not-empty {/*padding-top: 14px !important;*/}
.bracket:before {
content: '';
position: absolute;
border: solid 10px rgb(0, 35, 156);
border-right: none;
border-bottom: none;
width: 25px;
height: 30px;
left: 5px;
top: 5px;
}
.bracket:after {
content: '';
position: absolute;
border: solid 10px rgb(228, 0, 43);
border-left: none;
border-top: none;
width: 25px;
height: 30px;
right: 5px;
bottom: 5px;
}
.bracket {position: relative;padding: 20px 40px;background: rgba(255,255,255,0.7); display: inline-block;}
.modal-content {
border-radius: 0;
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.modal-body {
padding: 15px 30px;
}
button.close {margin-right: -10px;}
.clients_bloc .client_histo_line {padding: 0;display: flex;align-items: stretch; text-decoration: none; color: #000;background-color: #fff;}
.clients_bloc .client_histo_line:hover {background-color: rgba(0,35,156,0.1);}
.clients_bloc .client_histo_line .col-1 {flex: 1 0 100px; padding: 10px; text-align: center;}
.clients_bloc .client_histo_line .col-2 {flex: 2 1 100%; padding: 10px;}
.clients_bloc .client_histo_line .col-3 {flex: 1 0 20px; padding: 20px; }
.clients_bloc .client_histo_line .col-3 i {color: #000; font-size: 20px; color: #666;}
.small_comment, .small_comment p {
font-size: 0.8rem;
color: #666;
line-height: 1.3em;
}