/* RESPONSIVE DESIGN BY KEOPZ */

/* Ecrans 15 pouces et plus */
@media only screen and (min-width : 1201px)  {

}

/* Ecrans 10 pouces / 14 pouces */
@media only screen and (min-width : 1021px) {
	#ImgMediumPDT { width:25%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#TxtPresPDT { width:70%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; }
}

/* Tablettes */
@media only screen and (max-width: 1020px) { 
	body { /*background-color:red;*/ }
	
	#Header { height:auto; }
	#LogoVegea { width:30%; border:0; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:10px; padding-top:10px; }
	#LogoVegea img { max-width:90%; }
	#InfosHead { width:35%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:auto; padding-top:20px; }
	#ROIHead { width:35%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	
	#Global, #Conteneur, #Header, #MenuNavTop, #Footer, #MenuNavTop, #MenuNavTop ul, #LesBlocsInfosBas, #InfosBas, #ColCentre, #ColRight, #ColLeft, #InfosComplement, #LinksBasFooter, #Footer #LinksBasFooter, #Footer #InfosComplement, #ListeFamille, #FichePDT, #NavFichePDT, #SlideInfos3Items, #TxtClassic, #TxtClassicSEO { width:100%; margin:0; padding:0; /*background:red;*/ }
	#Footer #InfosComplement { padding-bottom:15px; margin-bottom:15px; background-image:none; }
	#Footer #LinksBasFooter { padding-bottom:15px; padding-left:10px; padding-right:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	
	#InfosComplement h3 { width:100%; text-align:center; }
	#maillagebas { display:none; }
	#InfosBas { padding:0 10px; margin-left:10px; margin-right:10px; width:auto; margin-bottom:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#InfosBas img { max-width:100%; margin:15px 0; }
	
	#TxtClassic, #TxtClassicSEO { padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:20px; }
	
	/*#MenuNavTop, #LeSousMenu, #MenuNavTop #LeSousMenu, .FondSousMenu { background:red; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }*/
	#MenuNavTop #LeSousMenu, #MenuNavTop #LeSousMenu div.FondSousMenu, #MenuNavTop #LeSousMenu div.FondSousMenu div.TxtSousMenu, #LinksSmenu { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#LinksSmenu { margin:0; padding:10px; }
	#LeSousMenu div.ListeSG, #LeSousMenu div.ListeSSG { float:none; margin:0; padding:10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#LeSousMenu div.ListeSSG div { width:33%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; }
	#LeSousMenu .notablette { display:none; width:0; height:0; opacity:0; overflow:hidden; position:absolute; }
	
	#ListeFamille { padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#ListeFamille div { width:100%; float:none; }
	#ListeFamille div.ItemPdtFamille { float:left; width:/*31%*/ 23%; margin-right:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#ListeFamille div.ItemPdtFamille:last-child { margin-right:0; }
	div.BlocGamPdt { text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	
	#ListeFamille div.ItemPdtFamille div.BlocGamPdt p { width:90%; text-align:center; height: auto !important}
	#FichePDT, #InfosDescFichePDT, #SlideInfos3Items { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:10px; margin-left:10px; padding:0 10px; width:auto; }
	#SlideInfos3Items { padding-left:0; }
	#NavFichePDT { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:20px; border:0; }
	#ImgMediumPDT { width:30%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#TxtPresPDT { width:65%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; }
	#InfosDescFichePDT p { width:100%; }
	
	#ColCentre h2 { width:100%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#ColRight, #ColLeft { float:none; }
	#ColLeft ul { width:100%; }
	#ColLeft ul li:nth-child(2) { max-width:250px; width:250px; }
	/*#ColLeft ul li.liste_desc { width:50% !important; float:right; }*/
	#ColLeft ul li.liste_desc { width:90% !important; }
	#ColLeft { margin-bottom:20px; background:none; }
	
	.ImgInfpdt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	div.BlocGamPdt a.MailDirect:link, div.BlocGamPdt a.AjoutPanierCourt:link { margin:0 auto; margin-bottom:5px; float:none; }
	div.BlocGamPdt a.CommanderEnLigneCourt:link { margin:0 auto; margin-bottom:5px; float:none; }
	
	.BIbas { width:32%; margin-right:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-size:100% 100%; height:auto; line-height:1.0; background:#F2F2F2; border-radius:5px; margin-bottom:15px; }
	#LesBlocsInfosBas div.BIbas ul li a:link { line-height:1.0; margin-bottom:5px; }
	#LesBlocsInfosBas div.BIbas h3 { margin:0; padding:0; text-align:left; margin-bottom:10px; }
	#LesBlocsInfosBas div.BIbas ul { margin:0; padding:0; text-align:left; }
	#LesBlocsInfosBas div.BIbas img { display:none; }
	#InfosComplement ul, #Footer ul { width:50%; margin:0; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	
	.notablette { display:none; }
	#at4m-mobile-container, .at4m-dock, .at4m-dock-toggle { display:none; }
	#InfosHead #QuestByKeyWord { /*display:none;*/ }
	#InfosHead #QuestByKeyWord #Searchkeyword { width:75%; }
	#QuestByKeyWord a.PlusDe { display:none; }
	#ColLeft a.AffSearchMotor:link { display:none; }
}

/* Mobiles grand écran / paysage */
@media only screen and (max-width: 767px) { 
	body { /*background-color:blue;*/ }
	
	#ListeFamille div.ItemPdtFamille { float:left; width:48%; margin-right:1%; margin-left:1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:450px; overflow:hidden; }
	#ListeFamille div.ItemPdtFamille .BlocGamPdt { }
	
	#LogoVegea, #InfosHead, #ROIHead { float:none; width:100%; margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:10px; text-align:center; }
	#ROIHead #UnConseiller, #ROIHead #UnMessage, #ROIHead #UnSurMesure { width:100%; text-align:center; background-position: 30% top; }
	#AccessCompte { display:none; }
	#InfosHead { background-color:#F2F2F2; padding:10px 0; margin-bottom:10px; }
	#ROIHead { background:none; height:auto; padding-bottom:10px; }
	
	#InfosBas .ListeLignes { column-count:3; -webkit-column-count:3; -moz-column-count:3; }
	#InfosBas .ListeLignes, #InfosBas { display:none; }
	
	#LeSousMenu div.ListeSSG div { width:50%; }
	
	#InfosHead #QuestByKeyWord { height:55px; }
	#InfosHead #QuestByKeyWord #Searchkeyword, #InfosHead #QuestByKeyWord #AutoComplet { max-width:50%; margin-left:20%; }
	#InfosHead #QuestByKeyWord #AutoComplet ul { width:100%; }
	
	#ImgMediumPDT { width:100%; float:none; margin-bottom:15px; }
	#TxtPresPDT { width:100%; float:none; }
	#VisuMedium, #NavTofPDT { width:100%; text-align:center; }
	#NavTofPDT #AllMiniTofPDT { float:none; display:inline-block; }
	.BlocDetailInfPdt { float:none; display:block; width:auto; }
	
	#FORMpanier { width:100%; height:100%; overflow-y:scroll; left:0; top:0; margin:0; border-radius:0; }
	
	.nomobile { display:none; }
}

/* Mobiles petit écran / portrait */
@media only screen and (max-width: 560px) { 
	/*#ColLeft ul li.liste_desc { float:none; width:100%; }*/
}
@media only screen and (max-width: 480px) {  
	body { /*background-color:yellow;*/ }
	#InfosComplement ul, .BIbas { width:100%; margin:0; }
	#Footer ul li { text-align:center; }
	#InfosComplement { background-image:none; }
	#InfosComplement h3 { text-align:center; }
	
	#ListeFamille div.ItemPdtFamille { float:left; width:100%; margin-right:0%; height:auto;  }
	
	#ROIHead #UnConseiller, #ROIHead #UnMessage, #ROIHead #UnSurMesure { background-position: 10% top; }
	
	#LeSousMenu div.ListeSSG div { width:100%; }
	
	#InfosHead #QuestByKeyWord #Searchkeyword, #InfosHead #QuestByKeyWord #AutoComplet { max-width:65%; margin-left:10%; }
	
	#LesBlocsInfosBas div.BIbas ul li { text-align:center; }
	#LesBlocsInfosBas div.BIbas ul li a:link { background-image:none; padding-left:0; }
	#LesBlocsInfosBas div.BIbas h3 { text-align:center; }
	
	#InfosBas .ListeLignes { column-count:2; -webkit-column-count:2; -moz-column-count:2; }
}