body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  }
//#page_h { position: relative; background-color: #f3f0eb; height: 213px; width: 1024px; top: -10px; margin: auto; }
#page { position: relative; background-color: #f3f0eb; height: 600px; width: 1024px; top: -10px; margin: auto; overflow: auto; }
#page_m { position: relative; background-color: #f3f0eb; height: 220px; width: 1024px; top: -10px; margin: auto; overflow: hidden; }
//#page2 { position: relative; background-color: #f3f0eb; height: 1024px; width: 1024px; top: -10px; margin: auto; overflow: hidden; }

#bandeau { position: relative; background-color: #195293; top: 40px; height: 140px; width: 1024px; margin: auto; }
#logo { position: absolute; left: 54px; top: -40px; z-index: 1; }
#photo { position: absolute; left: 405px; }
#menu { position: absolute;	background-color: #184e8c;	width: 1024px;	height: 33px; top: 180px; }

#page_texte { position: relative; background-color: #e9e4db; width: 719px; height: 3000px; top: 20px; left: 255px;  }
#page_texte_contact { position: relative; background-color: #e9e4db; background-repeat: no-repeat; 	background-image: url("./images_site/fond_page3.jpg");  background-attachment: scroll; width: 719px; height: 2040px; top: 20px; left: 205px; overflow: auto; overflow-x: hidden; background-position: top;  }

h1 { padding-left: 20px; padding-top: 2px; color: #1d4380; padding-bottom: 0px; }
h2 { padding-left: 20px; color: #1d4380; font-size: 18px; }
#interpetit { padding-left: 20px; color: #1d4380; font-size: 16px; padding-right: 10px; }
p { padding-left: 20px; padding-right: 20px; text-align: justify; }
.gauche { float:left; margin-right: 20px; margin-bottom: 10px; margin-top: 10px; }
.gauche2 { float:left; margin-right: 20px; margin-bottom: 40px; margin-top: 10px; }
.gauche3 { float:left; margin-right: 30px; margin-bottom: 40px; margin-top: 4px; }
#texte_courant { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #1d4380; /*margin: 30px; */}
.texte_courant { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #1d4380; /*margin: 30px; */}
#texte_courant a {  color: #fa8d00; text-decoration: none; /*margin: 30px; */}
.center { text-align: center; }
.signature { color: #1d4380; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; font-style: italic; font-weight: bold; }
.invisible { color: #f3f0eb; }
#video { float: left; }

#quel_stage { font-size: 22px; }
.etat-civil, .adresse, .message { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #1d4380; margin: 10px; }
input { margin-bottom: 10px; }
button { float: center; margin-right: 30px; margin-top: 10px; }
.champ_centre { margin-left: 20px; }
h2 a { padding-left: 30px; color: #1d4380; font-size: 18px; text-decoration: none; }
h2 a:hover { padding-left: 30px; color: #fd7904; font-size: 18px; text-decoration: none; }
#okbtn { position: absolute; float: right; right: 20px; margin-top: -120px; }
.picto_contact a img { position: relative; text-decoration: none; border: 0; margin-right: 10px; padding-top: 0px; }

.error {font-weight: normal; font-size: 12px; font-style: italic; font-weight: bold; color: #c1401e; text-decoration: blink; margin-left: 4px; }
#musique { position: absolute; right: 20px; top: 10px; }

//#rue { padding-left: 30px; }
//#etat-civil { font-weight: bold; font-size: 16px; }
.cartes { float: left; position: absolute; top: 138px; left: 15px; padding-top: 5px; }
#menu li { list-style-type: none; display: block; float: left; left: 405px; top: 180px; }
 
.menu_stages { position: absolute; top: 21px; left: 10px; width: 200px; font-size: 14px; }
#menu_stages li { list-style-type: none; display: block; /*float: left; left: 405px; top: 180px;*/ }
#les_stages li { position: relative; left: -8px; list-style-type: none; display: block; padding-top: 0px; padding-bottom: 7px; }
#les_stages a { text-decoration: none; color: #2c67a8; }
.bold { font-weight: bolder; font-size: 16px;  margin-bottom: -6px; }
.bold2 { font-weight: bolder; font-size: 12px;  margin-bottom: -6px; }
.animateur { display: block; float: left; margin-right: 4px; }
.txt_bold { font-weight: bold; }
.ital { font-style: italic; }

#links { position: absolute; top: 500px; left: 15px; width: 180px; font-size: 10px; text-align: left; }
#credits { position: absolute; top: 330px; left: 15px; width: 180px; font-size: 10px; text-align: left; }
#credits a {text-decoration: none; color: #f906eb; font-weight: bolder; }
//#menu ul { margin: 0px; }

li#edito a { position: absolute; top: 0px; left: 405px; height: 33px; width: 104px; z-index: 1; display:block; background-image:url("./images_site/edito_a.png"); }
li#stages a { position: absolute; top: 0px; left: 509px; height: 33px; width: 104px; z-index: 1; display:block; background-image:url("./images_site/stages_a.png"); }
li#santorin a { position: absolute; top: 0px; left: 613px; height: 33px; width: 104px; z-index: 1; display:block; background-image:url("./images_site/santorin_a.png"); }
li#oia a { position: absolute; top: 0px; left: 717px; height: 33px; width: 104px; z-index: 1; display:block; background-image:url("./images_site/oia_a.png"); }
li#contact a { position: absolute; top: 0px; left: 821px; height: 33px; width: 105px; z-index: 1; display:block; background-image:url("./images_site/contact_a.png"); }

#bulletin_inscription { background-color: white; display: block; border: #1d4380 3px solid; padding: 30px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #1d4380; }

/*li#edito a:hover, #edito:focus { background-image:url("./images_site/edito_b.png"); }
li#edito a.actif { background-image:url("./images_site/edito_c.png"); }
li#edito a.actif:hover { background-image:url("./images_site/edito_b.png"); }

li#stages a:hover, #stages:focus { background-image:url("./images_site/stages_b.png"); }
li#stages a.actif { background-image:url("./images_site/stages_c.png"); }
li#stages a.actif:hover { background-image:url("./images_site/stages_b.png"); }

li#santorin a:hover, #santorin:focus { background-image:url("./images_site/santorin_b.png"); }
li#santorin a.actif { background-image:url("./images_site/santorin_c.png"); }
li#santorin a.actif:hover { background-image:url("./images_site/santorin_b.png"); }

li#oia a:hover, #oia:focus { background-image:url("./images_site/oia_b.png"); }
li#oia a.actif { background-image:url("./images_site/oia_c.png"); }
li#oia a.actif:hover { background-image:url("./images_site/oia_b.png"); }

li#contact a:hover, #contact:focus { background-image:url("./images_site/contact_b.png"); }
li#contact a.actif { background-image:url("./images_site/contact_c.png"); }
li#contact a.actif:hover { background-image:url("./images_site/contact_b.png"); }*/