@charset "UTF-8";

@font-face {
    font-family: 'IcoMoon-Free';
    src: url('../fonts/icomoon/IcoMoonFree.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?srf3rx');
	src:url('../fonts/icomoon/icomoon.eot?srf3rx#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.ttf?srf3rx') format('truetype'),
		url('../fonts/icomoon/icomoon.woff?srf3rx') format('woff'),
		url('../fonts/icomoon/icomoon.svg?srf3rx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.iconfree {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconfree-phone:before {
    content: "\e942";
}

.iconfree-mail:before {
    content: "\ea83";
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-credit-card:before {
	content: "\e68b";
}

.icon-facebook:before {
	content: "\e767";
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }  

.glyphicon {
  font-size:20px;
  margin-top:0;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  
  .glyphicon-search:before {
  content: "\e003"; }

.icon-magic-wand{
  margin-top:22px;
}

.material-icons{
  color:darkorange;
}

/*quelque constante de mise en forme*/
.no-padding{
  padding : 0 !important;  
}

.top-separator:before{
    position:relative;
    height: 2px;
    width:90%;
    left:5%;
    background-color: #080808;
    margin: 2px;    
}

body {
  margin: 0; 
  font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
  background-color: #fff; 
  font-weight: 300;
  line-height: 26px;
}

/*mise en forme du header*/
#pxspt1-header {
  width: 100%;
  height: 60px;
  top: 0;
}

.navbar {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  font-size: 13px;
  border: transparent; 
  height: 60px;
  background-color:#080808;
  border-color: #e7e7e7;   
}

.navbar-icon{
    padding-top:20px;}
    
.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }
.navbar-header:after {
  clear: both; }

.navbar-brand {
  float: left;
  padding: 10px 10px;
  height: 60px; }
.navbar-brand > img {
  display: block; 
  height: 40px;
}

/*mise en forme et gestion du menu standard*/    
.navbar .navbar-nav > li > a {
  text-transform: uppercase;
  font-weight: 800;
  font-family: "Montserrat", arial, sans-serif;
  color: #eee; }
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  color: #eee;
}

.nav>li>a:hover, .nav>li>a:focus{
    background-color: transparent !important;
}


/*gestion de l'icone de menu et de son animation*/
.nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none; }
.nav-toggle.active i::before, .nav-toggle.active i::after {
  background: #eee; }
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active {
  outline: none;
  border-bottom: none !important; }
.nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 25px;
  height: 3px;
  color: #eee;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #eee;
  transition: all .2s ease-out; }
.nav-toggle i::before, .nav-toggle i::after {
  content: '';
  width: 25px;
  height: 3px;
  background: #eee;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.nav-toggle i::before {
  top: -7px; }

.nav-toggle i::after {
  bottom: -7px; }

.nav-toggle:hover i::before {
  top: -10px; }

.nav-toggle:hover i::after {
  bottom: -10px; }

.nav-toggle.active i {
  background: transparent; }

.nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }

.nav-toggle {
  position: absolute;
  top: 7px;
  right: 0px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  border-bottom: none !important; }
  
@media screen and (max-width: 768px){
  .nav-toggle {
    display: block; } }

/*gestion du menu deroulant*/
@media (max-width:768px){
  #pxspt1-navbar{
    position:absolute;
    z-index:150;
    background-color:#080808;
    right:30px;
  }}     


/*mise en forme des section*/
.pxspt1-section-title{
    text-align: center;
    color: #ff7900;
    margin-bottom: 50px;
    font-weight: 500;
    text-shadow: 1px 1px 2px black;
    background-color: rgba(255,255,255,0.6);
}

.pxspt1-section-title:after{
    content: '';
    width: 50%;
    height: 1px;
    display: block;
    border-bottom: solid 2px #ff7900;
    margin-left: 25%;
    box-shadow: 1px 1px 1px black;
}
@media (max-width:969px){
  .pxspt1-section-title h1{
    font-size: 1.5em;
  }
}
/*mise en forme du selecteur de demo type polaroid scotche*/
.pxspt1-demoselect{
  cursor:pointer;
  background-image: linear-gradient(to bottom right, #e1e1e1,#f9f9f9, #e1e1e1);
  background-color:#f9f9f9;
  padding-bottom:15px;
  margin-bottom:50px;
  /*border: solid 1px rgba(0,0,0,0.5);*/
  box-shadow: -1px 5px 8px rgba(0, 0, 0, 0.8);
}

.pxspt1-demoselect h3{
  text-align:center;
  color:black;
  text-shadow: 1px 1px 0px rgba(129,129,129,1);
}

.pxspt1-demoselect h4{
  text-align:center;
  color:#ff7900;
  text-shadow: 1px 1px 0px rgba(129,129,129,1);
}

.pxspt1-demoselect h6{
  text-align:center;
  color:rgb(100,100,100)
}

/*scotch*/
.scotch1:before, .scotch2:before, .scotch3:before{
  content: "";
  position:absolute;
  z-index:100;
  display: block;
  width: 25%;
  height: 30px;
  margin: auto;
  background: rgba(255,255,230,0.6);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

.scotch1:before{
  left:37.5%;
  top:-12px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform: rotate(-3deg);  
}

.scotch2:before{
  left:37.5%;
  top:-15px;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);  
}

.scotch3:before{
  left:34%;
  top:-10px;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  transform: rotate(-1deg);  
}

/*gestion du souslignage du menu*/
.navbar li a > span .border {
display: block;
height: 3px;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s; }

.navbar li a > span .border:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FF7900;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
  
.navbar li.active a > span .border:before {
 -webkit-transform: scaleX(1);
  transform: scaleX(1);
 }

.navbar li a:hover > span .border:before, .navbar li a:focus > span .border:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}
  
/*mise en forme du pied de page*/
.pxspt1-footer{
    background-color: #efefef;
}

.footer-brand {
  float: left;
  padding: 10px 10px;
  height: auto; }
.footer-brand > img {
  display: block; 
  height: auto;
}

.footer-contact{
    padding:0;
    margin:0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li a{
    color:#FF7900;
}

.footer-copyright{
    padding: 50px 0;
    clear:both;



}

/*mise en page du container de contenu principal*/
.pxspt1-page-content{
  /*background: url(../images/texturemureblanc.png);*/
  background: url(../images/texturemureblanc.png);
  background-repeat: repeat;
  background-size: 626px auto;
}

/*mise en page du mockup tv*/
#demo{
  margin-top: 30px ;
  margin-bottom: 30px ;
  padding:0;
}
#mockuptv{
    box-sizing: border-box;
    position: absolute;
    padding:0;
    top: 0;
}
#tvcontent{
    box-sizing: border-box;
    position: relative;
    z-index: 100;
    background-color:black;
    margin-left:5.5%;
    margin-top:5.5%;
    width:85.88%;
    height:75.5%;
    padding:0;
    border:0;
}


/*style="text-align:center;color:#FF7900;text-transform: uppercase;font-weight: 900;font-family: 'Montserrat', arial, sans-serif;font-size:80px;background-color:#e0e0e0"*/
.page_tittle{
  position:absolute;
  border:0;
  margin:0;
  top:40px;
  width:60px;
  max-width:60px;
  word-wrap: break-word;
  z-index:0;
}

.page_tittle h1{
  text-align:center;
  color:#fff;
  text-transform: uppercase;
  font-weight: 900;
  font-family: 'Montserrat', arial, sans-serif;
  font-size:60px;
  background-color:#000;
}

/*gestion de l image de pied de contenu de page*/
.contentfooterpict{
  overflow: hidden;
}

.oversizefooterpict{
  margin-left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  width:100%;
  min-width:800px;
}