body{
	font-family: 'titilliumregular',Arial, Helvetica, sans-serif;
	
	font-size:15px;position:relative;
margin:0;
  padding:0;
  width:100%;
  height:100%;
  background: url(images/divers/home.jpg) no-repeat center fixed #f5f7fa;
   
  -webkit-background-size: cover; /* pour anciens Chrome et Safari 
  background-size: cover; /* version standardisée */
 position: relative;
 }
 
ul, li{list-style-type:none;margin:0; padding:0}






body{margin:0;padding:0; background-color:#eeeeee;}
#top{width:100%;  display:block;margin:auto }

#header{margin-bottom:10px}

h2{padding:2px;margin:  10px auto; font-size:1.2em; text-transform:uppercase; width:auto;max-width:700px;}

#top #logo{width:100%; margin:auto; max-width:800px;}
#enligne{display:block;width:100%;text-align:center; margin:auto; max-width:800px; font-size:0.8em; }

#headerright{display:block;margin:auto;width:100%}

#depotannonce{display:block; text-align:center;margin:auto;background-color:#50afde;color:#FFF; font-weight:bold;padding:15px; width:auto;}
#depotannonce a{color:#FFF; text-decoration:none;}



.menurecherche{
    border-bottom: 1px solid #2488b9;
    border-top: 1px solid #2488b9;
  
	
    background-color:#50afde;
	
    background-repeat: repeat-x;
    
	min-width:100%;opacity:0.95;z-index: 9999; 
}



#listbutton{
   position:absolute;z-index:1;float:left; padding:10px;
}

 #btrechercher{
   margin:0 20px 0 50px;float:left;  display:block; margin-left:10px;padding:10px;}
   



#listformulaire{
   position:absolute; opacity:0;z-index:99999;width:50px;border:none;background-color:#50afde;height:30px;

}


.selectmenu{
 
   
	
    float: left;
    width: 30px;
    	
   overflow:hidden;
    height: 26px;
	margin-right:20px;
    	
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border:none;background-color:#50afde;
}



.inputmenu{ display:block; margin-bottom:20px; max-width:800px; display:none;}

.inputmenu #k {
     
    
	
    box-shadow: none;
    box-sizing: border-box;
    
	background-color:#FFF;
	height:50px;
	border-top:0;border-right:0;border-left:0;
	border-bottom: solid 1px #2488b9;
    width:90%;
    height: 35px;
	float:left;	  
}

.btmenusubmit {
 
    background-color:#2488b9;
    
    border: none;
    color: #fff;
	width:5%;
	height: 35px;display:block;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);width:10%;
	cursor:pointer;
	float:left;
}

#page{width:100%;max-width:400px; margin:5px auto;}

.resultats{width:100%;max-width:400px; margin:5px auto; font-size:1.2em; display:block}

.item{width:90%;margin:5px auto; background:#FFF ; max-width:400px;padding:5px;}
.item2{width:85%;margin:5px 5px; background:#FFF ; max-width:400px;padding:5px; float:right;}
.itemttl{font-size:1em; text-align:left;display:block;padding:7px; font-weight:bold;}
.itemttl a{color:#2488b9; text-decoration:none;}

.itemimage{width:45%;height:120px; float:left; position:relative; background-color:#FFF; overflow:hidden }
.itemimage img{width:100%;}

.itemcat{font-size:0.75em; color:#2488b9;text-align:left;display:block;padding:5px; color:#111}
.itemcat a{color:#000;}

.itemprix{display:block; padding:5px;}
.itemprix a{ color: #e53935;
    font-size: 1.1em;
    font-weight: bold; text-decoration:none}
	
	#listepages{display:block; float:right; font-size:0.8em;margin:10px 0;width:90%; max-width:400px;}
#listepages li {display:inline; }

#npage {color:#333; text-decoration:none;margin:1px;}
#pageencours{font-weight:bold; color:#2488b9;text-decoration:none;margin:1px; }
#accdesc{float:left; width:45%;}



#left{position:absolute; float:left; width:50%; z-index:999999;}
#togglerech{float:left;margin-top:50px;width:20px;}
#togglerech2{color:#900; font-size:0.9em; text-align:center; margin:5px 0; cursor:pointer}
#recherche{width:100%;max-width:400px;margin:auto;}
.occurence{font-weight:bold; padding:9px 0; font-size:0.85em;}
#rechercheavance{border:solid 1px; opacity:0.9; border:solid 1px #FFF;outline:solid 1px #CCC; padding-left:5px; background-color:#F1F1F1; float:left;  max-width:150px;margin-top:22px; width:75%; display:none}
#rechercheavance table{}
#btrechavance{ background-color:#50afde;
font-family: 'titilliumregular',Arial, Helvetica, sans-serif;

    font-size:0.65em;letter-spacing:0.5px;
    font-weight: 700;
    display:block;
    height:25px;
    
    width:80%;
   padding:2px;
    text-transform: uppercase;color:#FFF;
	border:1px solid #2488b9;  text-align:center; opacity:0.8; cursor:pointer;margin:15px auto
}


/*AJOUTER - modifier ANNONCE*/
#nouvelleannoncecat{margin:30px 0;}
#categorieannonce,#mdpoubli{width:500px;margin:10px 0px 5px 10px; border:solid 1px #666; height:25px;}
#mdpenvoye{display:block;text-align:auto; color:#78ac53; font-weight:bold; text-align:center; text-shadow: 1px 1px 1px #FFF; font-size:1.3em; }
.nouvelleannoncettl{color:#2488b9; text-decoration:none; font-weight:bold; display:block;margin:3px 0;  font-size:1.2em;cursor:pointer; height:25px;}
.champannonce{display:block;margin:10px 0;font-size:0.9em; text-shadow:1px 1px 1px #FFF;}

#inputannonce{border:solid 1px #FFF; background-color:#FFF;height:25px; width:90%; margin:5px 0; border:solid 1px #CCC; outline:solid 1px #EEE;}
#inputprix{border:solid 1px #FFF;height:25px; width:50%; margin:0 0 30px 0; border:solid 1px #CCC; outline:solid 1px #EEE; padding-left:10px; background:url(images/pictos/pictoeuro.gif) right no-repeat #FFF;}
#inputkm{border:solid 1px #FFF;height:25px; width:50%; margin:0 0 15px 0; border:solid 1px #CCC; outline:solid 1px #EEE; padding-left:10px; background:url(images/pictos/pictokm.gif) right no-repeat #FFF;}

#inputconcessionnaire,#datepicker, #datepicker1 {border:solid 1px #FFF;height:25px; width:85%; margin:0 0 15px 0; border:solid 1px #CCC; outline:solid 1px #EEE; padding-left:10px;}

#inputnbpieces{height:25px; width:50%; margin:0 0 15px 0; border:solid 1px #CCC; outline:solid 1px #EEE; padding-left:10px; background-color:#FFF}
#inputsurface{height:25px; width:50%; margin:0 0 15px 0; border:solid 1px #CCC; outline:solid 1px #EEE; padding-left:10px; background: url(images/pictos/pictom.gif) right no-repeat #FFF;}

#inputsecteur, #villeev{border:solid 1px #FFF; background-color:#FFF;height:25px; width:50%; margin:5px 0; border:solid 1px #CCC; outline:solid 1px #EEE;}

.fieldset {
    border: 1px solid #cccccc;
    margin: 40px 0;
    padding: 5%;
    width: 90%;
}

#inputtelorg, #inputmailorg {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 25px;
    margin: 5px 0;
    outline: 1px solid #eeeeee;
    padding-left: 10px;
    width: 60%;
}


#annoncecarburant{font-size:0.9em; text-shadow:1px 1px 1px #FFF}
#inputannee, #inputpointure{width: 30%;overflow:hidden;height: 25px;line-height: 20px;		padding-left:10px;border:solid 1px #CCC; margin:0 0 30px 0; background-color:#FFF; }
#zonetext{width:90%;overflow:hidden; border:solid 1px #CCC; outline:solid 5px #EEE; margin-bottom:30px}
#tinycontenu{padding-bottom:-15px; position:relative;z-index:3}
#mceu_0, .mce-panel{border-color: solid 1px #FFF; border:0;}

#mceu_1{display:none;}
.space{display:block;height:25px;}



#formulaireannonceur{margin-top:40px; display:block;}
.nouvelleannoncessttl{font-weight:bold; text-shadow:1px 1px 1px #FFF; display:block; margin:10px 5px;}
#inputmail,#inputpass{border:solid 1px #FFF; background-color:#FFF;height:25px; width:50%; margin:5px 0; padding-left:10px; border:solid 1px #CCC; outline:solid 1px #EEE;}
#ou1{display:block;width:80%;margin:20px auto; background:url(images/pictos/ligneou.gif) repeat-x center;}
#ou{display:block;width:50px;font-size:1em; color:#bbb; text-shadow:1px 1px 1px #FFF;margin:auto; background-color:#EEE; text-align:center; font-weight:bold;}
.facultatif{font-size:0.7em; margin-left:5px; text-shadow:1px 1px 1px #fff; color:#666; text-align:left; font-weight:normal}
#inputnom,#inputprenom{border:solid 1px #FFF; background-color:#FFF;height:25px; width:60%; margin:5px 0; border:solid 1px #CCC; outline:solid 1px #EEE; padding-left:10px;}
#inputnewtel, #inputnewmail, #inputpseudo, #inputnewpass, #inputnewpass2,#inputnewville{border:solid 1px #FFF; background-color:#FFF;height:25px; width:60%; margin:5px 0; padding-left:10px; border:solid 1px #CCC; outline:solid 1px #EEE;}
 #btenreg{ background-color:#50afde;
border-radius: 3px;
    font-size:0.6em;
    font-weight: 700; display:table;margin: 10px auto;
    
    height:30px;
    
    
    text-shadow: 0 1px 1px #1e5e7d;padding:5px;
    text-transform: uppercase;border:solid 1px #000;color:#FFF;
	border:1px solid #2488b9;  text-align:center; opacity:0.8; cursor:pointer;
}

#btenreg:hover{ background-color:#e53935;border: solid 1px #900;text-shadow: 0 1px 1px #900;}

/*FIN AJOUT-MODIF ANNONCE*/





/*ANNONCES FICHES*/
#fiche{margin:auto; width:95%; max-width:400px;text-shadow:0 1px #fff; color:#444;padding:2px;}
#fiche h1{ font-size:1.3em;font-weight:bold;margin:5px auto; color:#111}

#galeriefiche{ background-color:#FFF transparent;width:90%;margin: auto; }
#grande{width:100%; max-width:400px;}
#grande img{width:100%; max-width:400px; border:none;}

#annonceminiatures {
    display:block;
    margin:0;width:100%;max-width:400px; height:auto
}

#annonceminiatures ul li{
width:30%;overflow:hidden;margin:3px;padding:0; height:55px; cursor:pointer;border: 1px solid #ffffff;margin-bottom:5px; float:left; display:block;
}

#annonceminiatures ul li img{
    
    width: 100%;
    opacity: 0.8;vertical-align: bottom;
}

#annoncedescription{width:90%;margin:auto;padding:10px; background-color: #efefef; border:solid 1px #F9F9F9;
outline:1px solid #DDD; text-align:justify}
 
 #annoncedescription p{opacity:1;margin:0 0 10px 0;}
 
 .annoncessttl{font-size:1.1em;display:block;font-weight:bold;margin:10px 0; color:#111}
 .annonceprix{font-size:1.1em;color:#e53935; font-weight:bold}
 .annonceannonceur{font-size:0.9em;color:#000; display:block;margin-bottom:10px; float:left; padding-top: 3px;}
 #partage{margin-bottom:10px; color:#222; font-size:0.8em; display:block; width:100%; }
 #partagettl {float:left;margin-right:10px}
 .shareimage{display:none;}
 .annonceannonceur a{color:#2488b9; text-decoration:none; font-weight:bold}
 #annoncelien, #telephonelien{color:#2488b9; text-decoration:none; font-weight:bold; display:block;margin:3px 0; cursor:pointer; height:25px;}
 #telephonelien:hover{cursor:pointer; }
 .numerolien{color:#000; font-weight:bold; display:none;}
 
 .rechitemcat a{color:#2488b9;font-size:1em; }
 




/*FIN ANNONCES FICHES*/

/*CONTACT FICHE*/

#contactfiche{width:100%; background-color:#eee; outline:solid 1px #CCC;margin:25px 0;padding:15px 0; display:none;}

#gestionannonce{ background-color:#eee;  outline:solid 1px #CCC; margin-top:50px; padding:0 20px;}
#gestionannonce span{font-size:1em; float:left; display:block;margin-bottom:10px}
.spanga1{margin-left:10px;padding-left:20px; color:#F00; display:block; background:url(images/pictos/poubelle.png) left no-repeat}
.spanga2{margin-left:10px;padding-left:20px; color:#F00; display:block; background:url(images/pictos/crayon.png) left no-repeat}
.spanga1 a, .spanga2 a{color:#666; text-decoration:none;}
.spanga1 a:hover,.spanga2 a:hover{ color:#F00}

#formulairecontact{margin:15px auto;  width:100%;}


#coordonneescontact{border-collapse:collapse;width:100%;}
#coordonneescontact tr th{ color:#8ab016; font-weight:bold; text-align:left; font-size:1.1em;height:50px;}
#coordonneescontact tr td{ color:#333;  font-size:0.9em;height:30px; width:10%;}



#inputtext, #inputmailannonce, #inputtel, #inputadresse, #input, #lobjet{border:solid 1px #FFF; background-color:#FFF;height:25px; width:90%;}
#messageform{border:solid 1px #FFF; background-color:#FFF; width:90%;}
.champform{width:90%; display:block;padding-left:5px;}
.obligatoire{color:#F00;}

 #btenvoimail{ background-color:#50afde;
border-radius: 4px;
    font-size:0.7em;
    font-weight: 700;
    
    height:30px;
    
    
    text-shadow: 0 1px 1px #1e5e7d;
    text-transform: uppercase;border:solid 1px #000;color:#FFF;
	border:1px solid #2488b9;  text-align:center; opacity:0.9; cursor:pointer;margin:30px 0 0 0; z-index:3
}
#btenvoimail:hover{ background-color:#e53935;border: solid 1px #900;text-shadow: 0 1px 1px #900;}


#addmail{background-color:#FFF;  padding:80px; margin:20px; box-shadow:1px 1px 5px #777;height:250px;}
#addmail h1{text-align:center;margin-bottom:25px;}

#addmail a{color:#8ab016; text-decoration:none;}

#addmail span{font-size:1em; font-weight:normal; line-height:25px;}

#nuplet{width:732px;height:400px;position:absolute;z-index:1; opacity:0.4; background:url(images/pictos/chargement.gif) no-repeat center center; display:none;}
#msg_all{font-weight:bold; font-size:1.2em;color:#090; text-align:center; display:none;}

/*FIN CONTACT FICHE*/


/*SUPPRESSION ANNONCE*/
.nouvelleannoncessttl{font-weight:bold; text-shadow:1px 1px 1px #FFF; display:block; margin:10px 5px;}
#delete{margin:auto; width:95%; max-width:400px;text-shadow:0 1px #fff; color:#444;padding:2px;}
#conf{width:85%;margin:20px auto;padding:10px; background-color: #efefef; border:solid 1px #F9F9F9;
outline:1px solid #DDD; display:block; text-shadow:1px 1px 1px #FFF; text-align:center; display:none}
#btconfdelete{border:none; margin:5px auto; display:block;width:auto; color:#2c94c8 }
#btconfdelete:hover{color:#e53935;}

/*fin suppression annonce*/

/*nouvelle annonce*/
#inputmail,#inputpass{border:solid 1px #FFF; background-color:#FFF;height:25px; width:85%; margin:5px auto; padding-left:10px; border:solid 1px #CCC; outline:solid 1px #EEE;}
.redirection, .redirection a{font-size:0.9em;text-align:center; display:block; margin-top:25px; color:#2488b9}
.redirection a{font-size:1.2em;text-align:center; display:block; margin-top:25px; color:#2488b9; text-decoration:none}
.forget{font-size:0.75em;text-align:left; display:block; margin:2px; color:#2488b9; text-decoration:none;}
.forget:hover{text-decoration:underline;}


#btenreg:hover{ background-color:#e53935;border: solid 1px #900;text-shadow: 0 1px 1px #900;}


/*fin nouvelle annonce*/


/*PAGE VALIDÉE*/
#annoncepostee{margin:auto; width:95%; max-width:400px;text-shadow:0 1px #fff; color:#444;padding:2px;}
#annonceenregistree{text-align:center; display:block; font-size:1.4em;text-shadow: 0 1px #fff; font-weight:bold; margin:20px 0 10px 0}

#textannonceenregistree{text-align:justify; display:block;  font-size:1em; width:95% ;margin:auto}
#textannonceenregistree ul{}

.redirection, .redirection a{font-size:0.9em;text-align:center; display:block; margin-top:25px; color:#2488b9}
.redirection a{font-size:1.2em;text-align:center; display:block; margin-top:25px; color:#2488b9; text-decoration:none}


/*FIN PAGE VALIDÉE*/

/*PHOTO*/


	.labelimg{display:block;width:120px;margin:10px 0; color:#111; text-shadow:1px 1px 1px #FFF; font-weight:bold; }


/*PHOTO*/





.selectformavance2, #datepicker, #datepicker1{width:75%;margin:auto;}

#facebook{margin:auto; max-width:400px;padding:5px;}
.clear{clear:both;}