body {			
	margin: 0;	 
	padding: 0;   
	background-repeat: repeat-x;				  
	background-color: #F4FBFF;		 
	font: 75% Verdana, serif ;	 
	background-image: url("../images/design/degrade_bleu.gif");		   
	color: #000033;	 
}
.print, p#adresse {
 	display:none;
}
 img {
 	border: 0;
}  

ul {
	 /*list-style-image: url(../images/design/ballet_sm.gif);*/
}	   

a:link, a:visited {
	color: #000033;
	text-decoration: underline; 	
}	

a:hover {
	color: #ff6600;
	text-decoration: none;
}
p {
 	text-indent: 40px; 
	text-align: justify;
} 

h1 {
 	text-align: left;		
	color: #005599;	
	border-bottom: thin solid #ee7700;	  
	border-left: medium solid #ee7700; 	  
	padding: 1px;
	padding-left: 10px;	   
	font-size: 13pt;	
	margin-left: 0;		
	text-decoration: none; 	
	font-family: "Trebuchet MS", Verdana, serif;
	 letter-spacing: 0.05em; 
} 
h1 a:link,h1 a:visited, h1 a:hover {
	color: #005599;	
	text-decoration: none; 	
}	
					   
h2{		
	font-family: "Trebuchet MS", Verdana, serif;
 	display: block;		 
	color: #005599;		
	padding: 1px;
	border-bottom: thin solid #ee7700;			
	border-left: medium solid #ee7700; 
	padding-left: 10px;
	margin-left: 40px;		 
	font-size: 11pt;	
	letter-spacing: 0.05em; 
}

h3{	  
	margin-left: 60px;	
	font-family: "Trebuchet MS", Verdana, serif;	
 	color: #005599;	
	font-size: 10pt; 
	letter-spacing: 0.05em; 	
}
		   
  
h4 {
  text-indent:0;
  margin-bottom:0;	
  font-size: 9pt;
}

h1#partie {	
	position: absolute;
	top: 10px;	 		
	background: url("../images/design/hr_bot.gif") right 20px no-repeat;  
	font-size: 18pt; 
	padding: 5px;	  
	padding-right: 15px;
	border: none;
	color: #fbebbf;
	text-align: center;
	height: 50px;	
	margin:0;
	font-weight: bold;	
	letter-spacing:0.5pt;
}  


  
div.clipart {
   margin: 5px;	  
   margin-right: 10px;
   float: left;
} 

div.clipart-droite {
   margin: 5px;	  
   margin-right: 150px;
   float: right;
}

/* formulaires */   
input{
 	margin: 2px;  
}	

input.bouton{
	cursor: pointer;
	border: outset 1px #ccc;
	background: #999;
	color: #666;
	padding: 1px 2px;
	background: url(../images/design/formu_bouton_bleu.gif) repeat-x left top;
}	 

input.bouton:hover{
	background: url(../images/design/formu_bouton.gif) repeat-x left top;
}		 
 


fieldset{
 	border: 0;
} 

form p{
	width: 350px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 145px; 
	border-top: 1px dashed gray;
	height: 1%;		 
	line-height: 180%; 
	text-indent: 0;
}

label{
	font-weight: bold;
	float: left;
	margin-left: -145px; 
	width: 140px; 	
	text-align: left;  
	line-height:14px;
	text-indent: 5px;
}

		 

textarea{
	width: 280px;
	height: 150px;
}

/* decalage pour IE6 */
* html .threepxfix{
	margin-left: -50px;
}


	
ul#menu-principal {					
	position: absolute;
	top: 78px;	
	left: 30px;
	list-style-type: none;
	width: 95%;  	  
	margin: 0;
	padding:0;
	margin-left: auto;
	margin-left: auto;	
}

ul#menu-principal li {
	float: left; 	   
	margin-bottom:3px;
}

ul#menu-principal a {
	float: left;
	margin: 0 2px;
	padding: 5px 15px;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #000033;
	background: #eef6fe;   
	
}

ul#menu-principal a:hover {
	background: #fff4d8;
	border: 1px solid gray; 
}

ul#menu-principal a#menu-actif {
		background: #a2ceef;
}

		  
div#titre {
 	background: url("../images/design/haut_titre.gif") ;   
	background-repeat: no-repeat;
	height: 78px;  
	color: #eef6ff;		
	font-size: 18px;
	line-height: 13px;	
	font-weight: bold;
}		  
 

	  
table#bodytab{
 	width: 98%;
	margin-left: auto;
	margin-right: auto;
}			  	
		
table#bodytab td.body {
 	vertical-align: top;	
	padding-left: 20px;
	padding-right: 21px;
	padding-top: 0px;  	   
	margin: 0;		  
	text-align: left;
}		
/* Module Menu */		  
div.module-menu table {
	width: 185px;
 	margin: 0px 0px 10px 5px;	
	z-index: 1;	 
  
}	
					  
div.module-menu td {
	border-bottom: 1px solid #CCC;		
	height: 20px;	 
	width: 100%;			
	text-align: left;
	padding-left: 5px;	 
	z-index: 1;	
	line-height:20px;
}



div.module-menu h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px -4px 0px -4px;
	line-height: 40px;
	text-indent:20px;	 
	z-index: 1000;
}

div.module-menu {
	background: url(../images/design/cadre_bas_gauche.png) bottom left no-repeat;
	margin: 0;
	padding: 0;
	margin-bottom: 12px;	 
	margin-top: 12px;	
	width: 200px;  	
	z-index: 1;
} 

div.module-menu div div {
	background: url(../images/design/cadre_haut_gauche_bleu.png) top left no-repeat; 
	z-index: 1;
}

div.module-menu div div div {
	background: url(../images/design/cadre_haut_droite_bleu.png) top right no-repeat;  
	z-index: 1;
}
div.module-menu div {
	background: url(../images/design/cadre_bas_droite.png) bottom right no-repeat;	
	z-index: 1;
}

div.module-menu div div div {
	padding: 0px 0px 10px 0px;
	width: auto !important;
	width: 100%;
	text-indent:10px;	 
}

div.module-menu div div div div {
	background:none;
	padding:0px;   
}			  
						
.module-menu a:link, .module-menu a:visited {
	background		: url(../images/design/arrow_black.png) 4px 4px no-repeat;
	color			: #000033;	 
	text-decoration: none;
}  

.module-menu a:hover {
	background		: url(../images/design/arrow_orange.png) 4px 4px no-repeat;
	color			: #ff6600;		
	text-decoration: none;
}		

.module-menu span.menu-actif  {
	color			: #ff6600;		
	text-decoration: none;
}		
	
	
.module-menu a span{
 	margin-left: 18px;
}
.module-menu a.sous-menu:link, .module-menu a.sous-menu:visited {  
	background		: url(../images/design/arrow_black.png) 4px 4px no-repeat;
	color			: #000033;	 
	text-decoration: none;
}  

.module-menu a.sous-menu:hover  {  
	background		: url(../images/design/arrow_orange.png) 4px 4px no-repeat;
	color			: #ff6600;		
	text-decoration: none;
}		
	
	
.module-menu a.sous-menu span{
 	margin-left: 18px;
}
	
/* bordures */	

#bordure-haut {
	background		: url(../images/design/bordure_haut.png) top left repeat-x;
	font-family: Helvetica, sans-serif;
	width			: 100%;
	text-align		: left;	 
	text-indent: 25px;
}
#bordure-haut a {
	text-decoration: none;
}
#bordure-haut-gauche {
	background		: url(../images/design/coin_haut_gauche.png) 0 0 no-repeat;
	margin			: 0px;
}

#bordure-haut-droite {
	background		: url(../images/design/coin_haut_droite.png) 100% 0 no-repeat;
	margin			: 0px;
	height			: 34px;
	padding-top: 10px;
}		   
		   
#bordure-bas {
	background		: url(../images/design/bordure_bas.png) top left repeat-x;
	margin-bottom: 0px;
	width			: 100%;	
	text-align: center;
	font-size: 85%;		 
	vertical-align: bottom;
}

#bordure-bas-gauche {
	background		: url(../images/design/coin_bas_gauche.png) 0 0 no-repeat;
	margin			: 0px;
}

#bordure-bas-droite {
	background		: url(../images/design/coin_bas_droite.png) 100% 0 no-repeat;
	margin			: 0px;
	height			: 34px;
	text-indent: 26px;
	line-height		: 34px;
}		   

#bordure {		   
	position: relative;
	top: 57px;	/* augmenter cette valeur pour faire descendre le corps de page (dessous le menu) */
	padding:0px;
	text-align: left;
	background-color:#fff;		 
	width: 98%;	/* largeur du cadre principale de la page */
	margin-left: auto;
	margin-right: auto;	 
	min-width: 770px;
}

#bordure-gauche {
	background: url(../images/design/bordure_gauche.png) 0 0 repeat-y;
	padding:0px;
}

#bordure-droite {
	background		: url(../images/design/bordure_droite.png) 100% 0 repeat-y;
	padding:0px;
	width: 100%; 
}	  

 /* oiseau en haut à droite */
#oiseau {
	position: absolute;
	right: 10px;   
	top: 1px;
}		 

p.message {
	font-weight: bold;
	padding: 3px;
	margin: 3px;   	 
	color: #ff6600;
	text-align: center;
	text-indent: 0;
	border: 1px dotted #606060;   
}  
p#visiteurs {
	font-weight: bold;
	padding: 3px;
	margin: 3px;   	 
	color:#000033;
	text-align: center;
	text-indent: 0;
	border: 1px dotted #606060;   
}  


p.message2 {
	padding:4px; 
	width: 90%;
	margin:4px;
	border: 1px solid #ee7700;
	color: #0066bb;	  
	margin: auto;
 }
table.tarifs {
	 border: 1px dotted black;
	 width: 500px;			
	 margin-left: auto;
	 margin-right: auto;
}

td table.tarifs {
 	border: 1px dotted black;
	padding:3px;   
	text-align: center;
}			   
 div.flash{
    float:right;
	width:240px;
	padding:4px;
	margin:8px;
	border: 1px solid #ee7700;
	color: #0066bb;
 }
 
 table.accessibilite{
	border: solid 1px;
	border-collapse: collapse;
	font-size: 80%;
	margin: auto;
}
table.accessibilite td,table.accessibilite th{
	border: 1px dashed;
	margin: 0;
	padding: 8px;
					   
	text-align: center;
}  

table.tableau {	   
	border: 1px solid #0066cc;
	width: 90%;
	border-collapse: collapse;
	margin: auto;
}
	
table.tableau td.droite{
	text-align: right;
}	
	   
table.tableau td{
 	padding:5px;	
	text-align: center;	 
	border: 1px solid #eeeeee; 
	height: 25px;
}  

table.tableau th{
	background:#005599;
	color: white;	
	text-align: center;		
	border: 1px solid #eeeeee;  
	height: 25px;  
	padding: 4px;
}	

table.tableau th a {
   color: white;
} 

table.tableau td a {   
	text-decoration: none;
}	

table.tableau td a:hover {
}	
	 
table.tableau tr.blanc td{	   
}

table.tableau tr.bleu td{
 	background: #F4FBFF;	 
}
	
div.carte-petite {
 	float: right;  
	margin: 10px;
	position:relative; 	 
	width: 220px;	
	text-align:left;
}	
div.photos img {
	display: block;  
	
	background: #efefef; 
	border: 1px solid #B5AEA4; 
	border-top: 1px solid #eeeeee; 
	border-left: 1px solid #eeeeee; 
	margin: 15px; 
	margin-left : auto; 
	margin-right : auto; 
	padding: 3px;
}




div.photos-gallerie {
	float : left; 
	margin : 3px; 
	padding : 3px; 
	padding-bottom: 0;
	text-align : center; 
	border : 1px solid #ccc; 
}
.spacer {
	display: block;
	clear:both;
}
div.photos-gallerie-conteneur img {
	display : block;
	border : 0;
}

div.photos-gallerie-conteneur {
	margin: 5px;  
	height:200px;
	width:200px;
}

div.photos-gallerie-bas {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	font-size: 1em;
	padding: 4px; 
	height:50px;
	font-size: 100%;
	width:190px;
}	
div.carte {	 
	position:relative; 
	cursor:crosshair; 
	width:460px;
	height:460px;
	border:1px solid #005599; 
	padding:0px;margin: 10px;	
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
	background: url(../images/images/carte_france.gif) 10px 10px no-repeat; 
}
 
div.carte-ramassages {	 
	position:relative; 
	cursor:crosshair; 
	width:550px;
	height:500px;
	border:1px solid #005599; 
	padding:0px;
	margin: 0px;	
	margin-left: auto;
	margin-right: auto;	
	background: url(../images/images/ramassages.jpg) 0px 0px no-repeat; 
}

div.carre {
 	position:absolute; 
	top:-1000px;
	left:-1000px;
	/*border:1px solid #005599;*/ 
	height:10px;
	width:10px;
	/*background: orange;*/	 
}  

 


div.carre-petit {	
	position:absolute; 
	border:1px solid #005599; 
	height:6px;	  
	line-height:0;
	width:6px;	 
	padding:0;
	margin:0;
	background-color: orange;
}  



img.carte {
 	width: 200px;
	height: 200px;
	display: block; 
	
	border: 0; 
	margin: 5px; 
	padding: 3px;
}	

a.info, a.info:link, a.info:visited {
 	padding: 2px 2px; 
	margin:0;
	text-decoration: none;
}	
a.info:hover {
	background: none; /* correction d'un bug IE */
}   
a.info span  { 		   
 	display: none; 
}  
a.info:hover span{ 
	top:0px;
	left: 0px;
	position: absolute;
  	display: inline;
	color:#000033; 
	border: 1px solid #B5AEA4; 
	margin:5px;
	padding: 5px;  
	line-height: 1.2em;
	background-color: #eeeeff; 
	z-index: 100;
	
}	 
/*
div#menu { 
	width: 190px;
	position: absolute;
	top: 0px;
	left: 20px;
}
 
div#body {	  
	position: relative;
	width: 68%;	
	margin-top: 5px;
	padding-left: 225px;
}		*/

table#page {
 	width: 96%;	
	min-width: 740px;	 
	margin:0 auto;
} 

table#page td#body{
 	padding: 5px;  
	vertical-align:top;
}  
table#page th#menu{
 	vertical-align: top;	
	width:200px;
}  	

.gauche {
 	margin: 7px;  
	margin-top: 0 !important;
	float: left;
}
.droite {
 	margin: 7px;
	float: right;
	margin-top: 0 !important;
} 

li a {
 	text-decoration: none !important;
}
   
table.calendrier {
 	border: 1px solid black;
	width: 85%;
	margin:auto;
}	

table.calendrier td,table.calendrier th {
 	padding:4px;
	border: 1px solid black;   
	margin:0;
}