body	{
background-color: #AAAAAA;
font-family :Times,serif ;
font-size :10pt; 
margin:0;
padding: 0;
text-align: center;
}

table.page	{
width:780px;
height:500px;
padding:0px;
margin: auto;
}
table.squelette	{
width:800px;
padding:0px;
border:0px;
border-spacing:0;
 border-collapse: collapse;
margin: 0 auto;
text-align:left;
}
td.nospace	{
border-spacing:0;
border:0px;
 border-collapse: collapse;
 padding:0px;
}
.ssdom	{
position: relative;
width:85%;

background-color: #eeeebb;
}
.annu	{
float: left;
width: 50%;
margin: 1em 0;
background-color: #ffffcc;
}
.annu1	{
float: left;
width: 50%;
margin: 1em 0;
background-color: #ffffcc;
}
.just	{
text-align:justify;
}
td.couleur	{
background-color: #FFFFF7;
}
td.couleurmenu	{
background-color: #0155AA;
}
td.couleurssmenu	{
background-color: #518bC5;
}
A.menulink
{
float:left;
display: block;
vertical-align: middle;
padding: 5px;
border: 5px;
text-align: left;
text-decoration: none;
font-family: Verdana,arial;
font-size :9pt; 
color: #FFFFFF;
font-weight: bolder;
}

A.menulink:hover
{

background-color:#8ec7ff;
text-decoration: none;
}
A.menulink2
{
float:left;
display: block;
vertical-align: middle;
padding: 5px;
border: 5px;
text-align: left;
text-decoration: none;
font-weight: bolder;
font-family: Verdana,arial;
font-size :9pt; 
color: #FFFFFF;
background-color:#8ec7ff;
}
A.ssmenulink
{
display: block;
float:left;
position: relative;
left:20px;
padding: 5px;
border: 5px;
text-align: left;
text-decoration: none;
font-family: Verdana,arial;
font-size:9px;
color: #FFFFFF;
}

A.ssmenulink:hover
{
background-color:#8ec7ff;
text-decoration: none;
}

.titre {
font-weight: bold;
font-family: Verdana,arial;
font-size:10px;
}

.titrefest {
font-weight: bold;
text-align: center;
font-family: Verdana,arial;
font-size:12px;
padding:3px;
background-color:#ffe0c0;
width:95%;
height:30px;
}

.date {
font-style: italic;
}
A.dateFilm {
text-decoration: none;
font-weight: bolder;
color: brown;
}
.contact {
font-size:10px
}
.titre_assoc {
font-weight: bold;
font-size:12px;
}

.actu {
font-size:0,5em;
}

.titre_page {
font-weight: bold;
font-size:16px;
text-align:center;
}
.titre_rubrik {
font-weight: bold;
font-size:12px;
text-align:center;
}
.erreur {
font-weight: bold;
color:red;
}
.em {
font-weight: bold;
font-size:22px;
}
table.dem {
border-color:#FFFFFF;
}
td.dem {
background:#CCCCFF;
text-align: right;
font-weight: bold;
}
td.dem2 {
background:#EAEAFF;
}
.fich {
border-width:2px;
border-style:dotted;
width:650px;
}
td.bouton {
text-align: center;
font-weight: bold;
font-size:18px;
background:#ffcc99;
border-style:solid;
border-right-color:#ffeebb;
border-top-color:#ffeebb;
border-left-color:#ddaa77;
border-bottom-color:#ddaa77;
}
a.lien {
text-decoration:none;
color:#000000;
}
a.lien:hover {
text-decoration:none;
color:#333333;
}
.bloc	{
display: block;
float:left;
position: relative;
left:400px;
padding: 5px;
border: 5px;
text-align: left;
text-decoration: none;
font-family: Times,serif ;
font-size:10px;
}

div.poeme {
position:absolute; 
border: 2px solid #CCC7C7;

background: #EEE7E7;
padding:5px;
left:50%; 
top:150px; 
width:380px; 
height:400px; 
z-index:6; 
visibility: hidden; 
overflow:auto;
text-align:center;
}
  .cadre {
background: #EEEEE7;
}

.colonne	{
float:left;
overflow:auto;
position:relative; 
border: 1px solid #CCC7C7;
padding:3px;
margin:2px;
width:100%;
height:230px;
font-size:0.9em;
}
.colonne3	{
float:left;
overflow:auto;
position:relative; 
border: 1px solid #CCC7C7;
padding:3px;
margin:2px;
width:100%;
font-size:0.9em;
}
.colonneprincipale {
}

.colonne2 {
float:left;
width:100%;
}
.colonne p	{
text-align:left;
}

.datenews   {
text-align: 'justify';
color: #CC3300; 
font-weight: bold; 
font-size:  11px; 
}

.colonned	{
margin:2px;
padding: 8px;
width:50%;
display: block;
float:left;
position: relative;

}
.colonned2	{
margin:2px;
padding: 4px;
width:35%;
display: block;
position: relative;
float:right;
}
.colonnec	{
margin-left: 155px;
margin-right:170px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 155px;
margin-right:170px;
padding: 8px;

}
.colonnedr	{
margin:2px;
padding: 8px;
width:220px;
right:5px;
float: left;
}
.colonneg	{
margin:5px;
padding: 8px;
left:5px;
width:30%px;
float: left;
}
.colonnect	{
margin:2px;
padding: 5px;
left:5px;
width:230px;
float: left;
font-size:0.8em;
}
.colonneAuto	{
margin:2px;
padding: 8px;
right:5px;
float: left;
}
.ligne{
height:350px;
}

.colonneimg {
margin:2px;
padding: 8px;
background-color:#ffe0a0;
width:210px;
}

.alert {
background-color:#ffe0a0;
width:300px;
padding:3px;
text-align:center;
color:white;
}

a.alert {
color:white;
}

.alert2 {
text-align:left;
border: 1px solid #CCC7C7;
width:300px;
padding:3px;
color:black;
}

.image {
float: left; 
margin: 0 6px 6px 0;
height:120px;
}