body {
    font-family: 'Roboto', sans-serif;
}


/* form */

.checkbox{width:50px}
.inline {
display: inline-block;
}
label {
min-width: 120px;
}
.titleprghp {
min-height: 20px;

  
  margin-bottom: 20px;
  background-color: #9bc5da;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 
}
.titleprghp-quest {
min-height: 10px;
 margin-bottom: 10px;
 color: white;
  background-color: #FA5882;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 
}
.titleprghp-sm {
  padding: 9px;
  border-radius: 3px;
}
.well {
  min-height: 20px;
  padding: 10PX 19px;
  margin-bottom: 20px;
  background-color: #ffffe1;
  border: 1px solid #f5f550;
  border-radius: 4px;
  text-align:center;
}
.well {  
  background-color: #9bf0a2;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well2 {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #e1e3e4;         
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 
}
.well3 {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color:  #dbe1e6;         
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 
}
.titre-contact {
	text-align: center;
}

.inscripasse {
background:#d6e4ea;

color: #000;
font-size: 18px;
padding-top:auto;
padding-bottom:auto;
text-align: center;
min-width: 120px;
}
.obligatoire {color: red;}

.jumbotron2 {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #f6d4d4;
}
.jumbotron2 h1,
.jumbotron2 .h1 {
  color: inherit;
}
.jumbotron2 p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron2 > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron2,
.container-fluid .jumbotron2 {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron2 .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron2 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron2,
  .container-fluid .jumbotron2 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron2 h1,
  .jumbotron2 .h1 {
    font-size: 63px;
  }
}
.cRetour {
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  z-index:99999;
  transition:all ease-in 0.2s;
  position: fixed;
  cursor: pointer;
  bottom: 1em;
  right: 20px;
  display: none;
}
.cRetour:before{ content: "\25b2"; }
.cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}
.navbar-brand{ 
  background: url(https://www.cascstjulien.fr/images/index/casc1.gif) center / contain no-repeat;
  width: 200px;
}
.text-footer{
	font-size:12px;
	text-align:center;
}
.img-statuts{
	width:100%;
}
.statuts-titre{
	padding: 5px; 
	width :550px; 
	margin:auto; 
	background-color:#9ba0ee; 
	border:2px solid #656ab0; 
	-moz-border-radius:9px; 
	-khtml-border-radius:9px; 
	-webkit-border-radius:9px; 
	border-radius:9px;
}
.well-titre {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #9bf0a2;
  border: 2px solid #3ba844;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.btn-ca {
      box-shadow: 1px 2px 5px #000000;   
  }
  
  .bv-form .help-block {
    margin-bottom: 0;
}
.bv-form .tooltip-inner {
    text-align: left;
}
.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}
#success_message{ display: none;}


/* (programme)*/

.well4 {
  min-height: 20px;
  width:90%;
  padding: 19px;
   margin-bottom: 20px;
  background-color: #e1e3e4;         
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
		  

}
.accordion, .accordion2, .accordion3 {
	background-color: #ccc;
    color: #444;
	border-radius:6px;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion, .accordion2, .accordion3:hover {
    background-color: #bbb;
}


.accordion:after {
    content: 'en savoir \002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.accordion2:after {
    content: '';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.accordion3:after {
    content: '';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "";
}


.panel {
    padding: 0 18px;
    background-color: #ddd;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}	

/* fin programme*/
.btn-ca {
  color: #fff;
  background-color: #63787e;
  border-color: #a0a6a8;
}
/* NEWS LINE */
@keyframes pulse_animation {0% { transform: scale(1); } 30% { transform: scale(1); } 40% { transform: scale(1.08); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.05); } 80% { transform: scale(1); } 100% { transform: scale(1); }}
.lien_deja_inscrit{cursor:pointer; color:#a97e00 !important; animation-name: pulse_animation; animation-duration: 2000ms; transform-origin:70% 70%; animation-iteration-count: infinite; animation-timing-function: linear;}
.lien_deja_inscrit {color:#805f01 !important; font-size:16px;}
.lien_deja_inscrit:hover{color:#634a03 !important; font-size:16px;}
.lien_deja_inscrit2{cursor:pointer; color:#fff !important; animation-name: pulse_animation; animation-duration: 2000ms; transform-origin:70% 70%; animation-iteration-count: infinite; animation-timing-function: linear;}
.lien_deja_inscrit2 {color:#fff !important; font-size:16px;}
.lien_deja_inscrit2:hover{color:#fff !important; font-size:16px;}

#myBtn{position: fixed; z-index:1; right: 20px; bottom: 20px; border-radius:5px; border:0; padding: 9px 18px; background-color:#00000040; cursor:pointer; color:#FFF !important; font-weight:bold;}
#myBtn:hover{background-color:#000;}
#myBtn .fa-angle-double-up{color:#FFF !important; font-size:20px;}
#myBtn.hide{display:none !important;}

.btn-success2 {
  color: #fff;
  background-color: #9bf0a2;
  border-color: #4cae4c;
}

.reponse-invalide{text-align:center; padding:10px 20px; background: #da9b9b; color: #750101; border: 1px solid #c12626; border-radius:5px; margin:0 auto 20px auto;}

#cookies-banner{ position:fixed; top:50; left:0; z-index:9999; width:100%; border-radius:0; padding:5px 10px; vertical-align:middle; margin:0; }

/* Code postal*/

.example {
  margin: 0 50px;
  box-shadow: 0 1px 1px #ccc;
}
.example iframe {
  display: block;
  margin: -0;
}
.example.static {
  padding: 15px;
  background: #fff;
}
.example pre {
  margin: 15px -15px -15px;
  padding: 15px;
  background: #f3f5f6;
  line-height: 1.4em;
  tab-size: 2;
}
.json .key,
.url .key{
  font-weight: bold;
}
.json .string,
.url .string {
  color: #191;
}
.json .number,
.url .number  {
  color: #11b;
}
.json .tag,
.url .tag  {
  color: #b1b;
}

#output {
  clear: left;
  padding: 0 50px;
}
a {
  text-decoration: none;
  color: #334499;
}
#output a {
  display: block;
  padding: 2px;
}
#output a:hover {
  background: #ccd5f0;
}

.card {
  clear: left;
}
.card label {
  float: left;
  width: 80px;
}
code {
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 1px 2px;
  color: #333;
  position: relative;
  top: -1px;
}
pre,
code {
  font-size: 12px;
  font-family: 'Fira Mono', monospace;
}

.li2{
  color: red;
}
 .font0 { font:7pt Arial, sans-serif; }
 .font1 { font:10pt Arial, sans-serif; }
 .font2 { font:11pt Arial, sans-serif; }
 .font3 { font:12pt Arial, sans-serif; }
 .font4 { font:38pt Arial, sans-serif; }
mark {
  background-color: yellow;
  color: black;
}