body
{

    width: 1100px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;  
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 12px; 
    background-attachment: fixed;
    background-color : #e6e4e5;
	
	
}
#banniere
{

    margin-top:218px;
    width:150px;
    height:700px;
    float:left;
    background-color:e6e4e5;
}
#actu
{
    z-index: 3;
    background-color:#d7d7d7;
    width: 738px;
    margin-left:10px;
}
#EspacePubd
{
    margin-top:50px;
    margin-left:920px;
    width:150px;
    height:700px;
    float:left;
    background-color:White;
    position:fixed;
}
#EspacePubg
{
   
    margin-top:50px;
    
    width:150px;
    height:700px;
    float:left;
    background-color:White;
    position:fixed;
}
#presentation
{
    width:500px;
    height:420px;
  
    margin-left:120px;
   
}
.calque{
  z-index: 3000;
  opacity:.80;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .75;
  filter : alpha(opacity=75);
  width: 100%;
  height : 200%;
  top : 0;
  left : 0 ;

}

.image_calque{
  z-index: 3000;
	height: 100%;
}

.window{
  z-index: 3000;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 500px;
  height : 500px;
  top : 18%;
  left : 28% ;
  

}

.contemp_window{
  z-index: 3000;
  width: 100%;
  height : 100%;
  border : 0;
}
#infoflash
{
    margin-top:1020px;
    margin-left:690px;
    width:200px;
    height:72px;
    float:left;
    background-color:White;
    position:absolute;
}
#logorvb
{
    z-index: 3;
    margin-top:0px;
    margin-left:50px;
    margin-bottom:0px;
    width:200px;
    height:36px;

    background-color:#d8d8d8;
}
#conteneur
{

    width:765px;
    height:1118px;
    float:left;
    
}
#menuheader
{
     z-index: 3;
      width: 748px;
      height: 27px;
      margin-top: 187px;
      background-color: #000000;
      margin-left: 158px;
      position:absolute;
      
     
}
#header
{

    width: 765px;
    height: 218px;
    /*background-image: url("images/header.gif");*/
    background-position: bottom;
    /*background-repeat: no-repeat;*/
	background-color: #e6e4e5;
	margin-bottom:0px;
	
   
}
#hippok 
{

   position: absolute;
   width: 485px;
   height: 360px;
   margin: 736px 50px 0px 175px;
   background-color: #ffdddd;
   text-align: right;
}
#calhippo 
{

   position: absolute;
   width: 485px;
   height: 360px;
   margin: 740px 50px 0px 180px;
   background-color: #ffdddd;
   text-align: right;

}
#calhippo2 
{

   position: absolute;
   width: 485px;
   height: 360px;
   margin: 0px 50px 0px 0px;
   background-color: #ffdddd;
   text-align: right;

}

/*#chFr
{

    float:left;
}
#frGal
{

    float:left;
    margin-left:5px;
}*/
#corps
{
   	
   margin-bottom: 0px;
   padding: 5px;
   color: Black;
   width:760px;
   background-image : url(images/corps.jpg);
   margin-left: 2px;
   
   background-repeat: repeat-y;
}
#corps h1
{

    font-size : medium;
    font-family: Arial;
    font-style:italic; 
    color: #696969;
    margin-top : 25px;
    margin-bottom: 1px;
    margin-left: 15px;
    /*width:575px;
    float:left;*/
}
#corps h2
{

    font-size : medium;
    font-family: Arial;
    font-style:italic; 
    color: #696969;
    margin-top : 25px;
    margin-bottom: 1px;
    margin-left: 15px;
    /*width:575px;
    float:left;*/
}
#corps h3
{

    font-size : medium;
    font-family: Arial;
    font-style:italic; 
    color: #ab546f;
    margin-top : 25px;
    margin-bottom: 1px;
    margin-left: 15px;
    /*width:575px;
    float:left;*/
}
#corps hr
{

    width:725px;
    margin-left:15px;
    border-style:solid;
    border-color:#ffffff;
    
}

#video
{

   width: 500px;
   padding:0px;
   float:left;
   margin-right:2px;
   margin-left:12px;
}
.flv
{
    
    margin-top : 10px;
    width: 500px;
    float:left;
}
#video iframe
{

    margin-top:7px;
    border-style:solid;
    border-color:#ffffff;
    width:495px;
    height: 360px;
    background-color:#d6d6d6;
    
}

#recherche
{

    padding:0px;
    margin-top : 10px;
    margin-left : 4px; 
    width: 200px;
    float: left;
    height:300px;
    
    
}
#recherche fieldset
{

    padding-left:10px;
    width:200px;
    border-style:solid;
    border-color:#ffffff;
    font-family: Arial;
    font-size:small; 
    font-style:italic;
    color: #696969;
    
}
#recherche legend
{
    color:#696969
}
#recherche table
{
    border-collapse: collapse;
	margin-left: 0px;
	margin-right: 0px;
	font-style:normal;
	font-weight:bold;
	border:0;
	font-size:smaller;
    
}
#recherche img
{
    border:none;
    margin-left:1px;
}


#recherche label
{
    float:right;
    width:150px;
    font-family: Century Gothic;
    color: #696969;
    font-size:small;
}
#recherche input
{
    border: 1px solid #666666;
    width: 80px;
}

#recherche dropdownlist
{
    
    float:right;
}
.recherche span
{
    
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 12px;
	width: 280px;
	float:right;
   
}



.calendrier
{
    
    /*float : left;*/
    height : 150px;
    width : 150px;
    margin-top : 20px;
}
button.calendrier
{
    float:right;
}
#infos
{
    clear:both;
    
}
#footer
{
	height: 20px;
    padding: 3px;
	text-align: center;
	clear:both;
	font-size: 12px;
    color: #696969;
   	width: 740px;
	
}
#footer p{
	margin-top: 3px;
}
#footer a{
	color: #696969;
	font-weight: bold;
	
}
/*style texte page accueil*/
#texteAccueil
{
 width:650px;
 font-family:Arial;
 color:#696969;
 margin-left:50px;
    
}
#texteAccueil h2
{
    text-align:center;
    font-size:medium;
}
.ped
{
    text-align : left;
    color:#696969;
    margin-right:10px;
    margin-left:12px;
    
}
.hippokid
{
    text-align : left;
    color:#696969;
    margin-right:10px;
    margin-left:12px;
    font-size:medium;
}
.pieds
{
    text-align : left;
    color:#696969;
    margin-right:10px;
    margin-left:12px;
    TEXT-DECORATION:underline;
    font-size: 14px;
    font-weight:bold;
}
.liens a
{
   color:#4a7637;
   
}
.liens
{
    margin-left:50px;
}
.liens a:visited
{
    font-weight:bold;
}
.pied
{
    text-align : center;
    color:#696969;
}
.lien
{
    margin-left:50px;
}
.lien a
{
   color:#696969;
   
}
.lien a:visited
{
    font-weight:bold;
}
/*style page presentation hippo*/
#carte
{
   
   
   margin-left: 0px;
   width: 750px;
   height: 621px;
   margin-bottom: 0px;
   margin-top: 0px;
   

   
}
#txtcarte
{
    z-index: 3000;
    position: absolute;
    text-align : center;
    
    font-size: 11px;
    font-weight:bold;
    /*background-color:White;*/
}
.hippo
{
    text-align : left;
    color:#696969;
    margin-right:10px;
    margin-left:12px;
    font-size: 16px;
}
#photohippo
{
    z-index: 10;
    width:610px;
    
    background-color: #d8d8d8;
    margin-left:50px;
}
#presentationhippo
{
    width:700px;
    background-color : #d8d8d8;
    margin-left:23px;
    overflow: hidden;
    font-size: 16px;
	  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#presentations
{
    overflow: hidden;
    /*border: 2px solid #ffffff;*/ 
}
#videopre
{
    z-index: 10;
    width:370px;
    height:320px;
    /*background-color:#d8d8d8;*/
    background-image : url(images/testpres.png);
    
    margin-left:10px;
   
}
#googlemap
{
    z-index: 10;
    width:250px;
    height:200px;
    background-color:White;
    float: right;
    margin-left:10px;
    margin-top: -130px;
    margin-right: 40px;
}
#piste
{
    z-index: 11;
    width:300px;
    height:200px;
    float: right;
    margin-top: -260px;
    margin-right: 60px;
}
#corps h4
{

    font-size : 25px;
    font-family: Arial;
    font-style:italic; 
    color: #696969;
    margin-top : 25px;
    margin-bottom: 1px;
    margin-left: 15px;
    /*width:575px;
    float:left;*/
}
.Style2 
{
    color: #CC0000
}
#voiture
{
    list-style:url(pageshippo/voiture.gif);
}
#resto
{
    list-style:url(pageshippo/resto.gif);
}
#avion
{
    list-style:url(pageshippo/avion.gif);
}
#train
{
    list-style:url(pageshippo/train.gif);
}
#parking
{
    list-style:url(pageshippo/parking.gif);
}
/*style tableau div*/
.pedeven
{
    text-align: left;
    color:#000000;
    font-size : 13px;
    
   
   font-family: Arial;
}
#contactu
{
   background-color : #ededed;
   width: 485px;
   float:left;
   
   
   
}
#titreactu
{
   background-color : #d8d8d8;
   width: 485px;
   float:left;
  margin-left:0px;
   
   
}
#actue
{
   background-color : #ededed;
   width: 461px;
   float:left;
   margin-left:0px;
   border: 2px solid white;
   margin-top:0px;
   padding: 10px;
}
#contprog
{
   
   background-color : #d8d8d8;
   width:250px;
   float:left;
   margin-left:10px;
}
#contprog hr
{
   
   width:226px;
    margin-left:0px;
    border-style:solid;
    border-color:#ffffff;
   
}
#prog
{
   
   background-color : #c8f8c3;
   width:226px;
   border: 2px solid white;
   padding: 10px;

}
#progtitre
{
   
   background-color : #d8d8d8;
   width:250px;
   
   

}
#progcoul
{
   
   background-color : #e8cad5;
   width:226px;
   border: 2px solid white;
   padding: 10px;
   

}
#progcoultitre
{
   background-color : #d8d8d8;
   width:250px;
   
   

}
#corps h6
{
    font-style: normal;
    font-size : 15px;
    font-family: Arial;
    color: #000000;
    margin-top : 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    /*width:575px;
    float:left;*/
}
#corps h3
{

    font-size : 16px;
    font-family: Arial;
    font-style:italic; 
    color: #696969;
    margin-top : 25px;
    margin-bottom: 1px;
    margin-left: 15px;
    /*width:575px;
    float:left;*/
}
/* STYLE DU GRIDVIEW POUR  LE CALENDRIER */
.GridViewStyle
{

    font-family: Arial, Sans-Serif;

    font-size:13px;
    font-weight:bold; 
    color:#FFFFFF; 
    table-layout: auto;
    width: 730px;
    
    border-collapse: collapse;
    
    border: #1d1d1d 1px solid;

} 
.HeaderStyle, .PagerStyle /*Common Styles*/

{

    background-image: url(calendrier2010/caledriertete.jpg);

    background-position:center;

    background-repeat:repeat-x;
    display: none;
    background-color:#1d1d1d;

}

.HeaderStyle th

{

    padding: 5px;

    color: #ffffff;

}

.HeaderStyle a

{

    text-decoration:none;

    color:#ffffff;

    display:block;

    text-align:left;

    font-weight:normal;

}

.PagerStyle table

{

    text-align:center;

    margin:auto;

}

.PagerStyle table td

{

    border:0px;

    padding:5px;

}

.PagerStyle td

{

    border-top: #1d1d1d 3px solid;

}

.PagerStyle a

{

    color:#ffffff;

    text-decoration:none;

    padding:2px 10px 2px 10px;

    border-top:solid 1px #777777;

    border-right:solid 1px #333333;

    border-bottom:solid 1px #333333;

    border-left:solid 1px #777777;

}

.PagerStyle span

{

    font-weight:bold;

    color:#FFFFFF;

    text-decoration:none;

    padding:2px 10px 2px 10px;

}

/*RowStyles*/

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td, .EmptyRowStyle td /*Common Styles*/

{

    padding: 6px 1px 6px 1px;
    
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;

}

.RowStyle td

{
    background-image: url(calendrier2010/lignegris.jpg);
    background-position:center;
    
    background-repeat:repeat-x;

    background-color: #FFFF99;

}

.AltRowStyle td

{
    background-image: url(calendrier2010/lignerose.jpg);
    background-position:center;

    background-repeat:repeat-x;
    background-color: #f0f0f0;

}

.SelectedRowStyle td

{

    background-color: #ffff66;

} 
.EmptyRowStyle td
{

    background-color: #FE6D4C;

}
.calhippo
{
    color:#000000;
    background-color: #FCFFCD;

}
.autostart
{
    color:#FF0022;
    background-color: #EFC2C8;
    font-size:17px;
} 
.nbcourse
{
    color:#0200AF;
    
} 
.caldate
    {
        color:#000000;
        width: 170px;
        text-align: center;
        text-decoration : underline;
        text-transform : capitalize;
    }
.calnbcoursenb
{
        color:#000000;
        
        text-align: center;
        
    }
.caltxtblanc
{
        color:#ffffff;
        
        text-align: left;
        
}
.pmu
{
    color:#ffffff;
    background-color: #0091C1;

}
.pmupmh
{
    color:#ffffff;
    background-color: #EFA82C;

} 
/* STYLE DU GRIDVIEW POUR  LE CALENDRIER fin */