<!-- /* $WEFT ---- */
  @font-face {
    font-family: Journal;
    font-style:  normal;
    font-weight: normal;
    src: url(../i/JOURNAL.eot);
  }
-->
@font-face {
  font-family: Journal;
  src: url('../i/JOURNAL.TTF') format("truetype");
}
body {
  margin: 0px;
  padding: 0px;
  font-family: arial, sans-serif;
  overflow-x: hidden;
}

img {border:0;}
a{
	color: #257fad;
	text-decoration: underline;
}
a:hover {
	outline: none;
	color: #999999;
	text-decoration: underline;
}


a.cached
{
  color: #9999FF;
  font-size: 12px;
}
a.cached:hover
{
	outline: none;
}
a.cached:visited
{
	color: #9999FF;
	outline: none;
}

h1 {
  font-size: 20px;
}

.dlink {
	font-family: Arial, Helvetica, sans-serif;
	color: green;
	font-size: 11px;
}
div#cont{
	float: left;
	width: 100%;
}
div#ads{
	float: right;
	width: 200px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #C9D7F1;
	padding-left: 20px;
	height: 1386px;
	background-color: #FFFFFF;
}
div#ads h2{
	color: rgb(103, 103, 103);
	font-size: small;
	font-family: arial, sans-serif;
	font-weight: normal;
	text-align: center;
	
}
div#toplogo {
  width:	180px;
  height:	100px;
  background-color: #FFFFFF;
  padding-top:	4px;
  padding-left: 5px;
  float: left;
}

div#topsearch {
  height:	100px;
  padding-top: 6px;
  padding-bottom: 3px;
}

div#getstart
{
	float: left;
	font-size: 25px;
	padding-left: 7px;
	padding-top: 1px;
	text-align: left;
	width: 200px;
	font-family: Journal,Comic Sans MS;
	letter-spacing: 1pt;
}
div#ffadd
{
	font-size: 12px;
	padding-left: opx;
	padding-top: 1px;
	text-align: right;
	width: 780px;
	position: absolute;
	top: 10px;
	left: 480px;

}


div#pub {
  width: 75%;
  padding-left: 7px;
  padding-top: 8px;
  clear: left;
  font-size: 14px;
}

html>body #txtResult {
	height: auto;
	min-height: 1300px;
	width: auto;
	padding-left: 7px;
	padding-top: 8px;
	clear: left;
	font-size: 14px;
	padding-right: 220px;
}

div#textblock {
  width: 99%;
  padding-left: 7px;
  clear: left;
  font-size: 14px;
}

div#nav_header {
	width: 99%;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 5px;
	clear: left;
	font-size: 13px;
}
.divresult {
	height: 100px;
	width: 95%;
}
.divresult a:link{
	color: #257fad;
	text-decoration: underline;
}
.divresult a:hover {
	outline: none;
	color: #257fad;
	text-decoration: none;
}

.picture {
    position: relative;
	display: block;
	font-size: 16px;
	padding-right: 20px;
	float: left;
	height: 90px;
	width: 80px;
}

.picture img {
	border: 1px solid #F0F0F0;
	padding: 3px;
	font-size: 16px;
	float: left;
	height: 90px;
}

.resize {
width: 80px;
height : auto;
}

.details {
	height : 80px;
	padding-left: 10px;
}
.annonce{
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C9D7F1;
}

.annonce_bg{
    border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C9D7F1;
	background-image: url('http://www.proodi.ca/i/bg15.gif');
	background-repeat: repeat-x;
	width: 100%;
}

.details_footer {
    padding-left: 100px;
    
}

.publie {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;

}
.prix {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #257fad;
	font-weight: bold;
}
.bleu{
	color: #257fad;
	font-weight: bold;
}

.name {
  font-size: 16px;

}
.category {
  font-size: 13px;
}
.desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	width: 90%;
}
.details_desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 90%;
}

.sp {
  font-size: 11px;
}

.exact {
  font-size: 12px;
  font-weight: bold;
}
.exactn {
  font-size: 12px;
  color: darkgrey;  
}
.exacto {
  font-size: 12px;
}
.exacton {
  font-size: 12px;
  color: darkgrey;  
}
.exactb {
  font-size: 12px;
  font-weight: bold;
}
.exactbn {
  font-size: 12px;
  color: darkgrey;  
}

.copy {
	font-size: 15px;
	padding-bottom: 10px;
	font-family: Journal,Comic Sans MS;
	letter-spacing: 2pt;
}

div#bottomsearch {
  text-align: center;
  width:	99%;
  height:	40px;
  clear:	left;
  padding-top: 10px;
 
}

div#bottomfooter {
	text-align: center;
	font-size: 25px;
	width: 99%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Journal,Comic Sans MS;
	letter-spacing: 1pt;
}
div#bottomfooter2 {
	text-align: center;
	font-size: 25px;
	width: 99%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Journal,Comic Sans MS;
	letter-spacing: 1pt;
	position: absolute;
	height: auto;
	
}

.hrdiv {
  width: 99%;
  height: 1px;
 
}

div#home {
  width: 99%;
  padding-left: 7px;
  padding-top: 25px;
  clear: left;
  font-size: 14px;
}

.announcement { 
  color: red; 
  font-weight: normal;
  font-size: 11px;
}


.dropshadow2{
	float:left;
	clear:left;
	background: url(../i/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../i/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 75%;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}

.nb_resultat {
	font-size: 11px;
	float: right;
	 position: fixed;
}
.p_image{
	float: left;
	
}
.alert-warning{
	margin: auto;
	border: solid 1px #DEDEDE;
	background: #FFFFCC url(../i/warning.png) 8px 6px no-repeat;
	color: #222222;
	padding: 20px 4px 0px 4px;
	text-align: center;
	height: 50px;
	width: 99%;
	position: absolute;
	bottom: 0px;
}

.cloud {

width:80%;
}

.Title
{
	margin: 0em auto;
	height: 51px;
	width: 600px;
	position: absolute;
	top: 120px;
	left: 40%;
	float: left;
	font-family: journal,Comic Sans MS;
	font-size: 92px;
	color: #ffffff;
}

.SearchBox
{
	margin: 0em auto;
	background: url('../i/box.png') no-repeat;
	height: 51px;
	width: 566px;
	position: absolute;
	top: 160px;
	left: 40%;
	float: left;
}
.SearchInput
{
	background: url('../i/input_bg.gif') no-repeat left top;
	height: 33px;
	width: 547px;
	position: absolute;
	top: 10px;
	left: 9px;
}

.searchHTTP
{
	position: absolute;
	width: 53px;
	height: 25px;
	top: 2px;
	left: 5px;
	color: #999999;
}

.SearchInput input
{
	border: none 0px;
	font-size: 25px;
	background: transparent;
	font-family: Journal,Comic Sans MS;
	letter-spacing: 1pt;
}
input:focus  
{  
    outline: none;  
}  

.searchURL
{
	position: absolute;
	width: 290px;
	/*height: 25px;*/
	height: 100%;
	top: 2px;
	left: 57px;
}

.SearchButtonImage
{
	position: absolute;
	left: 351px;
	outline: none;
}

.SearchDescriptionSpacer
{
	height: 10px;
}
  
  
  .font {
    /* Use the same value as @font-face font-family */
    font-family:Journal,Comic Sans MS;
    font-size:28px;
    color:orange;
    	
  }
  .maindiv {
	background-position: center;
	height: 600px;
}
.logo {
	height: 150px;
	margin-left: 60%;
}

.logo_image {
	z-index: 1; 
	position: absolute;
	width:369px;
	
}
.divcontent {
	background-position: center;
	position: absolute;
	top: 150px;
	width: 100%;
	height: 356px;
	background-image: url('../i/arriere.png');
	background-repeat: repeat-x; 
}
.divcontent2 {
	background-position: center;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 356px;
	background-image: url('../i/arriere.png');
	background-repeat: repeat-x; 
}

.divpicture {
	float: left;
	width: 352px;
	height: 354px;
	padding-left: 75px;
}
.slogan {
	 height: 80px;
	 font-family: Journal,Comic Sans MS;
	 font-size: 72px;
	 color: #000000;
	 top: 450px;
	 position: absolute;
	 text-align: right;
	 width: 100%;
	 right: 5%;
}
.right {
	height: auto;
	font-family: Journal,Comic Sans MS;
	font-size: 30px;
	color: #000000;
	width: 100%;
	letter-spacing: 1pt;
	top: 400px;
	position: absolute;
	margin-left: 6px;
}
.right h1{
	font-size: 32px;
	font-weight: bold;
}
.right2 {
	height: auto;
	color: #000000;
	width: 99%;
	top: 400px;
	position: absolute;
	margin-left: 6px;
}
.right2 h1{
	font-size: 32px;
	font-weight: bold;
}
.left {
	height: auto;
	font-family: Journal,Comic Sans MS;
	font-size: 30px;
	color: #000000;
	width: 100%;
	letter-spacing: 1pt;
	top: 400px;
	position: absolute;
	margin-left: 10px;
}
.left h1{
	font-size: 32px;
	font-weight: bold;
}

.image_right{
	float: right;
	padding-left: 6px;
}
#search2{
	width: 291px;	 //291px
	height: 26px;
	float: left;
	background: url("../i/search.gif") 0 0 no-repeat;
	margin-top: 0px;
	margin-left: 20px;
}
#search2 input.text{
float:left;
margin:5px 0 0 6px;
width:207px;
border:1px solid #fff;
font-size:11px;
}
#search2 input.submit{
float:right;
width:21px;
height:19px;
margin:4px 2px 0 0;
background:url("../i/search.gif") -291px 0 no-repeat;
font-size:0;
text-indent:-3000em !important;
border:none;
cursor:pointer;
letter-spacing:-130px;
}
#search2 input.submit:active{
background-position:-312px 0
}
#search3{
	width: 291px;
	height: 26px;
	float: left;
	background: url("../i/search.gif") 0 0 no-repeat;
	margin-top: 0px;
	margin-left: 20px;
}
#search3 input.text{
float:left;
margin:5px 0 0 6px;
width:207px;
border:1px solid #fff;
font-size:11px;
}
#search3 input.submit{
float:right;
width:21px;
height:19px;
margin:4px 2px 0 0;
background:url("../i/search.gif") -291px 0 no-repeat;
font-size:0;
text-indent:-3000em !important;
border:none;
cursor:pointer;
letter-spacing:-130px;
}
#search3 input.submit:active{
background-position:-312px 0
}

#trier{
	margin: 20px 0px 0px 0px;
	float: left;
	font-size: 11px;
	padding-top: 0px;
}
.search_title{
	margin: 20px 0px 0px 20px;
	font-size: 11px;
}
.line {
	border-style: dotted none none none;
	border-width: 1;
	border-color: #C0C0C0;
	width: 100%;
	color: #C0C0C0;
	background-color: #C0C0C0;
	height: 0px;
}

#pages {
	padding: 0px;
	margin:0px;
	left: 30%;
	position: relative;
}
#pages ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}
#pages li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
	padding:0px;
}
#pages li a {
	color: #9aafe5;
	padding: 4px;
	border: 1px solid #9aafe5;
	text-decoration: none;
	float: left;
}
#pages li a:hover {
	color: #2e6ab1;
	border: 1px solid #2e6ab1;
}
#pages li.nolink {
	color: #CCC;
	border: 1px solid #F3F3F3;
	padding: 4px;
}
#pages li.current {
	color: #FFF;
	border: 1px solid #2e6ab1;
	padding: 4px;
	background: #2e6ab1;
}
div#pub_bottom {
	width: 100%;
	padding-left: 150px;
	font-size: 12px;
	background-color: #FFF8DD;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
}
div#pub_bottom2 {
	padding-left: 150px;
	font-size: 12px;
	background-color: #FFF8DD;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
}