/* Theme "Kameleon" orange et rouge
par Kozlika <http://www.kozlika.org/>
pour Dotclear <http://www.dotclear.net/>
Licence: GNU/GPL.
*/
 
body { margin: 0 ; padding: 0; font-family: "Lucida Grande", "Lucida sans unicode", Lucida, Verdana, Arial, Geneva, Helvetica, sans-serif; color: #000; font-size: 76%; background: #fff; line-height: 140%; text-align: left; }

p { margin: 0.5em 0; clear: both; margin-left: 1em; padding: .75em 0; font-size: 1em; }
img { border: none; }
form { display: block; margin: 0; padding: 0; }

.petit, .footnotes { font-size: 0.9em; margin: 0 0 1em 0; }

h1 { font-size: 2.25em; margin: 0; }
/* h2 { font-size: 1.25em; margin: 0; padding:0; } */
h2 { font-weight: normal; font-size: 1.2em; margin: 1.66em 0 0 0; padding: 3px 0.15em 6px 14px; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; background: transparent url(/images/sidh2.png) no-repeat; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }

code, pre, kbd, samp { font-family: "Courier New",monospace; font-size: 1.1em; color:#330; }

pre { background: #f5f5f5; border: 1px solid #fe9b18; margin: 0 2em; padding: 0.33em 1em; padding: 0.5em; text-align: left; white-space: normal; }

a:link, a:visited { color: #666; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; color: #d4011e; }

a[hreflang]:after { font-size:x-small; content: "\0000a0[" attr(hreflang) "]"; color: #666; background: transparent; }

q { font-style: italic; }

/* Layout
-------------------------------------------------------- */
#page { width: 990px; margin: 0 auto 2px; padding: 0; background: #fff url(/images/filet.png) repeat-y 200px 0; border: 1px solid #666; }

#main { width: 985px; margin: 0; padding: 0; background: transparent; }
#main h3 { color: #666; margin-top: 2em; }

#content { float: right; width: 770px; margin: 0; padding: 1px 0 1em 0; background: transparent; }
#bonnesaffaires { float: left; position: relative; border: 1px solid #666; background-color: #f7faff; margin: 0 .5em 1em 0; padding-bottom: 5px; width: 96%; height: 70px; }
#conseil { border: 1px solid #f9c581; color: #666; background: #fdebd3; padding: 0; margin: .3em; width: 96%; }

/* Sidebar
-------------------------------------------------------- */
#sidebar { float: left; width: 190px; margin: 0 0 2em 0; padding: 0 0 2em 0; color: #666; background: transparent; line-height: 130%; }
#sidebar .categories, #sidebar #search, #sidebar #voirSites, #sidebar #links, #sidebar .liensExternes, #sidebar #departements { margin-left: 10px; margin-right: 0; }

#sidebar strong a { color: #d4011e; }
#sidebar h2 { font-weight: normal; font-size: 1.1em; margin: 1.66em 0 0 0; padding: 3px 0.15em 6px 14px; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; background: transparent url(/images/sidh2.png) no-repeat; }
#sidebar h3 { font-size:1em; font-weight: normal; margin:0.5em 0 0.33em 0; color: #333; }
#sidebar ul { padding: 0; margin: 0 0 0 0.5em; list-style-type: none; }

#sidebar iframe { margin: 10px 0 0 10px; }

#sidebar #search fieldset { margin: 0; }
#sidebar #search #simples { font-size: small; }
#sidebar #search #simples label { display: block; float: left; clear: left; font-weight: bold; margin: .5em 0 .2em 0; width: 5em;  }
#sidebar #search #simples select { width: 8em; margin: .1em 0; }
#sidebar #search #doubles dl { margin: .5em 0; }
#sidebar #search #doubles dl dt { margin-top: .3em; font-size: small; font-weight: bold; }
#sidebar #search #doubles dl dd { margin-left: 2em; }
#sidebar #search p { text-align: right; }

#sidebar .categories div { font-size: small; height: 15em; border: 1px dotted #666; overflow: auto; margin-top: .2em; }
#sidebar .categories li { margin-top: 0.15em; padding-left: 10px; background: transparent url(/images/fleche.png) no-repeat center left; }

#sidebar #texte-sidebar { clear: both; margin-left: 1em; padding: .75em 0; font-size: 1.2em; }
#sidebar #texte-sidebar p { margin: 0; padding: .75em 0; border-top: 1px dotted #fea924; border-bottom: 1px dotted #fea924; }

#sidebar #links ul { font-size: small; }
#sidebar #links ul li { float: left; margin: .2em .4em .2em 0; padding: 0; width: 6em; }
#sidebar #links ul li a { display: block; white-space: nowrap; padding-left: 3px; border-left: 3px solid #fe9b18; }
#sidebar #links ul li a:hover, #sidebar #links ul li a:focus, #sidebar #links ul li a:active { border-left: 3px solid #ff4417; }
#sidebar #links ul li strong a { font-weight: normal; border-left: 3px solid #ff4417; color: #111; }

#sidebar .liensExternes { clear: both; padding-top: 10px; }
#sidebar .liensExternes h2 { margin-bottom: 6px; }
#sidebar .liensExternes ul { font-size: small; }
#sidebar .liensExternes ul li { margin: .2em .4em .2em 0; padding: 0; }
#sidebar .liensExternes ul li a { display: block; white-space: nowrap; padding-left: 3px; border-left: 3px solid #fe9b18; }
#sidebar .liensExternes ul li a:hover, #sidebar .liensExternes ul li a:focus, #sidebar .liensExternes ul li a:active { border-left: 3px solid #ff4417; }
#sidebar .liensExternes ul li strong a { font-weight: normal; border-left: 3px solid #ff4417; color: #111; }

#sidebar #voirSites { clear: both; padding: .5em 0; }
#sidebar #voirSites ul { font-size: small; }
#sidebar #voirSites ul li { margin: .2em .4em .2em 0; padding: 0; }
#sidebar #voirSites ul li a { display: block; white-space: nowrap; padding-left: 3px; border-left: 3px solid #fe9b18; }
#sidebar #voirSites ul li a:hover, #sidebar #links ul li a:focus, #sidebar #links ul li a:active { border-left: 3px solid #ff4417; }

#sidebar #departements { clear: both; padding-top: 10px; }
#sidebar #departements li { font-size: 1.2em; }
#sidebar #departements li#idf { margin-left: 3px; padding: 5px 8px 3px 0; font-size: 1.4em; text-align: center; }
#sidebar #departements li.numeros { float: left; padding: 2px 4px; }
#sidebar #departements li a { display: block; padding: 2px 4px; border: 1px solid #fcddb4; background-color: #fef9f2; color: #2f2365; }
#sidebar #departements li a:hover, #sidebar #departements li a:focus, #sidebar #departements li a:active { text-decoration: none; border: 1px solid #fef9f2; background-color: #fdebd3; color: #236562; }

/* Footer
-------------------------------------------------------- */
#footer { clear: both; margin: 0; padding: 0; color: #777; border-top: 1px solid #fe687c; background-color: #f8be64; font-weight: bold; }
#footer #liens { position: relative; margin: 0; padding: 10px; height: 1.2em; list-style: none inside; }
#footer #liens li { display: inline; position: absolute; }
#footer #liens li.xiti { left: 5px; }
#footer #liens li.copy { left: 400px; }
#footer #liens li.dcCopy { right: 5px; }

#footer #best, #footer #partenaires { margin: 0; padding: 5px 15px; border-bottom: 1px solid #f6f5ee; font-size: small; color: #fff; }
#footer #best li, #footer #partenaires li { display: inline; border-right: 1px solid #666; }
#footer #best li.last, #footer #partenaires li.first, #footer #partenaires li.last { border-right: none; }
#footer #partenaires li.first a { color: #fff; }

/* Listes d'annonces des catégories et archives
-------------------------------------------------------- */
#laTitre { margin: 1em 2em 1em 0; padding: 0 0 1em 0; letter-spacing: 1px; border-bottom: 3px dotted #fe9b18; text-align: center; color: #666; font-weight: bold; }

#listeAnnonces .annonce { float: left; position: relative; margin: 0 .5em 1em 0; padding: 0 0 1.5em 0; width: 350px; border: 1px solid #666; background-color: #f7faff; }

#listeAnnonces .laTitre { padding: .6em .5em; border-bottom: 1px solid #999; background: #f2f6ff url(/images/degrade_bleu.gif) repeat-x; }
#listeAnnonces .laTitre h2 { margin: 0; padding: 0; background: transparent; font-family: Georgia; color: #A20116; font-weight: normal; border: none; }
#listeAnnonces .laTitre h2 span { color: #7d0011; }

#listeAnnonces .laImage { float: left; height: 130px; margin: 1.5em .8em 0 5px; }
#listeAnnonces .laImage img { width: 140px; border: 1px solid #000; }
#listeAnnonces .laDetails { float: left; font-size: 1.1em; margin-top: 1.5em; }
#listeAnnonces .laDetails dt { float: left; padding: 0 4px 0 10px; background: transparent url(/images/comm.png) no-repeat center left; font-weight: bold; }
#listeAnnonces .laDetails dd { white-space: nowrap; }

#listeAnnonces hr { visibility: hidden; }

#listeAnnonces .laToutes, #listeAnnonces .laConsulter { position: absolute; bottom: 2px; margin: 0; padding: 0; }
#listeAnnonces .laToutes { left: 5px; } #listeAnnonces .laConsulter { right: 5px; }



/* Partenaires
-------------------------------------------------------- */
#pagePartenaires ul li { float: left; width: 33%; }

/* Interactions
-------------------------------------------------------- */
fieldset { display: block; border: none; margin: 2em 0 0 0; padding: 0; }
input, textarea { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 1em; border: 1px solid #ccc; }
input[type], textarea[name], .champ { background: #eceade; }
input[type=submit], input[type=reset] { background: #b6b6b6; color: #000; font-weight: bold; }
input[type=submit]:hover { background: #fe9b18; color: #666; }
textarea { width: 100%; }

#comment-form p { margin: 0.5em 0 0 0; clear: both; margin-bottom: 1em; }
#comment-form p label { display: block; font-size: x-small; width: 10em; float:left; color: #333; }

#c_site { margin-bottom: 1em; }

/* Messages d'erreur
-------------------------------------------------------- */
.error { border: 1px solid #c00; background: #fee; padding: 0.5em; }
.error ul { padding-left: 20px; }
.error li { list-style: square; }
.simpleError { text-align: center; color: #700000; font-weight: bold; }
.errorChamp { background: #fee !important; }
.aucune-annonce p { font-size: 1.2em; text-align: center; margin: 1em 0; padding: 1em; color: #a7a7a7; }
.aucune-annonce p a { color: #666; }

/* Messages de confirmation
-------------------------------------------------------- */
.msg { text-align: center; color: #0e612a; font-weight: bold; padding: .6em 0; }

/* Styles supplementaires
-------------------------------------------------------- */
.pagenav { text-align: right; margin-top: 0; margin-bottom: 2em; font-size: x-small; }
.pgp { background: transparent url(/images/pgp.png) no-repeat 0 2px; padding: 2px 0 2px 16px; }
.pgs { background: transparent url(/images/pgs.png) no-repeat right 2px; padding: 2px 16px 2px 0; }

.pagination { margin: 0; padding: 0; list-style-type: none; } .pagination li { float: left; padding: 2px 4px; }
.pagination li a { display: block; padding: 2px 8px; border: 1px solid #fcddb4; font-size: 1.15em; text-align: center; background-color: #fef9f2; color: #2f2365; }
.pagination li a:hover, .pagination li a:focus, .pagination li a:active, .pagination li strong a { text-decoration: none; border: 1px solid #fef9f2; background-color: #fdebd3; color: #236562; }

.clear { clear: both; visibility: hidden; height: 1px; }