html,
body {margin:0px;padding:0px;}
body {font-family: 'FuturaBT-Medium';font-size:16px;letter-spacing:1px;color:#999999;}
ul {list-style:inside none none;margin:0px;padding:0px;}
a {
color:#f6a726;
text-decoration:none;}
a:hover{ color:#565656 ; }
/*******************************FONTS **********************************/
@font-face {
font-family: 'FuturaBT-LightCondensed';
src: url('../fonts/FuturaBT-LightCondensed.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaBT-LightCondensed.otf') format('opentype'),
url('../fonts/FuturaBT-LightCondensed.woff') format('woff'), url('../fonts/FuturaBT-LightCondensed.ttf') format('truetype'), url('../fonts/FuturaBT-LightCondensed.svg#FuturaBT-LightCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Futura-CondensedLight';
src: url('../fonts/Futura-CondensedLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/Futura-CondensedLight.woff') format('woff'),
url('../fonts/Futura-CondensedLight.ttf') format('truetype'),
url('../fonts/Futura-CondensedLight.svg#Futura-CondensedLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-Heavy';
src: url('../fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaBT-Heavy.otf') format('opentype'),
url('../fonts/FuturaBT-Heavy.woff') format('woff'), url('../fonts/FuturaBT-Heavy.ttf') format('truetype'), url('../fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-Light';
src: url('../fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaBT-Light.otf') format('opentype'),
url('../fonts/FuturaBT-Light.woff') format('woff'), url('../fonts/FuturaBT-Light.ttf') format('truetype'), url('../fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-Book';
src: url('../fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaBT-Book.otf') format('opentype'),
url('../fonts/FuturaBT-Book.woff') format('woff'), url('../fonts/FuturaBT-Book.ttf') format('truetype'), url('../fonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-Medium';
src: url('../fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaBT-Medium.otf') format('opentype'),
url('../fonts/FuturaBT-Medium.woff') format('woff'), url('../fonts/FuturaBT-Medium.ttf') format('truetype'), url('../fonts/FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
/*********************************style contenu article **********************************/
.maj a {
text-transform: uppercase !important;
}
a.quote-icon:hover {
color: #fff !important;
background: #f6a726;
}
a.quote-icon {
text-decoration: none !important;
}
.quote-icon {
padding: 13px 9px 15px 10px;
z-index: 9999;
display: block;
font-weight: bold;
position: fixed;
right: 0;
top: 50%;
color: #f6a726;
background: #424242;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #424242;
}
.home-href p a {
border: transparent !important;
/* text-decoration: overline; */
text-transform: lowercase !important;
font-size: 22px !important;
background-image: none !important;
padding: 0px !important;
}
.home-href p a:hover {
background:transparent !important;
color: #fff !important;
}
.without-margin .vc_btn3-container {
margin-bottom: 0px !important;
}
.back-archive a {
font-size: 20px;
color: #fff;
background-color: #f6a726 !important;
border: 1px solid #fff !important;
padding: 10px 20px;
float: right;
margin: 10px;
}
.back-archive a:hover {
background-color: #da8d08!important;
border: none!important;
}
.style_article h2 {
font-size: 18px !important;
}
.style_article h3 {
font-size: 16px !important;
}
.style_article p {
line-height: 1.5em !important;
color: #565656 !important;
}
.style_article li:before {
content: "→ "; /* caractère UTF-8 */
color: #f6a726 !important;
}
.style_article li {
padding-bottom:7px !important;
line-height: 1.5em !important;
}
/*********************************HEADER **********************************/
h1{
font-size: 30px !important;
font-family: 'FuturaBT-Heavy'!important;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
color: #f6a726 !important;
padding-bottom: 5px;
text-align:center !important;
}
h2{
font-size: 22px;
font-family: 'FuturaBT-Heavy' !important;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
color: #f6a726 !important;
padding-bottom: 5px
}
h3{
font-size: 17px;
font-family: 'FuturaBT-Heavy' !important;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
color: #333 !important;
padding-bottom: 5px
}
p {
font-size: 17px;
font-family: 'FuturaBT-Light' !important;
color:#565656 ;
line-height: 1.5em!important;
}
ul { font-size: 17px;
font-family: 'FuturaBT-Book' !important;
color:#303030 ;}
li {
font-size: 17px;
font-family: 'FuturaBT-Light' !important;
color:#303030 ;
}
header{
/*background-image: url(../images/header-bg.png);*/
background-repeat:no-repeat;
background-position:center center;
}
.top-right2 .sub-menu{
display:none !important;
}
.site-header-main{
margin-top:10px;
}
.site-header{
margin-top:0px;
}
.header-left ul{
float: left;
margin-right: 20px;
display:inline-block;
}
.header-left ul:last-child{
margin-bottom: 0px;
}
.header-left ul:last-child li a {
font-family: 'FuturaBT-Light' !important;
font-size:21px;
margin-right: 5px;
}
.header-left ul:last-child li a:hover{
color:#999999;
}
.header-left ul li {
display:inline-block;
padding-right: 5px;
padding-left: 5px;
}
.header-left ul:last-child li{
padding-left:10px;
padding-right:10px;
}
.header-left ul:last-child li:first-child{
background: url(../images/separateur-gray.png);
background-position: 100% 50%;
background-repeat: no-repeat !important;
}
.header-left ul.social-media li a{
color:#999999;
text-transform:uppercase;
font-family: 'FuturaBT-Light';
font-size:21px;
display: inline-block;
}
.header-left .social-media li:first-child a{
width: 9px;
height: 20px;
background: url('../images/fb-icon.png');
}
.header-left .social-media li:first-child a:hover{
background: url('../images/fb-icon-hover.png');
}
.header-left .social-media li:nth-child(2) a{
width: 24px;
height: 20px;
background: url('../images/twitter-icon.png');
}
.header-left .social-media li:nth-child(2) a:hover{
background: url('../images/twitter-icon-hover.png');
}
.header-left .social-media li:nth-child(3) a{
width: 27px;
height: 21px;
background: url('../images/youtube-icon.png');
}
.header-left .social-media li:nth-child(3) a:hover{
background: url('../images/youtube-icon-hover.png');
}
.header-left .social-media li:last-child a{
width: 20px;
height: 21px;
background: url('../images/linkedin-icon.png');
}
.header-left ul.social-media li:last-child a:hover{
background: url('../images/linkedin-icon-hover.png');
}
.top-right {
float:right;
}
.top-right .textwidget ul li a,.top-right .textwidget ul li
{
display:block;
background-color:#424242;
/*padding:3px;*/
font-family:'FuturaBT-Heavy';
color:#fff;
font-size:10px;
text-transform:uppercase;
}
.top-right .textwidget ul li strong{
font-size:15px;
}
.top-right .textwidget ul li {
padding:8px 25px 8px 60px;
margin-bottom:25px;
box-shadow: 2px 2px 5px #716767;
background: url(../images/icon-header-devis.png) no-repeat center left 20px #424242;
}
.top-right .textwidget ul li:last-child{
background: url('../images/icon-header-devis.png')
no-repeat center left 20px #424242;
}
.top-right .textwidget ul li:first-child{
background: url('../images/icon-header-telephone.png')
no-repeat center left 20px #424242;
}
.top-right .textwidget ul li a:hover{
color:#f8aa00 !important;
}
.top-right2{
clear:both;
}
.site-branding{
clear:left;
}
/******************************* MENU ************************************/
/********************************* TOP MENU ********************************/
.top-right2 .menu > li{
display:inline-block;
padding-top:24px;
padding-right:4px;
background:url('../images/separateur.png');
background-position: 100% 85%;
background-repeat: no-repeat !important;
}
.top-right2 .menu > li:last-child{
background:none;
}
.top-right2 .menu{
text-align:right;
}
.top-right2 .menu li a{
font-family:'FuturaBT-Light';
font-size:14px;
color:#565656;
padding:5px;
text-transform:uppercase;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.top-right2 .menu > li > a:hover{
color:#f8b951;
border-top:solid 2px #f6a726;
}
.top-right2 ul.sub-menu,.primary-menu ul.sub-menu{
display: none;
float: left;
position: absolute;
width: 284px;
z-index:1000;
text-align: left;
margin-top: 3px !important;
-webkit-transition: all 0.9s ease-in-out;
background: #fff;
border-bottom: 4px solid #c67d07;
}
.top-right2 ul.sub-menu li,.primary-menu ul.sub-menu li{
/* padding:10px 10px ; */
display:block;
border-left: 4px solid transparent;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.top-right2 ul.sub-menu li a,.primary-menu ul.sub-menu li a{
font-family:'FuturaBT-Light';
font-size:14px;
color:#424242;
padding: 10px 15px;
display:block;
width:100%;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.top-right2 ul.sub-menu li:hover a,.primary-menu ul.sub-menu li:hover a
{
color:#fff;
}
.top-right2 ul.sub-menu li:hover,.primary-menu ul.sub-menu li:hover{
border-left: 4px solid #c67d07;
background-color:#f7b241;
}
.top-right2 li:hover ul.sub-menu,.primary-menu li:hover ul.sub-menu
{
display:block;
}
/******************************** MENU PRINCIPALE ************************/
.site-header-menu,.site-responsive-menu{
background-color: #f6a726;
}
.site-responsive-menu{
display:none;
}
.menu-menu-principal-container .primary-menu,.responsive-menu ul{
width:100%;
margin-bottom:0px;
}
.menu-menu-principal-container .primary-menu > li,.responsive-menu ul li{
display:inline-block;
transition:all 0.3s;
padding-top:7px;
padding-bottom:7px;
padding-left: 20px;
padding-right: 20px;
}
.menu-menu-principal-container .primary-menu > li > a,.responsive-menu ul li a{
color:#fffefe;
text-transform:uppercase;
font-size:15px;
font-family:'FuturaBT-Heavy';
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3 ease-in-out;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
padding:10px;
}
.menu-menu-principal-container .primary-menu > li > a:before,.responsive-menu ul li a:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #fff;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.menu-menu-principal-container .primary-menu > li > a:hover:before, .menu-menu-principal-container .primary-menu > li > a:focus:before, .menu-menu-principal-container .primary-menu > li > a:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
}
.responsive-menu ul li a:hover:before, .responsive-menu ul li a:focus:before, .responsive-menu ul li a:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
font-family:'FuturaBT-Heavy';
text-decoration: none;
font-size:20px;
color: #fff;
background:#424242;
padding: 10px 30px;
display: none;
margin-bottom:0px;
}
/*Hide checkbox*/
input[type=checkbox]{
display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #site-navigation{
display: block;
}
/***************************************** SLIDER *************************************/
div#rev_slider_1_1_wrapper{
max-height: 355px !important;
}
div#rev_slider_1_1{
max-height: 355px !important;
}
.slider-text{
border-bottom:solid 1px #f6a726 !important;
border-top:solid 1px #f6a726 !important;
padding-bottom:20px !important;
padding-top:20px !important;
min-height:initial ;
max-height:initial !important;
line-height:30px !important;
}
.slider-text h1{
font-family: ;
font-size:44px;
color:#fff;
text-transform:uppercase;
font-family: 'FuturaBT-Heavy';
text-align:center;
}
.slider-text p{
font-family:'FuturaBT-Book';
font-size:28px;
color:#fff;
}
.moncercle{
/*background-image: url(../images/ecllipse.png);
background-repeat:no-repeat;*/
width:200px;
height:200px;
display:inline-block;
border-radius:50%;
background: #f6a726;
}
.col-circle{
text-align:center;
}
.circle_text{
display:block;
padding-top: 50px;
padding-left: 33px;
color:white;
font-size:22px;
font-family: 'FuturaBT-Light';
text-align: left;
}
.circle_text strong{
font-family: 'FuturaBT-Medium';text-align:center;
font-size:20px;
font-weight:400;text-transform:uppercase;
}
.actu{
background-image: url(../images/act-bg.png);
background-repeat:no-repeat;
}
.actu-img{
text-align:center;
margin-bottom:37px;
}
.actu-img img{
display:inline-block;
}
.actu h3{
font-family:'FuturaBT-Heavy';
font-size:30px;
text-transform:uppercase;
font-weight:400 !important;
margin-bottom:25px;
}
.actu .container {
margin-right:auto !important;
margin-left:auto !important;
}
.actu h4 {
font-family:'FuturaBT-Heavy';
font-size:12px;
text-transform:uppercase;
font-weight:400 !important;
margin-bottom:20px;
}
.actu p{
font-family:'FuturaBT-Light';
font-size:12px;
line-height:17px;
}
.actu p a {
font-size: 13px;
font-family: 'FuturaBT-Heavy';
text-transform: uppercase;
padding: 10px 20px 10px 10px;
border: solid 1px ;
font-weight: 200;
background-image: url(../images/right-arrow.png);
background-repeat: no-repeat;
background-position: 96% 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.actu .vc_gitem_row.vc_row.vc_gitem-row-position-top {
background-color:#fff;
border: 1px solid #f6a726;
height: 290px;
}
.actu p a:hover{
background-color:#da8d08;
border:none;
}
.itc h2{
font-weight:200;
font-family: 'FuturaBT-Heavy';
color:#f6a726;
font-size:30px;
text-align:center;
margin-bottom: 30px;
}
.itc p{
font-family: 'FuturaBT-Light';
color:#fff;
font-size:22px;
text-align:center;
line-height: 25px;
}
.slider-langue,.slider-qui{
height:230px;
}
.marque p{
text-align:center;
}
.marque p img {
display:inline-block !important;
}
/************************************* ABOUT *********************************/
.about{
margin: 0 auto !important;
}
.about h4{
font-family:'FuturaBT-Heavy';
color:#f6a726;
font-size:22px;
text-align:center;
margin-bottom:40px;
}
.about p{
font-family: 'FuturaBT-Medium';
font-size:17px;
color:#565656;
margin-bottom:30px;
line-height: 26px;
}
.about span{
color:#f6a726;
}
.about strong{
color:#f6a726;
font-weight:200;
}
/*********************************** PAGE LANGUES ***************************/
.lang-desc h3{
color:#f6a726;
font-family: 'FuturaBT-Light';
font-size:20px;
}
.lang-desc p{
color:#565656;
font-size:17px;
font-family: 'FuturaBT-Medium';
}
.langues img{
float:left;
margin-right:30px;
}
.lang{
margin-top:50px;
}
.lang-box1 h4{
color:#f6a726;
font-family:'FuturaBT-Heavy';
font-size:22px;
}
.lang-box1 p{
margin-bottom;25px;
}
.lang-box1 p,.lang-box1 ul li{
color:#565656;
font-family: 'FuturaBT-Medium';
font-size:17px;
}
.lang-box1 ul li ,.references .vc_tta-panel-body ul li{
list-style-image: url('../images/arrow-gray.png');
margin-bottom:20px;
margin-top:20px;
list-style-position:outside;
padding-left:1.8em;
}
.lang-box1 ul li strong{
color:#f6a726;
font-weight:400;
}
.titre-page{
background-image: url(../images/home-icon.png);
background-repeat:no-repeat;
text-transform:uppercase;
color:#565656;
font-size:13px;
font-family: 'FuturaBT-Medium';
padding-left:35px;
}
.lang-button {
clear:both;
margin-top:55px;
}
.lang-button a{
font-size:17px;
font-family: 'FuturaBT-Medium';
color:#f6a726;
padding: 10px 20px 10px 10px;
border: solid 1px #f6a726;
font-weight: 200;
background-image: url(../images/right-orange-arrow.png);
background-repeat: no-repeat;
background-position: 96% 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.lang-button a:hover{
color:#fff;
border:none;
background-color:#f6a726;
background-image: url(../images/right-arrow.png);
}
.slide-langue{
background-image: url("../images/langues.jpg");
background-repeat:no-repeat;
height:230px;
background-size:cover
}
/***********************************BG SECTEUR MEDICAL*******************************************************/
.bg-biophar {background-image: url(../images/biopharmaceuticals-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-biotech {background-image: url(../images/biotechnology-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-health {background-image: url(../images/health-education-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-infusion {background-image: url(../images/infusion-device-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-med {background-image: url(../images/medical-translation-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-pharm {background-image: url(../images/pharmaceutical-translation-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-dent {background-image: url(../images/dental-translation-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-cosm {background-image: url(../images/cosmetic-medicine-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-child {background-image: url(../images/childhood-health-services.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-oncology {background-image: url(../images/industry-header-image.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-pub {background-image: url(../images/industry-header-image_PublicHealth.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-pros {background-image: url(../images/industry-header-image_Prosthetic.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-medres {background-image: url(../images/industry-header-image_Reserach.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-sleep {background-image: url(../images/industry-header-image_SleepingDisorder.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
.bg-surgical {background-image: url(../images/industry-header-image_SurgicalProcedure.jpg);background-repeat:no-repeat;height:230px;background-size:cover;background-position:center center;}
/************************************************************************************************************/
/******************************* PAGE NOS VALEURS *******************************/
.slide-about,.nos-traducteurs,
.medical-bg,.technique-bg,.juridique-bg,.slide-biot,
.logiciel-bg,.alimentaire-bg,.marketing-bg,.tourisme-bg
{
background-repeat:no-repeat;
height:230px;
background-size:cover;
background-position:center center;
}
.slide-about{
background-image: url("../images/quisommesnous.jpg");
}
.nos-traducteurs{
background-image: url("../images/nostraducteurs.jpg");
}
.medical-bg{
background-image: url("../images/medical.jpg");
}
.technique-bg{
background-image: url("../images/technique.jpg");
}
.slide-biot{
background-image: url("../images/bg-bio.jpg");
}
.juridique-bg{
background-image: url("../images/juridique.jpg");
}
.logiciel-bg{
background-image: url("../images/itlogiciel.jpg");
}
.alimentaire-bg{
background-image: url("../images/agroalimentaire.jpg");
}
.marketing-bg{
background-image: url("../images/marketing.jpg");
}
.tourisme-bg{
background-image: url("../images/tourisme.jpg");
}
.qui-box1 h4{
color:#f6a726;
font-family:'FuturaBT-Heavy';
font-size:22px;
}
.qui-box1 p{
color:#565656;
font-family:'FuturaBT-Medium';
font-size:17px
}
.page-id-41 .entry-content{
background-image: url(../images/about-bg.png);
background-repeat:no-repeat;
background-position:25% 60%;
}
.menu-about .menu-top-menu-container #menu-top-menu-1 > li > a ,.menu-secteur-menu-container #menu-secteur-menu > li > a{
background-color:#f6a726;
color:#fff;
font-size:16px;
font-family: 'FuturaBT-Medium';
padding:20px 25px 20px 25px;
width:100%;
display:inline-block;
text-transform:uppercase;
}
.menu-about .menu-top-menu-container #menu-top-menu-1 > li > a:hover ,
.menu-secteur-menu-container #menu-secteur-menu > li > a:hover{
color :#424242;
}
.menu-about .menu-top-menu-container #menu-top-menu-1 > li,.menu-secteur-menu-container #menu-secteur-menu > li{
margin-bottom:17px;
}
.menu-about .menu-top-menu-container ul > li .sub-menu li a,.menu-secteur-menu-container ul > li .sub-menu li a {
background-color:#fff;
box-shadow:0px 0px 0px 1px #f6a726;
color:#565656;
width:100%;
display:inline-block;
font-size:16px;
font-family: 'FuturaBT-Medium';
padding:20px 25px 20px 25px;
}
.menu-about .menu-top-menu-container ul > li .sub-menu li.current_page_item a,
.menu-secteur-menu-container ul > li .sub-menu li.current_page_item a
{
color:#f6a726;
}
.menu-about .menu-top-menu-container ul > li .sub-menu li a:hover,
.menu-secteur-menu-container ul > li .sub-menu li a:hover
{
color: #f6a726 !important;
}
/*************************************** PAGES UN ACTEUR MAJEUR *********************************/
.qui-box2 h2{
color:#f6a726;
font-family:'FuturaBT-Heavy';
font-size:22px;
}
.qui-box2 p{
color:#565656;
font-family:'FuturaBT-Medium';
font-size:17px
}
.qui-box2 p a{
color:#f6a726;
}
/*************************************** PAGES NOTRE EXPERTISE *********************************/
.qui-box3 ul li {
list-style-image: url('../images/arrow-gray.png');
margin-bottom:20px;
margin-top:20px;
list-style-position:outside;
padding-left:1.8em;
color:#565656;
font-family: 'FuturaBT-Medium';
font-size:17px;
}
.qui-box3 h2{
color:#f6a726;
font-family:'FuturaBT-Heavy';
font-size:22px;
}
.qui-box3 p{
color:#565656;
font-family:'FuturaBT-Medium';
font-size:17px
}
.qui-box3 ul li a{
color:#f6a726;
}
/*************************************** PAGES L'EQUIPE *********************************/
.qui-box4 h2{
color:#f6a726;
font-family:'FuturaBT-Heavy';
font-size:22px;
}
.qui-box4 p{
color:#565656;
font-family:'FuturaBT-Medium';
font-size:17px
}
.qui-box4 a{
color:#f6a726;
}
/*************************************** PAGES CONTACT *****************************************/
.contact .wpb_gmaps_widget .wpb_wrapper{
padding:0px ;
}
.contact-adress h4{
color: #f6a726;
font-family: 'FuturaBT-Book';
font-size: 17px;
}
.contact-adress p{
color: #565656;
font-family: 'FuturaBT-Light';
font-size: 17px;
}
.contact iframe{
border: solid 1px #f6a726;
height:215px;
}
#input-submit {
font-size: 17px;
font-family: 'FuturaBT-Book';
color: #565656;
padding:15px 100px 15px 100px;
border: solid 1px #f6a726;
font-weight: 200;
float:right;
background-color:white;
transition: all 0.2s;
-webkit-transition: all 0.2s;
outline:0;
margin-bottom:30px !important;
}
#input-submit:hover {
box-shadow:0 1px 1px 1px rgba(#aaa, 0.6);
background-color:#f6a726;
cursor: pointer;
color:White;
}
.form form input[type="text"],
.form form input[type="email"],
.form form textarea {
border:0; outline:0;
padding: 1em;
border:solid 1px #f9aa19;
font-family: 'FuturaBT-Light';
box-shadow:0 1px 1px rgba(black, 0.1);
resize: none;
}
.form .row{
margin-bottom: 20px;
}
.form label{
padding: 1em;
font-size: 17px;
color: #303030;
font-family: 'FuturaBT-Book';
}
.form .wpcf7-validation-errors,.form .wpcf7-response-output{
clear:both;
}
.form p:first-child{
font-size: 17px;
font-family: 'FuturaBT-Medium';
color: #f6a726;
}
/*************************************** PAGE LIVRE BLANC *********************************/
.block-download {
background: #ffaa19;
color: #fff;
border-radius: 35px;
padding: 30px 40px 30px 40px;
font-family: 'FuturaBT-Heavy';
text-align:center;
}
.block-download .titre-bloc{
color: #fff!important;
line-height: 55px!important;
font-size: 39px!important;
text-transform: none!important;
text-align: center;
font-family: 'FuturaBT-Heavy';
}
.block-download .titre-bloc span{
color:#000;
}
.block-download img{
margin: 0;
height: auto;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.block-download .ques{
text-transform: lowercase;
text-align: justify;
text-align: center;
font-size: 19px;
margin-bottom: 25px;
font-family: 'FuturaBT-Light';
}
.block-download .ques strong{
color: #000;
font-weight: bold;
font-size: 25px;
font-family: 'FuturaBT-Heavy';
}
.block-info{
color:#565656;
font-family: 'FuturaBT-Light';
font-size:16px;
}
/*************************************** PAGE TECHNIQUE *********************************/
.technique h1{
font-size: 30px;
font-family: 'FuturaBT-Heavy';
font-weight: 700!important;
text-transform: uppercase!important;
line-height: 1em!important;
color: #ffaa19!important;
padding-bottom: 5px
}
.technique h2,.technique h3{
color: #f6a726;
font-family: 'FuturaBT-Heavy';
font-size: 22px;
line-height:30px;
}
.technique img{
float:right;
margin-left:10px;
margin-bottom:10px !important;
}
.technique {
color: #565656;
font-family: 'FuturaBT-Medium';
font-size: 17px;
}
.technique p{
line-height:1.5em;
}
.technique ul li {
list-style-image: url(../images/arrow-gray.png);
line-height:23px;
padding-left: 1em;
}
/*************************************** PAGE ASSURANCE*********************************/
.assurance h1{
font-size: 30px;
font-family: 'FuturaBT-Heavy';
font-weight: 700!important;
text-transform: uppercase!important;
line-height: 1em!important;
color: #ffaa19!important;
padding-bottom: 5px;
}
.assurance {
color: #565656;
font-family: 'FuturaBT-Medium';
font-size: 17px;
}
.assurance h2,.assurance h3{
color: #f6a726;
font-family: 'FuturaBT-Heavy';
font-size: 22px;
line-height:30px;
}
.assurance img.right{
display: inline;
float: right;
margin-left: 50px;
margin-bottom:50px !important;
}
.assurance img.left{
display: inline;
float: left;
margin-right: 50px;
margin-bottom:50px !important;
}
.devis-footer a{
font-weight: 700!important;
color: #FFF!important;
font-size: 29px;
line-height: 105px;
text-decoration: none!important;
text-transform: uppercase!important;
}
.devis-footer{
margin-left:2%;
width:48% !important;
}
.devis-footer{
border-radius: 10px;
background-color: #F9AA19;
padding-left: 10px;
}
/************************************PAGE REFERENCE**********************************/
.references .vc_tta-panel-heading h4{
background-color:#a8a8a8 !important;
color:#565656 !important;
font-family: 'FuturaBT-Medium';
font-size:20px;
}
.references .vc_tta-panel-body {
border-color:#a8a8a8 !important;
/* background-color:#fff !important; */
}
.references .vc_tta-panel-body img{
vertical-align:bottom !important;
}
.references .vc_tta-panel-body p,.references .vc_tta-panel-body ul{
color:#565656;
font-family: 'FuturaBT-Medium';
font-size:17px;
}
.references .vc_tta-panel-body h5{
color:#f6a726;
font-family: 'FuturaBT-Medium';
font-size:17px;
}
.slide-ref{
background-image: url("../images/slide-ref.jpg");
background-repeat:no-repeat;
height:308px;width:100%;
background-size:contain;
background-position:top center;
}
/********************************** PAGE SERVICES ************************************/
.slide-services{
background-image: url("../images/nosservices.jpg");
background-repeat:no-repeat;
height:230px;width:100%;
background-size:contain;
background-position:top center;
}
.page-id-22 .site-content{
background-image: url(../images/services-bg.png);
background-repeat:no-repeat;
background-position:22% 120%;
}
.services p strong{
color:#f6a726;
font-weight:200;
}
/************************* PAGE VIDEOS ********************************/
/* .page-id-45 .site-content {
background-color:#333333 !important ;
}*/
section #huge_it_videogallery{
background-color:white !important;
}
/****************ACTUALITES *****************************/
header.entry-header h1{
margin-bottom:50px !important;
margin-top:50px !important;
}
header.entry-header strong{
font-family: 'FuturaBT-Light';
color:#333333;
font-size:15px;
}
/*************************************** FOOTER ************************************/
footer .marque img {
display:inline-block;
padding:10px 5px;
}
footer .marque{
margin-bottom:50px;
text-align: center;
}
.contact ul.contact-links {
padding:25px;
}
.contact ul.contact-links > li{
margin-bottom: 10px;
}
.contact ul.contact-links > li:first-child{
list-style-image: url('../images/localite-icon.png');
list-style-position: outside;
padding-left:5px;
}
.contact ul.contact-links > li:nth-child(2){
list-style-image: url('../images/telephone-icon.png');
list-style-position: outside;
padding-left:5px;
}
.contact ul.contact-links > li:nth-child(3){
list-style-image: url('../images/print-icon.png');
list-style-position: outside;
padding-left:5px;
}
.contact ul.contact-links > li:last-child{
list-style-image: url('../images/message-icon.png');
list-style-position: outside;
padding-left:5px;
}
.coordonnees .textwidget ul.links-address > li:first-child{
list-style-image: url('../images/loc-icon.png');
list-style-position: outside;
padding-left:10px;
}
.coordonnees .textwidget ul.links-address > li:nth-child(2)
{
list-style-image: url('../images/tel-icon.png');
list-style-position: outside;
padding-left:10px;
}
.coordonnees .textwidget ul.links-address > li:nth-child(3)
{
list-style-image: url('../images/mail-icon.png');
list-style-position: outside;
padding-left:10px;
}
.social-media-footer li {
display:inline-block;
vertical-align: top;
padding-left: 15px;
padding-right: 15px;
}
.social-media-footer li a{
display:inline-block;
}
.social-media-footer li:first-child a{
width: 9px;
height: 20px;
background: url('../images/fb-footer.png');
}
.social-media-footer li:first-child a:hover{
background: url('../images/fb-icon-hover.png');
}
.social-media-footer li:nth-child(2) a{
width: 24px;
height: 20px;
background: url('../images/twitter-footer.png');
}
.social-media-footer li:nth-child(2) a:hover{
background: url('../images/twitter-icon-hover.png');
}
.social-media-footer li:nth-child(3) a{
width: 27px;
height: 21px;
background: url('../images/youtube-footer.png');
}
.social-media-footer li:nth-child(3) a:hover{
background: url('../images/youtube-icon-hover.png');
}
.social-media-footer li:last-child a{
width: 20px;
height: 21px;
background: url('../images/linkedin-footer.png');
}
.social-media-footer li:last-child a:hover{
background: url('../images/linkedin-icon-hover.png');
}
/**************** page védios **************************/
section #huge_it_videogallery{
box-shadow:none !important;
}
.breadcrumbs .fils_vedios a
{
color:#333 !important;
}
footer .footer-top{
background-image: url('../images/footer-bg.jpg');
padding-top: 50px;
}
.footer-top h4{
font-family:'FuturaBT-Heavy';
color:white;
font-size:15px;
text-transform:uppercase;
}
.footer-top ul li a,.footer-top ul li{
font-family:'FuturaBT-Light';
color:white;
font-size:15px;
}
.footer-top ul li a:hover{
color:#f6a726;
}
.footer-top ul li{
margin-bottom:10px;
}
.site-info{
text-align:center;
}
.site-info a{
color:#f6a726;
font-size:15px;
font-family:'FuturaBT-Light';
}
/******************** Test Menu ******************/
.accordionItem{
float:left;
display:block;
width:100%;
box-sizing: border-box;
font-family:'Open-sans',Arial,sans-serif;
}
.accordionItemHeading{
cursor:pointer;
margin:0px 0px 10px 0px;
padding:10px;
background:#f6a726;
color:#333 !important;
width:100%;
font-size: 16px;
font-family: 'FuturaBT-medium';
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
}
.close .accordionItemContent{
height:0px;
transition:height 1s ease-out;
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
float:left;
display:block;
}
.open .accordionItemContent{
padding: 20px;
background-color: #fff;
border: 1px solid #ddd;
width: 100%;
margin: 0px 0px 10px 0px;
display:block;
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: top;
-o-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 0.4s ease-out;
-o-transition: -o-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
box-sizing: border-box;
}
.open .accordionItemHeading{
margin:0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #f7f7f7;
color: #555;
}
@media only screen and (min-width: 200px) and (max-width: 1150px)
{
ul.links-address li {
text-align: center;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
list-style-position: inside !important;
padding-left: 0px !important;
}
ul.links-address ul li.adr:before {
content: url('../images/loc-icon.png');padding-right: 5px !important;
}
ul.links-address > li:first-child {
list-style-image:none !important;
}
.site-header-main {
margin-bottom: 30px;
}
.menu-menu-principal-container .primary-menu li {
display:block;
color:white;
transition:all 1s;
height:auto;
text-align:center;
}
.top-right2 ul.sub-menu, .primary-menu ul.sub-menu
{}
.slider-text h1{
font-size:25px;
}
.slider-text p{
font-size:20px;
}
/*Display 'show menu' link*/
.show-menu {
display:block;
text-align:center;
font-family: 'FuturaBT-Heavy';
}
/*Pointer on Hover, so that the user knows of an active link*/
.show-menu:hover {
cursor:pointer;
}
.menu-menu-principal-container .primary-menu{
height:auto;
}
.social-media li {
padding-right: 0px !important;
padding-left: 0px !important;
}
header.center{
max-width:100% !important;
}
.top-right2{
display:none;
}
.top-right{
float:none;
}
.top-right2 .menu li{
display:block !important;
background:none;
}
.top-right .textwidget > a{
font-size:14px;
padding:6px;
}
.header-left{
margin-bottom:20px;
}
.header-left .textwidget{
display: flex;
justify-content: center;
align-items: center;
margin-bottom:50px;
}
.top-right .textwidget{
display: flex;
justify-content: center;
align-items: center;
}
.header-left .site-branding .site-title{
text-align:center;
margin-bottom:50px;
}
.top-right{
margin-top:20px;
}
.moncercle {
width: 150px;
height: 150px;}
.circle_text{
font-size:14px;
}
.circle_text strong{
font-size:32px;
}
.actu h3,.itc h2{
font-size:20px;
}
.actu h4,.about h4,.lang-box1 h4,.lang-desc h3,.qui-box1 h4,
.qui-box2 h2,.qui-box3 h2,.qui-box4 h2,.contact-adress h4{
font-size:10px;
}
.actu p,.about p,
.lang-box1 p,
.lang-box1 ul li,
.lang-desc p,
.qui-box1 p,
.qui-box2 p ,
.qui-box3 p ,
.qui-box4 p ,
.qui-box3 ul li ,
.lang-button a,
.contact-adress p{
font-size:14px;
}
.menu-about .menu-top-menu-container #menu-top-menu-1 > li > a {
font-size:13px;
}
.menu-about .menu-top-menu-container ul > li .sub-menu li a{
font-size:14px
}
.menu-about .menu-top-menu-container ul > li .sub-menu li a
.center{
max-width:80% !important;
}
.footer-top .col-md-4{
margin-bottom:45px;
}
.footer-top .col-md-5{
margin-bottom:45px;
}
.footer-top h4,.footer-top p{
text-align:center;
}
.coordonnees .textwidget,.links .col-md-3{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.social-media-footer{
text-align:center;
}
#input-submit{
padding:15px 50px 15px 50px;
float:none;
}
.half {
float:none;
width: 100%;
}
.contact-adress p{
word-wrap: break-word;
}
.devis-footer{
margin-left:0%;
margin-bottom:25px;
width:100% !important;
}
.devis-footer a{
font-size:18px;
line-height:22px;
}
/*********************** PAGE TECHNIQUE RESPONSIVE***************************/
.technique h1{
font-size: 20px;
}
.technique h2{
font-size: 16px;
}
.technique p{
text-align:center;
}
.technique img{
float:none;
}
.technique {
font-size:14px;
}
h1{
font-size: 20px !important;
}
h2{
font-size: 16px;
}
h3{
font-size: 15px;
}
p {font-size: 15px;
}
ul { font-size: 15px;
}
li {
font-size: 15px;
}
.coordonnees .textwidget ul.links-address > li:first-child{
padding-left:0px;
}
}
/*responsive----------------responsive---------------------responsive-----------------responsive---------------------responsive-------------- */
@media only screen and (min-width: 200px) and (max-width: 1150px)
{
.site-header-main {
margin-bottom: 30px;
}
.menu-menu-principal-container .primary-menu li {
display:block;
color:white;
transition:all 1s;
height:auto;
text-align:center;
}
.top-right2 ul.sub-menu, .primary-menu ul.sub-menu
{ position: relative !important;
width:100%;
}
.slider-text h1{
font-size:25px;
}
.slider-text p{
font-size:20px;
}
/*Display 'show menu' link*/
.show-menu {
display:block;
text-align:center;
font-family: 'FuturaBT-Heavy';
}
/*Pointer on Hover, so that the user knows of an active link*/
.show-menu:hover {
cursor:pointer;
}
.menu-menu-principal-container .primary-menu{
height:auto;
}
.social-media li {
padding-right: 0px !important;
padding-left: 0px !important;
}
header.center{
max-width:100% !important;
}
.top-right2{
display:none;
}
.top-right{
float:none;
}
.top-right2 .menu li{
display:block !important;
background:none;
}
.top-right .textwidget > a{
font-size:14px;
padding:6px;
}
.header-left{
margin-bottom:20px;
}
.header-left .textwidget{
display: flex;
justify-content: center;
align-items: center;
margin-bottom:50px;
}
.top-right .textwidget{
display: flex;
justify-content: center;
align-items: center;
}
.header-left .site-branding .site-title{
text-align:center;
margin-bottom:50px;
}
.top-right{
margin-top:20px;
}
.moncercle {
width: 150px;
height: 150px;}
.circle_text{
font-size:14px;
}
.circle_text strong{
font-size:32px;
}
.actu h3,.itc h2{
font-size:20px;
}
.actu h4,.about h4,.lang-box1 h4,.lang-desc h3,.qui-box1 h4,
.qui-box2 h2,.qui-box3 h2,.qui-box4 h2,.contact-adress h4{
font-size:10px;
}
.actu p,.about p,
.lang-box1 p,
.lang-box1 ul li,
.lang-desc p,
.qui-box1 p,
.qui-box2 p ,
.qui-box3 p ,
.qui-box4 p ,
.qui-box3 ul li ,
.lang-button a,
.contact-adress p{
font-size:14px;
}
.menu-about .menu-top-menu-container #menu-top-menu-1 > li > a {
font-size:13px;
}
.menu-about .menu-top-menu-container ul > li .sub-menu li a{
font-size:14px
}
.menu-about .menu-top-menu-container ul > li .sub-menu li a
.center{
max-width:80% !important;
}
.footer-top .col-md-4{
margin-bottom:45px;
}
.footer-top .col-md-5{
margin-bottom:45px;
}
.footer-top h4,.footer-top p{
text-align:center;
}
.coordonnees .textwidget,.links .col-md-3{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.social-media-footer{
text-align:center;
}
#input-submit{
padding:15px 50px 15px 50px;
float:none;
}
.half {
float:none;
width: 100%;
}
.contact-adress p{
word-wrap: break-word;
}
.devis-footer{
margin-left:0%;
margin-bottom:25px;
width:100% !important;
}
.devis-footer a{
font-size:18px;
line-height:22px;
}
/*********************** PAGE TECHNIQUE RESPONSIVE***************************/
.technique h1{
font-size: 20px;
}
.technique h2{
font-size: 16px;
}
.technique p{
text-align:center;
}
.technique img{
float:none;
}
.technique {
font-size:14px;
}
h1{
font-size: 20px !important;
}
h2{
font-size: 16px;
}
h3{
font-size: 15px;
}
p {font-size: 15px;
}
ul { font-size: 15px;
}
li {
font-size: 15px;
}
.coordonnees .textwidget ul.links-address > li:first-child{
padding-left:0px;
}
}
/*Nexus 6P*/
@media only screen and (min-width: 412px) and (max-width: 732px)
{
.form form input[type="text"], .form form input[type="email"], .form form textarea
{ margin-right: 14px !important;}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
padding-right: 17px !important;
padding-left: 17px !important;
top: -6px;
font-size: 11px !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
left: 194px;
}
}
/*Iphon6 PLus*/
@media only screen and (min-width: 414px) and (max-width: 736px)
{
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
padding-right: 10px !important;
padding-left: 10px !important;
top: -32px;
font-size: 9px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
left: 161px;
}
.form form input[type="text"], .form form input[type="email"], .form form textarea
{
margin-right: 16px !important;
}
.header-left .textwidget
{
margin-bottom: 14px !important;
}
}
/*Galaxy s5*/
@media only screen and (min-width: 360px) and (max-width: 640px)
{
.vc_gitem_row.vc_row.vc_gitem-row-position-top p{
font-size: 9px !important;
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
padding-right: 17px !important;
padding-left: 17px !important;
top: -10px;
font-size: 9px !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
left: 115px;
}
.top-right .textwidget ul li
{
margin-bottom: 6px !important;
}
.header-left .site-branding .site-title
{
margin-bottom: 0px !important;
}
.devis-icon
{
display:none !important;
}
.header-left .textwidget
{
margin-bottom: 14px !important;
}
}
/*iphon5*/
@media only screen and (min-width: 320px) and (max-width: 568px)
{
.vc_gitem_row.vc_row.vc_gitem-row-position-top p{
font-size: 9px !important;
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
padding-right: 10px !important;
padding-left: 10px !important;
top: -11px;
font-size: 9px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.header-left ul
{
margin-right: 8px !important;
}
.devis-icon
{
display:none !important;
}
.header-left .textwidget
{
margin-bottom: 14px !important;
}
.top-right .textwidget ul li
{
margin-bottom: 6px !important;
}
}
/*iphon6*/
@media only screen and (min-width: 375px) and (max-width: 667px)
{
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
padding-right: 17px !important;
padding-left: 17px !important;
top: 13px;
font-size: 9px !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
left: 180px;
}
}