body {
background: #FFF url(img/qrv40.png) repeat fixed;
font-family:"Bitstream Vera Serif", Bitstream,serif;
}

h1, h2 {
font-family:verdana,helvetica,sans serif;
font-style: italic;
font-size: 1.2em;
text-align: center;
color: #FF0000;
background: #FFF;
}
h1:hover {
color: #2C6B24;
}
h1#main {
	width: 40%;
	margin: 1em auto 0 auto;
}
h2 {
font-family:verdana,helvetica,sans serif;
font-style: italic;
font-size: 1.1em;
text-align: center;
color: #2C6B24;
}
h2:hover {
color: #FF0000;
}

div#vcard {
	position: fixed;
	top: 30%;
	left: 0;
	margin: 0;
}

acronym {
cursor: help;
text-decoration: dasehd;
}

.centreur {
text-align: center;
}

a.courriel {
display: block;
width: 96px;
height: 16px;
margin: auto;
padding: 0;
background: transparent url(img/email.png) no-repeat 40px;
font-size: 0;
text-decoration: none;
}
a.courriel:hover, a.courriel:active, a.courriel:focus {
background: transparent url(img/email_go.png) no-repeat 40px;
}

a, a:link {
color: #DB340E;
text-decoration: none;
}
a:hover, a:focus, a:active{
color: #275A78;
}

a[href^="http://"] {
	background:transparent url(./img/ext_norm.png) no-repeat scroll 100% 2px;
	padding-right:10px;
}
a[href^="http://"]:hover, a[href^="http://"]:focus, a[href^="http://"]:active {
	background:transparent url(./img/ext_hover.png) no-repeat scroll 100% 2px;
	padding-right:10px;
}
a[href^="http://contamination"], a[href^="http://contamination"]:hover, a[href^="http://warhol"], a[href^="http://warhol"]:hover, a[href^="http://randid"], a[href^="http://randid"]:hover, a[href^="http://etre"], a[href^="http://etre"]:hover {
background: none;
padding-right: 0;
}

p.localisation {
font-size: 0.9em;
text-align: center;
width: 50%;
margin: 10px auto;
background: #FFF;
}
span.localisation {
padding-left: 18px;
background: transparent url(img/user_gray.png) no-repeat;
}

#presentation {
background: rgb(226,226,226);
color: #000;
font-size: 0.9em;
width: 40%;
margin:  20px auto;
padding: 1em;
}

#contenu, div#localisation {
background: rgb(226,226,226);
width: 50%;
margin: 2em auto;
padding: 1em 5em;
}

ul {
padding: 0;
margin: 0 0 1em 18px;
}
ul li ul {
margin: 5px 0 5px 18px;
}
ul li ul li {
font-size: 0.8em;
list-style-image: url(img/page_copy.png);
}
ul li ul li:hover, ul li ul li:focus, ul li ul li:active {
list-style-image: url(img/page_copy_go.png);
}
li {
list-style-image: url(img/page.png);
}
li:hover, li:focus, li:active  {
list-style-image: url(img/page_go.png);
}
ul.ppcom li {
list-style-image: url(img/link.png);
}
ul.ppcom li:hover, ul.ppcom li:active, ul.ppcom li:focus {
list-style-image: url(img/link_go.png);
}

li.rss {
list-style-image: url(img/feed.png);
}
li.rss:hover, li.rss:focus, li.rss:active {
list-style-image: url(img/feed_go.png);
}



/*	Concernant le formulaire	*/

fieldset {
font-size: 0.9em;
border: none;
padding: 0;
margin: 0;
text-align: center;
}
label {
display: block;
width: 30%;
float: left;
clear: left;
margin: 0 20px 1em 0;
text-align: right;
}
label.message {
text-align: left;
}
label.labcaptcha {
width: 60%;
}
input.texte {
float: left;
width: 60%;
margin-bottom: 1.2em;
color: #000;
border: none;
border-bottom: dashed 2px #000;
background: transparent;
font-size: 1em;
}
input#captcha {
width: 30%;
}
input.texte:hover {
color: #2C6B24;
border-bottom: dashed 2px #2C6B24;
}
input.texte:active, input.texte:focus {
color: #BF030B;
border-bottom: dashed 2px #BF030B;
}
input.envoyer {
width: 75px;
}
textarea {
clear: left;
width: 100%;
height: 300px;
color: #000;
margin-bottom: 2em;
padding: 1em;
background: transparent;
}
textarea:hover {
color: #2C6B24;
border-color: #2C6B24;
}
textarea:focus, textarea:active {
color: #BF030B;
border-color: #BF030B;
}

span.interrogation {
cursor: help;
}
span.detail {
font-size: 0.8em;
}

p.erreur {
font-size: 1.2em;
color: #9F0000;
}

p.ok {
font-size: 1.2em;
color: #2C6B24;
}

/*	concernant la page de localisation	*/

div#localisation {
width: 90%;
padding: 1em;
}

table.localisation {
width: 100%;
}
table.localisation thead {
font-size: 1em;
}

table.localisation tbody {
font-size: 0.8em;
text-align: center;
}
table.localisation tbody tr.paire {
background-color: rgb(192,192,192);
}
table.localisation tbody tr.impaire {
background-color: rgb(153,153,153);
}
table.localisation td {
border: 0;
margin: 0;
}

a.aff_inverse {
background: transparent url(img/arrow_refresh.png) no-repeat;
padding-left: 18px;
}
a.aff_inverse:hover, a.aff_inverse:focus, a.aff_inverse:active {
background: transparent url(img/arrow_refresh2.png) no-repeat;
}