/*---------------------------------------
FEUILLE DE STYLE : ECOLE PETER GOSS
---------------------------------------*/

body {
      font-family : "Trebuchet MS";
      color: #000000;
      margin-top: 0px;
      margin-bottom: 0px;
      background-image: url(images/bg.png);
      margin-left: auto;
      margin-right: auto;
     }
     
     #central {
                margin-top:0px;
                margin-bottom:0px;
                margin-left : auto;
                margin-right : auto;
                width : 750px;
                vertical-align : top; 
      		      background-color:#FFFFFF;
      		      /*background-image:url(images/fd_central.gif);*/
      		      background-repeat:repeat-x;
      		      border:#000000 solid 1px;
              }
     
     #header {
              background-image : url(images/bandeau_haut.png);
              height: 116px;
              padding: 0px;
              width: 750px;
              vertical-align: top;
		          margin: 0px;
      }
     
     h1 {
          font-size : 120%;
          color: white;
          text-transform : uppercase;
          text-decoration : none;
          text-align : right;
          padding: 45px 110px 0px 0px;
          margin : 0px;
      }
    
    #menu {
          background-image : url(images/bg_menu.png);
          background-repeat : no-repeat;
          height : 30px;
          vertical-align : top;
          padding-bottom:0px;
          padding-top: 2px;
          width:750px;
          clear:both;
		      margin:0px;
        }
     
     #contenu {
              background-color : #ffffff;
              padding: 0px 10px 0px 10px;
              margin: 0px 0px 15px 0px;
		          vertical-align: top;
		          text-align:center;

      }
     a.menulien {
          color : #ffffff;
          text-transform : uppercase;
          text-decoration : underline;
          font-size : 80%;
          font-weight : bold;
      }
     a:hover.menulien {
          color : #BFBEBE;
          text-transform : uppercase;
          text-decoration : none;
          font-size : 80%;
          font-weight : bold;
      }
	  .liengris {
          color : #333333;
		  font-size:0.8em;
          
      }
	  a.liengris {
	  text-decoration:underline;
          color : #333333;
		  	  font-size:0.8em;
         
      }
	   a:hover.liengris {
	  text-decoration:none;
          color : #000000;
		  	  font-size:0.8em;
         
      }
	  
	  
	 ul {
          padding:0px;
          margin:0px;
      
      }
   li {
          color : #ffffff;
          text-decoration : none;
          display : inline;
          padding-right:15px;
          padding-left:15px;
          padding-top:0px;
          padding-bottom :0px;
          margin:0px;
      
      }
     
     #titre {
          text-transform : uppercase;
          color : #ba1f1f;
          padding: 0px;
          font-size : 110%;
          border-bottom: 3px solid;
		      text-align:left;
      }
      
      #subtitre {
          padding: 0px;
          border-bottom: 1px dotted;
		      text-align:left;
      }
      
     .texte {
          width: 650px;
          color : #000000;
          text-align : justify;
          font-size : 90%;
          padding-bottom : 5px;
      }

      .texte_tab {
          width: 735px;
          color : #000000;
          text-align : justify;
          font-size : 90%;
          padding-bottom : 5px;
      }
     
     .clear {
          clear : both;
          padding-top : 0;
          padding-bottom : 0;
          margin-top : 0;
          margin-bottom : 0;
      }
     
     /*.profs {
          width : 90%;
          padding-bottom : 0;
          padding-right : 0;
          text-align : center;
      }*/
      
      .alinea {
              padding-left: 40px;
              }
      
     .img {
          float : left;
          padding-right : 10px;
          padding-bottom : 5px;
      }
	  
    p {
	  text-align:left;	  
	  }
	  
	  
	#dc_debutant 
	{
         
		 clear:both;
          padding: 2px;
		  background-color:#cffc03;
		 border:#000000 solid 1px;
      }
	  
	  #dc_intermediaire
	  {
         
		 clear:both;
          padding: 2px;
		  background-color:#A8CC02;
		  border:#000000 solid 1px;
      }
	   #dc_avance
	  {
         
		 clear:both;
          padding: 2px;
		  background-color:#829E01;
		  border:#000000 solid 1px;
	
      }
	   #coursenfant
	  {
         
		 clear:both;
          padding: 2px;
		  background-color:#DBFA4C;
		  border:#000000 solid 1px;
	
      }
	  #feldenkrais 
	    {
	  	  clear:both;
          padding: 2px;
		  background-color:#CC3300;
		  border:#000000 solid 1px;
		  background-color:#00AEEF;

      }
	  #yijinjin
	  {
	 	  clear:both;
          padding: 2px;
		  border:#000000 solid 1px;
		  background-color:#FFCC00;
      }
	  #harkada
	  {
	  	  clear:both;
          padding: 2px;
		  background-color:#CC3300;
		  border:#000000 solid 1px;
		  background-color:#0099CC;

      }
	  #qiqong {
	  
	  	  clear:both;
          padding: 2px;
		  background-color:#CC3300;
		  border:#000000 solid 1px;
		  background-color:#FF0033;

      }
	  #kungfu 
	  {
	  
	  	  clear:both;
          padding: 2px;
		  background-color:#CC3300;
		  border:#000000 solid 1px;
		  background-color:#FF0033;

      }
	  
	  .daymon {
          background: url(images/bg_daymon.png) top left no-repeat;
          color: white;
          font-weight: bold;
          text-align: center;
          }
          
    .day {
          background: url(images/bg_day.png) top no-repeat;
          color: white;
          font-weight: bold;
          text-align: center;
          }
          
    .daysun {
          background: url(images/bg_daysun.png) top right no-repeat;
          color: white;
          font-weight: bold;
          text-align: center;
          }
          
	  .heure  {
          color : #000000;
          font-size : 70%;
          padding-left : 5px;
		  text-decoration:underline;
      }
	  .niveau {
          color : #000000;
          font-size : 70%;
          padding-right : 5px;
		   text-align:right;
		  font-style:italic;
      }
	  .typecours{
          color : #000000;
          font-size : 80%;
 		  text-align:center;
		  font-weight:bold;
      }
	  .profscours{
          color : #000000;
          font-size : 80%;
 		  text-align:center;
		  font-weight:bold;
		  font-style:italic;
      }	  
      
#footer {
         position: relative;
         margin: auto;
         top: 0px;
         left: 0px;
         width: 748px;
         padding-top: 3px;
         padding-bottom: 3px;
         text-align: center;
         font-size: 8pt;
         border-top: 1px solid;
         }