Envole » Envole-Mutualisé » envole-themes

body {

  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;

  font-size-adjust: 0.58;

          text-align: justify;

    text-justify: inter-word;

}

a {

  color: #00B7FF;

}

aside{

    /* background: none repeat scroll 0 0 #FFF; */

    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);

    margin: 1.5em 0 1.5em -1.5em;

    padding: 0.75em 0.5em 0.75em 1em;

    /* border-left: 0.5em solid rgba(221, 221, 221,.5); */

    text-align: center;

    min-height: 150px

}

aside H3{

        Color:rgb(55,55,55);

        text-shadow: 1px 1px 0 rgba(51, 136, 51,.5);

}

aside p {

    margin-top:1em;

    text-align: justify;

    text-justify: inter-word;

}

section{

        margin-top:1em;

}

.container .entete {text-align: right;}

.container .entete H2{text-shadow: -1px -1px 0 rgba(85, 85, 85,.5);}

.container .entete p {color:#3498DB;font-style: oblique;/*text-shadow: 1px 1px 0 rgba(51, 136, 51,.5);*/}

.container .entete:first-child:before {

        content:"  ";

    display: block;

    float: left;

    height: 50px;

    margin: 0 1em;

    transition: background-color 0.25s linear 0s;

    width: 140px;

}

div.logo{

    float: left;

    margin: 0 0 0 10px;

    width: 150px;

    display: none;

}

div.logo img {

        width:150px;

        height:150px;

}

article div {text-align: center;margin :1em 0;}

mark{

        text-shadow: 1px 1px 0 rgba(85, 85, 85,.5);

        color:rgba(85, 85, 85,1);

        font-style: oblique;

}

article p,article ul {

        border-left:.1em solid rgba(18,179,223,1);

        padding-left: 1em;

}

.etap {

        margin-top: 40px;

    }

    .etap {

        border-bottom: solid 1px #e0e0e0;

        padding: 0 0 10px 0;

    }

    .etap > .etap-step {

        padding: 0;

        position: relative;

    }   

    .etap > .etap-step .etap-num {

        font-size: 17px;

        margin-top: -20px;

        margin-left: 47px;

    }

    .etap > .etap-step .etap-info {

        font-size: 14px;

        padding-top: 27px;

    }

    .etap > .etap-step > .etap-icon {

        position: absolute;

        width: 70px;

        height: 70px;

        display: block;

        background: #3BB9C4;

        top: 45px;

        left: 50%;

        margin-top: -35px;

        margin-left: -15px;

        border-radius: 50%;

    }

    .etap > .etap-step > .progress {

        position: relative;

        border-radius: 0px;

        height: 8px;

        box-shadow: none;

        margin-top: 37px;

    }

   .etap > .etap-step > .progress > .progress-bar {

       width: 0px;

       box-shadow: none;

       background: #3BB9C4;

   }

    .etap > .etap-step.complete > .progress > .progress-bar {

        width: 100%;

    }

    .etap > .etap-step.active > .progress > .progress-bar {

        width: 50%;

    }

    .etap > .etap-step:first-child.active > .progress > .progress-bar {

        width: 0%;

    }

    .etap > .etap-step:last-child.active > .progress > .progress-bar {

        width: 100%;

    }

    .etap > .etap-step.disabled > .etap-icon {

        background-color: #f5f5f5;

    }

    .etap > .etap-step.disabled > .etap-icon:after {

        opacity: 0;

    }

    .etap > .etap-step:first-child > .progress {

        left: 50%;

        width: 50%;

    }

    .etap > .etap-step:last-child > .progress {

        width: 50%;

    }

    .etap > .etap-step.disabled a.etap-icon {

        pointer-events: none;

    }

    i.glyphicon {

    color: rgb(0, 0, 0);

    font-size: 38px;

    padding-left: 2px;

    padding-top: 16px;

    }

hr.bighr {   background-color: rgb(92, 184, 92);color: #333; margin: 6em 0 3em; padding: 0; border: none; border-top: medium double #333;  text-align: center;} 

hr.bighr:before {background: white;content:"§";color: rgb(92, 184, 92); display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; }

hr.soften {

  height: 1px;

  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));

  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));

  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));

  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));

  border: 0;

}

.active >.etap-icon{background-color: #428BCA;}

@-webkit-keyframes etape {

  0%   { background-color: #f5f5f5; }

  100% { background-color: #428BCA; }

}

@-moz-keyframes etape {

  0%   { background-color: #f5f5f5; }

  100% { background-color: #428BCA; }

}

@-o-keyframes etape {

  0%   { background-color: #f5f5f5; }

  100% { background-color: #428BCA; }

}

@keyframes etape {

  0%   { background-color: #f5f5f5; }

  100% { background-color: #428BCA; }

}

.col-xs-3:hover .etap-icon,

.col-xs-3:hover .progress-bar,

.col-xs-3:focus .etap-icon,

.col-xs-3:focus .progress-bar,

.col-xs-3:active .etap-icon,

.col-xs-3:active .progress-bar

{

  animation: etape 1.5s ease-in-out;

  background-color: #428BCA;

}

/*css checkbox*/

input[type="checkbox"], input[type="radio"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  border-radius: 3px;

  height: 20px;

  width: 20px;

  background: #f8f8f8;

  border: 1px solid #aaa;

  box-shadow: inset 0 1px 3px rgba(0,0,0,.3);

  position: relative;

  vertical-align: middle;

  display: inline-block;

  margin: 0 !important;

}

input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {

  font-family: FontAwesome;

  content: '\002713';

  color: #3071a9;

  position: absolute;

  left: 3px;

}

#supp .form-control {

  padding: 0 12px;

}

/*modal*/

.modal {

    background: rgba(0, 0, 0, 0.8);

    text-align: left;

}

.modal-content {

    margin: 15% auto;

    padding: 20px;

    width: auto;

    max-width: 40%;

}

.close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}

.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}

.icon{

 display: inline-block;

 height: 16px;

 width: 16px;

 cursor: pointer;

 background-size: 100%;

 background-repeat: no-repeat;

}

.icon-share{

 background-image: url('../../assets/img/share.svg');

}

.icon-unshare{

 background-image: url('../../assets/img/unshare.svg');

}

.icon-more{

 background-image: url('../../assets/img/more.svg');

}

.bold{font-weight: bold;}

/*share form*/

form#share div.form-group{

  margin-bottom: 0;

}

form#share input{

  border-radius: 0;

}

form#share ul{

  list-style: none;

  padding: 0;

  border: 1px solid #ccc;

}

form#share ul li{

  height: 34px;

  line-height: 34px;

  padding: 0 5px;

}

form#share ul li:nth-child(even){

  background: #eee;

}

form#share span.alert {

  margin: 5px 0 0 0;

  display: block;

  padding: 5px;

  }

form#share ul li:hover{cursor: pointer;}

.center{text-align: center;}