/*
load under C:\wamp\www\semantis360.ch\templates\illusion\tpls\blocks\head.php


*/
/*bootstap.css  66*/
/* finaleemnt pas n�cessaire pour menus dans footer
body .moduletable .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-left: 5px;
    padding-right: 5px;
}*/
.color-primary-0 { color: #D3F24A }     /* Main Primary color */
.color-primary-1 { color: #E9FB99 }
.color-primary-2 { color: #DFF86D }
.color-primary-3 { color: #BFE122 }
.color-primary-4 { color: #94B20D }

.color-secondary-1-0 { color: #2E9797 } /* Main Secondary color (1) */
.color-secondary-1-1 { color: #80D1D1 }
.color-secondary-1-2 { color: #4EB2B2 }
.color-secondary-1-3 { color: #158C8C }
.color-secondary-1-4 { color: #086F6F }

.color-secondary-2-0 { color: #FB9C4D } /* Main Secondary color (2) */
.color-secondary-2-1 { color: #FFC99B }
.color-secondary-2-2 { color: #FFB170 }
.color-secondary-2-3 { color: #EA7D23 }
.color-secondary-2-4 { color: #B85B0E }

.color-complement-0 { color: #A733A2 }  /* Main Complement color */
.color-complement-1 { color: #D984D5 }
.color-complement-2 { color: #BE54BA }
.color-complement-3 { color: #9C1896 }
.color-complement-4 { color: #7B0976 }


body {
    font: 400 16px/1.5em "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif";
}


body .page_title {
    padding-top: 20px ;
    padding-bottom: 0px ;
}
/*
body .bg_gradient.page_title {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #b5d03d, #f6f13e) repeat scroll 0 0;
}*/
/* style.css 483 */
/*body .login-sec-sem {
    background: rgba(183, 188, 55, 0.91) none repeat scroll 0 0;
}*/

/*custom.css  75  background login frame*
body .login_bckgrd_color{
    background: rgba(183, 188, 55, 0.91) none repeat scroll 0 0;
    color: #ffffff;
}*/

/*custom.css  75*/
body .bg_light_3 {
    /*background-color: #6ba010 !important;*/
    background-color: #BEE122 !important;  /* chg EK    bande footer */
    /*background-color: rgba(0, 0, 0, 0.62) !important;   /* chg EK    bande footer */
    /*border-top: 6px solid #4a7106;*/
    border-top: 6px solid #BEE122;   /* chg EK   line bande footer */
    /*border-top: 6px solid #000;   /* chg EK   line bande footer */
}

/*custom.css  82*/
/*.bg_light_4{background:#222;}*/
body .bg_light_4{      /*custom.css*/  /*chg EK    deux bandes sous bande footer*/
    background: #a4a4a4;
}


/*custom.css  259   background login frame*/
/*body .hv_qstn_bckgrd_color{
    background: rgba(183, 188, 55, 0.91) none repeat scroll 0 0;
    color: #ffffff;
}*/
body .hv_qstn_close{		/* chg EK    background login frame*/
    background: #BEE122  none repeat scroll 0 0;
    color: #ffffff;
}

/*style.css 4790*/
body .contact_button {
    background: #BEE122 none repeat scroll 0 0;
}

body .footer_top_part-sem {
    color: #000000;
    padding-left: 1px;
    padding-right: 1px;
}
body ul.nav.nav-pills li a  {
    color: #4EA40D;
    padding-left: 25px;
    padding-right: 15px;
}
body .moduletable h3, body .moduletable_menu h3, body .moduletable_contact h3{
    padding-bottom: 20px;
}

body .row .moduletable {
    color: #94B20E;
    padding-left: 25px;
    padding-right: 15px;
    font-size: 12px;
}


body .row .moduletable_menu {
    color: #94B20E;
    padding-left: 25px;
    padding-right: 15px;
    font-size: 12px;
}

body .w_fullek,
body .wide_layout{
    width:100%;
}

body .m_width_300{		/* chg EK*/
    width:300px;
}

body .logo_image {
    width: 78%;		/* chg EK*/
}


body .login_acr {
    float: right;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    color: #ffffff;	/*chg EK*/
}
body .login_color {	/*chg EK*/
    color: #ffffff;
}




/**************css pour cadre notre �quipe**************/

.notre_blog{
    width:90%;

    margin: auto;
}
.notre_blog li {
    background-color: #fbfbfb;
    float: left;
    margin-top: 35px;
    padding: 10px;
    width: 100%;
    box-shadow: 5px 6px 2px #d4cdcd !important;
}
body .notre_blog_img {
    width: 10%;
    float: left;

    border: 2px solid #ececec;
    border-right: 2px solid;
    text-align: center;
    display: block;
    background: #fff;
    padding: 4px;
}
.notre_blog_txt{
    float: left;
    width: 87%;
    font-size: 17px;

    padding: 10px 30px;
}

.heading {
    float: left;
    font-size: 20px;

    margin: 29px 0 0;
    text-decoration: underline;
    width: 100%;
}
.notre_left{
    margin-right:0px;
}
.notre_right{
    margin-left:20px;
}

.notre_para{
    text-align:justify;
    line-height: 35px;
    margin-top: 10px;
}




ul.nos-atouts li {
    list-style-type: square;
    line-height: 35px;
}

ul.nos-atouts {
    margin-left: 40px;
}
.langue_outer{
    width:100%;
    float:left;
    text-align:center;
    margin: 30px 0;
}

.langue_inner{
    float:none;
    display:inline-block;
}
.langue_img{
    width:30%;
    float:left;
}

.langue_text{
    width:65%;
    float:left;
}

div.catItemIntroText {

    width: 75%;
    float: left;
}
div.catItemImageBlock {

    width: 25%;
    float: left;
}

div.catItemBody {

    width: 100%;
    float: left;
}


h1.article-title {
    font-size: 30px !important;
}


/***************** doublon avec style.css (fin qui ne figure pas dans le style.css de illusion.zip ************/
/****************** ou cr�� par le template en changeant par exemple header1 , header2, header 3,...  ********/
/* 6-6-2016 ******************/

/************* START CUSTOM CSS***************/

/* .section_offset.sec-border .border2 .border2 {  border: 1px solid #eee;  padding: 20px;} */
.section_offset.sec-border .border2 .border2 {
    box-shadow: 0px 0px 13px #eee;
    padding: 20px;
}
.section_offset.sec-border .border2 .border2:hover {
    box-shadow: 8px 11px 13px #eee;
    padding: 20px;
}
.image_bg_we_are_sec {  background: rgba(0, 0, 0, 0) url("/images/image_bg_we_are_sec.jpg") no-repeat scroll 0 0;  color: #fff; background-attachment: fixed;}
.image_bg_we_are_sec h3 {  color: #fff;}
.image_bg_we_are_sec ul li a {  color: #fff !important;}
.sec-21 {
    background: #fbfbfb none repeat scroll 0 0;
}
.color_dark.fw_light.m_bottom_15.appear-animation.bounceInLeft.appear-animation-visible {
    color: #BEE122;
    font-weight: bold;
}
.color_dark.color_pink_hover.f_left.d_block.m_right_20 {
    background: #BEE122;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    border: 1px solid transparent;
}
.d_inline_m.m_right_5.icon_wrap_size_0.circle.color_grey_light.tr_all {
    color: #fff;
    border: 1px solid;
}
.fw_light.fs_middle .color_dark {
    font-size: 18px;
    font-weight: bold;
}
.m_bottom_10.fw_light {
    font-size: 15px;
    min-height: 160px;
    text-align: justify;
    font-weight: 400;
}
.color_dark.color_pink_hover.f_left.d_block.m_right_20:hover, .color_dark.color_pink_hover.f_left.d_block.m_right_20:hover .d_inline_m.m_right_5.icon_wrap_size_0.circle.color_grey_light.tr_all {
    background: #fff none repeat scroll 0 0;
    color: #BEE122;
}
.color_dark.color_pink_hover.f_left.d_block.m_right_20:hover {
    background: #fff none repeat scroll 0 0;
    color: #BEE122;
    border: 1px solid #BEE122;
}
.image_bg_we_are_sec .tab-content p {
    font-weight: 500;
}
nav.d_inline_m li a {
    font-weight: 500;
}
.owl-wrapper .t_xs_align_c:hover {
    box-shadow: 0 0 20px #ddd;
}
.nn_tabs-toggle-inner {
    font-weight: bold;
}
.color_dark.d_block.n_sc_hover {
    font-weight: bold;
}
footer .color_dark.m_bottom_20 {
    color: #BEE122;
    font-weight: bold;
    font-size: 24px;
}

.color_light.t_align_c.m_bottom_15.fw_light {
    color: #94B20D;
    font-weight: 400;
}

.cus-blog img {
    min-height: 159px;
}
.cus-blog .t_xs_align_c:hover {
    box-shadow: 2px 8px 18px #dddddd;
    padding-top: 16px;
}
.cus-blog .t_xs_align_c {
    box-shadow: 0 0 20px transparent;
    padding-top: 16px;
}
.cus-blog .clearfix {
    margin-bottom: 15px;
}
.cus-blog ul li {
    margin-bottom: 10px;
    list-style-type: square;
}
.cus-blog .m_bottom_10.fw_light {
    font-size: 15px;
    min-height: 175px;
    text-align: justify;
}


#t3-mainbody.container.t3-mainbody {
    margin-bottom: 20px;
    margin-top: 20px;
}
.t3-content .article-header {
    margin-bottom: 20px;
}
img.color_dark.fw_light.m_bottom_15.heading_1.img-cent {
    text-align: center;
    float: none;
    margin: 0 auto;
}
.moduletable.b-top {
    border-bottom: 2px solid #eee;
    padding-bottom: 50px;
    padding-top: 20px;
    text-align: center;
}

.popup_wrap.r_corners {
    border-radius: 0px !important;
}
.client-list-slider {
    text-align: left;
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px solid #eee;
}
.client-list {
    padding: 25px 0 0 0px;
}
.client-list img {
    border-radius: 0px;
}
section.align-cent {
    text-align: center;
}
/* padding: 3px 63px; */
/*
.sp-gal { text-align: left; margin: 0 auto; }

.sp-sig .title { bottom: 0 !important; float: left; left: 7% !important; position: absolute; bottom: 0 !important; top: 208%; font-weight: bold; color: #fff; background: rgba(0,0,0,0.8);}

.gallery-sec a { float: left; height: 100%; position: relative; width: 100%;}
.gallery-sec a .title { bottom: 6px; color: #fff; font-size: 20px; font-weight: bold; left: 10px; position: absolute;}
.gallery-sec { margin-bottom: 20px;}
.gallery-sec a:hover .gallery-desc { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; color: #6ba010; display: block !important; font-size: 15px; font-weight: 500; left: 0; padding: 8px; position: absolute; right: 0; top: 0; transition: all 0.5s ease-in-out 0s;}
*/
.section_offset.align-cent { float: left; width: 100%; }

.footer_bottom_part ul li:last-child { border-right: 0px solid transparent; }
.footer_bottom_part ul li { border-right: 1px solid #cbcbcb; display: inline-block; margin: 0 auto; padding: 0 10px; width: auto; }
.footer_bottom_part ul li a { color: #868686; font-weight: 500;}

.Image_Wrapper span.title { position: relative; color: #fff; bottom: 36px; float: left; left: 15px; font-weight: bold; font-size: 18px; }
.Image_Wrapper a { float: left; position: relative;}
.Image_Wrapper a:hover .gallery-desc { display: block !important; opacity: 1; visibility: visible !important; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8);  height: 100%; width: 100%; padding: 12px; font-weight: 500; text-align: left;}
.timeline-Viewport { color: #414141 !important;}
.timeline-Tweet-author span.TweetAuthor-name.Identity-name.customisable-highlight {
    color: #333 !important;
}
.Collage img {
    border: none !important;
}
.Image_Wrapper {
    border-radius: 0 !important;
}
/* color template */

body .nn_tabs > ul.nav-tabs > li.active a {
    background: #BEE122;
}
/*
body span:hover {
    color: #4EA40C;
}
body .main_menu .active > a, body .main_menu li:hover > a, body .main_menu li:hover > a i[class|="icon"], body .main_menu > li > a {
    color: #4EA40C;
}
*/

.hv_qstn {
    float: left;
    font-weight: bold;
    width: 100%;
}
.sp_quickcontact {
    width: 300px;
}
.contact_button {
    /* background: #454545 none repeat scroll 0 0; */
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    min-width: 200px;
    padding: 15px;
    position: fixed;
    right: 70px;
    z-index: 9999999;
}
#sp-quickcontact-form textarea#message ,
#sp-quickcontact-form input#name ,
#sp-quickcontact-form input#email ,
#sp-quickcontact-form input#subject {
    width: 100%;
    font-style: italic;
}

#sp-quickcontact-form textarea#message{
    height: 80px;
}

body #login-form.modlgn-username > input, body #login-form > textarea{
    font: 400 ;
    background: #fff none repeat scroll 0 0;
    font-weight: 500;
}

#sp-quickcontact-form > input, #sp-quickcontact-form > textarea {
    background: #fff none repeat scroll 0 0;
    font-weight: 500;
}
.login-sec {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 0 0 3px 3px;
    margin-top: -11px;
    padding: 4px 10px;
    position: absolute;
    right: 174px;
    z-index: 999999;
    top: 5px;
}
.login-sec .im_half_container {
    background: transparent none repeat scroll 0 0;
}

#login-form .m_bottom_10 input {
    font-style: italic;
}
#login-form input{
    background: #fff;
    color: #252525;
    font-weight: 500;
    font: 400 ;

}
#login-form label {
    color: #252525;
    font-weight: 500;
    font: 400 ;

}

.login_acr {
    float: right;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
}
body  a.login_acr_close, .color_scheme_login {
     color: #ffffff;
 }
body  a:hover.login_acr_close, body a:hover.color_scheme_login{
    color: #4EA40C;
}
body  a:hover.hv_qstn_close, body  a:hover.hv_qstn, body  a:hover.login_acr_close{
    color: #4EA40C;
}

.userdata label {
    color: #fff;
    font-weight: bold;
}
.logo_image {
    width: 78%;
}
.login-sec i {
    font-size: 16px;
    font-weight: normal;
    padding-top: 5px;
}

/************* CLOSE CUSTOM CSS***************/

body .section_offset {
    padding: 13px 0 17px;
}



body .fw_light{
    font-weight:normal;
}

body h2.color_light {
    padding-top: 10px;
    font-size: 2.8em;
}


body blockquote.color_dark{
    color: #a4a4a4;
    font-weight: 500;
}

body hr.m_bottom_45.divider_type_3.m_xs_bottom_30{
    border-top: 0px solid #7eb340;
    height: 0px !important;
    margin-bottom: 5px;
}

.readmore{
    padding-bottom: 25px;
}

/* titre des articles blog categories  */
body h2, .first_letter_1 > .fl, .item_statistic dt {
    padding-top: 10px;
    font-size: 1.4em;
}
body h4 {
    font-size: 1.5em;
}
body h33 {
    font-size: 1.8em;
}
body h13 {
    font-size: 3.0em;
}

.txt_shadow {
    /*text-shadow: 2px 2px 2px rgba(230,236,63, 0.9);*/
    text-shadow: 2px 2px 2px rgba(0,0,0, 0.9);
    /*text-shadow: 2px 2px 11px rgba(214, 255, 77, 0.9);*/
}
.txt_shadow_white {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}
.txt_shadow_red {
    text-shadow: 2px 2px 2px rgba(255, 0, 0, 0.7);
}


/*
body .nav-pills > li.active > a.dropdown-toggle {
    background-color: #ffffff;
    color: #94B20E;
    font: 700 ;
}
body .nav-pills.nav-stacked > li.active > a {
    background-color: #ffffff;
    color: #94B20E;
    font-weight: 700 ;
}

body .dropdown-menu > .active > a,
body .dropdown-menu > .active > a:hover,
body .dropdown-menu > .active > a:focus{
    background-color: #d4f24a;

}*/
body .height20
input:not([type="submit"]){
    border:1px solid #e1e4e6;
    height:25px;
    padding:2px 15px;
    font-style:italic;
    border-radius:4px;
}

form li input.width95 {
    width: 95%;
}

body table td.line_left{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:15px;
    padding-right:15px;
}

body table td.line_right{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:15px;
    padding-right:15px;
}

body table td.line_center_id{
    width:4% !important;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:2px;
    border: solid 1px #D7D7D7;
}
span.circle {
    background: #e6ec3f none repeat scroll 0 0;
    border-radius: 3.8em;
    color: #4EA40C;
    display: inline-block;
    font-weight: bold;
    line-height: 2.6em;
    text-align: center;

    width: 1.2em;
    font: 38px Arial, sans-serif;
}

body h2.sombre{
    background: #DFF86D;
}
body h3.clair:not(.ui-accordion-header-active)  {      /*  ui-accordion-header-active  */
    background: #ecfbc9;
    font-size:12px;
}

/*  qui sommes-nous atouts */
body ul.b {
    list-style-type: disc;
}

b{
    /*font:400 ;*/
    /*font: 600 16px/1.5em "TheSaB3,Arial,Helvetica","sans-serif";*/
    /*font: 400 16px/1.5em "Futura W01","sans-serif";*/
    /*font: 400 16px/1.5em "Open Sans","Helvetica Neue","Arial,Helvetica","sans-serif";*/
    /*font-family: TheSaB3,Arial,Helvetica,sans-serif;
    color:#606360;*/
}
body #sp-quickcontact-form > input{
    font: 400 16px/1.5em "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif";
}

body> input{
    color: #404340;
}

body .section_offset.image_bg_1{
    background: #ffffff;
}

/*orderform*/

body tr.pad3 td, body tr td.pad3, body tr input.pad3{
    padding:3px;
}
.width5{
     width:5%;
 }
.width10{
    width:10%;
}
.width15{
    width:15%;
}
.width20{
    width:20%;
}
.width25{
    width:25%;
}
.width30{
    width:30%;
}
.width35{
    width:35%;
}
.width40{
    width:40%;
}
.width70{
    width:70%;
}
body .heigh25,body td.heigh25  {
    height:25px;
}
body .pad3 sup{
    top: 0.5em;
    font-size: 150%;
}

body .heigh40{
    height: 40px;
}

body .heigh60{
    height: 60px;
}
body .heigh80{
    height: 80px;
}
/*
body h3.clair.ui-accordion-header-active {
    background: #e9fc8b none repeat scroll 0 0;
}*/


body table td, body table div, body div table td, body div.PGSB_Table div
{
    border:0px solid #e134e6;
}
body .police_16_gris {
    font-size: 16px;
}
body .police_20_gris {
    font-size: 20px;
}