body{
  width: 100%;
	background-color: beige;
	background-image:url(images222.jpg;norepeat);
}
a{text-decoration: none;}
.TETE{
    width: 1000px;
    height:150PX;
    background-color: rgb(28,187,225);
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 10PX 10PX 0PX 0PX;
    
}
.com{font-size: 20px;text-align: left;color: #000000 ; margin-left: auto;
      margin-bottom: 10px; border:0px solid rgb(98,176,225);
}


.bloc_logo{
    height: 150px;
    width: 190px;
    background: rgb(28,187,225);;
     margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 25PX 25PX 0PX 0PX;
    border-right: rgb(225,187,225);4px solid;
    float: left;
    
}
.img{
     height: 145px;
   border-top: 1PX solid aqua;   
    width: 183px;
      border-radius: 10PX 10PX 0PX 0PX;
}
.text_tete{text-align: center;color: #FFFFFF;
}

h2{
	font-family: Comic Sans MS;
}


 

#page{
       width: 1000px;
    height:500PX;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;

}  
.gauche{
     background:#EFEFEF;
     width:660px;
    height: auto;
    float: inherit;
    border: 2PX SOLID rgb(28,187,225);
	word-wrap: break-word;
}
.form{padding:  15px;}
.titre{height: 60px;margin-right: 15px;margin-left: 15px;line-height: 60px;border-bottom: 1px solid rgb(28,187,225);text-align: center;}

 .droite{
   
   
      border: 10PX SOLID beige;
			
		
}
.bloc_menu{ background:#EFEFEF;
     width:330px;
    height: auto;
    float:right;
    border: 2PX SOLID rgb(28,187,225);
    word-wrap: break-word;
		
	/*	-webkit-hyphens:auto;
		-moz-hyphens: auto;
		-ms-hyphens:auto;
		hyphens:auto;*/
		}
		
/*.bloc_menu:hover{background: #0012FF}*/

video{padding:10px; }
p{padding:10px; }
.contenu{
    padding:10px;
}

	/* li{
	list-style-type:none;
	display : inline;
}*/
nav{
	width: 100%; background-color: rgb(28,187,225);
}
	nav > ul{
		margin: 0px;
		padding: 0px
	}
	nav > ul::after{
		content:"";
		display: block;
		clear: both;
	}
	nav > ul > li{
		float: left;
		position: relative;
	}
	nav ul> li> a{
		padding: 20px 30px;
		color: #fff;
	}
	nav > ul> li:hover a{
		padding: 15px 30px 20px 30px;
	}
nav li{
	list-style-type: none; 
}
.submenu{
	display: none;
}
nav a{
	display: inline-block;
	text-decoration: none;
}
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
	z-index: 1000;
}
.submenu li{
	border-bottom: 1px solid #ccc;
}
.submenu li a{
	padding: 15px 30px;
	font-size: 16px;color: #222538;;
	width: 270px;
}
.menu-html:hover{
	border-top: 5px solid #0070bb;
	background-color: RGBA(000,112,192,0.15); 
}
.submenu li:hover a{
color: #CCC;
font-weight: bold;
}
.menu-html .submenu li:hover{
	
	background-color: rgb(62, 62, 225);
}
.menu-html .submenu{
	 background-color: RGB(000,160,240); 
}
footer{
	width: 100%; background-color: rgb(28,187,225);
	color: #FFF;
}
 .player_cls{
                margin: auto;
                border-radius: 15px;
                background: rgb(90%,90%,90%);
                border: outset 2px gray;
                box-shadow: 3px 3px 10px black;
                width: 25%!important;
            }
.audio {

	display:inline-block;
}