body {
    font-family : Verdana,Arial,Helvetica,sans-serif;
    margin-top: 6px;
    font-size: 11px;
    color: black;
    background: #ECECEC;
    text-decoration: none;
}

#logo {
	text-align: left;
	color: black;
	background-color: black;
	border: 2px solid black;
	line-height: 100%;
	margin-bottom: 1em;
	margin-top: 1em;
       
}

#logo img {
	border: 0;
        margin: 0px 0 0px 0px;
        text-align:left;
}

#textbox {
	border: 2px solid black;
	background-color: #FFFFFF;
	margin-top: 1em;
	margin-right: 0;
	margin-left: auto;
	margin-bottom: 1em;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}

#text {
    color: black;
    background-color: #FFFFFF;
	border: 2px solid black;
	line-height: 150%;
    text-align: left;
	font-size: 110%;
}

#text poster {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-variant: small-caps;
}



#text h2 {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	background: #2E374C;
	color: #FFFFFF;
	border-bottom: medium solid;
	font-weight: 900;
	font-variant: small-caps;
	border-width: 1px 1px 2px 1px;
	margin: 0 0 1em 0;
        padding: 2px 0 2px 1em;
        text-align: left;
	font-size:150%;
	border-color: black;
}

#text h3 {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 506px;
	background: #2E374C;
	color: #FFFFFF;
	border-bottom: 2px solid;
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	font-weight: 900;
	font-variant: small-caps;
	margin: 1em 0 1em 0;
        padding: 2px 0 2px 20px;
        text-align: left;
	font-size:150%;
	border-color: black;
}

#text h4 {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-variant: small-caps;
	text-decoration: underline;
	font-weight: 700;
	font-size: 140%;
        margin: 0 0 1em 0;
}

.p {
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 2em;
        border: 0em;
}

.p img{
    border: 2px;
}

.p a{
  text-decoration: none;
}

.p h7{
  font-variant: small-caps;
}

#text a {
	color: black;
}

#text a:hover {
	text-decoration: underline;
}

#menu {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
        width: 16%;
        border: 2px solid black;
	margin: 0 0 1em 0;
	float: left;
}

#celtic, #ressources, #feedback {
	color: white;
	background-color: #a8130f;
	border: 2px dashed white;
	margin: 1em 1em 1em 6%;
}

#celtic h2, #ressources h2, #feedback h2 {
	border-color: white;
	border-bottom-style: dashed;
	border-width: 0px 0px 2px 0px;
	background-image: url(bgtest.jpg);
	background-repeat: repeat;
	margin: 0;
        padding: 2px 0 2px 0;
        text-align: center;
	text-transform: uppercase;
	font-size:130%;
        color: White;
}

#celtic ul, #ressources ul, #feedback ul {
	margin-bottom: 1em;
}

#celtic li, #ressources li, #feedback li {
	display: inline;
	list-style: none;
}

#celtic a, #ressources a, #feedback a {
	color: White;
	font-size:110%;
	background-color: transparent;
	display: block;
	font-weight: 700;
        margin: 0 1em 0 -2.5em;
        padding: 3px 0 3px 0.5em;
	text-decoration: none;
}

#celtic a:hover, #ressources a:hover, #feedback a:hover {
        color: Black;
        background-color: Black;
}

#styles {
        position: absolute;
	color: white;
	background-color: transparent;
	right: 2em;
	top: 0.8em;
}

#styles h4 {
        float: right;
	text-transform: uppercase;
	margin-left: 2em;
}

#styles ul {
       	float: right;
}

#styles ul, #styles li {
	display: inline;
	list-style: none;
        font-size: 110%;
}

#styles li + li:before {
	content: "-";
}


#styles a, #language a {
	background-color: transparent;
	color: Black;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0.5em 0 0.5em;
}

#styles a:hover, #language a:hover {
	background-color: Lime;
	color: #369;
	text-decoration: none;
}

#language {
	position: absolute;
	right: 105px;
	text-align: left;
	margin-right: 1em;
	color: white;
	top: 1em;
}

#visitors {
	position: absolute;
	right: 1em;
	text-align: left;
	margin-right: 1em;
	color: white;
	top: 17em;
}

#picture {
	font-family: Georgia,"Nimbus Roman No9 L",serif;
	position: absolute;
	left: 4em;
	color: black;
	top: 1em;
	font-size: 700%
}

#language li {
	list-style: none;
        margin-bottom: 4px;
}

#ours {
	color: #dde;
	background-color: transparent;
        text-align: right;
        margin-right: 2em;
        margin-bottom: 1em;
}

#ours a {
	background-color: transparent;
	color: white;
}

#ours a:hover {
	background-color: #eff4fa;
	color: #369;
	text-decoration: none;
}

.center {
	text-align: center;
        margin: 1em 0 2em 0;
}