* { margin: 0em; padding: 0em; border: 0em; }

body {
font-family: verdana, sans-serif;
font-size: 62.5%;
text-align: center; 
background: url(/i/fond.jpg) no-repeat white top center;
}

a { font-weight: bold; }
ul { list-style-type: none; }
acronym, abbr{ border: none; cursor: help; }
input,textarea { border: rgb(206,220,233) 2px solid; background-color: rgb(244,252,213); }

.accessibilite {
margin: -1.5em 2em;
float: right;
font-weight: 900;
}

.accessibilite a { color: white; font-size: 1.1em; }

#page{
text-align: left;
width: 750px;
margin-left: auto;
margin-right: auto;
}

#recherche {
text-align: left;
margin-top: 2em;
margin-left: 3em;
margin-bottom: 1em;
}
#recherche label { background: black; color: white; font-weight: 900; font-family: arial, sans-serif; }
input.myrtilles { border: rgb(206,220,233) 0.1em solid; background-color: rgb(244,252,213); padding: 0.1em; }
input.myrtilles:focus {background: silver; }

h1 {
font-weight: 900; 
font-size: 175%; 
font-family: 'comic sans ms','arial black',sans-serif;
margin-left: 50%; 
margin-bottom: 1em; 
text-align: left;
}

#pub {
float:right;
text-align: right;
margin-bottom: 1em;
color: #0c7432;
font-size: 125%;
font-family: 'Bitstream Vera Sans', arial, sans-serif;
}

#navigation { float: left; background: black; margin-top: -1em; }
#navigation ul { font-size: 115%; padding: 5px 0px; }
#navigation li { float: left; margin: 0px 5px; height: 2em; }
#navigation a { text-decoration: none; background: black; color: white; }
#navigation a:hover { color: orange; }
#navigation .navon { color: lightgreen; text-decoration: underline; font-weight: 900; }

#catalogue {
	float: left;
	width: 14em;
	background: url(/i/fleur.jpg) scroll no-repeat 50% bottom;
	text-align: center;
	margin-top: 2em;
}
#catalogue a {
	color: green;
	text-decoration: none;
}
#catalogue form fieldset { border: 1px solid darkgreen; }
#catalogue #copy { margin: 10px 0px 10px 0px; text-align: center; border: #e1b1bf 1px solid; padding: 10px 0px; }
#catalogue #copy img { float: left; }
#catalogue #copy a { display: inline; text-align: center; color: black; background: none;  }
#catalogue #ssl { margin: 20px 0px; text-align: center; border: #e1b1bf 1px solid; padding: 5px 0px; }
#catalogue #ssl img.paybox { float: right; }
#catalogue #liens { margin: 1px 0px 150px 0px; text-align: center; border: darkgreen 1px solid; padding: 10px 0px; }

#contenu { float: right; margin: 0; padding: 10px 5px; font-size: 115%; width: 580px; border: 1px solid darkgreen;}
#contenu hr { width: 80%; height: 10px; background-color: navy; margin: 0em auto; }
#contenu ul { margin: 5px 5%; border: 2px dotted red; padding: 2%; }
#contenu li { margin: 5px; }
#contenu h2 { text-align: center; color: darkorange; font-size: 130%; font-weight: 900; margin: 10px 0; }

.faq { padding: 1em; }
.faq hr { height: 1px !important; width: 40% !important; margin: 2em auto !important;}
.faqtitre { margin: 1em; }

#livre_or { position:relative; float: right; width: 98%; clear: both; text-align:justify; }
#livre_or img { float: right; margin: 15px; }
#livre_or h1 { margin: 10px 0px; color: blue; text-align: center; }
#livre_or p { font-size: 1.3em; margin: 15px 20px; }
#livre_or p.a:first-letter {
    color: #328b0f;
    font-weight: bold;
    font-size: 3em;
    float: left;
    margin-right: 0.2em;
    padding: 0.1em;
    background-color: #b3f798;
    border: 0.01em solid #2e7413;
}

#or { position: relative; float: center; width: 420px; margin: 10px 10px; border: 2px solid #FAA401; text-align: left; background-color: #FFFACD; }
#or form { margin: 3%; background-color: rgb(255,255,255); padding: 2%; }
#or p { background-color: #ffd700; margin: 10px; padding: 3%; text-align: left; }
#or a.signer { font-size: 1.2em; color: green; margin: 5px 0px; }
#or input,textarea { border: rgb(206,220,233) 2px solid; background-color: rgb(244,252,213); margin-left: 70px; }
#or input:focus,textarea:focus {background: silver;}

.cnil { margin: 1em; color: green; clear: both; }

#articles { text-align: center; }