/* CSS Document */ 
* { padding: 0; margin: 0; border: 0; } 
body { background-color:#14a300; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color:#000; }
/* ################ caracteristiques des liens par defaut ################ */ 
a:link {background-color : inherit; color: #FFCC66; text-decoration: none; font-family : Verdana, Arial, Helvetica, sans-serif;} 
a:visited { text-decoration : none; background-color : inherit; color : #FFCC66; font-family : Verdana, Arial, Helvetica, sans-serif;} 
a:hover { text-decoration : none; background-color : inherit; color : #FF9900; font-family : Verdana, Arial, Helvetica, sans-serif; }
a:active { color: #FF9900; text-decoration: none; font-weight: normal; } 

/*################ CADRE FORMULAIRE ###################*/
.cadre_form{  position:absolute; top: 30px; left: 300px; }
/* ######################## CONTENEURS DU SITE ###################### */ 
#document { position:absolute; width: 960px; background-color:#990000; height: 3200px; left: 50%; margin-left: -480px; margin-top: 8px; color:#CCCCCC; } 
#entete { width: 660px; height: 100px; background-color:#990000; color:#CCCCCC; visibility: visible; } 
#menu { left: 0; } 
#corps { padding-top : 30px; margin-top: 150px; margin: 0 200px; background-color: #990000; color:#CCCCCC;} 
/* ######################## MENU BOX ###################### */
#menubox {	position: absolute;	width: 200px;	background-color: #990000;	top: 110px;	height: 15px; left: 610px; visibility: visible; }
#menubox ul { margin : 10px 0 0 0; line-height:12px; list-style: none; font-style : normal; font-family : Verdana, Arial, Helvetica, sans-serif; } 
#menubox li  { display: inline; font-size: 10px; background: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menubox li a:link { color: #fff; }
#menubox li a:visited { color: #fff; }
#menubox li a:hover { text-decoration:underline; color: #fff; }
/* ######################## SOUS MENU ###################### */
.titre_smenu { position:absolute; top: 10px; left: 8px; }


.contact_li  { list-style: square; font-size: 1em; text-align: left; margin: 5px; margin-left: 12px; }
/*################PARAGRAPHES###################*/
h1 { font-size: 20px; font-weight: bold; color: #fff; text-decoration: none; }
h2 { font-size: 14px; font-weight: bold; color: #FF9900; text-decoration: none; line-height: 20px;}
h3 { font-size: 11px; font-weight: bold; line-height: 5px;}
h4  { font-size: 11px; font-weight: bold; text-decoration: underline; line-height: 5px; }
h5 { font-size: 14px; font-weight: bold; color: #000; text-decoration: none; font-style : italic; }

/*################ FORMULAIRE ###################*/
.echored { color: #FF0000; font-weight: bold; }
.echo { color: #FFCC66; font-weight: bold; }
.echomess { color: #FFCC66; font-weight: #fff; }
/*################ TABLEAUX accueil ###################*/
.img_acc {  left: 300px; width: 310px; height:167px; border: none; 
}
/*################ TABLEAUX ###################
    Balises élémentaires
	*   <table> : crée un tableau
    * <caption> : légende du tableau (optionnel)
    * <tr> : ligne du tableau
    * <th> : cellules d'en-tête du tableau
    * <td> : cellules du tableau
	Balises complémentaires

    * <thead> : groupe de cellules d'en-tête
    * <tbody> : groupe de cellules de corps de tableau
    * <tfoot> : groupe de cellules de pied de tableau
*/

#tableau { 
	position: absolute;
	background-color: #14a300;
	top: 15px;
	left: 154px;
	visibility: visible;
	border: 1px solid #FF6633;
	border-collapse: collapse;
	padding: 4px;
	margin: 0px;
	width: 70%;
	line-height: 12px;
	height: auto;
	text-align: left; font-family: sans-serif; font-weight: normal; font-size: 11px;
}
caption {
line-height: 20px; text-align: left;
}
tr { width: 50%; }
th { 
border: 1px solid #CCFF00;
padding: 4px;
background-color: #CCFF00;
}
td {color: #CCCCC; 
border: 1px solid #CCFF00;
padding: 4px;
text-align: left;
}
.photos { border: #990000;}

td photos { border: #990000;}
.lire a:link { color: #FFCC66; align: center; font-size: 11px; }
.lire a:hover { color: #FF9900; text-decoration: none; font-size: 12px; }
.lire a:visited {color: #CC9933; text-decoration: none; font-weight: normal; }
.article { background-color: #14a300; height: 950px; padding-top : 30px; padding-bottom : 30px; }
/*Ce test vérifie l'implémentation de empty-cells .hide { border-collapse : colapse; empty-cells : hide; }*/
.show { border-collapse : colapse; empty-cells : show; }
.hide { border: none; }
/*################ POPUP ###################*/
/*CODE HTML
<a href="#pop1" class="pop">Option </a></div> à l'endroit de l'option
et en fin de document avant </body>
<div id="pop1"> 
  <h1>Option spectacle<font color="#999999"></font></h1>
  <img src="images/chrisroberto1.jpg"> 
  <p>Ce spectacle peut être joué hors du bus sous un arbre, sur la plage ou autres 
    décors naturels. </p>
</div>*/