@media (max-width: 1200px) {
	.container {
		width: 100%;
	}
	.unrpush a .rpushcontent {
		font-size  : 1.5em;
	}
}

@media (max-width: 1120px) {

	/* trois gros liens du footer */
	.footcivc.narrow-foot a {
		font-size: 0.9em;
	}
	/* home ajuster qques typos */
	.hpushtitre,
	.rpushtitre {
		font-size: 0.8em;
	}
	.unhpush a .hpushcontent {
		font-size  : 1.5em;
	}
	.unrpush a .rpushcontent p,
	.unhpush a .hpushcontent p {
		line-height: 1.2em;
	}


}

@media (max-width: 920px ) {
	a.htoutbutt {
		width          : auto;
	}
	.uneoenocheck label {
		font-size: 0.8em;
	}
	.sslide_img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.sslide_content {
		display     : block;
		width       : 80%;
		padding-left: 0px;
		margin      : 30px auto 10px auto;
	}
	.sslide_content h4 {
		text-align: center;
	}
	.heventbutt {
		max-width: 50%;
	}
}

@media (min-width: 769px) and (max-width: 920px ) {

	/* trois gros liens du footer */
	.footcivc.narrow-foot a {
		font-size: 0.7em;
	}
	/* home ajuster qques typos */
	.hpushtitre,
	.rpushtitre {
		font-size: 0.6em;
	}
	.unhpush a .hpushcontent {
		font-size  : 1.3em;
	}
	.unhpush a .rpushcontent p, 
	.unhpush a .hpushcontent p {
		line-height: 1.2em;
	}

	/* actus */
	.une_actu_list {
		width: 30%;
	}

}

@media (max-width: 1024px) {
	.deskonly { display: none; }
	
	header .slogan {
		width      : auto;
		margin     : 20px auto 0 202px;
		text-align : center;
		font-family: CIVCTitle, Arial, sans-serif;
		font-weight: 300;
		font-size  : 20px;
		line-height: 26px;
		color      : #C5AF82;
	}
	
	
	.pagetitle.zipage a span {
		display    : none;
	}
	.pagetitle.zipage .zipageprev,
	.pagetitle.zipage .zipagenext { width: 8%; }
	.pagetitle.zipage h3,
	.pagetitle.sousrub p.titre2,
	.pagetitle.zipage h1.titre3 { display: inline-block; width: 80%; }
	
	.pagetitle.zipage .zipageprev,
	.pagetitle.sousrub .sousrubprev {
		position  : absolute;
		left      : 0;
		top       : 50%;
		margin-top:-18px !important;
		height    : 36px;
	}
	.pagetitle.zipage .zipagenext,
	.pagetitle.sousrub .sousrubnext {
		position  : absolute;
		right     : 0;
		top       : 50%;
		margin-top:-18px  !important;
		height    : 36px;
	}
	.pagetitle.zipage .zipageprev,
	.pagetitle.zipage .zipagenext { width: 8%; top: 50%; }
}

@media (max-width: 768px) {
	/* général */
	body {
		font-size  : 13px;
	}
	#___gcse_2 td,
	#___gcse_0 td,
	#___gcse_1 td {
		display: table-cell !important;
	}
	.hometitle h1 {
		font-size   : 1.5em;
		line-height : 2.8em;
	}
	.pagecontent,
	.fullpagecontent.bureaushallow,
	.rightpushes {
		display: block;
		width  : 100%;
	}
	.rightpushes {
		padding: 15px 0 30px 0;
	}
	.unrpush {
		display   : inline-block;
		max-width : 35%;
		margin    : 0 5% 1em 5%;
	}
	.footcivc.narrow-foot a {
		box-sizing     : border-box;
		display        : block;
		margin-bottom  : 0 auto 10px auto !important;
		color          : #C5AF82;
		width          : 95%;
		background     : url(/assets/img/civclink.svg) no-repeat right 5px bottom 5px;
		background-size: 11px;
	}
	.footcivc.narrow-foot a:hover {
		background:  #C5AF82;
		color     : #353535;
	}
	.footcivc.narrow-foot a:nth-child(1) {
		margin: 0 4.5% 0 0;
	}
	.footcivc.narrow-foot a:nth-child(2) {
		margin: 0;
	}
	.footcivc.narrow-foot a:nth-child(3) {
		margin: 0 0 0 4.5%;
	}

	/* home */
	.sslide_img {
		display: block;
		width: 90%;
	}
	.sslide_content {
		width       : 90%;
		padding     : 20px 0;
	}
	/* pushes découverte */
	.unhpush {
		display   : inline-block;
		width     : 47%;
		background: #C5AF82;
		margin    : 0 0 2em 2%;
		text-align: center;
	}
	.unhpush:first-child {
		margin-left: 2%;
	}
	.hpushtitre {
		font-size: 1em;
	}
	.unhpush a .hpushcontent {
		font-size  : 1.8em;
	}
	.unhpush a .hpushcontent p {
		line-height: 1.3em;
	}

	/* actus */
	.une_actu_list {
		width         : 46%;
		margin        : 0 1.5% 1em 1.5%;
	}
	.une_actu_list.par2 {
		width : 100%;
		margin: 0 auto 1em auto;
	}
	/* bureaux */
	.bureau_desc {
		font-size: 1em;
	}
	.bureau_desc,
	.bureau_coord {
		display  : block;
		margin   : 0 0 1em 0;
		width    : 100%;
	}
	.bureau_coord figure {
		max-width : 200px;
	}


	
	.hmobile { display: none; }
	.mobonly { display: block; }
	
	header {
		width     : 100%;
		height    : 100px;
	}
	#hamzone {
		left       : 0;
		top        : 32px;
		height     : 40px;
		width      : 52px;
	}
	#headdeco {
		top       : 32px;
		left      : 0;
	}
	#menu-icon {
		position  : relative;
		width     : 52px;
		height    : 25px;
	}
	#hmenu ul {
		font-size  : 1em;
	}
	#hmenu ul ul {
		font-size  : 0.96em;
	}
	header .slogan {
		position   : absolute;
		bottom     : 0;
		left       : 0;
		width      : 100%;
		margin     : 0;
		font-size  : 11px;
		text-align : center;
		line-height: 28px;
	}
	header a.logo,
	header a.logo img {
		display: none;
	}
	.mobile_logo {
		display : block;
		position: absolute;
		left    : 52px;
		top     : 0;
		z-index : 8;
	}
	#showsearch {
		display: block;
	}

	/* footer */
	.footcivc.narrow-foot a,
	.footcivc.narrow-foot a:nth-child(1),
	.footcivc.narrow-foot a:nth-child(2),
	.footcivc.narrow-foot a:nth-child(3) {
		margin: 0 auto 1em auto;
		width : 97%;
		font-size: 1.3em;
	}
	#footer1 {
		margin  : 3em auto 0 auto;
		height  : 93px;
		position: relative;
	}
	.footlogo {
		position: absolute;
		left    : 30px;
		width   : 106px;
		height  : 128px;
	}
	#footer1 ul.socs_icons {
		margin: 0px 0 0 145px;
	}
	ul.socs_icons li a,
	ul.socs_icons li a img,
	ul.socs_icons li {
		display: inline-block;
		width  : 32px;
		height : 32px;
		margin : 0 0 15px 15px;
		padding: 0;
		border : 0;
		text-decoration: none;
	}
	.f2half {
		color         : #C5AF82;
		float         : left;
		vertical-align: top;
		width         : 100%;
		margin        : 16px 0;
	}
	.f2lefthalf {
		border-right : none;
		border-bottom: 1px solid #C5AF82;
		padding      : 10px 20px;
	}
	.f2lefthalf a {
		display    : block;
		text-align : center;
		margin     : 0 0 20px 0;
	}
	.f2righthalf {
		padding: 10px 0 30px 0;
	}
	.f2righthalf p {
		margin    : 0 0 1.5em 0;
		text-align: center;
	}
	.f2righthalf input[type=text] {
		display      : block;
		width        : 95%;
		padding-left : 2%;
		margin       : 0 auto 12px auto;
	}
	.f2righthalf input[type=submit] {
		width        : 95%;
		text-align   : center;
		height       : 38px;
	}

	/* home */
	.text-slider-mobile {
		display      : block;
		width        : 100%;
		padding      : 10px 15px 12px 15px;
		background   : #353535;
		color        : #fff;
		border-bottom: 5px solid #C5AF82;
		text-align   : center;
	}
	.text-slider-mobile h2 {
		font-variant: small-caps;
		font-weight : 300;
		font-size   : 24px;
		margin      : 0 0 .1em 0;
	}
	.text-slider-mobile p {
		margin: 0;
	}
	.text-slider-mobile a {
		color          : white;
		text-decoration: none;
		font-size      : .68em;
	}
	.hress:nth-child(3),
	.unhpush:nth-child(3),
	.unhpush:nth-child(4) {
		display: none;
	}
	.unhpush {
		display   : block;
		width     : 55%;
		background: #C5AF82;
		margin    : 0 auto 1.5em auto !important;
		text-align: center;
	}
	.rpushtitre,
	.hpushtitre {
		font-size: 1.2em;
	}
	.hress,
	.une_actu_list {
		position: static !important;
		display: block;
		width : 90%;
		margin: 0 auto 1em auto;
	}
	.hinnolink {
		display        : block;
		width          : 100%;
		margin         : 0 auto 1.5em auto;
		padding        : 0 15px;
		height         : auto;
		border-left    : 10px solid #6d6d6d;
		text-decoration: none;
		background     : none;
	}
	.hinnolink:first-child {
		border-left: 10px solid #4b4b4b;
		background : none;
	}
	.hinnolink figure {
		display       : block;
		vertical-align: middle;
		width         : 95%;
		margin        : 0 auto 1em auto;
	}
	.hinnolink figure img {
		width  : 100%;
	}
	.hinnolink div {
		display       : block;
		width         : 95%;
	}
	.hinnolink h3 {
		font-size: 2.1em;
		margin   : 0 0 .1em 0;
	}
	.hinnolink h4 {
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 400;
		font-size  : 1em;
		margin     : 0 0 .8em 0;
	}
	.hinnolink p {
		font-size  : .81em;
		line-height: 1.2em;
	}
	.homeactus .une_actu_list:nth-child(3){
		display: none;
	}
	/* pages */
	.unrpush {
		display   : inline-block;
		max-width : 270px;
		margin    : 0 5% 1em 5%;
	}
	/* éléments divers */
	.bloc .fixe-width,
	.bloc .other-width {
		display       : block;
		overflow      : hidden;
		width         : 90% !important;
		margin        : 10px auto !important;
	}
	.onglets .titreonglet {
		width: 48%;
	}
	.bloc.fixe200 .fixe-width {
		display: block;
		width  : 60%;
		margin : 1em auto;
	}
	.bloc.fixe200 .other-width {
		display: block;
		width  : 95%;
		margin : 1em auto;
	}
	/* organigramme */
	.orga-acc-content .bloc-half {
		display       : block;
		width         : 100%;
		padding       : 0 10% 15px 10%;
		margin        : 0 0 15px 0;
	}
	/* tourisme */
	.cadre.images-x3 a,
	.cadre.images-x3 img { 
		width  : 47%;
	}
	.cadre.images-x3 a { 
		font-size: 1em;
	}
	.onglets-cartes .titres-onglet {
		display       : block;
		width         : 95%;
		height        : auto;
		margin        : 0 auto 10px auto;
	}
	.onglets-cartes .contentonglet {
		display       : block;
		width         : 95%;
		margin        : 0 auto;
	}
	.onglets-cartes .titreonglet {
		width: 100%;
	}
	/* actus */
	.une_actu_list {
		width  : 80%;
		margin : 0 auto 1em auto !important;
	}
	/* chiffres clefs */
	h2.titre-chiffres {
		display     : block;
		width       : 95%;
		margin      : 0 auto 5px auto;
	}
	.content-tab td.col1 {
		width         : 100%;
	}
	.content-tab td table tr td:nth-child(2) {
		text-align: left;
	}
	/* visites de caves et vitidurable */
	#viticarte {
		height: 540px;
	}
	#vitifilters {
		background : rgba(255,255,255,1);
		padding-top: 15px;
		position   : absolute;
		top        : 157px;
		left       : 3%;
		width      : 94%;
		z-index    : 500;
		text-align : left;
	}
	#vitifilters.closed {
		background : rgba(255,255,255,0.85);
	}
	#vitifilters #oenotxtfields {
		padding: 0;
	}
	.uneoenocheck,
	.uneoenocheck:first-child,
	.uneoenocheck:nth-child(3),
	#vitifilters dl,
	#vitifilters dl:first-child,
	#vitifilters dl:nth-child(3),
	#oenotxtfields dl,
	#oenotxtfields dl:first-child,
	#oenotxtfields dl:nth-child(3) {
		display       : block;
		width         : 98%;
		margin        : 0 auto;
	}
	#vitifilters dl,
	#vitifilters dl:first-child,
	#vitifilters dl:nth-child(3),
	#vitifilters #oenoreset,
	#vitifilters .switchfilters,
	#vitifilters #filtreslabel {
		width     : 90% !important;
	}
	.uneoenocheck,
	.uneoenocheck:first-child,
	.uneoenocheck:nth-child(3) {
		margin: 0 auto 12px auto;
	}
	.uneoenocheck label {
		font-size     : 1em;
		line-height   : 36px;
	}
	p#filtreslabel {
		width      : 80%;
	}
	/* un adhérent */
	.oenoadh_top figure,
	.oenoadh_top .oenoadh_desc {
		display: block;
	}
	.oenoadh_top figure,
	.oenoadh_top figure img {
		width    : auto;
		max-width: 100%;
		margin   : 0 0 20px 0;
	}
	.oenoadh_top figure img {
		margin: 0;
	}
	.oenoadh_top .oenoadh_desc {
		width    : 100%;
		margin   : 0 auto;
		font-size: 1em;
	}
	div.infosmall p,
	p.infosmall,
	.unadhoeno .gps,
	.unadhoeno .gmap-link,
	.unadhoeno .links-contact-infos a {
		font-size : 0.95em;
	}
	.unadhoeno .infos_1,
	.unadhoeno .infos_2,
	.unadhoeno .infos_3 {
		width         : 100%;
		position      : relative;
		display       : block;
		padding       : 20px;
		margin        : 0 auto;
	}
	.unadhoeno .infos_2:before,
	.unadhoeno .infos_2:after {
		display     : none;
	}
	.unadhoeno .infos_1,
	.unadhoeno .infos_2 {
		border-bottom: 1px solid #c3c3c3;
	}
	.chiffres,
	.chiffres_aff {
		display: block;
		width  : 100%;
		text-align: center;
	}
	hr.chiffres_hr {
		width  : 80%;
	}
	/* mediatheque */
	div.meditem_content {
		font-size: 1em;
	}
}

@media (min-width: 321px) and (max-width: 550px) {

	/* home */
	/* pushes découverte */
	.unhpush:first-child {
		margin-left: 2%;
	}
	.hpushtitre {
		font-size: 0.85em;
	}
	.unhpush a .hpushcontent {
		font-size  : 1.5em;
	}
	.unhpush a .hpushcontent p {
		line-height: 1.2em;
	}
}

@media (max-width: 440px) {
	.unrpush {
		display   : inline-block;
		max-width : 270px;
		margin    : 0 auto 1em auto;
	}
	.cadre.images-x3 a,
	.cadre.images-x3 img {
		display: block;
		width  : 95%;
		margin : 2px auto;
	}
	p#filtreslabel {
		width  : 90%;
	}
	/* médiatheque */
	figure.meddoc,
	div.meditem_content {
		display: block !important;
		margin : 0 0 15px 0 !important;
	}
	div.meditem_content { width: 100%; }
	
	iframe#champday {
		width: 320px;
		height: 1450px;
		border: 0;
	}

}

@media (max-width: 320px) {

	/* arrêter de suivre un rétrécissement potentiel */
	#outer-wrapper,
	.chrow,
	.container {
		width     : 320px;
	}
	
	/* home */
	/* */
	
	.unhpush {
		display   : block;
		width     : 85%;
		background: #C5AF82;
		margin    : 0 auto 1.5em auto !important;
		text-align: center;
	}
	.hpushtitre {
		font-size: 1em;
	}
	.unhpush a .hpushcontent {
		font-size  : 1.8em;
	}
	.unhpush a .hpushcontent p {
		line-height: 1.3em;
	}
	/* */
	.une_actu_list {
		width : 100%;
		margin: 0 auto 1em auto;
	}
	.une_actu_list .infos {
		padding-left: 12px;
	}
	.une_actu_list .infos .date {
		padding-right: 12px;
	}
	/* pages */
	.unrpush {
		display   : inline-block;
		max-width : 84%;
		margin    : 0 auto 1em auto;
	}
	/* actus */
	.une_actu_list {
		width  : 90%;
		margin : 0 auto 1em auto !important;
	}
	/* chiffres clefs */
	h2.titre-chiffres {
		width       : 100%;
	}
	/* oeno visites */
	p#filtreslabel {
		width: 95%;
	}
	
}