/*******************************************************************************
************************   surdéfinition des couleurs   ************************
*******************************************************************************/

body {
    background: white url(../images/fondPage.jpg) repeat-x;
}
a {
    color: #ff7518;
}
h1 {
    color: #ff7518;
}
h1:first-letter {
    color: black;
}
h2 {
    color: #86461a;
    border-bottom: 1px solid #ff7518;
}
#actuAccueil h2 {
    border: none;
}
h3 {
    color: #ff7518;
}



.champ, .bouton {
    color: #4A4036;
    background-color: #ebebeb;
    border: 1px solid #4A4036;
}
.champ:hover, .bouton:hover {
    background-color: #fefefe;
}

.entete_tableau{
    color: white;
    background-color: #17599f;
}

.moduleCatalogue .liste th {
   color: white;
   background-color: #17599f;
}
.moduleCatalogue .fiche h1{
   color: white;
   background-color: #0066cc;
}
.moduleCatalogue .fiche h2 {
    color: #9dc82e;
    background: none;
}
.moduleKmlArticles .fiche {
    /*border-bottom: 1px dashed #666666;*/
}

.moduleGalerie .listeMiniatures th {
    color: #86461a;
    border-bottom: 1px solid #ff7518;
}


/***************************         menus          ***************************/

#barreMenu {

}

#menu li a { 
   color : white;
   background: none;
}
#menu .sousMenu {
    border: 1px solid #4A4036;
}

#menu .sousMenu li, #menu .sousMenu .sousSousMenu li {
   background-color : white;
   filter:alpha(opacity=80);
   opacity: 0.80;
}

#menu .sousMenu li a, #menu .sousMenu .sousSousMenu li a {
   color: black;
   border-left: 15px solid #ff7518;
   text-decoration: none;
}

#menu .sousMenu li a:hover, #menu .sousMenu .sousSousMenu li a:hover {
   background-color: #B4121D;
   color: white;
   border-left: 15px solid #4A4036;
}



#menuV {

}
#menuV li a {

}
#menuV li a:hover {

}

#menuV .sousMenu {
    border: 1px solid #4A4036;
}

#menuV .sousMenu li, #menuV .sousMenu .sousSousMenu li {
   background-color : white;
   filter:alpha(opacity=80);
   opacity: 0.80;
}

#menuV .sousMenu li a, #menuV .sousMenu .sousSousMenu li a {
   color: black;
   border-left: 15px solid #ff7518;
   text-decoration: none;
}

#menuV .sousMenu li a:hover, #menuV .sousMenu .sousSousMenu li a:hover {
   background-color: #B4121D;
   color: white;
   border-left: 15px solid #4A4036;
}


/***************************   structure générale   ***************************/

#fond1 {
    background: url(../images/fondCorpsRep.jpg) repeat-y 50%;
}
#fond2 {
    background: url(../images/header.jpg) no-repeat top;
}
#fond3 {
    background: url(../images/footer.jpg) no-repeat bottom;
}
#conteneurFond {
    background: url(../images/fondCorpsRep.jpg) repeat-y 50%;
}
#conteneurFond2 {
    background: url(../images/header.jpg) no-repeat top;
}
#conteneur {
    color: #666666;

}

#header {

}

#corps {

}

#gauche {
    color: #4a4035;
}

#gauche a {
   /*color: black;*/
}

#footer {
   border-top: 2px solid #4a4035;
   background: white url(../images/footer.jpg) no-repeat center top;
}
#footer a {
    color: #666666;
}

#actuAccueil {


}
#actuAccueil a {

}


#prochainsRDV b {
    color: black;
}
#prochainsRDV a {
    color: #666666;
}

#signature {
    color: #333333;
    background: white url(../images/footer.jpg) no-repeat center -87px;
}
#signature a{
    color: #333333;
}


#lienRetourAccueil {
    color: #4A4036;
}



#calendrier {
    border: 1px solid #666666;
    background-color: #ffffff;
}
#calendrier .enteteCalendrier {
    background-color: #17599f;
}
#calendrier .titre {
    color: white;
}
#calendrier a {
    color: #666666;
}
#calendrier a:hover {
    background-color: white;
}
#calendrier .joursVides {
    color: #000000;
    background-color: #e5e5e5;
}
#calendrier .joursNormaux {
    color: #000000;
    background-color: #e5e5e5;
}
#calendrier .aujourdHui {
    font-weight: bold;
    background-color: transparent;
}
#detail_spectacle_fenetre{
	position:absolute;
	top:400px;
	left:250px;
	width:560px;
	height:450px;
	background:white;
	border:1px solid #666666;
	
}
#detail_spectacle_fenetre .fermer_detail{
	text-align:right;
	padding:2px;
	background-color:#666666;	
}
#detail_spectacle_fenetre .fermer_detail a{
	color:white;
}
#contenu_detail_spectacle{
	padding:10px;	
	overflow:auto;
	height:400px;
}
#contenu_detail_spectacle .image{
	max-width:180px;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
#programmation, #programmation a{
	color:#666666;
}

#programmation th{
	padding:0px;
	text-align:center;
}
#programmation th .detail{
	background-color:#EDD6B7;
	font-size:10px;
	text-align:center;
	color:#000000;
	line-height:10px;
}
#programmation td{
	padding:8px 0;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	background-color:#EDD6B7;
}

#programmation .colonne_separation{
	width:25px;	
	background-color:transparent;
}
#programmation .ligne_separation{
	height:15px;	
	padding:0;
	background-color:transparent;
}
#programmation .colonne1 a,#programmation .colonne2 a,#programmation .colonne3 a,#programmation .colonne4 a,#programmation .colonne5 a,#programmation .colonne6 a,#programmation .colonne7 a,#programmation .colonne8 a{
	color:#ffffff;	
}
#programmation .colonne1{
	background-color:#c20138;
}
#programmation .colonne2{
	background-color:#950407;
}
#programmation .colonne3{
	background-color:#b7d824;
}
#programmation .colonne4{
	background-color:#83bbd6;
}
#programmation .colonne5{
	background-color:#d580ad;
}
#programmation .colonne6{
	background-color:#5b80ff;
}
#programmation .colonne7{
	background-color:#c95524;
	color:#ffffff;	
}
#programmation .colonne8{
	background-color:#984809;
	color:#ffffff;	
}
.bouton_programmation{
	width:120px;
	height:25px;
	display:block;
	border:1px solid #999999;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	background:#FF791A;
	color:#fff;
	float:left;
	margin-left:50px;
	margin-top:20px;
	padding-top:5px
}
.bouton_programmation:hover{
	border:1px solid #000000;
	text-decoration:none;
}

#boutonFacebook {
    position:absolute;
    top:450px;
    right:5px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    margin-bottom: 20px;
    padding: 13px 0 0 0px;
    text-align: center;
    text-transform: uppercase;
    width: 220px;
    color: white;
    background: url("../images/btn-facebook.png") no-repeat scroll 0 0 transparent;
    margin-top:20px;
}
