/* Facettes
======================================*/
ul.facette li {float : left ; width : 285px ; padding-left : 11px ; background : url(/images/puces/carre-vert.gif) 0 8px no-repeat}

/* Pagination
======================================*/
.pagination {margin : 20px 0 20px ; text-align : center ; clear : both}
.pagination a, div.pagination span {padding : 0.2em 0.4em ; margin : 0.2em}
.pagination a {border : 1px solid #b0c3e5 ; display : inline; color: #00709A; text-decoration: none}
.pagination span {color : #000 ; border : 1px solid #ddd}
.pagination a:hover, div.pagination a:active {color : #00709A ; background : #daecf9}
.pagination span.current {border : 1px solid #b0c3e5; font-weight : bold ; color : #fff ; background : #b0c3e5}
.pagination span.disabled {background-color : #fff ; color : #ddd ; border : 1px solid #ddd}


/* Pagination du référencement
======================================*/

#pagination-referencement {margin : 0 ; padding : 0}
#pagination-referencement li {display : inline}

#nb-annonces span {color : #ccc ; font-style : italic}
.chaussette {color : #ccc ; font-style : italic}

/* Fil d'ariane
==================================== */
.ariane {margin : 8px 0 15px}
.ariane img {vertical-align: middle}
.ariane img, a {display:inline}
.ariane .critere{background : url('/images/puces/fleche-bleue.gif') no-repeat; background-position: 0pt 4px; padding-left:15px ; margin-left : 4px}

/* Résumé d'annonce
==================================== */
.annonce {margin : 24px 0 ; padding : 0; border: 1px solid #00709a;}
.annonce h2 {background : #00709a; border-bottom: 1px solid #efede4;}
.annonce h2 {font: bold 14px/14px Arial,sans-serif ; padding : 5px 12px ; margin : 0; color: #fff}
.annonce h2 a {color: #fff ; text-decoration : none ; cursor : text}
.annonce h2 span.prix {float : right ; width : 110px ; text-align : right}
.annonce h2 span.surface {float : right ; text-align : right}
/* Annonce selectionnée */
.annonce-panier {border: 1px solid #DF520D;}
.annonce-panier h2 {background : #DF520D}

.annonce .visuel {margin : 10px 0 10px 10px; border: 1px solid #aaa;}
.annonce .descriptif {color: #444;}
.annonce .descriptif .classique {padding : 0 10px;}
.annonce .descriptif .classique ul li {padding : 3px 0;  text-align:left ; background: none}
.annonce .descriptif table.aligne  {margin : 5px 0}
.annonce .descriptif .aligne td.left {width:110px; heigth:19px; text-align:right; padding: 2px 10px 2px 0;}
.annonce .descriptif .aligne td.right { heigth:19px; padding: 2px 10px 2px 0;}
.annonce .logo {float : right ; margin : 8px 8px 8px 15px}
.annonce .fonctionnalites {background : #efede4; margin : 0}
.annonce .fonctionnalites ul {padding : 4px 10px ; margin : 0}
.annonce p.date-publication {text-align : right ; font-style : italic ; color : #999}
.annonce .annonce-contenu p {margin : 5px 0}

/* Détail d'annonce
==================================== */
#photo-principale img { margin: 10px 0 0 10px; border: 1px solid #aaa; margin-left: auto; margin-right: auto;}
#galerie-photo    { margin: 10px 5px 0 10px;}
#galerie-photo    img {border: 1px solid #aaa; margin-left: auto; margin-right: 3px;}

.annonce-detail {background : none ; border: 1px solid #CFCAB5}
.annonce-detail h2, .annonce-detail ul, .annonce-detail p {margin-left : 8px ; margin-right : 8px}
.annonce-detail ul li {background : none}
.annonce-detail .photo {padding-bottom: 15px}
.annonce-detail .logo {float : right ; margin : 0 0 10px 15px}
.annonce-detail .descriptif {margin: 10px}
.annonce-detail .descriptif td.left {text-align:right; padding: 2px 10px 2px 0; color: #444;}
.annonce-detail .descriptif td.right {padding: 2px 10px 2px 0;}
.annonce-detail .fonctionnalites {background : #EFEDE4; margin : 0 ; border-top : 1px solid #CFCAB5}
.annonce-detail .fonctionnalites ul {padding : 4px 10px ; margin : 0}


/* Fonctionnalités
==================================== */
.fonctionnalites a {font-weight : bold}
.fonctionnalites li {display : block ; padding : 2px 0 1px 23px}
.fonctionnalites li.panier      {background : url(/images/icones/panier.png)     0 4px no-repeat}
.fonctionnalites li.supprimer   {background : url(/images/contact-supprimer.png) 0 4px no-repeat}
.fonctionnalites li.detail      {background : url(/images/icones/loupe.png)      0 4px no-repeat}
.fonctionnalites li.email       {background : url(/images/icones/email_go.png)   0 4px no-repeat}
.fonctionnalites li.email-ami   {background : url(/images/icones/email-ami.gif)  0 4px no-repeat}
.fonctionnalites li.doc         {background : url(/images/icones/doc.png)        0 4px no-repeat}
.fonctionnalites li.doc a       {color: #dc3522}
.fonctionnalites li.url_externe {background : url(/images/icones/cursor.png)     0 4px no-repeat}
.fonctionnalites div.inactive {color: #999; font-weight: bold; font-style: italic}

form#demande_documentation th {font-weight : normal ; text-align : left ; padding : 2px 10px 4px 0}
form#demande_documentation tr.erreur label {font-weight : bold ; color : #c00}

/* Popup Fancybox
==================================== */
#fancybox-outer { border: 8px solid #00709A; border-radius: 15px ; -moz-border-radius: 15px ; -webkit-border-radius: 15px ; -khtml-border-radius: 15px ;}
.content { text-align: center ; height: 82px; padding: 20px 10px ; }
.content b { display: block; clear: both; font-size: 130% ; line-height : 22px ; font-weight: normal; margin-bottom: 20px ; color: #457ACC ;}
.content a, .content span { font-size: 110% ; font-weight: bold; text-decoration: none ; }
.content a, .content span { color: #457ACC; border: 1px solid #457ACC; padding: 2px 4px; background: #e5ecf8; }
.content a, .content span { border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; -khtml-border-radius: 5px ; }
.content a:hover, .content span:hover { cursor: pointer; background: #fff; }

.ddd-projet select, .ddd-projet input {margin : 2px 0}
.ddd-projet ul.equipements li {float : left ; width : 150px}