﻿h4 { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.2; font-weight: 700; color: #000; margin: 20px 0 20px; }

a { transition: all .3s; color: #000; }

.no-wrap { white-space: nowrap !important; }

.border-error { border: 2px solid red !important; }
.boite-highlight-error { padding: 10px; border: 2px solid red; }
ul.boite-highlight-error { list-style-type: square; padding-left: 40px; margin-top: 3px; }
ul.boite-highlight-error li { list-style-type: square; margin-bottom: 3px; }
.boite-highlight-note { padding: 10px; border: 2px solid orange; }
ul.boite-highlight-note { list-style-type: square; padding-left: 40px; margin-top: 3px; }
ul.boite-highlight-note li { list-style-type: square; margin-bottom: 3px; }

.red { color: red; }
.green { color: green; font-weight: bold; }

/* Boutons radio/checkbox*/
input[type="radio"],
input[type="checkbox"] { display: none; }
.ie8 input[type="radio"],
.ie8 input[type="checkbox"] { display: inline; }
input[type=radio] + label,
input[type="checkbox"] + label { padding-left: 0px; }
input[type=radio] + label { padding-right: 5px; }
input[type=radio] label,
input[type="checkbox"] label { }
input[type=radio] + label:before,
input[type="checkbox"] + label:before { content: ''; height: 21px; width: 21px; display: inline-block; line-height: 21px; vertical-align: middle; cursor: pointer; border: 1px solid #9c9ea0; background: #eaebec; margin-top: -2px; /* Pour 'centrer' */ transition: background-color 0.2s ease; margin-right: 5px; }
input[type=radio] + label:before { border-radius: 50%; }
input[type=radio]:checked + label:before,
input[type="checkbox"]:checked + label:before { background: #4e4e50; border-color: #4e4e50; content: '✓'; color: #fff; text-align: center; }
input[type=radio]:checked + label:before { content: '•'; font-size: 30px; line-height: 21px; }
input[type=radio][disabled] + label,
input[type="checkbox"][disabled] + label { cursor: default; font-style: italic; }
input[type=radio][disabled] + label:before,
input[type="checkbox"][disabled] + label:before { cursor: default; font-style: normal; background: #d3d3d3 !important; border-color: #9c9ea0 !important; color: #999 !important; }



input[type='submit'] { font-family: Arial, Helvetica, sans-serif; background: #957b37; color: #fff; padding: 10px 9px; text-transform: uppercase; border: none; margin-top: 25px; cursor: pointer; font-size: 14px; font-weight: bold; letter-spacing: 1px; }
input[type='submit']:focus,
input[type='submit']:hover { background: #636466; }
input[type='submit'].aspNetDisabled { color: #999 !important; background: #ddd !important; cursor: default; border: none; }

input[type='submit'].secondaire, .button.secondaire { font-family: Arial, Helvetica, sans-serif; background: #434343; color: #fff; padding: 10px 9px; text-transform: uppercase; border: none; margin-top: 25px; cursor: pointer; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-decoration:none; }
input[type='submit'].secondaire:focus, input[type='submit'].secondaire:hover, .button.secondaire:focus, .button.secondaire:hover { background: #636466; }
input[type='submit'].secondaire.aspNetDisabled, .button.secondaire.aspNetDisabled { color: #999 !important; background: #ddd !important; cursor: default; border: none; }

