/* menu de droite */

#menudroit{
	background-color: #763E02;
	position: fixed;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 200px;
	z-index: 2;
}

#menudroit ul{
	text-align: left; 
	list-style-type: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	font-size: 12pt;
	font-style: bold;
	padding-left: 5px;
	padding-top: 0px;
	color: #FFFFFF;
}

#menudroit li{
	list-style-type: none; 
	list-style-image: none;
	padding-top: 50px;
}

.menudroit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	font-size: 10pt;
	color: #FFFFFF;
}

#menudroit :link {
	text-decoration: none;
	color: #FFFFFF;
}

#menudroit :visited {
	text-decoration: none;
	color: #FFFFFF;
}

#menudroit :hover {
	text-decoration: underline;
	color: #000000;
}


/* corps */

#corps{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 1;
	/*margin-left: 2%;
	margin-right: 2%;*/
}


/* titres */

#titre1 h1{
	position: absolute;
	bottom: 15px;
	left: 40%;
	right: 5%;
	text-align: center;
	font-family: Times New Roman;
	font-style: bold;
	font-size: 40pt;
	text-shadow:0 0 0.5em #FFFFFF, 0 0 0.5em #FFFFFF, 0 0 0.5em #FFFFFF;
	color: #763E02;
	z-index: 2;
}

#titre1 h2{
	position: absolute;
	margin: 0%;
	bottom: 5px;
	right: 10%;
	text-align: center;
	font-family: Times New Roman;
	font-style: bold;
	font-size: 26pt;
	text-shadow:0 0 0.4em #FFFFFF, 0 0 0.4em #FFFFFF, 0 0 0.4em #FFFFFF;
	color: #763E02;
	z-index: 2;
}

#titre2 h1{
	position: relative;
	margin: 0%;
	padding-left: 5px;
	padding-right: 205px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	font-size: 24pt;
	color: #000000;
}

#titre2 h2{
	position: relative;
	margin: 0%;
	padding-left: 5px;
	padding-right: 300px;
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	font-size: 18pt;
	color: #000000;
}

#subliminal{
	z-index:0;
	color: #FFFFFF
}

/* texte historique */

#textehisto{
	position: relative;
	text-indent: 5%;
	font-size: 12pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	padding-left: 10px;
	padding-right: 210px;
	text-align: justify;
}


/* texte projet */

#texteprojet{
	text-indent: 2%;
	font-size: 12pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	padding-left: 10px;
	padding-right: 210px;
	text-align: center;
}


/* texte travaux */

#textetravaux{
	text-indent: 2%;
	font-size: 12pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	padding-left: 10px;
	padding-right: 210px;
	text-align: center;
}

/* texte état d'esprit */

#texteesprit{
	text-indent: 2%;
	font-size: 12pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	padding-left: 10px;
	padding-right: 210px;
	text-align: center;
}


/* légende */

#legende{
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	font-style: italic;
	text-align: center;
}


/* Contacts */

#textecontacts{
	text-indent: 5%;
	font-size: 12pt;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	padding-left: 10px;
	padding-right: 210px;
	text-align: justify;
}

#formulaire{
	text-indent: 0%;
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
}

#map{
	position: relative;
	top: 0%;
	left: -15%;
	color: #0000FF;
	text-indent: 0%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: right;
}

/* sources */

#texteliens {
	font-size: 14pt;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify;
}

/* Accueil */

#accueil{
	position: fixed;
	bottom: 5px;
	right: 138px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	font-size: 12pt;
	color: #000000;
	z-index: 3;
}

#accueil :link {
	text-decoration: none;
	color: #FFFFFF;
}

#accueil :visited {
	text-decoration: none;
	color: #FFFFFF;
}

#accueil :hover {
	text-decoration: underline;
	color: #000000;
}

/* Facebook, Twitter */


#reseaux_sociaux{
	position: fixed;
	top: 5px;
	right: 5px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
	font-size: 12pt;
	color: #000000;
	z-index: 2;
}


/* autres */

hr{
	position: relative;
	left: 2%;
	height :1px;
	width: 97%;
	color : #99cc99;
	margin-left: -1%;
	z-index: 1;
}

#compteur{
	z-index: 2;
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-family: times;
	font-size: 12pt;
	text-shadow:0 0 0.5em #FFFFFF, 0 0 0.5em #FFFFFF, 0 0 0.5em #FFFFFF;
}