/* CSS Document */
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {
visibility:hidden;
}
}
body {
background-image: url(../Outils/Fond-Ecran/Pages-10px.png);
background-color: #000000;
}
.menu, .ssmenu {
background-color:#AA8922;
color:white;
/*font-size:0.5em;*/
font-size:11px;
font-weight:bold;
font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
border:1px solid #EFB;
padding:0px;
/* width et margin sont au cas où le javascript est désactivé. */
width:15em;
margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de dégradé !
Pour voir d'autres effets :
http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
Par exemple :
transparence à 25% = opacité à 75%:
FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
"Glow" :
FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
Ombre en bas à droite, 5 px :*/
/*FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);*/
/*FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#bbb8b7,strength=4);*/
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AA8922,endColorStr=#543210);
white-space : no-break;
}
.menu span, .ssmenu span {
/* Ne pas toucher
C'est pour cacher les ; en fin de , ce qui permet aux synthèse vocales de prendre une
pause dans l'élocution */
display:none;
}
.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
Les items (les ) des sous-menus, notamment pour enlever les puces des liste */
padding:0;
margin:0;
list-style-type:none;
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
color:white;
padding:2px 1px;
text-decoration:none;
/* Ne pas modifier le block, margin et width */
display:block;
margin:0;
width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width:auto;
}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
border:1px solid #316BC6;
background-color:#C2CEEF;
padding:2px 3px;
color:black;
text-decoration:none;
}
/*.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
On change les couleurs du texte et de fond, et on enlève le soulignement.
*/
/* background-color:#EFB;
color:black;
text-decoration:none;
}*/
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
car c'est vilain :-p */
border:none;
}
.ssmenu img {
/* un petit espacement entre l'image et le texte du lien blabla */
margin-right:2px;
}
/*.ssmenu img.hr {
/* Encore un peu expérimental, un
entre deux items pour faire un "séparateur"... */
/*margin-top:1px;
margin-bottom:1px;
margin-left:0;
margin-right:0;
width:100%;
display:block;
}*/
.ssmenu img.hr {
margin-top:1px;
margin-bottom:1px;
margin-left:0;
margin-right:0;
width:100%;
height:1;
display:block;
}
/* ----------- Autres élements de l'accueil -------*/
.sigle {
position:absolute;
top:15.6%;
margin-left:6px;
width:26.28%;
height:80%;
bottom:14px;
background-color: #26354A;
border-top:solid #64748B 4px;
border-right:solid #64748B 4px;
left: 0px;
}
.compteur {
position:fixed;
margin-left:-1px;
bottom:0px;
width:26.5%;
height: 6% ;
left: 0px;
background-color: #26354A;
border-top:solid #64748B 4px;
border-bottom:solid #64748B 4px;
border-right:solid #64748B 4px;
border-left:solid #64748B 4px;
}
.texteCompteur {
color: #D3DCE6;
line-height:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
text-align: center;
margin-top: 2%;
}
.presentation {
position:absolute;
top:16%;
/*height:83.92%;*/
height:80.7%;
left: 27%;
right:0%;
width:71.4%;
bottom:0%;
/*border-top:solid #64748B 4px;
border-right:solid #64748B 4px;*/
/*border-top:solid #64748B 4px;
/*border-bottom:solid #64748B 4px;*/
border-right:solid #64748B 4px;
/*border-left:solid #64748B 4px;*/
background-color: #D3DCE6;
}
.textPresentation {
height:100%;
width: 100% ;
font-family: "Times New Roman", Times, serif;
text-align:justify;
font-size: 17px;
color: #333300;
overflow:auto;
padding:10px 10px 10px 10px;
background-color: #D3DCE6;
/* border-bottom:solid #64748B 0.5%;*/
}
.retrait {
list-style-position:inside;
}
.text-haut {
position:absolute;
width:100%;
height: 8.5%;
margin-left:0px;
margin-top:0%;
/*margin-top:0%;*/
background-color: #26354A;
}
.text-deroulant {
position:absolute;
top:8.5%;
width:80%;
height: 3%;
margin-left:0%;
}
.Message-deroulant {
position:absolute;
top:0;
width:55%;
font-size:0.8em;
height: 3%;
margin-left:15%;
}
.Bandeau-menu {
position:absolute;
top:11.5%;
width:99.5%;
height: 3.5%;
margin-left:0px;
background-color:#AA8922;
/*border-top:solid #64748B 4px;
border-bottom:solid #64748B 4px;*/
border-top:solid #64748B 4px;
border-bottom:solid #64748B 4px;
border-right:solid #64748B 4px;
border-left:solid #64748B 4px;
left: 0px;
}
#PopupInfo {
background-repeat: no-repeat;
background-color:#999999;
margin : 0 auto;
position : absolute;
top : 130px;
left : 673px;
border-color: #FF0000;
border-style:double
}
div#Photo {
float:left;
width:100px;
height:250px;
}
.PhotoA {
width:100px;
height:120PX;
border-color: #0000FF;
margin-left:35px;
}
.PhotoB {
margin-top: 7px;
width:100px;
height:119px;
}
.Texte {
width:600px;
height:265px;
text-align: center;
font-family: "Times New Roman", Times, serif;
color:#FF0000;
vertical-align: middle;
}
.TexteA {
width:200px;
height:120px;
text-align: center;
border-color: #0000FF;
font-family: "Times New Roman", Times, serif;
}