/*
Theme Name:     Tecnisec
Description:    Thème enfant du thème RAZ_CREAMOTION pour Tecnisec
Author:         Cédric BOISSEAU - CREAMOTION
Author URI:     http: //www.creamotion.com
Template:       raz_creamotion
Version:        1.0
*/
@import url(styleraz.css);





*, body{font-family: 'Roboto', sans-serif;font-size: 16px;}



h1, h2, h3, h4, h5, h6, .home-solutions-bottom p, .home-solutions-bottom p strong, #header strong{font-family: 'Kanit', sans-serif;color:#505669;font-weight: 600; font-style: italic;}
.home h2, h1{font-size: 30px;padding:10px 0;}
.home h3{font-size: 14px;padding:10px 5px;}
.home h3 span{color:#fff; background: #505669; -moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius: 50px; padding:5px 9px; margin:0 5px 0 0;}
.page h2{font-size: 26px; margin: 10px 0 20px; padding:20px 0; background: #f5f5f5; text-align: center; border-bottom:1px solid #e4e6e9; line-height: 31px;}
.page h2 a{font-size: 26px; }
.page h3{font-size: 20px; margin: 0 0 10px; padding:0 0 20px; background: #f5f5f5;text-align: center; border-bottom:1px solid #e4e6e9;}
p{color:#6b6b6b; line-height: 20px; padding:0 20px 20px;}
p strong{color:#3b3b3b;}
body{background: url(Images/concrete_seamless.png) repeat fixed;}
#container{ width:100%;max-width:980px; margin:20px auto; box-shadow:0 0 20px #000;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff;}
#header{ width:100%; max-width:980px; height:260px; background: url(Images/header4.jpg) left top no-repeat; position:relative; -moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
#logo{position:absolute; width:380px; height:70px; left:50%; margin-left:-190px;top:30px;}
#header h1, #header p{ text-align: center; width:100%; position:absolute; padding: 0;}
#header h1, #header strong{top:125px; font-size: 24px; padding:0; border: none; position:absolute;}
#header h1{top:125px;}
#header p{top:105px;}
#header strong{display:block;top:21px; width:100%; text-align: center;}
#nav{position:absolute;	top:168px;	height:60px;list-style: none;width:980px; left: -20px;}
#nav ul{ width:808px;  margin:0 auto;}
#nav li{ float:left; position:relative;}
#nav li a{float:left; display:block; line-height: 25px;text-decoration: none; color:#505669; text-shadow:0 1px 0 #fff; text-align: center; padding:5px;margin:12px 4px; text-transform: uppercase; border-bottom:1px solid transparent;border-bottom:1px solid transparent;font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#nav li.menu-item-13{ background-image: url(Images/nav.png); background-position: center 42px; background-repeat: no-repeat; -webkit-transition: background-position 0.3s ease-out; -moz-transition: background-position 0.3s ease-out; -o-transition: background-position 0.3s ease-out; -ms-transition: background-position 0.3s ease-out; transition: background-position 0.3s ease-out;}
#nav li.current-menu-item > a, #nav li a:hover{ background: #484e61;color:#fff;   text-shadow:0 1px 0 #000; border-top:1px solid #000; border-bottom:1px solid #f0f2f4;}
#nav li a:hover{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
#nav li.current-menu-item > a{ cursor:default;}
#nav li.menu-item-13:hover{ -webkit-transition: background-position 0.3s ease-out; -moz-transition: background-position 0.3s ease-out; -o-transition: background-position 0.3s ease-out; -ms-transition: background-position 0.3s ease-out; transition: background-position 0.3s ease-out; background-position: center 49px;}
#nav ul.sub-menu{display:none;}
#nav ul li ul.sub-menu{ position:absolute;top:60px; width:320px; border: 1px solid #CECED7; border-top:none; background: url("Images/home-solutions.png") repeat-y center top; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; z-index: 20; padding:8px;}
#nav ul li ul.sub-menu li{ background: url(Images/sous-nav.png) 5px center no-repeat; padding:0 0 0 20px;}
#nav ul li ul.sub-menu a{ text-align: center; margin:2px 0; border:none;}
#nav ul li ul.sub-menu a{ border:none;}
#center{ padding:0 20px; text-align:justify;}.center{ padding:0 20px; text-align:justify;}
#center a{ color:#8C0000; font-style: italic;}
h2 a{ color:#8C0000; }
#center a:hover{ color:#000;}
#center ol, #center  ul{color:#5b5b5b; line-height: 20px;padding:0 0 20px 20px;}
#center ol li, #center  ul li{padding: 5px 0;}
#center  ul li{ background: url(Images/li-elt.png) left 5px no-repeat; padding: 5px 0 5px 25px; font-style: italic;}
#center h3 { padding-top:1em; }
#footer{margin: 20px 0 0 0; /*width:980px; height:80px;*/ background: url(Images/footer.png) center top no-repeat; -moz-border-radius: 0 0 5px 5px;   -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: center; line-height: 20px;}
#footer p{padding:20px 0 0 0;}
#footer strong{ color:#8c0000; text-transform: uppercase; font-size: 14px;}
#footer p a{color:#8C0000;}
#footer p a:hover{color:#000;}
/*Home*/
.home-solutions{ width:100%;max-width:940px; background: url(Images/home-solutions.png) center top repeat-y; margin: 1px 0 0; position:relative; padding:0 20px 20px;}
.home-solutions img{ padding:5px;}
.home-solutions p{ padding:10px;}
.home-solutions-bottom{width:100%;max-width:980px; height: 100px; background: url(Images/home-solutions-footer.jpg) center top no-repeat; margin: 0 0 20px;position:relative;}
.home-solutions-bottom p{ padding:13px 0 0 40px; width:600px;line-height: 24px; font-size: 21px;text-align: right;}
.home-solutions-bottom p strong{ color:#8c0000;line-height: 24px;font-size: 22px;font-weight: normal;}
.home-solutions-bottom a{ position:absolute; display:block; height:50px; width: 170px; top:14px; left:709px; text-align: left; text-indent: -10000px;}
.wp-caption{ float:left; text-align: center; border:1px dashed #E4E6E9; background: #f5f5f5; padding:2px; margin:2px;/*width:225px;height: 218px;*/}
.wp-caption.aligncenter{ float:none; margin:2px auto; clear:both;}
.wp-caption p{font-style: italic; text-shadow:0 1px 0 #fff; font-size: 11px;   padding:5px 0;}
img.alignright{float:right;}
img.alignleft{float:left;}
/*liste clients*/
.page-id-7 #center li, .page-id-156 #center li{float:left; width:435px;}
/* formulaire */
.wpcf7-form{padding:20px; background:#f5f5f5;}
.wpcf7-form p{ margin:1px 0 0;padding:0 20px 15px;}
.wpcf7-form label{width:90px; text-align: right; display:block;float:left;    margin:0 5px 0 0;}
.wpcf7-form textarea{width:400px;height:120px;border:1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding :1px 5px;line-height :20px;padding :5px;font-size:14px;}
.wpcf7-form input, .wpcf7-form select{border:1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;width:300px;line-height :20px;padding :5px;font-size:14px;}
.wpcf7-form input.wpcf7-submit{color:#fff;background: #8c0000;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-shadow :0 -1px 0 #8c0000;cursor: pointer;width:200px;height:30px;line-height : 30px;border:none;font-weight: bold;display :block;box-shadow:0 0 5px #999;text-align:center;text-decoration :none;position :relative;left :20px;}
body div.wpcf7-response-output{clear: both;padding:10px;text-align: center;}
.surface{display: none;}
.highlight{padding:20px 50px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
border-radius: 10px;border:1px solid #E6DB55;background: #FFFFE0 url(Images/highlight.png) 10px center no-repeat;margin-bottom:20px;text-shadow: 0 0 1px #fff;}
.highlight strong{color:#544d43;}
#side_lexique{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: #f5f5f5;border:1px solid #E4E6E9;float:right;margin: 10px 0 0 0;
padding:10px;}
#side_lexique h3{border-bottom:1px solid #E4E6E9;text-align: center;padding:0 10px 10px;margin:0 0 10px 0;}
#side_lexique ul{list-style: none square;color:#555;}
#side_lexique ul li{padding: 0;background: none;}
#side_lexique ul li a{font-size: 11px;font-style: normal;}
/* DEBUT SHORTCODES */
a.devis{display:block;height:70px;width:220px;text-indent: -10000px;background: url(Images/devis.png) center top no-repeat;margin:0 auto;}
a.devis:hover{background-position: center bottom;}


#blocholder {width:715px; margin:auto; background-color:#FFFFFF; }
.blocs{ float:left; margin: 0 7px 14px 0; width:230px; }
.bulle {position: relative; cursor: pointer; text-decoration: none;}
.bulle span {margin-left: -999em;position: absolute;}
.bulle:hover span {	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.5); position: absolute; left: -100px; top: -300px; z-index: 99; margin-left: 0; padding:10px; background-color:#475C85; cursor:help;}
.bulle:hover span em{color:	#DBDFF0; display:block; line-height:15px;width:80%;	margin:auto;text-align:center;z-index: 100;}
.bulle:hover span img{border-radius: 50px;}
.bulle p {margin-bottom:0;}#menu-item-11 {	font-weight: bold;}
/*-----------AVANT / APRES-----------*/.spacer {	height: 20px;	width: 100%;}.avant-apres-1 {	width: 800px;	height: 600px; 	background: url('../Visuels/avant-apres-1.jpg') top no-repeat;	margin: auto;}.avant-apres-1:hover {	background-position: bottom;}.avant-apres-2 {	width: 800px;	height: 600px; 	background: url('../Visuels/avant-apres-2.jpg') top no-repeat;	margin: auto;}.avant-apres-2:hover {	background-position: bottom;}.avant-apres-3 {	width: 800px;	height: 600px; 	background: url('../Visuels/avant-apres-3.jpg') top no-repeat;	margin: auto;}.avant-apres-3:hover {	background-position: bottom;}.avant-apres-4 {	width: 800px;	height: 600px; 	background: url('../Visuels/avant-apres-4.jpg') top no-repeat;	margin: auto;}.avant-apres-4:hover {	background-position: bottom;}

#big_link a{ color:#8C0000; font-style: normal; font-size: 23px; text-decoration: none;}
.blockinfos{
    font-size: 26px; 
    margin: 10px 0 20px; 
    padding:20px 0; 
    background: #f5f5f5; 
    text-align: center; 
    border-bottom:1px solid #e4e6e9;
}
.blockinfos h3{
    padding-top:0px;
}
#tel{
    display:block;
    width:275px;
    height:75px;
    position: absolute;
    right: 0px;
    top:72px;
    text-indent: -9999px;
    z-index:1000;     
}

#diagnostic{
    display: block;
    background: url('Images/diagnostic-gratuit.png') no-repeat;
    width:327px;
    height:273px;
    position: absolute;
    right: -4px;
    top:-20px;
    z-index: 1;
}
#diagnostic input[type="text"]{
    width:180px;
    height: 37px;
    border: 1px solid #cacaca;
    background:#f7f7f7;
    margin-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    font-style: italic;
    font-size:11px;
}
#diagnostic input[type="text"]:focus{
    border: 1px solid #00AE00;
    font-style: normal;
}


#diagnostic input[type="text"].success{
    border: 1px solid #00AE00;
    font-style: normal;
}

#diagnostic input[type="text"].error{
    border: 1px solid #f00;
    font-style: normal;
    color:#f00;
}

#diagnostic form{
    margin-left:70px;
    text-align: center;
    margin-top:35px;
}

#diagnostic input[type="submit"]{
    border: none;
    background: none;
    width:180px;
    height:35px;
    position:relative;
    top:20px;
    cursor: pointer;
    
}
#header #devis{
    font-weight: bold;
    width:660px;
    position: absolute;
    top: 128px;
    text-align: center;
    font-size: 16pt;
    color: #555;
}

#header #devis a{
    font-size: 18pt;
    color: #f07c00;
    text-decoration:none;
}
#header #devis a:hover{
    text-decoration:underline;
}

#header #slogan{
    width:660px;
    position: absolute;
    top: 100px;
    text-align: center;
    font-size: 14px;
    color: #555;
}

.ContactForm2 input[type="text"], .ContactForm2 textarea{
    width:100%;
    height: 37px;
    border: 1px solid #cacaca;
    background:#f7f7f7;
    margin-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    /*font-style: italic;
    font-size:12px;
    font-weight: bold;*/
}
 .ContactForm2 textarea{
    height: 150px;
 }
.ContactForm2 input[type="text"]:focus, .ContactForm2 textarea:focus{
    border: 1px solid #00AE00;
    font-style: normal;
}


.ContactForm2 input[type="text"].success, .ContactForm2 textarea.success{
    border: 1px solid #00AE00;
    font-style: normal;
}

.ContactForm2 input[type="text"].error, .ContactForm2 textarea.error{
    border: 1px solid #f00;
    font-style: normal;
    color:#f00;
} /*
.ContactForm2 input[type="submit"]{
	background:#5CCD00;
	background:-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
	padding:10px 15px;
	color:#fff;
	font-size:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #459A00;
    cursor: pointer;
}*/
.clear{clear: both;}
#logo2{position:absolute; width:660px; height:95px; }




@media (max-width: 767px) {
  
  .one_half{
    width:100%;
  }

  #container {
      width: 100%;
      margin: 0px;
      box-shadow: none;
      -moz-border-radius:0px;
      -webkit-border-radius:0px;
      border-radius: 0px;
  }

#center {
    padding: 0 10px;
}  

}



.home h2 {  
    font-size: 16px !important;
}

.home h2 span {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    color: #505669;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 9px;
    padding-top: 2px;
    border:1px dashed #505669;
    font-weight:600;
}

.home #center ol, #center ul {
    padding-bottom: 0px !important;
}









.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.link-tecnisec{
    font-family: 'Kanit', sans-serif;
    color:#ef7f1a !important;
    font-weight: 600;
    font-style: italic;
    /*font-size:22px;*/
}

.link-tecnisec span{
    color:#fff !important;
    /*ont-size:18px;*/
}

#footer span a{
    font-size: 20px;
}




.bsnav-dark .nav-item.dropdown>.navbar-nav, .bsnav-dark .nav-item.dropdown>.navbar-nav .navbar-nav, .bsnav-dark{
        background-color: #343a40!important;
}

.navbar-nav .nav-item.active>.nav-link,.navbar-nav .nav-item:active:focus>.nav-link,.navbar-nav .nav-item:active>.nav-link,.navbar-nav .nav-item:focus>.nav-link,.navbar-nav .nav-item:hover>.nav-link {
    color: #ef7f1a
}

.navbar-nav .nav-item.nav-item-fill.active>.nav-link,.navbar-nav .nav-item.nav-item-fill>.nav-link:active:focus>.nav-link,.navbar-nav .nav-item.nav-item-fill>.nav-link:active>.nav-link,.navbar-nav .nav-item.nav-item-fill>.nav-link:focus>.nav-link,.navbar-nav .nav-item.nav-item-fill>.nav-link:hover>.nav-link {
    background: #ef7f1a;
}

.navbar-nav .nav-item.nav-item-double-line.active>.nav-link,.navbar-nav .nav-item.nav-item-double-line>.nav-link:active,.navbar-nav .nav-item.nav-item-double-line>.nav-link:active:focus,.navbar-nav .nav-item.nav-item-double-line>.nav-link:focus,.navbar-nav .nav-item.nav-item-double-line>.nav-link:hover,.navbar-nav .nav-item.nav-item-line.active>.nav-link,.navbar-nav .nav-item.nav-item-line>.nav-link:active,.navbar-nav .nav-item.nav-item-line>.nav-link:active:focus,.navbar-nav .nav-item.nav-item-line>.nav-link:focus,.navbar-nav .nav-item.nav-item-line>.nav-link:hover {
    color: #ef7f1a
}

.navbar-nav .nav-item.nav-item-line>.nav-link::after {
    background: #ef7f1a;
}

.navbar-nav .nav-item.nav-item-double-line>.nav-link::after,.navbar-nav .nav-item.nav-item-double-line>.nav-link::before {
    background: #ef7f1a;
}

.navbar-nav .nav-item.nav-item-outline>.nav-link::after,.navbar-nav .nav-item.nav-item-outline>.nav-link::before {
    background: #ef7f1a;
}

.navbar-nav .nav-item.nav-item-outline.active>.nav-link,.navbar-nav .nav-item.nav-item-outline>.nav-link:active,.navbar-nav .nav-item.nav-item-outline>.nav-link:active:focus,.navbar-nav .nav-item.nav-item-outline>.nav-link:focus,.navbar-nav .nav-item.nav-item-outline>.nav-link:hover {
    box-shadow: -2px 0 0 #ef7f1a inset,2px 0 0 #ef7f1a inset
}

.nav-item.active .caret,.nav-item:hover .caret {
    border-top-color: #ef7f1a
}





















a.card,body {
    color: #666
}

*,:focus {
    outline: 0!important
}

a.card:active,a.card:active:focus,a.card:focus,a.card:hover {
    text-decoration: none
}

a.card small.card-text {
    color: #b3b3b3;
    line-height: 1.2;
    display: block
}
/*
.navbar-brand {
    background: url(/Images/logo-2018.svg) center/cover no-repeat;
    font-size: 0;
    width: 213px;
    height: 28px;
    margin: 18px 15px 18px 0;
}*/

.bsnav-brand-top .navbar-brand {
    margin-top: 5px;
    margin-bottom: 5px
}

.bsnav-light .navbar-brand,.bsnav-overlay .navbar-brand,.bsnav-overlay-light .navbar-brand {
    opacity: .8
}
/*
.bsnav-dark .navbar-brand,.bsnav-light .navbar-brand,.bsnav-overlay .navbar-brand {
    background: url(/Images/logo-blanc-2018.svg) center/cover no-repeat
}
*/
.span {
    background: #eee;
    color: #999;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
    width: 100%;
    padding: 10px;
    border-radius: 3px
}

.bsnav-sticky {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

.scrollspy-demo {
    height: 100vh;
    min-height: 600px;
    display: flex;
    align-items: center
}

.scrollspy-demo:nth-child(odd) {
    background: #f7f7f7
}




input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}



.navbar-nav{
    font-family: 'Kanit', sans-serif;font-weight: 600; font-style: italic;
}

.diagnostic{
    background: #00a651;
}

.diagnostic .nav-link:hover{
    color: #000 !important;
}





.list-group {
    padding:0px !important;
}

.list-group li {
    background: none !important;
    padding: .75rem 1.25rem !important;
    font-style: normal !important;
}

.quick-links a{
    font-family: 'Kanit', sans-serif;
    color: #ef7f1a !important;
    font-weight: 600;
    font-style: italic;
}

.list-group li.quick-quotation{
    background: #00a651 !important;
}
.list-group li.quick-quotation a{
    color:#fff!important;
}