@charset "iso-8859-1";
/* CSS Document */

body{
background-color:#c5f5ff;
margin-left:25%;
margin:0px;
}

#header{
margin-left: auto;
margin-right: auto;
background:url(../images/header.png);
background-repeat:no-repeat;
width:890px;
height:145px;
z-index:1;
display:block;
}
#index{
	display:block;
	width:890px;
	height:145px;
}
#contenu{
margin-top:0;
margin-left: auto;
margin-right: auto;
width:880px;
padding:5px;
background-color:#298ff6;
height:50%;
background:url(../images/contenu.png);
background-repeat:repeat-y;
}
#bottom{
margin-left: auto;
margin-right: auto;
background:url(../images/pied.png);
background-repeat:no-repeat;
margin-top:0;
padding:0;
margin-bottom:1px;
width:890px;
height:30px;
}

#menu {
  list-style: none;
margin-left: auto;
margin-right: auto;
  width: 890px;
  height: 32px;
 z-index:5;
}

#menu span{
	display:none;
	widht:100%;
	height:100%;
	margin:0px;
	padding:0px;

}

#menu ul ul {
display: none; 
position: absolute; 
margin:0px; 
padding: 0px; 
}

#menu ul ul li{
margin:0px; 
padding: 0px; 
border-bottom-color:#022d65;
border-bottom-style:ridge;
border-bottom-width:1px;
z-index:30;
}



ul {
	background: url(../images/menu.png);
float:left;
}

#menu ul, li {
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	background-repeat:none;
z-index:30;
}

#menu ul li a {
    color: #FFFFFF;       /* couleur du texte blanche pour mon exemple */
    display: block;      /* attention important !! les liens deviennent des blocs */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 32px;            /* correspond à la hauteur de mon image, pour que le lien couvre toute la surface de l'image cf ci-dessus */
    text-decoration: none;  /* pas de décoration par défaut des liens !! */
    margin:0;
	padding:0;
 font:20pt Monotype Corsiva;
 
}
ul li a:hover {
    background: transparent url(../images/menu.png) no-repeat;
}
a#region 	{width:185px;}
a#offres 	{width:157px;}
a#plan 		{width:81px;}
a#photos	{width:112px;}
a#contacte 	{width:118px;}
a#livre 	{width:237px;}

a#region:link	{background-position:0px 0px;}
a#offres:link	{background-position:-185px 0px;}
a#plan:link	{background-position:-342px 0px;}
a#photos:link	{background-position:-423px 0px;}
a#contacte:link {background-position:-535px 0px;}
a#livre:link	{background-position:-653px 0px;}



a#region:hover 	{background-position:0px -32px;z-index:20;}
a#offres:hover	{background-position:-185px -32px;}
a#plan:hover	{background-position:-342px -32px;}
a#photos:hover	{background-position:-423px -32px;}
a#contacte:hover {background-position:-535px -32px;}
a#livre:hover	{background-position:-653px -32px;}

a#region:active	{background-position:0px -64px;}
a#offres:active	{background-position:-185px -64px;}
a#plan:active	{background-position:-342px -64px;}
a#photos:active	{background-position:-423px -64px;}
a#contacte:active	{background-position:-535px -64px;}
a#livre:active	{background-position:-653px -64px;}


#menu li:hover ul.sousMenu_region, #menu li li:hover ul.sousMenu_region_niveau2_villes, #menu li li:hover ul.sousMenu_region_niveau2_sites,#menu li li:hover ul.sousMenu_region_niveau2_activites, #menu li li:hover ul.sousMenu_livre_niveau2, #menu li.sfhover ul.sousMenu_region, #menu li li.sfhover ul.sousMenu_region_niveau2_villes, #menu li li.sfhover ul.sousMenu_region_niveau2_sites, #menu li li.sfhover ul.sousMenu_region_niveau2_activites, #menu li li.sfhover ul.sousMenu_livre_niveau2 {display: block}
#menu li:hover ul.sousMenu_offres, #menu li.sfhover ul.sousMenu_offres {display: block}

#menu li:hover ul.sousMenu_livre, #menu li.sfhover ul.sousMenu_livre {display: block}

#menu ul.sousMenu_region_niveau2_villes {left: 185px; top: 0px;}
#menu ul.sousMenu_region_niveau2_sites {left: 185px; top: 0px;}
#menu ul.sousMenu_region_niveau2_activites {left: 185px; top: 0px;}
#menu ul.sousMenu_livre_niveau2  {left: 157px; top: 0px;}
.sousMenu_region
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 background:none;
 position:absolute;
 width:185px;
}

.sousMenu_region li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 
 
}
.sousMenu_region li a:link,
.sousMenu_region li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("../images/fondTR.png") repeat;
  font:14pt Monotype Corsiva;
}
.sousMenu_region li a:hover
{
 background-image: none;
 background-color: #59e475;
}
.sousMenu_region_niveau2_villes
{
 display: none;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border: 0;
 background:none;
 width:100%;;
 position:relative;
}
.sousMenu_region_niveau2_sites
{
 display: none;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border: 0;
 background:none;
 width:250px;;
 position:relative;
}
.sousMenu_region_niveau2_activites
{
 display: none;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border: 0;
 background:none;
 width:220px;;
 position:relative;
}
.sousMenu_offres
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 background:none;
 position:absolute;
 width:157px;
  font:14pt Monotype Corsiva;
}

.sousMenu_offres li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 
 
}
.sousMenu_offres li a:link,
.sousMenu_offres li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("../images/fondTR.png") repeat;
  font:16pt Monotype Corsiva;
}
.sousMenu_offres li a:hover
{
 background-image: none;
 background-color: #59e475;
}

.sousMenu_livre
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 background:none;
 width:157px;
  position:absolute;
}

.sousMenu_livre li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}
.sousMenu_livre li a:link,
.sousMenu_livre li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("../images/fondTR.png") repeat;
 font:18pt Monotype Corsiva;
}
.sousMenu_livre li a:hover
{
 background-image: none;
 background-color: #59e475;
}
.sousMenu_livre_niveau2
{
 display: none;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border: 0;
 background:none;
 width:100%;
 position:relative;
}
img{
	border-color:#6acbf4;
	border-style:ridge;
	border-width:3px;
}


.texte{
font:20pt Andalus;
color:#0000C0;
}

h1{
color:#022d65;
font-weight:bold;
font:26pt Monotype Corsiva;
margin:0px;
margin-top:10px;
}