/* CSS Généraux */

body { margin: 0; padding: 0; background: #f04eb3; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; }

a         { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; }
a:hover   { text-decoration: underline; }
a:visited { color: #000000; text-decoration: none;}

h1 { font-weight: bold; font-size: 38px; color: #f04eb3; text-transform: uppercase; text-align: center; margin: 0; padding: 0;  }
h2 { font-weight: bold; font-size: 12px; border-bottom: 1px solid #7B8A92; padding: 0 2px 2px 0; margin: 0; }
h3 { color:#000000; font-size:18px; line-height: 29px; font-weight:bold; border-bottom:1px dashed #d9e5ef; padding-bottom:8px; background:url(ico_heart.gif) no-repeat left top; padding-left:40px;}

input { font-size: 10px; color: #666666; border: 1px solid #999999; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 2px; }

/* Parties */

#page { padding: 0; margin: 0 auto; width: 800px; text-align: left; height: 100%; background: #FFFFFF; }

  #header       { background: url(header.jpg); width: 800px; height: 116px; margin: 0; padding: 0; cursor: pointer; }
  
  
	#presentation { background: #E7B9E3; float: left; width: 790px; padding: 5px; border-bottom: 1px solid #333333; border-top: 1px solid #333333; }
	#corps        { width: 800px; height: 1700px; margin: 1px; padding: 0; clear: both; }
	
	  #principal   { float: right; width: 650px; height: 100%; padding: 0; margin: 0; background: #FFFFFF; }
	  #navigation { float: left;  width: 150px; height: 100%; text-align: left; text-decoration: none; padding: 0; margin: 0; background: #FFFFFF; color: #284662; }
	  
  #footer       { text-decoration: none; background: #EBEFF2; border-top: 1px solid #333333; text-align: right; padding: 10px; margin-top: 10px; clear: both; }
	
/* CSS Menu gauche */
#navigation a:hover { background-image: none; margin-bottom: 1px; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color: #333333; text-align: right; }
#navigation a { background-image: none; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color: #2F5689; text-align: right; }
#navigation p { background-image: none; text-align: left; height: 15px; border-top: 1px #CCCCCC; border-right: 1px #CCCCCC;	border-bottom: 1px solid #CCCCCC; border-left: 1px #CCCCCC; vertical-align: middle; margin: 0px; }
#navigation p:hover { background-image: none; text-align: left; height: 15px; border-top: 1px #CCCCCC; border-right: 1px #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px #CCCCCC; vertical-align: middle; margin: 0px; background-color: #E7B9E3; }
	
/* CSS player */	
.video                        { width: 642px; margin: auto; padding: 0; }
.video .big_thumb { border: 1px solid #000000; width: 640px; margin: auto; cursor: pointer; }
.video .thumb_l     { border: 1px solid #000000; margin-right: 5px; cursor: pointer; }
.video .thumb_r     { border: 1px solid #000000; cursor: pointer; }    
.video a { color: #2F5689; font-weight: bold; }
.video a.telecharger { display: block; width: 90%;	margin-right: 0; text-align: center;	border: 1px solid #2F5689; font-weight: bold; text-decoration: none; font-size: 12px; color: #2F5689;}
.video a.telecharger:hover { background: #2F5689; color: #FFFFFF; }

.clear { clear: both; }