body{
  background: #FFFFFF;
  padding:0;
  margin: 0 auto;
  /*margin-right: auto; centrage */
  /*margin-left: auto; /* centrage */
  width: 960px; /* centrage */ 
}
#en_tete{
  width: 960px;
  height: 200px;
  background-image: url("http://www.snotbc.com/images/logo.PNG");
  margin-top: 0px
}
#page {
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url("http://www.snotbc.com/images/fond.PNG");
  width: 960px;
  /*height: ;*/
  position: absolute;
  color: #FFFFFF;
  clear: left;
}
#haut_de_page {
  background: #057EA1;
  width: 960px;
  height: 48px;
  /*height: ;*/
  text-align: center;
  font-size: 40px;
  font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
  font-weight: bold;
}
#boite_gauche {
  float: left;
  background: #057EA1;
  height: 100%;
  width: 200px;
  font-size: 16px;
  font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
  border: none;
}
/* début menu général */
#menu_general{
  width: 960px;
  height: 30px;
  font-size: 18px;
  background: #008DB6;

}
#menu_general ul {
 padding:0;
 margin:0;
 list-style-type: none;
 font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
 }
#menu_general li {
 margin-left: 0px;
 float: left; /*pour IE*/
 }
#menu_general ul li a {
 display: block;
 float: left;   
 width: 160px;/*152px;*/
 height: 30px;
 padding-top: 4px;
 /*background-color: #008DB6;*/
 background-image: url("http://www.snotbc.com/images/menug_nonactif.png");
 color: white;
 text-decoration: none;
 text-align: center;
 /*padding: 2px;*/
 border: none;  /*2px solid*;/
 /*pour avoir un effet "outset" avec IE :*/
 /*border-color: #008DB6;*//*#DCDCDC #696969 #696969 #DCDCDC;*/
 /*-moz-border-radius: 10px 10px 0 0; 
 -webkit-border-radius: 10px 10px 0 0; 
 border-radius: 10px 10px 0 0;*/         
 /*-webkit-border-top-left-radius: 10px; *//* pour Chrome */ 
 /*-webkit-border-top-right-radius: 10px; *//* pour Chrome */
 }
#menu_general ul li a:hover {
 background-image: url("http://www.snotbc.com/images/menug_survol2.png");
 
 /*background-color: #F4972F;*/
 /*border-color: #F4972F;*//*#696969 #DCDCDC #DCDCDC #696969;*/
 }
#menu_general #en-cours a{
  background-image: url("http://www.snotbc.com/images/menug_actif.png");
  /*background-color: #057EA1;*/
  /*border-color: #057EA1;*//*#696969 #DCDCDC #DCDCDC #696969;*/
}
/* fin menu général */
/* début menu ACTUS*/
#menu{
  float: right;
  text-align: center;
  height: 100%;
  margin-top: -5px;
  background-image: url("http://www.snotbc.com/images/menu_fond.png") ;
  background-repeat: repeat-y ;
  background-position: right;
}
#menu ul li{
  display:block;
  margin:0; padding:0;
  font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
}
#menu ul li a{
  color: #FFF;
  display: block;
  text-decoration: none;
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-top: none;
  background-image: url("http://www.snotbc.com/images/menu_nonactif.png");
  /*-moz-border-radius: 10px 0 0 10px; 
  -webkit-border-radius: 10px 0 0 10px; 
  border-radius: 10px 0 0 10px; */        
  /*-webkit-border-top-left-radius: 10px; *//* pour Chrome */ 
  /*-webkit-border-bottom-left-radius: 10px; *//* pour Chrome */
}
#menu ul li a:hover{
  background-image: url("http://www.snotbc.com/images/menu_survol2.png");
  /*background: #F4972F;*/
}
#menu #en-cours2 a{
  background-image: url("http://www.snotbc.com/images/menu_actif.png");
  /*background: #008DB6;*/
}
/* fin menu ACTUS*/
#boite_droite {
  float: left;
  background: #008DB6;
  height: 100%;
  width: 750px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 0px;
  text-align: left;
}
#boite_droite p{
  /*height: ;
  background-color: ;*/
  font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
  color: #FFFFFF;
  text-align: left;
  font-size: 16px;
}
h1{
   font-size: 40px; /* Titres de 40 pixels */
   font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
}
h2{
   font-size: 20px; /* Titres de 40 pixels */
   font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
}
big{
   font-size: 200px;
   font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
}
#bas_de_page {
  float: left;
  background: #057EA1;
  width: 960px;
  height: 52px;
  text-align: center;
  font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
}

a:link {color: #FFFFFF ; text-decoration: underline; }
a:visited {color: #FFFFFF ; }
a:hover {color: #f3962e; text-decoration: underline; font-style: none;}

img {
	border: none;
}

/*Liens avec infobulle ("aller à")*/
a.infobulle em {
display:none;
}

a.infobulle:hover {
border: none;
position: relative;
z-index: 500;
text-decoration:underline;
}

a.infobulle:hover em {
font-style: normal;
display: block;
position: absolute;
bottom: 18px;
left: 0px;
padding: 0px;
color: #000;
border: none;
background:transparent;
width:100px;

}
a.infobulle:hover img {
border: none;

}

/*Liens avec infobulle ("fiche véhicule")*/
a.infobulle2 em {
display:none;
}

a.infobulle2:hover {
border: none;
position: relative;
z-index: 500;
text-decoration:underline;
}

a.infobulle2:hover em {
font-style: normal;
display: block;
position: absolute;
bottom: 0px;
left: 0px;
padding: 0px;
color: #000;
border: none;
background: transparent;
width:100px;
}
a.infobulle2:hover img {
border: none;
}

/*Liens avec infobulle ("actus")*/
a.infobulle3 em {
display:none;
}

a.infobulle3:hover {
border: none;
position: relative;
z-index: 500;
text-decoration:underline;
}

a.infobulle3:hover em {
font-style: normal;
display: block;
position: absolute;
top: 0px;
left: 50px;
padding: 0px;
color: #fff;
border: none;
background: #057ea1;
/*width:750px;*/
text-align:left;
}
a.infobulle3:hover img {
border: none;
}

#navigation {
	font-family: Segoe UI, /* Arial, "Arial", "Arial Black",*/ Times , serif;
	font-size: 16px;
	color: #FFFFFF;

}

/* Bas de page fixé au bas du navigateur opé sous Firefox et Opéra ; décallage droite sous Chrome et Safari ; décalage bas sous IE*/
#bas33 {
	height: 51px;
	color: #FFFFFF;
}

/*tableau*/
table{
   font-family: Segoe UI, Arial /* Arial, "Arial", "Arial Black", Times , serif*/;
   font-size: 12px;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   margin-left: 0px;
   text-align: center;
}
td{
   border: 1px solid #057EA1;
   background-repeat: no-repeat
}

#tableau_liste {
 height: 322px;
 width: 340px;
 overflow: scroll;
 font-size: 10px;
}

#tableau_photo {
 text-align: left;
 height: 100px;
 width: 340px;
 overflow: scroll;
}

.div-mh {
width: 340px;
height: 100px;
overflow: auto;
white-space:nowrap;
overflow-y: hidden;
}

/*Style deflement texte*/
#pscroller1{
font-size: 16px;
font-family: Segoe UI, Arial;
width: 700px;
height: 24px;
border: 0px solid black;
padding: 3px;
}

#pscroller1 a{
text-decoration: none;
}

#pscroller2{
font-size: 16px;
font-family: Segoe UI, Arial;
width: 700px;
height: 24px;
border: 0px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}