/* CSS Document */

#ActuH    {float:left; width:100%; background-image:url(../../images/deg_acc.png); background-position: center; background-repeat:repeat-y; color: white;}
#ActuH img {width: 100%;}
#ActuHB    {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;}

#ActuM   {float:left; width:100%;}
.ActuM2   {padding: 20px 10px; font-size: 1.2rem;}
.ActuM2img  {text-align: center;}
.ActuM2sep  {border-top: 1px solid #40ab48; margin: 20px 0;}
.ActuM2txt  {font-style: italic;}
.ActuM2txt2 {text-align: right; margin-top: 10px;}
.ActuM2plus    {text-align: right; font-family: 'kaushan_scriptregular', Arial, sans-serif; font-size: 1.6rem; color: #eb6a1d; margin-top: 20px;}
	.ActuM2plus a:link, .ActuM2plus a:visited	{text-decoration:none; color:#eb6a1d;}
	.ActuM2plus a:hover					{text-decoration:none; color:#eb6a1d;}


#ActuB    {float:left; width:100%; background-color: #3b51a3; padding: 20px 0; margin-top: 20px;}
.PhotoActu      {height: 100px; overflow: hidden;}


.grid   {margin-top: 30px;}
.grid-item {width: 33.3333%; border: solid #ffffff 10px; box-sizing: border-box;}
.grid-item img  {width: 100%;}


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

@media only screen and (max-width:800px) {
    .PhotoActu      {height: 80px;}
}

@media only screen and (max-width:600px) {
    .PhotoActu      {height: 60px;}
    .grid-item {width: 50%;}
}

@media only screen and (max-width:480px) {
    .PhotoActu      {height: 40px;}
    #ActuHB {font-size: 1.2rem;}
}