body { background-image:url('/images/bg.jpg');  background-attachment:fixed; font-family: 'Questrial'; }
thead { background-color:#f2f2f2;  font-family: 'Questrial'; font-size:17px;  }
.datetimepicker thead {  background-color:#e53657!important; color:#fff !important; }
#identification { max-width:350px; margin:0 auto; margin-top:10%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0.2%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0.2%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0.2%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 color:#FFF; padding:15px; border-bottom:2px solid #F36;  }
.container { padding-top:50px; }
#identification .title { color:#FFF; text-align:center; margin-bottom:25px; }
#identification .title h1 { font-size:26px;  text-shadow: 2px 2px 4px black; font-family:  'Pacifico'; margin-top:15px; margin-bottom:0px;}
#identification form {  text-align:center }
#identification label { font-size:17px; text-align:center; text-transform:uppercase; font-family:'Raleway'; text-shadow: 2px 2px 4px black; font-weight:normal; color:#efefe; margin-top:15px;}
#identification input { background-color:rgba(0, 0, 0, 0.1); width:100%; height:45px; border:0px; margin-bottom:2px; text-align:center; color:#FFF !important;margin-top:7px; }
#identification input:hover { background-color:rgba(0, 0, 0, 0.2); width:100%; height:45px; border:0px; margin-bottom:2px; text-align:center; color:#FFF !important;margin-top:7px; }
#identification .btn2 { background-color:rgba(0, 0, 0, 0.1); width:100%; height:45px; border:0px; margin-bottom:2px; text-align:center; color:#FFF !important;margin-top:7px;padding-top:10px}
#identification .btn2:hover { background-color:rgba(0, 0, 0, 0.5); }

#identification input:focus { background-color:rgba(0, 0, 0, 0.3); }
#identification input:required { border:#F36; }
#identification .passeoublie { text-align:right }
#identification .passeoublie  a { color:#F2F2F2; }
#identification .erreur { color:#FC0; text-align:center; font-weight:bold }
#identification .success { color:#3F9; text-align:center; font-weight:bold }
.listlinkgestion a { color:#000 !important; text-decoration:none;  }
.listlinkgestion a:hover { color:#0097a7 !important  }
.themearticle { color:#0097a7}
.today { color:#e53657 !important }
.modal { margin-top:5%; }
.rose { color:#F36; }
.fs11 { font-size:11px; }
.fs16 { font-size:16px; }
.fs20 { font-size:20px; }
.fs24 { font-size:24px; }
.fs28 { font-size:28px; }
.gras { font-weight:bold }
.textaligncenter { text-align:center !important; }
.txtwhite { color:#FFF !important; }
.txtrose { color: #e53657 !important }
.txtvert { color: #2eada4 !important }
.txtnoir { color: #000 !important }
.marginright20  { margin-right:20px; }
.marginleft30 { margin-left:30px; }
.margintop50 { margin-top:50px; }
.margintop25 { margin-top:25px; }
.margintop15 { margin-top:15px; }
.margintop10 { margin-top:10px; }
.margintop20 { margin-top:20px; }

.clignote{
    animation: clignote 1s infinite;
}
@keyframes clignote{
    0%{opacity: 0.1;}
   10%{opacity: 0.3;}
   20%{opacity: 0.5;}
   30%{opacity: 0.6;}
   40%{opacity: 0.8;}
   40%{opacity: 1;}
   50%{opacity: 1;}
   60%{opacity: 0.8;}
   70%{opacity: 0.6;}
   80%{opacity: 0.5;}
   90%{opacity: 0.3;}
   100%{opacity: 0.1;}
}

.marginbottom50 { margin-bottom:50px; }
.marginbottom25 { margin-bottom:25px; }
.marginbottom15 { margin-bottom:15px; }
.marginbottom10 { margin-bottom:10px; }
.marginbottom20 { margin-bottom:20px; }

.padding15 { padding:15px; }
.padding20 { padding:20px; }
.padding25 { padding:25px; }
.margin15 { margin:15px; }
.margin20 { margin:20px; }
.margin25 { margin:25px; }
.paddingtop20 { padding-top:20px; }
.paddingbottom20 { padding-bottom:20px; }
.paddingtop10 { padding-top:10px; }
.paddingleft0 { padding-left:0px; }
.paddingright0 { padding-right:0px; }
.margin0 { margin:0px; }
.margintop15 { margin-top:15px; }

.tootool span {
  position:relative;
}
.tootool span[data-tooltip]:before {
  position: absolute;
  left: -10px;
  top: -40px;
  background-color: #010101;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(data-tooltip);
  white-space: nowrap;
  display: none;
  z-index:100
}
.tootool span[data-tooltip]:after {
    position: absolute;
    left: 12px;
    top: -10px;
    border-top: 7px solid #010101;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
    content: "";
    display: none;
    }
.tootool span[data-tooltip]:hover:after, .tootool span[data-tooltip]:hover:before {
    display: block;
    }


.titrepage { text-align:center; margin-top:25px; color:#FFF;}
.titrepage h1 { font-size:50px;   font-weight:bold; } 
.titrepage small { font-size:28px }
.traitsouligner { border-bottom:8px solid  #e53657; width:300px; margin:0 auto;  } 
.panel-rose { background-color:#e53657; color:#FFF; line-height:80px; font-size:25px; text-align:center; font-weight:bold }
.panel-rose:hover { background-color:#da2043; color:#FFF; text-decoration:none }
.panel-rose40 { background-color:#e53657; color:#FFF; line-height:40px; font-size:25px; font-weight:bold; padding-left:30px; }
.panel-rose40:hover { background-color:#da2043; color:#FFF; text-decoration:none }
.panel-gris { background-color:#fff; color:#000; line-height:80px; font-size:25px; text-align:center; font-weight:bold }
.panel-gris:hover { background-color:#f2f2f2; color:#000; text-decoration:none }
.panel-gris40 { background-color:#fff; color:#000; line-height:40px; font-size:25px; text-align:center; font-weight:bold }
.panel-gris40:hover { background-color:#f2f2f2; color:#000; text-decoration:none }
.txtdeconone a { text-decoration:none }
.gris  { color:#a8a9ab }
.panel h1 { font-family: 'Questrial', cursive; margin:8px; font-size:24px; font-weight:bold; color:#010101}
.modal-title {font-family: 'Questrial', cursive; font-weight:bold; color:#666 }
.panel-body { font-family: 'Raleway', sans-serif ; }
.panel-body .success { color:#e53657; text-align:center; font-weight:bold; margin-bottom:15px; font-family: 'Raleway';}
.btn-msr { background-color:#e53657 !important; color:#FFF !important; }
.btn-msr:hover { background-color:#d52143 !important; color:#FFF !important; }
.btn-bleu { background-color:#4a86e8 !important; color:#FFF !important; }
.btn-bleu:hover { background-color:#3776dd !important; color:#FFF !important; }
.btn-primary { background-color:#4a86e8 !important; color:#FFF !important; border:none; }
.btn-primary:hover { background-color:#3776dd !important; color:#FFF !important; }
.btn-gris { background-color:#c3c3c3 !important; color:#24272a !important; }
.btn-gris:hover { background-color:#a8a9ab !important; color:#24272a !important; }
.btn-quit { color:#000; text-decoration:underline; background-color:transparent !important}
.btn-msr2 { background-color:#fff !important; color:#666 !important; }
.btn-msr2:hover { background-color:#e53657 !important; color:#FFF !important; }
#modepaiement { text-align:center; }
#modepaiement h3 {  font-family: 'Raleway'; margin:8px;}
.marginleft20 { margin-left:20px; }
.marginleft10 { margin-left:10px; }
.marginright10 { margin-right:10px; }

#dureerenouvellement { text-align:center; }
#dureerenouvellement h2 { color: #F36; font-family:pacifico; }
#dureerenouvellement h3 { color: #30c98f; font-size:28px; font-family:Raleway; }
#dureerenouvellement h3 .del { color: #666; font-size:18px; font-family:Raleway; }

.etapehorizontal {text-align:center; padding-top:25px; padding-bottom:25px; }
.etapehorizontal  .span { font-size:18px; }  

.listesite1 { margin-bottom:8px; min-height:110px;  height:110px; float:left; width:25%; padding:4px; }
.listesite1 .statut1 { width:100%; height:110px; margin:3px; padding:2px; text-align:center; border:2px solid #f9f9f9;}
.listesite1 .statut1 i {color:#e9e9e9;}
.listesite1 .statut1 h1 {font-family: 'Raleway'; text-align:center; }

.listesite2 { margin-bottom:8px; min-height:110px;  height:110px; float:left; width:25%; padding:4px; }
.listesite2 .statut2 { width:100%; height:110px; margin:3px; padding:2px; text-align:center; border:2px solid #f9f9f9;}
.listesite2 .statut2 i {color:#e9e9e9;}
.listesite2 .statut2 h1 {font-family: 'Raleway'; text-align:center; }

.listesite3 { margin-bottom:8px; min-height:110px;   float:left; padding:4px; }
.listesite3 .statut3 { width:100%; margin:3px; padding:2px;border:2px solid #f9f9f9;}
.listesite3 .statut3 i {color:#e9e9e9;}
.listesite3 .statut3 h1 {font-family: 'Raleway'; text-align:center; }

.listesite a{ color:#FFF; margin-top:5px; } 
.listesite .fenetresite { background-color:#F96; margin:5px; } 

.themepresente { text-align:center; min-height:110px; }
.themepresente h2 { font-size:18px; }
.navbar {
      margin-bottom: 0px !important;
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-radius: 0px !important;
}
.navbar-brand { color:#e53657 !important }

 /* use a semi-transparent image for the overlay */
  #overlay {
    background-image:url(/media/img/overlay/transparent.png);
    color:#efefef;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:441px;
    overflow-y:auto;
  }