@charset "latin1";
/* CSS Document */

::placeholder {color: #ABABAB;}

#custom-handle {
    width: 5em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    font-size: 10pt;
  }

html,body{
    min-width:1000px;
margin-right: 1;
    margin-left: 3;
    margin-top: 0px;
margin-bottom: 0px;
 background-color: rgba(243, 243, 243, 1);
}

.en-tete {
     min-width:1000px;
    width:100%;
}

 .sticky {
  position: fixed;
  top: 0;
         min-width:1000px;
  width: 99%;
}

.btn1 {
	border: 0;
	line-height: 1.5;
	padding: 0 20px;
	font-size: 1rem;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	border-radius: 10px;
	background-color: rgba(255, 120, 0, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn1a {
	border: 0;
	line-height: 1.5;
	padding: 0 20px;
	font-size: 1rem;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	border-radius: 10px;
	background-color: rgba(0, 122, 207, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}
.btn1b {
	border: 0;
	line-height: 2;
	padding: 0 20px;
	font-size:  .75rem;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	border-radius: 10px;
	background-color: rgba(210, 175, 144, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn2 {
    border: 0;
    line-height: 1.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(110,160,0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn2a {
    border: 0;
    line-height: 1.5;
    padding: 0 20px;
    font-size: 1.7rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(110,160,0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}


.btn3 {
    border: 0;
	max-width: 15px;
    line-height: 1.5;
    padding: 0 10px 0 5px;
    font-size: 12px;
    text-align: center;
    color: #000;
    border-radius: 5px;
    background-color: rgba(255, 209, 160, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn4 {
    border: 0;
	max-width: 15px;
    line-height: 1.5;
    padding: 0 10px 0 5px;
    font-size: 12px;
    text-align: center;
    color: #000;
    border-radius: 5px;
    background-color: rgba(189, 220, 255, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn4a {
    border: 0;
	max-width: 15px;
    line-height: 1.5;
    padding: 0 10px 0 5px;
    font-size: 12px;
    text-align: center;
	vertical-align: bottom;
   color: #000;
    border-radius: 5px;
    background-color: rgba(35, 255, 0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn4b {
    border: 0;
	max-width: 15px;
    line-height: 1.5;
    padding: 0 10px 0 5px;
    font-size: 12px;
    text-align: center;
    color: #000;
	vertical-align: bottom;
    border-radius: 5px;
    background-color: rgba(255, 69, 0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn4c {
    border: 0;
	max-width: 15px;
    line-height: 1.5;
    padding: 0 10px 0 5px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
	vertical-align: bottom;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 10%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .1),
                inset -2px -2px 3px rgba(0, 0, 0, .1);
}

.btn4d {
    border: 0;
	max-width: 15px;
    line-height: 1.5;
    padding: 0 10px 0 5px;
    font-size: 12px;
    text-align: center;
    color: #000;
	vertical-align: bottom;
    border-radius: 5px;
    background-color: rgba(187, 143, 206, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}


.btn5 {
    border: 0;
    line-height: 1.5;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 50%;
    background-color: rgba(240, 240, 240, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn5a {
    border: 0;
    line-height: 1.5;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 50%;
    background-color: rgba(240, 240, 240, 1);
	position: relative;
	top: 4px;
}
.btn6 {
    border: 0;
    line-height: 1.5;
    padding: 0 9px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 5px;
    background-color: rgba(0,164,155, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn7 {
	border: 0;
	line-height: 1.8;
	padding: 0 10px;
	font-size: 1rem;
	text-align: center;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	/* [disabled]display: inherit; */
}

.btn7a {
	border: 0;
	line-height: 1.8;
	padding: 0 10px;
	font-size: 1rem;
	text-align: center;
	color: #929E8E;
	text-shadow: 1px 1px 1px #fff;
	border-radius: 10px;
	background-color: rgba(201, 255, 184, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	/* [disabled]display: inherit; */
}


.btn8 {
	border: 0;
	line-height: 1.8;
	padding: 0 10px;
	font-size: 1rem;
	text-align: center;
	color: #C0C0C0;
	text-shadow: 1px 1px 1px #fff;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	/* [disabled]display: inherit; */
}

.btn9 {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	border:1px solid #ccc;
}
.btn10 {
	border: 0;
	max-width: 28px;
	line-height: 1;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	font-size: 18px;
	text-align: left;
	color: #1A7701;
	border-radius: 5px;
	background-color: rgba(202, 255, 188, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	font-weight: bold;
}

.btn10a {
	border: 0;
	max-width: 20px;
	line-height: 1;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	text-align: left;
	color: #1A7701;
	border-radius: 5px;
	background-color: rgba(88, 199, 255, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.btn11 {
  	border: 0;
	max-width: 28px;
	line-height: 1;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	text-align: center;
	color: #000000;
	border-radius: 5px;
	background-color: rgba(194, 194, 194, 1);
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	font-weight: bold;
}

.btn7:disabled {
 background-color: rgba(110,160,0, 1);
}


hr {
  height: 1px;
  margin: 10px 10px 10px;
  padding: 0;
  color: #F00;
  background-color: #F00;
  border: 0;
}

.texte_champs {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
}

.grand_texte_champs {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-style: normal;
}
.grand_texte_champs_vert {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #17A500;
}

.grand_texte_champs_bleu {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #007AD3;
}

.texte_gris {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #BABABA;
}

.grand_texte_gris {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14pt;
	font-style: normal;
	color: #BABABA;
}

.grand_texte_noir {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14pt;
	font-style: normal;
	color: #000000;
}

.grand_texte_vert {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14pt;
	font-style: normal;
	color: #279001;
}

.grands_titres {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24pt;
	font-style: normal;
}

.grands_titres_blanc {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24pt;
	font-style: normal;
	color: #ffffff;
}

.petit_corps {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
}

.soustitres {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #F00;
}

.texte_blanc {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #ffffff;
}

.texte_gris_noir {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #777777;
}

.petit_texte_gris_noir {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #777777;
}

.petit_corps_middle {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	vertical-align: middle;

}

.moyen_corps {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16pt;
}

.cases {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	border-width: 1px;
	border-color: #000000;
	text-align: center;
    vertival-align: center;
	/* [disabled]max-width: 1pt; */
	width: 25px;
	height: 25px;
	/* [disabled]bottom: 7px; */
	/*padding-bottom: 7px;*/
}


.texte_labels {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #1601F3;
}

.grand_texte_labels {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16pt;
	font-style: normal;
	color: #1601F3;
}

#conteneur select {
    max-width:20px;
	overflow: hidden;
}

kbd.key {
  border-radius: 3px;
  padding: 1px 2px 0;
  border: 1px solid black;
}



.box_3 {
	display: inline-block;
	float: left;
	margin: 5px;
	width: auto; 
	height: 295px; 
	text-align: left;
  border: 1px solid #333;
  box-shadow: 4px 4px 3px #444;
  padding: 8px 8px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}


    .centerDiv
    {
      display: table;
      text-align: center;
      width: 100%;
      min_width:1024px;
      height:310px;
      margin:auto;
      background-color:#E2E2E2
    }

	.centerbloc {
      display: inline-block;
      border: 0px;
      margin:auto;
    }

#bb0,
#bb1,
#bb2,
#bb3,
#bb4,
#bb5,
#bb6,
#bb7,
#bb8,
#bb9,
#bb10 {
    visibility: visible;
}