html,body
{
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 10pt; //12 ?
}

div#footer
{
  position:relative;
  height:100px;
} 

div#page {
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width:691px;
}

td
{
  font-family:  Arial, sans-serif;
  font-size: 10pt; //12?
  color: black;
}

table.block
{
  width: 235px;
  margin: 0px;
}

table.societe{
  height:770px;
  width:234px;
  background:url("/images/menus/image_06.jpg") no-repeat top left ;
}

table.metiers{
  height:770px;
  width:234px;
  background:url("/images/menus/image_04.jpg") no-repeat top left ;
}

table.domaines{
  height:770px;
  width:234px;
  background:url("/images/menus/image_03.jpg") no-repeat top left ;
}

table.references{
  height:770px;
  width:234px;
  background:url("/images/menus/image_01.jpg") no-repeat top left ;
}

table.emplois{
  height:770px;
  width:234px;
  background:url("/images/menus/image_05.jpg") no-repeat top left ;
}

table.divers{
  height:770px;
  width:234px;
  background:url("/images/menus/image_02.jpg") no-repeat top left ;
}

table.bordure{
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  vertical-align: top;
  margin:auto; //center le tableau
}



td.small
{
  font-size:8pt;
}

td.fond
{
  background: url("/images/fond_bloctexte.gif") repeat-y;
  background-position: left;
}


td.lred
{
  height: 28px;
  width: 234px;
}

td.lred2
{
  height: 38px;
  width: 234px;
}

ul.s 
{
list-style-type: square;
}

span.red
{
color: rgb(220,0,0);
}


a:link, a:active ,a:visited
{
  color: black;
  font-weight: normal;
  font-size:10;
  text-decoration: none;
  
}

a:link.emp, a:active.emp ,a:visited.emp
{
  color: #CC3333;
  font-weight:700;
  font-size: 12pt;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  
}

a:link.white, a:active.white, a:visited.white
{
  color: white;
  font-weight: normal;
}

a:hover, a:hover.white
{
  color: #CC3333;
  text-decoration: none;
}


a:hover.lred, a:hover.lred2, a:hover.emp
{
  color: black;
}

a:link.und, a:active.und ,a:visited.und, a:hover.und
{
  text-decoration: underline;
}



.titreinfo 
{
  color : #CC3333;
  font-size: 12pt;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align:center;
}

a.carrenoir
{
  background : transparent url('/images/carrenoir.gif')  left center no-repeat;
  margin-left:10px;
  padding-left:15px;
}

h1
{
  
  background : url("/images/titre_bloc.gif") left center no-repeat ;
  color: #CC3333;
  //font-weight: 700; /* évite le caractère gras du titre (valeur = 500) */
  font-size: 22pt;
  font-family: Tarzanna Narrow, Arial, Helvetica, sans-serif;  
  text-align: left;
  margin:0 0 -5px 0;
  padding-left:20px;
  padding-top:24px;
  padding-bottom:3px;
  
}

h1.nobg
{
  background : none;
  font-size:14pt;
}

.h1it
{
  font-weight: 500;
  color: black;
  font-style: italic;
}


h2
{
  color: #CC3333;
  font-size: 12pt;
  font-family: Helvetica, Arial, sans-serif;
}

h2.image
{
  background:url('/images/carrerouge.gif') left center no-repeat;
  padding-left:15px;
}

h3
{
  //font-weight: 500;
  font-family : Helvetica, Arial, sans-serif;
  font-size: 13pt;
  display:inline;
  //margin: 5px;
}



.noir
{
  color : black
}

.rouge
{
  color : #CC3333
}


hr
{
 color: #7FAACF;
 height: 1px;
 margin-bottom: 10px;
}

.white {   color: white;    }
.small {   font-size: 8pt;  }
.grey  {   color: #999999;      }


img      {   border: 0px;         }

.left    {	 text-align: left;    }
.right   {   text-align: right;   }
.center  {   text-align: center;  }
.justify {   text-align: justify; }
.under { text-decoration:underline;}
.normal {font-size: 10pt;}
.bleu {color:#5e60ba;}
.grand {font-size: 12pt;}

input.text
{
  background-color: white;
  border: 1px solid #68676C;
}

input.button
{
  border: 1px solid black;
  background-color: #CC3333;
  color: white;
  font-weight: bold;
}

.calque{
 position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Arial, sans-serif;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .75;
  filter : alpha(opacity=75);
  width: 100%;
  height :100%;
  top : 0;
  left : 0 ;
  z-index : 100;

}


.image_calque{
	height: 100%;
}

.window{
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Arial, sans-serif;;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 60%;
  height : 80%;
  top : 10%;
  left : 20% ;
  z-index : 101;

}

.contemp_window{
  width: 100%;
  height : 100%;
  border : 0;
}