body { 

margin: 0px;
text-align: justify;
letter-spacing: 2px;     
font-family: antoniobold;
line-height: 1.6em; 
background-color:#ecca0a;
margin-left: auto;
margin-right: auto;  } 

#conteneur { 
 
 
   width:100%;
   height: 100%;
   padding: 0px;   }


nav { 


  width:100%;
  height:100%;
  margin: 0px; 
  padding: 0px;  }



article { 

   position: relative;
   top: 30px;
   left: 0px;
   width:100%;
   padding: 0px; }


footer { 

   width:100%;
   margin-top: 60px;   } 


.imgpicto1  {
   
   float:left; 
   border: solid 1px #000;
   margin-right: 10px;
   margin-left: 10px;
   margin-bottom: 10px;  }


.imgpicto2  {
   
   float:right; 
   border: solid 1px #000;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;  }


#baniere {  z-index: 6; }  


#playlist {
  
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: #87abc7;
  padding-bottom: 30px;   }



video  { 

padding-top: 16px; 
padding-left: 0px; 
padding-right: 0px; 
margin-right: 0px;
margin-left: 0px; }


/*SLIDER HAUT ECRAN*/

.rspvimage {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding:0;
   margin: 0;  }



.rspvimage  img {

   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0px solid #000;  }


.boutonoutils  { 

   position:relative;
   width: 42px;
   height:42px;
   margin: 0px;
   padding: 2px;
   z-index:3;
   cursor: pointer;
   border-radius: 52px; }

#baniere  { z-index: 1; }




#boitemenu {  

   position:absolute;
   top: 1px;
   left: 3px;
   width:auto;
   height:auto;
   z-index:4;
   padding: 2px;  }


.boutoncroix  {

   position: absolute;
   top:-1%;   
   left: 99%;
   width:22px;
   height:22px;
   z-index:4;   
   border-radius: 18px;
   margin: 0px;  }

.legendes  {

   padding: 8px;
   font-size: 1.1em; }



.titre  {  color:#87abc7; font-size: 22px; }

.titre1  { padding: 6px; font-size: 1.3em; text-align: left; }

.titre2  { 

  padding-top: 20px;
  padding-right: 9px; 
  font-size: 1.6em; 
  color:#ecca0a;
  text-align: right; 
  text-shadow: 3px 3px 4px #000; }

.topicindex  {

   padding-top: 16px;
   padding-left: 16px;
   font-size: 33px;
   color:#87abc7;
   text-align: left;
   line-height: 1.4em;
   text-shadow: 1px 1px 1px #000;   }



.topic  {

text-decoration: none;
padding: 1%;
color:#000;
font-size: 18px;
text-align: justify;  }



#boxmenu {  

   position:absolute;
   top: 44px;
   left: 8px;
   width:88%;
   height:1132px;
   z-index:4;
   margin-top: 8px;
   display: none;
   letter-spacing: 3px;
   border: 1px solid #000;
   box-shadow: 1px 3px 12px #000;
   background-color: #87abc7;  }


.icomenutop  {
    
 
   position: relative;
   top: 0px;
   left: 2px;
   width: 20px;
   height: 20px; }

.titremenu  {   
 
   position: relative;
   top: -29px;
   left: 31px;
   font-size: 1.5em; }

.menuenviron {

   position: absolute;
   top: 4px;
   left: 4px;
   padding:6px; 
   width: 90%;
   height: 22px;
   font-size: 1.1em; 
   border-radius: 4px;
   color: #ecca0a;
   letter-spacing: 5px;
   font-weight: bold;
   background-color: #000; }


.menuhistoire:hover { text-decoration: none; background-color: #ecca0a;}

a.menuhistoire { text-decoration: none;  }



.menuhistoire {

   position: absolute;
   top: 44px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuevenement:hover { text-decoration: none;background-color: #ecca0a;}

a.menuevenement { text-decoration: none;  }

.menuevenement {

   position: absolute;
   top: 84px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menufonctionne:hover { text-decoration: none; background-color: #ecca0a;}

a.menufonctionne { text-decoration: none;  }

.menufonctionne {

   position: absolute;
   top: 124px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menudemeure {

   position: absolute;
   top: 164px;
   left: 4px;
   padding:6px; 
   width: 90%;
   height: 22px;
   font-size: 1.1em; 
   border-radius: 4px;
   color: #ecca0a;
   letter-spacing: 5px;
   font-weight: bold;
   background-color: #000; }

.menuhotel:hover { text-decoration: none; background-color: #ecca0a;}

a.menuhotel { text-decoration: none;  }

.menuhotel {

   position: absolute;
   top: 204px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuresidence:hover { text-decoration: none; background-color: #ecca0a;}

a.menuresidence { text-decoration: none;  }

.menuresidence {

   position: absolute;
   top: 242px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuinsolite:hover { text-decoration: none; background-color: #ecca0a;}

a.menuinsolite { text-decoration: none;  }

.menuinsolite {

   position: absolute;
   top: 280px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }



.menurestaurer {

   position: absolute;
   top: 320px;
   left: 4px;
   padding:6px; 
   width: 90%;
   height: 22px;
   font-size: 1.1em; 
   border-radius: 4px;
   color: #ecca0a;
   letter-spacing: 5px;
   font-weight: bold;
   background-color: #000; }


.menubrasserie:hover { text-decoration: none; background-color: #ecca0a;}

a.menubrasserie { text-decoration: none;  }

.menubrasserie{

   position: absolute;
   top: 360px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }



.menubars:hover { text-decoration: none; background-color: #ecca0a;}

a.menubars { text-decoration: none;  }

.menubars  {

   position: absolute;
   top: 398px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menurestaurant:hover { text-decoration: none; background-color: #ecca0a;}

a.menurestaurant { text-decoration: none;  }

.menurestaurant  {

   position: absolute;
   top: 436px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }




.menumarche:hover { text-decoration: none; background-color: #ecca0a;}

a.menumarche { text-decoration: none;  }

.menumarche  {

   position: absolute;
   top: 474px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuepicerie:hover { text-decoration: none; background-color: #ecca0a;}

a.menuepicerie { text-decoration: none;  }

.menuepicerie  {

   position: absolute;
   top: 512px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuacceder {

   position: absolute;
   top: 552px;
   left: 4px;
   padding:6px; 
   width: 90%;
   height: 22px;
   font-size: 1.1em; 
   border-radius: 4px;
   color: #ecca0a;
   letter-spacing: 5px;
   font-weight: bold;
   background-color: #000; }



.menuavion:hover { text-decoration: none; background-color: #ecca0a;}

a.menuavion { text-decoration: none;  }

.menuavion {

   position: absolute;
   top: 592px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menubateau:hover { text-decoration: none; background-color: #ecca0a;}

a.menubateau { text-decoration: none;  }

.menubateau {

   position: absolute;
   top: 632px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menutrain:hover { text-decoration: none; background-color: #ecca0a;}

a.menutrain { text-decoration: none;  }

.menutrain {

   position: absolute;
   top: 672px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }



.menudivertissement {

   position: absolute;
   top: 712px;
   left: 4px;
   padding:6px; 
   width: 90%;
   height: 22px;
   font-size: 1.1em; 
   border-radius: 4px;
   color: #ecca0a;
   letter-spacing: 5px;
   font-weight: bold;
   background-color: #000; }


.menushopping:hover { text-decoration: none; background-color: #ecca0a;}

a.menushopping { text-decoration: none; }

.menushopping {

   position: absolute;
   top: 752px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }

.menumagasins:hover { text-decoration: none; background-color: #ecca0a;}

a.menumagasins { text-decoration: none;  }

.menumagasins {

   position: absolute;
   top: 792px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }

.menucasino:hover { text-decoration: none; background-color: #ecca0a;}

a.menucasino { text-decoration: none;  }

.menucasino {

   position: absolute;
   top: 832px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuclubbing:hover { text-decoration: none; background-color: #ecca0a;}

a.menuclubbing { text-decoration: none;  }

.menuclubbing {

   position: absolute;
   top: 872px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menucinema:hover { text-decoration: none; background-color: #ecca0a;}

a.menucinema { text-decoration: none;  }

.menucinema {

   position: absolute;
   top: 912px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }




.menuhippisme {

   position: absolute;
   top: 952px;
   left: 4px;
   padding:6px; 
   width: 90%;
   height: 22px;
   font-size: 1.1em; 
   border-radius: 4px;
   color: #ecca0a;
   letter-spacing: 5px;
   font-weight: bold;
   background-color: #000; }



.menuhippodrome:hover { text-decoration: none; background-color: #ecca0a;}

a.menuhippodrome { text-decoration: none;  }

.menuhippodrome {

   position: absolute;
   top: 992px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuclubhippique:hover { text-decoration: none; background-color: #ecca0a;}

a.menuclubhippique { text-decoration: none; }

.menuclubhippique {

   position: absolute;
   top: 1032px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }


.menuvente:hover { text-decoration: none; background-color: #ecca0a;}

a.menuvente { text-decoration: none;  }

.menuvente {

   position: absolute;
   top: 1072px;
   left: 16px;
   padding:6px; 
   width: 80%;
   height: 20px;
   font-size: 0.8em; 
   border: 1px solid #000;
   border-radius:  4px;
   background-color: #fff; }








#moteur {  

   position:absolute;
   top: 50px;
   left: 4px;
   width:86%;
   height:auto;
   margin-top: 8px;
   padding-left: 8px;
   z-index:4;
   display: none;
   text-align: left;
   border: 1px solid #666;
   box-shadow: 1px 3px 12px #000;
   background-color: #87abc7;  }

input {

   position:relative;
   top: -6%;
   margin: 2px;
   width: 70%;
   height: 26px;
   font-size: 1.3em;
   border-radius: 4px;  }

.boutonok  {

   position:relative;
   top: 10px;
   left: 1%;
   width: 30px;
   height:30px;
   border-radius: 16px; }

.boutoncroix2  {

   position: absolute;
   top:-3%;   
   left: 99%;
   width:22px;
   height:22px;
   z-index:4;   
   border-radius: 18px;  }


.rad  {

  position: relative;
  top: 3px;
  left: 0px;
  width: 22px;
  height: 22px;  }




.chercheboxsubmit  {

  position:relative;
  top:2px;
  left: 6px;
  font-size: 1.1em;
  font-family: antoniobold;
  letter-spacing: 2px;
  border-radius: 6px;
  width: 18%;
  padding-top: 4px;
  margin: 4px;
  height:16%;
  vertical-align: top;
  background-color:#000;
  color:#ecca0a;   }







@font-face {
    font-family: 'antoniobold';
    src: url('../fonts/antonio-bold-webfont.eot');
    src: url('../fonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antonio-bold-webfont.woff') format('woff'),
         url('../fonts/antonio-bold-webfont.ttf') format('truetype'),
         url('../fonts/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;    }


.lien1         { text-decoration: none; color: #000; }
.lien1:hover   { text-decoration: none; color: #87abc7;  }


.calendrier  {

  position: relative;
  margin:4px;
  float: left;
  padding-top:20px;
  padding-left:20px;
  margin-right:20px;
  padding-bottom:0px;
  border: 2px solid #000; ;
  font-size: 1.2em;
  border-collapse: collapse;
  background-color: #87abc7;  }


td {  

  padding:6px;   
  border: 1px solid #000;  
  text-align: center; 
  vertical-align: bottom;  }


tr {  

  font-weight: bold;
  padding:4px;   
  text-align: center; 
  vertical-align: middle; }

caption { 

  caption-side: top; 
  padding:6px; 
  border: 1px solid #000; 
  background-color: #000; 
  color: #ecca0a;  }

 
.textedates::first-letter {
      
   float: left;
   font-size: 3.7em;
   font-weight: normal;
   margin-right: 10px;
   margin-bottom: 4px;
   line-height: 1.8; 
   text-shadow: 3px 3px 6px #000;  }

.boxdates  { 

   float:left; 
   margin-bottom:10px; }

p { padding: 16px; }



#colonneimg  {

   top: 10px;
   position: relative;
   margin-left: auto;
   margin-right: auto;  }
  

.imagespix  { 
  
  margin-top: 18px; 
  margin-bottom: 18px; }


.retourhaut { 

   width: 100%;
   background-color:#87abc7; 
   text-align: center;
   padding-bottom: 10px;
   padding-top: 10px; } 


.mentions { 

   width: 100%;
   background-color:#ecca0a;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;  } 



.pied-article  {

   width: 100%; 
   text-align: right; 
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: #87abc7;
   font-size: 1.4em;  }