/* ---------- Styles specific to the project ----------- */

td.header1 {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: rgb(34,39,139);
        text-decoration: none;
        text-align: left;
        border-bottom: 0px;
        background: #ffffff url(../images/menu_st.gif) no-repeat center left;
        height: 20px;
        }

div.fill {
        height: 40px;
        }


/* PAGE HOME */
#contentColFirst {
        margin: 0px;
        padding: 0px;
        color: black;
        vertical-align: top;
        width: 375px;
        background-color: #AF0F19;
        }
#contentColFirst .imgHome {
        display: block;
        margin: 0px;
        padding: 0px;
        height: 375px;
        width: 375px;
        overflow: hidden;
        }

#contentColSecond {
        margin: 0px;
        padding: 25px 30px 20px 30px;
        color: black;
        vertical-align: top;
        width: 375px;
        background-color: #AF0F19;
        }
#contentColSecond .inner h1 {
        margin: 0px 1px 0px 2px;
        padding: 20px 0px 20px 0px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 170%;
        color: #ffffff;
        font-weight: 400;
        text-align: left;
        }
#contentColSecond .inner h1 span {
        font-size: 80%;
        }
#contentColSecond .inner p {
        margin: 20px 1px 0px 2px;
        font-size: 0.9em;
        color: #ffffff;
        text-align: left;
		line-height: 1.5em;
		text-align: justify;
		text-justify: auto;
        overflow: hidden;
        }
#contentColSecond .inner p a {
        color: #f3e2e2;
        text-decoration: underline;
        }
#contentColSecond .inner p a:hover {
        color: #f3e2e2;
        text-decoration: underline;
        }

#contentColEspaceBlanc {
        margin: 0px;
        padding: 0px;
        height: 25px;
        /*background-color: #ffffff;*/
        }

#contentColOne {
        margin: 0px;
        padding: 20px 10px 20px 30px;
        color: black;
        vertical-align: top;
        /*width: 375px;*/
        background-color: #ededed;
        }
div#mainHome .innerHome {
        margin: 0;
        padding: 0px;
        text-align: justify;
		text-justify: auto;
        line-height: 1.5em;
        }

#contentColTwo {
        margin: 0px;
        padding: 0px;
        color: black;
        vertical-align: top;
        width: 375px;
        background: #ededed url(../images/separ_home.gif) repeat-y top left;
        }
#contentColThree {
        margin: 0px;
        padding: 0px;
        color: black;
        vertical-align: top;
        width: 375px;
        background: #ededed url(../images/separ_home.gif) repeat-y top left;
        }
#contentColTwo a, #contentColThree a {
        position: relative;
        display: block;
        text-decoration: none;
        height: 300px;
        width: 375px;
        }
div#mainHome .innerHomeClick {
        display: block;
        margin: 0;
        padding: 20px 30px 20px 30px;
        text-align: justify;
		text-justify: auto;
        line-height: 1.5em;
        }

div#mainHome .innerHome h3, div#mainHome .innerHomeClick h3 {
        margin: 0px 0px 5px 0px;
        padding: 5px 1px 5px 1px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 1.1em;
        font-weight: bold;
        color: #222222;
        text-align: left;
        }
div#mainHome .innerHome p, div#mainHome .innerHomeClick p {
        margin: 0px;
        padding: 7px 1px 5px 1px;
        font-size: 75%;
        color: #555555;
		line-height: 1.5em;
        }
div#mainHome .innerHome p a, div#mainHome .innerHomeClick p a {
        display: inline-block;
        margin: 0;
        padding: 0px 0px 0px 21px;
        font-size: 1.0em;
        font-weight: bold;
        color: #af0f19;
        vertical-align: top;
        text-decoration: underline;
        background: url(../images/puceLinkArrowHome.gif) no-repeat 0px 3px;
        }
div#mainHome .innerHome p a:hover, div#mainHome .innerHomeClick p a:hover {
        color: #222222;
        font-weight: bold;
        text-decoration: underline;
        }
div#mainHome div.boxleft p.lm_text a {
        font-weight: normal;
        color: #555555;
        text-decoration: underline;
        }

div#mainHome div.boxleft {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
        width: 315px;
        }
div#mainHome div.boxendleft {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: justify;
		text-justify: auto;
        width: 315px;
        }
div#mainHome div.boxleft h3 {
        margin: 0px 0px 5px 0px;
        padding: 5px 1px 5px 1px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 1.1em;
        font-weight: bold;
        color: #222222;
        text-align: left;
        }
div#mainHome div.boxleft p {
        margin: 0px;
        padding: 9px 1px 5px 1px;
        font-size: 75%;
        color: #555555;
		line-height: 1.4em;
        }
div#mainHome div.boxleft p.lm_text {
        margin: 0px;
        padding: 7px 1px 5px 1px;
        font-size: 75%;
        color: #555555;
        }
div#mainHome div.boxleft p.image {
        margin: 0px;
        padding: 6px 0px 3px 0px;
        font-size: 75%;
        color: #555555;
		text-align: center;
        }
div#mainHome div.boxleft p a {
        display: inline-block;
        margin: 0;
        padding: 0px 0px 0px 21px;
        font-size: 1.0em;
        font-weight: bold;
        color: #af0f19;
        vertical-align: top;
        text-decoration: underline;
        background: url(../images/puceLinkArrowHome.gif) no-repeat 0px 2px;
        }
div#mainHome div.boxleft p a:hover {
        color: #222222;
        font-weight: bold;
        text-decoration: underline;
        }
div#mainHome div.boxleft p.lm_text a {
        font-weight: normal;
        color: #555555;
        text-decoration: underline;
        }
div#mainHome div.boxleft p.lm_text a:hover {
        font-weight: normal;
        color: #555555;
        text-decoration: underline;
        }
div#mainHome div.boxleft p.image a {
        font-weight: normal;
        color: #af0f19;
        text-decoration: underline;
        }
div#mainHome div.boxleft p.image a:hover {
        font-weight: normal;
        color: #555555;
        text-decoration: underline;
        }
div#mainHome div.boxleft img {
		border: 0px;
        }
div#mainHome div.boxleft p.image img {
		border: 0px solid #ffffff;
        }

/* 12/12/2017 ---- def bootstrap -----*/

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 20px;  /* antalys */
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

/* 12/12/2017 ---- def antalys ----- */ 

div.formTitle {
    border-bottom: 1px solid #f8f8f8;
    clear: left;
    color: #20569c;
    float: none;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 3% 2px 0;
    text-transform: uppercase;
    width: auto;
    font-size: 1.2em;
    }
div.formInfo {
        margin: 0;
        padding: 5px 0px 0px 0px;
        color: #787878;
        width: 100%;
        }
div.formItem {
        margin: 0 auto;
        padding: 5px 0px 0px 0px;
        color: #787878;
        width: 100%;
        clear: both;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        }
div.formItemSpe {
        display: none;
        }
div.formButton {
        margin: 0;
        padding: 20px 0px 10px 0px;
        color: #787878;
        text-align: center;
        width: 100%;
        }
div.formItem label {
        /*float: left;*/
        color: #666666;
        display: block;
        margin: 0;
        padding: 14px 3% 4px 0%;
        width: auto; /* pas 42 ni 100 */
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 120%;
        text-transform: uppercase;
        font-weight: 600;
        } 
div.formItem div label {
        float: none;
        display: inline;
        font-weight: normal;
        width: 100%;
        }
input.Input, textarea.Input {
        padding: 3px 5px 3px 5px;
        font-weight: normal;
        font-size: 12px;
        color: #787878;
        text-decoration: none;
        text-align: left;
        background-color: #ffffff;
        border: 1px solid #d8d8d8;
        /*border-radius: 4px 4px 4px 4px;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        font-family: Arial, FontAwesome;
        }
input[type=RADIO]{
      width: auto !important;
      margin-left: 1px;
      margin-right: 10px;
      } 
input[type=CHECKBOX]{
      width: auto !important;
      margin-left: 1px;
      margin-right: 10px;
      }   
input[type="RADIO"] + label{ /* ne sélectionne que les labels précédés par input radio */
      font-size: 100% !important; 
      text-transform: none !important;
      font-weight: normal !important;
      }
input[type="CHECKBOX"] + label{ /* ne sélectionne que les labels précédés par input CHECKBOX */
      font-size: 100% !important; 
      text-transform: none !important;
      font-weight: normal !important;
      display: inline; /* sinon phrases longues coupées */
      }       
.fieldError {
        border-color: #bb0a0a !important;
        outline: 0 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
        }     
.fieldError:focus {
        border-color: #66afe9 !important;
        outline: 0 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
        }
  
div.FormSubmitButt{
    text-align:center;
    margin: 0;
    padding: 2em 0px 1em 0px;
    clear: left;
    }