@import "reset.css";
/*
           ..ccccccccccccccccccccccccccccccccccccccccccccccccc                                                                                        
       :ccccccccccccccccccccccccccccccccccccccccccccccccccc                                                                                           
     ccccccccOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOoccccccccc                                                                                           .c
   ccccccC@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8ccccc       cccccccccccccc:       .cccccccccccccc:       :ccccccccccccccc:       :cccccccccccc   .c
  ccccco@@@@@OOOOOOOOOOOOOOOO8@@@@@OOOOOOOOOOO@@@@@Occc      cc.             ccc   .cc              cc.    cc:             :cc    .cc.              .c
 cccccc@@@@cccccccccccccccccC@@@@ccccccccccccccO@@@@cc      cc                :c.  cc                :c   cc                 cc   cc                .c
.cccccO@@@occccC88888888Occc@@@@cccccccccccccccO@@@Occ     .cc                .c. .c.                .c.  cc                 cc  .cc                .c
cccccc@@@@ccccc@@@@@@@@@@@@c@@@@ccccccccccccccc@@@@ccc     .cc                :c. .c.                cc   cc                 cc  .cc                .c
cccccC@@@OcccccoooooooO@@@@@@@@occccccccccccccO@@@Occc     .cc               ccc  .c.   ccccccccccccc:    cc                 cc  .cc                .c
.cccc@@@@ccccccccccccccO@@@@@@@ccccccccccccccc@@@@ccc.     .cc    ccccccccccc:    .c.    :cccc:           cc                 cc   cc                .c
 cccc@@@@Occcccccccccco@@@@@@@@occccccccccccc@@@@Cccc.     .cc                    .c.        .cccc:        cc               cc    cc:              :cc
  cccO@@@@@@@@@@@@@@@@@@@@cO@@@@@@@@@@@@@@@@@@@@occcc      .cc                    .c.             :cccc     :ccccccccccccccc:       cccccccccccccccc  
   :ccc8@@@@@@@@@@@@@@@@occcc8@@@@@@@@@@@@@@@Occcccc.                                                                                                 
     cccccccccccccccccccccccccccccccccccccccccccccc                                                                                                   
        cccccccccccccccccccccccccccccccccccccccc:                      

Copyright (c) 2012, GOPROD. All rights reserved.
Webdesigner : Guillaume LANDRY
*/
html, body { height:100%; }
body {
	font:12px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
	background:url(../images/bg-noise.png) repeat 0 0;
	color:#4c4c4c;
}
::selection {
    background: none repeat scroll 0 0 #7ed615;
    color: #000;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #7ed615;
    color: #000;
}
a { color: #121f30; text-decoration:none; outline:none;}
a:hover { color:#121f30; text-decoration:underline; }
input { outline:none; }

.clear { clear:both; }
.floatL { float:left !important; }
.floatR { float:right !important; }

.header_wrap { background:url(../images/bg-canvas.jpg) repeat 0 0; width:100%; position:relative; }
.header { background:url(../images/bg-gradient.jpg) no-repeat center top; height:100%; position:relative; z-index:2; }
.header .greenline {
	margin:0;
	height:15px;
	width:100%;
	background:url(../images/greenline.png) repeat-x 0 0;
	position:absolute;
	bottom:0;
	left:0; 
}
#page { min-height:100%; position:relative; }
#footer {
	background:url(../images/bg-footer.png) repeat-x 0 0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0;
}
#footer .wrap {width:920px;  margin: 0 auto; }
#footer p.mentions { font-size:11px; text-shadow:0 1px 0 #c1c1c1; color:#737373; float:left; line-height:30px; }
#footer p.mentions img { width:58px; height:23px; background:url(../images/annu-assets.png) -272px -122px; margin-right:10px; vertical-align:-8px; }
#footer ul.links { float:right;}
#footer ul.links li { display:inline; margin-top:2px; }
#footer ul.links li a{ display:inline-block; line-height:30px; padding:0 10px; color:#737373; text-shadow:0 1px 0 #c1c1c1; font-weight:bold; }
#footer ul.links li a:hover { color:#555; text-decoration:none; }

.searchForm, .searchBtn { background:url(../images/search-assets.png) no-repeat 0 0; }

#page.home .header_wrap { height:342px; }
#page.home .logo { padding-top:58px; }
#page.home .logo h1{ 
	width:552px;
	height:134px; 
	background:url(../images/home-logo.png) no-repeat center top; 
	text-indent:-9999px;
	margin:0 auto;
}
#page .searchForm {
	width:696px;
	height:60px;
	margin:0 auto;
	position:relative;
	background-position:0 0;
}
#page .searchForm .searchField {
	width:510px;
	height:45px;
	border:0 none;
	background:transparent;
	margin:7px 0 0 14px;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.02em;
	font-size:20px;
	color:#4c4c4c;
}
#page .searchForm .searchBtn {
	border:0 none;
	width:133px;
	height:45px;
	background-position:0 -61px;
	position:absolute;
	top:7px;
	right:7px;
	cursor:pointer;
}
#page .searchForm .searchBtn:hover { background-position:-133px -61px; }
#page .searchForm .searchBtn:active { background-position:-266px -61px; }

#page.home .searchForm { margin-top:30px; }

#page.resultats .header_wrap {
    height: 120px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
#page.resultats .header .center { width:910px; margin:0 auto; position:relative; padding-top:25px; }
#page.resultats .searchForm { float:right; background-position:0 -107px; }
#page.resultats .searchForm .searchBtn { width:73px; height:45px; background-position:-399px -61px; }
#page.resultats .searchForm .searchBtn:hover { background-position:-472px -61px; }
#page.resultats .searchForm .searchBtn:active { background-position:-545px -61px; }
#page.resultats .logo { float:left; margin-top:3px;}
#page.resultats .logo h1 { display:block; width:181px; height:51px; background:url(../images/annu-assets.png) no-repeat -29px -120px; text-indent:-9999px; } 
#resultat { width:920px; margin:0 auto; padding:152px 0 140px 0; position:relative; }
#resultat .searchResult { display:none; text-align:center; font-size:24px; text-shadow:0 1px 0 #FFF; font-weight:bold; letter-spacing:-0.02em; margin-bottom:30px; color:#999; }
#resultat .searchResult .qsearch { color:#666666; }
#resultat .resultats-content {
	width:436px;
	position:relative;
}
#resultat .resultats-content .top {
	background:url(../images/annu-assets.png);
	height:51px;
	position:relative;
	z-index:2;
	text-align:right;
}
#resultat .resultats-content .top img { background:url(../images/annu-assets.png); width:18px; height:17px; margin:12px 10px 0 0; }
#resultat .resultats-content .top .nb_res { font-size: 16px; font-weight: bold; margin-right: 16px; vertical-align:text-bottom; }
#resultat #particuliers.resultats-content { float:left; }
#resultat #professionnels.resultats-content { float:right; }

#resultat #particuliers.resultats-content .top { background-position:0 0; }
#resultat #professionnels.resultats-content .top { background-position:0 -61px; }

#resultat #particuliers.resultats-content .top img { background-position:0 -122px; }
#resultat #professionnels.resultats-content .top img { background-position:0 -139px; }
#resultat #particuliers.resultats-content .top .nb_res { color:#fff; }
#resultat #professionnels.resultats-content .top .nb_res { color:#315407; }

#resultat .pagination {
	margin:0 10px;
	border-radius:0 0 9px 9px;
	text-align:center;
	background: #bebebe;
	background: -moz-linear-gradient(top, #bebebe 0%, #a8a8a8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(100%,#a8a8a8));
	background: -webkit-linear-gradient(top, #bebebe 0%,#a8a8a8 100%);
	background: -o-linear-gradient(top, #bebebe 0%,#a8a8a8 100%);
	background: -ms-linear-gradient(top, #bebebe 0%,#a8a8a8 100%);
	background: linear-gradient(top, #bebebe 0%,#a8a8a8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a8a8a8',GradientType=0 );
}
#resultat .pagination a, #resultat .pagination span { 
	display:inline-block; 
	width:24px; 
	height:24px; 
	line-height:24px; 
	margin:10px 2px; 
	text-align:center;
	background-color:#DDD;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#resultat .pagination a { text-shadow:0 1px 0 #fff; }
#resultat .pagination a:hover { background-color:#fff; text-decoration:none; }
#resultat .pagination .current { background-color:#FFF; }

#resultat .resultats-content .list {
	margin:-10px 10px 0 10px;
	background-color:#F9F9F9;
	padding-top:10px;
}
#resultat .resultats-content .list li.empty { 
	text-align:center; 
	padding:40px 10px;
	-moz-box-shadow: 0 2px 2px #C4C4C4;
	-webkit-box-shadow: 0 2px 2px #C4C4C4;
	box-shadow: 0 2px 2px #C4C4C4;
}
#resultat .resultats-content .list li.empty img { width:134px; height:89px; background:url(../images/annu-assets.png) 0 -172px; }
#resultat .resultats-content .list li.empty p{
	font-size:16px;
	color:#999;
	letter-spacing:-0.02em;
	line-height:22px;
	text-align:center;
	padding:10px 20px;
}
#resultat .resultats-content .list li.entry {
	min-height:90px;
	padding:10px 14px;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #fff;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	position:relative;
	overflow:hidden;
}
#resultat .resultats-content .list li.entry:hover { background-color:#fff; }
#resultat .resultats-content .list li.entry:first-child { border-top:0; }
#resultat .resultats-content .list li.entry:last-child { border-bottom:0; }
#resultat .resultats-content .list li.entry .adr { float:left; width:260px; }
#resultat .resultats-content .list li.entry .adr h2 {
	font-size: 1.4em;
    font-weight: bold;
	margin-bottom:8px;
	line-height:1.2;
}
#resultat .resultats-content .list li.entry .adr h5 {
	color: #888888;
    font-size: 11px;
    margin-bottom: 4px;
	line-height:12px;
}
#resultat .resultats-content .list li.entry ul.phone { float:right; text-align:right; margin-top:5px; }
#resultat .resultats-content .list li.entry ul.phone li{ line-height:18px; }
#resultat .resultats-content .list li.entry ul.phone li span { 
	font-size:12px;
	color:#676767;
	font-weight:bold;
}
#resultat .resultats-content .list li.entry .partager {
	bottom:10px;
	position:absolute;
	display:none;
}
#resultat #professionnels.resultats-content .list li.entry .partager {
	right:14px;
}
#resultat .resultats-content .list li.entry .partager a{
	 background:url(../images/annu-assets.png);
	 width:16px;
	 height:16px;
	 display:block;
	 float:left;
	 margin-left:8px;
}
#resultat .resultats-content .list li.entry .partager strong { float:left; font-size:10px; color:#999999; line-height:17px; }
#resultat .resultats-content .list li.entry .partager a.fb { background-position:-218px -132px; }
#resultat .resultats-content .list li.entry .partager a.tw { background-position:-234px -132px; }
#resultat .resultats-content .list li.entry .partager a.fb:active { background-position:-218px -148px; }
#resultat .resultats-content .list li.entry .partager a.tw:active { background-position:-234px -148px; }

.fancypage { width:740px; padding:20px; border:1px solid #F1F1F1; background-color:#F8F8F8; }
.fancypage h1 {
	color: #888;
	font-size: 39px;
	letter-spacing: -0.04em;
	line-height: 1;
	margin-bottom: 29px;
	font-family: "Helvetica Neue";
	font-weight: lighter;
	text-shadow: 0 1px 0 white;
}
.fancypage h2 {
	font-size:2em;
	text-shadow: 0 1px 0 white;
}
.fancypage h3 {
	font-size:1.5em;
	text-shadow: 0 1px 0 white;
	color: #555;
}
.fancypage p { margin:1em 0; line-height:1.5em; }


#formContact { padding-top:20px; width:560px; }
.form .clear { margin-bottom:20px; }
.form label {
    float: left;
    font-size: 13px;
    line-height: 20px;
    padding-top: 6px;
    text-align: right;
    width: 130px;
}
.form .input { margin-left:150px; }
.form .textfield, .form .textarea {
	border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    color: #808080;
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    padding: 4px;
    width: 210px;
}
.form .textarea { width:400px; height:140px; }
.form .actions { text-align:right; }
.form .button {
	background: #80d816;
	background: -moz-linear-gradient(top, #80d816 0%, #6bb60f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80d816), color-stop(100%,#6bb60f));
	background: -webkit-linear-gradient(top, #80d816 0%,#6bb60f 100%);
	background: -o-linear-gradient(top, #80d816 0%,#6bb60f 100%);
	background: -ms-linear-gradient(top, #80d816 0%,#6bb60f 100%);
	background: linear-gradient(top, #80d816 0%,#6bb60f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d816', endColorstr='#6bb60f',GradientType=0 );
	height:34px;
	padding:0 15px;
	color:#315407;
	text-shadow:0 1px 0 #ACFB4C;
	font-size:14px;
	font-weight:bold;
	border:medium none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}
.form .button:active {
	-moz-box-shadow:0 1px 2px #5da301 inset;
	-webkit-box-shadow:0 1px 2px #5da301 inset;
	box-shadow:0 1px 2px #5da301 inset;
}
.form #alertform {
display: block;
position: absolute;
font-weight: bold;
left: 170px;
font-size: 16px;
margin: 7px 0;
}

#appstore, #googleplay {
	display:block;
	width:196px;
	height:70px;
	position:absolute;
	left:50%;
	bottom:96px;
}
#appstore {	background:url(../images/appstore-badge.png) no-repeat left top; margin-left:-200px; }
#googleplay {background:url(../images/android-badge.png) no-repeat left top; margin-left:4px;  }
#appstore:hover, #googleplay:hover { background-position:left 50%; }
#appstore:active, #googleplay:active { background-position:left bottom; }

#btn-plugin {
	position:absolute;
	top:0;
	right:20px;
	width:206px;
	height:37px;
	background:url(../images/btn-addplugin.png) no-repeat 0 0;
	z-index:2;
}
#btn-plugin:hover { background-position:left 50%; }
#btn-plugin:active { background-position:left bottom; }