/*
FancyFormV2
inclure /lib/js/fancyFormV2/js

Pour un fond blanc ajouter la class .whiteForm à la balise form (Ex.: <form class="formV2 whiteForm">)
*/

.formV2 {width:auto; font-size:1em; /*background:#eed300;*/ padding: 0;}

/*TOP TEXT*/
.topText {padding:0; margin:8px 3px;}
.topText p {margin:15px 0;}
/*
.topText {padding:5px 0; margin:8px 3px;}
.topText p {margin:8px 0;}
*/
/*TOP TEXT*/

/*notLoggedBox*/
.notLoggedBox {padding:0 10px 15px 10px;}
.notLoggedBox p {margin:10px 0;}
.notLoggedBox a {font-weight:bold;}
.notLoggedBox .fb_login_not_logged_in img {margin-top:-10px;}
/*notLoggedBox*/

/*GENERIC INPUT*/
.formV2 .inputWrap {clear:both; padding:4px 0;}
.formV2 .inputWrap label {display:block; font-size:.9em; font-weight:bold; padding:0 0 2px 3px;}
.formV2 .inputWrap input {display:block;}

.formV2 .inputWrap .inputText {position:relative; width:81%; height:28px; line-height:28px; border:none;}
.formV2 .inputWrap .inputText input {display:block; width:100%; height:16px; line-height:16px; margin:3px 0 0 0; padding:1px 0 1px 0; border:none; background:none;}
.formV2 .inputWrap .inputText input:focus {border:none;}
.formV2 .inputWrap .inputText .center {display:block; height:26px; padding:2px 0; margin:0 5px; background: transparent url(../images/formV2/formSpriteIE.png) repeat-x left -1010px;}
.formV2 .inputWrap .inputText .center[class] {background: transparent url(../images/formV2/formSprite.png) repeat-x left -1010px;}
.formV2 .inputWrap .inputText .leftBrd {position:absolute; top:0; left:0; width:5px; height:28px; background: url(../images/formV2/formSpriteIE.png) no-repeat left -979px;}
.formV2 .inputWrap .inputText .leftBrd[class] {background: url(../images/formV2/formSprite.png) no-repeat left -979px;}
.formV2 .inputWrap .inputText .rightBrd {position:absolute; top:0; right:0; width:5px; height:28px; background: url(../images/formV2/formSpriteIE.png) no-repeat right -1041px;}
.formV2 .inputWrap .inputText .rightBrd[class] {background: url(../images/formV2/formSprite.png) no-repeat right -1041px;}

.formV2 .inputWrap .searchFeild .leftBrd {width:30px;}
.formV2 .inputWrap .searchFeild .leftBrd .loop {display:block; height:28px; width:25px; float:right; background: url(../images/formV2/formSprite.png) no-repeat left -1600px;}
.formV2 .inputWrap .searchFeild .center {padding-left:25px;}
/*GENERIC INPUT*/

/*TEXTAREA*/
.formV2 .inputWrap .textarea .shadow {background: url(../images/formV2/textAreaSprite.png) no-repeat left top;}
/*.formV2 .inputWrap .textarea .shadow[class] {background: url(../images/formV2/textAreaSprite.png) no-repeat left top;}*/
.formV2 .inputWrap .textarea .top,
.formV2 .inputWrap .textarea .dd_top,
.formV2 .inputWrap .textarea .bottom,
.formV2 .inputWrap .textarea .dd_bottom {background: url(../images/formV2/textAreaSpriteTB.png) repeat-x top;}

.formV2 .inputWrap textarea {display:block;}
.formV2 .inputWrap .textarea {position:relative; background:#ffffff; margin:5px;}
.formV2 .inputWrap .textarea .inner,
.formV2 .inputWrap .textarea .innerArea {margin:0 -5px; padding:0 5px; background:#ffffff;}
.formV2 .inputWrap .textarea textarea {width:100%; height:100%; border:none; background: transparent;}
.formV2 .inputWrap .textarea .shadow {display:none; position:absolute; width:10px; height:10px;}
.formV2 .inputWrap .textarea .tl,
.formV2 .inputWrap .textarea .tl[class] {display:block; left:-10px; top:-9px; background-position: -22px -51px;}
.formV2 .inputWrap .textarea .top,
.formV2 .inputWrap .textarea .dd_top,
.formV2 .inputWrap .textarea .top[class],
.formV2 .inputWrap .textarea .dd_top[class] {display:block; left:0; top:-10px; width:100%; background-repeat:repeat-x; background-position:bottom;}
.formV2 .inputWrap .textarea .tr,
.formV2 .inputWrap .textarea .tr[class] {display:block; right:-10px; top:-9px; background-position: -12px -66px;}
.formV2 .inputWrap .textarea .right,
.formV2 .inputWrap .textarea .right[class] {display:block; right:-10px; top:0; height:100%;  background-repeat:repeat-y; background-position:left;}
.formV2 .inputWrap .textarea .br,
.formV2 .inputWrap .textarea .br[class] {display:block; right:-10px; bottom:-9px; background-position: -12px -89px;}
.formV2 .inputWrap .textarea .bottom,
.formV2 .inputWrap .textarea .dd_bottom,
.formV2 .inputWrap .textarea .bottom[class],
.formV2 .inputWrap .textarea .dd_bottom[class] {display:block; left:0; bottom:-10px; width:100%;  background-repeat:repeat-x; background-position:top;}
.formV2 .inputWrap .textarea .bl,
.formV2 .inputWrap .textarea .bl[class] {display:block; left:-10px; bottom:-9px; background-position: -22px -104px;}
.formV2 .inputWrap .textarea .left,
.formV2 .inputWrap .textarea .left[class] {display:block; left:-10px; top:0; height:100%;  background-repeat:repeat-y; background-position:0px;}
/*TEXTAREA*/

/*SELECT*/
.formV2 .inputWrap select {display:block; margin:10px 0;}

.formV2 .inputWrap .selectWrap {display:inline-block; position:relative; z-index:100; font-size:.9em; /*float:left;*/ width:auto; height:31px; line-height:31px; border:none; cursor:pointer;}
.formV2 .inputWrap .selectWrap .center {display:block; width:auto; height:31px; padding:0 0 0 5px; margin:0 25px 0 5px; overflow:hidden; white-space:nowrap; background: transparent url(../images/formV2/formSprite.png) repeat-x scroll left -775px; color:#000;}
.formV2 .inputWrap .selectWrap .leftBrd {position:absolute; top:0; left:0; width:5px; height:31px; background: url(../images/formV2/formSprite.png) no-repeat -2px -744px;}
.formV2 .inputWrap .selectWrap .rightBrd {position:absolute; top:0; right:0; width:25px; height:31px; background: url(../images/formV2/formSprite.png) no-repeat right -806px;}
.formV2 .inputWrap .selectWrap .dropDown {position:absolute; z-index:101; top:36px; left:8px; width:220px; height:auto; background:#d7d7d8; overflow:visible;}

.formV2 .inputWrap .selectWrap .dropDown ul {margin:0 -5px 0 -5px; background:#d7d7d8; width:auto; height:auto; max-height:200px; _height:200px; overflow-y:auto; overflow-x:hidden;}

.formV2 .inputWrap .selectWrap .dropDown ul li {line-height:15px; padding:1px 0; list-style-type:none; }
.formV2 .inputWrap .selectWrap .dropDown ul li a {display:block; color:#444444; text-decoration:none; padding:0 0 0 20px;}
.formV2 .inputWrap .selectWrap .dropDown ul li a:hover {color:#fff; background: url(../images/formV2/dropDownSel.png) no-repeat left top;}
.formV2 .inputWrap .selectWrap .dropDown ul li a:active {color:#fff; background: url(../images/formV2/dropDownSel.png) no-repeat left -15px;}
.formV2 .inputWrap .selectWrap .dropDown ul li a.selected {color:#000000; background: url(../images/formV2/dropDownSel.png) no-repeat left -30px;}

.formV2 .inputWrap .selectWrap .dropDown .shadow {display:none; position:absolute; width:10px; height:10px; background: url(../images/formV2/dropDownSprite.png) no-repeat left top;}
.formV2 .inputWrap .selectWrap .dropDown .tl {display:block; left:-10px; top:-9px; background-position: -23px -51px;}
.formV2 .inputWrap .selectWrap .dropDown .top,
.formV2 .inputWrap .selectWrap .dropDown .dd_top {display:block; left:0; top:-10px; width:100%; background: url(../images/formV2/dropDownSpriteTB.png) repeat-x bottom;}
.formV2 .inputWrap .selectWrap .dropDown .tr {display:block; right:-10px; top:-9px; background-position: -12px -66px;}
.formV2 .inputWrap .selectWrap .dropDown .right {display:block; right:-10px; top:0; height:100%; background: url(../images/formV2/dropDownSprite.png) repeat-y left;}
.formV2 .inputWrap .selectWrap .dropDown .br {display:block; right:-10px; bottom:-9px; background-position: -12px -89px;}
.formV2 .inputWrap .selectWrap .dropDown .bottom,
.formV2 .inputWrap .selectWrap .dropDown .dd_bottom {display:block; left:0; bottom:-10px; width:100%; background: url(../images/formV2/dropDownSpriteTB.png) repeat-x top;}
.formV2 .inputWrap .selectWrap .dropDown .bl {display:block; left:-10px; bottom:-9px; background-position: -23px -104px;}
.formV2 .inputWrap .selectWrap .dropDown .left {display:block; left:-10px; top:0; height:100%; background: url(../images/formV2/dropDownSprite.png) repeat-y right;}

.formV2 .selectFullWidth .selectWrap {width:100%;}
/*SELECT*/

/*SELECT AND TEXT*/
.formV2 .selectAndText .selectWrap {float:left; margin:0 4px 0 0; z-index:99999;}
.formV2 .selectAndText .selectWrap .dropDown {width:65px;}
.formV2 .selectAndText select {display:block; float:left; margin:0 8px 0 0;}
.formV2 .selectAndText .selectWrap .dropDown ul {height:auto;}
.formV2 .selectAndText .inputText {float:left; width:60%; margin:1px 0 0 ;}
/*SELECT AND TEXT*/

.formV2 .multipleSelect .selectWrap {float:left; margin:0 4px 0 0;}
.formV2 .multipleSelect select {float:left; margin:0 3px 0 0;}

/*RADIO/CHECK BUTTON*/
.formV2 .inputWrap .radioCheckItem {font-size:.9em; line-height:23px; clear:both;}
.formV2 .inputWrap .radioCheckItem .radio,
.formV2 .inputWrap .radioCheckItem .checkbox {float:left; width:18px; height:18px; margin:0 5px 0 0; background: url(../images/formV2/formSpriteIE.png) no-repeat left -902px; cursor:pointer;}
.formV2 .inputWrap .radioCheckItem .checkbox[class] {width:21px; height:21px; background: url(../images/formV2/formSprite.png) no-repeat left -838px;}
.formV2 .inputWrap .radioCheckItem .radio[class] {width:21px; height:21px; background: url(../images/formV2/formSprite.png) no-repeat left -902px;}
/*.formV2 .inputWrap .radioCheckItem .checkbox {width:21px; height:21px; background-position:left -838px;}*/
.formV2 .inputWrap .radioCheckItem input {float:left;}
.formV2 .inputWrap .radioCheckItem span {cursor:pointer;}

.formV2.alertes .inputWrap .radioCheckItem { border-top:#fff 1px dotted; padding:10px 0;}
.formV2.alertes .inputWrap .radioCheckItem span {cursor:pointer; display:block; margin-left:28px;}
.formV2.alertes .inputWrap .radioCheckItem strong span {cursor:pointer; display:inline; margin:0; padding:0;}
/*RADIO/CHECK BUTTON*/

/*INPUT LIMITED CHARACTERS*/
.formV2 .inputWrap .char2,
.formV2 .inputWrap .char3,
.formV2 .inputWrap .char4,
.formV2 .inputWrap .char5,
.formV2 .inputWrap .char6 {float:left; padding:0 3px 0 0; margin:0 3px 0 0;}
.formV2 .inputWrap .char2 .inputText,
.formV2 .inputWrap .char3 .inputText,
.formV2 .inputWrap .char4 .inputText,
.formV2 .inputWrap .char5 .inputText,
.formV2 .inputWrap .char6 .inputText {width:100%;}
.formV2 .inputWrap .char2 input,
.formV2 .inputWrap .char3 input,
.formV2 .inputWrap .char4 input,
.formV2 .inputWrap .char5 input,
.formV2 .inputWrap .char6 input {text-align:center;}
.formV2 .inputWrap .infoSup,
.formV2 .inputWrap .char2 .infoSup,
.formV2 .inputWrap .char3 .infoSup,
.formV2 .inputWrap .char4 .infoSup,
.formV2 .inputWrap .char5 .infoSup,
.formV2 .inputWrap .char6 .infoSup {font-size:.86em; /*color:#9f8c00;*/ color:#333; font-family:arial; font-style:italic; text-align:center; line-height:1.5em; padding:0 0 0 3px;}
.formV2 .inputWrap .char2 {width:32px;}
.formV2 .inputWrap .char3 {width:40px;}
.formV2 .inputWrap .char4 {width:48px;}
.formV2 .inputWrap .char5 {width:56px;}
.formV2 .inputWrap .char6 {width:64px;}
.formV2 .inputWrap .charSpace {display:inline; float:left; height:25px; width:15px;}
.formV2 .inputWrap .erreur {background:#df9393; border:1px solid #efefef; border:1px solid #b23f3f;}
/*INPUT LIMITED CHARACTERS*/

/*FORM BUTTONS*/
.formV2 .formBtn {display:inline-block; float:left; position:relative; _width:0%; height:30px; margin:10px 3px; color:#ffffff; text-decoration:none; background:none; white-space:nowrap;}
.formV2 a.formBtn {color:#ffffff; cursor:pointer;}
.formV2 .formBtn .leftBrd {display:block; position:absolute; top:0; left:0; width:10px; height:30px; background-image: url(../images/formV2/formSpriteIE.png); background-repeat:no-repeat; background-position:left -1px;}
.formV2 .formBtn .leftBrd[class] {background-image: url(../images/formV2/formSprite.png);}
.formV2 .formBtn .center {display:block; height:30px; line-height:30px; margin:0 10px; padding:0; background-image: url(../images/formV2/formSpriteIE.png); background-repeat:repeat-x; background-position:center -32px;}
.formV2 .formBtn .center[class] {background-image: url(../images/formV2/formSprite.png);}
.formV2 .formBtn .center a {color:#ffffff; text-decoration:none;}
.formV2 .formBtn .center span {display:block; padding:0 10px;}
.formV2 .formBtn .rightBrd {display:block; position:absolute; top:0; right:0; width:10px; height:30px; background-image: url(../images/formV2/formSpriteIE.png); background-repeat:no-repeat; background-position:right -63px;}
.formV2 .formBtn .rightBrd[class] {background-image: url(../images/formV2/formSprite.png);}
.formV2 span.disabled {color:#999; cursor:normal;}

.formV2 .btnComfirm .center span {background: url(../images/formV2/formSpriteIE.png) no-repeat left -1539px; padding:0 0 0 25px;}
.formV2 .btnComfirm .center[class] span {background: url(../images/formV2/formSprite.png) no-repeat left -1539px;}
.formV2 .btnCancel .center span {background: url(../images/formV2/formSpriteIE.png) no-repeat left -1568px; padding:0 0 0 25px;}
.formV2 .btnCancel .center[class] span {background: url(../images/formV2/formSprite.png) no-repeat left -1568px;}

.formV2 .formBtn:hover .leftBrd {background-position: left -466px;}
.formV2 .formBtn:hover .center {background-position: left -497px;}
.formV2 .formBtn:hover .rightBrd {background-position: right -528px;}

.formV2 span.disabled .leftBrd,
.formV2 span.disabled:hover .leftBrd {background-position:left -280px;}
.formV2 span.disabled .center,
.formV2 span.disabled:hover .center {background-position: center -311px;}
.formV2 span.disabled .rightBrd,
.formV2 span.disabled:hover .rightBrd {background-position:right -342px;}

.formV2 .black {color:#ffffff;}
.formV2 .black:hover {color:#ffffff;}

.formV2 .jaune .leftBrd {background-position: left -94px;}
.formV2 .jaune .center {background-position: left -125px;}
.formV2 .jaune .rightBrd {background-position: right -156px;}
.formV2 .jaune:hover {color:#ffffff;}
.formV2 .jaune:hover .leftBrd {background-position: left -559px;}
.formV2 .jaune:hover .center {background-position: left -590px;}
.formV2 .jaune:hover .rightBrd {background-position: right -621px;}

.formV2 .white {color:#000000;}
.formV2 .white:hover {color:#ffffff;}
.formV2 .white .leftBrd {background-position: left -187px;}
.formV2 .white .center {background-position: left -218px;}
.formV2 .white .rightBrd {background-position: right -249px;}

.formV2 .grey {color:#000000;}
.formV2 .grey .leftBrd {background-position: left -280px;}
.formV2 .grey .center {background-position: left -311px;}
.formV2 .grey .rightBrd {background-position: right -342px;}
.formV2 .grey:hover {color:#ffffff;}
.formV2 .grey:hover .leftBrd {background-position: left -559px;}
.formV2 .grey:hover .center {background-position: left -590px;}
.formV2 .grey:hover .rightBrd {background-position: right -621px;}

.formV2 .greyFade {color:#000000;}
.formV2 .greyFade .leftBrd {background-position: left -373px;}
.formV2 .greyFade .center {background-position: left -404px;}
.formV2 .greyFade .rightBrd {background-position: right -435px;}
.formV2 .greyFade:hover {color:#ffffff;}
.formV2 .greyFade:hover .leftBrd {background-position: left -652px;}
.formV2 .greyFade:hover .center {background-position: left -683px;}
.formV2 .greyFade:hover .rightBrd {background-position: right -714px;}

.formV2 .darkGrey .leftBrd { background-position: left -559px;}
.formV2 .darkGrey .center { background-position: left -590px;}
.formV2 .darkGrey .rightBrd { background-position: right -621px;}
.formV2 .darkGrey:hover {color:#ffffff;}
.formV2 .darkGrey:hover .leftBrd {background-position: left -94px;}
.formV2 .darkGrey:hover .center {background-position: left -125px;}
.formV2 .darkGrey:hover .rightBrd {background-position: right -156px;}
/*FORM BUTTONS*/

/*Hide feilds*/
.formV2 .hide {width:1px; height:1px; background:transparent; border:none; visibility:hidden;}

/****MSGV2****/
.msgV2 {min-height:30px; font-weight:normal; padding:10px 10px 10px 10px; margin:10px 0; background-color:#fdf493; -webkit-border-radius:5px; -moz-border-radius:5px;}
.msgV2 h2,
.msgV2 h3 {font-size:11px; font-weight:bold; line-height:1.4em; margin:0; padding:0;}
.msgV2 p {font-size:12px; padding:3px 0; margin:0;}

/*ERREUR*/
.formV2 .redMsg,
.msgV2.erreur {color:#e13e3e;}
.msgV2.erreur h2,
.msgV2.erreur h3,
.msgV2.erreur p {color:#e13e3e;}

/*ATTENTION*/
.msgV2.attention {color:#ebb304;}
.msgV2.attention h2,
.msgV2.attention h3,
.msgV2.attention p {color:#ebb304;}

/*SUCCESS*/
.msgV2.succes {color:#7aa911;}
.msgV2.succes h2,
.msgV2.succes h3,
.msgV2.succes p {color:#7aa911;}
/****MSGV2****/

/*whiteForm*/
.whiteForm .inputWrap .inputText .center,
.whiteForm .inputWrap .inputText .center[class],
.whiteForm .inputWrap .inputText .leftBrd,
.whiteForm .inputWrap .inputText .leftBrd[class],
.whiteForm .inputWrap .inputText .rightBrd,
.whiteForm .inputWrap .inputText .rightBrd[class],
.whiteForm .inputWrap .selectWrap .center,
.whiteForm .inputWrap .selectWrap .center[class],
.whiteForm .inputWrap .selectWrap .leftBrd,
.whiteForm .inputWrap .selectWrap .leftBrd[class],
.whiteForm .inputWrap .selectWrap .rightBrd,
.whiteForm .inputWrap .selectWrap .rightBrd[class],
.whiteForm .inputWrap .radioCheckItem .radio,
.whiteForm .inputWrap .radioCheckItem .radio[class],
.whiteForm .inputWrap .radioCheckItem .checkbox,
.whiteForm .inputWrap .radioCheckItem .checkbox[class],
.whiteForm .formBtn .leftBrd,
.whiteForm .formBtn .leftBrd[class],
.whiteForm .formBtn .center,
.whiteForm .formBtn .center[class],
.whiteForm .formBtn .rightBrd,
.whiteForm .formBtn .rightBrd[class] {background-image: url(../images/formV2/formSprite_white.png);}
/*whiteForm*/

/*Input erreur*/
.formV2 .erreur label {color:#b02121;}
.formV2 .erreur .inputText .center,
.formV2 .erreur .inputText .center[class] {background-position: left -1103px;}
.formV2 .erreur .inputText .leftBrd,
.formV2 .erreur .inputText .leftBrd[class] {background-position: left -1072px;}
.formV2 .erreur .inputText .rightBrd,
.formV2 .erreur .inputText .rightBrd[class]{background-position: right -1134px;}

.formV2 .erreur .selectWrap .rightBrd,
.formV2 .erreur .selectWrap .rightBrd[class] {background-position: right -1412px;}
.formV2 .erreur .selectWrap .center,
.formV2 .erreur .selectWrap .center[class] {background-position: left -1381px;}
.formV2 .erreur .selectWrap .leftBrd,
.formV2 .erreur .selectWrap .leftBrd[class] {background-position: left -1350px;}

.formV2 .erreur .radioCheckItem .radio,
.formV2 .erreur .radioCheckItem .radio[class]{background-position: left -1513px;}
.formV2 .erreur .radioCheckItem .checkbox,
.formV2 .erreur .radioCheckItem .checkbox[class] {background-position: left -1447px;}

.formV2 .erreur .textarea .shadow {background: url(../images/formV2/textAreaSprite_erreur.png) left top;}
.formV2 .erreur .textarea .top,
.formV2 .erreur .textarea .dd_top,
.formV2 .erreur .textarea .bottom,
.formV2 .erreur .textarea .dd_bottom {background: url(../images/formV2/textAreaSpriteTB_erreur.png) repeat-x top;}
/*Input erreur*/