/* STYLES MISE EN PAGE */

body {
	background-color: #1E1506; font-family: Verdana
	}
	
/* MISE EN FORME */
		
.columndroit {
	background-color: #FFFFFF; width: 310px; position: absolute; top: 0px; left: 689px
	}

.marg1, .marg2 {
	background-color: #1E1506; width: 25px; height: 25px
	}
	
.marg1 {
	position: relative; top: 0px; left: 999px
	}

.marg2 {
	position: absolute; top: 25px; left: 999px
	}
	
	
#fondsable {
	padding: 1px 0px 25px 0px; width: 664px; background-color: #E3DBC3; min-height: 350px
	}
	
#fondblanc {
	width: 974px; background-color: #FFFFFF
	}
	
#fondbody {
	margin-left: 25px; width: 999px; background-color: #1E1506
	}
	
#header, #ventre, #footer, #inter {
	position: relative; margin-left: auto; margin-right: auto; width: 1024px
	}
	
#header, #ventre, #footer {
	background-color: #769453
	}
	
#inter {
	background-color: #1E1506
	}
	
#spacer {
	background-color: #E3DBC3; margin-left: 25px; margin-right: 25px; height: 25px
	}
	
#head1, #head2, #head3 {
	margin-left: 25px
	}

#head1 {
	background: url(/img/header_01.gif); width: 999px; height: 25px
	}

#head2 {
	background: url(/img/header_new.gif); width: 999px; height: 65px
	}

#head3 {
	background: url(/img/header_04.gif); width: 999px; height: 25px
	}
	
#date {
	position: absolute; top: 20px; left: 770px; font-size: 14px; text-align: center
	}
	
#logo {
	position: absolute; top: 7px; left: 50px
	}	
	
.media {
	background-color: #BFB091; width: 283px; padding-right: 25px; padding-bottom: 5px
	}
	
.mediaenigme {
	position: relative; float: left; left: 25px; top: 0px; background-color: #BFB091; width: 283px; padding-right: 25px; padding-bottom: 5px
	}	
		
.foot1 {
	position: absolute; background-color: #FFFFFF; width: 949px; height: 25px; left: 50px
	}

.foot2 {
	background: url(/img/footer_01.gif); width: 50px; height: 25px; position: relative; top: 0px; left: 664px
	}

.foot3 {
	background: url(/img/footer_02.gif); width: 25px; height: 25px; position: absolute; top: 50px; left: 0px
	}

.foot4 {
	background: url(/img/footer_03.gif); width: 25px; height: 25px; position: relative; top: 0px; left: 999px
	}
	
.lettrine {
	width: 81; height: 81; float: left; margin-right: 10px
	}
	
.boutontelecharger {
	float: right; margin-left: 5px; margin-right: 120px
	}


/* STYLES TYPO PARAGRAPHES */

#tablegauche {
	position: absolute; width: 307px; left: 380px; top: 210px; border-left: #B0A287 1px solid; border-bottom: #B0A287 1px solid
	}
	
#tablegaucheind {
	position: absolute; width: 307px; left: 380px; top: 18px; border-left: #B0A287 1px solid; border-bottom: #B0A287 1px solid
	}
	
.chapo {
	padding-left: 25px; padding-right: 25px; padding-bottom: 20px; padding-top: 9px; border-bottom: #B0A287 1px solid; font-size: 14px; line-height: 24px; font-weight: bold
	}
	
.contenugauche1 {
	padding-left: 25px; padding-right: 325px; font-size: 12px; line-height: 18px
	}
	
.contenuenigme {
	padding: 0px 25px 0px 350px; font-size: 12px; line-height: 18px; color: #F06600; font-weight: bold
	}	
	
.contenugauche2, h1, .telecharger {
	width: 269px; padding-left: 14px; padding-right: 25px;
	}
	
.contenugauche2 {
	font-size: 12px; line-height: 16px; color: #F06600; font-weight: bold
	}
	
h1 {
	color: #F06600; font-size: 30px; font-weight: bold
	}
	
h2 {
	color: #F2EBD6; font-size: 14px; font-weight: bold; padding: 2px 25px 2px 25px
	}
	
h3 {
	font-size: 24px; line-height: 26px; font-weight: bold; color: #B0A287
	}
			
a {
	color: #000; text-decoration: none;
	}	

a img {
	border: none
	}
	
.lien {
	color: #EE4400; padding: 0px 15px 25px 0px
	}

a:hover {
	color: #000
	}
	
.baseline a:hover{
	color: #FFF; text-decoration: underline
	}

.baseline {
	position: absolute; margin-left: 50px; font-size: 9px
	}
	
.filetbas a {
	color: #EE4400; text-decoration: underline
	}
	
.filetbas a:hover {
	color: #B0A287
	}
	
.bouton {
	font-size: 14px; background-color: #F06600; border: #EE4400 4px solid; border-left: #F08800 4px solid; border-top: #F08800 4px solid
	}
	
.bouton1 {
	font-size: 12px;  background-color: #769453; border: #647A49 4px solid; border-left: #8FA672 4px solid; border-top: #8FA672 4px solid
	}
	
.bouton2 {
	font-size: 14px;  background-color: #769453; border: #647A49 4px solid; border-left: #8FA672 4px solid; border-top: #8FA672 4px solid
	}
	
/* BOUTON NAV */

.menu, .menu2 {
	left: 25px;	top: 25px
	}
	
.menu, .menu2, .menu div {
	position: absolute; width: 130px
	}

.smenu {
	visibility: hidden; left: 130px; top: 0
	}

.menu a, .menu #actif, .menu2 a, .menu2 #actif {
	text-decoration: none; padding: 5px; display: block; text-align: center; color: #FFFFFF
	}

	
* html .menu a {
	height: 1px; /* IE hack */
	}
	
* html .menu2 a {
	height: 1px; /* IE hack */
	}
	
.menu a:hover {
	border: #F08800 4px solid; border-top: #EE4400 4px solid; border-left: #EE4400 4px solid
	}
	
.menu2 a:hover {
	border : #8FA672 4px solid; border-top:  #647A49 4px solid; border-left: #647A49 4px solid
	}
	
.smenu a:hover {
	border : #8FA672 4px solid; border-top:  #647A49 4px solid; border-left: #647A49 4px solid
	}
	
.menu #actif {
	cursor: default; background-color: #FC0; color: #000
	}
	
.menu2 #actif {
	cursor: default; background-color: #FC0; color: #000
	}
	
.menu .sel {
	color: #000
	}
	
.telecharger {
	float: left; font-size: 10px; color: #000000; padding: 2px 0px 2px 25px; border-bottom: #000000 1px solid; border-top: #000000 1px dashed
	}
	
/* FORMULAIRE */

.labeltxt {
	color: #524A3B; font-size: 11px; padding-left: 25px; font-weight: bold
	}
	
.champtxt {
	color: #524A3B; font-size: 10px; padding-right: 25px; text-align: right
	}
	
label {
	display: block; width: 200px; float: left
	}
	
input, fieldset, textarea, select {
	border-left: #B0A287 2px solid; border-top: #B0A287 2px solid; border-bottom: #BFB091 1px solid; border-right: #BFB091 1px solid
	}
	
.champ {
	width: 300px
	}	
	
fieldset {
	margin: 0px 25px 25px 25px
	}
	
legend {
	font-size: 14px; font-weight: bold; color: #B0A287
	}
	
.mentiontxt {
	font-size: 10px; line-height: 14px; padding: 0px 25px 0px 25px
	}
	
.regletxt {
	font-size: 14px; line-height: 20px; padding: 0px 25px 10px 25px
	}
	
.regletxt a {
	color: #E40; text-decoration: underline
	}
	
.regletxt a:hover {
	color: #B0A287; text-decoration: underline
	}
		
li {
	list-style-type: none; padding: 0px
	}
	
.entree {
	font-weight: bold; padding-top: 5px
	}	
	
.list {
	list-style-type: square
	}
	
.filetbas {
	border-bottom: #B0A287 1px solid; padding-bottom: 5px
	}
	
.nav {
	font-size: 9px; color: #E40; padding: 1px 50px 3px 25px; width: 588px; border-bottom: #EE4400 1px solid; border-top: #EE4400 1px solid
	}
	
	
/* QUESTION */

.question {
	position: absolute; margin-left: 25px; top: 50px; width: 521px; margin-bottom: 10px; padding: 5px 10px 10px 5px; font-size: 11px; color: #3D3B36
	}
	
.reponse {
	position: relative; margin-left: 564px; margin-top: 0px; width: 100px; background-color: #B0A287;
	}
	
.non {
	font-size: 16px; line-height: 24px; color: #B0A287; text-align: center; font-style: oblique; margin-bottom: 60px
	}
	
.non a {
	color: #E40; text-decoration: underline
	}
	
.non a:hover {
	color: #000000
	}
	
.credit {
	font-size: 10px; color: #000000; padding-left: 14px
	}
	
#meteorite {
	 background-image: url(/img/meteorite.gif); background-repeat: no-repeat; background-position: top
	 }
	 
h4 {
	text-align: center; border: #B0A287 3px solid; background-color: #E3DBC3; font-size: 30px; color: #B0A287; font-weight: bold; padding-bottom: 10px; padding-top: 6px
	}
		
.meteoritetxt {
	font-size: 11px; font-weight: normal; line-height: 16px
	}
	
.case {
	padding-top: 280px; padding-bottom: 15px; margin-left: 160px; margin-right: 140px
	}
	
.errtxt, .acctxt {
	font-size: 14px; line-height: 25px; padding-top: 150px; text-align: center
	}
	
.acctxt {
	color: #769453; padding-bottom: 200px; font-weight: bold
	}
	
.errtxt, .errtxt1 {
	color: #E40
	}
	
.errtxt1 {
	font-size: 12px; text-align: center
	} 
	
h5 {
	margin: 0px 0px 10px 25px; padding: 2px; background-color: #EE4400; font-size: 15px; font-weight: bold; color: #E3DBC3
	}
	
.questiontxt, .reponsetxt, .titre {
	border-left: 1px solid; border-right: 1px solid; padding: 4px; margin-left: 25px; margin-right: 15px
	}
	
.questiontxt {
	font-size: 12px; color: #000; border-top: 1px solid; border-color: #B0A287
	}
	
.reponsetxt {
	border-top: 1px dotted; border-bottom: 1px solid; border-color: #B0A287; font-size: 14px; font-weight: bold; color: #E40; text-align: right; padding-right: 15px
	}
	
.titre {
	background-color: #EE4400; border-color: #EE4400; font-size: 12px; font-weight: bold; color: #FFF
	}
	
.titre a {
	text-decoration: underline; color: #E3DBC3; font-size: 10px; font-weight: normal; margin-left: 200px; border-left: #E3DBC3 4px solid; padding-left: 5px
	}
	
.titre a:hover {
	color: #fff
	}
	
.case1, .case2 {
	width: 196px; height: 196px; border: #B0A287 1px solid; background-image: url(/img/prochain.gif)
	}
	
.case1 {
	margin-left: 25px; float: left
	}
	
.case2 {
	margin-right: 25px; float: right
	}
		
.case3 {
	height: 196px; border: #B0A287 1px solid; margin-right: 234px; margin-left: 234px; margin-top: 12px; background-image: url(/img/prochain.gif)
	}
	
.casetxt {
	font-size: 12px; text-align: center; color: #B0A287
	}
	
.casetxt a {
	color: #E3DBC3
	}
	
.casetxt a:hover {
	color: #FFF
	}

.case1high {
	width: 193px; height: 193px; border: #E40 3px solid; background-color: #E40; margin-left: 25px; float: left
	}
	
.case2high {
	width: 193px; height: 193px; border: #E40 3px solid; background-color: #E40; margin-right: 25px; float: right
	}
	
.case3high {
	width: 193px; height: 193px; border: #E40 3px solid; background-color: #E40; margin-left: 25px; margin-right: 234px; margin-left: 234px; margin-top: 12px
	}