BODY
{
    margin: 0px;
    padding: 0px;
    /*background-color: par saison */
}

TABLE.main
{
    margin: 0px 0px 0px 0px;
    width: 1000px;
    height: 951px;
    /*background-image: url(images/ima3.jpg); affecté dans default.asp */
}

TABLE.fond
{
    background-repeat: no-repeat;
    /*background-image: par saison */
}

DIV.main
{
    position: relative;
    width: 1000px;
    height: 951px;
}

#FLAGS
{
    position: absolute;
    left: 850px;
    top: 5px;
    width: 150px;
}

/* ?
DIV.btn1
{
    width: 150px;
    height: 50px;
    margin: 0px 0px 20px 0px;
    color: #008A2E;
    background-color: White;
    font-size: 15pt;
    font-family: Arial;
}
*/

#VIDEO
{
    position: absolute;
    top: 206px;
    left: 200px;
    width: 536px;
    height: 302px;
}

#JET-MON, #JET-MIK, #JET-ISA
{
    position: absolute;
    display: none;
    /*filter: alpha(opacity=0); /* IE */
    /*opacity: 0.0;*/
    width: 40px;
    height: 40px;
    background:none !important;
}
#JET-MON { top:  35px; left: 565px; }
#JET-MIK { top: 245px; left: 925px; }
#JET-ISA { top: 420px; left: 760px; }
/*
#JET-MON { top:   0px; left: 580px; }
#JET-MIK { top: 150px; left: 850px; }
#JET-ISA { top: 340px; left: 800px; }
*/



#BTN-MON, #BTN-MIK, #BTN-ISA
{
    position: absolute;
	/*border: solid 1px black;*/
}
#BTN-MON { top:  60px; left: 580px; width: 225px; height: 110px; }
#BTN-MIK { top: 200px; left: 750px; width: 230px; height: 160px; }
#BTN-ISA { top: 440px; left: 750px; width: 230px; height: 130px; }


.anim-mon, .anim-mik, .anim-isa
{ 
    filter: alpha(opacity=0); /* IE */
    opacity: 0.0;
    position: absolute; 
    top: 61px; left: 701px;
}
.anim-mon { top:  61px; left: 701px; }
.anim-mik { top: 195px; left: 781px; }
.anim-isa { top: 437px; left: 883px; }
/*
.fleche-mon { position: absolute; top: 40px; left: 770px; width: 45px; height: 40px; }
.fleche-mik { position: absolute; top: 190px; left: 900px; width: 42px; height: 38px; }
.fleche-isa { position: absolute; top: 567px; left: 770px; width: 41px; height: 38px; }
*/

#TSHIRT1, #TSHIRT2
{
    position: absolute;
    top: 520px; /*300*/
    width: 160px;
    height: 0px; /*200*/
    overflow: hidden;
}
#TSHIRT1 { left: 10px; }
#TSHIRT2 { left: 30px; }

#TSHIRT1H, #TSHIRT1F
{
    position: absolute;
    top: 0px;
    width: 160px;
    height: 200px;
    overflow: hidden;
}
#TSHIRT1H { left: 0px; }
#TSHIRT1F { left: 160px; width: 0px; }

#TSHIRT2H, #TSHIRT2F
{
    position: absolute;
    top: 0px;
    width: 160px;
    height: 200px;
    overflow: hidden;
}
#TSHIRT2H { left: 0px; }
#TSHIRT2F { left: 160px; width: 0px; }


#INSCRIPTION
{
    position: absolute;
    top: 297px;
    left: 10px;
    width: 185px;
    text-align: left;
}
#INSCRIPTION div.text
{
    font-size: 8pt;
    font-family: Arial;
    /*color: par saison */
    font-weight: bold;
    margin: 3px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}
#INSCRIPTION div.text P
{
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
}
IFRAME.inscription 
{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 172px;
    height: 25px;
}


#TSHIRT
{
    position: absolute;
    top: 436px;
    left: 10px;
    width: 185px;
    text-align: left;
}
#TSHIRT div.text
{
    font-size: 8pt;
    font-family: Arial;
    /*color: par saison */
    font-weight: bold;
    margin: 3px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}
#TSHIRT div.text P
{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
#BTN-TSHIRT1, #BTN-TSHIRT2
{
    width: 45px;
    height: 55px;
    display: inline;
}


#FOOTER
{
    position: absolute;
    top: 520px;
    left: 200px;
    width: 536px;
    font-size: 8pt;
    font-family: Arial;
    /*color: par saison */
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-weight: bold;
}
#FOOTER P
{
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#FACEBOOK
{
    position: absolute;
    top: 700px;
    left: 155px;
    width: 540px;
}


DIV.links
{
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

DIV.links A, DIV.links A:hover, DIV.links A:visited
{
    /* color: par saison */
    text-decoration: none;
    font-size: 20pt;
    font-family: Serif;
    line-height: 150%;
    padding: 0px 0px 1px 0px;
    font-weight: bold;
}
DIV.links A:hover
{
    /*border: par saison
    border-style: dashed; il faut mettre aussi ces 2 lignes
    border-width: 0px 0px 1px 0px;*/
}

DIV.mentions
{
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 8pt;
    font-weight: normal;
}

DIV.mentions A, DIV.mentions A:hover, DIV.mentions A:visited
{
    font-size: 8pt;
    /*color: par saison*/
}

DIV.page
{
    overflow: visible;
    text-align: left;
}

DIV.page DIV.left
{
    float: left;
    width: 300px;
    height: 500px;
}

DIV.page DIV.content
{
    float: left;
    width: 650px;
    margin: 60px 0px 0px 0px;
}

DIV.page DIV.content, DIV.page DIV.content TD
{
    font-size: 10pt;
    font-family: arial;
    font-weight: bold;
    color: #007cb0;
}

DIV.page P.titre
{
    font-size: 30pt;
    font-family: serif;
    font-weight: bold;
}

SPAN.red { color: #e3006b; }
SPAN.green { color: #55ab26; }
SPAN.bleu { color: #009edf; }

.formulaire-ecrire
{
    margin: 20px 0px 20px 0px;
}
.formulaire-ecrire P
{
    margin: 10px 0px 2px 0px;
}

DIV.faq P.question
{
    font-size: 12pt;
    font-family: Arial;
    font-weight: bold;
    color: #e30069;
    margin: 0px 0px 0px 0px;
}

/* ?
P.intro
{
    font-size: 12pt;
    font-family: arial;
    font-weight: bold;
    color: #007cb0;
    /*margin: 10px 0px 30px 0px;
    /*font-style: italic;*/
}
*/

P.texte
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    color: #007cb0;
    margin: 10px 0px 30px 0px;
}


#BTN-RETOUR
{
    width: 250px;
    height: 250px;
}

DIV.menu
{
    font-size: 20pt;
    font-family: serif;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 40px;
    line-height: 150%;
}
DIV.menu A, DIV.menu A:hover, DIV.menu A:visited
{
    text-decoration: none;
}
A.red, A.red:hover, A.red:visited { color: #e3006b; border-color: #e3006b; }
A.green, A.green:hover, A.green:visited { color: #55ab26; border-color: #55ab26; }
A.blue, A.blue:hover, A.blue:visited { color: #009edf; border-color: #009edf; }
DIV.menu A.red:hover, DIV.menu A.green:hover, DIV.menu A.blue:hover
{
    /*text-decoration: underline;*/
    
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
}


DIV.messageIE
{
    font-size: 10pt;
    font-family: arial;
    color: #000;
    background-color: #ccc;
    text-align: center;
    margin: 1px 0px 1px 0px;
    padding: 1px 0px 1px 0px;
    font-weight: bold;
}

DIV.messageIE P
{
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 5px 0px;
}


/*---------------------------------------------------------------------------
   PAGE TEMOIGNAGES (et page Ecrire en grande partie)
---------------------------------------------------------------------------*/

P.merci {
	color: #FF0000;
	text-align: left;
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: bold;
}

DIV.lien_tem
{
	margin: 15px 0px 0px 0px;
}

p.tem_recent {
    color: #bbb;
    font-style: italic;
    margin: 10px 20px 5px 0px;
    text-align: right;
    /*font-family: Arial;*/
    font-size: 10pt;
}

DIV.tem_liste {
  margin: 0px 20px 0px 0px;
  padding: 10px 0px 10px 0px;
  border: solid 0px #55ab26; /*e3006b;*/
  border-width: 1px 0px 1px 0px;
}

DIV.tem {
  border-color: #55ab26; /*e3006b;*/
  border-style: dashed;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 20px;
  padding: 0px;
}

p.tem_nom, p.tem_nomFA {
  /*font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;*/
  /*font-size: 11pt;
  font-weight: bold;*/
  margin: 0px;
  margin: 5px 0px 0px 0px;
  /*color: #e3006b;*/
}
/*
p.tem_act, p.tem_actFA, p.tem_suj, p.tem_sujFA {
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size: 10.5pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
*/
p.tem_tex, p.tem_texFA {
  padding: 0px;
  margin: 5px 0px 0px 0px;
  font-family: Georgia,Serif;
  line-height: 160%;
  font-size: 10pt;
  font-weight: normal;
  color: #044e6e;
}

p.tem_bas, p.tem_basFA, p.tem_tag  {
  text-align: right;
  font-size: 8pt;
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color: #55ab26;
  padding: 5px 5px 0px 5px;
  margin: 0px;
  text-transform: uppercase;
}
p.tem_tag  {
  /*text-align: left;*/
  font-size: 8pt;
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color: #bbb;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  /*text-transform: none;*/
}

p.tem_nomFA, p.tem_texFA, p.tem_basFA, p.tem_tagFA {
	direction: rtl;
}
p.tem_nomFA, p.tem_texFA {
	font-size: 12pt;
}

DIV.tem_reponse {
  border: dashed 1px #55ab26;
  margin: 5px 30px 10px 30px;
  padding: 5px;
}

P.tem_reponse_titre {
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size: 10.5pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

P.tem_reponse {
  margin: 0px;
  padding: 0px;
}


P.tem_link { 
	text-align: center;
	direction: ltr;
	font-family: arial;
	font-size: 10pt;
}
.tem_link_num { 
    /*font-family: arial;*/
}

P.tem_link_small { 
  font-family: arial;
  font-size: 7pt;
  line-height: 150%;
  margin: 10px 20px 10px 20px;
  text-align: center;
}

P.tem_link A, P.tem_link A:hover, P.tem_link A:visited
{
    color: #e3006b;
}

DIV.tem_langues_place
{
	margin: 10px 0px 0px 0px;
}
TABLE.tem_langues
{
	margin: 0px 0px 0px 0px;
	width: 650px;
}
DIV.tem_langue
{
	display: inline;
}

TABLE.tem_langues A, TABLE.tem_langues A:hover, TABLE.tem_langues A:visited
{
    color: #e3006b;
}


/*---------------------------------------------------------------------------
   Formulaire tem
---------------------------------------------------------------------------*/

#imgCaptcha
{
    border: solid 1px #7F9DB9;
}

P.captcha_error
{
    color: #f00;
    text-align: center;
    font-weight: bold;
}