/*
	Project		: svn eZPublish Actimage
	Author		: Maximilien LELEU <maximilien.leleu@actimage.com>
	Revision	: Décembre 2013
	Description	: Contient l’ensemble des règles appliquées aux formulaires
				  
	Copyright	: ACTIMAGE
*/

/******************************************/
/***************** BALISES ****************/
/******************************************/

.form-cirad form > fieldset{
    border 		: 1px solid #fba606;
    margin 		: 20px 0;
    padding 	: 15px 0 5px 0;
    position 	: relative;
}

.form-cirad form > fieldset > legend{
    background-color 	: #fba606;
    display 			: inline-block;
    font-weight 		: bold;
    margin-left 		: 30px;
    min-width 			: 200px;
    padding 			: 4px 20px;
    position 			: absolute;
    text-align 			: center;
    top 				: -9px;
}

.form-cirad form > fieldset > legend:before{
    border-color 	: transparent transparent transparent #f37800;
    content 		: "";
    display 		: inline-block;
    border-style 	: solid;
    border-width 	: 9px 0 0 9px;
    height 			: 0px;
    position 		: absolute;
    top 			: 0;
    right 			: -9px;
    width 			: 0px;
}
.form-cirad fieldset fieldset, .form-cirad fieldset.reset-fieldset{
    border 		: none;
    margin 		: 0;
    padding 	: 0;
}

.form-cirad fieldset.reset-fieldset legend{
    font-weight 		: normal;
    position 			: static;
}

.form-cirad fieldset.reset-fieldset legend:before{
    display 	:  none;
}

.form-cirad fieldset fieldset legend{
    background-color 	: transparent;
    color 				: #000;
    float 				: left;
    padding 			: 0;
}
/* caches à cocher et boutons radios */
.form-cirad fieldset fieldset ul li label{
    display 	: inline-block;
    padding 	: 0 0 0 5px;
}

/******************************************/
/*************** LABEL&INPUT **************/
/******************************************/
.form-cirad label, .form-cirad legend.label-zone{
    background 	: none;
    color 		: #000;
    display 	: block;
}

/* Cas spécifique des blocs de présentation des formules d'abonnement*/
.form-cirad .list .inbl-list > *{
    display 		: inline-block;
    vertical-align 	: middle;
}

.form-cirad legend.label-zone{
    float 		: left;
    padding 	: 0;
}

.form-cirad .label-zone{
    margin:     0 20px 20px 0;
    /*line-height: 40px;*/
}

.form-cirad .label-zone /*label*/,
.form-cirad .input-zone .short-field + label{
    margin-top: 12px;
}

.form-cirad .label-zone label + span,
.form-cirad .input-zone .short-field + label + span{
    float: right;
}

.form-cirad .input-zone .short-field + img{
    margin-top: 12px;
}

.form-cirad .label-zone span,
.form-cirad fieldset fieldset legend span{
    color 		: #767676;
    font-size 	: 0.8em;
}

.form-cirad .input-zone{
    margin 	: 0 0 30px 0;
    width 	:  65%;
}

.form-cirad .input-zone.full-width{
    width 	: 100%;
}

.form-cirad .label-zone,
.form-cirad .input-zone{
    display 		: inline-block;
    vertical-align 	: top;
}

.form-cirad .label-zone,
.form-cirad fieldset fieldset legend{
    margin 		: 0 20px 20px 0;
    text-align 	: right;
    width 		: 30%;
    margin-top  : 12px
}

.form-cirad fieldset fieldset legend span{
    display   : inline-block;
}

.form-cirad .input-zone label{
    display : inline-block;
    margin 	: 0 15px 0 40px;
}

.form-cirad .input-zone.inline{
    margin 	:  0 0 2% 32%;
}

.form-cirad .input-zone.inline label{
    margin 	: 0 0 0 15px;
    width 	: 85%;
}

.form-cirad .inner-box .input-zone.inline input[type=checkbox]{
    vertical-align 	: top;
}

.form-cirad .input-zone img{
    vertical-align: middle;
}

.form-cirad input[type=checkbox],
.form-cirad input[type=radio]{
    display:        inline-block;
    vertical-align: middle;
    margin:         5px 5px 5px 0;
}

.form-cirad input[type=checkbox] + label,
.form-cirad input[type=radio] + label{
    cursor:         pointer;
    display:        inline-block;
    vertical-align: middle;
}

.form-cirad input[type=text],
.form-cirad textarea,
.form-cirad select,
.form-cirad input[type=password]{
    min-height: 	40px;
    width: 			100%;
    padding: 		0 10px;
    vertical-align: top;
    border:			1px solid #d4d4d4;
}

.form-cirad textarea{
    resize 	: none;
    padding : 3px;
}

/*.form-cirad input[type=text]{
	padding : 0 3px;
}*/

.form-cirad input[type=submit]{
    margin 	: 0 10px;
    padding : 0 10px;
}

.form-cirad input.short-field{
    margin 	: 0 10px 0 0;
    width 	: 20%;
}

.form-cirad select.short-field{
    margin 	: 0 20px 0 0;
    padding : 3px 5px;
    width 	: 25%;
}

.form-cirad input.mini-field{
    margin 	: 0 10px 0 0;
    width 	: 10%;
}

.form-cirad .mandatory, .form-cirad .label-zone .mandatory{
    color      : #b4003c;
    display    : inline;
    font-size  : 1em;
}

.form-cirad .two-cols-list li{
    display : inline-block;
    width 	: 50%;
}

.form-cirad .three-cols-list li{
    display : inline-block;
    width 	: 33%;
}

/*.form-cirad .three-cols-list input[type=radio],
.form-cirad .two-cols-list input[type=radio]{
    vertical-align 	: top;
}*/

.form-cirad .input-zone.two-cols-list li label,
.form-cirad .input-zone.three-cols-list li label{
    margin 			: 0;
    width 			: 85%;
}

.form-cirad .input-zone.two-cols-list li .mini-field + label{
    width 	: 60%;
}

.form-cirad .action-buttons{
    margin:	25px 0 15px 0
}

.action-buttons input[type=submit],
.action-buttons input[type=reset],
.action-buttons input[type=button],
.action-buttons a,
.full.mode-cartography .action-buttons input{
    padding 	: 3px 15px;
}

.form-cirad .action-buttons a,
.form-cirad .action-buttons input{
    background-color:   #6a9c32;
    color: 			    #fff;
    border: 			0;
    display: 			inline-block;
    min-width: 			280px;
    padding: 			10px 15px;
    font-size: 			17px;
    cursor: 			pointer;
    margin:             0 10px;
}

.form-cirad .action-buttons a,
.form-cirad .action-buttons input[type=reset],
.form-cirad .action-buttons input[type=submit] + input[type=submit] {
    background-color: #574a44;
}

.form-cirad .action-buttons a input[type=submit],
.form-cirad .action-buttons a input[type=reset] {
    padding: 0;
    min-width: 0;
    background-color: transparent;
}

.form-cirad .action-buttons input:hover{
    text-decoration 	: underline;
}

.form-cirad .action-buttons .select-class{
    margin 			: 5px 0;
}

/* ezOE */
.form-cirad .oe-window{
    display 		: inline-block;
    vertical-align 	: top;
    width 			: 71%;
}

/******************************************/
/****************** ETAPES ****************/
/******************************************/
.steps{
    display 	: table;
    margin 		: 20px 0;
    padding 	: 0;
    text-align 	: center;
    width 		: 100%;
}

.steps li{
    background-color 	: #F6F6F6;
    background-image 	: none;
    border 				: 1px solid #E3E3E3;
    display 			: table-cell;
    padding 			: 5px 10px;
    text-align 			: left;
    vertical-align 		: top;
}

.steps li > div{
    display 		: table-cell;
    vertical-align 	: top;
}

.steps li .step-number span{
    background-color 		: #088106;
    border-radius 			: 50%;
    -webkit-border-radius 	: 50%;
    -moz-border-radius 		: 50%;
    color 					: #FFF;
    display 				: inline-block;
    height 					: 20px;
    line-height 			: 20px;
    margin 					: 0 10px 0 0;
    text-align 				: center;
    width 					: 20px;
}

.steps .step-label span{
    display 		: block;
    font-size 		: 1.2em;
    font-weight 	: bold;
    text-transform 	: uppercase;
}

/*.cols2 .form-cirad .steps div span{
    display 		: none;
}*/

.steps .active{
    background-color 	: #088106;
    border-color 		: #088106;
    color 				: #FFFFFF;
}

.inner-box .steps li{
    display 		: block;
    width 			: auto;
}

.steps .active .step-number span{
    background-color 		: #FFF;
    color 					: #088106;
}

.form-line, .form-cirad fieldset.reset-fieldset.form-line, .form-cirad fieldset fieldset.form-line{
    background-color 	: #F7F7F7;
    margin 				: 10px;
    padding 			: 5px 0;
}

.form-cirad .form-line .label-zone {
    margin :    0 20px 0 0;
    margin-top: 12px;
}

.form-cirad .form-line .input-zone {
    margin 			: 0;
}

.form-cirad .form-line .input-zone.inline {
    margin 		: 0 0 0 32%;
}

/* Focer le style des fieldset enfants : cas différents des fieldsetS pour les listes de cases à cocher ou boutons radio */

.form-cirad fieldset fieldset.fieldset-style{
    border 		: 1px dotted #fba606;
    margin 		: 10px 20px;
    padding 	: 5px;
}

.form-cirad fieldset fieldset.fieldset-style legend{
    color 		: #000;
    float 		: none;
    font-weight : bold;
    margin 		: 0 10px;
    padding 	: 0 10px;
    text-align 	: left;
    width 		: auto;
}

/* Pour IE7 mais commun à tous */
.form-cirad .label-zone span.legend-label{
    color 				: #000;
    font-size 			: 1em;
}