/**
 * Feuille de style par défaut.
 * Contient l'ensemble des règles génériques
 */

* { margin:0; 	padding: 0; }

html,
body,
{
    height: 100%;
    margin: 0;
    width: 100%;
}

body {
    color: #333; 
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 1em;
    padding-top : 10px;
}

#main {
    height: 100%;
}

#loadingSplash {
    background: url(../img/icons/94250F/ajax-loader.gif) no-repeat 5px 8px;
    padding-left: 25px;
} 

.loadingScreenWindow .ui-dialog-titlebar-close {
    display: none;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center {text-align: center;}

/* additional classes */
.clear  { clear: both; }
.green  { color: #75A54B; }

#menu {
	clear: both;
	background: #FF9966;
	height: 30px;
	margin: 0;
	font: bolder 1.2em/30px Tahoma, Verdana, Arial, Sans-Serif;		
}
#menu ul{
	margin: 0; padding: 0 0 0 8px;
}
#menu ul li {
	float: left;
	list-style: none;		
	border-right: 1px solid #FFA500;
}
#menu ul li a {
	display: block;
	text-decoration: none;	
	padding: 0 15px;
	color: #FFF;	
}
#menu ul li a:hover {
  	color: #333;	
}
#menu ul li#current a {
	color: #333;
}
/********************************************************New Side Bar***************************************************/


ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
/* footer */
#footer { 
	clear: both; 	
	color: #ebff91; 	
	padding: 0;	 
	background: rgb(76, 105, 110);
    height: 80px;
    font-size:0.8em;
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;
}
#footer-content {
	margin: 0 auto;
	width: 100%;
}

#footer-content #footer-left {
	padding: 10px;
	float: left;
	text-align: left;
}
#footer-content #footer-right {
	padding: 10px;
	float: right;
	text-align: right;
}

div.jGrowl.av-center {
    position: absolute;
    top: 50%;
    left: 50%;
}

div.jGrowl.av-alert, div.jGrowl-notification, div.jGrowl-notification.alert {
    position:absolute;
    top: 45%;
    left: 45%;
    font-size: 100%;
    background-color: rgb(34, 31, 16);
    color: rgb(238, 222, 6);
}
div.jGrowl.av-alert  div.jGrowl-header {
    font-size:140%;
    color: rgb(238, 237, 237);
    font-weight: 900;
}
.jGrowl-big {
    font-size: 200% !important;
}
#pwdindicator {
    margin-top: 4px;
    width: 150px;
}

.bar {
    height: 2px;
}

.pwd-very-weak .bar {
    background: #d00;
    width:30px;
}

.pwd-very-weak .label {
    color: #d00;
}

.pwd-weak .bar {
    background: #d00;
    width: 60px;
}

.pwd-weak .label {
    color: #d00;
}

.pwd-mediocre .bar {
    background: #f3f01a;
    width: 90px;
}

.pwd-mediocre .label {
    color: #f3f01a;
}

.pwd-strong .bar {
    background: #f3b31a;
    width : 120px;
}

.pwd-strong .label {
    color: #f3b31a;
}

.pwd-very-strong .bar {
    background: #0d0;
    width: 150px;
}

.pwd-very-strong .label {
    color: #0d0;
}

#register label {
    margin-right:5px;
}
#register input.av-ident {
    padding: 5px 14px;
    border: 1px solid #d5d9da;
    box-shadow: 0 0 9px #0e34F5 inset;
    font-size: 1em;
}

#register .av-short {
    font-weight: bold;
    color: #ff0000;
    font-size: larger;
}

#register .av-weak {
    font-weight: bold;
    color: orange;
    font-size:larger;
}

#register .av-good {
    font-weight: bold;
    color:#2D98F3;
    font-size:larger;
}

#register .av-strong{
    font-weight: bold;
    color: limegreen;
    font-size: larger;
}

.av-title-1-page {
	color: rgb(10, 17, 4);
    text-align: center;
    font-size: 1.4em;
}

.av-form-label {
	color: rgb(10, 17, 4);
    font-size: 1.4em;
}

.av-title-2-page {
	color: rgb(10,17,4);
    text-align: center;
    font-size: 1.2em;
}

.av-title-page {
	color: rgb(10, 17, 4);
    text-align: center;
    font-size:1.6;
}

.av-right {
    text-align: right;
    padding-left: 1em;
}

.av-div-page-center {
    margin: 0 auto;
	margin-top:10%;
}

.av-div-page-center .av-field {
    margin: 0 20% 0 20%;
}

.av-div-page-center .av-submit {
    margin: 0 20% 0 20%;
}

.av-link-button {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: solid 1px #20538D;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        background: #4479BA;
        color: #FFF;
        padding: 8px 12px;
        text-decoration: none;
}

div av-alert-message {
    margin: 0 auto;
    width: 100%;
}

h1.av-form-label {
    display:block;
    float:left;
    color:#53af57;
}

.av-control-label {
    font-size: 1em;
    font-weight: 700;
}

.av-control-textarea {
    resize:none;
}

.av-form-bordered {
    padding: 30px;
    border: 1px solid #f1f1f1;
    background:  #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2), 0 5px 5px 0 rgba(0,0,0,0.24);
}


.av-form-bordered input[type=text], input[type=password] {
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.av-form-bordered input[type=submit] {
    background-color: #53af57;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.av-form-bordered input[type=submit]:hover {
    background-color: white;
    color: #53af57;
    border: 1px solid #53af57;
}

.av-form-control {
    display:block;
    width:100%;
    height:34px;
    padding: 6px 12px 6px 12px;
    font-size: 1em;
    color: #555;
    background-color:#fff;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
}

.av-form-control:input {
    border: 1px solid #53af57;
}

#av-error-container {
    display: none;
    overflow: auto;
    background-color: #ffdddd;
    border: 1px solid #ff2323;
    padding-top: 0;
}

#av-error-container label {
    float: none;
    width: auto;
}


div.av-field {
	display: flex;
	align-items: center;
}

#dynacontent {
    height: 600px;
}

label.error {
	padding-left: 5px;
    color: rgb(99, 14, 14);
    font-weight: 900;
}
input.error {
    border: 1px solid red !important;
}

div input.erro

div.error-message{
 color:red; 	
}

div.button { 
	margin: 0; 
	font: bolder 12px Verdana, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background-color: #FFF;
	color: #75A54B;
}

.av-address[readonly]{
    color:#999;
    background: black;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;

	margin: 45px;
	width: 500px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{

	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;

}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

/* DEFINITION LIST PROGRESS BAR */

dl, dt, dd{margin:0;padding:0;}


dd{
	width:216px;
	height:41px;
	background:url(bg_bar.gif) no-repeat 0 0;
	position:relative;
}
dd span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;

	background:url(bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
dd em{
	position:absolute;
	display:block;
	width:200px;

}