@charset "utf-8"
/* PARAMETRE GENERALE */
*{
	margin:0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
}

.navbar-inverse {
    background-color: black;
    border-color: black;
}
.navbar-inverse .navbar-nav>li>a {
    color: white;
	font-weight:500;
	line-height: 30px;
	font-size: 1.2em;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #038e8a;
	font-weight: 500;
	line-height: 30px;
	font-size: 1.2em;
}
/* Header fond */
.large-header {
	position: relative;
 	width: 100%;
  	background: #333;
  	background-size: cover;
  	background-position: center center;
  	z-index: 1;
}
#large-header {
	background: #fffcf9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #fffcf9 5%, #038e8a 29%, #283c5c 69%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #fffcf9 5%,#038e8a 29%,#283c5c 69%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #fffcf9 5%,#038e8a 29%,#283c5c 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf9', endColorstr='#283c5c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main-title {
  	position: absolute;
 	margin: 0;
 	padding: 0;
 	color: white;
 	font-size: 3em;
	margin: -39% 0 0 -2%;
}
.demo-1 .main-title {
  text-transform: uppercase;
  font-size: 4.2em;
  letter-spacing: 0.1em;
}
.main-title .thin {
  font-weight: 200;
}
@media only screen and (max-width: 768px) {
  .demo-1 .main-title {
    font-size: 3em;
  }
}
.logo{
    margin-top: -15px;
}
.logo-sm{
    margin: -15px -17px 0 0;
}
.logo-xs{
      margin-top: -20px;
}
#ordinateur{
	margin-top:-48%;
}
.orange{
	color: white;
	font-style: normal;
	font-weight: 500;
	font-size: 1.3em;
}
.main-title2 {
  	position: relative;
  	margin: 0;
  	padding: 0;
 	color: white;
  	font-size: 2.42em;
	margin: -55% 0 0 25%;
	text-align: center;
	float: left;
}
#portfolio{
	background: url(fond-port4.jpg) no-repeat fixed top;
	background-size: cover;
}
#fond{
	padding: 150px;
}
.lien-portfolio{
	font-size: 3em;
	color: white;
	padding: 20px 80px 20px 80px;
	border: 1px solid white;
}
a.lien-portfolio:hover{
	font-size: 3em;
	color:#038e8a;
	padding: 20px 80px 20px 80px;
	border: 1px solid #038e8a;
	text-decoration: none;
	background: rgba(255,255,255,0.4);
}
.agence{
    color: #038e8a;
    margin-top: 70px;
    margin-bottom: 40px;
}
#trait{ 
border-bottom : 1px solid #038e8a; 
    position: relative;
    margin-top:40px;
}
.services{
    margin-bottom: 80px;
    color: #038e8a;
}
.bas{
    margin-bottom: 40px;
}
.bas_xs{
    margin-bottom: 40px;
    width:100%;
}
#equipes{
    margin-top: 40px;
}
#contact{
    margin-top:80px;
    background: #fffcf9; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #fffcf9 5%, #038e8a 29%, #283c5c 69%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #fffcf9 5%,#038e8a 29%,#283c5c 69%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #fffcf9 5%,#038e8a 29%,#283c5c 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf9', endColorstr='#283c5c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.control-label{
    color:white;
}
.control-label1{
    color:Black;
    font-weight:600;
    text-align:right;
}

#pied{
    background: black;
    line-height: 50px;
    color:white;
}
#pied_configurateur{
    background: black;
    line-height: 50px;
    color:white;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}
.blanc{
    color:white;
}
a.pointer{
    cursor: default;
}
.portfolio{
    color: #038e8a;
    margin-top: 10%;
    margin-bottom: 40px;
}
#fond-xs{
  padding: 80px;
}
.lien-portfolio-xs{
  font-size: 2em;
  color: white;
  padding: 20px 50px 20px 50px;
  border: 1px solid white;
}
.portfolio-xs{
    color: #038e8a;
    margin-top: 20%;
    margin-bottom: 40px;
}
.turquoise{
    color: white;
    cursor: pointer;
   
}
.turquoise:hover{
    color: #038e8a;
}
.couleur-reseaux{
    color:white;
}
.couleur-reseaux:hover{
    color:#038e8a;
}
/* Page configurateur --------------------------------------------------------*/
.entete{
  color:Black;
  font-weight:600;
  font-size:16px;
}
.entete_xs{
  color:Black;
  font-weight:600;
  font-size:12px;
}
input[type="text"].formulaire{
  width:100%;
  color:Black;
  text-align:left;
  border:1px solid white;
  background:White;
}
.textOne {
  position: relative;
  text-align: left;
  color:White;
}
.textTwo {
  position: relative;
  color:White;
}
.textThree {
  position: relative;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-size:18px; 
  color:#cc0000;
}

.titre{
  color :  #038e8a;
  font-family: 'Montserrat', sans-serif;
  font-size:1.8em;
  margin:9% 0 3% 1%;
}

.titre_xs{
  color :  #038e8a;
  font-family: 'Montserrat', sans-serif;
  font-size:1.2em;
  margin: 21% 0 5% 1%;
}

#intuite{
  position: relative;
  text-align:center;
  color : Black;
  font-size:18px;
}

#fond_intuite{
  position: relative;
  margin: 15px 0 0 0;
  width: 100%;
}

#picto_intuite_1{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}
#picto_intuite_2{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}
#picto_intuite_3{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}
#picto_intuite_4{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}
#picto_intuite_5{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}
#picto_intuite_6{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}
#picto_intuite_7{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}
#picto_intuite_8{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
}

input[id="total"]{
  position: relative;
  text-align: center;
  background-color: #008080;
  border: 1px solid White;
  color: White;
  font-size: 20px;
  margin: 40px 0 0 0;
  width: 100%;
}

input[id="total_ttc"]{
  position: relative;
  text-align: center;
  background-color: White;
  border: 0px solid White;
  color: Black;
  font-size: 14px;
  margin: 5px 0 0 0;
  width: 100%;
}

input[id="edition"]{
  border-radius:3px 3px;
  position: relative;
  text-align:center;
  background-color:#808080; 
  background-image: linear-gradient(to bottom, #808080 0%, Black 100%);
  border:solid 1px White;
  color : White;
  font-size:16px;
  margin:8px 0 25px 0;
  width: 100%;
}

input[type="text"]{
  position: relative;
  text-align:right;
  background-color:#008080; 
  border: 0px;
  color : White;
  width: 85px;
}

input[type="checkbox"] {
    background-image: -webkit-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
                      -webkit-linear-gradient(left, #808080 50%, #12db0b 50%);
    background-size: 100% 100%, 200% 100%;
    background-position: 0 0, 5px 0;
    border-radius: 25px;
    cursor: pointer;
    height: 10px;
    padding-right: 10px;
    position: relative;
    width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .15s;
}
input[type="checkbox"]:after {
    background-color: #eee;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1));
    border-radius: 25px;
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),
                inset 0 -1px 1px 1px hsla(0,0%,0%,.25),
                0 1px 3px 1px hsla(0,0%,0%,.5),
                0 0 2px hsla(0,0%,0%,.25);
    content: '';
    display: block;
    height: 10px;
    left: 0;
    position: relative;
    top: 0;
    width: 10px;
}
input[type="checkbox"]:checked {
    background-position: 0 0, 15px 0;
    padding-left: 10px;
    padding-right: 0;
}

input[type="radio"] {
    background-image: -webkit-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
                      -webkit-linear-gradient(left, #808080 50%, #12db0b 50%);
    background-size: 100% 100%, 200% 100%;
    background-position: 0 0, 5px 0;
    border-radius: 25px;
    cursor: pointer;
    height: 10px;
    padding-right: 10px;
    position: relative;
    width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .15s;
}
input[type="radio"]:after {
    background-color: #eee;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,0%,.1));
    border-radius: 25px;
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),
                inset 0 -1px 1px 1px hsla(0,0%,0%,.25),
                0 1px 3px 1px hsla(0,0%,0%,.5),
                0 0 2px hsla(0,0%,0%,.25);
    content: '';
    display: block;
    height: 10px;
    left: 0;
    position: relative;
    top: 0;
    width: 10px;
}
input[type="radio"]:checked {
    background-position: 0 0, 15px 0;
    padding-left: 10px;
    padding-right: 0;
}


#menu {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu li {
  background-color:#808080; 
  background-image:-webkit-linear-gradient(top, #808080 0%, Black 100%);
  background-image: linear-gradient(to bottom, #808080 0%, Black 100%);
  margin-bottom:2px;
  border:solid 1px White;
}
#menu li li {
  overflow: hidden;
  transition: all .5s;
  border:none;
  margin: 0;
}
#menu a {
  display:block;
  text-decoration: none;
  color: White;
  font-size:1.2em;
} 
#bouton img , #bouton_xs img{
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  border: 1px solid White;
  background-color: White; 
} 
#bouton img:hover{
  cursor:pointer;
}

::-webkit-scrollbar { 
	width: 8px; 
}
::-webkit-scrollbar-track { 
	background-color: transparent; 
	width: 8px; 
}
::-webkit-scrollbar-track-piece {           
  background: transparent none;
  border: solid 4px transparent;
  border-right-width: 8px;
  margin: 4px;
}
::-webkit-scrollbar-thumb { 
	background-color: #008080; 
	width: 8px; 
  border: 1px solid White;
}

/*Version XS*/

input[id="total_xs"]{
  position: relative;
  text-align: center;
  background-color: #008080;
  border: 1px solid White;
  color: White;
  font-size: 20px;
  margin: 20px 0 0 0;
  width: 100%;
}

input[id="total_ttc_xs"]{
  position: relative;
  text-align: center;
  background-color: White;
  border: 0px solid White;
  color: Black;
  font-size: 14px;
  margin: 5px 0 0 0;
  width: 100%;
}

input[id="edition_xs"]{
  border-radius:3px 3px;
  position: relative;
  text-align:center;
  background-color:#808080; 
  background-image: linear-gradient(to bottom, #808080 0%, Black 100%);
  border:solid 1px White;
  color : White;
  font-size:16px;
  margin: 30px 0 80px 0;
}

#fond_intuite_xs{
  position: relative;
  margin: 15px 0 0 0;
  width: 100%;
  display:none;
}

#picto_intuite_1_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#picto_intuite_2_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#picto_intuite_3_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#picto_intuite_4_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#picto_intuite_5_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#picto_intuite_6_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#picto_intuite_7_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#picto_intuite_8_xs{
  position: relative;
  margin: 0 0 0 0;
  width: 100%;
  display:none;
}
#pied_configurateur_xs{
    background: black;
    line-height: 50px;
    color:white;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
    font-size: 8px;
}