body {font-family: Arial,Helvetica,sans-serif;font-size: 16px;}
.cci-blue,.cci-hover-blue:hover{color:#fff!important;background-color:#004379!important}
.cci-lightblue,.cci-hover-lightblue:hover{color:#004379!important;background-color:#dcf6fd!important}
.cci-red,.cci-hover-red:hover{color:#fff!important;background-color:#e50043!important}
.cci-indigo,.cci-hover-indigo:hover{color:#fff!important;background-color:#2bb6b7!important}
.cci-textindigo,.cci-hover-textindigo:hover{color:#2bb6b7!important;}
.cci-textred,.cci-hover-textred:hover{color:#e50043!important}
.cci-bg-blanc{background-color:#ffffff!important}
.cci-textblue,.cci-hover-textblue:hover{color:#004379!important;}
.cci-maj{text-transform: uppercase;letter-spacing: 2px;font-weight:bold;text-shadow:2px 2px 0 #B7C1C9;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
#topdesktop{height:40px;}
#LogoHome {
    position:fixed;
    margin-top:-20px;
    margin-left:-32px;
    }
#menu {margin-left:210px;font-weight: bold;}
#menuphone {margin-left:120px;padding-bottom: 15px !important;margin-bottom: 15px;}
#menuphoneS { margin-left:120px;}
#LogoHomePhone {
    position:fixed;
    margin-top:-20px;
    margin-left:-14px;
    width:140px;max-width:140px;
}
#LogoHome.reduit {animation : reduire 2s forwards;}
#LogoHome.agrandit {animation : agrandir 2s forwards;}
#LogoHome.grand {width:240px;max-width:240px;margin-top:-20px;margin-left:-32px;}
#LogoHome.petit {width:200px;max-width:200px;margin-top:-106px;margin-left:-45px;}
@keyframes reduire {
    0% {width:240px;max-width:240px;margin-top:-20px;margin-left:-32px;;}
    100% {width:200px;max-width:200px;margin-top:-106px;margin-left:-45px;}
}
@keyframes agrandir {
    0% {width:200px;max-width:200px;margin-top:-106px;margin-left:-45px;}
    100% {width:240px;max-width:240px;margin-top:-20px;margin-left:-32px;}
}
#LogoHomePhone.reduitP {width:120px;max-width:120px;margin-top:-46px;}
#LogoHomePhone.agranditP {width:140px;max-width:140px;margin-top:-20px;}
.nobr {white-space: nowrap;}
.VDO {display: inline-block;}
.w3-button {margin-left:1px;margin-right:1px;}
.w3-bar-item {padding-left: 12px!important;padding-right:12px!important;}
.w3-button.w3-button:hover {background-color:#2bb6b7!important;color:#fff!important;}
.w3-container,body {color: #004379!important;}
.w3-bar-item {margin:1px!important;}
.cci-half {width:50%;}
.ifra {width:100%;min-height:200px;border:none;overflow:hidden;}
.big{font-size:1.2em;}
@media (max-width: 600px) {
.w3-container {padding: 6px !important;}
.w3-padding {padding-left: 8px !important;padding-right: 8px !important;padding-top: 3px !important;padding-bottom:3px!important;}
.w3-padding-32 {padding: 8px !important;}
.VDO {width:100%;padding-left:0px!important;padding-right:0px!important;}
.w3-wide {letter-spacing:1px;}
.w3-bar-item {padding-top:1px!important;padding-bottom:0px!important;padding-left: 4px!important;padding-right:4px!important;}
h1, h2, h3, h4, h5, h6 {font-weight:600;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
}