/* Mise en page globale */
body {
width: 820px;
margin: 10px 0 0 10px;
padding: 0;
background: #fff;
color: black;
font-family: Verdana, Helvetica, sans-serif;
behavior: url(styles/csshover.htc);
font-size: 90%;
}
span.lieu {
font-weight: bold;
color: #666;
font-size: 70%;
}
span.gras {
font-weight: bold;
}
p.petit {
font-size: 8px;
}
span.grasbleu {
font-weight: bold;
color: #1552A5;
}
span.italique {
font-style: italic;
}
table {
margin: 0;
padding: 0;
}
tr.clair {
margin: 0;
padding: 0;
background: #dae6f4;
}
tr.clair a{
margin: 0;
padding: 0;
}
tr.fonce {
margin: 0;
padding: 0;
background: #f9e6c8;
}
tr.fonce a{
margin: 0;
padding: 0;
}
td {
vertical-align: top;
margin: 0;
padding: 0.5em 0.5em 0.5em 0.5em;
}
td.inter {
height: 10px;
background: #fff;
}
p.intercale {
height: 10px;
width: 300px;
background: #fff;
}
img.photo {
width: 80px;
float: left;
padding-right: 1em;
}
img.photodroite {
width: 100px;
float: right;
padding: 1em 1em 1em 1em;
}
img.droite {
float: right;
margin: 30px 40px 0 0;
}

div#page {
margin: 0;
padding: 0;
background: #fff;
}
div#entete {
margin: 0;
padding: 0;
}
div#menuh {
width: 810px;
margin: 0;
background: #CFCFCF;
padding: 0 0 0 0.25em;
}
div#menuh a {
text-decoration: none;
color: #103A60;
font-weight: bold;
font-size: 70%;
}
div#menuh a:hover {
color: #9b0000;
}

div#agauche {
position: relative;
float: left;
width: 200px;
margin: 10px 0 0 0;
}
div#agauche img {
margin: 20px 0 0 0;
}

div#menuv {
margin: 0;
padding: 0;
}

div#menuv ul {
width: 200px;
margin: 0;
padding: 0;
background: #DFECFF;
}
div#menuv li {
list-style: none;
margin: 0;
padding: 0;
border: 2px solid #DFECFF;
background: url(img/petitcube.gif) 5% 50% no-repeat;
}
div#menuv li a {
padding: 0.5em 0 0.5em 3em;
display: block;
width: 152px;
text-decoration: none;
font-size: 80%;
font-weight: bold;
color: #1552A5;
}
div#menuv li:hover {
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
border-left: 2px solid #A30000;
border-right: 2px solid #fff;
background: #fff url(img/petitcuberouge.jpg) 5% 50% no-repeat;
}

div#espace {
width: 190px;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
background: #DFECFF;
border: 1px solid #133F6E;
}
div#espace h1{
margin: 0;
font-size: 90%;
font-weight: bold;
color: #FFF;
background: #133F6E;
padding: 0.25em 0.25em 0.25em 0.5em;
text-align: center;
}
div#espace form {
font-family: Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: 70%;
padding: 0.25em 0.25em 0.25em 0.25em;

}
div#espace table {
margin: 0;
padding: 0;
}
div#espace td {
margin: 0;
padding: 0;
vertical-align: middle;
}
div#espace form input {
margin: 0;
font-size: 110%;
}

div#aff {
width: 610px;
margin: 10px 0 0 0;
position: relative;
float: left;
border-top: 3px solid #0162C3;
}

div#position {
margin: 0;
padding: 0.20em 0 0 0.25em;
}
div#position a {
text-decoration: none;
color: #666;
font-size: 70%;
}
div#position a:hover {
color: #9B0000;
}

div#cubes {
position: relative;
float: left;
width: 70px;
height: 55px;
margin: 0;
padding: 0;
}

div#titre {
height: 55px;
position: relative;
float: left;
width: 540px;
}
div#titre h1 {
position: relative;
float: left;
width: 500px;
margin: 0;
font-size: 120%;
color: #0E69DB;
padding: 1em 0 0.25em 1em;
border-bottom: 2px solid #0162C3;
}

/* zone d'affichage des données */
div#encart {
margin: 20px 0 0 20px;
width: 580px;
}

/* zone gauche */
div.gauche {
position: relative;
float: left;
width: 245px;
margin: 0 0 0 30px;
color: #9B0000;
}
div.gauche h1 {
margin: 0;
font-size: 100%;
background: #F9E6C8;
padding: 0.25em 0.25em 0.25em 0.5em;
}
div.gauche h2 {
margin: 0;
font-size: 90%;
padding: 0.25em 0.25em 0.25em 0.5em;
}
div.gauche p {
color: #000;
margin: 0;
font-size: 80%;
padding: 0 0.25em 0.25em 0.5em;
}
div.gauche form {
margin: 0;
padding: 0.25em 0 0.25em 0;
font-size: 100%;
}
div.gauche form input {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
div.gauche form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}


/* zone milieu */
div#texte {
position: relative;
float: left;
width: 350px;
margin: 2px 0 0 10px;
padding: 0;
}
div#texte h1 {
margin: 0;
font-size: 12px;
color: #9B0000;
padding: 0.5em 0.75em 0.25em 0.5em;
}
div#texte h2 {
margin: 0;
font-size: 13px;
color: #0E69DB;
padding: 0.75em 0.75em 0.25em 0.5em;
}
div#texte h3 {
margin: 0;
width: 311px;
color: #9B0000;
text-align: center;
font-size: 100%;
background: #F9E6C8;
padding: 0.25em 0.25em 0.25em 0.5em;
border-top: 1px solid #CFCFCF;
border-right: 3px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
border-left: 1px solid #CFCFCF;
}
div#texte p {
color: #000;
text-align: justify;
text-indent: 1em;
margin: 0;
font-size: 11px;
padding: 0 0.75em 0.25em 0.75em;
}
div#texte a {
color: blue;
}
div#texte a:hover {
text-decoration: none;
}
div#texte ul {
margin: 0;
padding: 0;
padding: 0 0.75em 0.25em 2em;
}
div#texte li {
font-size: 11px;
list-style-image: url(img/pucebleue.jpg);
margin: 0.5em 0 0 0;
padding: 0;
}
div#texte form input{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
div#texte form textarea{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
div#texte p.sinscrire {
position: relative;
float: left;
width: 80px;
margin: 0;
font-size: 90%;
color: #0E69DB;
padding: 0.5em 0 0.5em 0;
border: 1px solid #CFCFCF;
}
div#texte p.sinscrire a {
text-decoration: none;
color: #9B0000;
}





/* plein encart */
div#questions {
position: relative;
float: left;
width: 530px;
margin: 20px 0 0 20px;
padding: 0;
}
div#questions h1 {
margin: 0;
font-size: 100%;
color: #9B0000;
padding: 0 0.75em 0.25em 0.5em;
}
div#questions h2 {
margin: 0;
font-size: 90%;
color: #0E69DB;
padding: 0.5em 0.75em 0.25em 0.5em;
}
div#questions p {
width: 530px;
color: #000;
text-align: justify;
margin: 0;
font-size: 11px;
padding: 0;
}
div#questions p table {
margin: 0;
padding: 0;
}
div#questions p table tr {
margin: 0;
padding: 0;
}
div#questions p table tr td {
font-size: 100%;
margin: 0;
padding: 0.5em 0.5em 0.5em 0.5em;
}
div#questions form {
color: #9B0000;
margin: 0;
padding: 1em 0 1em 1em;
}
div#questions h3 {
margin: 0;
width: 311px;
color: #9B0000;
text-align: center;
font-size: 100%;
background: #F9E6C8;
padding: 0.25em 0.25em 0.25em 0.5em;
border-top: 1px solid #CFCFCF;
border-right: 3px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
border-left: 1px solid #CFCFCF;
}
div#questions form input{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
div#questions form textarea{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
div#questions form td {
margin: 0;
padding: 0;
}
div#questions form select option {
width: 450;
margin: 0;
padding: 0;
}
div#questions a:hover {
text-decoration: none;
}

div#menuint {
position: relative;
float: left;
width: 200px;
margin: 20px 0 0 10px;
padding: 0;
}
div#menuint tr {
background: #fac85c;
}

div#menuint h1 {
margin: 0;
color: #9B0000;
padding: 0.5em 0.25em 0.5em 0.25em;
font-size: 120%;
background: #fac85c;
}
div#menuint h2 {
font-weight: normal;
margin: 0;
color: #9B0000;
padding: 0.5em 0.25em 0.5em 0.25em;
font-size: 90%;
color: #9B0000;
background: #fac85c;
}
div#menuint a {
color: blue;
}
div#menuint a:hover {
text-decoration: none;
}

div.droit {
position: relative;
float: left;
width: 240px;
margin: 0 0 0 15px;
color: #0E69DB;
}
div.droit h1 {
margin: 0;
font-size: 100%;
background: #DAE6F4;
padding: 0.25em 0.25em 0.25em 0.5em;
}
div.droit h2 {
margin: 0;
font-size: 90%;
padding: 0.25em 0.25em 0.25em 0.5em;
}
div.droit p {
color: #000;
margin: 0;
font-size: 80%;
padding: 0 0.25em 0.25em 0.5em;
}
div.droit form {
margin: 0;
padding: 0.25em 0 0.25em 0;
font-size: 100%;
}
div.droit form input {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
div.droit form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
div#menub {
position: relative;
float: left;
text-align: center;
width: 800px;
height: 1em;
margin: 10px 0 20px 0;
padding: 0;
background: #dd8C00;
padding: 0 0 0.25em 0.25em;
}
div#menub a {
text-decoration: none;
color: #FFF;
font-weight: bold;
font-size: 60%;
}
div#menub a:hover {
color: #1552A5;
}

p.tri {
margin: 0;
padding: 0;
}
p.tri form {
margin: 0;
padding: 0;
}
p.tri form select {
font-size: 95%;
margin: 0;
padding: 0;
}
p.tri form input {
font-size: 95%;
margin: 0;
padding: 0;
}
p.tri table {
margin: 0;
padding: 0;
}
p.tri table tr {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
p.tri table tr td {
vertical-align: middle;
font-size: 90%;
margin: 0;
padding: 0;
}
div#nom {
font-size: 90%;
color : #9B0000;
font-weight: bold;
margin: 0 0 20px 0;
padding: 0.5em 0 0.5em 0.5em;
border: 3px solid #9b0000;
}
div#nom a {
font-size: 80%;
color : #1552A5;
font-weight: normal;
margin: 0;
padding: 0;
}
div#nom a:hover {
text-decoration: none;
}
div#deroule {
width: 180px;
color : #9b0000;
margin: 0;
padding: 0 0.25em 0 0.25em;
background:#e8eef7;
}
div#deroule h1 {
text-align: center;
margin: 0;
font-size: 130%;
color : red;
}
div#deroule h2 {
margin: 0;
font-size: 90%;
color : blue;
}
div#deroule h3 {
text-align: center;
margin: 0;
font-size: 120%;
}
div#deroule p {
color: black;
margin: 0;
font-size: 90%;
}
div#deroule a {
color: blue;
font-size: 90%;
}
div#deroule marquee {
width: 100%;
height: 100%;
}
div.equipe {
float: left;
width: 110px;
height: 160px;
font-size: 70%;
font-weight: bold;
text-align: center;
}
div.equipe a.info img {
width: 70px;
height: 100px;
}

div.equipe a.info {
  position:relative;
  display: block;
}
div.equipe a:hover.info {
  text-decoration: none; 
  background: none;
}
div.equipe a.info span {display: none;}
div.equipe a:hover.info span {
  display: inline; 
  position: absolute;  
  top:-17em; 
  left:-23em; 
  z-index: 20; 
  background: #fac85c;
  color: #00f;
  border:1px solid #9b0000;
  width:300px; 
  text-align:left;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}
div.encadre {
padding: 20px 0 20px 0;
border: 1px solid blue;
}
table.stats {
color:black;
margin:0;
padding:0;
}
table.stats tr {
color:black;
margin:0;
padding:0;
}
table.stats  tr td {
color:black;
margin:0;
padding:0;
border:1px solid blue;
}

div#tele{
position:absolute;
width:180px;
font-size:18px;
font-weight:bold;
text-align:center;
vertical-align:middle;
color:#9c0000;
height:25px;
left:640px;
top:125px;
background: url(img/tele2.jpg);
}
div#contact{
position:absolute;
font-size:12px;
font-weight:bold;
text-align:center;
vertical-align:baseline;
color:#9c0000;
height:20px;
left:540px;
top:130px;
}