 body {
	margin: 0px;
	padding: 0px;

	background-color:#6E0100;
	background-repeat: repeat-x ;
	background-image:   url(img/fd.jpg);
	color : #FFFFFF;
}

#page {


	padding : 0px ;
	margin : none ;
	width : 800px ;
}


tr, p, div {

	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 14px;
	padding : 2px;
	padding-left : 2px ;
	margin-top : 0px;
	margin-bottom : 0px;

}


hr {
	border : 1px solid #FFFFFF ;
	background-image:   url(img/noir33.png);
	height : 8px ;
	width : 98% ;
	display : float ;
	clear : both ;
	margin : 8px ;

}


a:link, a:visited {
	color : #ECE565 ;
	text-decoration: none;

}

a:hover {
	color: #6E0100;
	text-decoration: none;
	background-color : #FFFFFF;
	display : float ;

}

a .on {
	color: #6E0100;
	text-decoration: none;
	background-color : #FFFFFF;
	display : float ;

}


.spip_puce {list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {margin-left : 16px ;}


/*elements du site*/


.spip, #texte, #date, #auteurs, #titre, #soustitre{
	margin: 0px;
	padding: 0px;
	letter-spacing : 0pt ;
	word-spacing : 2px ;
	margin-top : 8px;
	margin-bottom : 8px;
	color : #FFFFFF ;
white-space: normal;
}


#block_txt {
	background-color:#6E0100;
	background-image:   url(img/garou.jpg);
	background-repeat: repeat-x ;
	background-position: center center;
	background-attachment:fixed ;
	vertical-align : top ;
	color : #FFFFFF ;
	align : center ;
	padding : 0px ;
	height : 600px ;
}

#desc_site {
	padding : 0px ;
	margin : 6px ;
	display : table ;
width : 560px ;
align : right ;
	vertical-align : absolute-middle ;

}


#logo_site{
float :left ;

	vertical-align : absolute-middle ;
}


#text_site{
	font-size : 16px ;
	font-weight : bold ;
	color : #ECE565 ;
	text-align : center ;

	vertical-align : absolute-middle ;

	border : 1px solid #ECE565 ;
}


#cadre_rub {
	
	background-image:   url(img/noir33.png);
	padding : 4px ;
	margin : 8px ;
	min-height : 40px ;
	width : 200px;
	display : float ;
	float : left ;
	clear : both ;
}


#rub {

	display : float  ;
	margin : 2px ;

}


#rub a:link, #rub a:visited {

	color :#6E0100 ;
	font-size : 12px;
	font-weight : bold ;
	background-color:#ECE565;
	padding : 4px ;
	display : block ;

}


#rub a:hover {
	color: #6E0100;
	background-color : #FFFFFF;


}


#rub a.on {
	background : none ;
	background-image:   url(img/noir33.png);
	border : 1px solid #ECE565 ;
	color : #ECE565 ;

}

#sousrub {

	display : float  ;
	align : right ;
	margin : 2px ;
	margin-left : 10px ;

}


#sousrub a:link, #sousrub a:visited {

	color :#6E0100 ;
	font-size : 11px;
	font-weight : bold;
	background-color:#ECE565;
	padding : 4px ;
	display : block ;

}


#sousrub a:hover {
	color: #6E0100;
	background-color : #FFFFFF;

}


#sousrub a.on {
	background : none ;
	background-image:   url(img/noir33.png);
	border : 1px solid #ECE565 ;
	color : #ECE565 ;
	
}



#cadre_rub2 {
	
	vertical-align : top ;
	display : float ;


}

#titre_rub {

	background-image:   url(img/noir33.png);
	font-size : 18px ;
	font-weight : bold ;
	color : #ECE565 ;
	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;
	margin-top : 10px ;
	vertical-align : absolute-middle ;
	line-height : 50px ;
}


#txt_rub {


	font-size : 12px ;
	display : table ;
	width : 550px;
	color : #FFFFFF ;
	padding : 4px ;
	margin : 6px ;
	margin-top : 8px ;
	margin-bottom : 8px ;
	text-align : justify ;
	line-height : 16px ;
	vertical-align : absolute-middle ;

}


#cadre_art {
	
	vertical-align : top ;

margin : 0px ;
padding : 6px;




}

#art {


	color : #FFFFFF ;
	display : float  ;
	align : right ;
	margin : 2px ;
	margin-left : 10px ;

}


#art a:link, #art a:visited {

	padding-left : 4px ;
	color : #FFFFFF ;
	font-size : 11px;
	font-weight : bold;
	display : block ;
	border : 1px solid #FFFFFF ;
	line-height :20px ;

}


#art a:hover {
	color: #FFFFFF;
	background-color : #6E0100;

}


#art a.on {
	background : none ;
	background-image:   url(img/noir33.png);
	border : 1px solid #ECE565 ;
	color : #ECE565 ;
}






#cadre_h {
	display : inline ;
	white-space : nowrap ;
	font-weight : bold;
	font-size : 11px;
	color : #FFFFFF ;
	line-height : 22px ;
	align : right ;
	font-style : italic ;
	padding : 2px ;
	margin : 6px ;
	background : none ;
	background-image:   url(img/noir33.png);
	border : 1px solid #ECE565 ;
	color : #ECE565 ;
}


#cadre_h a:link, #cadre_h a:visited {


	color : #FFFFFF ;
	font-style : normal ;

}


#cadre_h a:hover {
	color: #FFFFFF;
	background-color : #6E0100;
	line-height : 22px ;

}


#cadre_h a.on {
	background : none ;
	background-image:   url(img/noir33.png);
	border : 1px solid #ECE565 ;
	color : #ECE565 ;
	
}


#cadre_p {
	display : table ;
	font-size : 11px;
	color : #FFFFFF ;
	border : 1px solid #FFFFFF ;
	align : right ;
	padding : 4px ;
	margin : 4px ;
	margin-left : 8px ;
	background-image:   url(img/noir33.png);

}

#cadre_s {

	font-weight : bold;
	font-size : 11px;
	color : #FFFFFF ;
	line-height : 12px ;
float : right ;
	font-style : italic ;
	padding : 2px ;
	margin-right : 6px ;
	background : none ;
	background-image:   url(img/noir33.png);
	border : 1px solid #ECE565 ;
	color : #ECE565 ;
}
#cadre_s a:link, #cadre_s a:visited {

	padding : 2px ;
	color : #FFFFFF ;
	font-style : normal ;



}


#cadre_s a:hover {
	color: #FFFFFF;
	background-color : #6E0100;

}



#titre_art {

	background-image:   url(img/noir33.png);
	font-size : 18px ;
	font-weight : bold ;
	color : #ECE565 ;
	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;
	margin-top : 10px ;

}


#soustitre_art {

	background-image:   url(img/noir33.png);
	font-size : 16px ;
	font-weight : bold ;
	color : #ECE565 ;
	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;

}


#date_art {

	background-image:   url(img/noir33.png);
	font-size : 14px ;
	color : #ECE565 ;
	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;
	font-style : italic ;
	text-align : right ;

}


#desc_art {

	background-image:   url(img/noir33.png);
	font-size : 12px ;
	font-weight : bold ;
	color : #ECE565 ;
	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;

}


#txt_art {

	text-align : justify ;
	background-image:   url(img/noir33.png);
	font-size : 12px ;
	color : #ECE565 ;
	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;

	
}


#ps_art {

	background-image:   url(img/noir33.png);
	font-size : 18px ;
	font-weight : bold ;
	color : #ECE565 ;
	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;

}

#doc_art {

	width : 550px;
	padding : 6px ;
	margin : 6px ;
	display: table ; 

}

#pop_art {

	background-image:   url(img/noir33.png);
	font-size : 10px ;
	font-weight : bold ;
	color : #ECE565 ;
	padding : 2px ;
	margin : 6px ;
	display : inline ;
	border : 1px solid #FFFFFF ;
float : right ;

}

#auteurs_art {

}

#auteurs_art a:link, #auteurs_art a:visited {

	text-align : right ;
	background-image:   url(img/noir33.png);
	font-size : 12px ;
	font-weight : bold ;
	color : #ECE565 ;

	padding : 6px ;
	margin : 6px ;
	display : table ;
	width : 550px;
	border : 1px solid #FFFFFF ;
	line-height : 24px ;

float : right ;
} 


#auteurs_art a:hover {

	color: #FFFFFF;
	background-color : #000000;
	background-image:  none;
	
}

h2 {

	border : 1px solid #FFFFFF ;
	background-image:   url(img/noir33.png);
	font-size : 20px ;
	font-weight : bold ;
	text-align : center ;
	line-height : 40px ;

	display : float ;


}

h3 {

	border : 1px solid #FFFFFF ;
	background-image:   url(img/noir33.png);
	font-size : 14px ;
	font-weight : bold ;
	text-align : center ;
	line-height : 20px ;
	display : float ;


}

/*ANX*/

#anx{
	vertical-align : top ;
	display : float ;
	margin : 8px; 


}

#cadre_anx{

	margin : 4px; 
	border : 1px solid #FFFFFF ;
	background-image:   url(img/noir33.png);
	width : 270px;
	display : float ;
	float : left ;
	vertical-align : top ;
}

#titre_anx{
	padding : 0px ;
	background-image:   url(img/noir33.png);
	font-size : 16px ;
	font-weight : bold ;
	color : #ECE565 ;
	margin : 4px ;
	display : block ;
	border : 1px solid #FFFFFF ;

}


#titre_anx a:link, #titre_anx a:visited {

	color : #FFFFFF ;
	font-weight : bold;
	width : 100%;
	display : block ;
}


#titre_anx a:hover {
	color: #6E0100;
	background-image:  none;
	background-color : #ECE565;
	border : 0px ;
	display : block ;
}


/*BREVES*/


#cadre_breves{

	border : 1px solid #ECE565; 
	margin-bottom : 4px;
	display : table ;
	vertical-align : absolute-middle ;
}

#logo_breves{

float :left ;
	vertical-align : absolute-middle ;
}

#titre_breves{

	border : 1px solid #ECE565; 
	color: #ECE565;
	font-weight : bold ;
	font-size : 14px;
	margin : 4px ;
	text-align : left ;
line-height : 18px ;
white-space: normal;

}


#txt_breves{
	font-size : 10px;
	text-align : left ;
	white-space: normal;
}

/*PIED*/

#pied {
	
	background-color : #000000;
	color : #FFFFFF ;
	height : 80px ;
	width : 800px;
	height : 20px ;
	text-align : center
}


/*CONTACT*/

#cadre_contact {
	
	margin : 2px ;
	border : 1px solid #ECE565; 
	margin-bottom : 4px;
	display : block ;
	vertical-align : absolute-middle ;

}


#txt_contact {

	border : 1px solid #FFFFFF ;
	font-size : 2px ;
	color : #FFFFFF ;
	padding : 2px ;
	text-align : center ;

}


#soustitre_contact {

	border : 1px solid #FFFFFF ;
	background-color : #3F0E0E;
	font-size : 13px ;
	font-weight : bold ;
	color : #FFAA04 ;
	text-align : center ;
	margin-bottom : 8px;
	margin-top : 8px;
	
}


#titre_contact {

	border : 1px solid #FFFFFF ;
	background-color : #3F0E0E;
	font-size : 14px ;
	font-weight : bold ;
	color : #FFFFFF ;
	text-align : center ;

}

#auteurs_contact,#auteurs_contact a:link,#auteurs_contact a:visited{

	margin : auto ;
	padding : 4px ;
	margin-top : 4px ;
	color :#FFFFFF ;
	font-size : 15px;
	font-weight : bold ;
	height : 100% ;
	width : auto ;
	border : 1px solid #AE5721 ;
	background-color:#000000;

	text-align : center ;
}

#auteurs_contact a:hover {
	color: #FF2D00;
	background-color : #FFAA04;


}


/*CALENDRIER*/


#block_cal {


	vertical-align : top ;
	border : 1px solid #FFFFFF ;
	background-color:#000000;
	color : #DDDDDD ;
	align : center ;
	padding : 0px ;
	margin : 8px;
	margin-bottom : 20px;
	margin-top : 20px;
}

#cal_mois {

	border : 1px solid #FFFFFF ;
	background-color : #3F0E0E;
	font-size : 16px ;
	font-weight : bold ;
	color : #950000 ;
	padding : 8px ;
	margin : 8px ;

}

#esp_cal{
	margin : 8px ;
}

#titre_cal {

	border : 1px solid #FFFFFF ;
	background-color : #3F0E0E;
	font-size : 14px ;
	font-weight : bold ;
	color : #FFFFFF ;
	padding : 2px ;
	padding-left : 8px ;
	margin : 8px ;

}


#soustitre_cal {

	border : 1px solid #FFFFFF ;
	background-color : #3F0E0E;
	font-size : 12px ;
	font-weight : bold ;
	color : #950000 ;
	padding : 2px ;
	padding-left : 8px ;
	margin : 8px ;

}


#date_cal {


	border : 1px solid #FFFFFF ;
	background-color : #000000;
	font-size : 16px ;
	font-style : italic ;
	color : #FFFFFF ;
	padding : 2px ;
	padding-left : 8px ;
	margin : 8px;
	text-align : left ;

}


#desc_cal {

	background-color: #000000 ;
	border : 1px solid #FFFFFF ;
	font-size : 12px ;
	font-style : italic ;
	color : #FFFFFF ;
	padding : 8px ;
	margin : 8px  ;
	text-align : left ;

}


#txt_cal{

	border : 1px solid #FFFFFF ;
	padding : 0px ;

	margin : 8px;
}

#txt_cal2{
	color : #FFFFFF ;
	font-size : 12px ;
	text-align : justify ;
	padding : 8px ;
	margin : 4px;
}


/*IMAGES*/

img, img.spip_logos {
	
	border : 0px solid #FFFFFF ;
	vertical-align : middle ;
	display : inline-table ;

}

spip_logos {
	display : table ;
	vertical-align: absolute-middle;
text-align : center ;
align : center ;
float : center ;

max-width : 80px;
max-height : 80px ;

	border : 1px solid #4C2407;
	
padding-bottom : 5px;
clear: both;  margin: auto;
}


.spip_logos_center { clear: both;  margin: 8px; }
span.spip_logos_center { display: table; margin:auto; margin-bottom : 8px ;}
.spip_logos_left { float: left; margin: 8px;}
.spip_logos_right { float: right; margin: 8px; }



.spip_documents, .spip_images {

	background-position: center center;
	background-repeat: repeat ;
	padding : 4px;
	border : 1px solid #FFFFFF ;
width:auto;
	text-align : center ;
	margin: 8px;
	display : table ;
	background-image:   url(img/noir33.png);

} 


#doc_select_art {

	max-width:500px;
	align : center ;
	clear: both;
	display: table; 
	margin : auto ;
	margin-top : 8px ;
}





.spip_documents_center { clear: both; margin : 8px;}

span.spip_documents_center { display : table ; margin : auto ; margin-bottom : 8px ;}
.spip_documents_left { float: left; margin : 8px ;}
.spip_documents_right { float: right; margin : 8px ;}



.spip_images_center { clear: both; margin: 8px; }


span.spip_images_center { display: table ; margin : auto ;  margin-bottom : 8px ;}
.spip_images_left { float: left; margin : 8px ; }
.spip_images_right { float: right; margin : 8px ; }




.spip_doc_descriptif, .spip_img_descriptif {
	
	color:#FFFFFF;
	border : 0px solid #FFFFFF ;
	font-size : 14px ;
	text-align : center ;
	padding : 0px ;
	margin : auto;
clear : both ;
	margin-top : 4px;
	width : auto ;

display : table ;
	

} 






div #icondoc{
line-height : 60px ;
	padding : 0px ;
	margin : 2px ;
	float : left ;
	height : 60px;
	width : 60px;
	text-align : center ;
	vertical-align : absolute-middle ;
	display : table ;
	background-image:   url(img/noir33.png);
	border : 1px solid #FFFFFF ;

}

#icondoc a:link, #icondoc a:visited{


	vertical-align : absolute-middle ;
	height : 60px;
	width : 60px;

	display : table ;
}


#icondoc a:hover{
	vertical-align : absolute-middle ;
	background-image:  none;
	background-color : #FFFFFF;
	display : table ;
}

.spip_doc_titre, .spip_img_titre{

	font-size : 12px ;
	text-align : center ;
} 

.spip_doc_descriptif, .spip_img_descriptif{

	font-size : 11px ;
	text-align : center ;
} 



/* FORMULAIRE EMAIL*/


p.forml{

	float : right ;
	display : float ;
	padding : 2px ;
	margin : 8px ;
	width : 500px ;
	
}


.forml{

	width : 350px ;
	vertical-align : top ;
}

label{
	font-size : 12px ;
	font-weight : bold ;


}

#recherche{

	width : 320px ;
	line-height : 50px ;

}

#recherche .label {
	display : none ;
}

#cartoucheR {

	border : 1px solid #FFFFFF ;
	background-color : #3F0E0E;
	color : #FFFFFF ;
	font-size : 14px ;
	font-weight : bold ;
	text-align : left ;
	padding : 8px ;
	margin : 8px;

	display : float ;


}

#txt_mail {

	border : 1px solid #FFFFFF ;
	background-position: top left;
	font-size : 12px ;
	text-align : right ;
	padding : 8px ;
	margin : 8px;
width : 544px ;

display : table ;
	
}

div.formulaire_ecrire_auteur {

	vertical-align : top ;


} 

legend {

	color : #3F0E0E ;
	font-size : 12px;
	font-weight : bold ;
	background-color : #FFFFFF ;
	padding : 4px ;
	display : block ;
	border : 1px solid #FFFFFF ;


}

/* zic sommaire*/

#cadre_zic {

margin : 0px ;
padding : 6px;

display : table ;
float : right ;

}
