* html a:hover {visibility:visible}
img {border:0;}
div.menuitem {display:inline;}
div.menuitem img {vertical-align:top; border:0;}
div.menuitem a:hover img {visibility:hidden}
#menuaccueil {
background: url(images/menuaccueilover.gif) no-repeat;}
#menuhistoires {
background: url(images/menuhistoiresover.gif) no-repeat;}
#menuinfo {
background: url(images/menuinfoover.gif) no-repeat;}
#menupartenaires {
background: url(images/menupartenairesover.gif) no-repeat;}
#main {
width: 720px;
height:1200px;
margin-left: auto;
margin-right: auto;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #336677;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #336677;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #336677;}
#header {
width:720px;
height:113px;
background: url(images/header.jpg) no-repeat; 
}
#footer {
margin-left: auto;
margin-right: auto;
width:722px;
height:37px;
background: url(images/footer.jpg) no-repeat; 
}

#bandeau {
position:relative;
width:700px;
margin-top:15px;
margin-left:20px;
height:40px;
/*border:solid 1px red;*/
}
#centre {
position:relative;
padding: 10px 20px;
width:680px;
height:790px;
}
#colonnegauche {
float:left;
width:380px;
}
#colonnedroite {
float:right;
width:250px;
}
#menu {
position:relative;
top:48px;
left:423px;
width:350px;
height:11px; }

body {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #336677}
h4 {  font-size: 12px; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px}
h2 {  font-size: 16px; font-weight: bold; margin-top: 7px; margin-bottom: 3px; padding-top: 7px; padding-bottom: 3px}
h3 {  font-size: 14px; font-weight: bold; color: #C00000}
h3.blanc {  color: #ffffff}
p {  font-size: 12px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px}
p.rouge {  color:red;}
.menubas  {  font-size: 9px; text-decoration: none}
a.menubas {  color:#663366; }
a.menubas:hover { color:#336677; }
.bloctexte{
	font-size: 12px;
	border: dotted thin #B2D4DE;
	padding: 5px 5px;
	color: #333366;

/*border:solid 1px red;*/
}
.bloctexte1{
  font-size: 12px;
  color: #ffffff;
  background:  url(images/cartouche1.gif) no-repeat;
  padding: 10px 10px;
  height:350px;
  /*border: solid 1px red;*/
}
.bloctexte2{
  font-size: 12px;
  color: #336677;
  background:  url(images/cartouche2.gif) no-repeat;
  padding: 10px 10px;
  height:190px;
  /*border: solid 1px red;*/
}
.bloctexte3{
  font-size: 12px;
  color: #336677;
  background:  url(images/cartouche3.gif) no-repeat;
  padding: 10px 10px;
  height:220px;
  /*border: solid 1px red;*/
}
.bloctexte4{
  font-size: 12px;
  color: #336677;
  background:  url(images/cartouche4.gif) no-repeat;
  padding: 10px 10px;
  height:181px;
  /*border: solid 1px red;*/
}

img.bullet {
vertical-align:middle;
}
.lieninvisible {
 font-size: 9px;
 text-decoration: none;
 color: #ffffff;
 cursor: default;
}