html {overflow-y: scroll;
 background-color: transparent !important;
    background-image: url(../images/fond-rechercheunbontraiteur.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
body{}
img {border:0px;}
.fond{position:absolute;top:0px;left:0%;min-width:1024px;width:100%;text-align:center;}
.aligner{position:absolute;bottom:0px;width:100%;text-align:center;}
.logo{width:1024px;text-align:center;margin:auto;}
.ecran{width:1024px;text-align:center;margin:auto;padding-top:15px;padding-bottom:35px;}
#prestataire{background-image:url(images/bulle-prestataire.png);background-repeat:no-repeat;background-size:280px 130px;vertical-align:top;width:220px;height:150px;padding:8px 31px 0px 31px;text-align:left;Line-Height:1px;}
#donneur{background-image:url(images/bulle-donneur.png);background-repeat:no-repeat;background-size:280px 130px;vertical-align:top;width:210px;height:150px;padding:8px 31px 0px 51px;text-align:left;Line-Height:1px;}
#texteaccroche{vertical-align:top;text-align:left;width:420px;background-image:url(images/bullet-blanc.png);background-repeat:no-repeat;background-position:0px 0px;padding:40px 40px;}
#inputs{border:1px solid #FFE;font-family:OpenSansItalic;color:#99968b;font-size:14px;padding:2px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;background-image:url(../images/fmb-fond.jpg);}
.envoyer { background-image:url(images/envoyer.png);background-size:108px 26px;}
.envoyer:hover {background-image:url(images/envoyer-over.png);background-size:108px 26px;}
.nlsubmit { background-image:url(images/bouton-orange.png);position:relative;left:-22px;top:11px;}
.nlsubmit:hover {background-image:url(images/bouton-orange-over.png);}
.boite {font: 14px OpenSansExtrabold; color:#ee6839; text-decoration:none;}
.boite:hover {color:#e0592A; }
p {margin:0;padding:2px}
#formulaire input:-moz-placeholder, textarea:-moz-placeholder{color:#99968b;font:italic 14px OpenSansItalic;}
#formulaire input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#99968b;font:italic 14px OpenSansItalic;}
#formulaire table{padding:10px;background-image:url(/images/fond-gris.png);-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
#formulaire td{font:14px OpenSans;}
footer a{text-decoration:none;font: 22px Elbaris;color:#b3ad98;}
#prestabouton { background-image:url(images/bouton-prestataire-over.png);display:block;background-size:108px 26px;width:108px;height:26px;}
#prestabouton:hover img {visibility:hidden;}
#inscribouton { background-image:url(images/inscription-over.png);display:block;width:235px;height:43px;}
#inscribouton:hover img {visibility:hidden;}
#boutonplayer { background-image:url(images/boutonplayer-over.png);display:block;width:66px;height:46px;}
#boutonplayer:hover img {visibility:hidden;}


#page{position:absolute;width:100%;}
#hautdepage {position:relative;padding-bottom:0px;}
#basdepage {position:absolute;bottom:0px;text-align:center;height:67px;width:960px;margin:auto;}


#articlelist table {padding:5px;width:710px;}
#articlelist .date {width:150px;font:13px open sans;color:#999999;border-bottom:1px solid #ff5050;padding-top:12px;}
#articlelist .titre {font:15px open sans;color:#444444;border-bottom:1px solid #ff5050;padding-top:10px;}
#articlelist .titre a {font:15px open sans;color:#444444;text-decoration:none;}
#articlelist .summary {font:12px open sans;color:#444444;}


#offre {width:960px;position:relative;margin:auto;height:562px;background:#fff;padding:10px;text-align:center;}
#offre .title {color:#000;font:22px Bookman Old Style;padding:10px;}
#offre .subtitle {color:#000;font:14px open sans;padding:10px;}
#offre li, #offre ul {color:#000;font:12px open sans;text-align:left;line-height:12px;padding-bottom:5px;margin-left:20px}
#offre ul {color:#000;margin:0;padding:0;}
#offre .suboffre {color:#000;text-align:center;font:14px open sans;font-weight:800;}
#offre .offrerose {color:#d9278d;}
#offrefct { width:700px;height:350px;border:1px solid #ddd9c3;}
#offrefct .offre {color:#000;text-align:center;font:14px open sans;font-weight:800;width:160px;padding:0px 17px;display:inline-block;height:250px;float:left;}
#offrefct .offreligne {margin:auto;width:650px;height:250px;vertical-align:top;}
#offrefct .offrefleche {text-align:center;font:14px open sans;width:30px;padding:75px 0px;display:inline-block;height:100px;float:left;}
#offrefct .etoile {color:#000;font:12px open sans;text-align:left;line-height:12px;padding:0px;margin:0px}
#offredetail {width:338px;height:175px;background-color:#c897b3;display:inline-block;padding:5px;margin-top:10px;float:left;border:1px solid #ddd9c3;}
#offredetail table {height:130px;}

#offredetail .title {color:#000;font:bold 16px Bookman Old Style;}
#offredetail li, #offredetail ul, #offredetail p {color:#fff;font:12px open sans;text-align:left;line-height:11px;padding:5px 0px;margin-left:20px}
#offredetail a {color:#fff;}
#offredetail a:hover {color:#bbb;text-decoration:none;}
#offredetail .vertical_plain_line {position:relative;border-left: 1px solid #ddd9c3;width:1px;height:66%;margin:20px 0px;}

#devis {position:absolute;width:248px;height:370px;padding:0px;right:10px;top:10px;border:1px solid #ddd9c3;font:11px open sans;line-height:10px;text-align:justify;background:url(../images/fond-blanc.png);}
#devis .title {color:#000;text-align:center;font:14px open sans;font-weight:800;padding:0;padding-top:10px;margin:0;}
#devis .subtitle2 {color:#000;font:11px open sans;font-weight:800;padding-top:5px;float:left;line-height:12px;}
#devis .field {color:#000;font:11px open sans;float:right;line-height:12px;}
#devis table, #devis  td {padding:1px 5px;height:26px;}
#devis .formdate {width:100px;padding:0;margin:0}

#offregroupee {position:relative;float:right;width:220px;height:127px;background:#542437;padding:15px;margin-top:25px;}
#offregroupee .title {font: bold 20px Bookman Old Style;color:#ffc000;}
#offregroupee hr {color:#ffc000;background-color:#ffc000;height: 1px;border: 0;margin:5px 10px 20px 10px;}
#offregroupee .contents {font: bold 20px Bookman Old Style;color:#fff;}
#offregroupee .contents2 {font: bold 20px Bookman Old Style;color:#ff660d;}
#conditions {font: 6px open sans; color:#fff000;width:45px;text-align:right;position:absolute; bottom:3px;right:3px;}
#offregroupee .asaisir {position:absolute;top:-3px;left:-3px;}

/* liste des boutons utilisés */
#boutonprorejoigneznous {position:relative;left:100px;margin:3px;background:url(../images/bouton-prorejoigneznous.png) 0 0 no-repeat;background-position:0px 0px;width:120px;height:30px;background-size:120px 60px;}
#boutonprorejoigneznous:hover, #boutonprorejoigneznous:focus, #boutonprorejoigneznous:active {background-position:0px -30px;}
#boutontrouveruntraiteur {position:relative;left:20px;bottom:-7px;margin:3px;background:url(../images/bouton-trouveruntraiteur.png) 0 0 no-repeat;background-position:0px 0px;width:150px;height:40px;background-size:150px 80px;}
#boutontrouveruntraiteur:hover, #boutontrouveruntraiteur:focus, #boutontrouveruntraiteur:active {background-position:0px -40px;}
#boutonpublier {position:absolute;right:70px;bottom:6px;margin:3px;background:url(../images/bouton-publier.png) 0 0 no-repeat;background-position:0px 0px;width:100px;height:25px;background-size:100px 50px;}
#boutonpublier:hover, #boutonpublier:focus, #boutonpublier:active {background-position:0px -25px;}
#boutonposterunedemande {bottom:5px;margin:3px;background:url(../images/bouton-posterunedemande.png) 0 0 no-repeat;background-position:0px 0px;width:150px;height:30px;background-size:150px 60px;}
#boutonposterunedemande:hover, #boutonposterunedemande:focus, #boutonposterunedemande:active {background-position:0px -30px;}
#boutonproregoigneznous {right:5px;bottom:5px;margin:3px;background:url(../images/bouton-prorejoigneznous.png) 0 0 no-repeat;background-position:0px 0px;width:150px;height:30px;background-size:150px 60px;}
#boutonproregoigneznous:hover, #boutonproregoigneznous:focus, #boutonproregoigneznous:active {background-position:0px -30px;}

.derniersprojetsref {text-decoration:none; color:black;}
.derniersprojetsref div:hover {background-color:#bbbbbb;}

#infos {width:980px;position:relative;margin:auto;padding-top:10px;}

/* bandeau de publicité - fichier adsense.php */
#publicite {width:260px;position:absolute;top:0px;right:0px;background:#fff;padding:5px;margin-top:10px;}
#parolede {position:relative;width:240px;margin:5px;padding:5px;right:1px;border:1px solid #ddd9c3;font:11px open sans;line-height:10px;text-align:justify;}
.guigui {font:35px open sans;padding:0;margin:0;line-height:10px;}
#filactu {color:#444444;position:relative;width:240px;margin:5px;padding:5px;right:1px;border:1px solid #ddd9c3;font:11px open sans;line-height:10px;text-align:justify;}
#encartpub{position:relative;width:240px;height:240px;background:#ddd;color:#fff;font:20px open sans;padding:5px;margin:5px;border:1px solid #ddd9c3;}
.offrerose {color:#d9278d;}
.offreblanc {color:#ffffff;}

/* blog - fichier blog.php */
#blog {width:700px;min-height:610px;position:relative;top:0px;left:0px;background:#fff;padding:10px;margin:0px;color:#000;font:bold 22px Bookman Old Style;}
#blog .date-outer {padding:11px 22px;position:relative;height:100%}
#blog .date-header {font:12px arial;color:#9b7786;padding:0;margin:0;}
#blog .date-posts {border-top:1px solid #cc2859;}
#blog .post-title {padding:0;margin:5px 0px;}
#blog .post-title a {color:#660000;font:22px arial;text-decoration:none;}
#blog .post-title a:hover {text-decoration:underline;color:#804265;}
#blog .post-body {color:#000;font:12px arial;text-align:justify;}
#blog .post-body img {padding: 8px;background: #ffffff;border: 1px solid #d1d1d1;-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);box-shadow: 0 0 20px rgba(0, 0, 0, .2);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#blog .post-footer-line {color:#000;font:11px arial;}
#blog .post-comment-link, #blog .post-icons {display:none;}
#blog .post-location {display:none;}
#blog .post-timestamp, #blog .post-comment-link, #blog .post-icons, #blog .comments {display:none;}
#blog .sb-email, #blog .sb-blog {display:none;}
#blog .share-button-link-text {display: block;text-indent: -9999px;}
#blog .goog-inline-block {position: relative;display: inline-block;}
.criteres {font:bold 11px open sans;}
#blog .share-button {width: 20px;height: 20px;background: url(../images/share_buttons.png) no-repeat left !important;overflow: hidden;margin-left: -1px;}
#blog .sb-facebook {background-position: -60px 0 !important;} #blog .sb-facebook:hover {background-position: -60px -20px !important;}
#blog .sb-twitter {background-position: -40px 0 !important;} #blog .sb-twitter:hover {background-position: -40px -20px !important;}
#blog .sb-blog, #blog .sb-email {display:none;}
#blog .dummy-container {vertical-align: top;padding-left: .3em;}
#blog .post-author {display:block;height: 20px;}

.formatselect {width:180px;overflow:hidden;-webkit-appearance: none; font: 12px Open Sans; background:url(../images/fond-select.png) no-repeat;background-size:180px 27px;border:0; padding:4px;text-align :left;color:#444444;}
.formatselect option { background-color:#f3eedf;-border-radius:8px;color:#444444;}
.formatselectblanc {width:180px;overflow:hidden;-webkit-appearance: none; font: 11px Open Sans;background-color:#fff; background-image:url(../images/fond-select-seul.png);background-repeat:no-repeat;background-size:12px 16px;background-position:97% 2px; padding:2px;text-align :left;color:#444444;border-radius : 5px;border: 1px solid #dbdad8;}
.formatselectblanccourt {width:112px;overflow:hidden;-webkit-appearance: none; font: 11px Open Sans;background-color:#fff; background-image:url(../images/fond-select-seul.png);background-repeat:no-repeat;background-size:12px 16px;background-position:97% 2px; padding:2px;text-align :left;color:#444444;border-radius : 5px;border: 1px solid #dbdad8;}
.formatinputblanc {width:180px;overflow:hidden;-webkit-appearance: none; font: 11px Open Sans;background-color:#fff; border:0; padding:2px;text-align :left;color:#444444;border-radius : 5px;border: 1px solid #dbdad8;}
.formatradio {width:12px;height:12px;overflow:hidden;-webkit-appearance: none; background:url(../images/bouton-off.png) no-repeat;background-size:12px 12px;background-position:0px 0px;border:0; padding-right:15px;margin:0px;text-align :left;color:#444444;}
.formatradio:checked {background:url(../images/bouton-on.png) no-repeat;background-size:12px 12px;}
#formatselectblanccontent {display:none;}
@-moz-document url-prefix() { 
.formatselectblanc {text-indent:0px;width:180px;overflow:hidden;-webkit-appearance: none; font: 11px Open Sans;background-color:#fff; background-image:url(../images/fond-select-seul.png);background-repeat:no-repeat;background-size:12px 16px;background-position:97% 2px; padding:2px;text-align :left;color:#444444;border-radius : 5px;border: 1px solid #dbdad8;}
@-moz-document url-prefix() { .formatselect {width:270px;overflow:hidden;text-indent:25px;background-size:275px 34px;font: 14px Open Sans;  -moz-border-radius : 8px; -webkit-border-radius: 8px; border-radius : 8px; background-image:url(../images/fond-select.png); border: 1px solid #dbdad8; padding:7px;text-align :left;color:#444444;}}


