/* ... pour HighSlide */
@import url(highslide/highslide.css) all;


/* Mise en page globale */
body
{
	margin: 0;
	padding: 0;
	background: white;
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, serif;
}

/* saut de page Print */
.page
{
	page-break-after: always;
}

/* En-tête */
#header
{
	height: 126px;
	background: white url(site/materiel/bandeau4.gif) top left no-repeat;
}

#header img
{
	float: right;
	margin: 30px 18px 0 0;
}

#header h1
{
	text-indent: -5000px;
	margin: 0;
	line-height: 1em;
}

#header p
{
	margin: 0.1em 0 0 403px;
	font-weight: bold;
	color: #ffcc33;
	font-size: 2.5em;
}


/* Menus Généraux */

/* Menu horizontal navigation rapide */
#menuhaut
{
	margin: -2px 0 0 0;
	padding: 0.1em 1.5em 0.1em 0;
	list-style-type: none;
	background-color: #669;
	color: white;
	text-align: right;
}

#menuhaut li { display: inline; }

#menuhaut a
{
	padding: 0 5px 0 5px;
	color: white;
	text-decoration: none;
}

#menuhaut a:hover 
{ 
	background-color: white;
	color: #669;
}

/* Menu choix langue */
#langue
{
	display: block;
	margin: -1.25em 0 0 65px;
	padding: 0 1.5em 0 0;
	list-style-type: none;
	background-color: transparent;
	color: white;
	text-align: left;
}

#langue li { display: inline; }

#langue a
{
	padding: 0 5px 0 5px;
	color: white;
	text-decoration: none;
}

#langue a:hover 
{ 
	background-color: white;
	color: #669;
}

/* Version */
#version
{
	display: block;
	margin: -1.25em 0 0 350px;
	padding: 0 1.5em 0 0;
	list-style-type: none;
	background-color: transparent;
	color: white;
	text-align: left;
	font-size: x-small;
	font-weight: bold;
}

#version li { display: inline; }


/* Menu horizontal présentation */
#menupresentation
{
	margin: 0;
	padding: 0.1em 0.5em 0.1em 0.5em;
	background-color: #ccc;
	list-style-type: none;
	color: black;
	font-size: 8pt;
	text-align: center;
}

#menupresentation li { display: inline; }

#menupresentation a
{
	padding: 0 3px 0 3px;
	text-decoration: none;
	color: #669;
}

#global #menupresentation a:hover
{
	background-color: white;
	color: black;
}

#menupresentation a:hover
{
	background-color: white;
	color: black;
}

a:hover#retour4
{
	background-color: white;
	color: #363;
}


/* Menu vertical sommaire */
#sommaire
{
	float: left;
	margin-top: 0;
	margin-left: 50px;
	margin-right: 300px;
	padding: 0;
	background: white;
}

#sommaire ul
{
	list-style-type: none;
	border-left: 1px solid #669;
	margin: 0 1em 0 1em;
	padding: 0;
	text-align: left;
}

#sommaire li a
{
	display: block;
	text-decoration: none;
	text-indent: 1em;
	height: 1.4em;
	line-height: 1.4em;
	color: black;
	font-weight: bold;
	font-size: 120%;
}

#sommaire li a:hover
{
	background: #cccccc;
	color: #669;
}

#sommaire p a 
{
	text-decoration: underline;
	color: red;
}

#sommaire p a.interne
{
	color: #000;
}

/* Menu vertical général */
#menu
{
	float: left;
	width: 250px;
	height: 353px;
	margin: 0;
	padding: 0;
	background: #669 url(site/materiel/porte250_2010.gif) bottom left no-repeat;
	list-style-type: none;
}

ul.menu1 
{
	list-style-type: none;
	margin: 4.1em 1em 0 1em;
	padding: 0;
	text-align: center;
}

ul.menu2 
{
	list-style-type: none;
	margin: 4.1em 1em 0 1em;
	padding: 0;
	text-align: center;
}

#menu li
{
    height: 1.4em;
	line-height: 1.4em;
	color: #ffcc33;
	font-weight: bold;
	font-size: 120%;
}

#menu2 li
{
    height: 1.4em;
	line-height: 1.4em;
	color: #ffcc33;
	font-weight: bold;
	font-size: 120%;	
}

#menu li a
{
	display: block;
	text-decoration: none;
    color: #ffcc33;
}

#menu li a:hover
{
	background: #cccc33;
	color: #336600;
}


/* Menu horizontal diaporamas photos */

#photosdiapos ul
{
	list-style-type: none;
	margin: 3em 0.5em 0 0.5em;
	
}


#photosdiapos li
{
    float: left;
    font-size: 80%;
    text-align: center;
    text-decoration: none;
    list-style-type: none;
}

#photosdiapos li a
{
	display: block;
	width: 40px;
	margin: -2px 4px 0 4px;
	border-color: #ffcc33;
}


#photosdiapos li a:hover
{
	background-color: #cccc33;
	color: #336600;
}



/* Menus Encart droite */
#encart
{
	float: right;
	width: 250px;
	height: 335px;
	margin: 17px 50px 18px 30px;
	padding: 0;
	background: transparent url(site/materiel/affiche2010.gif) top left no-repeat;
	/*
	border-color: #CCC gray gray #CCC;
	border-width: 1px 2px 2px 3px;
	border-style: solid;
	*/
	border-color: #CCC #CCC #999 #CCC;
	border-width: 1px;
	border-style: outset inset inset outset;
}

#encart h3
{
	margin: 35px 33px 0 0;
	font-size: 90%;
	font-weight: lighter;
	text-align: center;
	color: #AE0332;
}

#bloccadre
{
	margin: 7px 20px 17px 1px;
	padding: 0;
	font-size: 100%;
	text-align: center;
}

#bloccadre h3
{
	margin: 2px 0 6px 0;
	padding: 0;
	font-size: 110%;
	text-align: center;
	color: #666;
	font-variant: small-caps;
	font-weight: bold;
}

#bloccadre h4
{
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 130%;
	text-align: center;
	color: #66A;
	font-variant: small-caps;
	font-weight: bold;
}

#bloccadre h5
{
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: center;
	color: #6B6B6B;
	font-style: italic;
}

#bloccadre h6
{
	margin: 4px 0 3px 0;
	padding: 0;
	font-size: 80%;
	text-align: center;
	color: #AE0332;
	font-style: italic;
}

#bloccadre p
{
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: center;
	color: #6B6B6B;
	font-style: italic;
}

#bloccadre ul
{
	list-style-type: none;
	margin: 5px 0 0 17px;
	padding: 0;
}

#bloccadre ul.court
{
	margin: 25 px 2px 0 0;
	padding: 0;
}

#bloccadre ul li
{
	list-style-type: none;
	margin: 0;
}

#bloccadre ul ul
{
	list-style-type: none;
	margin: 0 1px 3px 0;
	padding: 0;
	font-size: 90%;
}

#bloccadre ul li a
{
	display: block;
	text-decoration: none;
	height: 1em;
	line-height: 1em;
	color: #FC3;
	padding: 0.1em 1em;
	/* text-indent: 25px; */
}

#bloccadre ul li a:hover
{
	background: #666;
	color: white;
}

#bloccadre ul ul li a
{
	display: block;
	text-decoration: none;
	height: 1em;
	line-height: 1em;
	color: #003300;
	padding: 0.1em 1.5em 0.2em 1em;
	/* text-indent: 1em; */
	text-indent: 10px;
}

#bloccadre ul ul li a:hover
{
	background: #BFBFBF;
	color: #AE0332;
}

#bloccadre #jourPatr a
{
	color: #AE0332;
}

#bloccadre #jourPatr a:hover
{
    background: #BFBFBF;
}

#auteur
{
    margin: 125px 32px 0 2px;
	padding: 0;
	font-size: 80%;
	text-align: right;
	color: #666;
	font-style: italic;
}

#auteur p
{
	margin: 0;
	padding: 0;
	text-align: right;
	color: #666;
	font-style: italic;
}


#explication
{
    margin: 155px 0 0 0;
	padding: 0;
	/*
    margin: 8px 30px 18px 18px;
	padding: 0;
	
	float: right;
	width: 236px;
	height: 15px;
	*/
	font-size: 80%;
	text-align: center;
	color: #666;
	font-style: italic;
}

#explication p
{
	margin: 3px;
	padding: 0;
	text-align: center;
	color: #666;
	font-style: italic;
	font-size: 90%;
}

li.here
{
	color: #AE0332;
	font-style: italic;
	font-weight: bold;
}

li.gauche
{ text-align: left; }

li.droite
{ text-align: right; }

li.droite2 a
{ 
    text-align: right;
    margin-right: 30px;
}

li.centre
{ text-align: center; }


/* Formulaire */
#menu p
{
	margin: 1.5em 0 0 62px;
	font-weight: bold;
	color: #ffcc33;
}

#menu form { margin: 0 0 0 62px; }
#menu form .champ { width: 8em; }





/* Degagements */

#clear { clear: both; }

#clear2 { clear: left; }

#clear3 { clear: right; }

.clearGD { clear: both; }

.clearG { clear: left; }

.clearD { clear: right; }


/* attention */
.attention
{
	margin: 5px 15px 25px 15px;
	padding: 8px;
	font-weight: normal;
	color: black;
	border-color: #AE0332;
	border-width: 1px;
	border-style: solid;
}

.attention h2
{
	margin-bottom: 0.5em;
	font-size: 120%;
	font-weight: bold;
	text-indent: 5px;
	color: #669;
}

.attention h4
{
	text-align: right;
	color: #000;
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
}

.attention h5
{
	text-align: right;
	color: #AE0332;
}

.attention h6
{
	text-align: center;
	color: #AE0332;
}

.attention p
{
	text-align: justify;
	color: #666;
	margin: 0 18px 0 2em;
}

.attention2
{
	margin: 0;
	padding: 3px 15px;
	font-weight: normal;
	color: black;
	border-color: #AE0332;
	border-width: 1px;
	border-style: solid;
}

.attention2 h2
{
	margin-bottom: 0.5em;
	font-size: 120%;
	font-weight: bold;
	text-indent: 5px;
	color: #669;
}

.attention2 h4
{
	text-align: right;
	color: #000;
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
}

.attention2 h5
{
	text-align: right;
	color: #AE0332;
}

.attention2 h6
{
	text-align: center;
	color: #AE0332;
}

.attention2 p
{
	margin: 5px 10px;
	text-align: center;
	color: #666
}


p.anoter
{

}

p.centre { text-align: center; }

span.droite
{
	float: right;
	margin: -0.8em 18px 0 0;
	text-align: right;
}

span.centre { text-align: center; }

#choixhorizontal ul
{
	display: inline;
	margin: 0;
	padding: 0 3px 0 0;
	list-style-type: none;
	border-style: none;
	background-color: transparent;
	color: #669;
}

#choixhorizontal li { display: inline; }

/*- 
#choixhorizontal a
{
	padding: 0;
	color: white;
	text-decoration: none;
}

#choixhorizontal a:hover
{ 
	background-color: gray;
	color: #669;
}
 -*/

/* Rubriques Gauche */
#rubrique
{
	float: left;
	margin: 322px 0 0 -250px;
	padding: 0;
	background-color: transparent;	
}


	
#rubrique ul
{
	display: block;
	width: 250px;
	list-style-type: none;
	margin: -1.7em 0 0.4em 0;
	padding: 0;
	text-align: center;
}

#rubrique li
{
	height: 1.4em;
	line-height: 1.4em;
	color: white;
	font-weight: bold;
	font-size: 100%;
}

#rubrique li a
{
	display: block;
	text-decoration: none;
	height: 1.4em;
	line-height: 1.4em;
	color: white;
	font-weight: bold;
	font-size: 100%;
}

#rubrique li a:hover
{
	background: #ff9966;
	color: #336600;
}


/* Météo */
#meteo
{
	margin: -1px 0 0 0;
	padding: 0;
	background-color: #FFF;
	width: 249px;
	border-color: #999;
	border-width: 1px 1px 1px 0px;
	border-style: solid solid solid none;
}

#meteo h3
{
	margin: 1em 0 10px 0;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #AE0332;
}

#meteo p
{
	width: 150px;
	margin: 0 49px 10px 49px;
	text-align: center;
}

#meteo iframe
{
	width: 170px;
	margin: 0 40px 10px 40px;
	text-align: center;
}

#meteo iframe a
{
    font-weight: bold;
	text-decoration: underline;
	color: black;
}

#meteo iframe a:hover
{
	background-color: #ccc;
}


/* Services */
#services
{
	margin: 1em auto 2em auto;
	width: 167px;
	text-align: left;
	/*
	border-color: #000 #ccc #ccc #000;
	border-width: 1px;
	border-style: solid;
	*/
}

#services img
{
    margin-left: 8px;
}

#services a
{
	margin: 8px auto;
    width: 160px;
    text-decoration: underline;
	color: black;
	font-weight: bold;
	color: black;
	font-size: 80%;
	text-align: right
}

#services a:hover
{
	background-color: #ccc;
	color: black;
}



/* Visites */
#visites
{
	margin: -1px 0 0 0;
	padding: 0;
	background-color: #FFF;
	width: 249px;
	border-color: #999;
	border-width: 0px 1px 1px 0px;
	border-style: none solid solid none;
}

#visites h3
{
	margin: 10px 0 15px 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #AE0332;
}

#visites p
{
	width: 220px;
	margin: 0px 10px 10px 20px;
	text-align: left;
	font-size: 75%;
	font-style: italic;
	color: #666;
}

#visites p.centre 
{
	margin: 0px auto;
	text-align: center;
}

#visite img.comptsaison
{
    float: right;
}



.splash
{
	margin: 2px;
	padding: 4px 10px;
	width: 220px;
	color: black;
	background-color: #FC3;
}



/* Sponsorts */
#sponsort
{
	float: right;
	margin: 1px;
	padding: 0;
	height: 123px;
	width: 301px;
	background-image: url(site/materiel/CadreSponsortsTrp.gif);
	background-repeat: no-repeat;
	/*  #999;  #ffcc33;  #AE0332;  
	background-position: 1px 2px;  
	background-color: transparent;
	border-color: #669;
	border-width: 1px;
	border-style: solid; */
	text-align: center;
	
}

#sponsort h5
{
	margin: 0 0 5px 0;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #999;
}

sponsort p
{
	margin: -2em 0 0 -9px;
	text-align: center;
	color: #AE0332;
}

#slidesponsort
{
	margin: -1px 0 0 0;
	padding: 0;
	background-color: #FFF;
	width: 248px;
	border-color: #999;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
}

#frameslidesponsort
{
    
    /* position: relative; */
	margin: 9px 9px 0 auto;
	width: 189px;
	height: 81px;
	/*
	top: 9px;
	right: 9px;
	bottom: 0px;
	left: auto;
	
	background-color: transparent;
	border-color: #ffcc33;
	border-width: 1px;
	border-style: solid;
	*/
}

#header #sponsort #frameslidesponsort img { margin: 0 20px 0 0; }

#slidesponsort h3
{
	margin: 1em 0 15px 10px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #AE0332;
}

#slidesponsort h5
{
	margin: 0 0 5px 0;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #000;
}

#slidesponsort p
{
	margin: 0 30px 5px 29px;
	text-align: center;
}



/* Décès */
#deces
{
	float: left;
	margin: 360px 0 0 -250px;
	padding: 0;
	background-color: transparent;	
}
	
#deces ul
{
	display: block;
	width: 250px;
	list-style-type: none;
	margin: 0.4em 0 0.4em 0;
	padding: 0;
	text-align: center;
}

#deces li
{
	height: 1.8em;
	line-height: 1.8em;
	color: red;
	font-weight: bold;
	font-size: 100%;
}

#deces li a
{
	display: block;
	text-decoration: none;
	height: 1.8em;
	line-height: 1.8em;
	color: black;
	font-weight: bold;
	font-size: 100%;
	border-color: #639;
	border-width: 1px;
	border-style: solid;
}

#deces li a:hover
{
	color: #639;
	border-color: #639;
	border-width: 1px;
	border-style: solid;
}


/* Contenu */

/* Global */
#global
{
	margin-left: 268px;
	margin-right: 20px;
	text-align: justify;
}

/*
#global span
{
	margin: 0 18px 0 18px;
	padding: 0;
}
*/

#global h1
{
	padding-bottom: 0.2em;
	border-bottom: 5px solid #ffcc33;
	font-variant: small-caps;
	text-indent: 5px;
	font-weight: bold;
	font-size: 200%;
	color: black;
}

#global h2
{
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 150%;
	font-weight: bold;
	text-indent: 5px;
	color: #669;
}

#global h3 
{
	margin: 0 0 0.5em 0;
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	color: black;
}

#global h4 
{
	margin: 0 0 0.5em 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: black;
}

#global h6
{
	margin: -1em 0 0 0;
	padding-top: 0.2em;
	font-weight: normal;
	font-size: 100%;
	font-variant: small-caps;
	text-align: right;
	color: black;
}

#global p
{
	margin-top: 2em;
	margin-left: 18px;
}

#global a
{
	color: black;
}

#global a:hover
{
	background-color: #ccc;
}

span.maj
{
   
    margin: -1em 18px 0 0;
    text-align: right;
}

p.maj
{
	float: right;
	text-align: right;
	color: #666;
	font-size: 80%;
	font-style: italic;
	/*-- 
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	--*/
}

p.mad
{	
	margin-top: -40px;
	text-align: right;
	color: black;
}


p.JS-active
{
	margin-top: -3em;
	text-align: left;
	color: #666;
	font-size: 80%;
	font-style: italic;
	float: left;
	/*--
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	--*/
}


p.chapeau
{
	margin: 0 15px 10px 15px;
	text-align: left;
	color: black;
	font-weight: bold;
}

p.chapeauDroite
{
	margin: 0 15px 10px 15px;
	text-align: right;
	color: black;
	font-weight: normal;
}

p.remarque2
{
	margin: 2px;
	color: #666;
	font-size: smaller;
	font-style: italic;
	text-align: center;
}

span.remarque2
{
	color: #666;
	font-size: smaller;
	font-style: italic;
}

/* Saison */
#saison h2
{
	margin: 0 0 0.5em 0;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: black;
}

#saison h4 
{
	margin: 0 0 0.5em 0;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: black;
}

#saison p
{
    margin-left: 12px;
    margin-right: 8px;
}

#saison img { margin-left: 15px; }

/* Date */
h3#date
{
	margin-top: 25px;
	margin-left: 25px;
	font-size: 120%;
	color: #AE0332;
	text-align: left;
}

h4#date
{
	margin-top: 10px;
	margin-left: 25px;
	font-size: 100%;
	color: #333;
	text-align: center;
}

h4#date2
{
	color: black;
	text-align: right;
	font-variant: small-caps;
}

.personnage
{
	float: right;
	width: 31px;
	height: 44px;
	margin: 15px 8px 0 0;
	padding: 0;
	background: transparent url(site/materiel/personnage.jpg) top left no-repeat;
}

.personnage2
{
	float: right;
	width: 31px;
	height: 44px;
	margin: 0 8px 15px 0;
	padding: 0;
	background: transparent url(site/materiel/personnage.jpg) top left no-repeat;
}

.personnageTitre
{
	float: left;
	width: 31px;
	height: 44px;
	margin: 0 0 0 8px;
	padding: 0;
	background: transparent url(site/materiel/personnage.jpg) top left no-repeat;
}



h4.pas
{
	margin: 0 8px 0 12px;
	font-size: 120%;
	color: #669;
	text-align: left;
	background-image: url(site/materiel/unPas.jpg);
	background-repeat: repeat;
	height: 44px;
	font-style: italic;
}

h4.pas2
{
	margin: 10px 8px 0 12px;
	font-size: 120%;
	color: #AE0332;
	text-align: center;
	background-image: url(site/materiel/unPas.jpg);
	background-repeat: repeat;
	height: 44px;
	font-style: italic;
}

p.pas
{
	margin: 15px 8px 0 12px;
	font-size: 100%;
	color: black;
	text-align: left;
	background-image: url(site/materiel/unPas.jpg);
	background-repeat: repeat;
	height: 44px;
	font-style: italic;
}

h4.concert
{
	margin: 15px 8px 0 12px;
	font-size: 120%;
	color: #669;
	text-align: left;
	font-style: italic;
}

h5.concert
{
	margin: 1em 0 1em 0;
	padding-top: 0;
	font-weight: normal;
	font-size: 120%;
	font-variant: small-caps;
	text-align: right;
	color: black;
}

h4#pasTitre
{
	margin: 0 15px 0 0;
	height: 44px;
	background-image: url(site/materiel/unPas.jpg);
	background-repeat: repeat;
	font-size: 120%;
	color: #669;
	text-align: right;
}

h4#pasHaut
{
	margin: -1.8em 8px -0.5em 0;
	height: 44px;
	font-size: 120%;
	color: #666;
	text-align: right;
	font-variant: small-caps;
}

h2#titresaison
{
	margin: -1em 0;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	color: #669;
	font-variant: small-caps;
}

/*
h4#titresaison
{	
	font-size: 120%;
	margin-bottom: 1em;
	text-align: center;
}
*/

p#date
{	
	font-size: 80%;
}

p#titresaison
{
	margin-top: 0;
	margin-right: 276px;
	margin-bottom: 1em;
	font-weight: normal;
	text-align: center;
	color: black;
	font-size: medium;
	font-style: italic;
}

p#recadre
{
	margin-top: 0;
	margin-right: 276px;
	margin-bottom: 1em;
	font-weight: normal;
	text-align: justify;
	color: black;
	font-size: medium;
}

/* Programme */
#programme
{
	margin-top: -2px;
	margin-left: 250px;
	margin-right: 17px;
	padding: 0;
	text-align: left;
}

#programme h3
{
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #669;
}

#programme h5
{
	margin: -1em 0 0 18px;
	padding: 0;
	font-size: 100%;
	font-variant: small-caps;
	font-weight: normal;
	text-align: left;
	color: black;
}

#programme h6
{
	margin: -1em 18px 1.5em 0;
	padding: 0;
	font-size: 100%;
	font-variant: small-caps;
	font-weight: normal;
	text-align: right;
	color: black;
}

/*
#programme ul
{
	margin: 0 18px 1em 18px;
	padding: 0.3em;
	list-style-type: none;
	font-size: 120%;
	color: black;
	list-style-image: url(site/materiel/coche.gif);
	list-style-position: inside;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

#programme ul p
{
	margin: 0 0 0.2em 0;
	padding: 0 0.8em 0.3em 0;
	font-size: 80%;
	color: #336;
	text-align: right;
}

#programme p
{
	text-align: center;
}

#programme li 
{
	text-align: justify;
	color: black;
	text-decoration: none;
}
*/

#insertprogramme
{
	padding: 0;
	text-align: left;
}

#insertprogramme h3
{
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #669;
}

#insertprogramme h5
{
	margin: -1em 0 0 18px;
	padding: 0;
	font-size: 100%;
	font-variant: small-caps;
	font-weight: normal;
	text-align: left;
	color: black;
}

#insertprogramme h6
{
	margin: -1em 18px 1.5em 0;
	padding: 0;
	font-size: 100%;
	font-variant: small-caps;
	font-weight: normal;
	text-align: right;
	color: black;
}

#noteconcert
{
    float: left;
	width: 253px;
	height: 300px;
	margin: 98px 0 0 3px;
	padding: 0;
	background: #FFF url(site/illustrations/encartBowman.gif) bottom left no-repeat;
}

#noteconcert2
{
	float: left;
	width: 253px;
	height: 300px;
	margin: 130px 0 0 -265px;
	padding: 0;
	background: #FFF url(site/illustrations/maisonRetraite.gif) bottom left no-repeat;
	/* border-color: #390;
	border-width: 1px;
	border-style: solid; */
}

img.noteconcert2
{
	float: left;
	width: 253px;
	height: 300px;
	margin: 92px 0 0 -265px;
	padding: 0;
}


/* Styles "ul" */
ul.concert
{
	margin: 0 18px 1em 18px;
	padding: 0.3em;
	list-style-type: none;
	font-size: 120%;
	color: black;
	/* list-style-image: url(site/materiel/coche.gif);
	list-style-position: inside; */
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

ul.prixTarif
{
	margin: 0 317px 1em 18px;
	padding: 0.3em;
	list-style-type: none;
	font-size: 120%;
	color: black;
	/* list-style-image: url(site/materiel/coche.gif);
	list-style-position: inside; */
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

li.concertCentre
{
	text-align: center;
}

li.concertDroite
{
	margin-top: -1em;
	margin-right: 240px;
	text-align: right;
	font-size: smaller;
}

ul.musenFet
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	
	font-size: 100%;
	color: black;
}

li.concerts
{
	margin: 1em 4px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

ul.concert2
{
	margin: 0 18px 1em 18px;
	padding: 0.3em;
	list-style-type: none;
	font-size: 120%;
	color: black;
	list-style-image: url(site/materiel/IcoCal.gif);
	list-style-position: inside;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

img.concert2
{
	float: right;
	width: 116px;
	margin-top: 50px;
	padding: 0;
	background-color: transparent;
	right: -100px;
}

li.concerts3
{
	margin: 1em 4px -1px 4px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	list-style-type: none;
}

p.heurelieu
{
	margin: 0 0 0.2em 0;
	padding: 0 0.8em 0.3em 0;
	font-size: 80%;
	color: #336;
	text-align: right;
}

p.noteconcert
{
	margin: 0 18px 0.5em 18px;
	padding: 0;
	font-size: 80%;
	color: #000;
	text-align: justify;
	text-transform: inherit;
	text-decoration: none;
}

ul.oeuvres
{
	margin: 0 0.3em 0 0.3em;
	padding: 1em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	border-style: none;
	background-color: #669;
	font-size: 80%;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	color: #FFFFD5;
}

ul.oeuvres2
{
	margin: 0 -1px;
	padding: 1em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	border-style: none;
	background-color: #669;
	font-size: 80%;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	color: #FFFFD5;
	border-width: 1px;
	border-style: solid none none none;
	border-color: #CCC;
}

li.parties
{
	padding: 0.5em;
	background-color: #FFFFD5;
	text-align: left;
	text-indent: 2em;
	color: #669;
}
    

ul.listeoeuvres
{
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	border-style: none;
	background-color: #669;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	color: #FFFFD5;
}
	
ul.musiciens
{
	margin: 0 0.3em 0 0.3em;
	padding: 0.5em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	background-color: #FFFFD5;
	font-size: 80%;
	color: #669;
	text-align: right;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #CCC;
}

ul.musiciens2
{
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	background-color: #FFFFD5;
	font-size: 80%;
	color: #669;
	text-align: right;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	border-width: 1px;
	border-style: solid none;
	border-color: #CCC;
}

ul#orchestre
{
	margin: 0.5em 0 0.5em 10em;
	padding: 0.5em 1em 0.5em 1em;
	list-style-type: none;
	background-color: #FFFFD5;
	font-size: 80%;
	color: #669;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

ul#recital
{
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 1em 0.5em 1em;
	list-style-type: none;
	background-color: #FFF;
	color: #333;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	font-style: italic;
}

ul.tarifconcert2
{
	display: block;
	margin: -1px 0.3em 0 0.3em;
	padding: 0.5em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	font-size: 80%;
	font-style: italic;
	color: #AE0332;
	background-color: #FFF;   /* #FFFFD5; */
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

ul.tarifconcert3
{
	display: block;
	margin: -1px 0.1em 0 0.1em;
	padding: 0.5em;
	list-style-image: none;
	list-style-type: none;
	font-size: 80%;
	font-style: italic;
	color: #AE0332;
	background-color: #FFF;   /* #FFFFD5; */
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

li.tarifTitre
{
    padding-bottom: 0.3em;
    background-color: #FFFFD5;
    border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

li.compo
{
	margin: 0 0 4px 13.5em;
}

li.music
{
	margin: 0 0 4px 1.7em;
}

ul.liensHighSlide
{
    margin: -5px 15px 5px 120px;
	list-style-type: none;
	list-style-image: url(site/materiel/logoHighSlide-21x20.jpg);
	/* list-style-image: url(site/materiel/illustration.png); */
	list-style-position: outside;
}

ul.tarif
{
	margin: 0 0.3em 0 0.3em;
	padding: 0 1em;
	list-style-type: none;
	list-style-position: inherit;
	border-style: none;
	background-color: #669;
	font-size: 80%;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	color: #FFFFD5;
	text-align: center;
}

ul#tarifconcert
{
	margin: 0 0 0 18px;
	padding: 0.5em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	border-style: none;
	font-size: 100%;
	font-style: normal;
	color: black;
}

#tarifconcert2
{
    display: block;
}

#tarifconcert2 ul
{
	margin: 0 3px;
	padding: 0.5em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	font-size: 70%;
	font-style: normal;
	color: #AE0332;
}

#tarifconcert2 li
{ 
    display: inline;
    margin: 0 3px;
}

.tarifconcert2
{
    display: block;
}

.tarifconcert2 ul
{
	margin: 0 3px;
	padding: 0.5em 1em 0.5em 1em;
	list-style-image: none;
	list-style-type: none;
	font-size: 70%;
	font-style: normal;
	color: #AE0332;
}

.tarifconcert2 li
{ 
    display: inline;
    margin: 0 3px;
}

.tarifconcert3
{
    display: block;
}

.tarifconcert3 ul
{
	margin: 0 3px;
	padding: 0.5em 0.2em;
	list-style-image: none;
	list-style-type: none;
	font-size: 70%;
	font-style: normal;
	color: #AE0332;
}

.tarifconcert3 li
{ 
    display: inline;
    margin: 0;
}

h4 span.sousligne
{
	color: gray;
	text-decoration: underline;
}

/* Aide */
#aide a:hover
{
	background-color: #CCC;
}

#aide ul
{
	font-size: 100%;
	list-style-type: disc;
}

#aide ul li
{
	color: black;
}

#aide p
{
	text-indent: 1em;
}

#aide p.sans
{
	text-indent: 0;
	margin-top: -1em;
}

#aide h4.signature
{
    text-align: right;
    margin-right: 100px;
}

/* Span */

#liens
{
	text-decoration: none;
	color: red;
}

span#l1ter
{
	background-color: #ccc;
	font-weight: bold;
	color: black;
	width: 70px;
	height: 15px;
	border-color: #F00;
	border-width: 1px;
	border-style: solid;
}

span#l1bis
{
	background-color: #ccc;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

span#l1
{
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

a#l1
{
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

a:hover#l1
{
	background-color: #ccc;
}

a.externe
{
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

a.externe:hover
{
	background-color: #ccc;
}

a.externe:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

a.externeProg
{
	font-weight: bold;
	text-decoration: underline;
	color: #669;
}

a:hover.externeProg
{
	background-color: #ccc;
}

a.externeProgCompo
{
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFD5;
}

a:hover.externeProgCompo
{
	background-color: #ccc;
	color: #669;
}

span#l2
{
	font-weight: normal;
	text-decoration: underline;
	color: black;
}

a#l2
{
	font-weight: normal;
	text-decoration: underline;
	color: black;
}

a.interne
{
	font-weight: normal;
	text-decoration: underline;
	color: black;
}

a.interne:hover
{
	background-color: #ccc;
}

a.interne:visited
{
	font-weight: normal;
	text-decoration: none;
	color: #666;
}

a.interneengris
{
	text-decoration: underline;
	color: #666;
}

a:hover.interneengris
{
	background-color: #ccc;
}

span#l3
{
	font-weight: normal;
	text-decoration: underline;
	color: red;
}

a#l3
{
	font-weight: normal;
	text-decoration: underline;
	color: red;
}

a:hover#l3
{
	background-color: #ccc;
}

a.telechargement
{
	font-weight: normal;
	text-decoration: underline;
	color: red;
}

a:hover.telechargement
{
	background-color: #ccc;
}

span#l4
{
	font-weight: bold;
	text-decoration: underline;
	color: #363;
}

a#l4
{
	font-weight: bold;
	text-decoration: underline;
	color: #363;
}

a#retour4
{
	font-weight: bold;
	text-decoration: none;
	color: #363;
}

a.retour
{
	font-weight: bold;
	text-decoration: underline;
	color: #363;
}

a:hover.retour
{
	background-color: #ccc;
}

span#l5
{
	font-weight: bold;
	text-decoration: underline;
	color: gray;
}

span.l5
{
	font-weight: bold;
	text-decoration: underline;
	color: gray;
}

a#l5
{
	font-weight: bold;
	text-decoration: underline;
	color: gray;
}

a.illustration
{
	font-weight: bold;
	text-decoration: underline;
	color: gray;
}

a:hover.illustration
{
	color: black;
	background-color: #ccc;
}

span.enrouge
{
	color: red;
}

span.enrouge2
{
	color: #AE0332;
}

span.enrougebarre
{
	color: red;
	text-decoration: line-through;
	text-transform: inherit;
}

span.envert
{
	color: green;
}

span.envertbarre
{
	color: green;
	text-decoration: line-through;
	text-transform: inherit;
}

span.engris
{
    color: #666;
}

span.enbleu
{
	color: #669;
}

span.souligne
{
	margin-left: -3em;
	padding-left: 0;
	text-decoration: underline;
}

/* Réserve Haut */
#reservehaut h4
{
	margin: 1em 0 0 0;
	font-size: 80%;
	color: black;
	font-weight: normal;
	text-align: right;
}

#reservehaut h4 a
{
	text-decoration: none;
	margin: 1em 0 0 0;
	font-size: 100%;
	font-weight: bold;
	color: black;
	text-align: right;
	background: #cccccc;
}

#reservehaut p
{
	margin: 1em 0 0 0;
	font-size: 80%;
	color: black;
	font-weight: normal;
	text-align: right;
	font-style: italic;
}

#reservehaut p.centre
{
	text-align: center;
}


/* Réserve */
#reserve a:hover
{
	background-color: #CCC;
}

#reserve ul
{
	margin: 0;
	padding: 0;
}

#reserve ul li
{
	display: block;
	margin: 0 0 0 1em;
	text-decoration: none;
	color: #669;
	font-weight: bold;
	font-size: 120%;
}

#reserve ul li p
{
	color: black;
	margin: 0 1em 0 -1em;
	font-weight: normal;
	font-size: 90%;
}

#reserve ul li p a
{
	color: black;
}

#reserve h3
{
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 150%;
	font-weight: bold;
	text-indent: 5px;
	color: #669;
}

#reserve h4
{
	margin: 1em 300px 1em 0;
	font-size: 100%;
	font-weight: bold;
	color: black;
	text-align: right;
}

#reserve h5
{
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	color: red;
	text-align: right;
}

#reserve h5 a
{
	margin: 0;
	font-weight: bold;
	color: #363;
	text-align: right;
}

#reserve p
{
	text-indent: 6px;
	text-align: justify;
	margin: 5px 15px;
}

/* News */
#news
{
	margin-left: 268px;
	margin-right: 20px;
	text-align: justify;
}

#news h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#news h5 
{
	margin-left: 20px;
	color: #063;
	text-align: left;
}

#news ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#news li { display: inline; }

#news a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#news a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}


#news p a
{
	color: black;
}

#news p a:hover
{
	background-color: #ccc;
}

#news span { margin-left: 10px; }

/* Insert News */
#insertnews
{
	/* margin-left: 20px;
	margin-right: 20px; */
	text-align: justify;
}

#insertnews h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#insertnews h3.anoter2
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#insertnews h3.anoter3
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#insertnews h5 
{
	margin-right: 20px;
	color: #063;
	text-align: right;
}

#insertnews ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#insertnews li { display: inline; }

#insertnews a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#insertnews a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}

#insertnews p.ennoir
{
	color: black;
}

#insertnews p span.engris
{
	color: #666;
}

#insertnews p a.interne
{
	color: black;
	text-decoration: underline;
}

#insertnews p a.externe
{
	color: black;
	text-decoration: underline;
	font-weight: bold;
}

#insertnews p a:hover
{
	background-color: #ccc;
}

#insertnews span { margin: 0px; }

#insertnews img { float: left; }

#insertnews img.illus { float: none; }

/* à découvrir */
#adecouvrir1
{
	margin: -1em 15px 0 15px;
	padding: 15px;
	font-weight: normal;
	color: black;
	text-align: justify;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}

#adecouvrir1 h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#adecouvrir1 h3.anoter2
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#adecouvrir1 h3.anoter3
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#adecouvrir1 h4
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 30px;
	color: #AE0332;
	text-align: left;
}

#adecouvrir1 h5 
{
	margin-right: 20px;
	color: #063;
	text-align: right;
}

#adecouvrir1 ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#adecouvrir1 li { display: inline; }

#adecouvrir1 a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#adecouvrir1 a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}

#adecouvrir1 p
{
	text-align: left;
}

#adecouvrir1 p.ennoir
{
	color: black;
}

#adecouvrir1 p.adroite
{
	text-align: right;
}

#adecouvrir1 p.engris
{
	color: #666;
}

#adecouvrir1 p a
{
	color: black;
}

#adecouvrir1 p a:hover
{
	background-color: #ccc;
}

#adecouvrir1 a img
{
	border-color: #FFF;
	border-width: 1px;
	border-style: solid;
}

#adecouvrir1 a:hover img
{
	border-color: #336;
	border-width: 1px;
	border-style: solid;
}

#adecouvrir1 span { margin: 0px; }

#adecouvrir1 img 
{ 
    float: left;
    margin-right: 10px;
}

#adecouvrir1 object
{ 
    float: left;
    margin-right: 10px;
}

#adecouvrir2
{
	margin: -1em 15px 0 15px;
	padding: 15px;
	font-weight: normal;
	color: black;
	text-align: justify;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}

#adecouvrir2 h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#adecouvrir2 h3.anoter2
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#adecouvrir2 h3.anoter3
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#adecouvrir2 h4
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 30px;
	color: #AE0332;
	text-align: left;
}

#adecouvrir2 h5 
{
	margin-right: 20px;
	color: #063;
	text-align: right;
}

#adecouvrir2 ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#adecouvrir2 li { display: inline; }

#adecouvrir2 a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#adecouvrir2 a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}

#adecouvrir2 p
{
	text-align: left;
}

#adecouvrir2 p.ennoir
{
	color: black;
}

#adecouvrir2 p.adroite
{
	text-align: right;
}

#adecouvrir2 p.engris
{
	color: #666;
}

#adecouvrir2 p a
{
	color: black;
}

#adecouvrir2 p a:hover
{
	background-color: #ccc;
}

#adecouvrir2 a img
{
	border-color: #FFF;
	border-width: 1px;
	border-style: solid;
}

#adecouvrir2 a:hover img
{
	border-color: #336;
	border-width: 1px;
	border-style: solid;
}

#adecouvrir1 span { margin: 0px; }

#adecouvrir2 img 
{ 
    float: left;
    margin-right: 10px;
}

#adecouvrir2 object
{ 
    float: left;
    margin-right: 10px;
}


/* Editorial */
#editorial
{
	margin: 20px 20px 20px 268px;
	text-align: justify;
}

#editorial h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#editorial h4
{
	margin-right: 120px;
	text-align: right;
	font-variant: small-caps;
	font-weight: bold;
}

#editorial h5 
{
	margin-left: 20px;
	color: #063;
	text-align: left;
}

#editorial ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#editorial li { display: inline; }

#editorial a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#editorial a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}


#editorial p a
{
	color: black;
}

#editorial p a:hover
{
	background-color: #ccc;
}

#editorial span { margin-left: 10px; }

#editorial p blockquote
{
	margin: 16px 0px;
	padding: 16px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}


/* Mises à jour */
#misajour
{
	margin-left: 268px;
	margin-right: 20px;
	text-align: justify;
}

#misajour h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#misajour h5 
{
	margin-left: 20px;
	color: #063;
	text-align: left;
}

#misajour ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#misajour li { display: inline; }

#misajour a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#misajour a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}

#misajour p
{
	margin-left: 27px;
}

/*
#misajour p a
{
	color: black;
}
*/

#misajour p a:hover
{
	background-color: #ccc;
}

#misajour span
{
    
    margin: 0;
}

/* utilphotos */
#utilphotos
{
	width: 779px;
	margin: 1em auto;
	text-align: justify;
}

#utilphotos h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 40px;
	color: #669;
	text-align: left;
}

#utilphotos h4 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-right: 40px;
	text-align: right;
}

#utilphotos ul
{
	height: 16px;
	margin: 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#utilphotos li { display: inline; }

#utilphotos h4 a
{
	text-decoration: none;
	color: green;
}

#utilphotos h4 a:hover
{
	background-color: gray;
	color: #FFF;
}


#utilphotos img
{
	margin: 10px 64px;
}


/* avisraymond */
#avisraymond
{
	margin-top: 25px;
	margin-bottom: 3em;
	padding: 0 25px 0 25px;
	text-align: justify;
}

#avisraymond img
{
	float: right;
	width: 250px;
	margin-top: 25px;
	margin-left: 15px;
	padding: 0;
	background-color: white;
}

#avisraymond ul
{
	margin: 0;
	padding: 0.1em 0.1em 0.1em 0;
	list-style-type: none;
	background-color: #FFF;
	color: #333;
	text-align: right;
}

#avisraymond li { display: inline; }

#avisraymond a
{
	padding: 0 5px 0 5px;
	color: black;
	font-style: normal;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
}

#avisraymond a:hover 
{ 
	background-color: #666;
	color: #FFF;
}
#note p
{
	margin: 1em 0 1em 0;
	color: #000;
	font-size: x-small;
	font-style: normal;
	text-align: left;
}

#listeoeuvres h5
{ color: black; }

#listeoeuvres p
{ margin: 0.5em 0 1em 1.8em; }

#listeoeuvres ul
{
	margin: 0.5em 0 1em 1em;
	padding: 1em;
	width: 400px;
	height: auto;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	background-color: white;
	list-style-type: none;
	font-size: 8pt;
	text-align: left;
	color: black;	
}

#listeoeuvres ul li ul
{
	margin: 0.5em 0 1em 4em;
	padding: 1em;
	width: 300px;
	height: auto;
	border-style: none;
	list-style-type: none;
	font-size: 8pt;
	text-align: center;
	color: black;
}

#listeoeuvres ul li
{
	display: block;
	border-width: 1px 0 2px 0;
	border-style: solid none none none;
	border-color: #666;
}

#listeoeuvres ul li ul li 
{
	display: block;
	border-width: 0;
	border-style: none;
}

#listeoeuvres a	{ color: black; }

#listeoeuvres a:hover	{ background-color: #ccc; }

/* Illustrations */
#logo
{
	float: left;
	margin-left: 100px;
	margin-top: 10px;
	padding: 0;
	background-color: white;
}

#affiche
{
	/* display: none; */
	float: left;
	width: 230px;
	margin-top: 373px;
	margin-left: -230px;
	padding: 0;
	background-color: #FFF;
}

#photos
{
	/* display: none; */
	float: left;
	width: 250px;
	margin-top: 353px;
	margin-left: -250px;
	padding: 0;
	background-color: #FFF;
}

#photos h2
{
	text-align: center;
	color: #339;
	font-style: italic;
	font-variant: small-caps;
	font-size: small;
	font-weight: lighter;
}

#photos table
{
	margin: 0px 15px 15px 15px;
	padding: 0;
}

#photos table.unecol
{
	margin: -8px 15px 15px 61px;
	padding: 0;
}

#photos table.image
{
	margin: -8px 15px 15px 10px;
	padding: 0;
}

#photos tr td
{
	margin: 0;
	padding: 0;
}

#photos td.iFrame
{
	border-color: #369;
	border-width: 1px;
	border-style: solid;
}

#photos img
{
	margin: 0;
}

#photos p
{
	margin: 5px 15px;
	font-weight: normal;
	font-size: 80%;
	font-variant: normal;
	font-style: italic;
	text-align: center;
	color: black;
}

ul.photos
{
	width: 210px;
	height: 85px;
	display: block;
	list-style-type: none;
	list-style-position: inherit;
}

.photos ul li
{
	display: block;
	list-style-type: none;
	list-style-position: inherit;
}


#photosdroite
{
	float: right;
	width: 276px;
	margin-top: 50px;
	padding: 0;
	background-color: white;
}


/*
#photosdroite
{
	float: right;
	width: 176px;
	margin-top: 20px;
	padding: 0;
	background-color: transparent;
}
*/

#postItComplet
{
	float: right;
	width: 120px;
	margin: 0 0 0 25px; 
	padding: 0;
	background-color: transparent;
}


/* Plan */
#plan
{
	margin-left: 0;
	margin-right: 300px;
	padding: 0;
	text-align: left;
}

#plan h2
{
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: black;
}

#plan h3
{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: black;
}

#plan h6
{
	margin: -2.5em 1.5em 0 0;
	padding-top: 0;
	font-weight: normal;
	font-size: 80%;
	font-variant: normal;
	font-style: italic;
	text-align: right;
	color: black;
}

#plan ul
{
	margin: 0.3em 0 0.3em 0em;
	padding: 0.3em 0.3em 0.3em 1em;
	list-style-type: disc;
	font-size: 100%;
	color: black;
	list-style-position: inside;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#plan ul ul
{
	margin: 0.3em 0 0.3em 1em;
	padding: 0.3em 0.3em 0.3em 1em;
	list-style-type: circle;
	font-size: 100%;
	color: black;
	list-style-position: inside;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}


/* Soutien */

#amifestival
{
	margin-left: 268px;
	margin-right: 20px;
	text-align: justify;
}

#amifestival span
{
	margin: 0 18px 0 18px;
	padding: 0;
}

#amifestival h1
{
	margin-top: 2em;
	padding-top: 2em;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	color: #669;
}

#amifestival h2
{
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 150%;
	font-weight: bold;
	text-indent: 5px;
	color: #669;
}

#amifestival h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#amifestival h4 
{
	margin: 0 0 0.5em 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: black;
}

#amifestival h5
{
	margin: 1em 300px 1em 0;
	font-weight: bold;
	font-size: 100%;
	text-align: right;
	color: black;
}

#amifestival h6
{
	margin: 1em 300px 1em 0;
	font-weight: bold;
	font-size: 100%;
	font-variant: small-caps;
	text-align: right;
	color: black;
}

#amifestival p
{
	margin-top: 2em;
}

#amifestival ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#amifestival li { display: inline; }

#amifestival a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#amifestival a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}



#sponsors
{
	margin-left: 268px;
	margin-right: 20px;
	text-align: justify;
}

#sponsors span
{
	margin: 0 18px 0 18px;
	padding: 0;
}

#sponsors h1
{
	margin-top: 2em;
	padding-top: 2em;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	color: #669;
}

#sponsors h2
{
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 150%;
	font-weight: bold;
	text-indent: 5px;
	color: #666;
	text-align: left;
}

#sponsors h3 
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 10px;
	color: #669;
	text-align: left;
}

#sponsors h4
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 20px;
	color: #666;
	text-align: left;
}

#sponsors h5
{
	margin-top: -1.95em;
	margin-bottom: 0.5em;
	margin-left: 30px;
	color: #666;
	text-align: left;
	font-style: italic;
}

#sponsors p
{
	margin-top: 2em;
}

#sponsors ul
{
	height: 16px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ccc;
	list-style-type: none;
	font-size: 8pt;
	text-align: right;
	color: black;
}

#sponsors li { display: inline; }

#sponsors a.retourhaut
{
	margin: 0 0 3px 0;
	padding: 0 3px 3px 3px;
	background-color: transparent;
	text-decoration: none;
	color: #363;
}

#sponsors a.retourhaut:hover
{
	background-color: gray;
	color: #363;
}

#archives tr
{
	width: 49px;
	height: 15px;
	font-size: 90%;
	text-align: center;
	color: black;
	background-color: #CCC;
}

#archives td
{
	width: 10px;
	height: 10px;
	font-size: 80%;
	text-align: center;
	color: #333;
}

td.reservation
{
	width: 10px;
	height: 10px;
	background-color: #0C0;
}

td.complet
{
	width: 10px;
	height: 10px;
	background-color: #F33;
}

#archives td h4 a
{
	margin: 0 0 0 2em;
	padding: 0;
	font-size: 100%;
	text-align: center;
	color: #036;
	background-color: transparent;
}

#archives h3
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
	color: red;
	background-color: transparent;
}

#archives td img
{
	margin: 0 18px 0 18px;
	padding: 0;
	background-color: transparent;
}

/* Footer */
#certification
{
	height: 16px;
	margin: 0 0 2em 0;
	padding: 1em 0 0.2em 0;
	border-top: 2px solid #ffcc33;
	text-align: right;
}

#certification ul
{
	display: inline;
	margin: 0;
	padding: 0 3px 0 0;
	list-style-type: none;
	border-style: none;
	background-color: transparent;
	color: #669;
}

#certification li { display: inline; }

#certification a
{
	padding: 0;
	color: white;
	text-decoration: none;
}

#certification a:hover 
{ 
	background-color: gray;
	color: #669;
}

#visitesaison
{
	height: 16px;
	margin: -3.5em 0 2em 0;
}

#visitesaison ul
{
	display: inline;
	margin: 0;
	padding: 0 3px 0 0;
	list-style-type: none;
	border-style: none;
	background-color: transparent;
	color: #669;
}

#visitesaison li { display: inline; }


/* -- Author : Luc Vanturenhout , mars 2006 à avril 2010 -- */