a:focus { outline: none; }

/* Body background
=====================================*/

body { background: #333 url(/images/body-bg.png) repeat-y center 0; }

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

ul,ol {list-style : none}
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}
a img, :link img, :visited img {border : 0}

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

body { font : 0.75em Arial, Helvetica, sans-serif; }
table { border-collapse : collapse; }
textarea { font : 1em Arial, Helvetica, sans-serif; }
p {margin : 6px 0; /*text-align : justify*/ }
a {color : #ff7f00; }
td, th { vertical-align : top; text-align : left; }
hr {border : 0; border-top : 1px solid #b3b3b3; }
b, strong { font-weight : bold; }
i, em {color : #ccc; font-style : italic; }
label {cursor : pointer; }
address {margin-left : 4em ; padding-left : 0.5em ; font-style : normal ; border-left : solid 0.7em #e8e8e8 ; font-weight : bold; }

.radio, .checkbox {position : relative ; top : 2px; }
.bouton {background : #000; color : #fff ; border : 1px solid #000; text-transform : uppercase ; font-weight : bold; 
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 2px 2px 5px #d9d9d9; /* Firefox/Mozilla */
  -webkit-box-shadow: 2px 2px 5px #d9d9d9; /*Safari/Chrome */
  box-shadow: 2px 2px 5px #d9d9d9; /* Opera & hoe het zou moeten */
}
.ancre {position : relative ; top : -60px; }
.clear {clear : both; }
.noscript .noscript-hide {display : none; }
.prix {font-weight : bold ; color : #fa7307; }


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

/*--- Structure générale ---*/
#colonne-gauche {width : 180px ; padding-right : 10px; }
#colonne-droite {text-align : right ; width : 132px}
#contenu {padding : 0 10px 16px}

/*--- Haut de page ---*/
#ligne1 {background : #fff; height : 79px ; text-align : center}
#ligne1 p {padding : 0 ; margin : 0 ; border : 0}
#ligne1 #header-logo {float : left ; margin : 4px 8px}
#ligne1 #header-pub {text-align : center ; padding : 8px}
#ligne2 {background : #fff ; border-top : 1px solid #fff ; font : bold 12px Arial ; color : #000 ; padding : 1px}
#ligne2 #header-lang {float : left ; margin : 2px 24px 0}
#ligne2 #header-passervo {float : right ; margin : 2px 24px 0}
#ligne2 p {margin : 2px ; text-align : right; }
#ligne2 a {color : #000 ; text-decoration : none}
#ligne2 a:hover {color : #fa7307 ; text-decoration : underline}

#ligne3 {background : url(/images/nav-bg.gif); border : 1px solid #b3b3b3 ; text-align : center ; margin-bottom : 12px}

/*--- Bas de page ---*/
#footer {margin-top : 52px; padding-top: 10px; background: url(/images/footer-bg.png) repeat-x 0 0; }
#footer p {text-align : center; color: #333333; }
#footer b { color: #333; }
#footer #barre {  padding : 4px 0 ; font-weight : bold}
#footer  a {color : #000 ; text-decoration : underline; }
#footer  a:hover {color : #ff7d03 ; text-decoration : underline; }
#footer #barre a { color: #333; text-decoration: none; }

/*--- Bouton "Passer une annonce" ---*/
#passer-annonce {display : block ; float : right}
#passer-annonce img {display : block}

/*--- Fil d'ariane ---*/
#fil-ariane {margin : 0 0 12px ; text-align : left; color: #333; }
#fil-ariane a { color: #333; }
#fil-ariane a:hover { color: #000; }


/* Menu général
=====================================*/

/*--- Root = Horizontal, Secondary = Vertical ---*/
ul#navmenu {font: bold 11px/26px Arial, Helvetica, sans-serif; height: 26px}
ul#navmenu li { border-right: 1px solid #b3b3b3; float: left ; /*For Gecko*/ display: inline ; position: relative ; height: 26px ; /*Recouvre les autres éléments positionnés*/ z-index : 2}
ul#navmenu ul {text-align : left ; width: 160px ; display: none ; position: absolute ; top: 26px ; left: 0;}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{clear: both ; display: block ; font: 1px/0px serif ; content: "." ; height: 0 ; visibility: hidden; }
ul#navmenu ul li {  border-left : 1px solid #b3b3b3 ; border-bottom : 1px solid #b3b3b3; border-right: 1px solid b3b3b3; width: 285px ; float: left; /*For IE 7 lack of compliance*/ display: block !important ; display: inline; /*For IE*/}

/*--- Root Menu ---*/
ul#navmenu a {  float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block  ; color: #000 ; text-decoration: none ; height: auto !important ; height: 1%; /*For IE*/}
ul#navmenu a {padding: 0 8px 0 7px}
ul#navmenu ul a {padding: 0 5px}
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: url(/images/nav-bg-hover.gif); color: #000;}

/*--- 2nd Menu ---*/
ul#navmenu ul { border-top : 1px solid #b3b3b3 ; }
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float: none ; background: #f4f4f4 ; color: #000;}
ul#navmenu li:hover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li a:hover,ul#navmenu li.iehover li.iehover a {background: #ffa33c ; color: #000;}

/*--- 3rd Menu ---*/
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {background: #f4f4f4 ; color: #000;}
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {background: #ffa33c ; color: #000;}
ul#navmenu ul ul, ul#navmenu ul ul ul {display: none ; position: absolute ; top: 0 ; left: 285px;}

/*--- Do Not Move - Must Come Before display:block for Gecko ---*/
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display: none;}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {display: block;}

/* Styles standard
=====================================*/

/*--- Menu ---*/
dl.menu {text-align : left ; padding : 0 0 6px ; border-left : 1px solid #b3b3b3 ; border-right : 1px solid #b3b3b3 ; border-bottom : 1px solid #b3b3b3 ; background : #f7f7f7 ; background: #fff; margin : 0 5px 20px 0 }
dl.menu dt {color : #dd0000 ; margin : 0 0 7px 0; ; padding : 7px ; border-bottom : 1px solid #b3b3b3 ; border-top : 1px solid #b3b3b3 ; font : bold 11px Arial ; text-transform : uppercase ; background : #f7f7f7; }
dl.menu dt a {color : #000 ; text-decoration : none ;}
dl.menu dd {font-size : 0.95em ; font-weight : bold ;  padding : 0 7px 7px 17px; color : #333 ; line-height : 15px ; background: url(/images/puce.gif) no-repeat 7px 5px; }
dl.menu a { color: #333; }
dl.menu a:hover { color: #fa7307; }
dl.menu .select a {text-decoration : none ; color : #fa7307; }
dl.menu .select a:hover {text-decoration : underline ; color : #fa7307; }
dl.menu ul {list-style-type : none ; margin : 0 ; padding : 0}
dl.menu li {line-height : 14px}

/*--- Titres ---*/
h1 {  padding : 1px 0 0 0 ; margin : 0 0 20px 0 ; color : #000; font-size : 1.8em ; }
h1 a {color :  #fa7307; text-decoration : none}
h2 {padding : 10px 0 0 ; color : #000 ; font-size : 1.4em ; border-bottom : 1px solid #b3b3b3 ; margin : 8px 0}
h2 a {text-decoration : none}
h3 { font-size: 1.2em; color : #000 ; margin : 12px 0 6px}
h3 a {color : #000 ; text-decoration : none}
h4 {font : bold 12px Arial; text-transform : uppercase ; margin : 0 ; color : #000; }
h4 a {color : #fa7307 ; text-decoration : none}

/*--- Listes ---*/
ul.liste {display : block ; }
ul.liste li {margin : 0.3em 0 ; padding-left : 12px ; background : url(/images/puce.gif) 0px 7px no-repeat ; line-height : 1.4em}
ul.liste a { color: #000; }
ul.liste a:hover { color: #fa7307; }

ul.liste-verte { margin: 2px 0 14px 0; list-style-type : none ; padding: 0; }
ul.liste-verte li {font : bold 11px Arial ; display : block ; line-height : 17px ; text-decoration : underline ; background : url(/images/puce.gif) 0 6px no-repeat ; padding : 0 0 0 12px}

ul.liste-jaune { margin: 2px 10px 14px ; list-style-type : none ; padding : 5px}
ul.liste-jaune li {font : bold 11px Arial ; display : block ; line-height : 17px ; text-decoration : underline ; background : url(/images/puce.gif) 0 6px no-repeat ; padding : 0 0 0 12px}

/*--- Encadrés ---*/
.important {font : bold 12px/20px Arial ; border : 1px solid #b3b3b3 ; background : #fff url(/images/gradient-0.png) repeat-x 0 bottom ; color : #666 ; padding : 5px 10px ; margin : 1em 0 ; text-align : center;   
  -moz-box-shadow: 2px 2px 5px #d9d9d9; /* Firefox/Mozilla */
  -webkit-box-shadow: 2px 2px 5px #d9d9d9; /*Safari/Chrome */
  box-shadow: 2px 2px 5px #d9d9d9; /* Opera & hoe het zou moeten */ }
.information {font : 12px/18px Arial ; border : 1px solid #000000 ; background : #E7E7E7 ; padding : 6px 18px ; margin : 1em 0}

/*--- Erreurs ---*/
.erreur {display : block ; background : #dd0000; border : solid 1px #dd0000; color : #000000 ; margin : 1em 0 0.8em 0}
.erreur p {font-weight : bold ; background : url(/images/icone-alerte.gif) 0.5em 0 no-repeat ; padding : 0 1em 0 2.4em ; color : #000000; }
.erreur ul { list-style-type : disc ; color : #000000; margin : 0.4em 2em 0.4em 3.2em; line-height : 1.2em; }
.erreur a { text-decoration: none ; color: #000000; }
.erreur a:hover { color: #000000; text-decoration : underline; }

/*--- Formulaire ---*/
.formulaire td {padding : 3px 5px; }
.formulaire th {padding : 5px 5px; }
.formulaire .footer {padding : 1em; }
.formulaire .footer p { /*text-align : center;*/ }

/*--- DIVERS ---*/
p.attention {color : #dd0000; font-weight : bold; }
.TRAD {background-color : #000; color : #fff; }