/* general stuff */
img.x
{
position: absolute;
left:400px;
top:100px;
z-index:-1;
}

body{
background-color: #FFF;
margin:0;
padding:0;
text-align: center;
font-family : Helvetica, Arial, Geneva, sans-serif;
}

a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline; 
border: none;
 }
 a:link, visited, active {
 color:#fff;
text-decoration:  none; 
border: none;
 }
 a:visited {
	color: #FFFFFF;
}

p {
text-align:left;
font-size : 10px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #ccc;
margin: 0 0 0 0; 
}
.titre {
text-align:left;
font-size : 11px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #BF7A5D;
}

h1 {
font-size : 16px;
font-family : Helvetica, Arial, Geneva, sans-serif;
/*color : #801316;*/
color: #FFCC00;
text-align: left;
display: inline; 
margin: 0 0 0 0; 

}

h2 {
font-size : 16px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #ffffff;
text-align: left;
display: inline; 
margin: 0 0 0 0; 
}

.mail {
font-size : 18px;
font-family : Helvetica, Arial, Geneva, sans-serif;
/*color : #801316;*/
color: #FFF;
text-align: left;
display: inline; 
margin: 0 0 0 0; 

}

-------------------------------------------------------------------------------------------------------------


/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#pagewidth-800{
width:800px;
text-align:left;
margin-left:auto;
margin-right:auto;
/*background: transparent url(../images/o2oratorio.gif) no-repeat 50px 50px;*/
background-color: #000000;
border:0px;
margin-bottom: 50px;
}

#pagewidth-1024{
width:970px;
text-align:left;
margin-left:auto;
margin-right:auto;
/*background: transparent url(../images/o2oratorio.gif) no-repeat 50px 50px;*/
background-color: #000000;
border:0px;
margin-bottom: 50px;
}

#header {
height:  92px; 
width:  800px; 
 }
 
#top-top {
height: 26px;
width: 100%;
background: transparent;
}

#top-bottom {
height: 72px;
width: 800px;
background: transparent;
}

#topmenu{
height: 26px;
width: 100%;
}

#search {
margin: 0px;
padding: 0px;
width: 148px;
height: 28px;
float: right;
/*background: url(../images/back_search.jpg) right top no-repeat;*/
padding-left: 10px;
padding-top: 2px;
vertical-align: top;
}

#search .inputbox{
width: 100px;
height: 18px;
font-size: 10px;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}

#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}

#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}

#leftcol{
 width: 152px;
 height: 800;
 float: left;
 margin-right: 5px;
 margin-top:20px;
 } 
#contenu {
margin-top:40px;
margin-left:70px;
width:500px;
float:left;
}
#contenu-accueil {
margin-top:40px;
margin-left:70px;
width:250px;
height:400px;
float:left;
}

		#col1 {width:100px;float:left;}
		#col2 {width:150px;float:left;}
		#col3 {width:150px;float:left;}




#rightcol-normal{
 width: 155px;
 float: right;
 position: relative;
 margin-right: 1px;
 margin-top: -22px;
 margin-left:180px;
 } 
 
#rightcol-broad{
 width: 120px;
 float: right;
 text-align:center;
 position: relative;
 margin-right: 1px;
 margin-top: 0px;
 } 
 
#outer-800{
width: 800px;
padding-top: 0px;
border:0px;
background-color: #000000;
} 

#outer-1024{
width: 970px;
padding-top: 6px;
} 

#footer a
{
font-size: 10px;
color: #ccc;
}
#footer a:hover
{
width: 150px;
color: #fff;
}
#footer a:link, #navlist a:visited
{
color: #ccc;
text-decoration: none;
}


#footer-800{
vertical-align:top;
height: 12px; 
background-color: #ff0000;
color: #ccc;
text-align:left;
width:100%; 
background: transparent url(../img/site/footer.png) bottom left no-repeat; 
font-size: 10px;
}

#footer-1024{  
height: 40px; 
width: 100%; 
/*background: transparent url(../images/footer1024.jpg) bottom left no-repeat; */
font-size: 10px;
}


 
 #banner {
 width: 478px;
 height: 69px;
 float: right;
 padding-left: 6px;
 padding-top: 6px;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}
.content {
padding: 0px 0px 0px 0px;
font-size: 10px;
line-height: 18px;
}




#corps
{
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #999555;
   background-color: none; /* Une couleur de fond pour le corps */
   background-image: url("../images/motif.png");
   background-repeat: repeat-y; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps h1 /* Tous les titres h1 du corps */
{
  height: 20px;
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 5px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}







-------------------------------------------------------------------------------------------------------------

#navcontainer ul
{

border: 2px dotted #BF7A5D;
margin: 20px;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer li { 
margin: 0 0 10px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 2px;
border: 2px dotted #E91A28;
width: 130px;

background-image: url(images/l1_down.gif);
font-size: 10px;
letter-spacing:4px;
}

#navcontainer a:link, #navlist a:visited
{
color: #666;
text-decoration: none;
}

#navcontainer a:hover
{
width: 150px;
background-image: url(images/l1_over.gif);
color: #fff;
}

#active a:link, #active a:visited, #active a:hover
{
border: 2px dotted #BF7A5D;
background-color: #ff0000;
background-image: url(images/l1_over.gif);
color: #fff;
text-decoration:none;
}
#mailing a:link, #mailing a:visited, #mailing a:hover
{
border: 2px dotted #BF7A5D;
background-color: #FFCC33;
background-image: url(images/l1_over.gif);
color: #E91A28;
text-decoration:none;
}

-------------------------------------------------------------------------------------------------------------

		
	.imageflottante
{
   float: left;
   margin-bottom:100px;
}	
		
		
	#zone_de_texte {
margin-left:130px;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 20px;
}

.image_right {
float:right;
margin:0px;
margin-left:20px;
margin-bottom:0px;
border:0px solid #ff0000;
height:100px;
weight:100px;
}

.image_left {
float:left;
margin:0px;
margin-right:20px;
margin-bottom:0px;
padding-bottom:20px;
border:0px solid #ff0000;
height:100px;
weight:100px;
}
	
	.date {
	float:left;
font-size : 15px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #BF7A5D;
display: inline; 
margin: 0 0 0 10; 
}	
         .plan2 {
	float: left; 
	top: 0px;  
	left: 200px; 
	z-index: 2; 
	width:265px; 
	height:143px;
	}
.plan {

position: absolute;
top: 100px;  
	left: 400px; 
	z-index: 2; 
	width:400px; 
	height:222px;
	}



-------------------------------------------------------------------------------------------------------------
	
	/*page impresos*/
#corps-img {
	position:absolute; 
	background:#fff; 
	width:420px; 
	height:420px; 
	border: 2px dotted #BF7A5D; 
	margin:auto; 
	z-index:0;
	top: 0px;  
	left: 200px;
}
.txt-impresos-titre {  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#00A0DC;
	text-align:left;
	}
.txt-impresos {
	position: absolute; 
	top: 0px;  
	left: 0px; 
	z-index: 2; 
	height: 100px;  
	width: 450px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
text-align:left;
	}
.img-1 {

position: absolute;
top: 100px;  
	left: -10px; 
	z-index: 2; 
	width:200px; 
	height:200px;
	border: 2px dotted #BF7A5D;
	}
	.img-2 {
	position: absolute; 
	top: 100px;  
	left: 450px; 
	z-index: 2; 
	width:200px; 
	height:200px;
	border: 2px dotted #BF7A5D;
	}
	
	/*page events*/
#corps-events {
	position:relative;
	margin-top:100px;
	margin-left:320px;
	top: -18px;
	width:500px;
	height:320px;
	border:0;
	margin:auto;
	z-index:0;
	left: 37px;

}
.img-events0bis {
	position:absolute; 
	top: 40px;  
	left: 370px; 
	z-index: 2; 
	width:220px; 
	height:150px;
	
	}
.img-events1bis {
	position: absolute; 
	top: 30px;  
	left: 450px; 
	z-index: 2; 
	width:150px; 
	height:150px;
	border: 0px dotted #BF7A5D;
	}
.img-events0 {
	position:absolute; 
	top: 0px;  
	left: 0px; 
	z-index: 2; 
	width:150px; 
	height:150px;
	
	}
.img-events1 {
	position: absolute; 
	top: 0px;  
	left: 160px; 
	z-index: 2; 
	width:150px; 
	height:150px;
	border: 2px dotted #BF7A5D;
	}
	.img-events2 {
	position:absolute;
	left:320px;
	top: 0px;   
	z-index: 2; 
	width:150px; 
	height:150px;
	border: 2px dotted #BF7A5D;
	}	
	.img-events3 {
	position: absolute; 
	top: 160px;  
	left: 160px; 
	z-index: 2; 
	width:150px; 
	height:150px;
	border: 2px dotted #BF7A5D;
	}
	.img-events4 {
	position:absolute;
	left:320px;
	top: 160px;   
	z-index: 2; 
	width:150px; 
	height:150px;
	border: 2px dotted #BF7A5D;
	}
	.img-events5 {
	position:absolute;
	left:0px;
	top: 160px;   
	z-index: 2; 
	width:150px; 
	height:150px;
	border: 2px dotted #BF7A5D;
	}	
	
	.tel {
	width:350px;
text-align:left;
font-size : 25px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color:#CCC;
margin: 0 0 0 0; 
}

	.prog {
	width:350px;
text-align:left;
font-size : 25px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #BF7A5D;
margin: 0 0 0 0; 
}
	.lien {
text-align:left;
font-size : 9px;
font-weight:bold;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #BF7A5D;
margin: 0 0 0 0; 
}
/*restaurant restaurant restaurant restaurant restaurant restaurant restaurant restaurant */
h1.menu {
text-align:left;
font-size : 12px;
font-weight:bold;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #FFCC00;
margin: 0 0 0 0; 
}
	.euros {
text-align:left;
font-size : 11px;
font-weight:bold;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #BF7A5D;
margin: 0 0 0 0; 
}
/*restaurant restaurant restaurant restaurant restaurant restaurant restaurant restaurant */
/*page agenda*/
#contenu-agenda {
margin-top:50px;
margin-left:30px;
width:550px;
height:40px;
float:left;
}



#corps-agenda {
	position:relative;
	margin-top:100px;
margin-left:320px;
	 top: 20px;
	width:500px; 
	height:20px; 
	border:0; 
	margin:auto; 
	z-index:0;
}
.img-agenda-juin {
	position:absolute; 
	top: 0px;  
	left: 0px; 
	z-index: 2; 
	width:40px; 
	height:40px;
	border: 2px dotted #BF7A5D;
	font-size:12px;
	}
.img-agenda-juil {
	position: absolute; 
	top: 0px;  
	left: 50px; 
	z-index: 2; 
	width:40px; 
	height:40px;
	border: 2px dotted #BF7A5D;
	font-size:12px;
	}
	.img-agenda-aout {
	position:absolute;
	left:100px;
	top: 0px;   
	z-index: 2; 
	width:40px; 
	height:40px;
	border: 2px dotted #BF7A5D;
	font-size:12px;
	}	
	.img-agenda-sept {
	position: absolute; 
	top: 0px;  
	left: 150px; 
	z-index: 2; 
	width:40px; 
	height:40px;
	border: 2px dotted #BF7A5D;
	font-size:12px;
	}
	.img-agenda-oct {
	position:absolute;
	left:200px;
	top: 0px;   
	z-index: 2; 
	width:40px; 
	height:40px;
	border: 2px dotted #BF7A5D;
	font-size:12px;
	}
	
	.img-agenda-nov {
	position:absolute;
	left:250px;
	top: 0px;   
	z-index: 2; 
	width:40px; 
	height:40px;
	border: 2px dotted #BF7A5D;
	font-size:12px;
	}
	
	----------------------------------------------------------------
	
#agenda-navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}

#agenda-navlist li
{
display: inline;
list-style-type: none;
font-size:12px;

padding-top:10px;
padding-bottom:10px;
}

#agenda-navlist a
{
padding: 1px 6px 1px 6px;
}

#agenda-navlist a:link, #agenda-navlist a:visited
{
color: #666;
text-decoration: none;
}

#agenda-navlist a:hover
{
padding-top:10px;
padding-bottom:10px;
color: #fff;
}

#agenda-active a:link, #agenda-active a:visited, #agenda-active a:hover
{
line-height:40px;
border: 2px dotted #BF7A5D;
background-color: #ff0000;
padding-top:10px;
padding-bottom:10px;
color: #fff;
}





	/*page bar*/
#corps-bars {
	position:relative;
	margin-top:100px;
margin-left:320px;
	 top: 30px;
	width:500px; 
	height:550px; 
	border:0; 
	margin:auto; 
	z-index:0;
}
.img-bars0 {
font-size : 10px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #ccc;
	position:absolute; 
	top: 0px;  
	left: 0px; 
	z-index: 2; 
	width:320px; 
	height:150px;	
	}
.img-bars1 {
	text-align:right;
font-size : 10px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #ccc;
	position: absolute; 
	top: 0px;  
	left: 300px; 
	z-index: 2; 
	width:50px; 
	}
	.img-bars2 {
		text-align:right;
	font-size : 10px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #ccc;
	position:absolute;
	left:360px;
	top: 0px;   
	z-index: 2; 
	width:50px; 
	}	
.img-bars3 {
	text-align:right;
font-size : 10px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #ccc;
	position: absolute; 
	top: 0px;  
	left: 420px; 
	z-index: 2; 
	width:50px; 
	}
	.img-bars4 {
	text-align:right;
	font-size : 10px;
font-family : Helvetica, Arial, Geneva, sans-serif;
color : #ccc;
	position:absolute;
	left:480px;
	top: 0px;   
	z-index: 2; 
	width:50px; 
	}	
	




DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON DICTON ----------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
#navdicton ul
{
border: 0px dotted #BF7A5D;
margin: 20px;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navdicton li { 
margin: 0 0 10px 0; }

#navdicton a
{
display: block;
padding: 2px 2px 2px 2px;
border: 2px dotted #ff0000;
width: 130px;
font-size: 12px;
}
#act a:link, #act a:visited
{
border: 2px dotted #BF7A5D;
background-color: #ff0000;
background-image: url(images/l1_over.gif);
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:none;
}
#act a:hover
{
font-family: Arial, Helvetica, sans-serif;
color: #BF7A5D;
}

.rond {
	position:relative;
	float:left;
	top: 600px;  
	left: 0px; 
	z-index: 2; 
	width:125px; 
	height:125px;	
	}
#contenu-silvestre-ext {
margin-top:40px;
margin-left:70px;
width:250px;
height:600px;
float:left;
}	
#corps-silvestre {
	position:relative;
	margin-top:100px;
margin-left:320px;
	 top: 30px;
	width:500px;  
	border:0; 
	margin:auto; 
	z-index:0;
}	
	
	
	/*page piel
#lebaroc-vertical {
	position:absolute; 
	width:150px; 
	height:508px; 
	border:0; 
	margin:auto; 
	z-index:0;
}


.lebaroc-vertical-img {

position: absolute;
top: 0px;  
	left: 600px; 
	z-index: 2; 

	}*/