/* CSS Document */

#PageH    {float:left; width:100%; background-image:url(../../images/deg_acc.png); background-position: center; background-repeat:repeat-y; color: white;}
#PageH img {width: 100%;}
#PageHB    {background-color: #40ab48; color: white; z-index: 10; position: relative; padding: 15px 10px; text-align: center; font-family: 'caviar_dreamsbold_italic', Arial, sans-serif; font-size: 1.6rem;}

#PageM   {float:left; width:100%;}
.PageM2   {padding: 20px 10px; font-size: 1.2rem;}

#PageB    {float:left; width:100%; background-color: #3b51a3; padding: 20px 0; margin-top: 20px;}

.BlocComp    {float:left; width: 33%; margin-right: 0.5%; background: #3b51a3; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-family: 'caviar_dreamsbold_italic', Arial, sans-serif; font-size: 1.6rem; color: #ffffff; text-align: center; padding: 20px 0;}
.BlocComp3    {margin-right: 0%; padding: 30px 0;}
    .BlocComp a:link, .BlocComp a:visited	{text-decoration:none; color:#ffffff;}
	.BlocComp a:hover					{text-decoration:none; color:#ffffff;}

#BlocComp1, #BlocComp2, #BlocComp3  {width: 33%; display: none;}
#BlocComp2  {margin-left: 33%;}
#BlocComp3  {margin-left: 66%;}
.BlocCompMouv2  {background-color: aqua;}

@media only screen and (max-width:980px) {
    #PageHB {font-size: 1.4rem;}
}

@media only screen and (max-width:800px) {
    .BlocComp   {font-size: 1.4rem;}
    .BlocComp3    {margin-right: 0%; padding: 28px 0;}
    #BlocComp1, #BlocComp2, #BlocComp3  {width: auto; margin-left: auto;}

}

@media only screen and (max-width:600px) {
    .BlocComp   {font-size: 1.2rem;}
}

@media only screen and (max-width:480px) {
    .BlocComp    {width: 49%; margin-right: 2%; font-size: 1.2rem; margin-bottom: 10px; padding: 20px 0;}
    .BlocComp2    {margin-right: 0%;}
    .BlocComp3    {width: 100%; margin-right: 0%;}
    #PageHB {font-size: 1.2rem; text-align: center;}
}