/* Brun des cadres :      #63101b
 */

*
{
   margin: 0;
   padding: 0;
   font-family: "Verdana", arial, sans-serif;
}

body, p, h1, h2, h3, h4, h5, h6, th, td
{
   font-size: 10pt;
   font-weight: normal;
}

body
{
   padding: 10px;
   background-image: url('images/bg.gif');
}

body
{
   text-align: center;
}

.small
{
   font-size: 8pt;
}

a
{
   text-decoration: underline;
   color: black;
}

a.boxed
{
   text-decoration: none;
 }

a:hover
{
   color: red;
}

#top
{
   width: 974px;
   border: 0px solid #63101b;
   border-top: none;
   border-bottom: none;
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff;
   background-image: url('images/top.png');
   background-repeat: repeat;
   background-position: bottom left;
   text-align: left;
}

#main
{
   width: 970px;
   border: 1px solid #63101b;
   border-top: none;
   border-bottom: none;
   margin-left: auto;
   margin-right: auto;
   min-height: 600px;
   _height: 600px;
   background-color: #ffffff;
   background-image: url('images/top.png');
   background-repeat: repeat;
   background-position: bottom left;
   text-align: left;
}

#bas
{
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   background-image: url('images/bas.png');
   width: 970px;
   height: 32px;
   border: 1px solid #63101b;
   border-top: none;
   border-bottom: none;
}

#bas p
{
   line-height: 32px;
   color: #ffeacd;
   padding-left: 3px;
   padding-right: 3px;
}

#bas a
{
   color: #ffeacd;
   text-decoration: none;
}

#bas a:hover
{
   color: #ff9600;
}

#left
{
   position: absolute;
}

#left div.box
{
   border: 0px solid black;
   width: 170px;
   margin: 0px;
   margin-left: 2px;
   margin-top: 15px;
   background-color: #ffeacd;
   background-image: url('degbro.png');
   background-repeat: repeat-x;
}

#left div
{
   border: 1px solid black;
   width: 180px;
   margin: 5px;
   margin-top: 15px;
   background-color: #ffeacd;
}

#left div h1
{
   font-weight: bold;
   border: 2px solid lightblue;
   border-left: 6px solid black;
   border-bottom: 3px solid black;
   padding: 2px;
   text-align: center;
   width: 135px;
   background-color: #63101b;
   position: relative;
   top: -10px;
   left: 20px;
color: #ffffff; }

#content
{
   position: relative;
   left: 200px;
   width: 760px;
   padding-top: 1em;
   padding-bottom: 0em;
}

#content hr
{
   border: none;
   border-top: 2px solid #63101b;
}

#content th
{
   font-weight: bold;
   padding-right: 5px;
}

#content iframe
{
   margin-top: 1em;
   width: 740px;
   height: 500px;
}

#content p
{
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

#content li
{
   margin-left: 2em;
}

#content li li
{
   margin-left: 4em;
}

#content li li li
{
   margin-left: 6em;
}

#content table
{
   border-collapse: collapse;
}

#content td
{
   padding: 3px;
}

#content h1, #content p.title
{
   margin-bottom: 1em;
   width: 70%;
   font-size: 120%;
   font-weight: bold;
   border-bottom: 2px solid #63101b;
}

#content h2, #content p.subtitle
{
   margin-top: 1em;
   margin-bottom: 1em;
   font-size: 110%;
   font-weight: bold;
}

#content p.imgtitle img
{
   position: relative;
   float: right;
   margin-right: 25px;
   top: -30px;
}

#content span.subpage
{
   position: absolute;
   right: 230px;
   font-size: 10pt;
}

table.namelist
{
   width: 500px;
   background-color: #f3101b;
   border: 1px solid black;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

body div table td.boxTop
{
   padding: 4px;
   font-weight: bold;
   text-align: center;
   background-color: #f3101b;
   color: white;
   border: 1px solid black;
} 

/* Boxes spéciales */
div#calendar p
{
   font-size: 8pt;
   padding-left: 3px;
   margin-bottom: 5px;
}

/* Interview */

#content .q { font-weight: bold; }
#content .r { font-style: italic; margin-left: 1em; margin-right: 1em; }

#content #f0, #content #f1, #content #f2
{
   font-size: 120%; 
   margin: 0; 
	width: 300px; 
   padding: 10px;
   border: 2px solid black;
   font-style: italic;
   background-color: #ff9600;
   color: black;
   text-align: left;
}

#content #f0 {
   width: 80px;
}

#content #f1 {
   margin-left: 20px;
	float: right;
}

#content #f0, #f2 {
   margin-right: 20px;
	float: left;
}

.tout {
	background-image: url(../gifs/tout.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 5px;
    margin-left: 5px;
}
.tout:hover {
	background-image: url(../gifs/tout_over.gif);
}

.oceanie {
	background-image: url(../gifs/oceanie.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 5px;
    margin-left: 80px;
}
.oceanie:hover {
	background-image: url(../gifs/oceanie_over.gif);
}

.europe {
	background-image: url(../gifs/europe.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 5px;
    margin-left: 5px;
}
.europe:hover {
	background-image: url(../gifs/europe_over.gif);
}

.asie {
	background-image: url(../gifs/asie.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 5px;
    margin-left: 80px;
}
.asie:hover {
	background-image: url(../gifs/asie_over.gif);
}

.amerique {
	background-image: url(../gifs/amerique.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 5px;
    margin-left: 5px;
}
.amerique:hover {
	background-image: url(../gifs/amerique_over.gif);
}

.afrique {
	background-image: url(../gifs/afrique.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 5px;
    margin-left: 80px;
}
.afrique:hover {
	background-image: url(../gifs/afrique_over.gif);
}


.auto_off_sel {
	background-image: url(../gifs/auto_off.gif);
	border: 1px solid brown;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_off {
	background-image: url(../gifs/auto_off.gif);
	border: none;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_off:hover {
	background-image: url(../gifs/auto_off_over.gif);
}

.auto_write_mg_sel {
	background-image: url(../gifs/auto_write_mg.gif);
	border: 1px solid brown;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 5px;
}
.auto_write_mg {
	background-image: url(../gifs/auto_write_mg.gif);
	border: none;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 5px;
}
.auto_write_mg:hover {
	background-image: url(../gifs/auto_write_mg_over.gif);
}

.auto_write_fr_sel {
	background-image: url(../gifs/auto_write_fr.gif);
	border: 1px solid brown;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_write_fr {
	background-image: url(../gifs/auto_write_fr.gif);
	border: none;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_write_fr:hover {
	background-image: url(../gifs/auto_write_fr_over.gif);
}

.auto_read_mg_sel {
	background-image: url(../gifs/auto_read_mg.gif);
	border: 1px solid brown;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 5px;
}
.auto_read_mg {
	background-image: url(../gifs/auto_read_mg.gif);
	border: none;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 5px;
}
.auto_read_mg:hover {
	background-image: url(../gifs/auto_read_mg_over.gif);
}

.auto_read_fr_sel {
	background-image: url(../gifs/auto_read_fr.gif);
	border: 1px solid brown;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_read_fr {
	background-image: url(../gifs/auto_read_fr.gif);
	border: none;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_read_fr:hover {
	background-image: url(../gifs/auto_read_fr_over.gif);
}

.auto_speak_mg_sel {
	background-image: url(../gifs/auto_speak_mg.gif);
	border: 1px solid brown;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 5px;
}
.auto_speak_mg {
	background-image: url(../gifs/auto_speak_mg.gif);
	border: none;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 5px;
}
.auto_speak_mg:hover {
	background-image: url(../gifs/auto_speak_mg_over.gif);
}

.auto_speak_fr_sel {
	background-image: url(../gifs/auto_speak_fr.gif);
	border: 1px solid brown;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_speak_fr {
	background-image: url(../gifs/auto_speak_fr.gif);
	border: none;
    width: 72px;
    height: 70px;
    margin-top: 0px;
    margin-left: 80px;
}
.auto_speak_fr:hover {
	background-image: url(../gifs/auto_speak_fr_over.gif);
}

.claxon_on {
	background-image: url(../gifs/claxon_on.gif);
	border: none;
    width: 120px;
    height: 120px;
    margin-top: 5px;
    margin-left: 10px;
}
.claxon_off {
	background-image: url(../gifs/claxon_off.gif);
	border: none;
    width: 120px;
    height: 120px;
    margin-top: 5px;
    margin-left: 10px;
}
.clochette_on {
	background-image: url(../gifs/clochette_on.gif);
	border: none;
    width: 120px;
    height: 120px;
    margin-top: 5px;
    margin-left: 10px;
}
.clochette_off {
	background-image: url(../gifs/clochette_off.gif);
	border: none;
    width: 120px;
    height: 120px;
    margin-top: 5px;
    margin-left: 10px;
}
.musique_on {
	background-image: url(../gifs/musique_on.gif);
	border: none;
    width: 120px;
    height: 120px;
    margin-top: 5px;
    margin-left: 10px;
}
.musique_off {
	background-image: url(../gifs/musique_off.gif);
	border: none;
    width: 120px;
    height: 120px;
    margin-top: 5px;
    margin-left: 10px;
}
.ordered_sel {
	background-image: url(../gifs/ordered.gif);
	border: 1px solid brown;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 120px;
    margin-bottom: -20px;
}
.ordered {
	background-image: url(../gifs/ordered.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 120px;
    margin-bottom: -20px;
}
.ordered:hover {
	background-image: url(../gifs/ordered_over.gif);
	border: 2px;
}

.random_sel {
	background-image: url(../gifs/random.gif);
	border: 1px solid brown;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: -20px;
}

.random {
	background-image: url(../gifs/random.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: -20px;
}

.gasy_sel {
	background-image: url(../gifs/gasy.gif);
	border: 1px solid brown;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: -20px;
}

.gasy {
	background-image: url(../gifs/gasy.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: -20px;
}

.gasy:hover {
	background-image: url(../gifs/gasy_over.gif);
	border: 2px;
}

.french_sel {
	background-image: url(../gifs/french.gif);
	border: 1px solid brown;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: -20px;
}

.french {
	background-image: url(../gifs/french.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: -20px;
}

.french:hover {
	background-image: url(../gifs/french_over.gif);
	border: 2px;
}

.write_mg {
	background-image: url(../gifs/write_mg.gif);
	border: none;
    width: 120px;
    height: 70px;
    margin-top: 40px;
    margin-left: 0px;
}
.write_mg:hover {
	background-image: url(../gifs/write_mg_over.gif);
	border: 2px;
}

.write_fr {
	background-image: url(../gifs/write_fr.gif);
	border: none;
    width: 120px;
    height: 70px;
    margin-top: 40px;
    margin-left: 0px;
}
.write_fr:hover {
	background-image: url(../gifs/write_fr_over.gif);
	border: 2px;
}

.speak_mg {
	background-image: url(../gifs/speak_mg.gif);
	border: none;
    width: 120px;
    height: 70px;
    margin-top: 40px;
    margin-left: 0px;
}
.speak_mg:hover {
	background-image: url(../gifs/speak_mg_over.gif);
	border: 2px;
}

.speak_fr {
	background-image: url(../gifs/speak_fr.gif);
	border: none;
    width: 120px;
    height: 70px;
    margin-top: 40px;
    margin-left: -220px;
}
.speak_fr:hover {
	background-image: url(../gifs/speak_fr_over.gif);
	border: 2px;
}

.reveal_one {
	background-image: url(../gifs/reveal_one.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 15px;
    margin-left: -180px;
}
.reveal_one:hover {
	background-image: url(../gifs/reveal_one_over.gif);
	border: 2px;
}

.previous {
	background-image: url(../gifs/previous.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 15px;
    margin-left: 25px;
}
.previous:hover {
	background-image: url(../gifs/previous_over.gif);
	border: 2px;
}

.next {
	background-image: url(../gifs/next.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 15px;
    margin-left: 0px;
}

.next:hover {
	background-image: url(../gifs/next_over.gif);
	border: 2px;
}

.reveal_all {
	background-image: url(../gifs/reveal_all.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 15px;
    margin-left: 25px;
}
.reveal_all:hover {
	background-image: url(../gifs/reveal_all_over.gif);
	border: 2px;
}

.reveal_ear {
	background-image: url(../gifs/reveal_ear.gif);
	border: none;
    width: 150px;
    height: 70px;
    margin-top: 15px;
    margin-left: 25px;
}
.reveal_ear:hover {
	background-image: url(../gifs/reveal_ear_over.gif);
	border: 2px;
}

.myimg {
  border: 5px solid #555;
}
.myp {
	margin-left: 48px;
	width: 450px;
}

.mybox{
   max-width: 513px;
   max-height: 370px;
   overflow:auto;
}