/* ----------------------------
FORMULAIRE GENERIQUE
------------------------------*/

form {
    float: left;
    width: 100%;
}

#forms {
    margin-bottom: 20px;
}

.error_form {
    color: red;
}

.errorLog {
    float: left;
    width: 100%;
    margin: 10px 0;
}

div.formulaire {
    float: left;
    width: 100%;
	padding: 0 25%;
}

fieldset {
    float: left;
    width: 100%;
}

legend {
    margin-bottom: 8px;
}

.row {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.dejaClient .submit {
    margin: 10px 0;
}

.row > div {
    float: left;
    width: 100%;
}

.row input,
.row textarea {
    float: left;
    width: 100%;
    padding: 8px;
}

.row select {
    float: left;
    padding: 5px 3px;
}

label {
    float: left;
    width: 100%;
    margin-bottom: 3px;
    line-height: 130%;
}

input,
select,
textarea {
    width: auto;
    text-align: left;
    line-height: 130%;
}

textarea {
    min-height: 150px;
}

#forms select,
#forms input,
#forms textarea {
    float: left;
    width: 100%;
    padding: 5px 3px;
}

textarea {
    width: 45%;
}

input:focus,
select:focus,
textarea:focus {
}

input.wordsbox {
    width: 100%;
    padding: 5px 20px;
    background-image: url(/common_images/skin001/search.png);
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

input.wordsbox:focus {
    background-image: none !important;
}

.row > .rowFile {
    width: 100%;
}

.row input[type=file] {
    width: 100%;
}

.rowRowFile label {
    margin-top: 10px;
    margin-right: 5px;
}

.rowRowDate .rowDate > input,
#forms .rowRowDate .rowDate > input {
    width: 90%;
}

.rowRowDate .rowDate > a.DateForm {
    display: block;
    float: left;
    width: 10%;
    margin-top: 3px;
    text-align: center;
    font-size: 1.8em;
}

.widget .group_multi_radio,
.widget .group_multi_checkbox,
.widget .group_multi,
.widget .groupMultiRadio,
.widget .groupMulticheckbox,
.widget .groupMulti {
    padding: 0 0 0 10px;
}

.group_multi_radio,
.group_multi_checkbox,
.group_multi,
.groupMultiRadio,
.groupMulticheckbox,
.groupMulti {
    display: block;
    clear: both;
    position: relative;
}

.group_multi_radio p,
.groupMultiRadio p,
.group_multi_checkbox p,
.groupMulticheckbox p,
.group_multi p,
.groupMulti p {
    margin: 0;
}

.multi_radio,
.multiRadio,
.multi_checkbox,
.multiCheckbox {
    display: block;
    float: left;
    width: 31%;
    margin-right: 3.5%;
}

.multi_checkbox.other ul li:before,
.multi_radio.other ul li:before {
    content: '';
}

aside .multi_radio,
aside .multiRadio,
aside .multi_checkbox,
aside .multiCheckbox {
    width: 100%;
    margin-right: 0;
}

.multi_radio label,
.multiRadio label,
.multi_checkbox label,
.multiCheckbox label {
    display: block !important;
    float: none !important;
}

.multi_radio input,
.multiRadio input,
.multi_checkbox input,
.multiCheckbox input {
    margin-top: 2px;
}

.multi_radio label,
.multiRadio label,
.multi_checkbox label,
.multiCheckbox label {
    float: none;
}

.form_interval {
    position: relative;
    top: -18px;
    padding: 0 0 0 200px;
}

.form_interval * {
    float: none;
}

.contact .LinkIn > img {
    float: right;
    border: none;
}

.contact .LinkIn > img:hover {
    opacity: 1;
}

.part1FormFooter {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.part2FormFooter {
    float: left;
    width: 50%;
}

form .row label[for=field122],
form .row > label,
form .row label {
    display: none;
}

.box_predefined_cat_search.filtreHome form .row > label,
.box_predefined_cat_search.filtreHome form .row label {
    display: block;
}

form .row label.labelAdresse,
.row.payment_moduleRow label {
    display: block;
}

form .row.rowChexbox > label {
    display: block;
    width: auto;
    margin: 10px 0 5px;
    text-transform: uppercase;
    font-size: 1.2em;
}

form .row.rowChexbox.rowRadio > label {
    margin: 0;
}

#event_search .row.rowChexbox.rowRadio > input {
    margin-top: 5px;
}

form .row.rowChexbox.checkboxSimple > label {
    margin: 0;
    text-transform: none;
    font-size: 1em;
}

form .row.rowChexbox.rowSelect > label,
.monCompte form .row.rowChexbox.rowSelect > label {
    width: auto;
}

form .row.rowChexbox > span {
    float: left;
    margin: 5px 0 0 5px;
}

form .row.rowChexbox.rowSelect > span {
    margin: 0 0 0 5px;
}

.row.scriptFocus > label {
    margin: 10px 0;
}

#footer .row.scriptFocus {
    margin: 5px 0;
}

#footer #forms .valid.btn {
    float: right;
}

#footer .blogFooter .btn {
    float: left;
}

.row.scriptFocus textarea {
    width: 100% !important;
    height: 170px !important;
}

.aide {
    float: left;
    width: 100%;
    font-size: 0.9em;
}

.aide p {
    font-style: italic;
}

.aide p:before {
    content: "v ";
    font-family: 'agencei';
    font-style: normal;
}

/*checkboxSimple*/

.row.checkboxSimple > div {
    float: left;
    width: auto;
}

.row.checkboxSimple > div > input {
    margin: 4px 6px;
}

.nomValue {
    float: left;
    line-height: 130%;
}

/*votre_choixselectbloc*/

#votre_choixselectbloc {
    float: left;
    width: 100%;
}

.row.short_product {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px;
    min-height: 20px;
    text-align: center;
}

.row.short_product label {
    float: left;
    width: 100% !important;
}

.row.short_product label .label {
    float: left;
    width: 100% !important;
    margin-top: 5px;
    text-align: center;
    text-transform: none;
    font-style: 1em;
}

.row.short_product label img {
    float: left;
    width: 100%;
}

form .row.short_product input,
#forms form .row.short_product input {
    float: none !important;
    margin: 0 auto;
}

/* ----------------------------
CORRECTIF INTERNET EXPLORER
------------------------------*/

input.radio,
input.checkbox,
input.radio:focus,
input.checkbox:focus {
    width: auto!important;
    margin-right: 5px;
    border: 0;
    background: transparent;
}

/* ----------------------------
BOUTONS DE VALIDATION
------------------------------*/

.submit {
    float: right;
    text-align: center;
}

.submit input {
    padding: 2px 6px;
}

#forms .submit input.btn {
    display: block;
    float: none;
    margin: 0 auto;
}

/* ------------
REPONSE DU QCM
---------------*/

#formsQcm .response {
    color: #ff0000;
}

#formsQcm .good {
    color: #44bb34;
}

/* ------------
EN CAS D'ERREUR
---------------*/

.errorForm,
.obligatory,
.errorLog {
    color: #ff0000;
}

.row .error input,
.error select,
.error textarea {
    border: 1px solid #bb3434!important;
    color: #bb3434!important;
    background: #ffefef!important;
}

.label.error {
    color: #bb3434!important;
}

div.formCreator_header {
}

div.formCreator_footer {
}

/* ------------
CAPTCHA
---------------*/

#captcha,
.row.captcha,
.captcha {
/*    float: left;
    width: 60%;
    margin: 30px 20%;
    padding: 20px;*/
}

#captcha input,
.row.captcha input,
.captcha input {
    float: left;
    width: 100%;
    padding: 5px 3px;
}

#captcha label,
.row.captcha label,
.captcha label {
    display: block;
    float: left;
    width: auto;
}

#captcha .captchaLabel,
.row.captcha .captchaLabel,
.captcha .captchaLabel {
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

#captcha .captchaLabel img,
.row.captcha .captchaLabel img,
.captcha .captchaLabel img {
    float: none;
}

#captcha .icon-,
.row.captcha .icon-,
.captcha .icon- {
    float: left;
    margin: 0 15px 0 0;
    font-size: 2em;
}

#captcha .captchaLabel a,
.row.captcha .captchaLabel a,
.captcha .captchaLabel a {
    display: block;
    float: left;
    width: 100%;
}

input.captchaField {
    width: 150px;
    height: 30px;
    line-height: 30px;
}

a.newCaptcha {
    vertical-align: 50%;
}

/* -------------------
CONTACT
--------------------*/

.contact .form_creator_header {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.contact #contents #formpersonnalise {
    float: right;
    width: 65.5%;
}

.contact .form_creator_footer {
    float: right;
    width: 31%;
    margin-right: 3.5%;
}

.form_creator_footer img {
    background: none;
}

.contact #contents #formpersonnalise fieldset .row {
    float: left;
    clear: none !important;
    width: 48.25%;
    margin-top: 5px;
    margin-right: 3.5%;
    margin-bottom: 0;
}

.contact #contents #formpersonnalise fieldset .row.champContact7,
.contact #contents #formpersonnalise fieldset .row.champContact6 {
    width: 100%;
    margin-right: 0;
}
form .row.rowChexbox.checkboxSimple > label[for=field125],
.contact #contents #formpersonnalise fieldset .row.champContact7 label {
    display: none;
}
.contact #contents #formpersonnalise .submit {
    margin-top: 15px;
}

.contact #contents #formpersonnalise .submit input {
    float: right;
}

/*-----------------------
 PREFORMATE PAGE CONTACT
-----------------------*/

/* ------------
event_search
---------------*/

#event_search {
    padding: 30px;
}

#event_search .titreTypeH3 {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#event_search fieldset .row {
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
}

#event_search fieldset .row:nth-child(2n) {
    margin-right: 0;
}

#event_search fieldset .row.rowChexbox {
    margin-top: 8px;
}

#event_search fieldset .row input.radio,
#event_search fieldset .row input.checkbox,
#event_search fieldset .row input.radio:focus,
#event_search fieldset .row input.checkbox:focus {
    margin-top: 3px;
}

/*stepCreatorForm*/

.stepCreatorForm {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 10px 20px;
    text-transform: uppercase;
}

.stepCreatorForm .icon- {
    float: right;
    margin-top: 4px;
    letter-spacing: -5px;
}

/*widget rechercheSite*/

#header .rechercheSite {
    float: right;
    width: auto;
    margin-top: 13px;
}

#header .rechercheSite #searchform fieldset,
#header .rechercheSite .catalog_search_form fieldset {
    float: left;
    width: 180px;
    margin-right: 5px;
}

#header .rechercheSite #searchform fieldset .row,
#header .rechercheSite .catalog_search_form fieldset .row {
    margin: 0;
}

#header .rechercheSite #searchform .submit,
#header .rechercheSite .catalog_search_form .submit {
    float: left;
    width: auto;
}

#header .rechercheSite #searchform .submit input,
#header .rechercheSite.widgetCatalogSearch .submit input {
    padding: 4.5px 10px;
    font-family: 'agencei' !important;
    font-size: 1.2em;
}

#header .rechercheSite input.wordsbox {
    height: 34px;
    padding: 5px 8px;
    background-image: none;
}

#header .boutonRecherche {
    float: left;
    width: auto;
    height: 100%;
    padding: 10px 10px 10px 15px;
    font-size: 1.8em;
    line-height: 33px;
}

.champRecherche {
    float: left;
    height: 51px;
    margin-right: 1%;
}

.contentChampRecherche {
    float: left;
}

.boutonRechercheClose {
    float: left;
    width: 15%;
    height: 100%;
    padding: 12px 10px 10px 10px;
    text-align: center;
    font-size: 1.4em;
    line-height: 140% !important;
}

/*filtre*/

.box_predefined_cat_search .row {
    margin: 5px 0;
}
/*Consentement*/
#forms input.consent {
    margin-top: 10px;
}
.consent + .aide {
    padding-left: 20px;
    display: block;
    float: none;
}
.consent + .aide p:before {
    display: none;
}
.rgpdContent #wrapper5,
.rgpdContent #wrapper4,
.rgpdContent #wrapper3,
.rgpdContent #wrapper2 {
    display: none;
}
.rgpdContent article {
    padding-top: 3rem;
    padding-bottom: 3rem;
    clear: both;
    overflow: auto;
}
.form_creator_footer,
.form_footer {
    clear: both;
    border-top: 1px solid #000;
}
.contact .form_creator_footer {
    border-top: none;
    clear: inherit;
}
.homePage.rgpdContent #wrapper {
    background-color: #fff;
}
.homePage.rgpdContent h1 {
    margin-bottom: 3rem;
}