.fond_btn_haut {
	BACKGROUND-IMAGE: url(./images/fond_haut_btn.jpg)
}
.mis_a_jour {
	FONT-SIZE: 9px; font-weight: bold; COLOR: #b0b03c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.adresse_bas {
	FONT-SIZE: 9px; COLOR: #b6762d; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.fond_centre {
	BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(./images/centre.jpg); BACKGROUND-REPEAT: no-repeat
}
.fond_centre_temp {
	BACKGROUND-IMAGE: url(./images/centre_temp.jpg)
}

/* Thomas */


.fond_boites {
	BACKGROUND-COLOR: #FFFFC0;
    color: #8b4513;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    line-height: 14px;
    padding-left: 2px;
    width : 136px
}

.Titre
{
    color: #b8860b;
    font-family: Verdana, Arial;
    font-size: 16px;
    font-weight: bold
}

.Legende
{
    color: #b8860b;
    font-family: Verdana, Arial;
    font-size: 10pt
}

.date {
	FONT-SIZE: 10px; 
	COLOR: #cc6633; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}


.film 
{
    background-image: url(~/Images/pellicule.gif)
    }


.ActuDate
{
    color: #b8860b;
    font-family: Verdana, Arial;
    font-size: 9px;
    font-weight: bold
}

.ActuTexte
{
    color: #b8860b;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: normal
}
.Avertissement
{
    color: #8b0000;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold
}

.AvertCligno
{
    color: #8b0000;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: blink
}

.Notice
{
    color: #00008b;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold
}
.Texte
{
    color: #b8860b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small
}

.Texte2
{
    color: #663300;
    font-family: Verdana, , Helvetica, sans-serif;
    font-size: 11px;
    text-decoration : underline
}

.Texte21
{
	color: #a77b5d;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold
}

.Texte20
{
    color: white ;
    background-color: #8b0000 ;
    font-family: Verdana, , Helvetica, sans-serif;
    font-size: 10px;
    font-weight : bold ;
    text-decoration : underline
}

.Texte3
{
    color: #b8860b;
    font-family: Verdana, , Helvetica, sans-serif;
    text-decoration: ITALIC;
    font-size: 10px;
}

.TitreCU
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    line-height: 15px;
    padding-left: 5px
}



A.EventLink, A.EventLink:link
{
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #8b4513;
    font-size: 12px
}

A.EventLink:visited
{
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #663300;
    font-size: 11px
}

A.EventLink:hover
{
    text-decoration: underline;
    font-weight :normal ;
    color: #00008b
}

A.LienTele, A.LienTele:link
{

    font-family: Verdana, Helvetica, sans-serif;
    text-decoration  :  none;
    color: #8b4513;
    text-decoration: underline;
    font-weight : bold ;
    font-size: 12px;

}

A.LienTele:visited
{
    color: Silver; /*#663300;*/
    font-size: 11px;
    text-decoration: italic;
}

A.LienTele:hover
{
    text-decoration: underline;
    font-weight : bold;
    color: #00008b
}

A.LienTele2, A.LienTele2:link
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #8b4513;
    text-decoration: underline;
    font-weight : bold;
    font-size: 10px;
}

A.LienTele2:visited
{
    color: Silver; /*#663300;*/
    font-size: 9px;
    text-decoration: none;

}

A.LienTele2:hover
{
    text-decoration: underline;
    font-weight: bold;
    color: #00008b
}


A.LienM, A.LienM:link
{

    font-family: Verdana, Helvetica, sans-serif;
    color: #8b4513;
    text-decoration : none;
    font-size: 11px;

}

A.LienM:visited
{
    color: #5A5E65; /*#663300;*/
    font-size: 10px;
    text-decoration: none;


}

A.LienM:hover
{
    text-decoration: underline;
    color: #00008b;
     
}

A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: #daa520;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    font-weight: bold;
    line-height: 14px;
    text-align: center
}

A.MenuUnselected:hover
{
    color: #b8860b;
    text-decoration: underline;
    padding-left: 4px
}

A.MenuSelected
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    font-weight: bold;
    line-height: 15px;
}


/* Thomas */


.arial12bold {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #aa8c43; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.titre_evenements {
	FONT-SIZE: 10px; COLOR: #cc6633; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.separateur01 {
	BACKGROUND-COLOR: #c0bc90
}
.separateur_vertical {
	BACKGROUND-IMAGE: url(./images/filet_vertical.gif); BACKGROUND-REPEAT: no-repeat
}

.box {
	BORDER-RIGHT: #aa8c43 1px groove; BORDER-TOP: #aa8c43 1px groove; FONT-SIZE: 10px; BORDER-LEFT: #aa8c43 1px groove; COLOR: #806833; BORDER-BOTTOM: #aa8c43 1px groove; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffcc
}
.separateur02 {

}
.separateur_vertical02 {
	BACKGROUND-IMAGE: url(./images/separateur_vertical02.gif)
}
.separateur02 {
	BACKGROUND-IMAGE: url(./images/separateur_01.gif)
}

img { overflow: hidden; }
/* ----------------- DIV PRINCIPAUX ---------------------------------------- */

/* ----------------- menu deroulant ---------------------------------------- */

#menu-vertical{
	width: 15px;
	height: 25px;
    padding : 0; /* pas de marge intérieure */
    margin : 0; /* ni extérieure */
}

#menu, #menu ul /* Liste */     
{
	padding : 0;
/* pas de marge intérieure */	margin : 0;
/* ni extérieure */	list-style : none;
/* on supprime le style par défaut de la liste */	line-height : 22px; /* on définit une hauteur pour chaque élément */;
	text-align : center;

}

#menu /* Ensemble du menu */
{
        font-family : Arial, "Times New Roman", Times, serif; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 20 pixels */
}

#menu a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */;
	padding : 0;
/* aucune marge intérieure */	color: #993300; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */;
	width : 190px; /* largeur */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #FF9933;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        /*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{
	background-image: url('Images/Armagnac-Tom.png');
	background-repeat: repeat-y;
	position: absolute; /* Position absolue */;
	width: 160px; /* Largeur des sous-listes */;
	left: -999em;
	/*background-color: #C0C0C0;*/
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #ffffff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        font-family : Arial, "Times New Roman", Times, serif; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 20 pixels */
        text-align: left;
        height: 25px;
        padding-left: 10px;

}
#menu li ul li:hover /* Éléments de sous-listes */
{
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-top : 1px solid #ffffff;
/* on met une bordure blanche en haut de chaque élément d'une sous liste */	
	font-family : Arial, "Times New Roman", Times, serif; /* on utilise Arial, c'est plus beau ^^ */;
	font-size : 14px; /* hauteur du texte : 20 pixels */;
	background-image: url('Images/Armagnac-Tom2.png');
	background-repeat: repeat-y;
	color: #FFFFFF;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
       /* border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */

        border-width:1px;

}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */

}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */

}