.cform {
background: none repeat scroll 0 0 #f9f9f9;
margin: 10px auto 0;
width: 510px;
border: 1px solid #eee;
border-radius: 3px;
}
.cform fieldset {
margin-top:0;
padding:5px 0 15px 0;
border:0;
}
.cform .cf_hidden {
display:none;
border:none!important;
background:none!important;
padding:0!important;
margin:0!important;
}
.cform legend {
background: none repeat scroll 0 0 #eaeaea;
border-radius: 0 3px 3px 0;
color: #777777;
font-size: 0.8em;
font-weight: bold;
padding: 2px 7px 3px;
text-shadow: 0 1px 0 #FFFFFF;
}
.cform fieldset:first-child legend {
border-radius: 0 0 3px 0;
}
ol.cf-ol {
margin:0!important;
padding:0!important;
}
ol.cf-ol li {
background:none!important;
margin:5px 0!important;
padding:0;
list-style:none!important;
text-align:left;
line-height:1.3em;
}   ol.cf-ol li.textonly {
letter-spacing:1px;
margin:10px 0pt !important;
padding:5px 0pt;
text-align:center;
font-size:0.8em;
text-shadow: 0 1px 0 #FFFFFF;
}   .cform label {
color: #555555;
display: inline-block;
font-size: 0.8em;
font-weight: bold;
line-height: 1.3em;
margin: 0.6em 1% 0.5em 1%;
text-align: right;
vertical-align: top;
width: 20%;
}
.cform label span {
}
label.cf-before {
margin:0.4em 5px;
}
label.cf-after {
margin:0.4em 5px;
text-align:left;
width:115px;
}
label.cf-after span {
width:115px;
display:block;
}
label.cf-group-after {
margin:0.4em 5px;
width:72px;
text-align:left;
}
label.cf-group-after span {
width:72px;
display:block;
}   .cform input,
.cform textarea,
.cform select {
text-shadow: 0 1px 0 #FFFFFF;
color: #111111;
font-size: 0.9em;
padding: 5px 10px;
border: 1px solid #e2e2e2;
vertical-align:top;
box-shadow: none;
background: #f7f7f7 linear-gradient(0deg, #f7f7f7, #eeeeee);
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover,
.cform input:focus,
.cform textarea:focus,
.cform select:focus {
text-shadow: none;
border: 1px solid #999;
background: #fff;
box-shadow: 0 1px 2px #ccc inset;
}
.cform textarea,
.cform input {
width: 65%;
}
.cform select {
padding: 2px 5px;
width: 69%; }
.cform select.cfselectmulti {
height:7.5em;
}
.cform textarea {
font-size: 0.9em;
overflow:auto;
resize:none;
}
.ui-datepicker-trigger{
cursor:pointer;
margin-top: 3px;
}   ol.cf-ol li.cf-box-title {
color: #999999;
font-size: 0.8em;
font-weight: bold;
margin-left:1.5em;
padding: 8px 0 0 22%; }   .cform input.cf-box-a,
.cform input.cf-box-b {
margin:1px 0 0 0;
width:14px;
height:22px;
border:none!important;
background:none!important;
}
.cform input.cf-box-a {
margin-left:22%; }   ol.cf-ol li.cf-box-group {
margin:10px 0pt 0px !important;
padding-left: 22%;
}   span.reqtxt,
span.emailreqtxt {
color: #9B4D4D;
display: block;
font-size: 0.7em;
height: 14px;
line-height: 1em;
margin: 0 0 0 22%;
padding: 0 0 0 20px;
text-align: right;
vertical-align: top;
width: 65%;
}   p.cf-sb {
text-align:right;
padding: 0!important;
margin: 0;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton {
padding:5px 10px;
margin: 0 0 0 5px;
font-size:0.8em;
cursor:pointer;
width:auto;
border-radius: 3px 0 0 0;
border:1px solid #ccc;
background: #f7f7f7 linear-gradient(0deg, #f7f7f7, #e5e5e5);
}
.cform input.backbutton:hover,
.cform input.resetbutton:hover,
.cform input.sendbutton:hover {
border:1px solid #aaa;
background: #fdfdfd linear-gradient(0deg, #f7f7f7, #c1c1c1);
}
.cform input.resetbutton {
width: auto;
padding:5px 1em;
}
.cform input.backbutton {
width: auto;
padding:5px 1em;
}   ol.cf-ol li.cf_li_err {
background:#FFDFDF repeating-linear-gradient(135deg, #FCEBED, white 1%, #FCEBED 2%) !important;
border-color:#EDC4C4;
border-style:solid;
border-width:1px 0pt;
padding:10px 0 1px!important;
margin:5px 0!important;
}
ol.cf-ol li ul.cf_li_text_err {
height:1%;
min-height:1%;
margin:0 0 0 100px;
padding:0;
color:#333;
}
ol.cf-ol ul.cf_li_text_err li {
background:url(//www.dto-rayonnages.fr/wp-content/plugins/cforms/styling/icon-alert.png) no-repeat left 1px!important;
list-style:none!important;
font-weight:bold;
text-indent:0;
margin:0 0 2px!important;
padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
content:'';
}   label.secq,
label.seccap {
vertical-align:text-bottom;
margin-bottom:4px;
}
input.secinput {
vertical-align:text-bottom;
}
#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
width:50px;
padding: 4px 4px;
margin: 0;
}
img.captcha {
vertical-align:text-bottom;
margin:0 0 0 10px!important;
padding:0!important;
border:none!important;
float:none!important;
}
.captcha-reset {
vertical-align:text-bottom;
color:#777777;
margin:0 0 2px 3px;
width:21px;
height:21px;
border:none;
cursor: pointer;
}
img.imgcalendar {
border:none;
}   div.cf_info {
font-size:0.8em;
color:#333;
display:none;
padding:10px 15px!important;
width:480px;
line-height:1.3em;
margin:10px auto;
}
div.cf_info > span{
text-shadow: 0 1px 0 #FFFFFF;
font-weight: bold;
}
div.cf_info ol {
margin:0;
padding:5px 15px 0 30px;
}
div.cf_info ol li {
padding:1px 0;
margin:2px 0;
}
div.cf_info a {
color:#ad2929!important;
text-decoration:underline!important;
}
div.success {
background:#F7F7F7 none repeat scroll 0% 50%;
color:#444444;
display:block;
}
div.failure {
display:block;
background: repeating-linear-gradient(135deg, #FCEBED, white 1%, #FCEBED 2%) scroll 0 0 #FFDFDF !important;
border: 1px solid #EDC4C4;
border-radius: 3px;
}
div.waiting {
background:#F9F9F9;
color:#AAAAAA;
display:block;
}   .cform .cf_error {
color:#ad2929;
border:1px solid #ad2929;
}
div.mailerr {
display:block;
}
.mailerr,
.cform .cf_errortxt {
color:#ad2929;
}   .disabled,
.disabled:hover,
[disabled]:hover,
[disabled] {
color:#aaa!important;
border-color:#dddddd!important;
background:none!important;
box-shadow: none!important;
}   .cform input.cf_upload  {
width:220px;
background: #f9f9f9;
border:1px solid #888888;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpfront-notification-bar{visibility:hidden;position:fixed;overflow:hidden;left:0;right:0;text-align:center;color:#fff;background-color:#000;z-index:99998}.wpfront-bottom-shadow{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,.75);box-shadow:0 5px 5px 0 rgba(0,0,0,.75)}.wpfront-top-shadow{-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,.75);box-shadow:0 -5px 5px 0 rgba(0,0,0,.75)}.wpfront-notification-bar.wpfront-fixed{position:fixed;z-index:99998;width:100%;display:flex;align-content:center;align-items:center;justify-content:center;flex-direction:row}.wpfront-notification-bar.wpfront-fixed-position{z-index:99999}.wpfront-notification-bar.wpfront-fixed.load{visibility:visible;position:relative}.wpfront-notification-bar.top{top:0}.wpfront-notification-bar.bottom{bottom:0}.wpfront-notification-bar.keep-closed,.wpfront-notification-bar.max-views-reached{display:none}.wpfront-notification-bar div.wpfront-close{position:absolute;top:3px;right:5px;cursor:pointer;font-family:Arial,sans-serif;font-weight:700;line-height:0;font-size:10px;padding:5px 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.wpfront-notification-bar table,.wpfront-notification-bar tbody,.wpfront-notification-bar tr{margin:auto;border:0;padding:0;background:inherit}.wpfront-notification-bar td{background:inherit;vertical-align:middle;text-align:center;border:0;margin:0;padding:0;line-height:1em}.wpfront-notification-bar div.wpfront-div{display:inline-block;text-align:center;vertical-align:middle;padding:5px 0}.wpfront-notification-bar a.wpfront-button,.wpfront-notification-bar-editor a.wpfront-button{display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;font-size:13px;font-weight:700;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3);cursor:pointer;padding:5px 10px;margin-left:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.wpfront-notification-bar-open-button{position:absolute;right:10px;z-index:99998;border:3px solid #fff;width:23px;height:30px;cursor:pointer;background-repeat:no-repeat;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.wpfront-notification-bar-open-button.hidden{display:none}.wpfront-notification-bar-open-button.top{top:0;background-position:top center;border-top:0;-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-top-left-radius:0}.wpfront-notification-bar-open-button.bottom{bottom:0;background-position:bottom center;border-bottom:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.wpfront-notification-bar-spacer{position:relative;z-index:99998}.wpfront-notification-bar-spacer.wpfront-fixed-position{z-index:99999}.wpfront-notification-bar-spacer.hidden{display:none}div.wpfront-message p{margin:0}