

/* ---------------------------------------------max-width 1799px-----------------------------------------------------*/

@media screen and (max-width: 1799px) {
	header nav li a { font-size: 14px; padding: 10px 15px; }
	.categAliments .listEntries .categ_aliments { padding: 10px 5px; }
	.categAliments .listEntries .categ_aliments h2 { font-size: 16px; padding-bottom: 10px; }
}

/* ---------------------------------------------max-width 1599px-----------------------------------------------------*/

@media screen and (max-width: 1599px) {
	#page .wrapperL { padding-left: 5%; padding-right: 5%; }
	.categAliments .listEntries .categ_aliments h2 { font-size: 11px; }
	.categAliments .listEntries .categ_aliments h2 {font-size: 16px;}
	.diaporamaExtra.diaporamaExtraMiddleRight{top:170px !important;}
	.categAliments .listEntries .categ_aliments h2 {font-size: 14px}
	.col-xs-12 .sous-menu-log { padding-top: 0.5vw}
	.categAliments .listEntries .categ_aliments h2 {font-size: 1vw}
	
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text img { max-width: 150px; }
	header nav li a { font-size: 13px; padding: 5px 10px; }
	header nav li.alicoop { min-width: 250px; }
	body.nos_valeurs .ligneElement:first-child, body.notre_histoire .ligneElement:first-child,
	body.conseil_d_administration .ligneElement:first-child { padding-bottom: 25px; }
		
}
				/*-----------------------------------------------------------------*/
				
@media only screen and (min-width: 1400px) and (max-width:1599px) {
	
 	.diaporamaExtra.diaporamaExtraMiddleRight{top:170px !important;}
		
}

/* ---------------------------------------------max-width 1440px-----------------------------------------------------*/

@media screen and (max-width:1440px){ 
   .categAliments .listEntries .categ_aliments h2 {font-size: 1vw}	
   .convention .sous-menu-log {width: 78vw !important;margin-right: 1%!important;margin-top: 2.5vw!important;}
   .Connexion2 {top: 5vw!important;}
   .MenuIntra .ContentMenuBloc {left: 14vw !important;}
   .MenuIntra .blocIntra div {width: 35vw !important;}
   .MenuIntra .blocIntra {width: 70vw !important;}
   .MenuIntra .ContentMenuBloc {padding-top: 8vw}
   .MenuIntra #contentsInner {padding-top: 6vw !important;}
   /*.myLogin .widgetLoginLinks {padding:6vw 0 0 7.30vw }*/
   .sous-menu-log {width: 85vw !important;margin-right: 1%!important;margin-top: 2vw!important;}/* modif de 78vw à 85vw */
   .sous-menu-log ul li {font-size: 1vw !important;padding-right: 6px !important;}
   .stats .titre {margin-top: 0px!important;}
   .stats div#contentsInner:first-child {margin-top: 0px!important;}
   .stats .sous-menu-log ul {margin-top: -36px!important;}
   .titlePost {height:100px}
   .widget.widgetLogin {margin-top: 0.5vw}
   .MenuIntra header .col-xs-12 {position:absolute !important; left:3vw!important;top:4vw!important;}
}

/* ---------------------------------------------max-width 1399px-----------------------------------------------------*/

@media screen and (max-width: 1399px) {
	body { font-size: 16px; }
	h1, .h1, h6, .h6 { font-size: 34px; }
	h2, .h2 { font-size: 28px; }
	h3, .h3 { font-size: 26px; }
	h4, .h4 { font-size: 22px; }
	h5, .h5 { font-size: 18px; }
	.partenaires .gallery > * { padding: 25px; }
	header nav li a { font-size: 12px; padding: 0 5px; }
}

/* ---------------------------------------------max-width 1199px-----------------------------------------------------*/

@media screen and (max-width: 1199px) {
	
	body { font-size: 15px; }
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text { left: 10%; top: 30%; width: 80%; }
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text img { padding: 30px; }
	body[class*='univers'] .programmes .listEntries3 .detail_programme { width: 45%; }
	header nav li a { font-size: 10px; }
	header nav li i { font-size: 26px; }
	header nav li.alicoop { min-width: 175px; }
	header .recherche button { margin: 0; padding: 5px 10px; }
	header .recherche .form-control { font-size: 14px; padding: 5px; }
	
	#page .wrapperXL { padding-left: 10%; padding-right: 10%; }
	
	.animauxTitre div h1 {font-size:27px} 
	.bck_grass { padding-left: 2%; padding-right: 2%; }
	.categAliments .listEntries .categ_aliments h2 { padding-bottom: 5px;/*SLB*/ font-size:1vw; }
	.conseil_admin > * { flex-wrap: wrap; }
	.conseil_admin .membre { flex: initial; width: 33%; }
	.conseil_admin .membre .fonction { padding: 20px 10px; }
	.conseil_admin .membre .fonction p { font-size: 18px; }
	.key_figures .parent_bck_orange, .key_figures .parent_bck_green { padding: 25px 15px; }
	.key_figures p span.taille01 { font-size: 38px; }
	.key_figures p span.taille02 { font-size: 20px; }
	.labelCounter, .labelCounter * { font-size: 20px; }
	.left_boxes .programme_animaux { padding: 15px 0; }
	.MenuIntra .ContentMenuBloc {padding-top: 8vw}
	/*.MenuIntra .blocIntra div {width: 100vw !important; margin-left: -9.5vw !important;} /*option d'affichage */
	.programme_animaux img { max-width: 40px; }
	.sliderHome .diaporamaExtra > div { padding: 75px 25px 50px 30%; }
	.sliderHome .diaporamaExtra strong { font-size: 20px; padding-top: 10px; }
	.sliderHome .diaporamaExtra span { font-size: 18px; line-height: 22px; padding-bottom: 10px; }
	.size1_1, .size1_2, .size1_3, .size1_4, .size1_5, .size1_6, .size1_7, .size1_8 { padding: 0 1%; }
	.valueCounter .counter { font-size: 30px; }
}

/* ---------------------------------------------max-width 1024px-----------------------------------------------------*/

@media screen and (max-width: 1024px) { 
  
	body { font-size: 14px; }
  	body[class*='univers'] .title_pos_abs .structured_text_semantique_text { left: 10%; top: 20%; width: 80%; }
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text img { max-width: 100px; padding: 15px; }
	body[class*='univers'] .programmes .detail_programme, body[class*='univers'] .programmes .listEntries3 .detail_programme { width: 85%; }
	
	#page .grid-1, #page .grid-2, #page .grid-3, #page .grid-4, #page .grid-5, #page .grid-6, #page .grid-7, #page .grid-8, #page .grid-9,
	#page .grid-10, #page .grid-11, #page .grid-12 { flex-wrap: wrap; }
	
	.animauxTitre div h2 {font-size: 2.5vw}
  	.ContentImgAli2019 {width: 20%!important;margin: 0 auto !important;}
  	.Connexion2 {top: 5.5vw!important;left: 1vw!important;}
	.ContentTablAli2019 {padding-left:0 !important;}
 	 /*.tarteaucitron div#contentsInner:first-child {height: 90px!important;}*/
 	.doc .ligneElement h2 {font-size: 1.7vw;} 
	.doc .titre {margin-top: -56px!important;}
	.imgAli2019 {display:none;}
    .MenuIntra .blocIntra {width: 100vw!important;}
	.MenuIntra .blocIntra div {padding-top:3vw !important; padding-bottom:3vw !important;}
    .MenuIntra.stats .sous-menu-log {padding-top: 0vw!important;}
    .MenuIntra .sous-menu-log ul li {font-size: 1.1vw!important;padding-right: 8px!important;}
    .MenuIntra .sous-menu-log {/*width: 93vw!important;*/margin-right: 0%!important;padding-top:2vw;}
	.MenuIntra header .col-xs-12 {position:absolute !important; left:3vw!important;top:1vw!important;}
	.MenuIntra .Connexion {position:absolute; left:1vw;}
	/*.MenuIntra footer#footer {width:110% !important;}*/
	/*.myLogin .widgetLoginLinks {padding:15px 0 0 100px }*/
	.PagePDF #content {margin-top: 4vw !important;}
	.postsList .post { width: 100%; }
	.sous-menu-log, .MenuIntra.doc .sous-menu-log {padding-top: 2vw!important;}
	.size1_1,/* .size1_2,*/ .size1_3, .size1_4, .size1_5, .size1_6, .size1_7, .size1_8 { width: 100%; }
	.stats div#contentsInner:first-child, .doc div#contentsInner:first-child  {margin-top: 0px!important;}
	.stats .titre {margin-top: 0px!important;}
	.TablWidth {width: 98vw!important;}
	.widget.widgetLogin {margin-top: -1.5vw}
	.categAliments .listEntries {margin-top:-100px;}
}
/*----------------------------------------------max-width 1023px ----------------------------------------------------*/

/*@media screen and (max-width: 1023px) {
	body { font-size: 14px; }
	#page .grid-1, #page .grid-2, #page .grid-3, #page .grid-4, #page .grid-5, #page .grid-6, #page .grid-7, #page .grid-8, #page .grid-9,
	#page .grid-10, #page .grid-11, #page .grid-12 { flex-wrap: wrap; }
	.size1_1, .size1_2, .size1_3, .size1_4, .size1_5, .size1_6, .size1_7, .size1_8 { width: 100%; }
	.postsList .post { width: 100%; }
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text { left: 10%; top: 20%; width: 80%; }
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text img { max-width: 100px; padding: 15px; }
	body[class*='univers'] .programmes .detail_programme, body[class*='univers'] .programmes .listEntries3 .detail_programme { width: 85%; }
}*/
/* ---------------------------------------------max-width 991px-----------------------------------------------------*/

@media screen and (max-width: 991px) {
	
	header { position: relative; }
	header #logo.mobile { display: block; padding-top: 0px; }/*modif de 15px à 0px*/
	header #logo img { max-width: 250px; }/* de 350px -> 250px*/
	header .menu { display: block; width: 100%; }
	header nav#nested { position: initial; background-color: #EC7404; }
	header nav .navbar-toggler { position: absolute; z-index: 15; top: 10px; left: 10px; }
	header nav .navbar-toggler i { color: #EC7404; font-size: 30px; }
	header nav li a { font-size: 14px; padding: 5px; color: #FFF; }
	header nav li i { color: #FFF; }
	header .dropdown-menu { background-color: #EC7404; padding: 0; }
	header li.show .dropdown-menu { background-color: #007E4F; }
	header nav ul.first_level > li:not(:first-child) { border-left: 0; }
	header nav .alicoop { display: none; }
	 li.dropdown.defaultmenu.language {margin: 0 auto;padding-bottom: 5px;}
  
	.carte { display: none; }
	.categAliments .listEntries .categ_aliments h2 {font-size:1.5vw;}
	.categAliments .listEntries {margin-top:0;}
	.gallery_nb5 .gallery > * { width: 33%; }
	.key_dates { margin-bottom: 25px; }
	.map > * { width: 100%!important; }
	.MenuIntra header #logo img {/*display:none;*/ width:280px;margin-top: -10px }*/
	.MenuIntra #contentsInner {height:9vw !important;}
	.MenuIntra header nav .navbar-toggler i {color:#FFF;}
	.MenuIntra .sous-menu-log {display:none !important;width: 99vw!important;margin-right: 0%!important;padding-top:2vw;}
	.MenuIntra .blocIntra div {width: 100vw !important;}
	.MenuIntra #contentsInner {height: 9vw !important;}
	.MenuIntra .blocIntra {height:58vw !important;}
	.MenuIntra .blocIntra div {margin-left:-9.2vw !important;}
	.myLogin .Connexion {top:31vw !important;}
	.noMobile { display: none; }
	.size1_1, .size1_2, .size1_3, .size1_4, .size1_5, .size1_6, .size1_7, .size1_8 { padding: 0 5%; }
	.size1_2 {width:100%;}
	.titlePost {height: 130px;}
	.widget.widgetLogin {margin-top: -3.7vw; margin-left:5vw}
}
@media screen and (max-width: 768px) { 
	.MenuIntra .blocIntra {height:58vw !important;}
	.MenuIntra .blocIntra div {margin-left:-9.2vw !important;}
	.MenuIntra .blocIntra div a {font-size:2vw !important;}
	.MenuIntra .blocIntra .contentTarif div:nth-child(1) {margin-top:30vw !important;}
	.MenuIntra .sous-menu-log{ width:91vw !important;}
	.MenuIntra footer#footer { top:100vw !important;}
	.MenuIntra #contentsInner {height: 11vw !important;}
	.MenuIntra .contentTarif div:nth-child(1) {margin-top:25vw !important;}
	.MenuIntra .ContentTarif2019 {margin-top:8vw !important;}
	.MenuIntra header nav .navbar-toggler i{color:#fff;margin-top:2vw}
	/*.MenuIntra header .col-xs-12 {left:25vw !important;}*/
	.MenuIntra header .col-xs-12 {padding-left:56vw !important;}
	.widget.widgetLogin {margin-top: -2.2vw; margin-left:9vw}
/*}
/* ---------------------------------------------max-width 767px-----------------------------------------------------*/

/*@media screen and (max-width: 767px) {*/
	
	body.nos_valeurs .ligneElement:first-child, body.notre_histoire .ligneElement:first-child,
	body.conseil_d_administration .ligneElement:first-child { padding-bottom: 50px; }
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text { position: initial; width: 100%; }
	body[class*='univers'] .title_pos_abs .structured_text_semantique_text h1 { padding: 30px 0 50px; }
	body[class*='univers'] .programmes .detail_programme, body[class*='univers'] .programmes .listEntries3 .detail_programme { width: 100%; }
	body[class*='univers'] .programmes .desc { padding: 15px; }
	footer .widget.logo::before { content: none; }
	footer .widget.logo img { position: initial; }
	footer .widget.sitemap, footer .widget.contact { padding-bottom: 25px; }
	
	#page .wrapperXL { padding-left: 5%; padding-right: 5%; }
	
	.categAliments .listEntries .categ_aliments { width: 50%; }
	.categAliments .listEntries .categ_aliments h2 { font-size: 2vw !important; }
	.conseil_admin .membre { width: 100%; }
	.conseil_admin .membre .nom_personne { padding: 15px 0; }
	.gallery { display: block; }
	.gallery_nb5 .gallery { display: flex; }
	.gallery > * { width: auto; }
	.gallery_nb5 .gallery > * { padding: 5px; }
	.key_dates table tbody, .key_dates table tr, .key_dates table th, .key_dates table td{ display: block; width: 100%; box-shadow: none; }
	
	.MenuIntra header #logo img {width:280px;}
	.MenuIntra header nav .navbar-toggler i{color:#fff;margin-top:2vw}
	.partenaires .gallery { padding: 15px 0; }
	.partenaires .gallery > * { padding: 0; }
	.sliderHome .diaporamaExtra { width: 70%!important; padding-right: 0; }
	/*.sliderHome .diaporamaExtra > div { padding: 5px 15px 25px 20%; }
	.sliderHome .diaporamaExtra strong { font-size: 12px; padding-top: 5px; }
	.sliderHome .diaporamaExtra span { font-size: 12px; line-height: 13px; padding-bottom: 10px; }*/
	.widgetContainerPost { display: block; }
	.widgetContainerPost .widgetHighlightPost { width: 100%; padding: 15px 0; }
	.widgetContainerPost .widgetHighlightPost .text { position: initial; }
	.sliderHome .diaporamaExtra > div { padding: 0px 25px 50px 30% !important;}
	.sliderHome .diaporamaExtra span {font-size:16px !important;}
	
}
@media screen and (max-width: 667px) {
	.MenuIntra .blocIntra div {padding-top:3vw !important; padding-bottom:3vw !important;}
	.MenuIntra header .col-xs-12 {left:25vw !important;}
	
}

/* ---------------------------------------------max-width 479px-----------------------------------------------------*/

@media screen and (max-width: 479px) {
	header #logo img { max-width: 250px; }
	header nav .navbar-toggler { top: 5px; left: 5px; }
	header nav .navbar-toggler i { font-size: 24px; }
	header #logo img { max-width: 250px; }
	header nav .navbar-toggler { top: 5px; left: 5px; }
	header nav .navbar-toggler i { font-size: 24px; }
	img[alt~="bck_slider"]{display:none;}
	p.contentRetour2 {width: 100%!important;}

	/*.Connexion {right: 0!important; left:7vw !important;} ------------ a supprimer ------------------------*/
	.contentTarif {margin-top: 35vw;}
	.ContentTarif2019 {font-size:4vw !important;}
	.categAliments .listEntries .categ_aliments h2 {font-size: 3vw !important;}
	.doc .ligneElement h2 {border-left: initial!important;border-top: 1px solid #EC7404;    padding-top: 15px;}
	.doc .titre {margin-top: 0px!important;}
	.MenuIntra .widgetLoginUsername {font-size: 2.5vw!important;padding: 4vw 3vw;}
	.MenuIntra #contentsInner {padding-top: 15vw!important; height:2vw !important;}
	/*.MenuIntra .widgetLoginLinks {margin: 2vw 0 0 32vw;}*/
	.MenuIntra .blocIntra div {margin-left:-0.5vw !important;}
	.MenuIntra .blocIntra div {/*height: 20vw !important;*/ padding-top:9vw !important; padding-bottom:9vw !important;}/* ajout SLB */
	.MenuIntra .blocIntra div a {font-size: 5.2vw!important;}
	.MenuIntra .ContentMenuBloc {/*top: 30vw!important;*/}/*modif slb */
	.MenuIntra .contentTarif {margin-top: 75vw;}
	.MenuIntra .ContentMenuBloc {position:absolute; left:0 !important;top:40vw !important}
	.MenuIntra header #logo img {/*display: none;*/max-width:150px; margin-top:-1vw;}
	.menuDoc .pageElement.posLeft.size1_4 {width: 100%;}
	.menuDoc .text1 h2 {border-top: initial;}
	.myLogin .widgetLoginLinks {position:absolute; left:-5vw !important;top:21.5vw !important}
	.myLogin #contents {padding-top:6vw !important;}
	.sliderHome .diaporamaExtra span{font-size:9px;}
    .sliderHome .diaporamaExtra strong {font-size:10px;}
	.sous-menu-log{display:none;}
	.tableauAli2019 a.LinkIn {font-size: 12px;}
	.tableauAli2019 a.LinkIn {font-size: 10px;}
	/*.widgetContainer {display: flex; padding-top:15vw !important;}*/
	.MenuIntra .blocIntra .contentTarif div:nth-child(1) { margin-top:140vw !important;}
	.MenuIntra .contentStats div:nth-child(1) { margin-top:50vw !important;}
	.MenuIntra footer#footer { top:300vw !important;}
	.myLogin #username, .myLogin #password {width:30vw !important;}
	.myLogin .PageLog {width:100% !important;}

	
	
}

/*-----------------------------------------------min-width 320px max-width 375px ---------------------------------------------*/

@media screen and (min-width: 320px) and (max-width: 375px){
	
   img[alt~="bck_slider"]{display:none;}
  .MenuIntra .ContentMenuBloc {position:absolute; left:0 !important;/*top:60vw !important*/}
  .sliderHome .diaporamaExtra span{font-size:9px;}
  .sliderHome .diaporamaExtra strong {font-size:10px;}
  /*.myLogin .widgetLoginLinks a:nth-child(1) {position:absolute !important;left:20vw;top:20vw !important;}*/
	
	.MenuIntra .contentTarif div:nth-child(1) {padding-top: 5vw !important; padding-bottom:5vw !important; margin-top:-25vw !important;}
	.MenuIntra .blocIntra div {padding-top:6vw !important; padding-bottom:6vw !important;}
	.MenuIntra .contentStats {margin-bottom:15vw !important;}
	.MenuIntra header .col-xs-12 {left:6vw !important;}
	.myLogin .widgetLoginLinks {top:25vw !important;}
	.myLogin #username {width:30vw !important;}
	.myLogin #password {width:30vw !important;}
	.MenuIntra .widgetLoginLinks {padding-left:1vw !important;}
	.MenuIntra .blocIntra .contentTarif div:nth-child(1) { margin-top:-10vw !important;}
	.MenuIntra .contentStats div:nth-child(1) { margin-top:10vw !important;}
	.MenuIntra footer#footer { top:200vw !important;}
	
}