/* CSS spécifiques au site */

body {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	/* color: #878787;   /* gris assez foncé */
  color: #000000; 
	background-color: #6D6D6D;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	background: url(background.gif) repeat top left;
}

a,
a:link,
a:visited,
a:active {
	/* color: #5C5B5B;   /* gris foncé */
  color: #000000;
  text-decoration: none;
}

a:hover {
	cursor: pointer;
	/* color: #5C5B5B;   /* gris foncé */
  color: #000000;
  text-decoration: underline;
}


/* <containers> */
div.siteContainer {
  width: 760px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

div.siteContainer div.siteLayout {
  width: 760px;
  height: 100%;
}

div.siteLayout div.header {
  width: 728px;
  height: 54px;  /* 27px */
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;   /* blanc */
  /*background-color: #7ABCF9;  /* bleu fif */
  background-color: #4E8FCC;  /* bleu fif */
  border-top:     1px solid #C1E0FC;
  border-left:    1px solid #C1E0FC;
  border-bottom:  1px solid #4E8FCC;
  border-right:   1px solid #4E8FCC;
  vertical-align: middle;
  padding-top:    8px;
  padding-bottom: 8px;
  padding-left:   15px;
  padding-right:  15px;
  text-align:     right;
}

div.montagePhoto {
  background-color: #ffffff;
  margin-bottom: 2px;
}

div.siteLayout div.content {
  width: 760px;
  height: 100%;
}

div.siteLayout div.footer {
  width: 728px;
  height: 52px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
  line-height: 12pt;
	color: #ffffff;   /* blanc */
  background-color: #316BA2;
  border-top: 1px solid #7ABCF9;
  border-left: 1px solid #7ABCF9;
  border-bottom: 1px solid #284D6F;
  border-right: 1px solid #284D6F;
  vertical-align: middle;
  padding-top:    8px;
  padding-bottom: 8px;
  padding-left:   15px;
  padding-right:  15px;
  text-align:     center;
}
/* </containers> */

div.header img.logo {
  float: left;
  width: 149px;
  height: 54px;
}

/*
div.header img.logo {
  display: inline;
  float: left;
  background: url(../../images/logo.gif) no-repeat top left;
  width: 149px;
  height: 54px;
}
*/

div.header table.menu {
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: 10pt;
	font-weight: bold;
	color: #ffffff;   /* blanc */
  margin: 0;
  padding: 0;
  float:  right;
}

table.menu td.item {
  margin: 0;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

td.item a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}


td.item a:link, td.item a:visited, td.item a:hover {
  text-decoration: none;
	color: #ffffff;
}

td.item a:hover {
  /* background-color: #4E8FCC;  /* bleu foncé */
  background-color: #316BA2;  /* bleu foncé */
}



div.columnLayout {
  display: table;
  background-color: #ffffff;
  height: auto;
  margin: 0;
  border-bottom: 1px solid #000000;
}

div.columnLayout div.column {
  display: table-cell;
  float: left;
  width: 253px;
  height: auto;
  margin-right: 1px;
}

div.columnLayout div.columnRight {
  display: table-cell;
  float: left;
  width: 252px;
  height: auto;
  margin: 0;
}


div.columnLayout h3,
div.columnLayout h4 {
  height: 24px;
  padding: 8px 15px 8px 15px;  /* top right bottom left */ 
  color: #ffffff;
  font-size: 13pt;
  font-weight: bold;
  margin: 0;
  clear: both;
}
div.columnLayout h3 {
  background: url(background_onglet.gif) no-repeat top left;
  width: 223px;
}
div.columnLayout h4 {
  background: url(background_onglet_droit.gif) no-repeat top left;
  width: 222px;
}

div.textColumn,
div.textColumnRight {
  display: table-cell;
  height: auto;
  font-size: 8pt;
  /*color: #878787;   /* gris assez foncé */
  color: #000000;
  background-color: #F9F9F9;
  padding: 18px;
  border: 1px solid #D9D9D9;
}
div.textColumn {
  width: 215px;   /* 215 + padding (2x18) + border (2x1) = 253px */
}
div.textColumnRight {
  width: 214px;   /* 214 + padding (2x18) + border (2x1) = 253px */
}


div.arrowInfo {
  margin-top: 10px;
  height: 22px;
  float: right;
  vertical-align: middle;
}

img.arrowInfoImage {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}


div.textColumn h2 {
  margin: 0;
  padding: 0;
  
}

div.textColumn div.spacer {
  margin-top: 25px;
}


ul.list {
  list-style-type: none;
  width: 100%;
}
ul.list li.item {
  padding-left: 0px;
  padding-bottom: 3px;
  border-bottom: 1px solid #4E8FCC;
  margin-bottom: 8px;
  margin-top: 8px;
}


ul.list li.item a,
ul.list li.item a:link,
ul.list li.item a:visited,
ul.list li.item a:hover {
  text-decoration: none;
	/* color: #878787; */
  color: #000000;
  padding: 3px 8px 3px 8px; /* top right bottom left */
}

ul.list li.item a:hover {
  background-color: #7ABCF9;  /* gris foncé */
  color: #454545;
}


div.page {
  display: table;
  background-color: #ffffff;
  height: 100%;
  margin: 0;
  
  font-size: 10pt;
  /*color: #878787;   /* gris assez foncé */
  color: #000000;
  background-color: #F9F9F9;
  padding: 18px;
  border: 1px solid #D9D9D9;
}

div.page h3 {
  height: 24px;
  font-size: 15pt;
  font-weight: bold;
  margin: 0;
  clear: both;
}

div.page img {
  display: table-cell;
  padding: 5px;
  border: 1px solid #7ABCF9;
}