body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img,table,td,tr,input {
	margin: 0;
	padding: 0;
	border:0;
}

body {
font-family: Trebuchet, verdana, arial,sans-serif;
margin: 15px auto;
width: 100%;
color: #FBF3E3;
text-align:center;
}

.clear{
visibility:hidden;
clear:both;
}


h6{
font-size:2em;
margin:0 0 50px 0;
}
h3.spip{
font-size:1.3em;
color:#FFA800;
margin-top:25px;
}
table.spip{
background-color:white;
width:100%;
padding:0 5px;
border:1px solid black;
border-collapse:collapse;
}

table.spip tr, table.spip td{
color:black;
border:1px solid black;
padding:0 5px;
}

.article{
background-image:url(images/fond.jpg);
}
.article h2{
text-transform:uppercase;
margin:0 50px 35px 280px;
}
.article img, .article p img{
display:block;
float:left;
margin-right:25px;
}


/****************************
* PAGE PROGRAMMATION
****************************/
#programmation h2{
	text-transform: uppercase;
}

#programmation h3{
	margin-top: 25px;
	color:#FFA800;
	}
#programmation h4{
	text-transform: uppercase;
	padding-top: 20px;
	}
		
	
#programmation td{
	padding: 10px;
}

.horaires,.technique,.comment{ 
text-align:left;
font-weight:bold;
margin: 15px 0;
}
#page .comment{
color:FFFFFF;

}

.horaires{ 
color:#FFA800;
border-bottom: 2px dashed #FFA800;
}
.technique{ 
color:white;
}

div.newsletter{
display: none;
}



/****************************
* PAGE PLANNINGS
****************************/
#planning{ 
font-size:1em;
font-weight:normal;
color:white;
}
#planning table{
width:650px;
border-top:1px solid yellow;
}
#planning table td{
padding:1px;
}




/****************************
*LES LIENS
****************************/

a, a:visited{
color:#A083BB;/* violet */
text-decoration:none;
border-bottom: 1px dashed #A083BB;
}
#haut a{
border-bottom:none;
}

#menu a,#menu a:visited{
text-decoration:none;
text-transform:uppercase;
color:#726F6F;
font-weight:1.2em;
}
#menu a:hover{
text-decoration:underline;
color:#FFA800;
}
#private a{
display:block;
width:40px;
height:44px;
float:left;
background-image:url(images/private_off.jpg);
background-repeat:no-repeat;
}
#private a:hover{
background-image:url(images/private_on.jpg);
background-repeat:no-repeat;
}

#print a{
display:block;
width:46px;
height:48px;
background-image:url(images/print_off.jpg);
background-repeat:no-repeat;
}
#print a:hover{
background-image:url(images/print_on.jpg);
background-repeat:no-repeat;
}

#contact a{
display:block;
width:46px;
height:48px;
background-image:url(images/contact_off.jpg);
background-repeat:no-repeat;
}
#contact a:hover{
background-image:url(images/contact_on.jpg);
background-repeat:no-repeat;
}

.forum-repondre a, .forum-repondre a:visited{
border:0;
color:#549EFA;
text-decoration:none;
}
.forum-repondre a:hover{
text-decoration:underline;
}


/****************************
*LES DIVs
****************************/
#content{
width: 19cm;
margin:0 auto;
}


#haut{
display:none
}
#haut span{
display:none;
}


#menu{
display:none;
}
#tools{
display:none;
}
#tools p{
position:relative;
top:-15px;
}


#page{
background-image:url(images/fond.jpg);
background-repeat:repeat-y;
text-align:justify;
font-size:0.8em;
padding:20px 50px;
}
#haut h1{
text-transform:uppercase;
font-size:3em;
color:#FFA800;
position:relative;
top:285px;
left:25px;
border-top:1px dashed white;
}

#foot{
clear:both;
color:black;
font-size:0.7em;
position:relative;
height:216px;
background-image:url(images/bas.jpg);
background-repeat:no-repeat;
margin-bottom:50px;
}
#foot p{
text-align:center;
position:absolute;
top:220px;
}

/*************************
*   FORUM ARTICLE
**************************/
.forum-repondre{
margin-top:25px;
}

.forum-repondre img{
vertical-align: middle;
}
.spip_barre{
background-color:white;
}

/*************************
*   Les Icones du haut
**************************/

#private{
width:200px;
position:absolute;
top:50px;
left:5px;
float:left;
}
#private p{
clear:left;
position:relative;
left:5px;
top:-10px;
}
#print,#contact{
float:left;
}
#print{
float:left;
width:80px;
}
#contact{
float:left;
width:60px;
}

/*****************************
* FORMULAIRE accs membre
******************************/
#page .form_acces fieldset legend{
color:white;
}
.form_acces{
color:white;
text-align: center; 
width: 400px; 
margin: 0 auto; 
padding: 1em 0;
}