@import url(layouts.css);
@import url(jquery.lightbox-0.5.css);


body {background:#eee; font: 12px Verdana, Arial, Helvetica, sans-serif; color:#333; letter-spacing: normal}
p {font-size: 90%; padding-bottom: 10px}
h1 {font-size: 140%; padding-bottom: 10px}
h2 {font-size: 110%; color: #000; border-bottom: 2px solid #000;}
h3 {font-size: 100%}
h4 {font-size: 80%; color: #666}
h5 {font-size: 90%; color:#ff0000}
h6 {font:100 80% Arial, Helvetica, sans-serif}
h2, h3, h4, h5, h6 {padding-bottom: 5px; line-height:2.2ex}

input, select{color:#666; font-size:90%; border:1px solid #999}
input[type=text] {height:15px; padding:1px; height:15px}
input[type=text]:focus {color:#66ccff}
input.submit {background:#ccc; color:#666; width:auto; font-weight:700; border:1px solid #999}
input.submit:hover, input.submit:focus {background:#66ccff; color:#fff}

#page {background: #fff; padding: 5px; border:1px solid #ddd}
#search {background:#666; color:#fff; width:100%}
#wrapper {background:#eee; border:1px solid #ddd}
#sidebar, #extra{margin:5px}
#main {background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd}
#content {padding:5px}

/* Navigation principale: div #navbar */

#navbar ul {list-style: none; text-align: center}
#navbar a {display: block; color: #fff; text-decoration: none; width: 115px}
#navbar li {background: #666; float: left; margin-left:1px; margin-top:1px}
#navbar li.first {margin-left:0}
#navbar li ul {line-height:25px; position: absolute; width: 115px; left: -999em}
#navbar li.first a, #navbar li.first ul {width:122px}
#navbar li ul li {background: #999; margin:0;border-top: 1px solid #fff; font-size:90%}
#navbar a:hover, #navbar li.open {background: #66ccff}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul {left: auto; min-height: 0}
#navbar li h3 {padding:0; line-height: 30px}

/* Recherche: div #search */

#search {background:#ccc}
#search form {float:left}
#search input {margin: 5px 5px 0 5px}
#search input.submit {background:#eee; width:50px; color:#999; border-color: #fff; margin-left:0}
#search input.submit:hover, #search input.submit:focus {background:#66ccff; color:#fff}
#search label {font-size:90%; color:#fff; margin: 0 2px}
#search #contact_btn { float:left; margin: 0 25px; border-left:1px solid; border-right:1px solid; text-align:center}
#search #contact_btn a {display:block; text-decoration:none; color: #333; line-height: 30px; font-weight:700; padding:0 25px}
#search #contact_btn a:hover {background:#66ccff; color:#fff}

/* Fil d'Ariane: #pwd */

.pwd {font-size:80%; color:#666}

/* promo: div #extra .promo, div #sidebar .promo */

.promo {margin-bottom: 5px}
.promo h1 {background:#ddd}
.promo p {font-size: 95%}

/* Menu admin */
.admin_menu {margin:10px 0; padding: 8px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.admin_menu li { list-style: inside square ; font-size:90%; padding:2px 0}

/* Google Ads */

.google_theme {width:120px; height:90px; padding-bottom:10px}
.google_sky {width:120px; height:600px; background:#ccc}
.google_mpu {width:300px; height:250px; float:right; padding: 0 0 5px 20px}
.left_google_mpu {width:300px; height:250px; float:left}

/* module menu vertical */

.menu {color: #fff; list-style: none; font-size:100%}
.menu li.first {margin-top:5px}
.menu li {border-bottom: 1px solid white}
.menu li a {display: block; height: 25px; line-height: 25px; background:#666; color:white}
.menu a, .menu span {text-decoration:none; padding: 2px 5px; font-weight:700}
.menu .open a, .menu .open span {background: #66ccff}
.menu .subMenu {font-size:90%}
.menu .subMenu li {border: none; border-top:1px solid white}
.menu .subMenu a {display: block; height: 20px; line-height: 20px; background:#999; padding: 0 5px; font-weight:100}
.menu li a:hover, .menu .subMenu a:hover, .menu .subMenu li.open a {background: #66ccff}

/* contenus textes et listes annonces */

.artitles {float:left; width:100%; text-align:center; border-bottom:1px solid #ddd; margin-bottom:5px}
.bloc-text, .bloc_annonces {margin:5px; border-bottom:1px solid #ddd}
.bloc-text-home {min-height:250px}
.bloc_annonces {padding: 5px 0; text-align:center}
.bloc_annonces ul {list-style:none; text-align:left}
.bloc_annonces ul li {display:block; height:90px; margin: 5px 0; padding: 5px 0; border-top:1px solid #ccc}
.bloc_annonces ul li ul li {border:none; margin:0}
.images_annonce {float:left; width:115px}
.images_annonce img {border:1px solid #666}
.texte_annonce {float:right; width:640px}
.extra_annonce {float:right; width:90px; font-size:80%}

/* bloc listes annonces pour pages catégories */

#cat {min-height:630px; margin:5px 0 10px 5px; padding-bottom:5px; width:755px}
#cat .bloc_annonces {width: 625px; margin:0 0 0 10px}
#cat .texte_annonce {float:left; width:400px}
.pages {height:30px; line-height:20px; text-align: right}
.pages img {padding:0 5px; border:none}

/* fiches annonces */

#annonce {padding-bottom:10px}
.bouton {background:#66ccff; color:#fff; padding: 2px 5px; text-decoration:none; font-weight:700; font-size:90%; border:1px solid #999}
.bouton:hover {background:#cc0000}
#details {min-height:142px; width:100%; background:#eee; margin-top:5px}
#details p { padding: 5px}
#galerie {float:left; width: 130px; height:130px; padding:5px; background:#fff; margin:0 10px 10px 0; text-align:center; border:1px solid #999}
#photo {margin: 0}
#photo dt {font-size:80%; font-weight:700}
#photo dd { padding:5px 0}
#photo img {border: 1px solid #666}
#galerie_mini {float: left; list-style: none}
#galerie_mini li {float: left}
#galerie_mini li a img {width:20px; height: 20px; margin: 5px 2px 0; border: 1px solid #999}

/* top 5 */

.top5_conteneur td {vertical-align:top}
.top5  {width:372px; border:1px solid #ccc}
.top5 th {padding:5px 5px 0 5px; border-bottom:1px solid #ddd}
.top5 td {text-align:left; vertical-align:top; padding:2px 5px}
.top5 td.num { background: url(../images/5-trans.png) no-repeat left top; width: 21px;font-weight:700; text-align:center; font-size:80%; padding-top:9px}

/* div #footer */

.sommaire {padding-top:10px}
.sommaire ul {margin: 5px 0;float:left}
.sommaire h3 {padding:5px 0}
.sommaire h4 {padding:0; font-weight:100}
.sommaire li {float:left; list-style: none; display:block; margin: 0 5px; min-width:105px }
.sommaire li.first {margin: 0 5px 0 0}
.sommaire li.last {margin: 0 0 0 5px }
.sommaire ul li ul {margin: 0 0 10px 0;float:left}
.sommaire ul li ul li {float:none; list-style:none; padding:2px 0; margin:0;}
.sommaire a {text-decoration:none; color:#666}
.sommaire a:hover {text-decoration: underline}

.links {clear:both; text-align:center; background:#666; color:#fff; font: 80% Arial, Helvetica, sans-serif; height:50px}
.links a {color: #fff; padding:0 5px; line-height:50px}
.links img {border:none; vertical-align:middle}
/* divers */

.noborder {border:none}
.alerte {font-weight:100;font-size:90%; line-height:2ex; color: #CC0000}
.left {float:left}
.right {float:right}