@charset"iso-8859-1";





body {
margin: 0px;
padding: 0px;
}


body {
  width: 800px;
  margin-top: 20px; 
  margin-bottom: 40px;
  margin-left: 35px;
  background-position: 100% 60%  no-repeat;  
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 14px;
  height: 50%;
  font-size: 0.8em;
}





	
#photo_pont {
position: absolute; 
visibility: visible; 
left: 151px; 
top: 56px; 
width: 711px; 
height: 312px; 
z-index: 2;
background-image: url("../photos/commune-de4.jpg"); alt="photo" width="710" height="312" />;
background-repeat: no-repeat;
}


ul.nav { margin: 0pt; padding: 0pt 0pt 0pt 5px; margin-top: 242px; margin-left: 149px; list-style-type: none; line-height: 16px; font-family: Arial,Verdana,Helvetica,sans-serif; font-weight: bold; }
ul.nav li { margin: 0pt; padding: 0pt 0px 0pt 8px; float: left;  font-family: Arial,Verdana,Helvetica,sans-serif; font-weight: bold; line-height: 16px;  }
ul.nav li a { top: 133px; border-bottom: 2px solid rgb(248, 248, 254); padding: 0pt; height: 16px; position: relative; color: rgb(32, 71, 117); font-weight: bold; font-size: 80%; text-transform: uppercase; text-decoration: none; cursor: pointer; text-align: center;  list-style-type: none; }
ul.nav li a:hover, ul.nav li a.active { border-bottom: 2px solid rgb(181, 0, 13); }



/*  le menu de navigation sous l'entete*/

#navcontainer 
{
	position: absolute;
	margin-top: 348px;
	margin-left: 115px;
	height: 22px;
	font: 11px Verdana, sans-serif;
	width: 738px;
	border-bottom: 1px solid  #bbb;
	width: 770px;
	list-style-type: none;
	background: #fff;
	left: 3px;
	top: 25px;
}

 #navlist li 
{
float: left;
margin: 0px;
padding: 0px;
width: auto;
display: block;
}


#navlist li a, #navlist li a:link
{
background: #fff;
padding: 3px 5px 3px 5px;
text-decoration: none;
color: #555;
display: block;
}


#navlist li a#current, #navlist li a#current:link
{
cursor: default;
border-bottom: 3px solid #999;
font-weight: bold;
color: #000;
}


#navlist li a:hover 
{
color: #039;
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}


#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}

#destination {
position: absolute; 
visibility: visible; 
left: 116px; 
top: 56px; 
width: 35px; 
height: 183px; 
z-index: 3;
background-image: url("../photos/titre-destination-couleur.jpg"); border="0" width="33" height="183" alt="logo" />
background-repeat: no-repeat;
} 
.blocannonce1 {
position: absolute;
  left: 150px;
  background-color: #FFFFFF;
  height: 220px;
  width: 250px;
  top: 430px;
  border-bottom: 2px dotted #993300;   
 } 
 
 .photo  {
 height: 130px;
  width: 176px;
margin-left: 30px;
padding: 15px;
}
 
 
 .blocannonce1 p {
text-align: center;
background-color: #FFFFFF;
}
 
.blocannonce1 h5 {

color: #FF0000;
text-align: center;
}

 
 
.blocannonce2 {
position: absolute;
  left: 430px;
  background-color: #FFFFFF;
  height: 300px;
    width: 280px;
  top: 430px;
  border-bottom: 2px dotted #993300;
 
} 

.blocannonce2  h5 { 
text-align: center;	  
color: #FFOOOO;

}


.blocannonce2 p {
text-align: center;
}
 


 
.blocannonce3 {
position: absolute;
  left: 725px;
  background-color: #FFFFFF;
  height: 290px;
  width: 140px;
  top: 430px;
  border-bottom: 2px dotted #993300;
   
  
} 

.blocannonce3 p {
text-align: left;
}
.blocannonce3 h6 {

color: #FF0000;
text-align: center;
}


.blocannonce4 {
position: absolute;
  left: 150px;
  background-color: #FFFFFF;
  height:130px;
  width: 250px;
  top: 690px;
 border-bottom: 2px dotted #993300; 
 
}
.blocannonce4 p {
text-align: center;
}
.blocannonce4 h4{
text-align: center;
}


.blocannonce5 {
position: absolute;
  left: 430px;
  background-color: #FFFFFF;
  height: 190px;
  width: 250px;
  top: 650px;
  border-bottom: 2px dotted #993300;
 
}
.blocannonce6 {
position: absolute;												  
  left: 725px;
  background-color: #FFFFFF;
  height:140px;
  width: 140px;
  top: 740px;
  border-bottom: 2px dotted #993300;
   
} 
 .blocannonce6 p {
text-align: center;
}

.blocannonce6 h5 {
text-align: center;
}

#photocanal {
position: relative;
top: 330px;
left: 100px;

}



#annonce { 
 position: absolute;
 top: 350px;
 left: 450px;
width: 303px; 
height: 197px; 
background: yellow;

}

.textannonce {
 font-size: 0.9em;
padding: 3px;
float: left;
font-family:  verdana,  arial,  helvetica,  sans-serif;  
color:  #b7421f;
font-weight: normal;
line-height: 14px;
}




#cabaret {
position: absolute;
top:  100px;
left:  170px;
width:  400px;
height: 93px;
z-index:  5;
float: right;
border:  2px  solid  #914f18;

}
 






#marche {
position: relative;
margin-top: 10px;
left: 10px;
margin-bottom: 0px;

z-index:  6;
}



.cabatext  {

font-size:  1.0em;


margin-bottom:  0px;
margin-top:  50px;
font-family:  verdana,  arial,  helvetica,  sans-serif;  
color:  #b7421f;
font-weight: normal;
line-height: 16px;
 z-index:  6;
 text-align: center;
}
 



#actu {
position: absolute;
top: 400px;
width: 550px;
margin-left: 80px;
font-weight: normal;
line-height: 16px;
}








#copyright {
	position: absolute;
	width: 450px;
	margin-left: 20px;
	margin-top: 140px;
	font-size: 0.8em;
	color: white;
	left: 384px;
	top: 61px;
}



#acces_rapide {
	position: absolute;
	width: 325px;
	height: 30px;	
	top: 295px;
	font-size: 0.8em;
	list-style-type: none;
	color: white;
	text-align: right;
	z-index: 12;
	left: 530px;
}

#acces_rapide li {
display: inline;
}

#acces_rapide a{
color: white;
text-decoration: none;
}

#acces_rapide a:hover {
text-decoration: underline;
}
   
#texte {
position: absolute;
width:  220px;
height: 50px;
left: 163px;
top: 100px;	
padding: 3px;
margin-left: 150px;
 z-index:  6;
color:  #b7421f;

}
#petit_cadre {
position: absolute;
width: 240px;
height: 170px;
top: 630px;
left: 145px;

}

#petit_cadre p {
position: relative;
top: 80px;
left: 20px;
color: red;
}