#titre {
font-family: 'Lobster', serif, arial;
font-size: 1.6em;
}
.titre {
font-family: 'BallparkWeiner', 'Lobster', serif, arial;
font-size: 1.8em;
color:#785100;
}
.centrer{
font-family: serif, arial;
font-size: 1,4em;
font-weight:bold;
text-align: center;
}
#trav ul, #trav li{
Text-Indent: 20px;
list-style-type: none; 
font-weight:bold;}
.h3{
  font: normal bold 18pt/18pt Arial;
  text-align: left;
  margin-left: 100pt;
}
@media all and (max-width: 400px)
{
   .h3
    {
    margin-left: 0px;
    }
}
.h4{
  font: italic normal 1.3em "Times New Roman", Arial;
  text-align: left;
  margin-left: 30pt;
}
section p { text-indent:30px; } 
section ul, section li{text-indent: 50px;list-style-type: none;}
 a#lien1,  a#lien2,  a#lien3, a#lien4, a#lien5, a#lien6, a#lien7{
 text-decoration:none;
}
a#lien1:hover, a#lien1:focus {
 position:absolute;
 left:450px;
 top:500px;
 height:200px;
 width:300px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/vip01.jpg);
 z-index:20;
}
a#lien2:hover, a#lien2:focus {
 position:absolute;
 left:500px;
 top:530px;
 height:200px;
 width:300px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/vip02.jpg);
 z-index:20;
}
a#lien3:hover, a#lien3:focus {
 position:absolute;
 left:500px;
 top:550px;
 height:200px;
 width:300px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/vip03.jpg);
 z-index:20;
}
 #sanscss {position:absolute;
 left: -5000 px;
 right: -5000px;
 text-indent: -5000px;
 display: none;
}
a#lien4:hover, a#lien4:focus {
 position:absolute;
 left:400px;
 top:250px;
 height: 187px;
 width: 250px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/boxe10a.jpg);
 z-index:20;
}
a#lien5:hover, a#lien5:focus {
 position:absolute;
 left:280px;
 top:300px;
 height: 167px;
 width: 280px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/boxe09a.jpg);
 z-index:20;
}
a#lien6:hover, a#lien6:focus {
 position:absolute;
 left:280px;
 top:250px;
 height: 224px;
 width: 300px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/boxes05.jpg);
 z-index:20;
}
a#lien7:hover, a#lien7:focus {
 position:absolute;
 left:250px;
 top:300px;
 height: 187px;
 width: 250px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/boxe14a.jpg);
 z-index:20;
}
a#lien8:hover, a#lien8:focus {
 position:absolute;
 left:150px;
 top:260px;
 height: 368px;
 width: 242px;
 margin: 0;
 padding: 0;
 background-image:url(http://vendee-courses.com/images/boxes08.jpg);
 z-index:20;
}
/*tableau piste*/
.tbg{
 background: #FFFF99;
 font: normal bold 13pt/15pt Arial;
 text-align: center;
 width: 380px;
}
.td1{
 font: normal bold 13pt/15pt Arial;
 text-align: center;
 width: 120px;
}
.tdc{
 font: normal bold 13pt/15pt Arial;
 text-align: center;
 width: 120px;
 background: #FFFF99;
}
.droit, .gauche
{
 display: inline-block;
 vertical-align:top;
}
.gauche
{
 position:relative;
 width:470px;
 top:0px;
 left:0px;
 padding:0;
 margin: 0 ;
 overflow: auto;
}
.droit
{
 position:relative;
 top:0px;
 left:0;
 width: 470px;
 margin:0px;
 padding: 0px;
 font-size: 0.9em;
 overflow: auto;
}
@media all and (max-width: 1000px)
{
 .droit, .gauche
    {
    width: auto;
    display: block;
  }
}
/* langage */
.para6 {
 font: italic normal 16pt/18pt "Times New Roman", arial;
 color: #000000;
 text-indent:100px;
}
.para7 {
 font: italic normal 16pt/18pt "Times New Roman", arial;
 color: #000000;
 text-indent:50px;
}