/* CSS Document */

/*blue : #257eb3
orange : #f39200
gris : #373736
bg: #e8ebf2
*/
@media (max-width: 991px) {
	.line-3{display:none;}
}
@media (min-width: 768px){
.modal-dialog{  width:50%;}

}
.blockquote{  font-size: 16px!important;}
.bleu{
color:#257eb3;
}
.primary { color:#257eb3;}
.info { color:#f39200;}
.btn-info, .btn-info:hover { background-color:#f39200; border:none; font-size: large;}
.btn-default, .btn-default:hover { background-color: #337ab7;  border-color: #2e6da4; border:none; color:#fff;}
.default { color:#373736;}
.glyphicon{  color: #cececf!important;}
.btn-lg{
font-size: 12px!important;
border-radius: 4px;
background-color: #257eb3;
border-color: #257eb3;
}
.modal-backdrop{
  z-index: 0;
}
.modal-content h4 { line-height:1.4em; font-size:16px; font-weight:700; font-style:italic; margin:none; width:100%;border:none; padding:none;}
.navbar-toggle .icon-bar { background-color:#257eb3;}
@media (max-width: 981px) {
	.nav>li>a  {  padding: 10px 12px;}
}
@media (min-width: 981px) {
	.nav>li>a  {  padding: 10px 12px;}
}
.navbar-collapse.in {
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  margin-top: 8px;

.col-lg-8 a{
     color:#ccc;
     text-shadow:0 -1px 0 black;                
}
.col-lg-8 a:hover,.col-lg-8 a:focus{
     background:rgba(0,0,0,.4);
     box-shadow:0 1px 0 rgba(255,255,255,.4);
}

.col-lg-8 a .test{
     position:absolute; 
  margin-top:23px;
     margin-left:-35px;	 
	 color:#09c;
     background:rgba(0,0,0,.9);
     padding:15px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
	 transform:scale(0) rotate(-12deg);
	  transition:all .25s;
	  opacity:0;
}

a:hover .test, a:focus .test{
     transform:scale(1) rotate(0);  
 opacity:1;	 
}

body { font-family: 'Raleway', sans-serif; font-size:1.4em; line-height: 1.6em; color:#373736; font-weight:300;}
h1 { color: #fff; font-weight: 700; font-size: 40px; text-align:center !important; margin-top:35px; padding: 60px;  margin-bottom: 0px;}
h1 small { color:#257eb3!important; text-align:center !important;  line-height: 3!important;font-weight: 700;font-size:30px}
h2 { color: #257eb3; font-weight: 700; font-size: 22px; margin: 30px 0; margin-bottom: 0; }
h2 small { display:inline-block; padding-top:15px; padding-bottom:73px; text-transform: none; font-style:italic; font-size:22px; opacity:1;line-height: 1.4em; font-weight:300;color:#fff;}
h3 { font-size: 18px;font-weight: 600; margin: 110px 0;margin-bottom: 40px;color: #6F6F6F;font-style: italic;}
h4 {display:inline-block; padding-top:15px;  text-transform: none; font-style:italic; font-size:16px; opacity:0.8; line-height: 1.4em; font-weight:300;  margin: 0 0 40px; padding: 0 0 30px;  border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
h5 { font-weight: 500; color: rgb(90, 90, 90);font-size: 16px;}
.tab-pane h3 { color:#257eb3;}
strong { font-weight: 700;}
.blue{color:#257eb3;}
.yellow{color:#f7931d;}
.container h4 { }
.tab-content p{margin: 0 0 0; padding: 0 0 30px 30px; text-align:left;/*border-bottom: 1px solid rgba(14,60,86,0.07);*/}

.test hover{height: 94px;
width: 94px;
z-index: 100;
position: absolute;
top: 20px;
left: 199px;
border-radius: 50%;
background-color: #000;}

.test{height: 94px;
width: 94px;
z-index: 100;
position: absolute;
top: 20px;
left: 199px;
border-radius: 50%;
background-color: #000;}

.navbar-bb-top { background: #fff; border-bottom: 1px solid #f1f1f1; height: 60px;}
.navbar-bb-top .container { height:60px; }
.navbar-brand { background: url(../i/sprite.png) no-repeat; background-position: 0 0; height: 30px; width:135px; margin-top: 15px; margin-right:20px;}
.navbar-brand span { display:none;}
.navbar-nav { height:auto; margin-top:13px;}
.navbar-nav li a { color: #373736; font-weight:300;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none; background-color: transparent; opacity: 0.8;}
.nav>li.active>a, .nav>li.active>a:hover, .nav>li.active>a:focus {color:#257eb3;}
.navbar-nav li a.btn { color:#fff; padding:10px !important;border : none;}
.navbar-nav li a:hover.btn, .navbar-nav li a:focus.btn {opacity: 0.8; background-color:#257eb3 !important;  color:#fff;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color:transparent; color:#25eb3;}

li.ico-circle { position: relative; display:inline-block; width: 150px; height: 150px; border-radius:150px; background-color: #f39200; color:#fff; text-align:center; margin:0; padding: 10px;}
.ico-circle span {font-weight:700; text-transform:uppercase; display:inline-block; padding-top: 10px;}

.home-wrapper { min-height: 100%; position: relative;left: 0;top: 0;width: 100%; height: 100%; color: #fff; background-color:#353535; padding:150px 0;}
.page-block { background-color:#e8ebf2; padding: 40px 0; }
.page-block-odd { background-color:#fff;}
.footer { background-color:#257eb3; padding: 40px 0; color:#fff;}
/* */
.background-wrapper{background-image:url(../i/fond.png); background-size: 100%; background-repeat: no-repeat;}
.center-block{margin-bottom: 35px; margin-top: 15px; } 
#meca{ width: 100%;}

.form-dial { -webkit-border-radius: 170px; -webkit-border-top-left-radius: 0; -moz-border-radius: 170px; -moz-border-radius-topleft: 0; border-radius: 170px; border-top-left-radius: 0; background-color:#fff; height: 170px; width:170px; padding:40px 15px;}
.meca{ -webkit-border-radius: 170px; -webkit-border-top-left-radius: 0; -moz-border-radius: 170px; -moz-border-radius-topleft: 0; border-radius: 170px; border-top-left-radius: 0; background-color:#fff; height: 170px; width:170px; padding: 5px 15px;}
.form-dial.little { -webkit-border-radius: 100px; -webkit-border-top-left-radius: 0; -moz-border-radius: 100px; -moz-border-radius-topleft: 0; border-radius: 100px; border-top-left-radius: 0; background-color:#fff; height: 100px; width:100px; line-height:100px;}
.form-dial.primary { background-color:#257eb3;}
.form-dial.info { background-color:#f39200}
.form-dial.default { background-color:#e8ebf2;}
.footer a { color:#fff;}
.col-lg-6{text-align:left; margin-top: 10px;}
.col-lg-6 h5{line-height: 1.4;}
.col-lg-12 h3{margin-top:0px;}
 #astro h3{margin-top:60px}
 #avocat h3{margin-top:80px; }
 #avocat {  margin-bottom: 0px;}
.phone{background-image:url(../i/phone.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px;}
.call{background-image:url(../i/call.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
.bdd{background-image:url(../i/bdd.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
.public{background-image:url(../i/public.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
.private{background-image:url(../i/private.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
  .business{background-image:url(../i/business.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
    .tool{background-image:url(../i/tool.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
      .analytics{background-image:url(../i/analytics.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
        .list{background-image:url(../i/list.png);height:50px; width:50px;  float: left;
  margin: 5px;
  margin-right: 15px; }
#under-menu .active{
  height: 60px;
  width: 60px;
  overflow: hidden;
  display: inline-block;
  background: #fff;
  margin:20px;
  margin-top: -28px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 4px solid #257eb3;
  }

#under-menu a{

  height: 60px;
  width: 60px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  background: #fff;
  margin:20px;
  margin-top: -28px;
  border: 4px solid #E2E2E2;
  z-index:10;
}

#under-menu a:hover,#under-menu a:focus {

  height: 60px;
  width: 60px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  background: #fff;
  margin:20px;
  margin-top: -28px;
  border: 4px solid #E2E2E2;
  z-index:100;
}
/*
#under-menu .active span{
-webkit-border-radius: 100%;
  border-radius: 100%;
  border: 4px solid #257eb3;
}
*/

#under-menu a:hover,#under-menu a:focus {
  -webkit-border-radius: 100%!important;
  border-radius: 100%!important;
  border: 4px solid #257eb3!important;
}
/*#under-menu span:focus{

  -webkit-border-radius: 100%!important;
  border-radius: 100%!important;
  border: 4px solid #257eb3!important;
 background-color:blue;
}*/



#header1{
background-image:url(../i/fond.png);
background-color:#394658;
background-size:100%;
background-repeat:no-repeat;
height:200px;
margin-top:60px;
}
#header1 h1 {
   padding-top: 35px;
  line-height: 1em;
  margin-bottom: -52px;
    padding-bottom: 30px;
}

.tab-content h1 small{
  padding: 10px;
   color:#257eb3 !important;
}
.tab-content h1 {
  padding: 90px 0 0 0;
 
}


#header2{
background-image:url(../i/bg-fond.png);
background-color:#394658;
background-size:100%;
background-repeat:no-repeat;
height:300px;
margin-top:60px;
}
#header2 h1 {
padding:50px;
  line-height: 1em;
}

#header3{
/*background-image:url(../i/bg-fond.png);*/
background-color:blue;
background-size:100%;
background-repeat:no-repeat;
height:300px;
margin-top:60px;
}
#header3 h1 {
padding:50px;
  line-height: 1em;
}
#header4{
/*background-image:url(../i/bg-fond.png);*/
background-color:green;
background-size:100%;
background-repeat:no-repeat;
height:300px;
margin-top:60px;
}
#header4 h1 {
padding:50px;
  line-height: 1em;
}
#header5{
/*background-image:url(../i/bg-fond.png);*/
background-color:red;
background-size:100%;
background-repeat:no-repeat;
height:300px;
margin-top:60px;
}
#header6 h1 {
padding:50px;
  line-height: 1em;
}
#header6{
/*background-image:url(../i/bg-fond.png);*/
background-color:lightblue;
background-size:100%;
background-repeat:no-repeat;
height:300px;
margin-top:60px;
}
#header3 h1 {
padding:50px;
  line-height: 1em;
}
.sidebar{
 
  margin-bottom: 50px;
  margin-left: 35px;
display:inline-block;
  /*margin-top: 30px;*/
    
 }
 .col-lg-12{
 	padding-left: 15px !important;
  padding-right: 15px !important;
  }
 
 .image1{
  background-image:url(../i/image1.png);
  background-color:#fff;
  background-repeat:no-repeat;
   height: 390px;
  }
  
  .image2{
  background-image:url(../i/encaissement-bancaire.png);
  background-color:#fff;
  background-repeat:no-repeat;
  height: 478px;
  width: 600px;
  margin: auto;
    margin-top: 40px;
  margin-bottom: 50px;
  }
  
    .image3{
  background-image:url(../i/encaissement-bancaire5.png);
  background-color:#fff;
  background-repeat:no-repeat;
  height: 398px;
  width: 500px;
   margin-top: 20px;
     margin: auto;
  }
  .image4{
  background-image:url(../i/encaissement-Nsurtaxé3.png);
  background-color:#fff;
  background-repeat:no-repeat;
  height: 398px;
  width: 500px;
   margin: 20px;
     margin: auto;
  }
  
    .image5{
  background-image:url(../i/encaissement-Nsurtaxé.png);
  background-color:#fff;
  background-repeat:no-repeat;
  height: 478px;
  width: 600px;
  margin: auto;
    margin-top: 40px;
  margin-bottom: 50px;
  }
  
  .image6{
  background-image:url(../i/image2.png);
  background-color:#fff;
  background-repeat:no-repeat;
  height: 214px;
  }
  .sidebar li{
  list-style-type: none;

	  display: table-cell;
}
  }
  
 .sidebar li a:active, .sidebar li a:hover, .sidebar li a:focus{


 transition-duration: 1s;
 
  }
  .active a{
   color: #fff !important;
  background-color:#257eb3;
   transition-duration: 1.5s;
  }

  #rootwizard h3{
 margin-right: 20px;
  }
  #rootwizard{
    margin-right: 30px;
}
  #rootwizard a:hover {
  color: #257eb3 !important;
  text-decoration: none;

  transition-duration: 1s;
  }
  #rootwizard a:focus {
  color: #fff !important;
  text-decoration: none;

  transition-duration: 1s;
  }
  
  #rootwizard li:hover{
  color: #257eb3 !important;

   transition-duration: 1s;
   
  }
  #rootwizard li:focus{
    color: #fff !important;
	
	 transition-duration: 1s;
	
  }
  
   #rootwizard .active{
    color: #257eb3 !important;
   background-color:#fff;
    border-color:1px solid #000;

     text-decoration: none;

	transition-duration: 1s;
	
  }
 .row ul{
   /*padding: 0px;*/
   margin-bottom: 110px !important;
 }
 
  #rootwizard ul{
   padding: 0px;
   margin-bottom: 0px !important;
 }
 
 .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin: 0px;
}
/*
.tab-pane ul li {     
   list-style-type: none;     
   margin-bottom: 5px; 
  } 
.tab-pane ul li:before {     
  content:"• ";
color: #257eb3;}
  } 	

*/
 .sidebar a{
  font-weight: bold;
   
	  border: 2px solid #257eb3;
  padding: 10px;
  border-radius: 5px;
 }
 .container h4  {
  text-align: center!important;
 margin:20px auto!important;
 }
 .col-lg4 p{text-align:left;}
.cercle{
  background:#fff ;
  border-radius:50%;
  width:22px;
  height:22px;
  border:4px solid #257eb3; 
  margin: 0;
    float: left;
  margin-bottom:20px;
}
span{
color:rgba(0, 0, 0, 0.20);
}
.line{
height:5px;
background-color:#e2e2e2;
width: 75%;
margin: 0 auto;
 margin-bottom:-13px;
 display: none;
}
.line-2{
height:5px;
background-color:#e2e2e2;
  width: 50%;
margin: 0 auto;
 margin-bottom:-13px;
 display: none;
}
.line-3{
height:5px;
background-color:#e2e2e2;
  width: 65%;
margin: 0 auto;
 margin-bottom:-13px;
 display: none;
}



.line2{
height:5px;
background-color:#e2e2e2;
  width: 100%;
margin: 0 auto;
 margin-bottom:0px;
}
 #and{
  font-weight: bold;
   cursor: default;
  padding: 10px;

    color: #337ab7;
	  width: 35px;
  height: 42px;
  margin: 1px;
  font-weight: bold;
  border: 0px solid #257eb3;
  padding: 0px;
  border-radius: 5px;
  text-indent: 0px;
}
}
  .carousel-control.left, .carousel-control.right{
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0) 0, rgba(0,0,0,0.0000) 0%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,0.0) 0, rgba(0,0,0,0.0000) 0%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0)), to(rgba(0,0,0,0.0000)));
  background-image: linear-gradient(to right, rgba(0,0,0,0.0) 0, rgba(0,0,0,0.0000) 0%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  }
  
 .carousel-indicators li{  width: 5px!important; height: 5px!important;  font-weight: bold;
  border: 2px solid #257eb3;
  padding: 5px;
  border-radius: 50%;
  text-indent:0px;
    line-height: 1.4em;
	  margin: 0px;
  }
  .carousel {
  margin-bottom: 0px;
  }
  .carousel-indicators .active {
  margin: 0;
  width: 5px!important;
  height: 5px!important;
  background-color: #257eb3;
  color:#fff;
   padding: 5px;}
  
  
  .carousel-indicators {
  position: relative;
  bottom: 0px; 
  left: 0%;
  z-index: 15;
  margin:auto;
  padding-left: 0;
  list-style: none;
  text-align: center;
    color: #257eb3;
	  margin-bottom: 50px;
	}
  .titre{
   height: 60px;
  padding: 10px;
  }
 /* .smenu{
  margin-right:20px;
  margin-left:20px;
  }*/
 .top-buffer { margin-top:40px;}

.blockquote-pratice p {    -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 2px 1px #ddd; box-shadow: 0 2px 1px #ddd; margin-bottom: 30px; padding: 17px 20px; position: relative; white-space: normal;}
.blockquote-pratice p:after {    border-width: 11px;  margin-left: -1px;  border-top-color: #ddd;  margin-top: 2px;}
.blockquote-pratice p:before {   position: absolute; top: -7%; left: 17px; content: ''; display: block; height: 0; width: 0; overflow: hidden;   border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;}
.blockquote-pratice span {  clear: left; float: left; margin-right: 20px; height: 50px; width: 50px; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; background: #fff;}