/* -------------------------- */
/* debut params form contact  */
/* -------------------------- */
section.sctfrmlr {
	width: 70%;
	float: left;
	margin: 1% 15%;
	padding: 0;
}
section.sctfrmlr h2 {
	width: 70%;
	float: left;
	margin: 4% 15%;
	padding: 0;
        font-size: 190%;
        line-height: 300%;
        font-weight: bold;
        color: #232323;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        background-color: #E6E6E6;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
}

#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: 0;
 padding: 0;
}
#frmlr p {
 font-size: 130%;
 line-height: 110%;
 font-weight: bold;
 color:#000000;
 text-decoration: none;
 margin: 1% 0;
 padding: 0;
}
form#frmCtct {
  background: #F7F7F7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 margin: 0;
 padding: 3%;
}
#frmCtct legend {
 font-size: 130%;
 line-height: 110%;
 font-weight: bold;
 color:#000000;
 text-decoration: none;
 margin: 0 3%;
 padding: 0;
}
#frmCtct label {
 font-size: 105%;
 font-weight:bold;
 color:#5C5C5C;
 margin-bottom:5px;
}
#frmCtct input:required:invalid, #frmCtct input:focus:invalid, #frmCtct textarea:required:invalid, #frmCtct 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;
  }
#frmCtct input:required:valid, #frmCtct 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;
  }
#frmCtct input {
    border:1px solid #aaa;
    border-radius:1%;
    font-size:105%;
    margin: 1% 0;
    padding: 0.5%;
}
#frmCtct textarea {
    border:1px solid #aaa;
    border-radius:1%;
    font-family: Arial,"Trebuchet MS";
    font-size:105%;
    margin: 1% 0;
    padding: 0.5%;
    resize:none;
}
#frmCtct input:focus, textarea, textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
.rmq {
font-size:13px;
font-style:italic;
color:#5C5C5C;
margin-bottom:6px;
}
.oblg {
font-size:16px;
font-weight:bold;
color:#5C5C5C;
}
.infFlm {
  padding: 3%;
  border:2px solid #ff6600;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;	
  border-radius:8px;	
}
#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: 140%;
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 contact  */
/* ------------------------ */

/* -------------------------- */
/* debut params Media Queries */
/* -------------------------- */
@media (max-width: 748px) {
section.sctfrmlr {
  display: block;
  float: left;
  width: 100%;
  margin: 3% 0;
  padding: 0;
}
section.sctfrmlr h2 {
  display: block;
  float: left;
  width: 100%;
  margin: 2% 0;
  padding: 0;
  font-size: 150%;
  line-height: 180%;
}
#frmlr {
  display: block;
  float: left;
  width: 100%;
  margin: 1% 0;
  padding: 0;
}

form#frmCtct {
  display: block;
  float: left;
  width:92%;
  margin: 0 2%;
  padding: 2%;
}

form#frmCtct h2 {
 font-size: 120%;
 line-height: 100%;
 margin: 0;
 padding: 1% 0;
}

form#frmCtct p {
 font-size: 120%;
 line-height: 100%;
 margin: 0;
 padding: 1% 0;
}

form#frmPrg {
    width: 100%;
    float: none;
    font-size-adjust: 0.5;
    text-size-adjust: 90%;
    -webkit-text-size-adjust: 90%;
    padding: 15px;
  }
form#frmPrg h2 {
    font-size-adjust: 0.4;
    text-size-adjust: 85%;
    -webkit-text-size-adjust: 85%;
}
 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#frmCtct > fieldset {
  width: 90%;
  margin: 1% 0;
  padding: 2%;
  float: left;
}
#btn-org {
  margin: 3% 0;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
    width: 100%; 
}

}
/* ------------------------ */
/* fin params Media Queries */
/* ------------------------ */
