body {
text-align: center;
background-image: url(./img/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
color: #067A84;
text-decoration:none;
}

a:visited {
color: #067A84;
text-decoration:none;
}

a:hover {
color: #067A84;
text-decoration:underline;
}

a:active {
color: #067A84;
text-decoration:none;
}

#page {
width: 980px; 
margin-left: auto;
margin-right: auto;
text-align: left;
}


.corps {
vertical-align: top;
width: 980px;
}

.header {
background-image: url(./img/header.jpg);
height: 188px; /* 208px - padding-top:10px - padding-bottom:10px */
width: 967px; /* 980px - padding-right:10px - padding-left:3px */
padding: 10px;
padding-left: 3px;
}

.menu {
background-image: url(./img/bcg_menu.gif);
background-repeat: repeat;
height: 28px;
text-align: center;
padding-left:69px; /* ajuster pour centrer le menu */
}

.bouton {
float: left; 
height: 21px; /* 28 - padding-top:7 */
padding-right: 10px;
padding-left: 10px;
padding-top: 7px;
background-repeat: no-repeat;
}

.bouton a{
diplay:block;
width:100%;
height:100%;
}

.bouton:hover {
background-color: #FFFFFF;
}

.btnAccueil{
width: 59px;
background-image: url(./img/menu_accueil_out.gif);
}

.btnAccueil:hover{
background-image: url(./img/menu_accueil_over.gif);
}

.btnConcerts{
width: 69px;
background-image: url(./img/menu_concerts_out.gif);
}

.btnConcerts:hover{
background-image: url(./img/menu_concerts_over.gif);
}

.btnContact{
width: 60px;
background-image: url(./img/menu_contact_out.gif);
}

.btnContact:hover{
background-image: url(./img/menu_contact_over.gif);
}

.btnPartenaires{
width: 90px;
background-image: url(./img/menu_partenaires_out.gif);
}

.btnPartenaires:hover{
background-image: url(./img/menu_partenaires_over.gif);
}

.btnPlan{
width: 38px;
background-image: url(./img/menu_plan_out.gif);
}

.btnPlan:hover{
background-image: url(./img/menu_plan_over.gif);
}

.btnPlanning{
width: 77px;
background-image: url(./img/menu_planning_out.gif);
}

.btnPlanning:hover{
background-image: url(./img/menu_planning_over.gif);
}

.btnRue{
width: 132px;
background-image: url(./img/menu_rue_out.gif);
}

.btnRue:hover{
background-image: url(./img/menu_rue_over.gif);
}

.btnSites{
width: 157px;
background-image: url(./img/menu_sites_out.gif);
}

.btnSites:hover{
background-image: url(./img/menu_sites_over.gif);
}


.contenu {
float: none;
width: 960px; /* 960 - (padding-right+padding-left) 79x2 */
background-image: url(./img/bcg_contenu.gif);
background-repeat: repeat;
padding: 10px;
overflow:hidden;
text-align: justify;
color: #2664ac;
font-weight: normal;
font-size: smaller;

}

.blocCentre {
float: left;
padding: 69px;
padding-top: 30px;
}

.blocVideo{
float:right;
border: 4px solid #279eaa;
width: 215px;
height: 172px;
margin: 25px;
margin: 16px 0 200px 25px;
}

.evenement {
float : left;
width: 822px;
}

.visuEve {
float : left;
margin : 10px 10px 10px 0;
width: 70px;
height: 70px;

}

.titreEve {
float : left;
margin-top : 10px;
}

.horaireEve {
color:#000000;
float : left;
margin-top : 13px;
margin-left : 10px;

}

.descriptionEve {
width:740px;
float : left;
margin-top : 10px;
margin-bottom : 25px;
}

.cadreComplement{
color:#000000;
float : left;
width: 282px;
height: 230px;
background-image: url(./img/rue_cadre.gif);
background-repeat: no-repeat;
padding:15px;
}

.complementRue {
width: 250px;
margin-top:10px;
color: #2664ac;
}

.titreSite {
width:822px;
float : left;
margin-top : 8px;
}

.descriptionSite {
width:822px;
float : left;
margin-top : 5px;
margin-bottom : 5px;
}

.footer {
float: right ;
text-align: center;
height: 40px;
width: 980px;
}

.mentions {
font-size: x-small;
font-weight: bold;
color: #067A84;
text-align: center;
}

.rea {
margin-top: 5px;
font-size: xx-small;
font-style: italic;
color: #067A84;
text-align: center;
}




HR {
color: #66C7F9;
}


.colonnePart1{
width:400px;
height:200px;
float : left;
}

.colonnePart2{
width:204px;
height:200px;
float : left;
}

.colonnePart3{
width:204px;
float : left;
}