/*  ----------------------------------------------------------------------------
    * Filename:         forms.css
    * Description:      -
    * Version:          1.2 (2011-02-11)
    ------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    1. Inputs
----------------------------------------------------------------------------- */

.input1                     { background: #ffffff; border:1px solid #dbdbdb; color: #333333;font-size: 15px; font-family: "Lato"; }
.input1:hover               { }
.input1-focus               { background: #FFFFFF; border: 1px solid #888888; color: #000000; }

/*  ----------------------------------------------------------------------------
    2. Buttons
----------------------------------------------------------------------------- */

.button1                    { background:#28846F; border: 1px solid #28846F; color: #FFFFFF; font-size:14px; font-family: "Lato"; transition:all 0.4s; }
.button1-hover              { background: #333333 ; color:#ffffff; border: 1px solid #333333; transition:all 0.4s;}

/*  ----------------------------------------------------------------------------
    3. Selects
----------------------------------------------------------------------------- */

.select1                    { background: #FFFFFF; border: 1px solid #CCCCCC; color: #000000; }
.select1-focus              { background: #FFFFFF; border: 1px solid #888888; color: #000000; }

/*  ----------------------------------------------------------------------------
    3. Forms
----------------------------------------------------------------------------- */

.form1, frmOrdonnance                              { width: 1170px; box-sizing:border-box; padding:60px 40px; margin:0 auto;}
.form1 .field                       { clear: both; overflow: hidden; margin: 0 0 3px 0; padding: 5px; }
.form1 .field label                 { float: left; width: 150px; padding: 3px 0; font-family: "Lato"; font-size: 14px; color:#333333; text-align: left; }
.form1 .required label              { font-weight: bold; font-family: "Lato"; font-size: 14px; color:#333333; }
.form1 .field .input1               { float: left; width: 244px; padding:9px 15px; height: 18px; line-height: 18px; }
.form1 .field textarea.input1       { height: 92px; }
.form1 .field .select1              { float: left; width: 235px; padding: 2px; }
.form1 .field .captcha1             { clear: both; margin-left:-96px; border:1px solid #28846F; }
.form1 .field .checkbox-holder,
.form1 .field .radio-holder         { float: left; margin: 0 20px 0 0; padding: 2px 0; text-align: left; font-size: 12px; }
.form1 .field .checkbox-holder:nth-child(6),
.form1 .field .radio-holder:nth-child(6) { }
.form1 .buttons                     { clear: both; text-align: center; }
.form1 .buttons .button1            { width: 100px; padding: 4px 7px; margin-top:40px; font-family:"Lato"; font-weight: bold;}
.contact-left, .contact-right       { width:49%; float:left; }
.contact-text                       { font-family: "Lato"; font-size:18px; color:#333333; text-align: center; margin-bottom: 40px; padding: 15px; font-style: italic; font-weight: bold; line-height: 24px;}
#capa                               { width:70px; }
#contact .align-center              { font-family: "Lato"; color:#333333;}

.ordonnance-left, .ordonnance-right { float: left;}
#frmOrdonnance  .field .input1      { float: left; width: 234px; padding:5px 15px; height: 18px; line-height: 18px; }
#frmOrdonnance .field.required > input { float: left;}
#frmOrdonnance .field #notmandatory------Ordonnance {  background: #ffffff; border:1px solid #dbdbdb; color: #333333;font-size: 15px; font-family: "Lato"; float: left; }
.ordonnance-left                    { width: 60%; }
.ordonnance-right                   { width: 40%; }
#frmOrdonnance .field               { clear: both; overflow: hidden; margin: 0 0 20px 0; padding: 5px; }
#frmOrdonnance .field .captcha1     { clear: both; float: right; margin: 6px 7px 8px 0;}
#frmOrdonnance .field.buttons       { margin-bottom:0px; }
#ordonnance                         { width: 100%; float: left; margin-bottom:-30px; }
#ordonnance .field label      { width:154px; }
#notmandatory------Mutuelle   {  background: #ffffff; border:1px solid #dbdbdb; color: #333333;font-size: 15px; font-family: "Lato"; float: left; width: 264px; }
.ordonnance-left > span, .ordonnance-right > span {
    display: inline;
    float: left;
    margin-left: 159px;
    margin-top: -25px;
}
#mandatory---select---Régime {
    background: #ffffff; border:1px solid #dbdbdb; color: #333333;font-size: 15px; font-family: "Lato"; float: left; width: 266px;}
#mandatory------Ordonnance { background: #ffffff; border:1px solid #dbdbdb; color: #333333;font-size: 15px; font-family: "Lato"; float: left; }