/**/
* { font-size: 10px; font-family: Arial, Helvetica, "trebuchet ms"; }
body { background-color: #eee; text-align: center; margin: 0 0 20px; padding: 0; }
h1 { width: 100%; clear: both; margin-top: 10px; margin-bottom: 10px; margin-top: 2em; margin-left:-60px ; }
h2, h3, h4, h5, h6 { clear: both; padding:0 }
h2 { font-size: 1.8em; clear: both; margin-top: 1.5em; margin-bottom: 0.7em; }
h3 { font-size: 1.5em; margin-top: 1.1em; margin-bottom: 1em; padding-left: 17px; }
h4 { font-size: 1.4em; margin-bottom: 0.1em; }
h5 { font-size: 1.3em; margin-bottom: 0; }
h6 { font-size: 1.3em; margin-bottom: 0.2em; }
td a { font-size: 1em; }
ul { margin: 1.1em 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }
strong { font-size: 1.1em; }
em { font-size: 1.1em; font-style: oblique; }
a { text-decoration: none; }
a:link, a:visited { }
img { border-width: 0; }
hr { visibility: hidden; clear: both; }
fieldset { margin: 0; padding: 0; border-width: 0; }
caption {font-size: 1.2em; font-weight: bold; padding: 2px;}
table { width: 100%; margin: 0; padding: 0; border-top: 1px solid gray; border-left: 1px solid gray; }
th { font-size: 1.2em; font-weight: bold; background-color: #dbdbd3; text-transform: uppercase; text-align: center; margin: 0; padding: 2px; border-right: 1px solid gray; border-bottom: 1px solid gray; }
td { font-size: 1.1em; background-color: #f7f7ee; margin: 0; padding: 2px; border-right: 1px solid gray; border-bottom: 1px solid gray; }
input, textarea, label, select { font-size: 12px; background-color: #e0e0d8; }
label { }
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { background: #fff; }
/**/
#main { background-image: url(/img/bg/bg.png); background-repeat: repeat-y; text-align: left; width: 908px; z-index: -1; margin: 0 auto 0; padding: 0; }
/**/
#top { width: 892px; height: 100px; z-index: 1; margin-left: 8px; }
#logo { position: fixed; float: left; }
#bandeau { background-image: url(/img/top/bandeau-coul.png); background-repeat: repeat-y; width: 700px; height: 100px; float: right; clear: none; margin: 0; padding: 0; }
#description { color: gray; font-size: 1.4em; font-weight: bold; font-style: italic; background-color: white; text-align: right; width: 700px; height: 18px; margin-top: 11px; display: block; }
/**/
#content { background-image: url(/img/bg/vague.png); background-repeat: no-repeat; background-position: 3px 160px; width: 490px; z-index: 2; min-height: 550px; margin-left: 200px; padding-left:60px }
#content p { font-size: 1.2em; line-height: 1.5em; margin-top: 0; margin-bottom: 0.8em; }
#content a { font-size: 1em; }
#content a:link { color: #07f; }
#content a:visited { color: #055c8e; }
#content a:hover, #content a:focus { color: #009; }
#content img {
float: left;
margin-top: 2px;
margin-right: 15px;
margin-bottom: 15px;
border-width: 0;
}
#content ul { margin-left: 15px; list-style-type: square; }
#content li { font-size: 1.2em; margin-bottom: 0.3em; }
#content li a { }
#liens { clear: both; }
#liens ul { margin-left: 0; list-style-type: none; }
#liens li { font-size: 13px; font-weight: bold; display: inline; white-space: nowrap; }
#liens li a:link, #liens li a:visited { color: gray; font-size: 13px; font-weight: bold; }
#liens li a:hover, #liens li a:focus { color: black; text-transform: capitalize; display: inline; }
li.sansstyle { list-style-type: none; }
/**/
#presentation h2, #presentation h3, #presentation #liens { color: #b15be9; }
#presentation h3 { background-image: url(/img/h2/violet.png); background-repeat: no-repeat; }
#actualite h2, #actualite h3, #actualite #liens { color: #e65ce6; }
#actualite h3 { background-image: url(/img/h2/magenta.png); background-repeat: no-repeat; }
#jeunes h2, #jeunes h3, #jeunes .liens li, #jeunes #liens { color: #9c3; }
#jeunes h3 { background-image: url(/img/h2/vert-clair.png); background-repeat: no-repeat; }
#adherents h3 { background: url(/img/h2/vert-clair.png) no-repeat }
#adherents h2, #adherents h3, #adherents #liens { color: #9c3 }
#familles h2, #familles h3, #familles #liens { color: #139100; }
#aidants h2, #aidants h3, #aidants #liens { color: #66cccc; }
#hebergeurs h2, #hebergeurs h3, #hebergeurs #liens { color: #f93 }
#familles h3 { background-image: url(/img/h2/vert-fonce.png); background-repeat: no-repeat; }
#aidants h3 { background-image: url(/img/h2/bleu-vert.png); background-repeat: no-repeat; }
#regions h3 { background: url(/img/h2/rouge-vif.png) no-repeat }
#regions h2, #regions h3, #regions #liens { color: #f03 }
#hebergeurs h3 { background: url(/img/h2/orange-clair.png) no-repeat }
#infovacances h2, #infovacances h3, #infovacances #liens { color: #ebbe00; }
#appels h2, #appels h3, #appels #liens { color: #90f }
#infovacances h3 { background-image: url(/img/h2/jaune.png); background-repeat: no-repeat; }
#formations h2, #formations h3, #formations #liens { color: #ef5d0b; }
#formations h3 { background-image: url(/img/h2/orange.png); background-repeat: no-repeat; }
#etudesconseil h2, #etudesconseil h3, #etudesconseil #liens { color: #c33; }
#etudesconseil h3 { background-image: url(/img/h2/rouge.png); background-repeat: no-repeat; }
#publications h2, #publications h3, #publications #liens { color: #744; }
#publications h3 { background-image: url(/img/h2/marron.png); background-repeat: no-repeat; }
#contact h2, #contact h3, #contact #liens { color: #09f; }
#contact h3 { background-image: url(/img/h2/bleu.png); background-repeat: no-repeat; }
#lettre h2, #lettre h3, #lettre #liens { color: #09f; }
#lettre h3 { background-image: url(/img/h2/bleu.png); background-repeat: no-repeat; }
#pageplansite h2, #pageplansite h3, #pageplansite h4 { color: #b15be9; display: inline; }
/**/
#footer { font-size: 0.2em; width: 908px; height: 20px; margin: 0; padding: 0; }
/**/
table#coordonnees { margin-bottom: 5px; border: 0 white; outline-style: none; outline-width: 0; }
#coordonnees td { background-color: white; text-align: left; vertical-align: bottom; padding: 3px 0 0; border: 0 white; }
#coordonnees hr { font-size: 1px; line-height: 1px; width: 330px; visibility: visible; margin-top: 13px; border-color: maroon; border-style: dotted; border-width: 0 0 1px; outline-style: none; outline-width: 0; }
#listepubli td { text-align: left; }
#listepubli td.prix { text-align: center; }
.centertd { text-align: center; }
#infovacances td { text-align: center; }
#infovacances.fiche th { font-weight: normal; background-color: #ffedb4; text-transform: none; text-align: left; width: 40%; }
#infovacances.fiche td { font-weight: normal; text-transform: none; text-align: left; }
#navliste { width: 490px; margin-top: 5px; margin-bottom: 5px; }
#navliste li img { vertical-align: middle; float: none; margin: -4px 0 0; display: inline; }
#navliste ul { width: 490px; margin: 0; }
#navliste li { width: 245px; height: 20px; margin: 0; list-style-type: none; display: block; }
#navliste li.droit { text-align: right; width: 245px; float: right; margin-top: -20px; }
#contact th { text-align: left; }
#lettre label { background-color: transparent; position: relative; width: 80px; float: left; clear: left; margin-top: 4px; display: block; }
#lettre .inputformat { width: 200px; float: left; clear: right; display: block; }
#lettre .sendbutton { position: relative; width: 60px; clear: both; margin-top: 10px; margin-bottom: 10px; margin-left: 300px; }
#lettre img { float: none; margin: 0; }
#lettre li { margin-top: 5px; }
.coltel { white-space: nowrap; }
#formlog { width:350px; text-align:center; background-color:#FFF; border:1px solid #CCC; padding:4px; margin:20px 0px 0px 50px; }
#ftelechargeur th { text-align: left; }
#pageplansite td { background-color: transparent; width: 50%; border-width: 0; }
#pageplansite table { width: 400px; border-width: 0; }
/**/
/**/
#nav { background-image: url(/img/nav/bg_nav.png); background-repeat: no-repeat; position: fixed; top: 120px; width: 171px; height: 352px; z-index: 0; float: left; clear: none; margin-left: 8px; }
*+html #nav { margin-left: -192px; }
#nav ul { background-repeat: no-repeat; margin-top: 50px; margin-left: 12px; }
#nav li { margin-top: 0; }
#nav li a:link, #nav li a:visited { color: black; font-size: 1.6em; font-family: "Courier New", Courier, monospace; font-weight: bold; line-height: 1.3em; letter-spacing: -1px; height: 1.2em; display: block; }
#nav li a:hover, #nav li a:active, #nav li a:focus, #nav li a:current { color: white; }
#searchnav { clear: both; margin-top: 10px; margin-right: 0; margin-bottom: 0; padding: 0; }
.searchnav { width: 85px; float: left; margin-top: 1px; margin-right: 5px; margin-left: 12px; border: inset 1px #009; }
#searchnav .ok { position: relative; float: left; }
#plansite a:link, #plansite a:visited { color: black; font-size: 1.1em; clear: both; margin-left: 12px; }
#plansite a:hover, #plansite a:focus { color: white; }
/**/
/**/
#sidebar { position: fixed; top: 140px; width: 120px; height: 420px; z-index: 1; margin-right: 23px; margin-left: 765px; }
#sidebar img { margin-bottom: 10px; }
/**/
.haut { position: absolute; float: right; clear: both; margin-top: 10px; margin-bottom: 10px; margin-left: 472px; }