body
{
font-family:Times,Garamond,"Times New Roman",serif;
background-color: #FBF9DB;
font-size:large; 
}


/*** Formats de textes ***/

h1,h2,h3,h4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
/*content:"SOCIÉTÉ DES COURSES HIPPIQUES DE TOURS-CHAMBRAY";*/
}

h1
{
font-size:30pt;
color:red;
text-transform:uppercase;
}

h2
{
color: #0000FF; 
font-size:xx-large;
font-variant:small-caps;
}

h3,h4
{
font-size: x-large;
color: #4242AA;
}

h3
{
font-variant:small-caps;
font-weight:bold;
}

p
{
color:blue;
}

.legende
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 6pt; 
position:relative; 
}

.soustitre
{
font-size: 14pt;
font-family: sans-serif; 
text-align: center; 
}

/** alignements **/
.alignjustifie
{
text-align:justify;
}

.alignjustifie:first-letter /** lettrine **/
{
font-size:300%;
margin-right: 5px;
float:left;
}

.aligncentre
{
text-align:center;
font-size:x-large;
}


.aligndroit
{
text-align:right;
}

.aligngauche
{
text-align:left;
}

em
{
font-weight:bold;
font-size:120%
}

strong
{
font-weight:bold;
}

.ital
{
font-style:italic;
}

.rouge
{
color:red;
}

.noir
{
color:black;
}

.petit
{
font-size:medium;
}

.grand
{
font-size:x-large;
}

.important
{
background:red;
font-weight:bolder;
text-align:center;
text-decoration:blink;
color:yellow;
}
.defilant
{
    background:red;
    text-decoration:blink;
    font-weight:bolder;
    color:yellow;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
/*    box-sizing: border-box;*/
    animation: defile 8s linear infinite;
}
@keyframes defile
{
    0%   { text-indent: 100% }
    100% { text-indent: -90% }
}



/*** Dispositions d'images ***/

a img
{
border:none;
}

.imgdroite
{
float:right;
margin-left:5px;
/*max-width:450px;*/
}

.imggauche
{
float:left;
margin-right:5px;
}

.suiteimg
{
clear:both;
}

/*** Divisions des pages ***/

.droitegrande
{
width:60%;
float:right;
}

.droitepetite
{
width:40%;
float:right;
}

.gauchegrande
{
width:60%;
float:left;
}

.gauchepetite
{
width:40%;
float:left;
}

/** Menu (à gauche de la page) **/
.divmenu
{
width:200px;
position:fixed;
left:0;
top:200px;
height:100%;
background-image:url(FondMenuTransparent.png);
color:white;
}

.divmenu p
{
color:white;
font-weight:bold;
}

#menu
{
/*	background:yellow;*/
 width: 170px; /** "largeur" à partir de la gauche de la feuille (donc, si il y a une image à gauche du menu...) **/
 list-style-type: none; /** none = pas de puce ni numéro à gauche des éléments **/
 font-size : 90%;
/*	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;*/
 margin: 15px;
 padding: 0;
 border: 0;
}

#menu li
{
 color:white;
 float: left; /** sens de la disposition du menu **/
 width: 160px;
 margin: 0px;
 padding: 0;
 border-left: 1px solid #faa;
 border-top:1px solid #faa;
 border-right:1px solid #a00;
  border-bottom:1px solid #a00;
text-decoration:none;
}


#menu li a:link, #menu li a:visited
{
 display: block;
 height: auto;
 color: white; /* Couleur du texte des menus */
 /*background: #2020ff; /* couleur du fond des menus */
 margin: 0px;
 padding: 2px;
 border-right: 1px solid #a00;
 text-decoration: none;
}

#menu li a:hover { background-color: #F2462E; }
#menu li a:active { background-color: yellow; color:black }



/** reste de la page (à droite) **/
.divdroite
{
/** Principe : on crée la division en mode flottant cadrée à gauche  **/
/**   afin qu'elle s'étende sur toute la largeur de la fenêtre, puis **/
/**   on lui impose une marge à gauche afin qu'elle ne recouvre pas  **/
/**   le menu général                                                **/
/** NOTA : NE FONCTIONNE (ÉVIDEMMENT ?) PAS AVEC IE 6 !              **/

/*float:left;
margin-left:220px;*/
position:absolute;
left:200px;
top:300px;
height:100%;
width:80%;
}

/*.divdroite p
{
text-align:center;
}*/

/** division interne à la précédente **/
div .divgauche
{
float:left;
color:maroon;
text-align:center;
width:40%;
}

/**************************************/
/****        FIN DE FICHIER        ****/
/**************************************/