/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* CSS Document */

#HEADER {
	position : absolute;
	width : 95%;
	font-size : 40px;
	height : 50px;
	text-align : right;
	background-image :  url(NAVPICS/logo_principal.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-repeat : no-repeat;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bolder;
	font-variant : small-caps;
	vertical-align : middle;
	padding: 8px;
	left: 32px;
	top: 366px;
} 
#MENU {
	position : absolute;
	left : 703px;
	top : 573px;
	width : 200px;
	margin : 1px;
	border-right-width : 1px;
	border-right-style : dashed;
	border-top-color : #666666;
	border-right-color : #666666;
	border-bottom-color : #666666;
	border-left-color : #666666;
	padding: 10px;
	display: block;

} 
#MAIN {
	position : absolute;
	left : 195px;
	top : 770px;
	margin : 1px;
	padding : 10px;
	width: 72%;

} 

.taille_site {	width: 1000; }

fieldset { padding: 20; }

textarea { padding: 10; }

.spip_logos { border: 0; }
.spip_documents img { border: 0; }
.spip_barre a img { border: 0px; } 
.spip_doc_titre { font-weight: bolder; color:#820023; text-align:center;  font-size: 0.8em; }
.spip_documents_right { text-align:center; }

.formrecherche { 
    width: 100% ; 
    background-color: #820023;
	color: #FFFFFF;
}
.box {
	width : 200px;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-bottom-style : dashed;
	border-left-style : dashed;
	border-top-color : #cccccc;
	border-right-color : #cccccc;
	border-bottom-color : #cccccc;
	border-left-color : #cccccc;
	margin : 1px;
	padding : 2px;
	float: right;
} 

ul {
	margin-left: -5px; 
	padding-left: 20px;
}

li {
	margin-left:1em ;
	margin-top:5px;
}

a.contenu:hover {
	background-color : #cccccc; 
	color : #820023; 
} 

.album {
	width: 100%;
}

.contenu {
	font-size : 14px; 
	font-weight : normal; 
	color : #820023; 
	padding: 0;
} 

.contenu a {
	font-family : Arial, Helvetica, sans-serif; 
	color : #820023; 
	text-decoration : none;
	font-weight:bold;
} 

legend {
	font-family : Arial, Helvetica, sans-serif; 
	color : #382A75; 
	text-decoration : none;
	font-weight: bold;
	font-size:16px;
} 

.agenda a {
	font-family : Arial, Helvetica, sans-serif; 
	color : #382A75; 
	text-decoration : none;
	font-weight : bolder;
} 

a.menu {
	font-family : Arial, Helvetica, sans-serif; 
	color : #820023; 
	font-size : 18px; 
	text-decoration : none; 
	font-weight : normal;
} 


a.menuon  {
	font-family : Arial, Helvetica, sans-serif;
	color : #382A75;
	font-size : 20px;
	text-decoration : none;
	font-weight : bolder;
} 


body {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
} 


.cellule_main {
    padding : 10px;
}
.cellule_gauche {
    padding : 10px;
	border-right: double;
	border-color: #382A75;
}

.cellule_droite {
    padding : 10px;
	border-left: double;
	border-color: #382A75;
}

.cellule_autres {
    padding : 10px;
}

.lien_sommaire a {
	font-size : 14px; 
	color : #820023; 
	padding: 0;
	font-weight : bold;
	text-decoration : none;
} 

.lien_site a {
	font-size : 14px; 
	color : #FFFFFF; 
	padding: 0;
	font-weight : bold;
	text-decoration : none;
} 

p.spip strong {
	font-weight : 900; 
	color : #820023; 
}

.titre_news {
	color: #820023;
	font-size : 24px; 
	font-weight : bold;
}

.titre_spectacle {
	color: #820023;
	font-size : 20px; 
	font-weight : bold;
	font-style: italic;
}

.slogan {
	color: #382A75;
	font-size : 22px; 
	font-weight: bolder;
}

h2 {
	color: #820023;
	font-size : 16px; 
}

h3 {
	color: #820023;
	font-size : 16px; 
}

tr {
font-size : 14px; 
font-weight : normal; 
color : #820023; 
padding: 0;
} 

tr.highlight {
font-size : 12px; 
font-weight : bold; 
background-color: #820023;
color : #FFFFFF;
padding: 0;
} 

table.spip tr.row_odd {
	background-color: #820023;
	color: #FFFFFF;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

.titre {
font-family : Arial, Helvetica, sans-serif; 
font-size : 24px; 
font-weight : bold; 
color : #820023; 
} 

.intro {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #006666; 
text-align : center; 
} 

.copyright {
font-size : 11px; 
width : 100%; 
text-align : center; 
color : #820023; 
} 
.copyright a:link {font-weight : bolder;color : #820023; font-weight : bold; }
.copyright a:hover {font-weight : bolder;color : #820023;}
.copyright a:visited {font-weight : bolder;color : #820023;}

.texterub {
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-right-style : none; 
border-bottom-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
float : right; 
width : 200px; 
margin : 1px; 
padding : 10px; 
clear : left; 
border-left-style : dashed; 
} 
.surtitre {
font-size : 10px; 
color : #820023; 
} 
.soustitre {
font-size : 11px; 
color : #820023; 
} 
.chapo {
font-size : 11px; 
text-align : center; 
} 
.ps {
font-size : 10px; 
} 
.date {
font-size : 12px; 
color : #006666; 
float : right; 
width : 200px; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
font-weight : bold; 
margin : 2px; 
padding : 5px; 
} 
.lesauteurs {
font-size : 12px; 
color : #820023; 
text-align : left; 
clear : left; 
float : right; 
width : 250px; 
} 
.grasorange {
font-size : 12px; 
font-weight : bold; 
color : #000066; 
} 
.notes {
font-family : Arial, Helvetica, sans-serif; 
text-align : left; 
font-size : 80%; 
} 
.inscription {
	float : right;
	width : 35%;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-bottom-style : dashed;
	border-left-style : dashed;
	border-top-color : #cccccc;
	border-right-color : #cccccc;
	border-bottom-color : #cccccc;
	border-left-color : #cccccc;
	margin : 1px;
	padding : 10px;
	display: block;

} 
.colonnage {
	width : 175px;
	margin : 1px;
	padding : 10px;
	text-align : center;
	vertical-align : middle;
	border : 1px solid #cccccc;
	display: block;
	height: 125px;
} 
.textebreves {
text-align : center; 
vertical-align : middle; 
margin : 5px; 
padding : 10px; 
width : 300px; 
clear : both; 
} 
.forumformulaire {
width : 50%; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
} 
.boxvisite {
float : right; 
width : 75%; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
clear : left; 
} 

.boxpopulaire {
float : right; 
width : 200px; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
} 
.grasbeige {
font-size : 12px; 
font-weight : bold; 
color : #820023; 
}
.hiddenform {
	display: none;
}




/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 20px;
	border-top: 2px solid #CCC;
	font-size: 16px;
	color : #382A75; 
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; list-style: none; margin-left:0;}
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding:10; color: #333; font-size: 1em; color : #382A75;}
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

ul .forum-message { border: 2px solid #382A75; margin: 0; padding: 0; margin-bottom: 1em; list-style: none;}
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 10; font-size: 1.2em; font-weight: bold; color : #820023; background-color:#CCCCCC;}
