/* ----------------------- */
/* debut params form prog  */
/* ----------------------- */
#frmlr {
 width: 80%;
 float: left;
 margin: 1% 10%;
 padding: 0;
 box-sizing: border-box;
}
#frmlr h2 {
 font-size: 160%;
 line-height: 110%;
 font-weight: bold;
 color:#000000;
 text-decoration: none;
 margin: 1% 0;
 padding: 0;
}
#frmlr p {
 font-size: 130%;
 line-height: 110%;
 font-weight: bold;
 text-decoration: none;
 margin: 2% 0;
 padding: 0;
}

label.checkbox-label {
 font-size: 95% !important;
 line-height: 100% !important;
 font-weight:normal !important;
 margin: 0;
 padding: 0 0 0 0.5% !important;
}
label.checkbox-label input[type=checkbox]{
    position: relative;
    right: 2px;
    vertical-align: top;
    bottom: 1px;
}
label.checkbox-label input[type=checkbox]#sstCpy4{
    position: relative;
    right: 2px;
    vertical-align: middle;
    bottom: 2px;
}
label.checkbox-label-fmt {
 font-size: 100% !important;
 line-height: 100% !important;
 font-weight: normal !important;
 margin: 0 !important;
 padding: 0 0 0 0.5% !important;
}
label.checkbox-label-fmt input[type=checkbox]{
    position: relative;
    right: 2px;
    vertical-align: middle;
    bottom: 2px;
}
label.checkbox-label-coord {
 font-size: 100% !important;
 line-height: 100% !important;
 font-weight: normal !important;
 margin: 0 !important;
 padding: 0 0 0 0.5% !important;
}
label.checkbox-label-coord input[type=checkbox]{
    position: relative;
    right: 2px;
    vertical-align: middle;
    bottom: 2px;
}
label.radio-label {
 font-size: 100% !important;
 line-height: 110% !important;
 font-weight:normal !important;
 margin: 0.5% 0;
 padding: 0 0 0 0.5%;
}
label.identReal {
display: inline !important;
}
#frmPrg input[type=radio]#tarif1 {
 display: table-cell;
 vertical-align: middle
 position: relative;
 margin: 0.3% 0;
 padding: 0;
 float: left;
}
#frmPrg input[type=radio]#tarif2 {
 display: table-cell;
 vertical-align: middle
 position: relative;
 margin: 0.75% 0;
 padding: 0;
 float: left;
}
form#frmPrg {
  background: #F7F7F7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 margin: 0;
 padding: 3%;
}
#frmPrg legend {
 font-size: 130%;
 line-height: 110%;
 font-weight: bold;
 color:#000000;
 text-decoration: none;
 margin: 0 3%;
 padding: 0;
}
#frmPrg label {
 font-size: 115%;
 font-weight:bold;
 color:#5C5C5C;
 margin: 0;
 padding: 0;
}
#frmPrg input:required:invalid, #frmPrg input:focus:invalid, #frmPrg textarea:required:invalid, #frmPrg textarea:focus:invalid {
    background-image: url(../img/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px #ff6600;
    border-color: #b03535;
  }
#frmPrg input:required:valid, #frmPrg textarea:required:valid {
    background-image: url(../img/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px #5cd053;
    border-color: #28921f;
  }
#frmPrg input {
    border:1px solid #aaa;
    border-radius:2px;
    font-size:105%;
    margin: 0.5% 0;
    padding: 0.5%;
}
#frmPrg textarea {
    border:1px solid #aaa;
    border-radius:2px;
    font-family: Arial,"Trebuchet MS";
    font-size:105%;
    font-style: normal;
    margin: 0.5% 0;
    padding: 0.5%;
    resize:none;
}
#frmPrg select#filmCateg, #frmPrg select#filmTheme, #frmPrg select#prscReal {
    width:30%;
    color:#232323;
    font-style: normal;
    border:1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:100%;
    margin: 0.5% 0;
    padding: 0.5%;
}
#frmPrg select#dureeHr, #frmPrg select#dureeMin, #frmPrg select#dureeSec {
    width:6%;
    color:#232323;
    font-style: normal;
    border:1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:100%;
    margin: 0.5% 0;
    padding: 0.25%;
}
#frmPrg input:focus, textarea, textarea:focus, select {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
.rmq {
font-size:95%;
line-height:115%;
font-style:italic;
color:#5C5C5C;
margin: 1% 0;
padding: 0;
}
.oblg {
font-size:16px;
font-weight:bold;
color:#5C5C5C;
}
.repautBx {
font-size:12px !important;
vertical-align:middle !important;
padding-top:2px !important;
padding-bottom:2px !important;
}
.repautBx1 {
  opacity: 0;
  max-height: 50px;
  overflow: hidden;
  font-size:12px !important;
  vertical-align:middle !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}
input[type="radio"]#tarif2:checked ~ .repautBx1 {
  transform: scale(0.8);
  transition: 0.5s;
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
  transform: scale(1);
}
.repautBx2 {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  font-size:12px !important;
  vertical-align:middle !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}
input[type="radio"]#prscReal3:checked ~ .repautBx2 {
  transform: scale(0.8);
  transition: 0.5s;
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
  transform: scale(1);
}
.infFlm, .infReal, .infCpy, .infProm, .infCmpl {
  max-width:100%;
  padding: 2.5%;
  border:2px solid #ff6600;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;	
  border-radius:8px;	
}
.ident1Real {
  padding-left:0;
  border:0;
  display:inline-block;
  vertical-align:top;
}
.ident2Real {
  padding-left: 3%;
  border:0;
  display:inline-block;
  vertical-align:top;
}
#successMsg {
  width: 70%;
  border-style: solid;
  border-width: 1,2px;
  border-color: #ff6600;
  background-color:#ffffff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#errorMsg {
  width: 70%;
  border-style: solid;
  border-width: 1,2px;
  border-color: #FF0000;
  background-color:#ff8080;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.frmSbmt {
font-size:20px;
font-weight:bold;
color:#232323;
text-align:center;
padding-top:15px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
}
/* Button Style */
#btn-org {
font-size:105%;
font-weight:bold;
color:#ffffff;
line-height:150%;
background-color:#ff6600;
background-position: center;
box-shadow: 3.5px 4px 0px #aaa;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 0.5% 0;
padding: 1% 1.5%;
text-align:center;
text-decoration:none;
}
#btn-org:hover {
font-size:105%;
font-weight:bold;
color:#232323;
line-height:150%;
background-color:#E6E6E6;
background-position: center;
box-shadow: 3.5px 4px 0px #aaa;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 0.5% 0;
padding: 1% 1.5%;
text-align:center;
text-decoration:none;
}
:-moz-placeholder {
color:#5C5C5C;
font-size:13px;
font-style:italic;
}
::-moz-placeholder {
color:#5C5C5C;
font-size:13px;
font-style:italic;
}
:-ms-input-placeholder {
color:#5C5C5C;
font-size:13px;
font-style:italic;
}
::-webkit-input-placeholder {
color:#5C5C5C;
font-size:13px;
font-style:italic;
}
/* --------------------- */
/* fin params form prog  */
/* --------------------- */

/* -------------------------- */
/* debut params Media Queries */
/* -------------------------- */
@media (max-width: 768px) {
#frmlr {
  display: block;
  float: left;
  width: 100%;
  margin: 1% 0;
  padding: 0;
}
form#frmPrg {
  display: block;
  float: left;
  width:92%;
  margin: 0 2%;
  padding: 2%;
}
form#frmPrg h2 {
 font-size: 120%;
 line-height: 100%;
 margin: 0;
 padding: 1% 0;
}
form#frmPrg p {
 font-size: 120%;
 line-height: 100%;
 margin: 0;
 padding: 1% 0;
}
#frmPrg select#filmCateg, #frmPrg select#filmTheme, #frmPrg select#prscReal {
    width: 50%; max-width: 50%;
    color:#232323;
    font-style: normal;
    border:1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:100%;
    margin: 0.5% 0;
    padding: 0.5%;
}
#frmPrg select#dureeHr, #frmPrg select#dureeMin, #frmPrg select#dureeSec {
    width: 20%; max-width: 20%;
    color:#232323;
    font-style: normal;
    border:1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:100%;
    margin: 0.5% 0;
    padding: 0.25%;
}
form > label,
  legend {
    width: 100%;
    float: none;
    margin: 0 0 0 0;
        font-size-adjust: 0.4;
        text-size-adjust: 85%;
        -webkit-text-size-adjust: 85%;
}
#frmlr form#frmPrg > fieldset {
  width: 90%;
  margin: 1% 0;
  padding: 2%;
  float: left;
}
.infFlm, .infReal, .infCpy, .infProm, .infCmpl {
  width:85%;
  padding:8px;
  float: none;
}
.ident2Real {
  padding-left:0;
}
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
/* ------------------------ */
/* fin params Media Queries */
/* ------------------------ */