@import url('//fonts.googleapis.com/css?family=Open+Sans');
@import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

body {
 font-family:'Open Sans',sans serif;
 /*font-size:400;*/
}

/* --------------------------------------------------------------------------------------------------------------- */
/*                                        Barre de navigation et Header                                            */
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- */
/*     Extra small devices (phones, less than 768px)       */
/* ------------------------------------------------------- */
.navbar {
 font-family: 'Open Sans Condensed', sans-serif;
 font-size:1.8em;
 margin-bottom: 0;
}
.navbar-header {
 min-height:70px;
}
.navbar-toggle {
 margin-top:20px;
}
.navbar-inverse {
 background-color:#181818;
 border:none;
 text-transform: uppercase;
 font-weight:bold;

}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
 background-color:#181818;
 border-bottom:solid 3px #27769E;
 color: #fff;
}
.navbar-brand {
 max-width:100%;
 height:auto !important;
 padding:10px;
}
.navbar-nav > li {
 padding:0;
 margin:0;
}

#logo {
 background:url("/images/logo_125x47.png");
 height: 47px;
 width: 125px;
 background-size: 125px 47px;
}
.espace-villageois::after{
 content:" Espace villageois";
 font-family: 'Open Sans Condensed', sans-serif;
}
.webmail::after{
 content:" Webmail";
 font-family: 'Open Sans Condensed', sans-serif;
}
.villageois {
 font-family: 'Open Sans Condensed', sans-serif;
}

/* ------------------------------------------------------- */
/*     Large devices (large desktops, 1200px and up)       */
/* ------------------------------------------------------- */
@media (min-width:1200px){
 #logo {
  background:url("/images/logo_244x83.png");
  height: 83px;
  width: 244px;
  background-size: 244px 83px;
 }
 .navbar-header {
  min-height:103px;
 }
 .navbar-nav {
   margin-top: 40px !important; //if the logo has a 70px height.
 }
}

/* ------------------------------------------------------- */
/*     Medium devices (desktops, 992px and up)       */
/* ------------------------------------------------------- */
@media (min-width:992px) and (max-width:1200px){
 #logo {
  background:url("/images/logo_192x70.png");
  height: 70px;
  width: 192px;
  background-size: 192px 70px;
 }
 .navbar-header {
  min-height:90px;
 }
 .navbar-nav {
   margin-top: 30px !important; //if the logo has a 70px height.
 }
 .navbar-inverse {
  font-size:1.2em;
 }
}

/* ------------------------------------------------------- */
/*       Small devices (tablets, 768px and up)             */
/* ------------------------------------------------------- */

@media (min-width:768px) and (max-width:992px){
 #logo {
  background:url("/images/logo_192x70.png");
  height: 70px;
  width: 192px;
  background-size: 192px 70px;
 }
 .navbar-header {
  min-height:90px;
 }
 .navbar-nav {
   margin-top: 30px !important; //if the logo has a 70px height.
 }
 .navbar-inverse {
  font-size:1em;
 }
 .espace-villageois::after{
  content:"";
 }
 .webmail::after{
  content:"";
 }
}



/* ------------------- Menu déroulant ET clickable ------------------------- */
/*.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    margin-top: 0px;
}
nav > ul > li > ul {display:none}
nav > ul > li:hover ul {display:block}
nav > ul > li > ul > li > ul{display:none}
nav > ul > li > ul > li:hover ul {display:block}
*/



/* ---------------------------------------- Autres ? A ranger ---------------------------------------- */


#header { background-color:#181818; }
#vbox-slide { background-color:#181818; }

h1 { color:#27769E;font-size:2em; }

.vbox-white h1 { color:#27769E;font-size:2em; }

.vbox-black { background:#181818; color:#CCC; font-size:0.9em; margin-top:30px; }
.vbox-black .col-sm-4 { text-align:center; margin-top:20px; margin-bottom:20px; }
.vbox-black h5 { color:#CCC;font-size:1.5em; }


#vbox-blue { background:#d9edf7; margin:20px 0 40px 0; }
.green {color:#809E28 }
.big { font-size:2em; }
.red { color:red; }
.green { color:green; }

.erreur { background-color:#F00; color:#FFF; padding:10px; font-weight:bold;margin-bottom:10px; }
.info { background-color:#d9edf7; padding:10px;margin-bottom:10px; }
.warning { background-color:#ffeeaa; padding:10px; margin-bottom:10px; }



.required:after {
    content: "*";
    padding-left:5px;
    color:red;
}

/* --------------------------------------------------------------------------------------------------------------- */
/*                                                   Page Pack                                                     */
/* --------------------------------------------------------------------------------------------------------------- */

.btnbar {
 background-color:#EEE;
 border-bottom:solid 1px #CCC;
 padding-left:30px;
 padding-bottom: 20px;
}

.btnbar input, .btnbar a {
 font-size:1.4em;
}

.btnbar input {
 font-weight:bold;
}

p.price {
    color: #333;
    float: left;
    font-size: 22px !important;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px 40px 0 0;
    vertical-align: text-bottom;
    width: auto;
}
p.price strong span {
    font-size: 46px;
    vertical-align: baseline;
}
p.price strong {
    font-size: 28px;
    letter-spacing: -2px;
}
p.price .price-time {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.5px;
    margin: -15px 0 0;
}
p.price .price-time2 {
    color: #666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -0.5px;
    margin: -5px 0 0;
}

p.price2 {
    color: #666;
    float: left;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: -1px;
    margin: -10px 0 0 0;
    /*vertical-align: text-bottom;*/
    width: auto;
}
p.price2 strong span {
    font-size: 26px;
    /*vertical-align: baseline;*/
}
p.price2 strong {
    font-size: 18px;
    letter-spacing: -2px;
}
p.price2 .price-time {
    color: #666;
    display: block;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: -0.5px;
    margin: -9px 0 0;
   /* margin: -10px 0 0;*/
}
p.price2 .price-time2 {
    color: #666;
    display: block;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: -0.5px;
    margin: -3px 0 0;
    /*margin: -5px 0 0;*/
}


/* ---------------------------------------- Steps ---------------------------------------- */

@media (min-width:1200px){
 .steps {
  font-size:1.1em;
  line-height:1.2em;
 }
}
@media (max-width:1200px){
 .steps {
  font-size:0.8em;
  line-height:1.2em;

 }
}

.steps {
 background-color:#efefef;
}
.steps span.step {
    padding: 10px 12px 10px;
    margin-right: 5px;
    background: #efefef;
    position: relative;
    display: inline-block;
}
.steps span.step:before {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.steps span.step:after {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.steps span.step:first-child:before, .steps span.step:last-child:after {
    border: none;
}
.steps span.step:first-child {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}
.steps span.step:last-child {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
.steps span.step .badge {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}
.steps span.step:first-child .badge {
    margin-left: 0;
}
.steps span.current {
    background: #428BCA;
}
.steps span.current a {
    color: #fff;
}
.steps span.current:after {
    border-left-color: #428BCA;
}
.steps span.inactive {
    color: #999;
}

/* ---------------------------------------- Jumbotron (Accueil) ---------------------------------------- */

.jumbotron {
 font-family: 'Open Sans Condensed', sans-serif;
}

@media (min-width:768px){
 .jumbotron {

  height:570px;
  margin-bottom: 0;
 }

 .home-hero0 { background: url(images/hero.vezim.M.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .home-hero1{  background: url(images/hero.vezim.M.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .home-hero2 { background: url(images/hero.vezim.M.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .support-hero { background: url(images/hero.vezim.P.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .hebergement-hero { background: url(images/hero.vezim.MF.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .serveur-hero { background: url(images/hero.vezim.Y.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .infra-hero { background: url(images/hero.open.dc.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .domaine-hero { background: url(images/hero.vezim.A.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .ssl-hero { background: url(images/hero.vezim.F.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .application-hero { background: url(images/hero.vezim.A.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .experience-hero { background: url(images/hero.vezim.P.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .website-builder-hero { background: url(images/hero.vezim.F.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
}

@media (max-width:768px){
 .jumbotron {
  background-color:#181818;
  height:570px;
  margin-bottom: 0;
 }
 .home-hero0 { background: url(images/hero.vezim.M.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .home-hero1{  background: url(images/hero.vezim.M.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .home-hero2 { background: url(images/hero.vezim.M.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .support-hero { background: url(images/hero.vezim.P.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .hebergement-hero { background: url(images/hero.vezim.MF.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .serveur-hero { background: url(images/hero.vezim.Y.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .infra-hero { background: url(images/hero.open.dc.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .domaine-hero { background: url(images/hero.vezim.A.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .ssl-hero { background: url(images/hero.vezim.F.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .application-hero { background: url(images/hero.vezim.A.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .experience-hero { background: url(images/hero.vezim.P.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 .website-builder-hero { background: url(images/hero.vezim.F.1660x730.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
}

.jumbotron h1, .jumbotron p {
 color:white;
 font-weight:bolder;
 text-shadow: black 0.1em 0.1em 0.2em;
}
.jumbotron h1 {
 font-size:3em;
}

/* col-xs-12 col-sm-6 col-sm-offset-6 col-md-5 col-md-offset-7 */

/* USING LESS
.jumbotron-texte {
 .col-xs-12;
 .col-sm-6;
 .col-sm-offset-6;
 .col-md-5;
 .col-md-offset-7;
}*/

/* ---------------------------------------- Accueil ---------------------------------------- */

.domain_box {
 text-align:center;
 padding-top:30px;
 padding-bottom:70px;
 padding-left:10%;
 padding-right:10%;
}
.domain_box h1 {
 color:#FFF;
 font-size:2em;
}


/* ---------------------------------------- Backgrounds ---------------------------------------- */


.bluedark {
 background-color:#27769E;
 background-image:url("images/bg-darkblue.png");
 color:#FFFFFF;
}

.greydark {
 background-color:#181818;
 background-image:url("images/bg-darkgrey.png");
 color:#FFFFFF;
}


/* ---------------------------------------- Footer ---------------------------------------- */

.footer { margin-top:40px;text-align:center; }
.footer .col-sm-4 { text-align:center; margin-top:80px; margin-bottom:20px; }
.footer .footer-title { display:block; color:#CCC; font-size:1.5em; }
.footer p.trademark { margin-top:60px; font-weight:bold; color:#CCC; }
@media (max-width:768px){ .footer p.trademark {font-size:0.7em;}}
.footer p.footerlink { margin-bottom:60px; font-size:0.8em; }
@media (max-width:768px){ .footer p.footerlink { font-size:0.6em;}}
.footer a:hover { text-decoration:none; }



/* ---------------------------------------- Support ---------------------------------------- */

.aside { text-align:center; /*border-left: solid 3px grey;*/ }


.form-waiting{}

.form-submitting:after {
    background: url("data:image/gif;base64,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") no-repeat scroll center center / 25px 25px rgba(0, 0, 0, 0);
    content: "Veuillez patienter...";
    display: block;
    height: 25px;
    width: 300px;
    margin-left: 60px;
    margin-top: -30px;
    text-align:right;
}


/* --------------------------------------- Login ------------------------------------------- */
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  text-align:center;
}

.form-signin-heading { font-size:1.5em; }

.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  /*margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;*/
  margin-bottom: 10px;
  text-align:center;
  font-weight:bold;
}
.form-signin input[type="password"] {
  /*margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;*/
  text-align:center;

}

/* --------------------------------------- Spinner ------------------------------------------- */
.spinner, 
.spinner-small {
    height: 40px;
    width: 40px;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -20px 0 0;
    border: 2px solid #fff;
    border-top: 2px solid #24B498;
    border-radius: 100%;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
}
.fade.in .spinner, 
.fade.in .spinner-small {
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
}
.spinner-small {
    border: 2px solid rgba(0,0,0,0.05);
    border-top: 2px solid #24B498;
    height: 30px;
    width: 30px;
    margin: -15px -15px 0 0;
}