/*### css ###*/

@media screen and (max-width:960px){
	html { background:#fff}
body {overflow-x:hidden ; max-width:60em; font-size:12px; margin: 0 auto}
#conteneur	{
	width:auto;
	margin:0px auto;
	background:url(../charte/fond-conteneur.jpg) repeat-y top center ;
}
#entete {height:200px; background:#fff}

#logo {float:none; margin:0 auto; text-align:center; width:auto; background:url(../charte/fond-logo-responsive.jpg) no-repeat bottom center; height:77px; border-top:3px solid #f30006 }
#slogan {display:block;float:none; margin:0 auto; text-align:center; width:auto; background:url(../charte/fond-slogan-responsive.jpg) no-repeat top center #091164; clear:both; height:120px;}
#slogan p{ font-size:12px; text-align:center; color:#fff; padding-top:0px; margin:0; line-height:20px}

#ami {display:none}
#favoris {display:none}
#animation	{display:none}

ul.dropmenu{
/*######################################################################################################*/
	font-family:denseregular;				/*Police des rubriques/sous-rubriques*/
	font-size: 20px;					/*Taille des rubriques/sous-rubriques*/
/*######################################################################################################*/
	position: relative;
	margin: 0px;
	padding: 0px;
	display:block;
	
	display: inline-block; /* fix position IE7 - 1ere partie */

}
.dropmenu li a {
    background: #f30006 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 36px;
    margin: 2px 5px;
    padding: 0 5px;
    text-decoration: none;
}
section#integration { clear:both; width:58em; max-width:960px;border-top:3px solid #091164; background:url(../charte/fond-integration.jpg) repeat-x top center;}
#integration p{/*text-align:justify*/}
#integration p.test{clear:both}

#slide {float:none; margin:10px auto;border:1px solid #1f1a17;width:300px;height:225px}
#slide img {max-width:100%;width:100%; height:auto}
.map {width:300px; height:247px}
ul.no-mobile {display:none}
div#pied ul li.no-liens {display:none}

#baspage	{width:700px;}

footer	{width:700px; padding:0 10px}

#logo-distributeur{display:none}
.encart {width:80%; min-height:80px; height:auto}
#facebook {position:absolute; margin:10px}
.btmenu {position:absolute; right:10px; top:10px; z-index:90; cursor:pointer}

.encart-txt {width:auto; border-right:none; margin:0 auto; clear:both}

li.mobile {display:block}
li.mobile a {
	background-color:#f30006 ;			/*fond de couleur des rubriques*/
	color:#fff;	
}
.no-mobile {display:none}
.mobile {display:block}
.quarts {width:28em; margin:0.5em;}
.cinqs {width:28em; margin:0.5em;}
.tiers {width:50em; height:auto; margin:1em;}
.tiers2 {width:20em; height:auto; margin:0.3em;}
	
.image { width:100%; height:auto; padding:0em}

#livre{display:none}

#integration a .deconnexion p{text-align:center}
#integration  .cercle{
	float:none;
		margin:0.5em auto 0 auto;
		width:17em; 
		height:17em; 
}
#integration .label-long{width:200px}
.thepet { background-color:#FFF}


/*** MODULE GARAGISTE ***/
#integration a .liste-vehicule{width:52em}
#integration a .liste-vehicule:hover{width:52em}
.liste-vehicule .prix-vehicule{float:none;width:95%}
.liste-vehicule .bloc-vehicule {
	float: right;
	width: 41em;
}
#integration .liste-vehicule .infos{
	width: 11em;
	margin-left: 0.5em;
	color:#000000;
	font-size:13px
}
#integration .encart-recherche .marge-recherche{margin-left:80px}
#integration .encart-recherche{width:52em}
#integration .encart-recherche .champ-recherche{margin-left:3.5em}
#integration .cat-vehicules{width:7em;}

.feedback1-input { padding:0px}
/************ MODULE IMMO ********************/


#integration a #liste-immo{width:52em}
#integration a #liste-immo:hover{width:52em}


#integration .bloc-immo-photo {
	width: 10em;
	text-align:center;
}

#integration .bloc-immo-annonce {
	width: 40em;
}

#integration #liste-immo .infos{
	width: 11em;
}

#integration #recherche .encart-recherche2{width:14em}
#integration #recherche .encart-recherche{width:26em}


#integration #recherche .encart-recherche3 {
    float: none;
    margin: 2em 0em 0em 2em;
    width: 52em;

}

#integration #recherche input[type=submit]{margin: 2em 0 0 1em;}


#integration .descriptif-immo{
	width:32em
}
#integration ul.liste-immo li{
	width:14.5em;
	float: left;
	font-size: 12px;
}

#integration .bien-immo h2{text-align:center}
/******** Fin MODULE IMMO   ****************/

footer p {font-size:12px;text-align:center; padding-top:30px; float:none; width:58em}

}
@media screen and (max-width:720px){
body {overflow-x:hidden ; max-width:60em; font-size:6px; margin: 0 auto}

#conteneur	{
	width:auto;
	margin:0px auto;
	background:url(../charte/fond-conteneur.jpg) repeat-y top center ;
}


#ami {display:none}
#favoris {display:none}
#animation	{display:none}

nav	{width:auto; height:auto; background:#fff;}
.image { width:100%; height:auto}
.dropmenu ul{
/*######################################################################################################*/
	width: auto; /*Largeur du sous-menu*/
	z-index:20;
	
/*######################################################################################################*/
}
.dropmenu li ul{
/*######################################################################################################*/
	width: 100%;
							/*Largeur du sous-menu*/
										/*fond de couleur des sous-rubriques*/
/*######################################################################################################*/
color:#fff
}
.dropmenu li ul li{
/*######################################################################################################*/
	background-color:#333;				/*fond de couleur des sous-rubriques*/
/*######################################################################################################*/
}
.dropmenu li ul li a{
	display:block;
	color:#fff
}

.dropmenu li{width:100%; border-top:none}
.dropmenu li a {color:#fff;padding:5px 20px;} 
.dropmenu li:first-child{border-top:none}


.dropmenu2 ul{
	width: 360px;
	background-color:none;
	position: absolute;
	display: none;
	padding: 0px;
	margin: -10px 0 0 0 ;
}

section#integration	{width:auto;}
#integration { clear:both; width:auto; max-width:960px;border-top:3px solid #091164}
#integration p{/*text-align:justify*/}
#integration p.test{clear:both}

#slide {float:none; margin:10px auto;border:1px solid #1f1a17;width:300px;height:225px}
#slide img {max-width:100%;width:100%; height:auto}
.map {width:300px; height:247px}
ul.no-mobile {display:none}
div#pied ul li.no-liens {display:none}

#baspage	{width:340px;}

footer	{width:340px; padding:0 10px}

#logo-distributeur{display:none}
.encart {width:80%; min-height:80px; height:auto}
#facebook {position:absolute; margin:10px}
.btmenu {position:absolute; right:0.625em; top:0.625em; z-index:90; cursor:pointer}



li.mobile {display:block}
li.mobile a {
	background-color:#f30006 ;			/*fond de couleur des rubriques*/
	color:#fff;	
}
.no-mobile {display:none}
.mobile {display:block}

.menu-open {position:absolute; float:right; display:block; right:0.625em; top:0.625em; z-index:90; cursor:pointer}
.cinqs {width:22.4em; margin:1em 1em;}

.demi {width:56em; margin:1em;}
.quarts {width:28em; margin:1em 15em;}
.tiers {width:36em; margin:1em 11em;}
.bloc60{width:50em; margin:1em 4em;}
.bloc40{width:44em; margin:1em 7em;}
.bloc70{width:54em; margin:1em 2em;}
.bloc30{width:40em; margin:1em 9em;}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

a .encart-contact{width: 52em; margin:1em; float:left; padding:1em;}
#livre{display:none}
#actualite-charte{float:none;min-height:500px}
#integration .cercle{
		width:35em; 
		height:35em; 
	float:none;
		margin:0.5em auto 0 auto;
}
input{margin-left:10px}
textarea{margin-left:10px}

#integration label{margin-left: 20px;text-align: left;}
#integration .label-long{width:200px}
#integration .photo-catalogue{float:none;margin:auto;text-align:center}


#integration table { display: block; position: relative; width: 100%; }
#integration thead{ display: block;float: left;}
#integration tbody{ display: block;width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
#integration tbody th { border:0.0625em solid #999 }

#integration thead tr { display: block;border:0.0625em solid #999 }
#integration th { display: block; min-height: 3em;padding:0 5px 0 5px }
#integration tbody tr { display: inline-block; vertical-align: top;border:0.0625em solid #999 }
#integration td { display: block; min-height: 3em;padding:0 5px 0 5px}

.thepet { background-color:#FFF}

#integration a .deconnexion{float:none;margin:auto;width:20em}
#integration a .deconnexion p{text-align:center}

#integration .bloc-gauche-catalogue{float:none;width:49em}
#integration .bloc-droit-catalogue{float:none;width:49em}

#integration .bloc-gauche-garagiste{width:47em;float:none;margin-left:10px}
#integration .bloc-droite-garagiste{width:50em;float:none}
#integration .bloc-vehicule {
	width: 100%;
	float:none;
}
#integration .liste-vehicule .bloc-vehicule {
	float: none;
	width: 50em;
	text-align:center
}
#integration .liste-vehicule .bloc-photo-vehicule {
	float: none;
	width: 50em;
	text-align:center;
}
#integration .liste-vehicule .prix-vehicule{float:none;text-align:center;width:95%}
#integration .liste-vehicule .bloc-vehicule .exclu {float:none;width:95%}
#integration .liste-vehicule .infos{width:95%}
#integration .encart-recherche .champ-recherche{width:20em;float:left;margin-top:1em}
#integration .encart-recherche input[type="submit"]{
	padding:0.5em;
	width:90%;
}

#integration .cat-vehicules{width:25em;height:10em}
#integration .encart-recherche .cat-vehicules label{
margin-left:0px}
#integration .photo-moto{height:140px}
#integration .exclu-moto{ width:92%;}
.feedback1-input { padding:0px}


/******** MODULE IMMO  ****************/


#integration a #liste-immo{width:52em}
#integration a #liste-immo:hover{width:52em}

#integration .bloc-immo-photo {
	float: none;
	width: 52em;
	text-align:center;
}

#integration .bloc-immo-annonce {
	width: 52em;
	float: none;
	text-align:center;
}

#integration #liste-immo .prix{float:none;
width:100%;	
text-align:center;
}

#integration #liste-immo .infos{
	float: none;
	width: 95%;
}
#integration .exclu {
	float: none;
	width: 95%;
	margin:0.5em 0 0 0;
}

#integration #liste-immo .exclu-annonce{	
	width: 95%;
}

#integration #recherche .encart-recherche2, #integration #recherche .encart-recherche{width:54em;margin-top:2em}

#integration #recherche .encart-recherche label{margin-left:0px}

#integration #recherche a .bouton-recherche{margin: 1em 0 0 0.5em;}

#integration #recherche .encart-recherche3 {width: 20em;
}

#integration .photo-immo{width:54em;float:none;margin:auto}
#integration .details-immo{width:54em; float:none;margin:auto;clear:both}


#integration .descriptif-immo, #integration .performance{
	width:54em;
	float:none
}

#integration ul.liste-immo li{
	width:20em;
}


#integration .simulateur{margin-left:1em;width:52em}

#integration .bloc-centrer .bien-immo{
	width:50em;
	float:none
}
#integration .bien-immo h2{text-align:left}
#integration p.label-immo{text-align:center}
#liste-immo .prix{float:none;margin:0.6em 0em}
.image { width:100%; height:auto; padding:0em}


footer p {font-size:12px;text-align:center; padding-top:10px; float:none; width:28.5em}



	}