@charset "utf-8";
/* CSS Document */

/************** Styles généraux **************/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}
div{
	margin:0px;
	padding:0px;
	
}
a img{
	border: 0;
}
a{
	color: #303f8f; 
	outline: none;
}
a:hover{
	text-decoration: none;
	/*border-bottom: 1px #303f8f dashed; */	
}


label{
	display:block;
	width: 200px;
	float:left;
}
label.obligatoire{
	font-weight: bold;
}

/*************** Styles perso ***************/

#page{
	margin:0 auto;
	width:955px;
	padding:0px;
	border:0px;
}

/**** header ****/
#header{
	font-size:12px;
}


#menuTop{
	background: url("../images/bg_menutop.jpg");
	padding: 3px 0 5px 0;
	width: 100%;
	text-align: right;
}
#menuTop a{
	color: #f8b334;
	text-decoration: none;
}
#menuTop a:hover{
	color: #FFF;
	border-color: #FFF;	
}
#menuTop a.actif{
	color: #FFF;
	text-decoration: none;
}
ul.menuRight{
	float:right;
	margin:0px;
	padding:0px;
}
ul.menuLeft{
	margin:0px;
	padding:0px;
}
ul.menuRight li, ul.menuLeft li{
	list-style:none;
	display:inline;
	padding:0 10px 0 10px;
	margin:0px;
}

#pubBanner{
	width:728px; 
	height:90px; 
	margin:0; 
	display:block; 
	border:1px black solid;
	float:right;
}
#menuBottom{
	background: url("../images/bg_top-menu.gif") repeat-x;
	width: 955px;	
	padding-top: 10px;
}
#menuBottom li{
	background: url("../images/menu_bg.jpg") repeat-x;
	height:24px;
	display: block;
	padding-top:13px;
	width: 100px;
	float: left;
	text-align: center;
	border-right: 1px #848188 solid;
}
#menuBottom li.extremite{
	background: #FFF;
	width: 10px;
	margin: 0;
	padding: 0;
}

/**** fin header ***/

#main{
	padding-top:10px;
	clear:both;
	overflow:auto;
	font-size: 12px;
	
}

#main h2{
	padding:0;
	font-size: 12px;
}

#annoncesdujour{
	float:left;
	width:620px;
}

#publicitecentre{
	float:right;
	width:330px;
	font-size: 12px;	
	padding: 0;
	margin: 0;
}

#publicitecentre ul{
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
	float: left;
}

#video{
	clear:both;
	float:left;
	width:620px;
}

#dernieresmiseenligne{
	float:right;
}

#contact {
margin-left: 15px;
}
#contact h2{
margin-left: -15px;
}

#boursesauxvelos .box div{
	float:left;
	width:150px;
}

/*********** Recherche *************/

ul#menuSEO li a{
	color: #303f8f;
}

input, select{
	background-color: #fffbdb;
}

.resultats div{
	float:left;
}
ul.resultats{
	list-style: none;
}
.resultats li{
	clear: both;
	overflow:auto;
	padding:7px;
	margin-bottom: 2px;
}
.resultats li.impair {
	background: #ededee;
}
.resultats div{
	border-right: 1px black dashed;
	height: 100px;
	padding: 7px 7px 0 7px;
}
.resultats div.Rimage{
	width: 100px;
}
.resultats div.Rcate{
	width: 100px;
}
.resultats div.Rdesc{
	width: 480px;
}
.resultats div.Rdesc .titre{
	font-weight: bold;
}
.resultats div.Rprix{
	width: 90px;
}
.resultats div.Rlast{
	border: none;
}

.centre{
	text-align: center;
}
.gras{
	font-weight: bold;
}

ul.titreRecherche{
	margin: 0;
	padding: 0;
}
ul.titreRecherche li{
	background: none;
}
.lignePro{
	background: #ccc5d5;
	border: 1px black solid;
}
.resultats li.impair.lignePro{
	background-color: #e6dcef;
}

p.nomPro{
	margin: -7px -7px 0 -7px;
	padding: 2px;
	background: #302f68;
	font-weight:bold;
	
	color: #fff;
}
/****** Boites ******/
.headBox li, .headBoxBlue li{
	display: block;
	float: left;
	background:url("../images/bg_box.gif");
	padding-top:5px;
	height: 26px;
}
.headBoxBlue li{
	background:url("../images/bg_box_blue.jpg");
}
.headBox li h3, .headBoxBlue li h3{
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.headBox li#legende, .headBoxBlue li#legende{
	font-weight: bold;
	font-size: 14px;
}
.headBox li.first, .headBoxBlue li.first{
	background:url("../images/bg_box-corner-left.gif");
	width: 10px;
}
.headBoxBlue li.first{
	background:url("../images/bg_box-corner-left_blue.jpg");
}
.headBox li.last, .headBoxBlue li.last{
	background:url("../images/bg_box-corner-right.gif");
	width: 10px;
}
.headBoxBlue li.last{
	background:url("../images/bg_box-corner-right_blue.jpg");
}
.box{
	clear:both;
	border:1px #818284 solid;
	border-top:1px #fbc974 solid;
	padding: 7px 7px 7px 7px;
	margin: 0;
}
.boxunclear{
	border:1px #818284 solid;
	border-top:1px #fbc974 solid;
	width:955px;
	margin: 0;
}

/*** detail annonce ***/
#details p{
	margin: 0;
	padding:3px;
	width:290px;
}
#imgAnnonce img{
	border: 1px blue solid;
}

#details p.fondClair, #auteur p.fondClair, #auteurPro p.fondClair{
	background: #ededee;
	margin-bottom: 7px;
}

#details p span, #auteur p span, #auteurPro p span{
	color: #8a8989;
}
.descriptionAnnonce{
	margin-left: 5px;
}

#auteur , #auteurPro{
	float: left; 
	width:320px; 
	margin-left: 10px;
}
#auteur img , #auteurPro img{
	vertical-align: middle;
}
#auteur p, #auteurPro p{
	padding: 5px;
}
#auteur h2{
	float: none;
	padding: 0;
	margin: 30px 0 40px 0;
	text-align: center;
	width: 100%;
}
#auteurPro h2{
	float: right;
	padding: 0;
	margin: 30px 0 40px 0;
	font-size:18px;
	text-align: left;
}
#auteurPro img#avatar, #avatar{
	margin:10px 0 10px 0;
	float: left;
}
#auteur p#contactVendeur, #auteurPro p#contactVendeur{
	clear:both;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
/**************/

/***** catégories *****/

div#categories{
	clear:both;
	padding-left: 40px;
	text-align: left;
	font-size: 12px;

	margin-top:10px;
	/* border-top: 1px #818284 solid; */
}
div#categories dl{
	float: left;
	margin-right: 50px;
}
div#categories dl dd, div#categories dl dd ul, div#categories dl dd li{
	margin: 0;
	padding: 0;
	list-style: none;
}
div#categories dl dt{
	font-weight: bold;
	margin-bottom: 10px;
		
}
div#categories dl dd li{
	margin-left: 10px;
}

/**********************/
ul#results{
	margin:0px;
	padding:0px;
}
ul#results li{
	margin:0px 0px 0px 0px;
	list-style:none;
	background-color:#99FFFF;
	overflow:auto;
	padding:2px;
}


.labelForm{
	display:block;
	float:left;
	width:100px;
}
table.admin th{
    background-color:#00F;
    color:White;
    padding:5px;
}
table.admin td{
	padding: 5px;
}
table.admin tr.pair td{
    background-color:#f7efde;
}
table.admin tr.impair td{
    background-color:#f3e3cb;
}

#notification{
	background:red; 
	padding: 5px; 
	margin: 0;
	display: block;
	font-size: 14px;
	color: white; 
	width:100%;
	font-weight: bold;
	position: absolute;
	top:0;
	left: 0;
}

/****** Inscription ******/
.inscriptionform input[type=text]{
	width: 300px;
}

.tailleMini{
	margin-bottom: 250px;
}

/***** Nouvelle mise en forme formulaire ****/

#newform input{
	border: 1px #aca1bd solid;
	margin: 2px;
}
#newform label, #newform select{
	margin: 2px;
}

#newform .longueur2{
	width: 300px;
}

/****** fiche pro *******/
#fiche{
	overflow: auto;
}
#fiche img#avatar{
	margin:0px 10px 10px 0;
	float: left;
	border: 1px black solid;
}
#fiche #infos{
	float: left;
	width: 49%;
	
	
}
#fiche #desc{
	float: right;
	width: 455px;
	
	
}
#fiche #desc p{
 	margin-top: 0;
}

#detailTest{
	width: 800px; 
	margin: 0 auto;
	text-align: justify;
}
#detailTest td{
	vertical-align: top;
}
#detailTest img{
	margin-right: 20px;
}
p.retour{
	background: #ededee; 
	padding: 7px;
	text-align: right;
}

/***** bourse ******/
#bourse ul{
	list-style: none;
	display:block;
	overflow:auto;
	margin:10px 0 0 0;
	padding: 0;
	clear: both;
}
#bourse ul li{
	background: #ebebeb;
	width: 200px;
	padding: 10px;
	text-align: center;
	float: left;
	margin-right: 16px;
	border: 1px #30316a solid;
}
#bourse ul li small{
	display: block;
	text-align: left;
	background : #30316a;
	color: #fff;
	margin: -10px -10px 20px -10px;
	padding: 1px;
}
#bourse ul li div{
	height: 100px;
	margin-bottom: 10px;
}
#bourse ul li div img{
	border: 1px black solid;	
}
#bourse ul li img.tampon{
	border: 0px;
	position: absolute;	
	margin-left : -105px;
	margin-top: -10px;
}
#bourseAccueil div{
	text-align: center;
}
#bourseAccueil div div{
	height: 100px; 
	margin-top: 5px;
}

#bourseAccueil #bourseDescription{
	text-align: justify;
	float: right;
	margin-right:20px;
	width: 300px;
}
.pagination {
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top: 20px;
}

.pagination a {
	background:#fff;
	border:1px solid #06c;
	color:#06c;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none;
}

.pagination a:hover {
	background:#fff;
	border:1px solid #000;
	color:#000;
}

.pagination span.inactive {
	background:#fff;
	border:1px solid #000;
	color:#000;
	margin:2px;
	padding:.2em .4em;
}

.pagination span.active {
	background:#f4ebff;
	border:1px solid #000;
	color:#000;
	font-weight:700;
	margin:2px;
	padding:.2em .4em
}