/* CSS Document */

#Bas2    {float:left; width:100%; background-color: #3b51a3; padding: 20px 0; margin-top: 20px;}
.Bas2bloc    {float:left; width: 32%; margin-left: 1%; background: #ffffff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.Bas2blocTitre    {text-align: center; position: relative; font-family: 'kaushan_scriptregular', Arial, sans-serif; font-size: 1.6rem; color: #eb6a1d; height: 50px; line-height: 50px;}
.Bas2blocTxt    {text-align: center; position: relative;}
.Bas2blocTxt img {max-width: 230px; width: 80%;}
.Bas2blocTxt div {position: absolute; top: 0px; left:10%; text-align: center; width: 80%; font-family: 'caviar_dreamsitalic', Arial, sans-serif; font-size: 1.4rem;}
.Bas2blocplus    {text-align: right; position: relative; font-family: 'kaushan_scriptregular', Arial, sans-serif; font-size: 1.6rem; color: #eb6a1d; height: 50px; line-height: 50px; margin-right: 10px;}
	.Bas2blocplus a:link, .Bas2blocplus a:visited	{text-decoration:none; color:#eb6a1d;}
	.Bas2blocplus a:hover					{text-decoration:none; color:#eb6a1d;}

.Bas2blocTxt2    {text-align: center; position: relative;}
    .Bas2PartImg {max-width: 230px; width: 80%;}
    .Bas2Part    {position: absolute; float: left; left: 12%; width: 76%; z-index: 0; background: white;}


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

@media only screen and (max-width:800px) {
    .Bas2blocTxt div  {font-size: 1.0rem; height: 100%; overflow: hidden;}
}

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

@media only screen and (max-width:480px) {
    .Bas2bloc    {float:none ; width: 94%; margin-left: 3%; margin-top: 10px;}
    .Bas2blocTitre  {font-size: 1.6rem;}
    .Bas2blocTxt div  {font-size: 1.4rem;}
    .Bas2Part    {position: absolute; left: 20%; width: 60%; z-index: 0;}
}