@charset "UTF-8";
/*!
 * Groupe LP: v1.0.3 sep2013 
 *
 * ADDitional stylesheet: 
 * GEN CSS (basis) is still required
 * Additional CSS: Customized Form
 * 
 */


/*FORM*/

@media all {
/*Area*/
.page-is-form {padding:1.429em 0 0 0; /*20px*/}
	.page-is-form .contentcol .content {width:100%;}
.form-wrapper {}
	.form-wrapper h1 {border-bottom:0; padding:0; margin:0 0 0.471em 0;/*34->16*/}
	.form-wrapper h2 {font-size:1.429em;/*20*/ padding:0 0 0.300em 0; margin:1.050em 0 0 0;/*21*/}
	.form-wrapper .section {padding:1.500em/*21px*/; margin:0 0 2em 0; border:solid 1px #CFCFCF;}
	.form-wrapper .aside {background-color:transparent;}
	.form-wrapper .aside .section {padding:0; border-width:0;}
	.form-wrapper .aside .section h2 {font-size:1em; font-weight:bold; color:inherit; margin:0; padding:0 0 0.786em 0;}
	.form-wrapper .aside .section h3 {}
.form-item-has-shadow {}
/*Reseting*/
input, input[type="search"], textarea, select, button {vertical-align:middle; line-height:normal !important; -moz-box-sizing:border-box; box-sizing:border-box;}
input, button {min-height:22px; vertical-align:middle;}
.touch input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*touch screen makes input wider*/
textarea {vertical-align:top;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {-webkit-appearance:caret; -moz-appearance:caret;} /*Removing IOS top shadow*/
.button-like {display:inline-block;} /*class for button look-alike*/
.button-like {font-size:14px; color:#fff; padding:9px 23px; text-transform:none; background-color:#333; border:solid 1px #333;}
.button-like:hover, .button-like:active, .button-like:focus {color:#fff; background-color:#333; text-decoration:none; border-color:#333;}
select {padding:5px; border:solid 1px #cecece; -webkit-border-radius:3px; border-radius:3px;}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="number"] {padding:5px; border:solid 1px #cecece; -webkit-border-radius:3px; border-radius:3px;}
textarea {padding:5px 2px; border:solid 1px #cecece;}
label, .label-like {vertical-align:middle;}
.captcha-wrapper {}
.form-required {}
.form-required i:after {position:relative; top:-5px; content:'*'; display:inline-block; width:5px; height:5px; color:#C25F25;}
/*-> .form-item-has-shadow */
.form-item-has-shadow fieldset {}
.form-item-has-shadow select, 
.form-item-has-shadow input {}
.form-item-has-shadow select {-webkit-appearance:menulist;} /*Reseting appearance for select yet still no shadow until bug is fixed by Chrome*/
.form-item-has-shadow select {padding:9px 5px;} /*Increasing padding Top+Bottom*/
.form-item-has-shadow textarea {padding:9px 5px; -webkit-box-shadow: inset 1px 1px 7px 1px #CACACA; box-shadow: inset 1px 1px 7px 1px #CACACA;} /*Increasing padding Top+Bottom*/
.form-item-has-shadow input[type="text"], 
.form-item-has-shadow input[type="password"], 
.form-item-has-shadow input[type="email"], 
.form-item-has-shadow input[type="tel"], 
.form-item-has-shadow input[type="number"] {-webkit-appearance:none; -webkit-box-shadow: inset 1px 1px 7px 1px #CACACA; box-shadow: inset 1px 1px 7px 1px #CACACA; padding:9px 5px;}  /*Chrome is buggy regarding shadow on form element*/ /*Increasing padding Top+Bottom*/
.lt-ie9 .form-item-has-shadow input[type="text"], 
.lt-ie9 .form-item-has-shadow input[type="password"], 
.lt-ie9 .form-item-has-shadow input[type="email"], 
.lt-ie9 .form-item-has-shadow input[type="tel"], 
.lt-ie9 .form-item-has-shadow input[type="number"] {padding:5px 5px;} /*Increasing padding Top+Bottom*/
.form-item-has-shadow input[type="checkbox"], 
.form-item-has-shadow input[type="radio"] {margin-right:5px;}
.form-item-has-shadow label, .form-item-has-shadow .label-like {display:inline-block; min-width:99px; min-height:26px; padding:8px 0.357em 0 0.357em; text-align:right;}
.form-item-has-shadow input:invalid, 
.form-item-has-shadow textarea:invalid {background-color:inherit;}
/*Row*/
.form-rw {overflow:hidden;} /*handles label and input; overflow handles IOS6 bug on orientation change*/
.form-button-rw {text-align:right;} 
.form-rw-note {}
/*Error*/
.form-wrapper .form-error-wrapper {position:relative; display:inline-block; min-width:9em; margin:0 0 0 0.357em; padding:inherit 0.3em; color:#EF5A22; border:solid 1px #EF5A22;}
.form-wrapper .form-error-wrapper:before {position:absolute; left:-6px; top:40%; content:''; width:0px; height:0px; border-style:solid; border-width:3.5px 6.1px 3.5px 0; border-color: transparent #EF5A22 transparent transparent; -webkit-transform:rotate(360deg);}
.form-wrapper .form-error {border:solid 1px #EF5A22;}
/*Table*/
.form-wrapper .aside .table-title {font-size:0.929em/*13*/; padding:0 0 0.5em 0;}
.form-wrapper .aside .table-data {font-size:0.857em; border:solid 1px #cfcfcf;}
.form-wrapper .aside .table-data th {text-align:left; font-weight:normal;}
.form-wrapper .aside .table-data td {text-align:right;}
.form-wrapper .aside .table-data th, 
.form-wrapper .aside .table-data td {padding:0.357em 0.643em; border-bottom-width:0;}
/*nav-list wrapper*/
.page-is-form .navlist-wrapper * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.page-is-form .navlist-wrapper {margin:0; padding:0; background-color:transparent;}
.page-is-form .navlist-wrapper ul {overflow:hidden;}
.page-is-form .navlist-wrapper ul li {margin:0 0.5em 0 1em; padding:0;}
.page-is-form .navlist-wrapper ul li a {position:relative; padding:0.79em 2em 0.79em 1em; background-color:#eee;}
.page-is-form .navlist-wrapper ul li a:before {
  border-color: #eee #eee #eee transparent;
  border-style: solid;
  border-width: 1.5em 0 1.5em 1em;
  content: "";
  left: -1em;
  margin-top: -1.5em;
  position: absolute;
  top: 50%;
	-webkit-transform:rotate(360deg);
}
.page-is-form .navlist-wrapper ul li a:after {
	border-color: transparent #eee transparent transparent;
	border-style: solid;
  border-width: 1.5em 0 1.5em 1em;
  content:"";
  margin-top: -1.5em;
  position: absolute;
  right: -1em;
  top: 50%;
	-webkit-transform:rotate(360deg);
}
.page-is-form .navlist-wrapper ul li:last-child a:after {right:0; border-color:#fff #fff #fff #eee;}


/*Form Login Wrapper*/
.form-login-warpper {}
.form-login-warpper h1 {} /*-> see gen*/
.form-login-warpper h2 {color:#333 !important; font-size:16px; padding:0 0 19px 0; margin:0 0 33px 0; border-bottom:dotted 1px #bbb;}
.form-login-warpper .form-rw {width:100%;} /*916*/
.form-login-warpper .form-rw .w-1 {width:33.62445%; text-align:right;} /*308 / 916*/
.form-login-warpper .form-rw .w-1 label {margin-right:11px;}
.form-login-warpper .form-rw .w-2 {width:66.37554%;} /*608 / 916*/
.form-login-warpper .form-button-rw {text-align:left;}


/*Form Data Warpper*/
.form-data-warpper {}
.form-data-warpper .form-rw-note {text-align:right;}
.form-data-warpper.rw {}
.form-data-warpper.rw > .w-1 {width:75.9375%; padding:1.429em 4.1666% 1.214em 4.1666%;} /*729 / 960*/
.form-data-warpper.rw > .w-2 {position:relative; width:24.0625%; padding:1.429em 1.45833% 0 3.333%;} /*231 / 960*/
.form-data-warpper.rw > .w-2:before {content:''; position:absolute; top:0; left:-2.2%; width:1px; min-height:100%; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(207,207,207,0) 0%, rgba(207,207,207,0.5) 25%, rgba(207,207,207,1) 50%, rgba(207,207,207,0.5) 75%, rgba(207,207,207,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,207,207,0)), color-stop(25%,rgba(207,207,207,0.5)), color-stop(50%,rgba(207,207,207,1)), color-stop(75%,rgba(207,207,207,0.5)), color-stop(100%,rgba(207,207,207,0)));
background: -webkit-linear-gradient(top,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
background: -o-linear-gradient(top,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
background: -ms-linear-gradient(top,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
background: linear-gradient(to bottom,  rgba(207,207,207,0) 0%,rgba(207,207,207,0.5) 25%,rgba(207,207,207,1) 50%,rgba(207,207,207,0.5) 75%,rgba(207,207,207,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cfcfcf', endColorstr='#00cfcfcf',GradientType=0 );
}
.form-data-warpper.rw > .w-1 .section .form-rw .w-1 {width:23%; text-align:right;}
.form-data-warpper.rw > .w-1 .section .form-rw .w-2 {width:77%;}
.form-data-warpper.rw > .w-1 .section .form-rw label, 
.form-data-warpper.rw > .w-1 .section .form-rw .label-like, 
.form-data-warpper.rw > .w-1 .section .form-rw .captcha-wrapper {margin-right:11px;}


/*End Common*/
}