body {
	overflow-x:hidden;
}

.clear {
	clear:both;
	height:0px;
	overflow:hidden;
}
#Header,
.H_AccesCompte,
.H_NomEntreprise,
.H_AdresseEntreprise,
.H_Audiotel,
.H_MentionAudiotel,
 #Page,
 .P_Gauche,
 .P_Gauche_Box,
 .P_Gauche_Box_Interne,
 .P_Gauche_Box_InterneGoogle,
 .P_Gauche_Box_InterneGoogle2,
 .P_Gauche_Box_Devis,
 .P_Gauche_Box_Lien,
 #Footer,
 .Menu_Horizontal,
 .Menu_HorizontalCompte {
   	width:100%;
 } 


#Header{
 	max-width:1000px;
  } 

.H_AccesCompte {
 	max-width: 990px;
 }

.H_NomEntreprise {
	max-width: 940px;
}
.H_AdresseEntreprise { 
	max-width: 940px; 
}
.H_Audiotel { 
max-width: 400px;

}

.H_MentionAudiotel {
	max-width: 594px;
}
#Page {
	max-width: 998px;
}

.P_Gauche,
.P_Gauche_Box,
.P_Gauche_Box_Titre {
  max-width: 622px;
 }
.P_Gauche_Box_Titre {
	width:auto;
}

.P_Gauche_Box_Tel {
	float:right;
	margin-right:15px;
}

.P_Gauche_Box_Interne, .P_Gauche_Box_InterneGoogle, .P_Gauche_Box_InterneGoogle2, .P_Gauche_Box_Devis {
  max-width: 590px;
}

.P_Gauche_Box_Lien {
  max-width: 595px;
}

#Footer {
    margin: 0;
    max-width: 1000px;
    padding: 0;
}
.Menu_Horizontal, .Menu_HorizontalCompte {
  max-width: 998px;
}

/****/

#searchcontrolA, #searchcontrolB, #searchcontrolC{
		width: auto;
		margin-top:5px;
		margin-left:5px;
		
	}

.P_Gauche_Box_Interne_FormValider {
     float: right; 
    width: auto;
}
.P_Gauche_Box_Interne_Message, .error_strings {
    width: auto;
}

.ficheV5_EnteteB, .ficheV5_EnteteH {
	display:none;
}

#horaires input.text,
#devis input.text,
#horaires textarea.textarea,
#devis textarea.textarea {
	width:98%;
	color: #B2B1B1;
	font-style: italic;
	margin-top:10px;
}

#horaires textarea.textarea,
#devis textarea.textarea {
 	height:265px;
	font-size:12px;
	height:150px;
}

#horaires input.text:first-child,
#devis input.text:first-child {
	margin:0;

}

.P_Intro {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  height: auto;
  margin-left: 2.5%;
  margin-top: 25px;
  width: 95%;
}

#map {
	width:100%;
	height: 550px;
}

.ficheV5_EnteteM {
    background: #E9E9E9;
    float: left;
    height: auto;
    width: 100%;
	
	padding:5px 0;
	
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	
	
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	
}

.P_Droite_Box_Titre {
	width:auto;
}

.P_Gauche_Box_Interne_Rubrique {
	width:100%;
}
@media only screen and (max-width : 1000px) {

#HeaderV5_MenuVert {
    padding-right: 1%;
    width: 99%;
}
.HeaderV5_MenuVert_Meta {
    
    padding-left: 2%;
	width:auto;
    
    max-width: 640px;
}
	.pubHeader{display:none;}
#HeaderV5_TitreContenu {
    width: 71%;
	margin-left: 2%;
}
 
#HeaderV5_Logo {
    margin-right: 2%;
    width: 18%;
	max-width: 237px;
}

#HeaderV5_Logo img {
	width:100%
}


#MenuPrincipal {
    max-width: 1000px;
	width:100%;
}

.ficheV5_Intro {
    margin-left: 3%;
    max-width: 940px;
	width:95%;
}

.ficheV5_EnteteM_Mention {
    margin-left: 1%;
    max-width: 990px;
    width: 99%;
}

.ficheV5_EnteteM_Contact {
    
    margin-left: 2%;
    max-width: 350px;
    width: 46%;
}

.ficheV5_Entete {
	max-width:747px;
	width:100%;
}

.ficheV5_EnteteM {
    background: #E9E9E9;
    float: left;
    height: auto;
    width: 100%;
	
	padding:5px 0;
	
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	
	
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	
}

.ficheV5_EnteteM_Blabla {
  margin-left: 2%;
  max-width: 290px;
  width:40%;
}
/**/
.P_Gauche_Box_InterneDevis {
 
  margin-left: 1%;
  margin-right: 1%;
    width: 98%;
}
.P_Gauche_Box_InterneDevis .P_Gauche_Box_Interne_Devis_Activite {
  width: 81.887% !important;
}

.P_Gauche_Box_InterneDevis .P_Gauche_Box_Interne_Devis_Lien {
  width: 18%;
}

#Header,
.H_AccesCompte,
.H_NomEntreprise,
.H_AdresseEntreprise  {
  	width:100%;
 } 
 
#Global,
#Header,
.H_AccesCompte  {
      max-width: 1000px;
 }
 
 .H_NomEntreprise {
	 margin-top:5px;
} 
 
.H_MentionAudiotel {
	width:59%
}
.H_Audiotel  {
  	width:40%;
	
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
 }
.H_AudiotelTexte {
	width:100%;
	line-height:48px;
	margin:0;
}
.H_Recherche {
 
  margin-bottom: 5px;
  margin-right: 10px;
  margin-top: 0;
 }
 
 .P_Gauche  {
  width: 62.2%;
  margin-left:1.5%;
}
.P_Gauche_Box_Interne, .P_Gauche_Box_InterneGoogle, .P_Gauche_Box_InterneGoogle2, .P_Gauche_Box_Devis {
  width: 98%;
  margin:15px 1%;
}

.P_Gauche_Box_Lien {
	margin-left:2%;
	width:98%;
 }

.P_Droite {
  margin-left: 1.5%;
  
}
 
#Arch1,
#Arch2 {
	display:none;
}

#Page {
	border:none;
}

.P_Gauche_Box_Titre {
	margin-left:1.5%;
 }

.P_Gauche_Pub3002,
	.P_Gauche_Pub300 {
		 
		margin:auto;
	}
}


@media only screen and (max-width : 980px) {
	.P_Gauche_Box_Interne_DemiBlock {
	  margin-left: 1%;
	  margin-right: 1%;
	  width: 47.5%;
	  overflow:hidden;
	}
	.P_Gauche_Box_Interne_DemiBlock_Titre {
	 
	  width: 31.5%
	}
	.P_Gauche_Box_Interne_DemiBlock_Texte {
	 
	  width: 64.9%
	}
	.H_AccesCompte {
		margin:5px 0 0 0;
}

.P_Gauche_Pub {
		clear: both;
		float: none;
		height: auto;
		
		margin: auto;
		padding-top: 20px;
		width: 100%;
	}
	
}

@media only screen and (max-width : 964px) {
.P_Gauche_Pub3002,
	.P_Gauche_Pub300 {
		clear: both;
		float: none;
		margin:auto;
	}
	
	
.P_Gauche_Box_Interne_FormTitre {
    float: none;
    text-align: left;
    width: auto;
}
.P_Gauche_Box_Interne_FormTexte {
    width: 100%;
}

.FormInput,
.FormArea {
    padding-left: 0.5%;
    width: 98%;
}

}
 
@media only screen and (max-width : 800px) {
	
	.P_Gauche_Pub {
		/*display:none;*/
	}
	
	.P_Gauche_Box_Interne_DemiBlock {
	  margin-left: 1%;
	  margin-right: 1%;
	  width: 98%;
	  overflow:hidden;
	}
	.P_Gauche_Box_Interne_DemiBlock_Titre {
	 
	  width: 31.5%
	}
	.P_Gauche_Box_Interne_DemiBlock_Texte {
	 
	  width: 64.9%
	}
	
	#HeaderV5_Logo {
		display:none;
	}
	
	#HeaderV5_TitreContenu {
    margin-left: 0;
    width: 100%;
	text-align:center;
}

#HeaderV5_MenuVert {
    float: none;
    padding-right: 0;
    text-align: center;
    width: 100%;
}
.HeaderV5_MenuVert_Element {
  display: none
}
 .P_Gauche_Box_Tel {
	 display:none;
	}
	
	
	
	
}

@media only screen and (max-width : 863px) {
	 .P_Gauche  {
	  width: 59%;
	 }
	  
}
@media only screen and (max-width : 790px) {
	 .P_Gauche {
	  width: 58.7%;
	  margin-left:1%;
	}
	.P_Droite {
	  margin-left: 1%;
 	}
	
}


@media only screen and (max-width : 768px) {
	  
}

@media only screen and (max-width : 764px) {
	
	
	 .P_Gauche {
	  margin: 0 auto;
	  max-width: none;
	  width: 98%;
	  float:none;
	}
	 .P_Droite {
		 display:none;
 	}
	.P_Gauche, .P_Gauche_Box, .P_Gauche_Box_Titre {
	  max-width: none;
	}
	.P_Gauche_Box_Interne, .P_Gauche_Box_InterneGoogle, .P_Gauche_Box_InterneGoogle2, .P_Gauche_Box_Devis {
	   max-width: none;
	}
	
	.H_AudiotelTexte {
		text-align:right;
 	}
	.H_AudiotelTexte a {
 		margin-right:15px;
	}
	
	.MH_Partage-Google, .MH_Partage-Twitter, .MH_Partage-Facebook, .MH_Deco {
		display: none;
 	 }
	 
	 .H_AccesCompte {
		 display:none;
}
#Header{
	min-height:initial;
  }
  #map {
		height: 350px;
	}

}
@media only screen and (max-width : 705px) {
.Menu_Horizontal, .Menu_HorizontalCompte {
		height:auto;
	}
	.Menu_Horizontal .MH_Element {
	  display: inline-block;
	  float: none;
	  padding: 0;
	  width: 15.8%;
	  border-left:1px solid #aaa9a9;
	}
	.Menu_Horizontal .MH_Element:first-child {
	  border-left: none;
	}
	 .MH_Bordure {
		 display:none;
	   
 	}
	
	.ficheV5_Entete {
		width: 100%;
	}
	.ficheV5_EnteteM {
    	border-bottom-right-radius: 0px;
   	 	border-top-right-radius: 0px;
	}
	.ficheV5_EnteteM_Blabla {
		display:none;
	}

	#MenuPrincipal ,#MenuPrincipal2 {
		height: auto;
 	}
	#MenuPrincipal_Deroulant {
		height: auto;
	}

	#MenuPrincipal_Date {
			display:none;
	}
	
	#MenuPrincipal2 li {
    display: inline-block;
    float: none;
     
    width: auto;
}

	#searchcontrolA, #searchcontrolB, #searchcontrolC {
    margin-left: 1%;
     width: 97%;
}
	
	
}

/*// on commence la version Mobile */
@media only screen and (max-width : 605px) {
.H_Recherche {
		display:none;
}

.H_Audiotel {
	  background: url("../images/header_fond_audiotel.png") no-repeat scroll 0 0 #f3f3f3;
	  width:100% !important;
	  max-width:none;
	  margin:20px 0 0 0;
 	} 
.H_MentionAudiotel {
   background: #f3f3f3;
  width:98%;
  max-width:none;
  color:#fff;
  margin:0;
  padding:10px 1%;
 }
 .H_Audiotel  {
 	
	-webkit-border-top-right-radius:0 ;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
 }
 .H_AudiotelTexte {
  text-align: center;
}

#Footer {
  font-size: 11px;
  height: 90px;
  line-height: 20px;
  margin-top: 0;
  min-height: 53px;
  padding: 60px 0 0;
}
#Global {
	position:relative;
}

.H_MentionAudiotel {
  bottom: 98px;
  clear: both;
  float: none;
  height: 31px;
  left: 0;
  margin: 0;
  padding: 10px 1%;
  position: absolute;
  width: 98% !important;
  z-index: 99;
}

.H_NomEntreprise,
.H_AdresseEntreprise{
  margin: 5px 0 0 0;
  text-align: center;
}

.Menu_Horizontal, .Menu_HorizontalCompte {
  border: 0 none;
  height: auto;
  width:99%;
	margin:0;
}
 
#Page {
	width:100%;
}

body {
	overflow:auto;
}
.idlead {
	display:none;
	 
}

a.H_LienModification {

}
.P_Gauche_Box_Interne {
	overflow:hidden;
}

#map {
	height: 350px;
}

#horaires input.text,
#devis input.text,
#horaires textarea.textarea,
#devis textarea.textarea {
	width:97%;
}

.ficheV5_EnteteM_Blabla {
	display:none;
}

.ficheV5_EnteteM_Contact {
    margin-left: 2%;
    max-width: none;
    width: 74%;
}

.ficheV5_Entete {
    width: 100%;
}

.ficheV5_EnteteM {
    
	
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	
	
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	
}


}

@media only screen and (max-width : 576px) {
 
	.Menu_Horizontal .MH_Element {
	  width: 31.9%;
 	}
	.H_Audiotel {
	  background: none repeat scroll 0 0 #f3f3f3;
	   
	} 
	#facebook_comment {
		display:none;
	}
	
	.P_Gauche_Box_InterneDevis .P_Gauche_Box_Interne_Devis_Activite,
	.P_Gauche_Box_InterneDevis .P_Gauche_Box_Interne_Devis_Lien {
		float:none;
		width:100% !important;
		
	}
	.P_Gauche_Box_InterneDevis .P_Gauche_Box_Interne_Devis_Lien {
		line-height:18px;
		text-align:right;
		
	}
	.P_Gauche_Box_InterneDevis {
	  height: 65px;
	}
	
}

@media only screen and (max-width : 480px) {
.P_Gauche_Pub {
		/*display:none;*/
	}
	
	.ficheV5_EnteteM_Blabla {
    margin-left: 2%;
    max-width: none;
    width: 98%;
}

 



}

@media only screen and (max-width : 453px) {

.P_Gauche_Box_Interne_Rubrique {
    height: auto;
    width: 100%;
}

.P_Gauche, .P_Gauche_Box, .P_Gauche_Box_Titre {
    width: 99%;
}

}
@media only screen and (max-width : 380px) {
 
	.Menu_Horizontal .MH_Element {
	  width: 31.5%%;
 	}
	 #map {
		height: 300px;
	}
	.ficheV5_EnteteM_Img {
		display:none;	
	}
	
	
 
	
}

@media only screen and (max-width:602px) {
 
#Global {
    top: 0px;
}	
#Globalbody {
	background-size: 790px;
	background:none;
}
} 

/*** index.php ****/

/***
l-96 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
l-234 <link rel="stylesheet" type="text/css" href="/css/responsive.css"/>
l-228 <div class="clear"></div>
**/

/*** inc.fiche_v3.php ****/

/***
l-198 ajout de id="facebook_comment"
l-211 data-width="590" en data-width="100%"

**/

/*** inc.fiche_plan_v3.php ****/

/***
 l-107  => width: 590px; en width: 100%; es suppression de height: 550px :
 
 <div id="map" style="width: 590px; height: 550px"></div>
 en :
 <div id="map" style="width: 100%; height: 550px"></div>

**/

/*** inc.fiche_contact_v3.php ****/

/***
 l-43 Ã  47  
<input type="text" name="expediteur" id="expediteur" style="width:585px;color: #B2B1B1;font-style: italic;" value="Adresse email de réponse" onclick="this.value=''" />  

<input type="text" name="objet" id="objet" style="width:585px;color: #B2B1B1;font-style: italic; margin-top:10px;" value="Objet du message" onclick="this.value=''" />

<textarea name="message" id="message" style="width:588px;color: #B2B1B1;font-style: italic; height:265px;margin-top:10px; font-family:Arial; font-size:12px; height:150px;" ></textarea>    

/// MODIFICATIONS  ///

<input type="text" name="expediteur" id="expediteur" class="text" value="Adresse email de réponse" onclick="this.value=''" />  

<input type="text" name="objet" id="objet" class="text" value="Objet du message" onclick="this.value=''" />

<textarea name="message" id="message"  class="textarea"></textarea>  
**/

/*** inc.fiche_devis_v3.php ****/

/***
 l-115 Ã  123  
<input type="text" name="nom" id="nom" style="width:585px;color: #B2B1B1;font-style: italic;" value="Nom, Prénom" />

<input type="text" name="email" id="email" style="width:585px;color: #B2B1B1;font-style: italic; margin-top:10px;" value="Adresse email" />

<input type="text" name="telephone" id="telephone" style="width:585px;color: #B2B1B1;font-style: italic; margin-top:10px;" value="Téléphone"  />   

<input type="text" name="titre" id="titre" style="width:585px;color: #B2B1B1;font-style: italic; margin-top:10px;" value="Titre de votre demande" />

<textarea name="message" id="message" style="width:588px;color: #B2B1B1;font-style: italic; height:265px;margin-top:10px; font-family:Arial; font-size:12px; height:150px;" ></textarea>
   

/// MODIFICATIONS  ///

<input type="text" name="nom" id="nom" class="text" value="Nom, Prénom" />
            
<input type="text" name="email" id="email" class="text" value="Adresse email" />

<input type="text" name="telephone" id="telephone" class="text" value="Téléphone"  />   

<input type="text" name="titre" id="titre" class="text" value="Titre de votre demande" />

<textarea name="message" id="message" class="textarea" ></textarea>  
**/