@font-face {
  font-family: "Blackletter 686 BT";
  src: url('../fonts/josh_cert_name.ttf');
}
@font-face {
  font-family: "lackletter";
  src: url('../fonts/BLACEB__.TTF');
}
@font-face {
  font-family: "josh_digital";
  src: url('../fonts/josh_digital.ttf');
}
@font-face {
  font-family: "josh_digital_2";
  src: url('../fonts/josh_digital_2.ttf');
}
@font-face {
  font-family: "josh_dot";
  src: url('../fonts/josh_dot.ttf');
}
@font-face {
  font-family: "josh_germanic";
  src: url('../fonts/josh_germanic.ttf');
}
@font-face {
  font-family: "josh_st_val";
  src: url('../fonts/josh_st_val.ttf');
}
@font-face {
  font-family: "josh_titre1";
  src: url('../fonts/josh_titre1.ttf');
}
@font-face {
  font-family: "josh_led";
  src: url('../fonts/josh_led.ttf');
}
@font-face {
  font-family: "josh_titre2";
  src: url('../fonts/josh_titre2.ttf');
}
@font-face {
  font-family: "josh_titre3";
  src: url('../fonts/josh_titre3.ttf');
}
@font-face {
  font-family: "josh_dot_2";
  src: url('../fonts/josh_dot_2.ttf');
}
@font-face {
  font-family: "josh_dot_2_i";
  font-style: italic;
  src: url('../fonts/josh_dot_2_i.ttf');
}
@font-face {
  font-family: "josh_digital_3";
  src: url('../fonts/josh_digital_3.ttf');
}


/* font-style: italic;
font-weight: bold; */

/*- Corps Principal --------------------------- */

.marge_e {
margin-left: 2em;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_e1 {
margin-left: 3em;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_e2 {
margin-left: 5em;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_p {
margin-left: 5px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_p1 {
margin-left: 10px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_p2 {
margin-left: 15px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_c {
  position:absolute;
  left: 200px;
  padding:0px 0px 0px 10px; /* top right down left  padding: 6px 2px 6px 16px; */
}
.marge_c_2 {
  position:absolute;
  left: 185px;
  padding:4px 0px 0px 10px; /* top right down left  padding: 6px 2px 6px 16px; */
}
.marge_c_3 {
  /*position:absolute;
  left: 210px;
  padding:3px 0px 0px 10px;*/ /* top right down left  padding: 6px 2px 6px 16px; */
}
.marge_c_ {
  position:absolute;
  left: 202px;
  padding:0px 0px 0px 10px; /* top right down left  padding: 6px 2px 6px 16px; */
}
.marge_c1 {
margin-left: 10px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_c2 {
margin-left: 15px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_d {
  position:absolute;
  right: 30px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_d1 {
margin-right: 10px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_d2 {
margin-left: 15px;
padding:0px 0px 3px 0px; /* top right down left*/
}
.marge_d3 {
margin-left: 10px;
padding:4px 0px 0px 0px; /* top right down left*/
}
.label_span {
  position:absolute;
  color:#000080;
  font-family:Verdana;
  font-size:11px;
  font-weight: bold;
  padding:5px 0px 0px 0px; /* top right down left*/

}
.label_span_2 {
  position:absolute;
  color:#000080;
  font-family:Verdana;
  font-size:11px;
  font-weight: bold;
  padding:5px 0px 0px 20px; /* top right down left*/

}
.label_span1 {
  position:absolute;
  color:#000080;
  font-family:Verdana;
  font-size:9px;
  font-weight: bold;
  padding:5px 0px 0px 0px; /* top right down left*/
  
}
.label_span2 {
  position:absolute;
  color:#000080;
  font-family:Verdana;
  font-size:15px;
  font-weight: bold;
  padding:5px 0px 0px 40px; /* top right down left*/
  
}
.label_span3 {
  float:center;
  color:#000080;
  font-family:Verdana;
  font-size:15px;
  font-weight: bold;
  padding:5px 0px 0px 40px; /* top right down left*/
  
}
.ligne1{
  position:static; 
  height:25px; 
  vertical-align:middle;
  margin:12px 2px 2px 12px;
}
.ligne2{
  position:static; 
  width:461px; 
  vertical-align:middle;
  margin:12px 2px 2px 12px;
}
.ligne {
  position:static; 
  height:25px; 
  vertical-align:middle;
  margin:2px 2px 2px 12px;
}
.ligne3 {
  position:static;
  vertical-align:middle;
  margin:2px 2px 2px 12px;
}
.ligne4 {
  position:static;
  height:25px; 
  vertical-align:middle;
  margin:2px 2px 2px 12px;
}
.ligne5 {
  position:static;
  background:#fbe3e4;
  height:25px;
  width:250px;
  vertical-align:middle;
  margin:15px 2px 2px 12px;
  padding:0px 0px 0px 10px;
  color:#FFFFFF;
}
.ligne5:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.ligne6 {
  position:static;
  background:#fbe3e4;
  height:25px;
  width:250px;
  vertical-align:middle;
  margin:10px 2px 2px 12px;
  padding:0px 0px 0px 10px;
  color:#FFFFFF;
}
.ligne6:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.sans_bordure {
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
}
.sans_bordure_t {
   border-top-width: 0px;
   border-top-style: none;
}
.sans_bordure_r {
   border-right-width: 0px;
  border-right-style: none;
}
.sans_bordure_b {
   border-bottom-width: 0px;
   border-bottom-style: none;
}
.sans_bordure_l {
  border-left-width: 0px;
  border-left-style: none;
}
.combo datebox {
 display: none; 
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#0066CC;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#FFFFFF;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#FFFFFF;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#FFFFFF;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.buttons_ a, .buttons_ button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#66CC00;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons_ button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons_ button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons_ button img, .buttons_ a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons_ a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons_ a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons_ a.positive{
    color:#FFFFFF;
}
.buttons_ a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons_ a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons_ a.negative, button.negative{
    color:#FFFFFF;
}
.buttons_ a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons_ a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons_ a.regular{
    color:#FFFFFF;
}
.buttons_ a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons_ a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.mes_button{
  background-color:#E2ECF4;
  border:1px solid;
  color:#193BD8;
  cursor:pointer;
}

.mes_button:active{
  background-color:gold;
  border:1px solid #6299c5;
  color:#fff;
  cursor:pointer;
}

.mes_button:hover{
  border:3px solid gray;
  font-weight:bold;
  color:black;
  cursor:pointer;
}

.mes_button .red{
  background-color:light-red;
  border:1px solid;
  color:red;
  cursor:pointer;
}

.mes_button .red:active{
  background-color:gold;
  border:1px solid #6299c5;
  color:#fff;
  cursor:pointer;
}

.mes_button .red:hover{
  background-color:red;
  border:2px solid red;
  font-weight:bold;
  color:#FFFFFF;
  cursor:pointer;
}

.window-mask_login {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1px;
  *zoom: 1;
  overflow: hidden;
  background-image:url("../images/syst/page_.jpg");
}


.paging_div_paysage {
  padding:30px;
  width:29.7cm;
  height:21cm;
  margin-left:10px;
  margin-right:10px;
}

.numbering_portrait {
  position:absolute;
  right: 10px;
  bottom: 10px;
  /*padding:0px 0px 0px 0px; /* top right down left*/
}

#calendar_forward {
  background: transparent url("../images/syst/cal_forward.gif") no-repeat 0 0;
  width:13px;
  height:9px;
  cursor:pointer;
}
#calendar_forward:hover {
  background-position: 0 -9px;
}

#calendar_reverse {
  background: transparent url("../images/syst/cal_reverse.gif") no-repeat 0 0;
  width:13px;
  height:9px;
  cursor:pointer;
}
#calendar_reverse:hover {
  background-position: 0 -9px;
}

#calendar_fastforward {
  background: transparent url("../images/syst/cal_fastforward.gif") no-repeat 0 0;
  width:13px;
  height:9px;
  cursor:pointer;
}
#calendar_fastforward:hover {
  background-position: 0 -9px;
}

#calendar_fastreverse {
  background: transparent url("../images/syst/cal_fastreverse.gif") no-repeat 0 0;
  width:13px;
  height:9px;
  cursor:pointer;
}
#calendar_fastreverse:hover {
  background-position: 0 -9px;
}
.valid {
  background: url("../images/syst/icon-ok.png") no-repeat scroll 100% 50% rgb(227, 255, 229);
 /* border-color: rgb(43, 183, 38) !important;*/
  color: rgb(0, 47, 0);
  /*background-position:  90% 50%;*/                        
}

.error {
   color: rgb(72, 0, 0);
}
td.error {
  background: url("../images/syst/icon-fail.png") no-repeat scroll 100% 50% rgb(255, 235, 239);
  border-color: rgb(255, 0, 0) !important;
}

input.error {
  background: url("../images/syst/icon-fail.png") no-repeat scroll 100% 50% rgb(255, 235, 239);
  border-color: rgb(255, 0, 0) !important;
}
select.error {
  background: url("../images/syst/icon-fail.png") no-repeat scroll 100% 50% rgb(255, 235, 239);
  border-color: rgb(255, 0, 0) !important;
}
textarea.error {
  background: url("../images/syst/icon-fail.png") no-repeat scroll 100% 50% rgb(255, 235, 239);
  border-color: rgb(255, 0, 0) !important;
}
span.error {
  color: red;
}

.help-block {
  color: red;
} 
.help-block2 {
  color: blue;
  padding-left: 10px;
  font-weight: bold;
} 

.loader_in {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 70000;
    background: url('../images/syst/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
.loader {
    position: fixed;
    opacity: 0.4;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 69999;
    background: url('../images/syst/page-loader.gif') 50% 50% no-repeat #ccc;
}
.save-me{
   cursor:default;
 }
.save-me.klickable{
  cursor:pointer;
}

.save-me.klickable:hover{
 cursor:pointer;
}


.progress_outer {
    border: 1px solid #000;
}
.progress {
    width: 0%;
    background: orange;
    height: 15px;  
}
#progress { position:relative; width:347px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
#bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; }
.photo_frame
{
   border: 1px #C0C0C0 solid;
   -moz-box-shadow: 2px 2px 2px #000000;
   -webkit-box-shadow: 2px 2px 2px #000000;
   box-shadow: 2px 2px 2px #000000;
}

.embossed {
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
  color: 9c8468;
  opacity: 0.3;
}
.three-d {
  color: #fff;
  text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.letterpress {
  color: #222;
  text-shadow: 0px 2px 3px #555;
}

.letterpress1 {
  color: #222;
  text-shadow: 0px 1px 2px #555;
}

.window-mask1 {
  background: url('../images/syst/window-mask1.png') repeat;
}

.main_content_class {
  background: url('../images/syst/main_back.png') repeat;
}

.main_content_class_1 {
  background: url('../images/syst/main_back_1.png') repeat-y;
}
.read, .read-ext, .read-int, .read-other, .read-arch, .readon {
  cursor:pointer;
}
/*
.main_content_class_1 {
  background: url('../images/syst/main_back_1.png') repeat-y;
}*/