/*Structure of this Stylesheet: 
 I - all main boxes
 II - defining the #top content
 III - defining the #content content
 IV - defining the #right sidebar
 */
body{
  background: #9C0;
  margin: 0;
  padding: 0;
  font: 12px "Verdana",sans-serif;
  text-align: center;
  line-height: 1.7em;
  color: #000;
}
.mariefrance {
position: absolute;

margin-left:-40px;
}

#content{
	background: #FFF url(images/hautgauche.gif) no-repeat top left;
	padding: 10px;
	
}

#footer{

	text-align: center;
}
#left{
	float: left;
	width: 610px;
	background: #9C0;
}
#main { position: absolute; width: 780px; left: 50%; margin-left: -390px; background-color:#FFF; text-align: justify;margin-top: 25px;}

	
#right{
	float: right;
	width: 170px;
	background: #FFF url(images/hautgauche.gif) no-repeat top left;
}

#top{
	width:600px;
height:300 px;

	background:#CCCC66 ;
	color: #F5F5F5;
         

margin-right: 10px;
        margin-bottom:10px;
}

#inner{
	padding: 0 10px;
}

#hautgauche,#hautdroit,#basgauche,#basdroit {
height: 10px; width:10px;
background-repeat: no-repeat;
font-size:1px;
}

#hautgauche {
background-image: url(images/topleft.gif);
}

#hautdroit {
float: right;
background-image: url(images/topright.gif);
}

#basgauche {
background-image: url(images/basgauche.gif);
}

#basdroit {
float: right;
background-image: url(toptopbottom.gif);
}

/*Configuring the -top-box */
#top dd{
	margin: 0;
}
#top a{
	color: #009933;
	border-bottom: 1px #CC9966 dotted;
	padding:1px 10px 0px 0px;
	margin: 1px 0 0 10px;
	text-decoration: none;
}
#top a:hover{
	border-bottom: 1px #9C0 solid;
}
#top .left{
	float: left;
	width: 280px;
	margin: 10px 0 0 10px;
	background:#CCCC99 url(images/top-bg.gif) repeat-y top right;
;
}
#top .right{
	float:right;
	width: 275px;
	margin: 10px 5px 0 0;
        background: #DDBC9B;
;
}
#topbottom{
	clear: both;
	background: url(images/toptopbottom.gif) bottom right no-repeat;
	height: 10px;
}


/* just the c#content box*/
h2{
	font: normal normal 1.7em "Georgia",serif;
	color: #000;
	text-decoration: none;
	background: url(images/h2.gif) top left no-repeat;
	padding: 3px 0 0 8px;
       
}
h3{
        font: normal normal 1em "Georgia",serif;
	text-transform: uppercase;
	text-indent: 2em;
	margin: 7px 0 2px 0;
clear:both;
}

h4{
	font: normal normal 1.4em "Georgia",serif;
	color: #000;
	text-decoration: none;
	background: url(images/h4.jpg) top left no-repeat;
	padding: 3px 0 0 8px;
      
margin:2em;
}
p.penche{

font-style: italic;
color: #993300;
width:550px;
margin-left: 20px;
margin-right:10px;
} 

#headline{
	
	width: 590px;
	height: 150px;
	position: absolute;
z-index: 1;
}
#headline h1{
	position: absolute;
	bottom: 5px;
	left:5px;
	color: #FFF;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font: normal normal 2.2em "Trebuchet MS","Arial",sans-serif;
}
p{text-indent: 1.3em;
	
	margin: 0 0 5px 0;
	padding: 0;

       
        
}


#texte {

margin-top:180px;

}
/* sidebar */
#inner{
	padding: 0 10px;
}
form{
	margin: 0;
	padding: 0 0 30px 0;
	border-bottom: 1px #999 solid;
}
form input{
	background: #F5F5F5;
	border: 0;
	border-bottom: 1px #EFEFEF dotted;
}
form label{
	font-family: "Georgia",serif;
}
form .button{
	background: #FFF;
	border-bottom: none;
	cursor: pointer;
}
form a{
	font-family: "Georgia",serif;
}
h5{
	background: url(images/nav-h.gif) center left no-repeat;
	font: 1.5em "Arial",sans-serif;
	padding-left: 25px;
	margin: 7px 0 3px 3px;
}

h6{

	color: #FFF;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font: bold 3.2em "Trebuchet MS","Arial",sans-serif;
text-align:center;

	
}
h7{

	
	font: normal normal 1.7em "Georgia",serif;
	color: #000;
	text-decoration: none;
	
	padding: 3px 0 0 8px;
}

.aie a{
text-decoration: none;
color: #000;
padding-left: 50px;
background: url(images/clic.gif) left center no-repeat;
}
	

.nav{
	margin: 2px;
	padding: 0;
}
.nav2{
	margin: 2px;
	padding: 0;
}
.nav3{
	margin: 2px;
	padding: 0;
}

.nav li{
	display: inline;
	list-style-type: none;
	
}
.nav1 li{
	display: inline;
	list-style-type: none;
}
.nav2 li{
	display: inline;
	list-style-type: none;
	
}
.nav3 li{
	display: inline;
	list-style-type: none;
	
}
	

.nav li a{
	display: block;
	background: #CCCC99;
	padding: 1px 1px 1px 5px;
	margin: 1px;
	text-decoration: none;
	color: #000;
}
.nav2 li a{
	display: block;
	background: #CCCC66;
	display: block;	
	padding: 1px 1px 1px 5px;
	margin: 1px;
	text-decoration: none;
	color: #000;

}
.nav3 li a{
	display: block;
	background: #CC9966;
	padding: 1px 1px 1px 5px;
	margin: 1px;
	text-decoration: none;
	color: #000;
}


.nav li a:hover{
	padding-left: 2px;
	border-left: 3px #9C0 solid;
}
.textimage {

} 



img.bal2 {
float: right;
margin-right:5px;
margin-left:10px;
 border: none;
}
img.psgauche {
margin-top:0px;

float: left;
vertical-align:text-top;
padding-right:10px;
padding-bottom:10px;
 border: none;
padding: 1px,;
}
object.psgauche {
margin-top:0px;

float: left;
vertical-align:text-top;
padding-right:10px;
padding-bottom:10px;
 border: none;
padding: 1px,;
}

img.papy {
float: right;
margin-left:5px;


 border: none;
}

.center{
text-align: center;

}




.separation{

visibility:hidden;
}




dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float:left;
height: 170px;
width:140px;
margin-right: 5px;

background-color: #FFF;
Z-index: 1;



}
#me-bal dl{
margin: 0;
padding: 0;
list-style-type: none;
}
#me-bal li a, #me-bal dt a {
color: #000;
text-decoration: none;
display: block;
}
#me-bal{
float:left;

width:140px;
margin-right: 5px;

background-color: #FFF;
Z-index: 1;

}
#me-bal dt {
cursor: pointer;
background: #CCCC99;
height: 20px;
line-height: 20px;
margin: 1px 0;
border: none;
text-align: center;
text-decoration: none;

}
#me-bal dd {
position: absolute;
z-index: 100;
left:11em;
margin-top: -1.4em;
width: 15em;
background: #CC9966;

text-decoration: none;
}

.menu-cpabaume li {
float: left;
}

.menu-cpabaume a {
margin: 0 2px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
}

.menu-cpabaume a:hover {
background: #ccc;
border: 1px solid gray; 
}

.menu-cpabaume a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}

#menu dt {
cursor: pointer;
background: #CCCC99;
height: 20px;
line-height: 20px;
margin: 1px 0;
border: none;
text-align: center;

}

#menu dd {
position: absolute;
z-index: 100;
left:11em;
margin-top: -1.4em;
width: 15em;
background: #CC9966;

text-decoration: none;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: left;

font-size: 85%;
height: 18px;
line-height: 18px;
list-style-type: none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}


#introvillages {
position: absolute;
margin-left:130px auto;
width: 200px;
}

p.italic {
font-style: italic;
text-align:right;
}
a.lien_ext
{
 color: #CC9966;
font-style: italic;
border:0;
}
.boiteimages {

 background: #fff;
width: 510px;
padding-left: 80px;


}
.boiteimages1 {

 background: #fff;
width: 450px;
padding-left: 130px;



}
.boite {

 background: #fff;

padding-left: 45px;



}
.boitemenu {

 background: #fff;

padding-left:210px;

}




.essai {height: 115px;
	padding-top:50px;
	margin:0px;


	float: left;

}

.miniature {
	margin:5px;

	float: left;
align: left;
}
div.miniature p {
text-align: center;
}
 a img {border: none;}

#pht{
margin:5px;
background-color:#FFF;


.ensemble {
clear:both;
}

#aumilieu {
text-align:right;
}

#aumilieu a{
text-color: #CC9966;
}