body {
  margin:0;
  margin-top:65px;
  padding:0;
  font-family: Arial; font-size: 11px; color : #004a64;
  text-align:center;
  background: #abc6d0 url('images/background.jpg') repeat-x;
}

a {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}
a:visited {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}

a:hover {
  color: #00759f;
  text-decoration: underline;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}

a:active {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}

#SitePane {
  width:980px;
}

#FirstLine {
  background: transparent url('images/top-right.jpg') repeat-y right;
  height:45px;
  margin-left:214px;
  width:766px;
}

#MenuHaut {
  margin-top:12px;
  width:766px;
  text-align:left;
}

#MenuHaut a {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}
#MenuHaut a:visited {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}

#MenuHaut a:hover {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}

#MenuHaut a:active {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
}

#SecondLine {
  background: transparent url('images/filet-haut.jpg') no-repeat top left;
  width:980px;
  height:634px;
}

#BorderLeft {
  background: transparent url('images/border-left.jpg') no-repeat top left;
  width:9px;
  height:620px;
  margin-top:14px;
  float:left;
}

#LeftPane {
  background: transparent url('images/index-bg-actus.jpg') repeat-x bottom left;
  width:200px;
  height:620px;
  margin-top:14px;
  float:left;
}

#IntLeftPane {
  width:200px;
  height:620px;
  margin-top:14px;
  float:left;
}

#LogoPane {
  background: transparent url('images/logo.jpg') no-repeat top left;
  width:200px;
  height:94px;
}

#menu { 
  width:200px;
  height:340px;
  margin:12px 0px 0px 0px;
  text-align:left;
  position:relative;
  z-index:5000;
}

#menu h2 {
  height:32px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}
 
 #menu h2 a{  
  height:22px;
  margin:1px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  font: bold 11px arial;
  color:#004a64;
  background: transparent url('images/back-menu.jpg') no-repeat top right;
}
 
 #menu h2 a:hover{
  height:22px;
  margin:1px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  font: bold 11px arial;
  color:#004a64;
  text-decoration:none;
  background: transparent url('images/back-menu-alt.jpg') no-repeat top right;
 }

  #menu h2 a:active{
  margin:1px 0px 0px 0px;
  font: bold 11px arial;
  text-decoration:none;
  color:#004a64;
  background: transparent url('images/back-menu-alt.jpg') no-repeat top right;
 }
 
 #menu a{
  text-decoration:none;
  color:black;
  font: normal 11px arial;
  display:block;
 }

 #menu ul{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background:#dcedf2;
  list-style:none;
 }

 #menu li{
  min-height:22px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 40px;
  color:#004a64;
 }
 
 #menu ul li a{
  padding:5px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#004a64;
 }

 #menu ul li a:hover{
  padding:5px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#004a64;
  text-decoration:underline;
 }

 #menu ul li a:active{
  padding:5px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#008aa1;
  text-decoration:underline;
 }

#Actus {
  margin-top:20px;
  margin-left:10px;
  text-align:left;
  position: relative;
  top: 20px;
}

.TitreActus {
  font: bold 14px arial;
  text-align:left;
}

#separate {
  background: transparent url('images/index-bg-actus.jpg') repeat-x bottom left;
  width:4px;
  height:620px;
  float:left;
  margin-top:14px;
}

#separate2 {
  width:4px;
  height:620px;
  float:left;
  margin-top:14px;
}

#jonction {
  border-right:1px solid #004a64;
  width:4px;
  height:315px;
}

#ContentPane {
  background: transparent url('images/central2.jpg') no-repeat bottom left;
  width:636px;
  height:620px;
  float:left;
  margin-top:14px;
  text-align:center;
}

#IntContentPane {
  width:636px;
  height:620px;
  float:left;
  margin-top:14px;
  text-align:center;
}

#Breadcrumbindex {
  margin-left:20px;
  margin-top:20px;
  color:black;
  text-align:left;
}

#titreindex {
  margin-left:50px;
  margin-top:35px;
  font: normal 24px arial;
  color:#004a64;
  text-align:left;
}

#contentindex {
  margin-left:425px;
  margin-top:94px;
  margin-right:15px;
  font: normal 11px arial;
  text-align:left;
  line-height: 175%;
  word-spacing: +2px;
}

#RightPane {
  width:130px;
  height:620px;
  float:left;
  margin-top:14px;
  text-align:left;
}

#ThirdLine {
  background: white;
  width:971px;
  margin-left:9px;
  height:9px;
}

img { behavior: url(iepngfix.htc) }

#breadcrumb{
  text-align:right;
  width:595px;
}

#breadcrumb a{
  color:black;
  font: normal 10px arial;
}

#photoview {
  max-width:595px;
  max-height:300px;
  width:595px;
  margin-top:20px;
  margin-left:40px;
}

#textview {
margin-left:40px;
font: normal 11px arial;
text-align:left;
margin-right:20px;
}

#textview p{
font: normal 11px arial;
}

#textview li{
font: normal 11px arial;
}

#textview h3 {
  font: bold 12px arial;
  color:#e07f00;
}

#textview h4 {
  background:transparent url('images/carre.gif') no-repeat top left;
  font: bold 11px arial;
  color:#004a64;
  text-indent:12px;
  vertical-align:top;
}

.title {
  border-top:1px solid #4288a1;
  border-bottom:1px solid #4288a1;
  min-height: 30px;
  width:595px;
  color:#00759f;
  font: normal 24px arial;
  vertical-align:middle;
  text-align:left;
}

.titlelist {
  background:transparent url('images/bg-title-liste.jpg') repeat-x top right;
  color:#e07f00;
  font: normal 18px arial;
  height:52px;
  text-align:center;
}

.contentlist {
  background:transparent url('images/bg-list.jpg') repeat-x top right;
  font: normal 11px arial;
  text-align:left;
}

#liste {
margin-left:-15px;
margin-top:0px;
margin-right:5px;
margin-bottom:2px;
width:440px;
}

#listetb {
margin-left:0px;
margin-top:0px;
margin-right:5px;
margin-bottom:2px;
width:440px;
}

#listetb a {
font: normal 11px arial;
font-color:black;
}

#liste ul li{
color:#e07f00;
list-style:disc outside;
font-color:black;
}

#tableaugaranties {
margin-left:20px;
margin-top:10px;
margin-right:18px;
}

#introlist {
margin-left:5px;
margin-top:0px;
margin-right:5px;
margin-bottom:2px;
}

#introlist p{
font: normal 11px arial;
color:black;
line-height: 12px;
margin:0;
}

.entetegaranties {
  background: transparent url('images/bg-entete-tableau.jpg') repeat-x top right;
  color:#e07f00;
  height:43px;
  font: bold 12px arial;
}

.entetegarantiesalt {
  background: transparent url('images/bg-entete-tableau-alt.jpg') repeat-x top right;
  color:#e07f00;
  height:43px;
  font: bold 12px arial;
}

.cellgaranties {
  border-top:1px solid #a1abaf;
  background: white;
  padding-left:8px;
  padding-top:8px;
  padding-right:1px;
  padding-bottom:8px;
  vertical-align:top;
  color:black;
}

.cellgarantiesalt {
  border-top:1px solid #a1abaf;
  background: #cce9f2;
  padding-left:8px;
  padding-top:8px;
  padding-right:1px;
  padding-bottom:8px;
  vertical-align:top;
  color:black;
}

.tableList {
  width:95%;
  border-left:1px solid #4288a1;
  border-top:1px solid #4288a1;
}

.tdList {
  border-right:1px solid #4288a1; 
  border-bottom:1px solid #4288a1;
  padding:2px;
}

#zoneLettres {
  text-align:center;
  margin-top:50px;
  width:595px;
  height:80px;
  background: transparent url('images/bg-index.jpg') repeat-x top left;
}

#tableLetters { 
  height: 30px;
  width:575px;
  color:#00759f;
  font: normal 18px arial;
  vertical-align:middle;
  text-align:left;
  margin-left:10px;
  margin-top:12px;
}

.tdLetters {
  width:20px;
  height:20px;
  float:left; 
  background:white;
  text-align:center;
}

.spacer {
float:left; 
width:2px;
height:20px;
}

#divPointeur {
Z-INDEX:5000;
CURSOR:pointer;
POSITION:absolute;
background:transparent;
visibility:hidden;
vertical-align:bottom;
}

#tooltipBox {
Z-INDEX:5000;
CURSOR:pointer;
POSITION:absolute;
}

#contentTooltip {
  background:#f9fcfd url('images/bg-tooltipBox.jpg') repeat-x top left;
  border:1px solid #e07f00;
  text-align:center;
  line-height:200%;
}

#contentTooltip a {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}
#contentTooltip a:visited {
  color: #00759f;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}

#contentTooltip a:hover {
  color: #e07f00;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}

#contentTooltip a:active {
  color: #e07f00;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}

#contentTooltip ul li{
  text-align:left;
  list-style:none outside;
}

#ContentIndex {
  text-align:left;
  width:595px;
}

#ItemNum {
  float:left;
  text-align:left;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
  vertical-align:text-bottom;
}

#ItemTitre {
  float:left;
  text-align:left;
  FONT-WEIGHT: bold;
  font-size:11px;
  font-family:arial;
  color: #e07f00;
  vertical-align:text-bottom;
}

#ItemContent {
  margin-top:30px;
  text-align:left;
  width:595px;
  max-height:400px;
  overflow:auto;
}

th {
  background:#4288a1;
  color:white;
  font: bold 11px arial;
  text-align:center;
}

/* 
Style pour le calendrier
*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	z-index: 32767;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
	z-index: 32767;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
	z-index: 32767;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
/* 
Fin style pour le calendrier
*/

.form {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: black;
  text-decoration: none;
}

#plan {
  width:595px;
  text-align:left;
  margin-left:20px;
}

#plan h2 {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: black;
  text-decoration: none;
}

#plan h2 a{
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: black;
  text-decoration: none;
}

#plan h2 a:hover{
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: black;
  text-decoration: underline;
}

#plan ul {
  list-style:square outside;
  margin-top:-10px;
  color: #00759f;
}

#plan li {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #00759f;
  text-decoration: none;
}

a.pageadmin {
  color: #004a64;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}

a.pageadmin:visited {
  color: #004a64;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}

a.pageadmin:hover {
  color: #e07f00;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}

a.pageadmin:active {
  color: #004a64;
  text-decoration: none;
  FONT-WEIGHT: normal;
  font-size:11px;
  font-family:arial;
}

.ListTrophe {
 list-style-image: url("images/pucelisttrophee.png");
 margin:0 0 0 25px;
 padding:0 0 0 0;
}

.ListTrophe LI {
margin-bottom:30px;
}

.QuestionTropheCadre { behavior: url(iepngfix.htc); }

.QuestionTropheCadre {
color:#e07f00;
font:bold 13px Arial;
text-align:left;
background:transparent url(images/bordure_grande.png) no-repeat top left;
padding:0 0 0 10px;
margin:0 0 20px 0;
}

.QuestionTropheTitre {
padding:0 0 5px 10px;
}

.QuestionTropheTexte {
color:black;
background:white url(images/degrade_gros.png) repeat-x bottom left;
border:solid;
border-color:#FFFFFF;
border-width:4px;
font:normal 11px Arial;
text-align:left;
padding:5px 5px 5px 5px;
margin:0 0 0 0;
}

.QuestionTropheTexte P {
margin:0 0 0 0;
padding:0 0 0 0;
}

.QuestionTropheListe {
margin:0 0 0 10px;
padding:0 0 0 0;
color: #e07f00;
}

A.QuestionTropheLien {
font:normal 11px Arial;
color:#e07f00;
}