.divMainAuthen {
	width: 300px;
	border: 2px solid #ddd8cd;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align: center;
	
-webkit-box-shadow: 0px 21px 26px -14px rgba(0,0,0,0.74);
-moz-box-shadow: 0px 21px 26px -14px rgba(0,0,0,0.74);
box-shadow: 0px 21px 26px -14px rgba(0,0,0,0.74);
}

.ribbon-front span 
{
    height: 20px;
    line-height: 20px;
	color: #f74213;
    font-family: Rockwell;
    font-size: 18px;
    line-height: 30px; /*height du ribbon-front*/
	vertical-align:middle;
}

.divAuthen 
{
    width: 276px; /*width tdLibDivAuthen + width inputDivAuthen*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.tdLibDivAuthen 
{
    color: #323232;
	font-family: Rockwell;
    font-size: 12px;
    text-align: right;
    width: 80px;
    height: 40px;
}

.inputDivAuthen {
	color: #323232;
	font-family: Rockwell;
    font-size: 12px;
    width: 180px;
    height: 20px;
    border: 2px solid #3e3e3e
}

.tdBtDivAuthen {
	text-align :right;
	height: 46px;
}

.btDivAuthen {
	background-color:#cadcea;
	display:inline-block;
	cursor:pointer;
	color: #323232;
	font-family: Rockwell;
    font-size: 14px;
	padding:6px 6px 6px 6px;
	border: 2px solid #3e3e3e;
	height: 35px;
}

.btDivAuthen:hover {
	background-color:#f96429;
}
.btDivAuthen:active {
	position:relative;
	top:1px;
}
a.btDivAuthen:link  
{  
 text-decoration:none;  
}  

.tdMsgDivAuthen {
	color: #f74213;
	font-family: Rockwell;
    font-size: 14px;
    text-align: center;
    vertical-align: text-top;
    height: 40px;
    padding-top: 2px;
}


.tdNewAccount {
	text-align: right;
	padding-top: 20px;
}

.tdForgotPassword 
{
    text-align: right;
}
.forgotPassword, .NewAccount {
	color: #323232;
	font-family: Rockwell;
    font-size: 12px;
}

a.forgotPassword:link, a.NewAccount:link {
	 text-decoration:none;
}
a.forgotPassword:hover, a.NewAccount:hover {
	color:#f96429;
}
/*----------ribbon style----------*/

 .ribbon-wrapper {
	position: relative;
	border-bottom: 10px solid #ccc;
	border-top: 0px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
}
  .ribbon-front {
	background-color: #ddd8cd;
	height: 30px;
	width: 340px;
	position: relative;
	left:-20px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 30px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #696969 transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 300px;
	border-color: transparent transparent transparent #696969;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 20px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 10px 20px;
}

  .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 0px;
	height: 30px;
		z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 0px;
	height: 30px;
		z-index: 0;
}