﻿/** Form fields **/
/*****************/
input.text, input.title,
textarea, select {
  color: #005396;
  margin: 0;
  padding: 0;
}

select 
{
  border:  1px solid #cccccc;
}


/** Success, notice and error boxes **/
/*************************************/

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; display: block; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*.formFooter 
{
    float: right;
    clear: both;
    height: 25px;
    padding: 2px;
    margin-bottom: 0.5em;
}*/

.buttonBack 
{
}

/* forms containers */

.labelledCheckBox,
.labelledRadio
{
    margin: 5px;
    display: block;
    clear: left;
    float: left;
}

.recrutForm .labelledCheckBox
{
    width: 130px;
}


.recrutForm .labelledRadio
{
    clear: none;
}

.recrutForm .labelledCheckBox.fullCheckBox
{
    width: auto;
}


.blockForm .labelledRadio input,
.recrutForm .labelledRadio input,
.blockForm .labelledCheckBox input,
.recrutForm .labelledCheckBox input 
{
    float: none;
    clear: none;
    display: inline;
    margin: 0;
    margin-right: 5px;
}

.blockForm .labelledRadio label,
.recrutForm .labelledRadio label,
.blockForm .labelledCheckBox label,
.recrutForm .labelledCheckBox label
{    
    float: none;
    clear: none;
    width: auto;
    display: inline;
}
.recrutForm .validateButton,
.blockForm .validateButton
{
    clear: both;
}


input.inlineCheckbox { margin-right: 5px; }

input.title   { font-size:1.5em; }
textarea      { width: 390px; }

/* recrutForm specific */
.recrutForm label,
.recrutForm .radioLabel
{
    
    margin: 4px 5px 2px;
    text-align: left;
    float:left;
   
}

.recrutForm input,
.recrutForm select,
.recrutForm .formValue
{
    float: left;
    width: 215px;
    margin-left:10px;
    margin-top: 5px;
}

/* blockForm specific */
.blockForm label
{
    display: block;
    float: left;
    clear: both;
    margin: 2px 5px;
}

.blockForm input,
.blockForm select,
.blockForm textarea,
.blockForm .formValue
{
    float: left;
    clear: both;
    margin: 0 5px 5px 5px;
}


/**
 * Sizes
 */
 
.recrutForm label,
.recrutForm .radioLabel,
.recrutForm .labelledCheckBox
{
    font-family: bold Tahoma,Verdana,Arial,Sans-serif;
    color: #111111;
    width: 140px;
    
}

.recrutForm.largeForm label,
.recrutForm.largeForm .radioLabel,
.recrutForm.largeForm .labelledCheckBox
{
    width: 150px;
}
.recrutForm.x-largeForm label,
.recrutForm.x-largeForm .radioLabel,
.recrutForm.x-largeForm .labelledCheckBox
{
    width: 215px;
}
.recrutForm.xxl-largeForm label,
.recrutForm.xxl-largeForm .radioLabel,
.recrutForm.xxl-largeForm .labelledCheckBox
{
    width: 100%;
}
.recrutForm.smallForm label,
.recrutForm.smallForm .radioLabel,
.recrutForm.smallForm .labelledCheckBox
{
    width: 70px;
}
.recrutForm .x-largeForm 
{
    width: 175px;
}
.recrutForm .xxl-largeForm 
{
    width: 77%;
    height:50px;
    
}

/* CheckBoxList style */

.cbListe label 
{
    font-family: Verdana;
    font-size: 12.8px;
}

.cbListe
{
    background-color: White;   
}


/* button submit */


.recrutForm input[type="submit"]
{
	width: 150px;
	clear:both;
    margin-right:35px;
	float: right;
}


.recrutForm input[type="submit"]:hover
{
	background-color: #747574;
	cursor: pointer;
	
}

.recrutForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

.recrutForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}


/* Input */
.recrutForm input, .recrutForm select
{
	
	border: #CCC 1px solid;
	
}

.recrutForm input:hover, .recrutForm select:hover, .recrutForm input:focus, .recrutForm select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

/* checkboxlist */

.recrutForm .AspNet-CheckBoxList-Item
{   
  width: 200px;
  display: block;
  clear: both;
 
}
.recrutForm .AspNet-CheckBoxList-Item li
{
    
}
.recrutForm .AspNet-CheckBoxList-Item input
{
       
    width: 15px;
    height:15px;
    
    
}

.recrutForm .AspNet-CheckBoxList-Item label
{
    text-align:left;
    clear: none;    
    width: 130px;
}

.recrutForm .AspNet-CheckBoxList-RepeatDirection-Vertical
{
    clear: both;
    width: 200px;
}
   
   
