@font-face {
    font-family: 'Oxygen-Bold';
    src:url(../Fonts/Oxygen-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Ubuntu-Regular';
    src:url(../Fonts/Ubuntu-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Ubuntu-Bold';
    src:url(../Fonts/Ubuntu-Bold.ttf) format('truetype');
}
@font-face{
    font-family:'Oxygen-Regular';
    src:url(../Fonts/Oxygen-Regular.ttf) format('truetype');
}
html,body{
    font-family:'Ubuntu-Regular';

}
.footer{
    font-size:75%;
    color:#666666;
    font-weight: normal;
}

a.lienNeutre{text-decoration:none;}
a.lienNeutre:hover{text-decoration:none;}
.ConsoleTexte100Noir{font-size:100%;color:#333333;font-weight:normal;text-shadow: 0 0 0 #111;font-weight: 800;}
p.deQui{font-size:90%;color:#333333;font-weight:normal;text-shadow: 0 0 0 #111;font-weight: 500;margin: 3px 0 3px 0;}
.ConsoleTexte95Noir{font-size:85%;color:#333333;font-weight:normal;text-shadow: 0 0 0 #111;}
.ConsoleTexte90Noir{font-size:80%;color:#333333;font-weight:normal;text-shadow: 0 0 0 #111;}
.ConsoleTexte90Blanc{font-size:80%;color:#ffffff;font-weight:normal;text-shadow: 0 0 0 #111;}
 .nav-glyphish-example .ui-btn { padding-top: 35px !important; }
 .nav-glyphish-example .ui-btn:after { width: 50px!important; height: 485px!important; margin-left: -20px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
 #apple:after { background:  url("../Images/ApplePhone.png") no-repeat;  }
 #Android:after { background:  url("../Images/AndroidPhone.png") no-repeat;   }
 #Windows:after { background:  url("../Images/WindowsPhone.png") no-repeat;   }

.ui-panel-animate.ui-panel-page-content-position-right {
    left: 0;right: 0;transform: translate3d(-90%, 0px, 0px);
}
#iGallery        {list-style:none; padding:0px; margin:0px}
#iGallery li    {list-style:none; padding:2px; margin:2px; border:1px solid #999; float:left}

/* imageflip CSS. Copy & Paste this to your CSS file */
#imageflippage    {background-color:#000; margin:0px; padding:0px; border:none; height:100%; width:100%}
#tadcontent        {padding:0px; margin:0px; position:relative; background:#000; height:100%; width:100%;}
#imageflipimg    {vertical-align:middle; height:100%; width:100%; z-index:98; background-position:center; background-size:contain; text-align:center; background-repeat:no-repeat }
#imagefliper    {width:100%; top:45px; bottom:0px; position:absolute; z-index:99}
#tadnavi        {position:fixed; top:0px; z-index:100; width:100%; opacity:0.7; display:none }
#tadinfo        {position:fixed; display:none; bottom:0px; width:100%; padding:5px; background-color:#333333; opacity:0.7; color:#FFFFFF; text-align:center; font-size:small; font-family:Verdana, Geneva, sans-serif}