/* CSS Document */

#Bas    {float:left; width:100%; background-image:url(../../images/deg_bas.png); background-repeat:repeat-x; color: white; padding: 25px 0; margin-top: 20px; font-family: 'caviar_dreamsbold', Arial, sans-serif;}
    .BasLien a:link, .BasLien a:visited	{text-decoration:none; color:#ffffff;}
	.BasLien a:hover					{text-decoration:none; color:#ffffff;}

.BasFloat    {display:inline-block;}
.BasFloat2    {display:inline-block;}
.portAv {display:inline-block; vertical-align: middle; background-image:url(../../images/icone/port.png); height: 32px; width: 32px;}
    .port {display:inline-block; vertical-align: middle; margin-left: 10px;}

.telAv {display:inline-block; vertical-align: middle; background-image:url(../../images/icone/tel.png); height: 32px; width: 32px; margin-left: 40px;}
    .tel {display:inline-block; vertical-align: middle; margin-left: 10px;}

.mailAv {display:inline-block; vertical-align: middle; background-image:url(../../images/icone/mail.png); height: 32px; width: 32px; margin-left: 40px;}
    .mail {display:inline-block; vertical-align: middle; margin-left: 10px;}

.Bas2    {margin-top: 10px;}


@media only screen and (max-width:980px) {
    
}


@media only screen and (max-width:600px) {
    #Bas    {padding: 0; background-image: none; background-color: #eb6a1d;}
    .BasFloat    {margin-top: 10px;}
    .BasFloat2    {display:block; margin-top: 0px;}
    .portAv, .mailAv    {margin-left: 0;}
    .Bas2    {margin-top: 5px; margin-bottom: 10px;}
}

@media only screen and (max-width:480px) {
    .BasFloat    {width: 100%;}
    .BasFloat2    {margin-top: 10px; width: 100%;}
    .telAv    {margin-left: 0;}
    .Bas2    {margin-top: 15px;}
}