#entete.f-ms { min-height:120px; max-width:1176px; z-index:0; padding:1%; margin-left:auto; margin-right:auto; background-color:#009ee0; background-image:url(../Resources/cloud-protection-.jpg); background-position:right; background-repeat:no-repeat }
#m4.f-ms { width:250px; min-height:106px; z-index:0; float:left; margin:1%; background-image:url(../../../Resources/zecloud-logo.png); background-size:contain; background-repeat:no-repeat }
#m6.f-ms { width:150px; z-index:0; float:right }
#principal.f-ms { width:100%; min-height:100px; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#colonneG.f-ms { width:62%; min-height:54.02%; z-index:0; float:left; padding:5% }
#m2.f-ms { width:18%; min-height:34.45%; z-index:0; float:left; padding:2.5%; margin:2.5%; background-color:#ccc }
#m1.f-ms { width:72%; max-width:1200px; z-index:0; clear:both; padding-right:28%; margin-left:auto; margin-right:auto; margin-bottom:2% }
@media screen and (max-width:768px)
{
	#m1.f-ms { width:100%; padding-right:0px }
}
@media screen and (max-width:600px)
{
	#colonneG.f-ms { width:90%; min-height:0px; max-width:1080px }
	#m2.f-ms { width:90%; min-height:0px; max-width:1080px }
}
@media screen and (max-width:375px)
{
	#m4.f-ms { float:none; margin-left:auto; margin-right:auto }
	#m6.f-ms { width:150px }
}