/* Enlever les styles par défaut des navigateurs
=====================================*/

ul,ol {list-style : none}
img {display : block}
h1,h2,h3,h4,h5,h6,p,input,select {font-size : 1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,form,body,html,p,dl,dt,dd {margin : 0 ; padding : 0 ; border : 0}
img {border : 0}

/* Styles par défaut
=====================================*/

body {background : #6080B1 url(/images/background.gif) ; font : 13px Georgia, Helvetica, sans-serif}
input, select, optgroup, textarea {font : 13px Trebuchet MS, Arial, Helvetica, sans-serif ; padding-left : 2px}
td,th {vertical-align : top}
label {cursor : pointer}
p {text-align : justify ; margin : 8px 0}
b {color : #cf7e00}
a {color : #00499f} 
.ancre {position : relative ; top : -40px}

h1 {font-weight : bold ; font-size : 13px ; line-height : 20px ; color : #cd1a0f ; text-transform : uppercase ; background : url(/images/fond-degrade-gris.gif) repeat-x ; border-top : 1px solid #bbb ; padding : 3px 12px ; margin : 0 0 16px}
h2, dl.sommaire dt {background : url(/images/puce-h3.gif) 0 5px no-repeat ; padding : 0 0 0 16px ; font-weight : bold ; color : #00499f ; margin : 14px 0 6px}    
ul.petites_puces li {background : url(/images/puce-13px-article.gif) left 8px no-repeat ; padding-left : 16px ; text-align : justify ; line-height : 20px}
.conseil {border : 1px solid #9fcbff ; background : #EFF6FF url(/images/icone-note.gif) 5px 5px no-repeat ; padding : 5px 10px 5px 28px ; margin : 10px 0}
.conseil b, .conseil a {color : #185bab}
.important {background : #fffadf url(/images/icone-important.gif) 5px 6px no-repeat ; border : 1px solid #ffde4f ; padding : 5px 10px 5px 28px ;}
.important b, .important a {color : #d71b1b}

/* Layout
=====================================*/

#container {background : #fff ; border-collapse : collapse ; width : 780px}
#container td {border : 1px solid #aaa ; padding : 0}
#container table td {border : 0}

#header {border-collapse : collapse ; width : 780px ; margin : 4px 0}
#header #header_blv a {display : block ; margin : 12px 15px}
#header #header_blv #tagline {font : 13px Trebuchet MS ; margin : 2px 15px 6px ; color : #003874}
#header #header_pap {vertical-align : middle ; padding-right : 10px}
#header #header_pap a {display : block}

#menu {border-collapse : collapse ; width : 780px ; margin : 1px}
#menu td {font : 13px Trebuchet MS ; padding : 3px 0 ; width : 25% ; padding : 1px}
#menu td a {display : block ; text-align : center ; color : #fff ; text-decoration : none ; font-weight : bold ; padding : 3px 15px}
#menu td a#l1 {background : #003874}
#menu td a#l2 {background : #0f4d8e}
#menu td a#l3 {background : #0f6c8e}
#menu td a#l4 {background : #1e8fa4}

#container #footer {padding : 4px 8px ; font-size : 11px ; text-align : center}   
#footer, #footer a {color : #666}

#erreur-500 {margin : 40px 10px ; line-height : 20px}
#erreur-500 a {color : #c00 ; font-weight : bold}

#oas_left {margin : 10px 0 0 20px}

/* Index
=====================================*/

.accueil #contenu {margin : 10px 15px}
#accueil {border-collapse : collapse}
#accueil #carte-europe {background : url(/images/fond-europe.gif) no-repeat ; border : 1px solid #999 ; width : 560px ; height : 401px}
#accueil #carte-europe div {position : relative}
#accueil #carte-europe div img {position : absolute}
#accueil #acces-direct {padding-left : 30px}
#accueil #acces-direct dl {font-size : 12px ; line-height : 16px}
#accueil #acces-direct dt {font-weight : bold ; padding : 10px 0 4px}
#accueil #acces-direct dd {background : url(/images/puce-4px-carree.gif) 0 7px no-repeat ; padding-left : 10px}
#accueil #acces-direct dd a {color : #666}

#accueil_regions {background : #6489C1 ; padding : 0}
#accueil_regions a {display : block ; padding : 5px 0 4px 40px ; color : #fff ; text-decoration : none ; border-bottom : 1px solid #4A6EA3}
#accueil_regions a:hover {background : #6489C1 url(/images/fond-menu-accueil.gif) 10px 8px no-repeat}

/* Menu à gauche
=====================================*/

#menu-gauche {width : 193px}
#menu-gauche dl {background : #f7f7f7 ; border : 1px solid #aaa ; margin : 0 ; padding : 0 8px 8px}
#menu-gauche dl dt {padding : 2px 0 ; margin : 6px 0 ; font-weight : bold ; border-bottom : 1px solid #ccc}
#menu-gauche dl dt a {text-decoration : none}
#menu-gauche dl dd {padding : 2px 2px 2px 14px ; background : url(../images/puce-4px-carree.gif) 2px 8px no-repeat}

/* Annonces
=====================================*/

.recherche #contenu {padding : 0 23px 20px}
.panier #contenu {padding : 0 23px 20px}

/** Menu **/
.recherche #menu-gauche dl {background : none ; border : 0 ; padding : 0}
.recherche #menu-gauche dl dt {background : #bfddff ; font : 12px Trebuchet MS, Helvetica, sans-serif ; padding : 2px 6px 0 ; margin : 0 ; border : 0}
.recherche #menu-gauche dl dd {background : #dfeeff ; font : 12px Trebuchet MS, Helvetica, sans-serif ; padding : 6px 6px ; margin : 0 0 6px}
.recherche #menu-gauche #carte {border : 1px solid #ccc ; margin : 5px 0}
.recherche #menu-gauche #rechercher {margin : 5px 14px ; display : block}
.recherche #menu-gauche #bouton-panier {border : 0 ; margin : 5px 2px ; display : block}

/** Page de résultats **/
#contenu .compte {text-align : center ; margin : 10px 0 20px}
#contenu .aucun-resultat {text-align : center ; margin : 50px 0 50px}
#contenu .retour {margin : 20px 0 0 ; text-align : center}
#contenu .retour img {display : inline}

/** Annonce - Résumé **/
.resume-annonce {margin : 0 0 20px ; padding : 0 ; background : url(/images/fond-titre-annonce.gif) no-repeat}
.resume-annonce.panier-on {background-image : url(/images/fond-titre-annonce-panier.gif)}
.resume-annonce h2 {margin : 0 ; padding : 10px 12px 6px ; color : #0b66d5 ; font-size : 14px ; font-weight : bold ; background-position : -2em -2em}
.resume-annonce.panier-on h2 {color : #c3520b}
.resume-annonce h2 .capacite {float : right}
.resume-annonce .corps {margin : 0 ; padding : 0 0 10px ; border : 1px solid #aeaeae ; border-top : 0}
.resume-annonce.panier-on .corps {border-color : #ff9c5e}
.resume-annonce .corps table {border-collapse : collapse ; margin : 5px 12px 10px}
.resume-annonce .corps table p {font-size : 14px ; line-height : 18px}
.resume-annonce .corps table .photos p {text-align : center ; margin : 4px auto}
.resume-annonce .corps table .photos img {border : 1px solid #666 ; margin : 6px 0 0 14px}
.resume-annonce .corps table .photos a {color : #0B66BF}

/** Fonctionnalités **/
.fonctionnalites li {line-height : 22px ; padding-left : 23px}
.fonctionnalites li.detail            {background : url(/images/icone-detail.gif)            0 4px no-repeat}
.fonctionnalites li.contact-annonceur {background : url(/images/icone-contact-email.gif)     0 4px no-repeat}
.fonctionnalites li.email-ami         {background : url(/images/icone-contact-email-ami.gif) 0 4px no-repeat}
.fonctionnalites li.panier-on-hide    {background : url(/images/icone-contact-panier.gif)    0 4px no-repeat}
.fonctionnalites li.panier-on-show    {background : url(/images/icone-contact-panier.gif)    0 4px no-repeat}

/** Panier **/
.panier-on  .panier-on-hide {display : none}
.panier-on  .panier-on-show {display : block}
.panier-off .panier-on-hide {display : block}
.panier-off .panier-on-show {display : none}
.noscript .panier-on-hide {display : none}
.noscript .panier-on-show {display : none}

/** Départements limitrophes **/
h2.departements_limitrophes {color : #125f5f}
ul.departements_limitrophes {background : #c2efef ; border : 1px solid #81cfcf ; padding : 5px 10px}
ul.departements_limitrophes li {background : url(/images/puce-4px-carree.gif) 0 7px no-repeat ; padding-left : 10px} 
ul.departements_limitrophes li a {font-weight : bold ; color : #125f5f} 

/** Pagination **/
.pagination {margin : 2em 0 ; text-align : center}
.pagination a {padding : 0.1em 0.5em ; margin : 0.1em ; text-decoration : none ; color : #000 ; border : 1px solid #ddd}
.pagination span {padding : 0.1em 0.5em ; margin : 0.1em ; color : #000 ; border : 1px solid #ddd}
.pagination a:hover, .pagination a:active {color : #fff}
.pagination span.current {font-weight : bold ; color : #fff}
.pagination span.disabled {background-color : #fff ; color : #ddd}
.pagination a {border : 1px solid #ddd}
.pagination a:hover, .pagination a:active {color : #1E8FA4}
.pagination span.current {background : #1E8FA4 ; color : #fff}

/** Galerie photos **/
#galerie-photo img {margin : 8px 4px 0 ; display : block ; border : 1px solid #333}

/** Calendriers **/
#compartiments li {line-height : 20px ; background : url(/images/puce-4px-carree.gif) 0 7px no-repeat ; padding-left : 10px}
table.calendriers td {padding : 0}
.calendrier-annonce {font : 11px Verdana ; width : 120px ; border-collapse : collapse ; text-align : center ; vertical-align : middle ; margin : 0 1px}
.calendrier-annonce caption {font : 11px Verdana ; border-bottom : 1px solid #fff ; color : #fff ; font-weight : bold ; background : url(/images/fond-calendrier-annonce.gif) no-repeat ; padding : 3px}
.calendrier-annonce tbody th {border-bottom : solid 1px #ccc ; border-right : solid 1px #cacaca ; width : 55px}
.calendrier-annonce tbody td {border-bottom : solid 1px #ccc ; border-left : solid 1px #cacaca}

/* Espace annonceurs
=====================================*/

.annonceur #contenu {padding : 0 15px 20px}

#container .annonceur form table {font-size : 11px ; border-collapse : collapse}
#container .annonceur form table input, .annonceur form table select {font-size : 11px}
#container .annonceur form th {vertical-align : middle ; padding : 3px 5px ; text-align : right ; background : url(/images/form-th-bg.gif) 0 0 no-repeat}
#container .annonceur form td {vertical-align : middle ; padding : 3px 5px}
#container .annonceur form .submit {text-align : center}
#container .annonceur form .submit input {padding : 5px}
#container .annonceur form #tarifs {font-family : Arial, sans-serif}
#container .annonceur form #tarifs td {vertical-align : top}
#container .annonceur form #tarifs .data {width : 120px ; margin : 5px 0 0}
#container .annonceur form #tarifs .data th {font-size : 12px ; padding : 3px 10px ; text-align : center ; background : #1e8fa4 ; color : #fff}
#container .annonceur form #tarifs .data td {font-size : 11px ; padding : 1px 3px ; vertical-align : middle ; text-align : center ; border-bottom : 1px solid #1e8fa4}
#container .annonceur form #tarifs .data td input {border : 1px solid #ccc}
#container .annonceur form #tarifs .data tr.disabled {background : #ccc}

/* Conseils
=====================================*/

.conseils #contenu {padding : 0 15px 20px}
.conseils #contenu p, .conseils #contenu li {line-height : 18px}

.conseils #calendrier_vacances {border : 1px solid #fff ; border-collapse : collapse ; margin : 10px 0}
.conseils #calendrier_vacances th {padding : 5px ; border : 1px solid #fff ; font-weight : bold ; color : #fff}
.conseils #calendrier_vacances td {padding : 5px ; text-align : center ; vertical-align : middle}
.conseils #calendrier_vacances thead th {background : #edac49 ; text-align : center}
.conseils #calendrier_vacances tbody th {background : #0f4d8e ; text-align : left}
.conseils #calendrier_vacances tbody td {border-top : 1px solid #000 ; border-left : 1px solid #000 ; }

/* Groupe
=====================================*/

.groupe #contenu {padding : 0 15px 20px}
.groupe #contenu p, .groupe #contenu li {line-height : 18px}

.groupe #nous-contacter {border-collapse : collapse ; width : 100%}
.groupe #nous-contacter .c1 p {margin : 16px 0}
.groupe #nous-contacter .c1 #service {margin : 20px ; font-size : 12px ; color : #6489C1 ; font-weight : bold}
.groupe #nous-contacter .c2 {width : 200px}
.groupe #nous-contacter .c2 img {border : 1px solid #aaa}

.groupe #groupe-pap {border-collapse : collapse ; width : 100%}
.groupe #groupe-pap .c2 {padding-left : 20px ; padding-top : 10px ; text-align : center}
.groupe #groupe-pap .c2 img {border : 1px solid #ccc ; margin-bottom : 10px}

#documentation table th {width : 110px ; padding : 1px 10px 0 0 ; text-align : right ; color : #00499f ; line-height : 20px}
#documentation .erreur {color : #c00 ; background : #fffadf ; border : 1px solid #ffde4f ; margin : 5px 0 ; padding : 0 0 5px}
#documentation .erreur p {margin : 2px 10px ; padding : 4px 0 0}
#documentation .submit {text-align : center}

#points-annonces table {boder-collapse : collapse ; margin-bottom : 20px}
#points-annonces td.photo {text-align : right}
#points-annonces td.photo img {display : inline}

#points-annonces-menu {margin-left : 10px ; margin-top : 5px ; font-size : 12px}

/* Popup
=====================================*/

#popup {background : #fff ; border-bottom  : 1px solid #ccc}
#popup h1 {margin : 4px 4px 20px}
#popup td {padding : 4px 0 ; font-size : 12px}
#popup th {padding : 7px 20px ; text-align : right ; font-size : 12px}
#popup .erreur b {display : block ; margin : 3px 0 4px}
#popup input, #popup textarea {border : 1px solid #aaa ; font-size : 12px}
#popup .submit {text-align : center}
#popup .submit input {border : 0}
#popup .important {margin : 30px}

#popup .texte-annonce {margin : 0 10px 10px ; padding : 10px ; background : #f8f8f8 ; border : 1px solid #ddd}