@font-face {
  font-family: "DIN OT";
  /*src: url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-black.ttf');*/
  src: url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-black.eot');
  src: url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-black.eot?#iefix') format('embedded-opentype'), 
       url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-black.woff') format('woff'), 
       url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-black.ttf') format('truetype');
       /*url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-black.svg#SSStandard') format('svg');*/
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN OT";
  /*src: url('/ETRANSACWEBSQL_WEB/Design2013/dinot-condensed-bold.ttf');*/
  src: url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-bold.eot');
  src: url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-bold.eot?#iefix') format('embedded-opentype'), 
       url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-bold.woff') format('woff'), 
       url('/ETRANSACWEBSQL_WEB/Design2013/fonts/dinot-condensed-bold.ttf') format('truetype');
  font-weight: bold;
  font-style : normal;
}
/*@font-face {
  font-family: "American Purpose";
  src: url('/ETRANSACWEBSQL_WEB/Design2013/fonts/damerican_purpose.eot');
  src: url('/ETRANSACWEBSQL_WEB/Design2013/fonts/american_purpose.eot?#iefix') format('embedded-opentype'), 
       url('/ETRANSACWEBSQL_WEB/Design2013/fonts/american_purpose.ttf') format('truetype');
  font-weight: normal;
  font-style : normal;
} */


#dvContentDroite    { margin-top: 35px;font-size: 12px;color: #4f4f4f;margin-right: 56px; }
#dvContentDroite a  { color: #000;text-decoration: underline;color: #4f4f4f; }
.texteDroite        { text-align: right;margin-right: 0px;margin-bottom: 6px;font-family: Trebuchet MS,Arial,Verdana; }
#dvTel              { text-align: right;margin-right: 0px;font-size: 22px;font-weight: bold;float: right;background:  url(/ETRANSACWEBSQL_WEB/Design2013/tel_login.png) no-repeat;width: 215px;height: 33px;color: #fff;font-family: American Purpose,Times New Roman, Arial,Verdana; }
.tel_blanc          { position: relative;top: 2px;left: -40px;width: 20px;height: 20px;display:inline-block;background: url(/ETRANSACWEBSQL_WEB/Design2013/icon-tel-blanc.png) no-repeat scroll 0px 0px; }
.bold               { font-weight: bold;font-size: 14px; }

.titre_texte_gauche { position: relative;left: -20px;color: #000;font-size: 29px;font-family: DIN OT, Verdana, Arial, Times New Roman !important;font-style: important;font-weight:bold;display: block;float: none;margin-top: 8px;margin-bottom: 12px;color: #393939; }
.login_texte_gauche { position: relative;left: -20px;color: #000;font-family: Trebuchet MS,Arial,Verdana;font-size: 14px;padding: 15px 40px 20px 0px;text-align: justify;color: #4f4f4f; }
.partenaires        { margin-top: 15px; }
.alert_ie           { float:left;display: inline-block;color: #818181;font-size: 10px;font-family: Trebuchet MS,Arial,Verdana;padding: 5px;width: 80%;text-align: justify; }
.logo_ie            { float:left;display: inline-block;width: 50px;height: 40px;background: url(/ETRANSACWEBSQL_WEB/Design2013/logo-ie.png) no-repeat 0px 0px;color: #a5101f;font-size: 40px;font-family: Trebuchet MS,Arial,Verdana; }
.dvIE               { position: relative;top: 55px; }

#fond_login_bis {
background: url(/ETRANSACWEBSQL_WEB/Design2013/fond_login_gauche.png) no-repeat scroll 846px 0px;
height: 50px;
left: -1415px;
position: absolute;
top: 188px;
width: 2000px;
z-index: -1;
/*box-shadow: 1px 1px 5px #aaa;*/ 
}
/*.arrow_box_login { position: relative; background: #E9E1E1; } 
.arrow_box_login:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box_login:after { border-color: rgba(233, 225, 225, 0); border-left-color: #E9E1E1; border-width: 30px; top: 50%; margin-top: -30px; }*/

/*.arrow_box_login {
	position: relative;
	background: #E9E1E1;
	border-right: 1px solid #cccccc;
}
.arrow_box_login:after, .arrow_box_login:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_login:after {
	border-color: rgba(233, 225, 225, 0);
	border-left-color: #E9E1E1;
	border-width: 30px;
	top: 17%;
	margin-top: -30px;
}
.arrow_box_login:before {
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #cccccc;
	border-width: 31px;
	top: 17%;
	margin-top: -31px;
} */

/**** Ajout ou réécriture de css pour les éléments webdev de la page ****/
#A10 { border-radius: 15px !important;-moz-border-radius: 15px !important;-webkit-border-radius: 15px !important; }
#A10 {
-moz-border-bottom-right-radius: 10px 10px;
-moz-border-bottom-left-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px;
-webkit-border-bottom-right-radius: 10px 10px;
border-radius: 10px; 
}
/** Le bouton de connexion **/
#A8 { border: 0px;border-radius: 10px;font-family: Trebuchet MS,Arial,Verdana !important;font-size: 16px;  }
/** Champ code societe **/
#A6 { border: 1px solid #bfafaf;border-radius: 10px;padding-left: 10px;height: 42px !important;font-size: 24px;font-family: Trebuchet MS,Arial,Verdana;  }
/** Champ mdp **/
#A7 { border: 1px solid #bfafaf;border-radius: 10px;padding-left: 10px;height: 42px !important;font-size: 24px;font-family: Trebuchet MS,Arial,Verdana;  }
/** Classe des libelle devant les champs de saisie **/
.Normal-Login { height: 40px !important;font-size: 16px !important; }
/** Le titre "identifiez-vous" **/
.IdentLoginOrange { position: relative;left: 10px;color: #393939 !important;font-family: DIN OT, Verdana, Arial, Times New Roman !important; }
#A11 { vertical-align: top; }
#A12 { vertical-align: top; }
p { margin: 0px; }
#ajax_loader { width: 350px !important;margin-left: 30px;margin-top: 30px; }