body
{
background-image: url('./bg.gif');
font-family: Trebuchet MS, Verdana, Arial, Serif;
font-size: 11px;
color: #000000;
padding: 0;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
}

a
{
text-decoration: none;
color: #2c170c;
}

a:hover
{
color: #e9b56a;
}

img
{
border: none;
}

#site
{
width: 760px;
border: 2px solid #2c170c;
margin: auto;
padding: 0;
background-color: #ffffff;
text-align: justify;
}

#banniere
{
width: 760px;
height: 136px;
margin: 0;
padding: 0;
background-image: url('./banniere.jpg');
}

#menu_top
{
text-align: center;
height: 22px;
background-color: #2c170c;
padding-top: 3px;
z-index:1;
}

#menu_top .element
{
/*float: left;*/
/*display: block;*/
text-align: center;
padding-left: 25px;
padding-right: 25px;
/*padding-top: 2px;*/
height: 25px;
font-size: 12px;
letter-spacing: 120%;
z-index:1;
padding-bottom: 4px;
}

#menu_top .element a, .menu_nolink
{
color: #ffffff;
z-index:1;

}

#menu_top .element a:hover, .menu_nolink:hover
{
color: #e9b56a;
z-index:1;
cursor: pointer;
}

#centre
{
padding: 15px;
}


#footer
{
background-color: #2c170c;
text-align: right;
color: #ffffff;
margin-top: 25px;
}

#titre
{
border-bottom: 1px solid #2c170c;
border-left: 1px solid #2c170c;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 3px;
padding-left: 5px;
font-size: 16px;
color: #2c170c;
/*margin-left: 5px;*/
}

.titre_normal
{
font-size: 11px;
padding-left: 10px;

}

.sous_titre
{
font-weight: bold;
color: #2c170c;
margin-left: 3px;
font-size: 14px;
margin-bottom: 10px;
}


.cleaner
{
clear: both;
}

.chargement
{
height: 300px;
text-align: center;
font-size: 28px;
color: #c0c0c0;
}


/* News */

.activites_jeunesse_element
{
margin-top: 7px;
}

.activites_jeunesse_image
{
filter : alpha(opacity=20);
-moz-opacity : 0.2;
opacity : 0.2; 
}


.activites_jeunesse_image:hover, .activites_jeunesse_image2
{
filter : alpha(opacity=90);
-moz-opacity : 0.9;
opacity : 0.9; 
}

.agenda_element
{
margin-bottom: 20px;
}

.agenda_element_date
{
font-weight: bold;
}

.agenda_element_titre
{
font-weight: bold;
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
font-size: 13px;
}


#bienvenue
{
width: 56%;
float: left;
margin-bottom: 10px;
/*margin-right: 10px;*/
}


#activites_jeunesse
{
margin-left: 59%;
}

.bienvenue_texte
{
width: 100%;
}

.flash_events_element
{
width: 23%;
margin: 4px;
float: left;
}
.flash_events_image
{
border: 1px solid #000000;
}

.flash_events_sous_titre
{
font-weight:bold;
text-transform:uppercase;
margin-top: 2px;
}

.flash_events_date
{
font-weight:bold;
text-transform:uppercase;
margin-top: 2px;
margin-bottom: 5px;
}

.flash_events_description
{
height: 100px;
margin-bottom: 10px;
}

.flash_events_plus_infos
{
color: #e9b56a;
font-weight: bold;
margin-top: 10px;
text-align: center;
}

.flash_events_element2
{

}

.index_agenda_element
{
margin-bottom: 10px;
}

#menu_jeunesse_cadre, #menu_agenda_cadre
{
margin-top: -400px;
position: absolute;
width:150px;
}

#menu_jeunesse_cadre a, #menu_agenda_cadre a
{
color: #ffffff;
width: 100%;
padding-left: 5px;
}

#menu_jeunesse_cadre div a, #menu_agenda_cadre div a
{
width: 145px;
display: block;
}

#menu_jeunesse_cadre div a:hover, #menu_agenda_cadre div a:hover
{
background-color: #ffffff;
color: #2c170c;
width: 145px;
}

#menu_jeunesse_cadre
{
margin-left: 350px;
}

#menu_agenda_cadre
{
margin-left: 240px;
}


.menus_fond_transparent
{
background-color: #2c170c;
filter:alpha(opacity=70);
-moz-opacity:.70;
position: absolute;
width: 100%;
height: 100%;

}