/* modification temporaire */

body, html {
  height: 100%;
  margin: 0;
}

.bg {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 97%;
    background-color: #FFF;/*#AEC3BFFF;*/
    font-size: 25px;    
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: right;
}

@media (orientation: landscape) {
    .bg {
	background-image: url("../images/affiche_api8_2026_MD.svg");
    }
}

@media (orientation: portrait) {
    .bg {
	background-image: url("../images/affiche_api8_2026_MD.svg");
    }
}

body
{
	font-family: Verdana, Arial, Helvetica sans-serif;
	font-size: 12px;
	color: #000000;
	scrollbar-base-color: #333333;
	scrollbar-arrow-color: #935858;
	scrollbar-3dlight-color: #AAAAAA;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #333333;
	scrollbar-darkshadow-color: #111111;
	scrollbar-face-color: #444444;
	scrollbar-track-color: #545454;
	margin: 5px 15px 5px 15px;
}

/* fin de modification temporaire*/

a
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	color : #940d18;
	text-decoration:none;
}
a:hover
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	color : #F00;
	text-decoration:none;
}
td
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 14px;
	color : #000000;
}
.titreUfr
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 16px;
	font-weight : bolder;
	font-style : none;
	color : #FFF;
	text-decoration: none;
}
.ssTitreUfr
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 14px;
	font-weight : bolder;
	font-style : none;
	color : #FFF;
	text-decoration: none;
}
.titreUfr:hover
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 16px;
	font-weight : bolder;
	font-style : none;
	color : #FFF;
	text-decoration: overline underline;
}
.titrePage
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	color: #940d18;
	font-size : 15px;
	font-weight : bold;
	font-style : none;
	text-decoration:none;
}
.ssTitre
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 24px;
	font-style : none;
	text-decoration:none;
}
.menu
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 13px;
	font-weight : bold;
	font-style : none;
	color : #FFF;
	background-color:#940d18;
	height:40px;
	width:115px;
	text-decoration: none;
	border:1px solid white;
	text-align:center;
}
.menu:hover
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 13px;
	font-weight : bold;
	font-style : none;
	color : #FFF;
	background-color:#4d5158;
	height:40px;
	width:115px;
	text-decoration: none;
	border:1px solid white;
	text-align:center;
}
.menuOn
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 13px;
	font-weight : bold;
	font-style : none;
	color : #FFF;
	background-color:#4d5158;
	height:40px;
	width:115px;
	text-decoration: none;
	border:1px solid white;
	text-align:center;
}
.menuText
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 13px;
	font-weight : bold;
	font-style : none;
	color : #FFF;
	text-decoration: none;
}
.menuText:hover
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 13px;
	font-weight : bold;
	font-style : none;
	color : #FFF;
	text-decoration: none;
}

.petittitrerouge
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 13px;
	font-weight : bold;
	text-decoration : underline;
	color : #AA0000;
}

.tiny
{
	font-family : Verdana, Arial, Helvetica sans-serif;
	font-size : 9px;
	font-style : none;
	color : #000000;
}

.champstd {
    width: 500px;
}
.champstd2 {
    width: 350px;
}

select, input, textarea {
  font-family: Freesans, Verdana, Arial, Helvetica sans-serif;
  font-size: 12px;
  color : #550000;
  background : #F2F2F2;
  border: 1px outset #550000;
}

/* liScroll styles */

.tickeroverlay-left{
    /*background-image:url('left.png');*/
    display:block;
    pointer-events:none;
    position:absolute;
    z-index:30;
    height:12px;
    width:150px;
    top:0;
    left:-2px;
}

.tickeroverlay-right{
    /*background-image:url('right.png');*/
    display:block;
    pointer-events:none;
    position:absolute;
    z-index:30;
    height:12px;
    width:150px;
    top:0;
    right:-2px;
}
.tickercontainer { /* the outer div */
    /*background: #7a7a7a; */
    width: 590px; 
    height: 27px; 
    margin: 0; 
    padding: 0;
    overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    top: 8px;
    height: 18px;
    /*width: 718px;*/
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    /*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    position: relative;
    margin-left: 20px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding-right: 15px;
/*background: #fff;*/
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    font: bold 10px Verdana;
    margin: 0 50px 0 0;
} 
ul.newsticker span {
    margin: 0 10px 0 0;
} 
.degradeRB{
    background-image:-moz-linear-gradient(90deg, #d11d27, white);
    background-image:-webkit-linear-gradient(90deg, #d11d27, white);
    background-image:-o-linear-gradient(90deg, #d11d27, white);
    background-image:linear-gradient(90deg, #d11d27, white);
}