/*
Fond  RVB 215 - 230 - 255 Hexa #D7E6FF

Texte RVB 150 - 70 - 10   Hexa #96460A Tahoma, Geneva, sans-serif

1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
The @media rule allows different style rules for different media in the same style sheet.
@media print  { p.test {font-family:times,serif;font-size:10px;} }
http://www.w3schools.com/css/css_navbar.asp
_____________________________________________________________________________________
Exemple d'affichage des formulaires
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
color:#96460A;
}
_________________________________________________________________________________________________
*/
html {margin:0px;padding:0px;
 /* A faire plus tard cf .souhait: box-sizing : border-box;*/
 }
body 
{
	background:#D7E6FF ;/*url('../library/images/sanaliste.png') top center repeat-x;*/
	font-size:100%;
	margin:0;
	padding:0px;
	color:#96460A;
	font-family:Tahoma, Geneva, sans-serif;
} 
.contenu{width:955px;}

.page{
	width:955px;
	margin:0 auto 0 auto;
	padding:0;
}

/* Cible n'importe quel élément <input> et <textarea>*/
/* uniquement lorsqu'il a le focus */
input:focus {
  background-color: NavajoWhite;
}
textarea:focus {
  background-color: NavajoWhite;
}


h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em; 
    text-align:center;
	margin: 0;
	} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

a:link {color:#843E3E;}    /* unvisited link */
a:visited {color:#A45E5E;} /* visited link */
a:hover {color:#A81200;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

table
{
border-collapse:collapse;
width:90%;
padding:5px;
}
td, th
{
border:1px solid #96460A;
padding:5px;
}
th
{
background-color:#96460A;
color:white;
}
.center {
	text-align: center;
}
.titre
{
	background-color:#96460A;
	color:white;
	border:1px solid white;
}
.filterable
{
	background-color:#96460A;
	color:white;
	border:1px solid white;
}
.table-sortable
{
	background-color:#96460A;
	color:white;
	border:1px solid white;
}
table.affiche
{
border:1px solid #96460A;
}
table.masque
{
	border          : 0px solid black      ;
	border-collapse : collapse             ;
	margin          : 0                    ;
}
tr.masque
{
border:0px;
}
td.masquecenter
{
border:0px;
/*vertical-align : center;*/
}
td.masque
{
border:0px;
vertical-align : top;
}
#tech
{
	border-style:none;
	border-collapse:collapse;
	width:100%;
	background-color:#D7E6FF;
	color:black;
	padding:0px;
	font-size:1em; /* 16px/16=1em */
	font-family: "Courier New", Courier, monospace;
}

#bloc-fixe { 

	border:solid 0px;
	font-size:90%;
	/*background-color:#98bf21;*/
}
#bloc-fixe-ssmenu { 
	position:fixed;
	overflow:auto;
	right:0px;
	left:0px;
	top:0px;
	height:110px;
	border:solid 0px;
	font-size:90%;
	/*background-color:#98bf21;*/
}
#contenu { 
  /* position: fixed; */
  /* overflow: auto; */
	right:0px;
	left:0px;
	bottom:0px;
	top:101px;
	border:solid 0px;
	padding:10px;
}
#contenu-ssmenu { 
	position:fixed;
	overflow:auto;
	right:0px;
	left:0px;
	bottom:0px;
	top:134px;
	border:solid 0px;
	padding:10px;
}
#favoris { 
   position: fixed;
  /* overflow: auto; */
	right:0px;
	left:0px;
	bottom:0px;
	top:115px;
	border:solid 0px;
	padding:10px;
}
#pad { 
	padding:10px;
}

/* Sorting */
th.table-sortable {
	cursor:pointer;
	background-image:url("../library/images/19_unsorted.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
}
th.table-sorted-asc {
	background-image:url("../library/images/19_ascending.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("../library/images/19_descending.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-filtered {
	background-image:url("filter.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
select.table-autofilter {
	font-size:smaller;
}
/* Sort Icon Styles */
table.sort01 th.table-sortable { background-image:url("../library/images/01_unsorted.gif"); }
table.sort01 th.table-sorted-asc { background-image:url("../library/images/01_ascending.gif"); }
table.sort01 th.table-sorted-desc { background-image:url("../library/images/01_descending.gif"); }

table.sort02 th.table-sortable { background-image:none; padding-left:16px; }
table.sort02 th.table-sorted-asc { background-image:url("../library/images/02_ascending.gif"); }
table.sort02 th.table-sorted-desc { background-image:url("../library/images/02_descending.gif"); }

table.sort03 th.table-sortable { background-image:none; }
table.sort03 th.table-sorted-asc { background-image:url("../library/images/03_ascending.gif"); }
table.sort03 th.table-sorted-desc { background-image:url("../library/images/03_descending.gif"); }

table.sort04 th.table-sortable { background-image:none; }
table.sort04 th.table-sorted-asc { background-image:url("../library/images/04_ascending.gif"); }
table.sort04 th.table-sorted-desc { background-image:url("../library/images/04_descending.gif"); }

table.sort05 th.table-sortable { background-image:url("../library/images/05_unsorted.gif"); padding-left:16px;}
table.sort05 th.table-sorted-asc { background-image:url("../library/images/05_ascending.gif"); }
table.sort05 th.table-sorted-desc { background-image:url("../library/images/05_descending.gif"); }

table.sort06 th.table-sortable { background-image:none; padding-left:16px;}
table.sort06 th.table-sorted-asc { background-image:url("../library/images/06_ascending.gif"); }
table.sort06 th.table-sorted-desc { background-image:url("../library/images/06_descending.gif"); }

table.sort07 th.table-sortable { background-image:none; }
table.sort07 th.table-sorted-asc { background-image:url("../library/images/07_ascending.gif"); }
table.sort07 th.table-sorted-desc { background-image:url("../library/images/07_descending.gif"); }

table.sort08 th.table-sortable { background-image:none; }
table.sort08 th.table-sorted-asc { background-image:url("../library/images/08_ascending.gif"); }
table.sort08 th.table-sorted-desc { background-image:url("../library/images/08_descending.gif"); }

table.sort09 th.table-sortable { background-image:none; padding-left:30px;}
table.sort09 th.table-sorted-asc { background-image:url("../library/images/09_ascending.gif"); }
table.sort09 th.table-sorted-desc { background-image:url("../library/images/09_descending.gif"); }

table.sort10 th.table-sortable { background-image:url("../library/images/10_unsorted.gif"); }
table.sort10 th.table-sorted-asc { background-image:url("../library/images/10_ascending.gif"); }
table.sort10 th.table-sorted-desc { background-image:url("../library/images/10_descending.gif"); }

table.sort11 th.table-sortable { background-image:url("../library/images/11_unsorted.gif");padding-left:24px; }
table.sort11 th.table-sorted-asc { background-image:url("../library/images/11_ascending.gif"); }
table.sort11 th.table-sorted-desc { background-image:url("../library/images/11_descending.gif"); }

table.sort12 th.table-sortable { background-image:none; }
table.sort12 th.table-sorted-asc { background-image:url("../library/images/12_ascending.gif"); }
table.sort12 th.table-sorted-desc { background-image:url("../library/images/12_descending.gif"); }

table.sort13 th.table-sortable { background-image:none; }
table.sort13 th.table-sorted-asc { background-image:url("../library/images/13_ascending.gif"); }
table.sort13 th.table-sorted-desc { background-image:url("../library/images/13_descending.gif"); }

table.sort14 th.table-sortable { background-image:none; }
table.sort14 th.table-sorted-asc { background-image:url("../library/images/14_ascending.gif"); }
table.sort14 th.table-sorted-desc { background-image:url("../library/images/14_descending.gif"); }

table.sort15 th.table-sortable { background-image:none; }
table.sort15 th.table-sorted-asc { background-image:url("../library/images/15_ascending.gif"); }
table.sort15 th.table-sorted-desc { background-image:url("../library/images/15_descending.gif"); }

table.sort16 th.table-sortable { background-image:none; }
table.sort16 th.table-sorted-asc { background-image:url("../library/images/16_ascending.gif"); }
table.sort16 th.table-sorted-desc { background-image:url("../library/images/16_descending.gif"); }

table.sort17 th.table-sortable { background-image:none; }
table.sort17 th.table-sorted-asc { background-image:url("../library/images/17_ascending.gif"); }
table.sort17 th.table-sorted-desc { background-image:url("../library/images/17_descending.gif"); }

table.sort18 th.table-sortable { background-image:url("../library/images/18_unsorted.gif"); }
table.sort18 th.table-sorted-asc { background-image:url("../library/images/18_ascending.gif"); }
table.sort18 th.table-sorted-desc { background-image:url("../library/images/18_descending.gif"); }

table.sort19 th.table-sortable { background-image:url("../library/images/19_unsorted.gif");padding-left:24px; }
table.sort19 th.table-sorted-asc { background-image:url("../library/images/19_ascending.gif"); }
table.sort19 th.table-sorted-desc { background-image:url("../library/images/19_descending.gif"); }

/* Icons box */
.iconset {
	margin:5px;
	border:1px solid #cccccc;
	border-color:#cccccc #666666 #666666 #cccccc;
	text-align:center;
	cursor:pointer;
	width:100px;
}
.iconset img {
	margin:3px;
}