ul,li {
margin:0;
padding:0
}

/* reecriture list bootstrap pour avoir des listes plus petites */
.list-group-item {
    padding: 3px 10px
}

 
/* pour redimmensioner les titres */
h1{font-size:28px;color:#666;margin:0;padding:0;margin-bottom:10px;margin-top:10px}
h2{font-size:18px;margin:0;padding:0;color:#68CBDE}
h2.petit{font-size:14px;margin:0;padding:0;color:#68CBDE}
h2 a{color:#68CBDE}
h2 a.selected{font-weight:bold}
h2 a:hover {text-decoration:none;-webkit-filter: brightness(90%);} /* Chrome, Safari, Opera */
h3{font-size:16px;margin:0;padding:0;color:#666;padding:10px}

filter: brightness(90%)}


/* pour aligner veticalement le texte avec glyphicon */
span.glyphicon {
    vertical-align: middle;
    margin-top: -5px;
}

/* pour enlever le padding entre colonnes */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.no-gutter{
    padding:0;
}

.no-gutter-right{
    padding-right:0;
}

.no-gutter-left{
    padding-left:0;
}



/* pour marge sous la ligne */
.row-bottom {
margin-bottom:20px;
}

.row-top {
margin-top:20px;
}
.row-top-40 {
margin-top:40px;
}
.margin-gg-pub {
margin-top:5px;
margin-bottom:10px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    vertical-align:middle;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.aside {background-color:#F5F5F5}

/* pour formulaire depot annonce */
.erreur {border: 1px solid #B22222;}

/* pour espace entre chaque bloc de critere .input-box est une class de yeu.css (aude) */
#formAnnonce select,#formAnnonce .input-box{margin-bottom:10px}

#picto_upload ul li {padding:5px;margin-right:6px;margin-bottom:6px;background-color:#DDDDDD;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#outputFile {padding-top:5px;}
.supprimerPhoto {cursor:pointer;margin-top:7px;padding-left:10px;color:#666666;font-size:10px;font-family:Arial, Helvetica, sans-serif;font-weight:none;}
#outputErreur {margin-top:10px;padding:10px;background-color:#B22222;color:#FFFFFF;font-size:10px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
/* header */

#pub_logo {background-color:#333;padding-top:10px;padding-bottom:10px;text-align:center;overflow:hidden}

/* pour fixer le header en cas de scroll down */
.fixNavigation{
z-index: 9999;
position: fixed;
top: 0
}

.topnav {
background-color:#000042
}

/* pour aligner verticalement les bouttons topnav */
header .vcenter {
	margin-top:18px;
}

/* fin header */

/* footer */
footer {
margin-top:40px;
padding-top:30px;
padding-bottom:30px;
background-color:#333
}

footer a,footer a:hover, footer li{
color:#FFFFFF;
text-decoration:none;
list-style-type : none;
font-size:16px;
margin-top:10px
}

footer a,footer a:hover{
font-weight:bold
}

/* fin footer */

/* Barre Partager/Follow RS  - fonction f_getBarLikeShareOrFollowRS */
#BlocShareFollow {padding-bottom:50px;}
#BlocShareFollow p {color:#4B608B;font-size:14px;font-weight : bold;font-family:Arial,sans-serif;}
#BlocShareFollow .like-bt {margin-top:10px}
/* FIN Barre Partager/Follow RS */


/* POUR AVOIR DES FACEBOOK LIKEBOX RESPONSIVE */
/* Cet élément block le script injecté dans l'iframe. On le cache */
#fb-root { display: none; } 
/* on redéfini la taille du contenu */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }


/* FIN reseaux sociaux */


/* index */
.rub_photo{overflow:hidden;height:160px;max-width:250px;text-align:center;
	font-weight:bold;margin-left:10px}
.rub_photo:hover,.rub_photo:focus,.rub_photo:active,.rub_photo.active,.open>.rub_photo.dropdown-toggle{
border-bottom: solid 2px #104f63
}
.rub_photo a .caption p{
color:#FFFFFF;text-decoration:none;
font-family: "Trebuchet ms", "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
font-size:20px
}

.rub_photo:hover img{
-webkit-filter: brightness(80%); /* Chrome, Safari, Opera */
    filter: brightness(80%);
}

/* pour mettre texte centre sur une photo */
.thumbnail {
    position: relative;
    border:0
}

.caption {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}
/* fin pour mettre texte centre sur une photo */

.home_box h2 {color:#666;font-size:24px}
.home_box h2 a  {color:#666;font-size:22px;text-decoration:underline}
.home_box h3    {font-size:20px;color:#68CBDE}
.home_box h3 a  {font-size:20px;color:#68CBDE}
.home_box h3 a:hover  {text-decoration:none;color:#666;}

.text-suite{font-color:#999;font-size:11px;}

.calendar-text { margin-top:5px; font-size:16px}
.calendar-text-plus { display:inline-block;float:none;vertical-align:middle;height:30px;padding-top:7px;font-size:16px}
.awesome-date {padding-top:5px;padding-bottom:8px}

/* fin index */

/* recherche */

.panel-search{border-color:#68CBDE;border-top:0px;border-top-left-radius:0px;border-top-right-radius:0px;margin:0;pading:0}
.panel-footer-search{margin-left:0;padding-left:0}
.badge{background-color:#68CBDE}
/* pour avoir un espace quand ça saute une ligne dans les form-inline et que tous les blocs soient de taille egale */
#searchForm select,#searchForm .input-group{width:100%;margin-top:5px;margin-bottom:5px}
#searchForm input{width:100%}
#searchForm .btn{width:100%;text-align:center;margin-top:5px;margin-bottom:5px}

ul li.element {
	min-height:150px;
	border:1px solid #DDD;
	margin-bottom:10px;
	overflow:hidden;
}

ul li.element a{color:#333;text-decoration:none}

ul li.element:hover {cursor:pointer;background-color:#F5F5F5}

.ended{
background: linear-gradient(-45deg, #DDD 25%, #F5F5F5 25%, #F5F5F5 50%, #DDD 50%, #DDD 75%, #F5F5F5 75%, #F5F5F5);
background-size:6px 6px;
}

.text-ended {color:#FFFFFF;font-size:30px}


.image-container{background-color:#F5F5F5;text-align:center;height:150px;line-height:150px;
color:#DDD;font-size:20px;overflow:hidden}

.rub_photo:hover img{
-webkit-filter: brightness(80%); /* Chrome, Safari, Opera */
    filter: brightness(80%);
}

ul li.element img.paysage{max-width:100%;
	height: auto;vertical-align:middle}

ul li.element img.portrait{max-height:100%;
	width: auto;vertical-align:middle}
	


.vert {color:#68CBDE}

.date{color:#5C5246;text-align:right;font-size:13px}
.author{color:#5C5246;text-align:left;font-size:13px;padding-top:20px;padding-bottom:5px}
.author-eve{padding-top:5px;}
.ref{text-align:right}

h3.titre-annonce {
	padding-top:5px;
	margin-bottom:5px;
	font-size:17px;
	font-weight:bold;
	color:#5C5246
}

.mylist {font-size:15px}
.description {font-size:16px}

.coin{font-size:16px;color:#887E72;}
.prix{font-size:22px;font-weight:bold;border:2px solid #FFFFFF;color:#FD4E00;background-color:#FFFFFF;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.financer{font-size:14px;color:#324F9A;text-align:center;}
.assurer{font-size:14px;color:#47B31A;text-align:center;}
.cote{font-size:14px;color:#68CBDE;text-align:center;}


.prix-decal{padding-top:3px}

.total_annonces{margin-top:10px;margin-bottom:10px;padding-left:2%}


/* fin recherche */

/* page fiche annonce */

.fiche{background-color:#F5F5F5;padding-top:10px}
#map{margin-top:10px;width:100%;height:300px !important;}

/* margin bottom de 200 dans #contacter pour pouvoir derouler la fenetre envoyer de facebook */
#contacter{overflow:hidden;margin-bottom:20px}
#tracking-number{cursor:pointer;}
#tracking-number-profil{cursor:pointer;}
.appelercontact {margin-top:40px;text-decoration:none}
.appelercontact .audiotel-aude{color:#FF0000;font-size:19px;font-weight:bold;text-decoration:none;}
.appelercontact .contact {margin-left:30px;color:#666;font-size:19px;font-weight:bold}
.appelercontact .contact a{color:#666;text-decoration:none;}
.appelercontact .icon-size {font-size:30px;color:#666}
.appelercontact .svaplus{color:#FD4E00;font-size:11px;text-align:justify;text-decoration:none}
.appelercontact .svaplus a{text-decoration:none}
.appelercontact_profil {margin-bottom:15px;text-decoration:none}
.appelercontact_profil .audiotel-aude{color:#FF0000;font-size:14px;font-weight:bold;text-decoration:none;}
.appelercontact_profil .contact {margin-left:10px;color:#666;font-size:18px;font-weight:bold}
.appelercontact_profil .contact a{color:#666;text-decoration:none;}
.appelercontact_profil .icon-size {font-size:20px;color:#666}
.appelercontact_profil .svaplus{color:#FD4E00;font-size:9px;text-align:justify;text-decoration:none}
.appelercontact_profil .svaplus a{text-decoration:none}
/*fin style remmedia*/

.profil {border:1px solid #F5F5F5;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.profil p {text-align:left;font-size:14px;}



#envoyermessage{margin-top:20px;cursor:pointer;color:#666;font-size:19px;font-weight:bold}
#formulaireContact{}

#formulaireContact fieldset {padding:10px;margin:0;text-align: left;}
#formulaireContact legend {color:#FF0000;font-size:20px;font-weight : bold;}
#formulaireContact input {color;#000000;margin-top:8px;}
#formulaireContact label {margin-top:8px;float:left;text-align:right;width:30%;line-height:18px;height:17px;padding:0;color:#666666;margin-right:30px;overflow:hidden;}
#formulaireContact select {color:#000000;height:22px;margin:0px;margin-top:8px;}
#formulaireContact textarea.ach-message{
display: block;
overflow: visible;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
-webkit-box-shadow: rgba(0, 0, 0, .2) 1px 1px 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
min-height:100px;
width:80%;
resize:none;
font-family: "Trebuchet ms", "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
margin:0 auto;
margin-top:20px
}

.description-annonce {font-size:14px;text-align:justify;margin-top:5px}

/* fin page fiche annonce */

/* recherche pro */

/* pour avoir un espace quand ça saute une ligne dans les form-inline et que tous les blocs soient de taille egale */
#searchProForm select,#searchProForm .input-group{width:100%;margin-top:5px;margin-bottom:5px}
#searchProForm input{width:100%}
#searchProForm .btn{width:100%;text-align:center;margin-top:5px;margin-bottom:5px}

ul li.element-pro {
	min-height:120px;
	border:1px solid #DDD;
	margin-bottom:10px;
	overflow:hidden;
}

ul li.element-pro a{color:#333;text-decoration:none}

ul li.element-pro:hover {cursor:pointer;background-color:#F5F5F5}


ul li.element-pro img.paysage{max-width:100%;
	height: auto;vertical-align:middle}

ul li.element-pro img.portrait{max-height:100%;
	width: auto;vertical-align:middle}
	

ul li.element-pro .descriptif{padding-top:5px;padding-bottom:5px}


.image-container-pro{background-color:#F5F5F5;text-align:center;height:120px;line-height:120px;
color:#DDD;font-size:20px;overflow:hidden}
.transparency{opacity:0.6}

h3.titre-pro {margin-top:0;margin-bottom:5px;font-size:18px;font-weight:bold;color:#666}
.rue{font-size:14px;font-weight:bold;color:#666}
.avis{font-size:18px;font-weight:bold;color:#666;margin-top:10px;text-align:right}
.star{color:#FD4E00}
.bouton-avis{background-color:#FD4E00;color:#FFFFFF}

/*  fin recherche pro */

/* fiche pro */
.titre-avis{font-size:18px;font-weight:bold;color:#666;margin-top:10px}
.donner-avis{text-align:right}
.border{border-top:1px solid #FFFFFF;margin-top:10px;margin-bottom:10px}
.star-small{font-size:15px;color:#FD4E00}
.small-text{font-size:14px;text-align:justify}
.smaller-text{font-size:16px;text-align:justify}


.appeler-pro {margin-top:40px;}
.appeler-pro .audiotel-aude{color:#666;font-size:19px;font-weight:bold;text-decoration:none;}
.appeler-pro .contact {margin-left:30px;color:#666;font-size:19px;font-weight:bold}
.appeler-pro .icon-size {font-size:30px;color:#666}
/*style dolead pour num mise en relation */
.appeler-pro .idl_audiotel_number	{}	
.appeler-pro .idl_audiotel_pic{}
.appeler-pro .idl_audiotel_text{}
.appeler-pro .idl_audiotel_warning{color:#888;font-size:10px;text-align:justify;margin-right:10px}
.appeler-pro .idl_audiotel_img {}


/*  fin fiche pro */

/* pour centrer le multipage */
.pagination {display:table;margin:0 auto;margin-bottom:10px}

/* gps */
.breadcrumb{margin-top:3px;margin-bottom:3px}

.clear{clear:both;}