html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 20px 0 0 0;
	background-color: #B2B3B5;
	/*background: #fff url(../graphism/fonds/devant.jpg) 50% 65% no-repeat fixed;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	width: 99%;
	height:100%;
	}

 div#header{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:19px;
  z-index:10;
  
  /*background: #fff 100% 0px no-repeat fixed;*/
  /*background-color: #e9edf4;*/
 }
 @media screen{
  body>div#header{
   position: fixed;
      
  }
 }
 * html body{
  overflow:hidden;
   } 
 * html div#content{
  height:99%;
  overflow:auto;
  vertical-align: middle;
  z-index:5;
  /*background-color: #ffffff;*/
   }
   
.h100 {
height:100%;
}
   
div#collist{
  position:fixed;
  top:20%;
  left:0px;
  /*width:100%;*/
  /*height:19;*/
  z-index:6;
 }
/* @media screen{
  body>div#header{
   position: fixed;
  }
 }*/
 
.boutn {
	
	/*position: relative;*/
	left: 0px;
	top: 0px;
	width: 100%;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	margin:0px; padding: 0px;
	margin-top: 0px;
	padding-top:0px;
	/*padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;*/
	/*border-width: 1px 1px 1px 1px;
	border-color: #504F52;
	border-style: solid;
	border-radius:3px;
	-moz-border-radius:3px;*/
	z-index:6;
	background-color: #cecfd2;
	}
	
.boutn:hover {  border-color: #DF2E2F;}

.boutr {
	
	/*position: relative;*/
	left: 0px;
	top: 0px;
	width: 100%;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	/*padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;*/
	/*border-width: 2px 1px 2px 1px;
	border-color: #DF2E2F;
	border-style: solid;
	border-radius:3px;
	-moz-border-radius:3px;*/
	z-index:6;
	background-color: #dacece;
	}
	
p {
margin:0; padding: 0;
}

.gris30 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 28pt; font-weight: normal; color: #504F52}
.gris18 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 18pt; font-weight: normal; color: #504F52}
.gris14 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 14pt; font-weight: normal; color: #504F52}
.gris12 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 12pt; font-weight: normal; color: #504F52}
.gris10 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-weight: normal; color: #504F52}

.noir14 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 14pt; font-weight: normal; color: #000000}
.noir12 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 12pt; font-weight: normal; color: #000000}
.noir10 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-weight: normal; color: #000000}
.noir10g {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-weight: bold; color: #000000}

.noir8 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 8pt; font-weight: normal; color: #000000}

.rouge20 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 20pt; font-weight: normal; color: #DF2E2F}
.rouge13 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 13pt; font-weight: normal; color: #DF2E2F}
.rouge12 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 12pt; font-weight: normal; color: #DF2E2F}
.rouge10 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-weight: normal; color: #DF2E2F}
.rouge10it {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-weight: normal; font-style: italic; color: #DF2E2F}
.rouge8 {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 8pt; font-weight: normal; color: #DF2E2F}

.rouge9g {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 9pt; font-weight: bold; color: #DF2E2F}

a:link {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; color: #504F52; text-decoration: none; font-weight: normal; text-decoration: none}
a:hover {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-style: normal; line-height: normal; color: #DF2E2F; text-decoration: none; font-weight: normal; text-decoration: none}
a:active {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-style: normal; color: #504F52; text-decoration: none; font-weight: normal; text-decoration: none}
a:visited {  font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif, Verdana; font-size: 10pt; font-style: normal; color: #504F52; font-weight: normal; text-decoration: none}

.noir8 {  color: #000000;}
.noir8:link { color: #000000;}
.noir8:hover {  color: #DF2E2F;}
.noir8:active { color: #504F52;}
.noir8:visited { color: #504F52;}

.noir10g {  color: #000000;}
.noir10g:link { color: #000000;}
.noir10g:hover {  color: #DF2E2F;}
.noir10g:active { color: #504F52;}
.noir10g:visited { color: #000000;}