body
{
background-color : rgb(240,235,215);
}

#conteneur
{
 position : absolute;
 top : 0px;

}

#MainFrame
{
position : absolute;
top : 61px;
left : 0;
width : 600px;
background-color : rgb(248,239,216);
}

#mainlogo
{
position : absolute;
top : 0px;
left : 0;
width : 600px;
height : 60px;
background-image : url("backlogo.jpg"); 
}

.titre1logo
{
text-align : center;
font-family : "Arial";
font-size : 15pt;
font-weight : bold;
line-height : 100%;
color : rgb(255,255,255);

/*
margin-left : 300px;
margin-top : 25px;
*/

}

.titre2logo
{
font-family : "Arial";
font-size : 12pt;
font-weight : bold;
line-height : 100%;
color : rgb(255,255,255);
margin-left : 0px;
margin-top : -12px;
}

#carte
{
 position : absolute;
 background-color : rgb(80,0,0);
 overflow : auto;
}

#loading
{
 position : absolute;
 background-color : rgb(248,239,216);
 font-weight : bold;
 text-decoration : blink;
 top : 200px;
 left : 200px;
}

.image
{border-width : 0;}

#info
{
 position : absolute;
 top : 60px;
 height : 20px;
 left : 0;
 width : 600px;
 color : rgb(200,0,0);
 background-color : rgb(80,0,0);
}

#texte
{
 padding : 5px;
 position : absolute;
 text-align : center;
 top : 150px;
 left : 150px;
 width : 100px;
 height : 100px;
 overflow : auto;
 visibility : hidden;
 font-family : "Arial";
 font-size : 10pt;
 color : rgb(100,0,0);
 background-color : rgb(255,255,255);
}

.liensOver
{
 margin-top : 3px;
 margin-left : 10px;
 margin-right : 10px;
 font-family : "Arial";
 font-size : 10pt;
 color : rgb(100,0,0);
 text-decoration : underline;
}

#selector
{
 position : absolute;
 visibility : hidden;
 height : 10px;
 width : 10px;
 border-style : solid;
 border-width : 3px;
 border-color : rgb(255,0,0);
 background-color : transparent;
}

#boxH
{
 position : absolute;
 visibility : hidden;
 height : 30px;
 width : 30px;
 background-color : rgb(255,0,0);
}

#boxH3
{
 position : absolute;
 visibility : hidden;
 height : 30px;
 width : 30px;
 background-color : rgb(255,0,0);
}

.intro
{
 margin-left : 20px;
 margin-top : 20px;
 margin-right : 20px;
 text-align : justify;
 line-height : 150%;
 color : rgb(100,0,0);
 font-family : "Verdana";
 font-size : 10pt;
 font-weight : bold;
/* background-color : rgb(80,0,0);*/
 color : rgb(255,255,255);
}

.intro a:link {color : rgb(0,255,0);  text-decoration : none; }
.intro a:visited {color : rgb(255,255,255); text-decoration : none;}
.intro a:hover {color : rgb(0,255,0); text-decoration : underline}
.intro a:active {color : rgb(200,0,0);  text-decoration : none;} 


.intro1
{
,
 font-family : "Verdana";
 font-size : 8pt;
}


.aide
{
 margin-left : 20px;
 margin-top : 20px;
 margin-right : 20px; 
 text-align : justify; 
 color : rgb(0,0,100);
/*color :rgb(255,255,255);*/
 font-family : "Verdana";
 font-size : 10pt;
}

#boxJ0
{
 position : absolute;
 background-color : rgb(80,0,0);
 color : rgb(255,255,255);
 font-family : "Arial";
 font-size : 10pt;
 font-weight : bold;
 text-align : center;
}

#buttonC
{
 position : absolute;
 height : 20px;
 width : 20px;
 font-family : "Arial";
 font-weight : bold;
 color : rgb(80,0,0);
 font-size : 9pt;
}

#boxJ1
{
 padding : 5px;
 position : absolute;
 visibility : hidden;
 width : 150px;
 color : rgb(255,255,255);
 font-family : "Arial";
 font-weight : bold;
 font-size : 10pt;
 text-align : center;
 background-color : rgb(42,158,42);
 border-style : solid;
 border-color : rgb(255,255,255);
 border-width : 5px;
}

.Stitres
{
 font-size : 12pt;
}

#boxJ2
{
 position : absolute;
 visibility : hidden;
 padding-left : 10px;
 padding-right : 10px;
 color : rgb(255,255,255);
 font-family : "Arial";
 font-weight : bold;
 font-size : 15pt;
 text-align : center;
 background-color : rgb(80,0,0);
}

#boxJ3
{
 position : absolute;
 visibility : hidden;
 color : rgb(80,0,0);
 padding : 5px;
 font-family : "Arial";
 font-size : 10pt;
 text-align : center;
 background-color : rgb(255,255,255);
}

#boxJ4
{
 position : absolute;
 visibility : hidden;
 color : rgb(255,255,255);
 padding : 5px;
 font-family : "Arial";
 font-size : 12pt;
 font-weight : bold;
 text-align : center;
 background-color : rgb(0,0,130);
 border-style : solid;
 border-color : rgb(255,255,255);
 border-width : 5px;
}

.table1
{
 text-align : left;
}

img
{
border : none;
}

.buttonStyle
{
 height : 20px;
 width : 20px;
}

.buttonStyle1
{
 height : 30px;
 background-color : rgb(80,0,0);
 color :rgb(255,255,255);
 font-family : "Arial";
 font-weight : bold;
 font-size : 10pt;
}

.buttonStyle2
{
 height : 20px;
 width : 50px;
 background-color : rgb(80,0,0);
 color :rgb(255,255,255);
 font-family : "Arial";
 font-weight : bold;
 font-size : 10pt;
}

.buttonStyle3
{
 height : 20px;
 background-color : rgb(80,0,0);
 color :rgb(255,255,255);
 font-family : "Arial";
 font-weight : bold;
 font-size : 10pt;
 text-align : center;
}


.prompt1
{
 font-weight : bold;
 color : rgb(210,0,0);
}

.prompt2
{
 font-weight : bold;
 color : rgb(0,120,0);
}

.textboxJ3
{
 margin-top : 0;
}

/* FORMULAIRE DE CONTACT */

.formtitre
{
 margin-left : 20px;
 font : 12pt "Arial";
 font-weight : bold;
 color : rgb(0,0,100);
 text-align : center;
} 

.prompt3
{
 margin-left : 20px;
 font-family : "Arial";
 font-size : 12pt;
 font-weight : bold;
 color : rgb(210,0,0);
}

.nomchamps
{
margin-left : 20px;
width : 100px;
font : bold 9pt "Arial";
color : rgb(80,0,0);

} 

.textechamps
{
margin-top : 10px;
font : 9pt "Arial";
color : rgb(80,0,0);
} 

.textemessage
{
margin-top : 10px;
margin-left : 20px;
font : 9pt "Arial";
color : rgb(80,0,0);
} 

.lienaccueil
{
 padding-bottom : 3px;
 background-color : rgb(80,0,0);
 color : rgb(255,255,255);
 padding-left : 5px;
 text-align : left;;
 font-family : Arial;
 font-size : 10pt;
 font-weight : bold;

}

.lienaccueil a:link {color : rgb(255,255,255);  text-decoration : none; }
.lienaccueil a:visited {color : rgb(255,255,255); text-decoration : none;}
.lienaccueil a:hover {color : rgb(255,255,255); text-decoration : underline}
.lienaccueil a:active {color : rgb(200,0,0);  text-decoration : none;} 

/* STYLES DU DROP DOWN MENU */

/* titre inactif du bandeau */
.menu_b_off
{
 background-color : rgb(80,0,0);
 color : rgb(255,255,255);
 padding-left : 5px;
 text-align : left;;
 font-family : Arial;
 font-size : 10pt;
 font-weight : bold;
 visibility : hidden;
}

/* titre actif du bandeau  */
.menu_b_on
{
 padding-left : 5px;
 background-color : rgb(80,0,0);
 font-family : Arial;
 font-size : 10pt;
 color : rgb(255,255,255);
 text-align : left; 
 font-weight : bold;
}

/* styles des liens */
.liens a:link {color : rgb(0,100,0);  text-decoration : none; }
.liens a:visited {color : rgb(0,100,0); text-decoration : none;}
.liens a:hover {color : rgb(200,0,0); text-decoration : underline}
.liens a:active {color : rgb(200,0,0);  text-decoration : none;} 

/* style de la boîte sous menu */
.menu_sm
{
 background-color : rgb(255,255,255);
 color : rgb(80,0,0);
 visibility : hidden;
}

/* style de la boîte liens */

.liens
{
 background-color : rgb(255,248,232);
 padding-left : 5px;
 padding-right : 5px;
 margin-top : 0px;
 margin-bottom : 0px;
 font-family : "Arial";
 font-size : 10pt;
 color : rgb(0,100,0);
 height : 150px;
 overflow : auto;
 width : 160px;
}