/* CSS Document - largeur small */

/*********** styles generaux ************/
    
    body {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    table {
      table-layout: fixed;
    }

    /* force le contenu à passer à la ligne sous une image */
    img {
      clear:left;
      max-width:100%!important;
      height: auto!important;
    }
/************************/

.mobile_element {
  display:block;
}
.standard_element {
  display:none;
}

/*
styles photos pour alignement (utilisés par éditeur)
*/
.align_right {
  margin:0 auto 10px 0!important; 
  display:block;
  float:none;
  clear:both;
  width:auto!important;
  height:auto!important;
}
.align_left {
  margin:0 auto 10px 0!important;  
  display:block;
  float:none;
  clear:both;
}

#inter h2 {
    height: auto;
    background: none;
    border:0;
    padding:0;
}

/*** header **/
#header {
  background:none;
  height:auto;
}

#header_accroche {
  display:none;
}

#header_droite {
    float: none;
    width: auto;
}
#entete_menu {
  margin-top:0;
  margin-bottom:30px;
  background-color:#000;
  height:auto;
  width:auto;
  float:none;
  padding:20px;
}
  #menu{
    float:none;
    width:100%;
    margin:auto;
    display:none;
  }
  #menu li {
    display:block;
    float:none;
    width:auto;
    text-align:left;
    margin:auto;
  }
  #menu li a.amenu {
    float:none;
    width:100%;
    text-align:center;
    margin:0;
  }
  .ul_sousmenu {
    display:block;
    float:none;
    width:100%; 
    position:relative;
    left:0; 
    padding:0;
    margin-top:0px;
          transform:translate(0, 0);
          -webkit-transform:translate(0, 0);
          -ms-transform:translate(0, 0);    
  }
  
  .ul_sousmenu li{
   
   background-color:#383838!important;
   text-align:center!important;
  }
  .ul_sousmenu li a {
    text-align:center!important;
  }

/** logo **/
#logo_contener{
    width:100%;
}
#logo{
	display:block;
  float:none;
	background-position:center;
  width:200px;
  height:150px;
  margin:10px auto 0 auto;
}

/* btns acces pro / selection */

  .header_acces_pro {
    background-position:center;
    width:42px;
    padding:0;
  }  
  .header_acces_pro_titre {
    display:none;
  }
  
  #header_selection {
    background-position:center;
    width:42px;
    padding:0;
  }  
  #header_selection_titre {
    display:none;
  } 
  
/* btns raccourcis */
#entete_raccourcis {
  position:absolute;
  top:0;
  left:10px;
  
}
#entete_raccourcis a {
    width: 24px;
    height: 24px;
    margin: 14px 8px 33px 8px;
    float: left;
}



  #entete_raccourcis a, #entete_raccourcis a:hover {
    background-size:contain; 
  }
  #header_raccourcis_tel, #header_raccourcis_menu {
    display:block;
  }
  
  #header_raccourcis_menu{
  	background:url(../images/responsive/menu-button-blanc.png) no-repeat center;
  }
  #header_raccourcis_home{
  	background:url(../images/responsive/picto_home_reponsive.png) no-repeat center;
  }
  #header_raccourcis_tel{
  	background:url(../images/responsive/picto_telephone_responsive.png) no-repeat center;
  }
  #header_raccourcis_contact{
  	background:url(../images/responsive/picto_contact_responsive.png) no-repeat center;
  }
  #header_raccourcis_recherche{
  	display:none;
    background:url(../images/responsive/picto_loupe_responsive.png) no-repeat center;
  }
  #header_raccourcis_facebook{
  	background:url(../images/responsive/picto_facebook_responsive.png) no-repeat center;
  }
  
  #header_raccourcis_menu:hover{
  	background:url(../images/responsive/menu-button-blanc.png) no-repeat center;
  }
  #header_raccourcis_home:hover{
  	background:url(../images/responsive/picto_home_reponsive.png) no-repeat center;
  }
  #header_raccourcis_contact:hover{
  	background:url(../images/responsive/picto_contact_responsive.png) no-repeat center;
  }
  #header_raccourcis_tel:hover{
  	background:url(../images/responsive/picto_telephone_responsive.png) no-repeat center;
  }
  #header_raccourcis_recherche:hover{
  	background:url(../images/responsive/picto_loupe_responsive.png) no-repeat center;
  }
  #header_raccourcis_facebook:hover{
  	background:url(../images/responsive/picto_facebook_responsive.png) no-repeat center;
  }  
    
#entete_accroche {
  display:none;
}    
#header_auto {
  display:block;
  color:#eee;
  font-size:20px;
  text-align:center;
  padding:0;
  margin: 5px auto 10px auto;
  text-transform:uppercase;
} 

#droite_item {
  display:none;
}   
    
/* tel header */ 
#header_tel {
  display:block;

  background-color: #474747;
  color:#fff;
  font-size:20px;
  text-align:center;
  padding:5px;  
}  
  
/* index */
#accueil_slider {
  display:none;
}  
#accueil_annonce {
  display:none;
}
#accueil_recherche{
	width:auto;
	height:auto;
	float:none;
	margin:10px 0 10px 0;
}
#accueil_recherche h2 {
  display:none;
}

#milieu_item {
  width:auto;
  margin:auto;
  height:auto;
}


/* recherche index */
#accueil_recherche_contenu {
  height:auto;
}
#accueil_recherche_milieu select {
  float:none;
  width:100%;
  margin:10px 0 10px 0;
}

#recherche_index_selects {
 display:block;
}

#recherche_index_sliders_submit {
  display:block;
}
.recherche_index_slider {
  margin:1%;
}

/* arguments accueil */
#accueil_argument{
	width:auto;
	height:auto;
	float:none;
  margin:0;
  margin-bottom:20px;
  padding:10px;
}
.accueil_argument_bloc{
	width:auto;
	margin:5px 0 5px 0;
	height:auto;
	float:none;
}


/* bloc vendre */
#accueil_vendre_bloc{
	width:auto;
	height:auto;
	float:none;
	
  margin:10px;
}

/* temoignages*/
#accueil_temoignages {
 /*display:none;*/
}
  #accueil_temoignages .conteneur {
    padding: 10px;
  }
  #accueil_temoignages_contenu, #accueil_temoignages_btn {
      width: auto;
      height: auto;
      margin: 10px 0 10px 0%;
      float: none;
      border-radius: 0px;
  }
  
#temoignages_contenu {
  width: auto;
  margin:0;
  float:none;
  border-radius: 0;
    
}  
#form_avis_conteneur {
  width: auto;
  margin:0;
  float:none;
  border-radius: 0;
  padding:10px;
}
#form_avis {
    margin: auto;
    width: auto;
}

/* footer */
.footer_sep {
  display:none;
}

#footer_gen{
	background-color:#222;
  padding:10px;
}
#footer_gen .conteneur{
	padding:0px;
}

#footer_titre, #footer_marques {
  display:none;
}

#footer_mentions {
  margin:0;
  width:100%;
  height:auto;
}

#footer_mentions a{
  float:none;
  display:block;
  text-align:left;
  margin-left:10px;
  
}

/** contact **/
.contour{
	width:100%;	
	float:none;
	border-radius:0px;
	margin:0 0 20px 0!important;
  height:auto;
  padding: 20px;
  background-color:#444;
}

.formulaire_contact {
    margin:0;
    height:auto;
}

.coordonnee {
    float: none;
    margin:0;
    width: 100%;
    height:auto;
}
#search {
    float: none;
    width: 100%;
}
#coordonne_btn {
    float: none;
    width: 100%;
}

#contact_bouton {
    width: auto;
    margin:10px auto 10px auto;
}

.formulaire_double {
    float: none;
}

#map_canvas{
  width: 100%;
}

.temoignage_titre, .temoignage_etoiles{
  float:none;
}

#demande_code_pros_gauche {
  float:none;
  width:auto;
  margin-bottom:10px;
}


#demande_code_pros_droite {
  float:none;
  width:auto;
}

.table_grille {
  display:block;
}
 .tr_grille {
    display:block;
 }
 .td_grille {
  width:auto;
  display:block;
  padding:2px;
  padding-bottom:10px;
 }
 
ul.liste_fleche {
  margin: 10px;
  padding:0;
} 
ul.liste_fleche li {
 background-size:20px;
 background-position: 0px 10px;
 margin-left:0;
 padding:10px 0 10px 30px;  

} 


/* galeries */
.galeries {
  display:block;
}

.galerie {
  width:100%;
  margin:0 0 1% 0;

}
.galerie_photo {

}

.galerie_titre {
}
.galerie_texte {
}

/* agences */
.table_agences_gta {
    display:block;
}
.table_agences_gta > tbody > tr {
    display:block;
}
.table_agences_gta > tbody > tr > td {
    display:block;
    margin-bottom:20px;
}