html {

	overflow: auto;
}

body {
	 background-color: #7A7A7A;
	 color: #704003;
	 font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 1em; 
	 height: 100%;
	 margin: 0;
	 overflow: auto;
	 padding: 0;
}

a {
	border-bottom:0px dotted #FFE600;	
	color: #704003;
	text-decoration: none;
}

a:visited {
	 color: #704003;
	 font-style: italic;
}

a:hover {
	color: #2B1601;	
}

a img {border:0px solid #353535;}
div {border:0px solid #000000;}
img {border:0px;}
li { list-style-type: none;}
p {margin: 0 0 0 5px; width:342px;}
ul{border:0px solid #000000;margin:0;padding:0;}

.site {
	font-family: verdana;
	left: 50%;
	margin-left: -350px;  /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top: -340px;  /* Cette valeur doit être la moitié négative de la valeur du height*/
	position: absolute;
	text-align: center;
	top: 50%;
	width: 658px;
}

.accueil ul{
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}

.accueil li {float: left;}

/* Entête du site */
.entete {
	border: solid 0px #000000;
	background: url("../img/d173_2010_entete.jpg") 0 0 no-repeat;
	height:216px;
	position:relative;  
	width:658px;
}

/* Partie gauche du site */
.gauche {
	background: url("../img/d173_2010_gauche.jpg") 0 0 no-repeat;
	height:442px;
	left:0px;
	position:absolute;
	top:216px; 
	width:28px;
}

/* Partie contenant le texte */
.conteneur { 
	background: url("../img/d173_2010_contenu.jpg") 0 0;
	height:442px;
	left:28px;
	overflow: auto;
	position:absolute; 
	text-align:center;
	top:216px;
	width: 481px; 
}

/* Menu du site */
.menu li {
	background: url("../img/d173_2010_menu.jpg") 0 0 no-repeat;
	border:0px solid #FFFFFF;
	display: block;
	height: 21px;
	left :509px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 149px;
}

.menu a {width: 149px; height: 21px; display: block;}

.menu #home {top: 216px;background-position: 0 0px;}
.menu #asso {top: 237px;background-position: 0 -21px;}
.menu #news {top: 258px;background-position: 0 -42px;}
.menu #phot {top: 279px;background-position: 0 -62px;}
.menu #vide {top: 300px;background-position: 0 -84px;}
.menu #foru {top: 321px;background-position: 0 -105px;}
.menu #lett {top: 342px;background-position: 0 -126px;}
.menu #admi {top: 363px;background-position: 0 -147px;}


/* Partie droite du site */
.droite {
	background: url("../img/d173_2010_droite.jpg") 0 0 no-repeat;
	height:274px;
	left:509px;
	position:absolute;
	top:384px;
	width:149px;
}

/* Pied de page du site */
.pied {
	background: url("../img/d173_2010_pied.jpg") 0 0 no-repeat;
	height:28px;
	left:0px;
	position:absolute;
	top: 658px;
	width:658px;
}

.texte {
	color:#2B1601;
	font-family:verdana;
	font-size:10pt;
	margin: 0 0 0 5px;  
	text-align: left;
	width: 337px;
}

.titre {
	color: #2B1601;
	font-family:Helvetica;
	font-size:14pt;
	font-variant:small-caps;
	margin: 0 0 0 5px; 
	text-align: Center;
}

.soustitre {
	color: #2B1601;
	font-family:verdana, Helvetica, sans-serif;
	font-size:11pt;
	margin: 0 0 0 5px; 
	text-align: Center;
}

.lien:hover {
	border-bottom:1px dotted #EFD800;
	color: #2B1601;	
	margin:0; 
	padding:0; 
	text-align: left; 
}

.infos { 
	color:#2B1601;	
	font-family:verdana;
	font-size:10pt;
	height: 290px;
	margin:10px; 
	overflow: auto;
	text-align: left;	
}

#saisir {
	border:0px dotted #FFE600;
	border-bottom:0px;
	font-family:verdana;
	font-size:9pt;
	text-align: left;
}

#saisir label {
	color:#2B1601;
	font-family:verdana;
	font-size:9pt;
	margin-top:0.2em;
	position:absolute;
	text-align: left;
	left:10px;
	width: 60px;
}

#saisir input,#saisir textarea {
	background-color: #F0C141;		
	border:1px dotted #2B1601;
	color:#2B1601;
	font-family:verdana;
	font-size:9pt;
	margin-left:65px;
	text-align: left;	
}

#choisir {
	border:0px dotted #704003;
	color:#2B1601;	
	font-family:verdana;
	font-size:9pt;
	text-align: center;
}

#choisir input {
	background-color: #F0C141;	
	border:1px dotted #2B1601;
	color:#2B1601;	
	font-family:verdana;
	font-size:9pt;
	text-align: left;
}

#valider {
	border:0px dotted #704003;
	border-top:0px;
	font-family:verdana;
	font-size:9pt;
	text-align: center;
}

#valider input {
	background-color: #B27F4D;	
	border:1px solid #704003;
	font-family:verdana;
	font-size:8pt;
	text-align: center;
}

#chat {
	border:0;
	color:#2B1601;	
	font-family:verdana;
	font-size:9pt;
	text-align: left;
}

#chat input {
	background-color: #B27F4D;	
	border:1px dotted #2B1601;
	color:#2B1601;	
	font-family:verdana;
	font-size:9pt;
	text-align: left;
}

.fond_photo {
	background-color: #505051;
	color: #D0D0D0;
	font-family: verdana;
	font-size: 0.8em;
	height: 100%; 
	overflow: none;
	width:100%;
}

.retour {margin: 10px 0 0 10px;}
.lien_photo li {
	display: block;
	left:0;
	list-style-type: none;
	margin:0;
	margin-top: 3px;
	top: 0;
}

.lien_photo a {
	background: url("../img/d173_btn_puce_off.jpg");
	background-repeat: no-repeat;	
	color: #704003;		
	display: block;
	font-family: Verdana;
	font-size: 8pt;
	height:20px; 
	left:0px;
	margin:0; 
	padding:0;
	position:relative;
	text-align: left;
	text-indent: 20px; 
}

.lien_photo a:hover {
	background-image: url("../img/d173_btn_puce_on.jpg"); background-repeat: no-repeat;		
	color: #2B1601;	
	display: block;
	font-family: Verdana;
	font-size: 8pt;
	height:20px;  
	left:0px;
	margin:0; 
	padding:0;
	position:relative;
	text-align: left;
	text-indent: 20px;  
}

.titre_photo {
 border-bottom:1px solid #D0D0D0;
 font-family:verdana;
 font-size:1em;
 font-weight: bold;
 left:40px;
 position:absolute; 
 text-align:center;
 top:10px;
}

.texte_photo {
 font-family: verdana;
 font-size: 8pt; 
 left:40px;
 position:absolute;
 text-align:left;
 top:30px;
}

.courriel {
	background: url("../img/d173_motif_newsletter.jpg") 0 0;
	 color: #704003;
	 font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 0.8em; 
	 height: 100%;
	 margin: 0;
	 overflow: auto;
	 padding: 0;
}

.lienargonay {
	background: url("../img/lien_ARGONAY.jpg") 0 0 no-repeat;
	height:55px;
	left:509px;
	position:absolute;
	top:384px;
	width:148px;
}

.lienffrs {
	background: url("../img/lien_FFRS.jpg") 0 0 no-repeat;
	height:70px;
	left:509px;
	position:absolute;
	top:430px;
	width:148px;
}

.liencnd {
	background: url("../img/lien_CND.jpg") 0 0 no-repeat;
	height:46px;
	left:509px;
	position:absolute;
	top:500px;
	width:148px;
}

.lienigsa {
	background: url("../img/lien_IGSA.jpg") 0 0 no-repeat;
	height:55px;
	left:509px;
	position:absolute;
	top:546px;
	width:148px;
}

.lieniida {
	background: url("../img/lien_IIDA.jpg") 0 0 no-repeat;
	height:39px;
	left:509px;
	position:absolute;
	top:583px;
	width:148px;
}

.lienthegraveyardcall {
	background: url("../img/lien_THEGRAVEYARDCALL.jpg") 0 0 no-repeat;
	height:36px;
	left:509px;
	position:absolute;
	top:622px;
	width:148px;
}


.chatcadre{
	left:0px;
	position:absolute;
	top:0px; 
}

.chatcadreconnectes {
	left:300px;
	position:absolute;
	top:0px; 
}
.chatcadre {
	background-color: #B27F4D;
}