@media screen and (max-width: 1180px) {
	#right, #right > .inside {
		width: 240px;
	}
	.mod_comgmaplistsimple #mapContainer {
		width: 100%;
		box-sizing:border-box;

	}
}

@media screen and (max-width: 1024px) {
	.colGmap #right, .colGmap #right > .inside {
		display: none;
	}
	.colGmap #main {
		width: 100%;
	}
	#wrapper{
		background:url("../site/animalsBannerType.jpg") no-repeat scroll center 102px transparent !important;
	}
	#header > .inside {
		width: 90%;
		margin: 0 5%;
	}
	#topMenuOnline .level_2 {
		display: none;
	}
	#container {
		background: url("../site/bgPageLeft.png") no-repeat 4.5% 35px,
		url("../site/bgPageRight.png") no-repeat 95.5% 35px;
	}

	#container > .inside {
		width: 90%;
		margin: 20px 5% 0 5%;
		background: url("../site/bgPageCenter.png") repeat-x center top;
	}
	#container #main .image_container {
		float: none !important;
	}
	#container #main section img {
		max-width: 100%;
		height: auto;
	}
	#mainAfter li.submenu ul.level_2, .pancarte #header .zoomPancarte{

		display: none;
	}
	#header li.submenu ul.level_2{
		top:30px;
		width: 170%;
		display: none;
	}
	#mainAfter li.submenu ul.level_2 {
		display: none;
	}
	#header #topMenuOnline {
		background: rgba(255,255,255,.9);
	}
	#header #topMenuOnline .level_1,
	#header #topMenuOnline .level_1 > li.last  {
		background: none;
	}
	#header #topMenuOnline .level_1 {
		padding: 0;
		height:auto;
		display: flex;
    	flex-wrap: wrap;
	}
	#header #topMenuOnline .level_1 li {
		height: 30px;
		line-height: 30px;
		margin:0;
		padding: 0;
		width: 50%;
		flex: 1 0 50%;
	}
		#header #topMenuOnline .level_1 > li a{
		    color: #63ae03;
		    font-weight:bold;
		}
	#header #topMenuOnline .level_1 > li.last {
		padding: 0;
		width: 100%
	}
	#header #topMenuOnline .level_1 li.star{
		clear: both;
		margin-left: 0;
	}
	#insideMain {
		width: 100%;
	}
	#insideRight {
		width: 100%;
		margin-top: 20px;
		padding-left: 0;
	}
	/*search*/
	.mod_comdetailedresearch #groupe_1 {
		  padding: 25px 130px 25px 150px;
	}
	#main .mod_comdetailedresearch #groupe_1 label,
	#main .mod_comdetailedresearch #groupe_2 label {
		width: 100%;
		text-align: left;
	}
	#main .mod_comdetailedresearch .formbody input[type="text"] {
		width: 100%;
	}
	.mod_comdetailedresearch #groupe_1 #animaux {
		width: 100%;
	}
	.mod_comdetailedresearch #groupe_1 .btn {
		bottom: 25px;
		top: auto;
	}
	.mod_comdetailedresearch #groupe_2 {
		position: relative;
	}
	.mod_comdetailedresearch #groupe_2 .smallBtn {
		bottom: 20px;
	}
	.mod_comdetailedresearch #groupe_3 > .widget {
		padding: 15px 15px 15px 60px;
	}
	.mod_comdetailedresearch #groupe_3 > .widget label {
		width: 100% !important;
		text-align: left;
	}
	.mod_comdetailedresearch #groupe_3 > .widget .MultiSelect {
		width: 100%;
	}
	.mod_comdetailedresearch #groupe_3 > .widget input[type="text"] {
		width: 90%;
	}
	.mod_comdetailedresearch #groupe_3 .float-l {
		width: 100%;
	}
	.mod_comdetailedresearch #groupe_3 .book .long > label,
	.mod_comdetailedresearch #groupe_4 .inline {
		width: 100%;
	}
	/*liste annonces*/
	
	#main .mod_comannounceslist .announceList .details > .info > .float-l {
		width: 100%;
		padding-right: 0;
		margin-bottom:10px;

	}
	#main .mod_comannounceslist .announceList .details > .info > .float-l .distance {
		width: 50%;
		float: left;
		box-sizing:border-box;
		border-bottom: none;
		border-right: 1px solid #cdd3d7;
		height: 40px;
		line-height: 40px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#main .mod_comannounceslist .announceList .details > .info > .float-l .city {
		width: 50%;
		float: left;
		height: 40px;
		line-height: 40px;
	}
	#main .mod_comannounceslist .announceList .details > .info > .memberInfo {
		width: 100%;
	}
	#mainAfter, #footer > .inside {
		width: 90%;
		margin: 0 5%;
	}
}
@media screen and (max-width: 890px) {
	/*rédiger une annonce*/
	#main .mod_comeditannounce .formbody .submit_container.top input.submit,
	#main .mod_comformannonce .formbody .submit_container.top input.submit {
		display: none;
	}
	
	#main .formbody #myAnimal div.inline:nth-child(5) input[type="text"]{
		width: 50%;
	}
	#main .formbody #myAnimal > .float-l > .float-l,
	#main .formbody #myAnimal > .float-l > .float-r {
		width: 100%;
	}
	#main .mod_comeditannounce .formbody fieldset > div.inline > select,
	#main .mod_comformannonce .formbody fieldset > div.inline > select {
		width: 100%;
	}
	#main .mod_comeditannounce .formbody fieldset > div.lessMore > label,
	#main .mod_comformannonce .formbody fieldset > div.lessMore > label {
		font-weight: normal;
	}
	#main .mod_comeditannounce .formbody fieldset > div.lessMore > label:nth-child(1),
	#main .mod_comformannonce .formbody fieldset > div.lessMore > label:nth-child(1){
		width: 100%;
		font-weight: bold;
	}
	#main .mod_comeditannounce .formbody fieldset > div.lessMore > input[type="text"],
	#main .mod_comformannonce .formbody fieldset > div.lessMore > input[type="text"]{
		width: 33px;
	}
	#main .mod_comeditannounce .formbody fieldset > div.lessMore > input[type="text"],
	#main .mod_comformannonce .formbody fieldset > div.lessMore > input[type="text"] {
		clear: both;
	}
	#main .mod_comeditannounce .formbody fieldset.inline,
	#main .mod_comformannonce .formbody fieldset.inline {
		width: 100%;
	}
	/*adherer*/
	#main .formbody label {
		width: 100%;
		text-align: left;
	}
	#main #adherer .formbody p, 
	#main #login .formbody p, 
	#main #page-403 .formbody p {
		width: 100%;
		margin-left: 0;
	}
	#main .formbody input.text, 
	#main .formbody input.captcha {
		width: 100%;
	}
	#main .formbody select {
		width: 100%;
	}
	.oneCol #main #insideMain .formbody fieldset.option fieldset label {
		width: 90% !important;
	}
	#main .formbody fieldset.option #ctrl_displayPhone {
		margin-top: 10px;
	}
	#main .formbody fieldset.option #ctrl_cgv {
		background:url("../site/punaise.png") no-repeat scroll 4px 15px transparent;
	}
	#main .mod_login .formbody .submit_container .forgoten {
		left: 0;
	}


	#main #login .checkbox_container label {
		width: auto;
		float: left;
	}

	#main #mes-annonces #dhead, #main #mes-factures #dhead {
		font-size: 11px;
		margin-bottom: 5px;
		height: 15px;
	}
	#main #mes-annonces #AnnouncesPrice {
		font-size: 11px;
	}
	/*mon panier*/
	#main .mod_comrecapitulatif .col1st {
		width: 76% !important;
	}

	#main .mod_comrecapitulatif #AnnouncesAction {
		display: none;
		width: auto !important;
		clear: both;
	}
	#main .mod_comrecapitulatif #AnnouncesAction a {
		box-sizing:border-box;
		width: 30px;
		display: inline-block;
		padding-left: 30px;
		overflow: hidden;
		margin-right: 5px;
	}
	#main .mod_comrecapitulatif #boutonsub {
		display: none;
	}
	#main .formbody .mid {
		width: 100%;
	}
	#main .mod_comcontact #contact fieldset.option > label {
		text-align: right;
	}
	/*contract*/
	#main .mod_comcontratinitialisation div.float-r .infoContact {
		margin-top: 28px;
	}
	/*contract liste*/
	#main .mod_comcontratlist #dhead  {
		font-size: 11px;
	}
	#main .mod_comcontratlist .col1st,
	#main .mod_comcontratlist .col2nd,
	#main .mod_comcontratlist .col3th,
	#main .mod_comcontratlist .col4th {
	
	
	}
	
	#main .mod_comcontratlist .col2nd {

	}
	#main .mod_comcontratlist .col3th {

	}
	#main .mod_comcontratlist .col4th {
	
	}
	#main .mod_comcontratedit div.float-l .infoContact,
	#main .mod_comcontratedit div.float-r .infoContact {
		margin-top: 40px;
	}
	#contact .ce_form table td.col_first {
		width: 50%;
	}
	
	#contact .ce_form table td.col_last {
		width: 50%;
	}
	#main .mod_comannouncemember .linkBtn {
		margin-top: 40px;
		text-align: center;
	}
	/*site map*/
	.mod_sitemap ul.level_1 li ul.level_2 li ul.level_3  li ul.level_4 {
		width: 100%;
	}
}
@media screen and (max-width: 740px) {

	#container > .inside {
		display: flex;
	    flex-direction: column;
	}

	aside#left{
		order:2;
	}

	#header > .inside {
		box-sizing:border-box;
		width: 100%;
		margin:0;
		padding: 0;
	}
	#header .navLogo {
		box-sizing:border-box;
		padding: 15px;
		background: rgba(255,255,255,0.7);
	}
	#header #recommend {
		margin-right: 15px;
	}
	#header #topMenu {
		right: 15px;
	}
	#header #topMenuOnline {
		margin-right: 15px;
	}
	#header .mod_cominfoonline {
		margin-right: 15px;
	}
	#container {
		background: none;
	}
	#container > .inside {
		width: 100%;
		box-sizing:border-box;
		margin: 20px 0 0 0;
		background: url("../site/bgPageCenter.png") repeat-x center top;
	}
	
	#main #mes-annonces #dhead > div {
		padding: 0 ;
		overflow: hidden;
	}
	#mes-annonces .myAnnounces .col1st {
		margin-right: 0.5%;
		width: 43%;
		padding: 5px;
	}
	#mes-annonces .myAnnounces .col2nd {
		width: 25%;
		margin-right: 0.5%;
		padding: 5px;
	}
	#mes-annonces .myAnnounces .col3th {
		margin-right: 0.5%;
		padding: 5px;
	}
	#mes-annonces .myAnnounces .col4th {
		margin-right: 0.5%;
		padding: 5px;
	}
	#mes-annonces .myAnnounces .col5th {

	}
	#mainAfter, #footer > .inside {
		width: 100%;
		margin: 0;
	}
	/*rédiger un article*/
	#main .formbody #myAnimal .inline > label,
	#main .formbody #myAnimal .inline > select,
	#main .formbody #myAnimal .inline > input[type="text"] {
		width: 100%;
	}
	#main .formbody #myAnimal .datepicker > input[type="text"]{
		width: 50%;
	}
	#main .formbody #myAnimal > .float-l > .float-l > .widget > label {
		width: 100%;
	}
	/*recherche carte*/
	#main .mod_comgmaplist .legendeGmap {
		white-space: pre;
	}
	#main .mod_comgmaplist .legendeGmap img{
		margin-left:0 !important;
	}
	/*contact proprietaire*/
	#main .mod_comcontact .uRinfo .p > .label,
	#main .mod_comcontact #contact fieldset.option > label {
		width: 30%;
	}
	#main .mod_comcontact .uRinfo .p > div,
	#main .mod_comcontact #contact fieldset.option > textarea {
		width: 70%;
	}
	/*contract liste*/
	#main .mod_comcontratlist #dhead  {
		font-size: 11px;
	}
	#main .mod_comcontratlist .col1st,
	#main .mod_comcontratlist .col2nd,
	#main .mod_comcontratlist .col3th,
	#main .mod_comcontratlist .col4th {
		width: 28%;
		line-height: normal;
		font-size: 11px;
	}
	
	#main .mod_comcontratlist .col2nd {

	}
	#main .mod_comcontratlist .col3th {

	}
	#main .mod_comcontratlist .col4th {
	 width: 50px;
	}
	
}
@media screen and (max-width: 635px) {
	#wrapper{
		background:url("../site/animalsBanner.jpg") no-repeat scroll center 60px transparent !important;
	}
	#header {
	 	height: 200px;
	 }
	#header .navLogo {		
		width: 100%;
		text-align: center;
	}
	#header .navLogo {		
		position: static !important;
	}
	#header .navLogo .logo {
		margin: 0 auto;
		background: url("../site/logoAfSmall.png") no-repeat scroll center center transparent;
	    width: 165px;
	    height: 63px;
	}
	#header #topMenu {
		width: 100%;
		top:130px;
		right: 0;
	}
	#header #topMenu li.adherer, #header #topMenu li.login{
		float: none;
		width: 80%;
		margin: 0 10%;
		background: none;
		height: 25px;
		line-height: 25px;
		
		border: 1px solid #999 !important;
		border-radius: 5px;
	}
	#header #topMenu li.adherer {
		background-color: #F6B32D ;
		margin-bottom: 5px;
	}
	#header #topMenu li.login {
		background-color: #9FD725 !important ;
	}
	#header #topMenu li.adherer a, 
	#header #topMenu li.login a,
	#header #topMenu li.adherer span,
	#header #topMenu li.login span{
		font-size: 15px;
	}
	#header .mod_cominfoonline{
		float:left;
	}
	#header #topMenuOnline {
		position: relative;
		margin: 0 5%;
		width: auto;
	}
	#container {
		padding: 0;
	}
	#container > .inside {
		padding-top: 15px;
	}
	#left,.noLinkAnnounces #left, 
	#main,.noLinkAnnounces #main {
		float: none;
		width: 100%;
		padding: 10px 15px;
	}
	#menu ul.level_1 li ul.level_2 {
		padding: 5px 5px 0 10px;
	}
	#menu ul.level_1 li ul.level_2 li span.active, 
	#menu ul.level_1 li ul.level_2 li span.first, 
	#menu ul.level_1 li ul.level_2 li a.first {
		margin-top: 0;
	}
	#menu ul.level_1 li ul.level_2 li a {
		margin-bottom: 7px;
	}
	#breadcrumb,#linkAnnounces {
		display: none;
	}
	/*liste annonces*/
	/*#main .mod_comannounceslist .announceList .photo {
		width: 50%;
		float: none;
		margin: 0 auto;
		height: 100px;
	}*/
	#main .mod_comannounceslist .announceList .details {
		width: 100%;
		margin-top: 10px;
	}
	#main .mod_comannounceslist .announceList .details > .float-l .decript {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	#main .mod_comannounceslist .announceList .details > .float-l .picto {
		margin-top: 5px;
		padding-top: 5px;
	}
	#main .mod_comannounceslist .announceList .details > .float-l,
	#main .mod_comannounceslist .announceList .details > .info {
		width: 100%;
	}/*
	#main .mod_comannounceslist .announceList .details > .info > .float-l {
		width: 20%;
	}
	#main .mod_comannounceslist .announceList .details > .info > .float-l .distance,
	#main .mod_comannounceslist .announceList .details > .info > .float-l .city{
		float: none;
		width: 100%;
		margin: 0;
	}*/
	#main .mod_comannounceslist .announceList .details > .info .contact,
	#main .mod_comannounceslist .announceList .details > .info .familly {
		width: 50%;
		float: left;
	}
	#main .mod_comannounceslist .announceList .details .info > .memberInfo .dateExchange {
		display: block;
		clear: both;
		float: left;
	}
	#main .mod_comannounceslist .announceList .details .info > .memberInfo .gardBy {
		display: block;
		float: left;
	}


	.oneCol #main .column_50_left, 
	.oneCol #main .column_50_right{
		float: none;
		width: 100%;
	}
	.oneCol #main .column_50_right .mod_article {
		box-sizing:border-box;
		padding: 15px;
	}
	.oneCol #main .column_50_left .slideshow{
		max-height: 300px !important;
		overflow: hidden !important;
	}
	/*search*/
	.mod_comdetailedresearch #groupe_1 {
		padding: 25px 15px 80px 150px;
	}
	.mod_comdetailedresearch #groupe_1 .btn {
		right: 50%;
		bottom: 15px;
		margin-right: -51px;
	}
	.mod_comdetailedresearch #groupe_2 {
		padding: 25px 15px 50px 15px;
	}
	.mod_comdetailedresearch #groupe_2 .smallBtn {
		right: 50%;
		margin-right: -32.5px;
	}
	#main .formbody #lbl_nlPart_0 {
		width: 80%;
		height: auto;
		line-height: normal;
	}
	/*contact proprietaire*/
	#main .mod_comcontact .uRinfo .p > .label,
	#main .mod_comcontact #contact fieldset.option > label {
		width: 35%;
	}
	#main .mod_comcontact .uRinfo .p > div,
	#main .mod_comcontact #contact fieldset.option > textarea {
		width: 65%;
	}
	#main .mod_comcontratinitialisation div.float-r .infoContact {
		margin-top: 40px;
	}
}
@media screen and (max-width: 590px) {
	.oneCol #main {
		
	}
	.mod_comdetailedresearch #groupe_1 {
		padding: 25px 25px 25px 150px;
	}
	#mes-factures .myAnnounces .col1st {
		margin-right: 2%;
		width: 34% !important;
		font-size: 11px;

	}
	#mes-factures .myAnnounces .col2nd {
		width: 34% !important;
		margin-right: 2%;
		font-size: 11px;

	}
	#mes-factures .myAnnounces .col3th {
		width: 28% !important;
		font-size: 11px;
	}
	/*search*/
	.mod_comdetailedresearch #groupe_1 {
		padding: 25px 15px 60px 15px;
		background-image: none;
	}
	.mod_comdetailedresearch #groupe_2 label,
	.mod_comdetailedresearch #groupe_3 > .widget label,
	.mod_comdetailedresearch #groupe_3 .book .long > label {
		height: auto;
		line-height: normal;
		margin-bottom: 5px;
	}
	#main .formbody .radio > label {
		width: 100%;
		float: none;
	}
	#main .formbody .radio > span {
		display: block;
		width: 100%;
		float: none;
	}
	.mod_comdetailedresearch #groupe_1 .btn {
		bottom: 5px;
	}
	#main .formbody #myAnimal > .float-l > .longLabel {
		margin-bottom: 10px;
	}
	#main .formbody #myAnimal > .float-l > .longLabel > label {
		width: 100%;
		line-height: normal;
	}
	#main .formbody #myAnimal > .float-l > .longLabel p {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	
	#main .mod_comformannonce .formbody .submit_container {
		height: 50px;
	}
	/*panier*/
	#main .mod_comrecapitulatif .col1st {
		width: 63% !important;
	}
	#main .mod_comrecapitulatif .col2nd {
		width: 33% !important;
	}
	#main .mod_comrecapitulatif #ttc2,
	#main .mod_comrecapitulatif #ttc2Price {
		margin-top: 80px;
	}
	/*liste annonces*/
	#main .mod_comannounceslist .announceList .details > .info > .memberInfo > .contact,
	#main .mod_comannounceslist .announceList .details > .info > .memberInfo > .familly {
		width: 100%;
	}
	/*recherche carte*/
	#main .mod_comgmaplist .linkBtn a {
		display: block;
		line-height: normal;
		margin: 0;
		height: auto;
	}
	/*contact proprietaire*/
	#main .mod_comcontact .uRinfo .p > .label{
		width: 50%;
	}
	#main .mod_comcontact .uRinfo .p > div{
		width: 50%;
	}
	#main .mod_comcontact #contact fieldset.option > label {
		width: 100%;
		text-align: left;
		padding: 0;
	}
	#main .mod_comcontact #contact fieldset.option > textarea {
		width: 100%;
	}
	#main .mod_comcontratinitialisation div.float-r .infoContact {
		margin-top: 28px;
	}
	#main .mod_comcontratedit div.float-l .infoContact,
	#main .mod_comcontratedit div.float-r .infoContact {
		margin-top: 40px;
	}
	#main .mod_comcontratlist #AnnouncesAction {
		display: none;
	}
}
@media screen and (max-width: 420px) {
	#header #recommend {
		margin-bottom: 5px;
		

	}
	#header #twFollow {
		clear: both;
		margin-right: 15px;
	}
	#header {
		height: 210px;
	}
	#header #topMenu {
		top: 170px;
	}

	#header #topMenuOnline .level_1 > li {
		font-size: 11px;
	}
	#main .formbody #myAnimal div.inline {
		width: 100%;
	}
	#main .formbody #myAnimal div.inline:nth-child(2), 
	#main .formbody #myAnimal div.inline:nth-child(5){
		padding-left: 0;
	}
	#main .formbody #myAnimal div.inline:nth-child(1), 
	#main .formbody #myAnimal div.inline:nth-child(4){
		padding-right: 0;
	}
	#main .mod_comrecapitulatif #ttc2,
	#main .mod_comrecapitulatif #ttc2Price {
		margin-top: 120px;
	}
	#main .formbody fieldset.option-geo fieldset label {
		width: auto;
	}
	/*mes annonces*/
	#mes-annonces .myAnnounces .col5th {

	}
	/*liste annonces*/
	#main .mod_comannounceslist .announceList .details > .info > .memberInfo > .dateExchange,
	#main .mod_comannounceslist .announceList .details > .info > .memberInfo > .gardBy {
		width: 100%;
		margin: 0;
	}
	#main .mod_comannounceslist .announceList .details > .info > .memberInfo > .gardBy {
		margin-top: 5px;
	}
	/*recherche carte*/
	#main .mod_comgmaplist h2 {
		margin-top: 20px;
	}

	#main .linkBtn a,
	#main .mod_comcontratinitialisation form .submitInit {
		font-size: 15px;
		padding: 10px;
	}
	#main .mod_comcontratinitialisation > form > div.float-r,
	#main .mod_comcontratinitialisation > form > div.float-l{
		padding: 0;
		width: 100%;
	}
	#main .mod_comcontratinitialisation div.float-l .infoContact,
	#main .mod_comcontratinitialisation div.float-r .infoContact {
		margin:10px 0;
	}
	#main .mod_comcontratlist div p{
		font-size: 11px ;
		line-height: normal;
		overflow: hidden;
		text-align: left;
		height: auto;
	}
	/*edit article*/
	#main .mod_comeditannounce .formbody .submit_container input.submit,
	#main .mod_comformannonce .formbody .submit_container input.submit {
		font-size: 14px;

	}
	/*site map*/
	.mod_sitemap ul.level_1 li ul.level_2 li ul.level_3 {
		padding: 0;
	}
	.mod_sitemap ul.level_1 li ul.level_2 > li {
		
	}
	#main #contact  .tableform {
		display: none;
	}
	#main .mod_comcontratlist div p {
		height: 40px;
	}
}
@media screen and (max-width: 320px) {
	.mod_article h1 {
		margin-top: 20px;
	}
	#header #fbFollow {
		margin-bottom: 5px;
		margin-right: 15px;
	}
	#header > .inside {
		padding: 0;
	}
	#header #topMenu {
		top:190px;
	}
	#header {
		height: 220px;
	}
	#header .mod_cominfoonline {
		width: 100%;
		margin-right: 0;
		padding-right: 15px;
	}
	#header #topMenuOnline {
		top: 200px;
	}
	#header #topMenuOnline .level_1 > li a,
	#topMenuOnline .level_1 > li span {
		background: none !important;
		padding-left: 0 !important;
	}
	#main .formbody fieldset.option #ctrl_cgv {
		background: url("../site/punaise.png") no-repeat scroll 0 20px transparent;
	}
	#main .formbody #myAnimal > .float-l > .float-l > .widget:nth-child(4) > label, #main .formbody #myAnimal > .float-l > .float-l > .widget > label {
		width: 100%;
		line-height: normal;
	}
	#main .formbody #myAnimal > .float-l > .longLabel p {
		height: auto;
		line-height: normal;
	}
}
@media screen and (max-width: 768px) {
	#recommend, header #follow, #fbFollow, #twFollow, #GoogleFollow, #goHome {
		display: none;
	}
}