body {
  background-color: #000099;
  color: white;
  font-family: Arial, Helvetica, sans-serif; 
}

#bodyreel {
  background-color: white;
  color: black;
  margin: 0 5%;
  padding: 5px;
  text-align: justify;
}

img {
  border-width: 0px;
  margin: 1px;
}

#barre_titre h1 {
  margin: 0;
  text-align: center;
  font-size: 18pt;
  font-weight: normal;
}

#barre_titre img {
  border-width: 0px;
  margin: 0; 
}

#barre_titre td {
/*  color: #9999ff; */
  color: #f6f217;
  background-color: #000099;
}

#barre_titre {
  margin: 0;
  padding: 0;
  width: 100%;
}

.menu {
  color: white;
  background-color: #009;
  list-style-type: none;
  margin: 2px 0;
  padding: 2px 0; 
}

.menu li {
  display: inline;
  padding: 0 1ex;
}

.menu a {
  color: white;
  text-decoration: none;
}

.menu .selection {
/*  color: #99F; */
  color: #f6f217;
}

.menu {
  text-align: left;
}

#langues {
  text-align: right;
}

h2 {
  clear: both;
  text-align: center;
  color: #000099;
  font-size: 16pt;
}

.adresse {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.adresse th {
  font: inherit;
  text-align: right;
}

#pied {
  background-color: #000099;
  color: white;
  clear: both;
  text-align: center;
  margin-top: 1ex;
  padding-right: 1ex;
  font-size: 0.8em;
}

#pied a {
  color: white;
}

.titre {
  text-transform: uppercase;
}

.plus {
	font-size: 18pt;
}

.titre2 {
  text-transform: uppercase;
  text-align: left;
  font-size: 0.8em;
}

.nouveaute {
     color: red;
     font-size: 1.2em;
     margin-bottom: 1em;
}

.marche  a {
	color: #000099;
	font-weight: bold;
}

.nouveaute a {
	color: red;
}

.texte {
  /*clear: right;*/
  text-align: left;
}


#chemin {
/*
  float: left; 
  width: 40%;
  */
  text-align: left;
}

#chemin dt {
  font-weight: bold;
}

#chemin dd {
  margin-bottom: 0.3em;
}

#chemin li {
	margin-bottom: 1ex;
}

.salutation {
	text-align: left;
	padding-left: 3cm;
}
	
.note {
  float: left;
  width: 25%;
  padding: 1ex;
  margin-left: 1%;
  margin-right: 1%;
  border: 1px solid black;
}

.telephone, .titre, .titre2 {
  color: #000099;
  font-weight: bold;
}

.attention {
  color: red;
}

.section {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
}

table.colonnes {
	width: 100%;
  	margin-top: 2em;
 	margin-bottom: 2em;
}

table.palmares {
	width: 100%;
}

.palmares  th {
	background: black;
	color: white;
	font-weight: bold; 
	font-style: italic;	
}

.palmares td {
	padding: 1ex;
}

td.prix {
	font-weight: bold; 
	text-align: right;
	padding-bottom: 0;
}

.detail {
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	padding-top: 0;
}

td.laureat {
	font-weight: bold; 
	text-align: left;
}

.laureat a {
	padding-left: 5ex;
	color: black;
	font-size: 0.7em;
	text-decoration: none;
}

.laureat a:hover {
	text-decoration: underline;
}


.laureat a:before {
	content: '[';
}

.laureat a:after {
	content: ']';
}


.jury {
	text-align: left;
}

.sous-titre {
	font-style: italic;
}

#pub {
	background-color: white;
	float: right; 
}

#pub p {
	font-size: 0.7em;
	color: grey;
}

#pub img {
	display: block;
	bottom-margin: 1ex;
}

#facebook {
    background-color: white;
    float: left;
    height: 100%; 
}

#facebook p {
    font-size: 0.7em;
    color: grey;
}

#facebook img {
    display: block;
    bottom-margin: 1ex;
}

#accueil {
	width: 70%;
}

.liste-liens {
	text-align: left;
}

ul.liste-liens {
	list-style-type: none;
}

.site-partenaire {
	text-align: justify;
	color: #000099;
	text-transform: uppercase;
	margin-bottom: 1ex;
}
.site-partenaire a {
	text-decoration: none;
	text-align: justify;
	color: #000099;
	text-transform: uppercase;
	margin-bottom: 1ex;
}
.site-partenaire a:hover {
	text-decoration: underline;
}
.logo-partenaire {
	float: left;
	margin-right: 2ex;
}
	
cite,
.citation {
	display: block;
	text-align: justify;
	font-size: 0.9em;
}

cite:before {
	/*content: "&laquo;";*/
	content: open-quote;
}

cite:after {
	/*content: "&raquo;";*/
	content: close-quote;
}

.libelle {
	text-align: right;
}

.programme {
	text-align: left;
}

table.programme {
	border: 1px solid black;
	border-collapse:collapse;
	width: 100%;
}

table.programme td {
	border: 1px solid black;
	padding: 0.5ex;
}

table.programme td.titre {
    padding-top: 2em;
}

.prog-heure {
	font-weight: bold;
    text-align: center;
}

.prog-part {
	font-weight: bold;
	color: red;
	text-align: center;
}	

.message .titre {
	text-align: left;
}
.message {
	background-color: #dfe8ff;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 1em;
	padding: 1ex;
    border: 1px solid black;
}

.prefixe {
	width: 80%;
}

.logo-jury {
	float: right;
}