.navbar-inverse {
  padding-bottom: 20px; 
}

/******************** Manuel d'utilisation ************************************/
.manuel_content p{
  text-align: justify;
  margin-left: 2%; 
}

.manuel_content h4{
  background-color: #114982;
  color: white; 
  padding: 10px;  
}

.manuel_content em.blue{
  color: darkBlue; 
}

.manuel_content em.orange{
  color: orange; 
}


/***************** Menu save *************************************************/
.gestion-sauvegardes p{
  margin-left: 20px; 
  text-align: justify;
}

/********************Modale progress bar *****************************/
.progressBar {
    width: 300px;
    background: white;
    border: solid 3px #000;
    height: 30px;
}
 
.bar {
    background: #00067B;
    height: 28px;
    width: 10%;
}

.progressBar p{
  color: #00067B; 
  font-weight: bold;
}

#modal_progression{
  pointer-events: none;
}
/**************/
#infosLegales p{
  text-align: center; 
}
/*********************input pour abonnement page 3********************/
#inputAbo{
  border:none; background-color:transparent; width:50px;
}

/***********************fieldset abo page 5 *****************************/
#field{
  background-color:#114982;color:white; border-radius:15px
}
#fieldTotal{
  background-color:darkOrange;color:white; border-radius: 15px; 
}

/**************************Lien j'active mon compte************************************/

#activerCompte a{
  color:orange;font-size:1.2em;
}
#connexionUser a{
  color : #2EDDD0;font-size:1.2em;
}
#sessionName{
  color:white;margin-right:10px;text-align: center
}
/***************Modal à l'arrivée sur le site ************************/
#mod{
  width: 100%; 
  pointer-events: none;
}
#mod .modal-content, #mod .modal-body, #mod .modal-dialog{
  background-color:#114982;
}
#mod .modal-body img{
  width:50%;height:auto;margin-top:30px;
}
#mod .modal-body h1{
  color:white;
  margin-bottom: 30px;
}
#mod .modal-footer{
  text-align: center; 
   pointer-events: auto; 
}
/*****************modales de confirmation*******************/
#modaleConfirmation{
  width: 100%; 
  pointer-events: none;
  padding : 20px;
  border-radius: 15px; 
}
#modaleConfirmation p{
  padding: 20px; 
}
#modaleConfirmation .modal-body{
  text-align: center; 
   pointer-events: auto; 
}
/*****************modales de refus*******************/
#modaleRefus{
  width: 100%; 
  pointer-events: none;
  padding : 20px;
  border-radius: 15px; 
}
#modaleRefus p{
  padding: 20px; 
  color : red;
}
#modaleRefus .modal-body{
  text-align: center; 
   pointer-events: auto; 
}
/*******************disposition images galerie et presse ***************************/
.galeries{
  min-height:100%;background-color:#FFFFFF;margin-top:0px;padding-bottom:50px;
}
/***************lien vers se connecter sur le menu******************/
#seco a{
  color:#4ACD56; 
}
#seco a:hover{
  text-decoration: underline;
}
/****************************/
#footerP p a{
  color : #FF9926;
}
#myFooter{
  background-color: #113863; 
  padding : 1%; 
}
/*-------------------vignettes accueil-----------------------*/
.accordion{
  width:100%;
  max-width:1080px;
  height:250px;
  overflow:hidden;
  margin:10px auto;
}
.accordion ul{
    width:100%;
    display:table;
    table-layout:fixed;
    margin:0;
    padding:0;
}
.accordion ul li{
      display:table-cell;
      vertical-align:bottom;
      position: relative;
      width:16.666%;
      height:250px

      background-repeat:no-repeat;
      background-position:center center;

      transition:all 500ms ease;
}
.accordion ul li div{
        display:block;
        overflow:hidden;
        width:100%;
}
.accordion ul li div a{
          display:block;
          height:250px;
          width:100%;

          position:relative;
          z-index:3;
          vertical-align:bottom;
          padding:15px 20px;
          box-sizing:border-box;
          color:#fff;
          text-decoration:none;
          font-family:Open Sans, sans-serif;
          
          transition:all 200ms ease;
}
.accordion ul li div a *{
            opacity:0;
            margin:0;
            width:100%;
            text-overflow:ellipsis;
            position:relative;
            z-index:5;
            
            white-space:nowrap;
            overflow:hidden;
            
            -webkit-transform:translateX(-20px);
            transform:translateX(-20px);

            -webkit-transition:all 400ms ease;
            transition:all 400ms ease;
}
.accordion ul li div a h2{
            font-family:Montserrat,sans-serif;
            text-overflow:clip;
            font-size:24px;
            text-transform:uppercase;
            margin-bottom:2px;
            
            top:160; 
}
.accordion ul li div a p{
            top:160; 
            font-size:13.5px;
}
/*------------------------------page accueil --------------------------------------------------*/
.accordion ul#acc li:nth-child(1) { background-image:url(../../..//images/poigneeMain.png); background-repeat: no-repeat; background-color: white;}
.accordion ul#acc li:nth-child(2) { background-image:url(../../..//images/fiberBleu.png); }
.accordion ul#acc li:nth-child(3) { background-image:url(../../..//images/speed.png); }

/*-------------------------page services--------------------------------------------------------*/
.accordion ul#serv li:nth-child(1) { background-image:url(../../..//images/mairie.png);background-repeat: no-repeat; background-color: white}
.accordion ul#serv li:nth-child(2) { background-image:url(../../..//images/serveurs.png); }
.accordion ul#serv li:nth-child(3) { background-image:url(../../..//images/particulier.png); background-repeat: no-repeat; background-color: white}

.accordion ul:hover li { width:8%; }
.accordion ul:hover li:hover{
  width:60%;
}
.accordion ul:hover li:hover a{
background:rgba(0,0,0,.4);
}
.accordion ul:hover li:hover a *{
  opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0);
}


@media screen and (max-width: 600px){
  
  body { margin:0; }
  
.accordion ul, ul:hover, li, li:hover{
        position:relative;
        display:table;
        table-layout:fixed;
        width:100%;
        
        -webkit-transition:none;
        transition:none;
  }

}

#vignettesServices{
  text-align: center;
  padding : 3% 0% 2% 0%; 
}
#vignettesServices img, #vignettesServices span{
  width: 8%; 
  height : 15%; 
  margin : 0px 130px 20px 20px;
}

#containerServices{
  padding:2%;
}
#containerServices p{
  margin-top: 20px;
}

/*---------------------------pavés gestion administrateur --------------------------------*/
#menuAdmin{
  margin-left:10%;
  margin-bottom: 20px; 
}
#menuAdmin div{
  display:inline-block;
  width:45%; 
  margin-right: 10px; 
}
#menuAdmin div a{
  padding: 5%; 
}

/******************/
/*.opac{
  opacity: 0.6; 
}*/

.inputVide{
	border : solid 1px transparent;
	background-color:transparent;
}

.accueil{
  /*background-color: #ED944C;*/
	background-color: #FFFFFF;
/*  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);*/
    /*padding-top: 20px;*/
    /*padding-bottom: 20px; */
}



.marge5{
	margin-left: 5%; 
	margin-right: 5%;
}

.red{
	color:red;
}

/************couverture si javascript désactivé************************/
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  /*background-color: #114982; */
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}
.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}
.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}

@media (min-width: 768px) {
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  .site-wrapper-inner {
    vertical-align: middle;
  }
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}

.no-script{
  background-color:#0B1470; width:100%;height:100%
}

.photos{
  margin-top: 10px;
}

.photos ul{
  padding : 0 0 0 0 ;
  margin: 0 0 0 0;
}

.photos ul li{
  list-style-type: none; 
  margin-bottom: 25px;
}

.photos ul li img{ 
  cursor: pointer;
}
/*# sourceMappingURL=bootstrap.css.map */


/************************************************************************************************************************/

.border{
  border-bottom:solid 1px; 
  /*margin-top: 50px; */
/*  margin-bottom: 20px; */
}

.borderDotted{
  border-bottom:dashed 1px #aaa; 
  width: 100%; 
}

#CGV{
  background-color: #D4FAF5;
  border-radius: 5px;
}

.errorMessage{
  color : #F50F48;
  text-align: center; 
}

.inline{
  display: inline-block;
}

#marge30{
  margin-right:30px;
}

#marge40{
  margin-left: 40%; 
}

.underline{
  text-decoration: underline;
}

.errorMessage{
  text-align: center; 
  color: #F50F48; 
}

#tableList tr:nth-child(even), #ap tr:nth-child(even) {
  background-color: #CEF3FF;
}

#filters{
  background: #0a1e2b;
  background-image: -webkit-linear-gradient(top, #0a1e2b, #16415c);
  background-image: -moz-linear-gradient(top, #0a1e2b, #16415c);
  background-image: -ms-linear-gradient(top, #0a1e2b, #16415c);
  background-image: -o-linear-gradient(top, #0a1e2b, #16415c);
  background-image: linear-gradient(to bottom, #0a1e2b, #16415c);
}

.span3 {  
    height: 800px !important;
    overflow: scroll;
}​