/* CSS Document */

body {font-family: arial, sans-serif;;border:0px; padding:0px; margin:0px; }

#content{padding:10px 10px 10px 10px}

a:link  {text-decoration:none;color:#2158B3;} 
a:visited  {text-decoration:none;color:#800080;}
a:hover  {text-decoration:none;color:#8080ff;}  
a:active  {text-decoration:none;color:#ff0000;} 


div#main{padding:0px;width: 65%;background-color:#fff;margin-bottom:170px;}

h1{margin-top:0}

h1, h2, p{margin-left:10px;margin-right:10px;}

.numero {border:0}

div#display_image{margin-right:20px;float: left;}

div#display_image_right{margin:5px 0px 0px 50px;}

div#pub_mince{width: 65%;height:50px;position:fixed;bottom:117px;background-color:#fff;}

div#trado{
	width: 65%;
	height:120px;
	position:fixed;
	bottom:0px;
	background-color:#CFF3D3;
	overflow-y: auto;
}

div#trado p{
	margin-top:5px;
}

div#controls{
	float:right;
	width:35%;
	background-color:#fff;
}

div#navigation_interne{
	height:50px;
	background-color:#fff;
}

div#navigation_interne p{
	margin-top:0px;
	text-align:center;
}

.btnNavIntInactive{
	width:75px; 
	height:30px; 
	font-size: 12px;
	font-family: Arial;
	font-weight:bold;
}

.btnNavInt {
	width:75px; 
	height:30px; 
	font-size: 12px;
	font-family: Arial;
	color:#00f;
}

div#grosse_pub{
	margin:5px 0px 220px 0px;
	text-align:center;
}

div#grosse_pub_left{margin: 0 30px 30px 10px;float: left;}

.pub_300_250_right{float:right;margin: 20px 20px 20px 20px;}

.pub_300_250_left{float:left;margin: 20px 20px 20px 20px;}

.pub_336_280_right{float:right;margin: 20px 20px 20px 20px;}

.pub_336_280_left{float:left;margin: 20px 20px 20px 20px;}


#dummyPlayer{display:table-cell; height:70px; width:230; padding-left:30px; padding-top:30px; position:fixed; bottom:0px; right:0px; background-color:#fff;}

div#player{display:table-cell;text-align:center;height:70px;padding-top:30px;width:35%;position:fixed;bottom:120px;background-color:#fff;}

audio{width:200px;}

div#navigation_externe{height:120px;width:35%;position:fixed;bottom:0px;background-color:#fff;display: table-cell;vertical-align: middle;}

div#navigation_externe p{text-align:center;}

.btnNavExt {width:90px; height:40px; margin: 0 5px 0 5px;font-size: 14px;font-family: Arial;color:#00f;}


.small  {font-size: small}
.large  {font-size: large}
.larger {font-size: larger}
.x-large{font-size: x-large}

.italic    {font-style: italic}
.underline {text-decoration: underline}
.bold      {font-weight:bold}

.dark_grey  {color: #333}
.grey 		{color: #666}
.light_grey {color: #999}

div#ten_buttons{float:left}

div#ten_buttons table{
	width:150px;
	padding: 0 20px 0 0;
}

div#ten_buttons td{
	text-align:center;
}

#answer {
	width:30em; 
	font-size: 14px;
}

#answer90 {
	width:25em; 
	font-size: 14px;
}

.btn_sentence{
	height:30px;
	width:30px;
	margin:5px 10px 5px 10px;
}

img.hp {
	border: 0;
	width: 11px;
	height: 16px;
}

div#caracteres_speciaux{
	padding-left: 150px;
}

table#table_caracteres_speciaux{
	border: solid;
	border-color:#CCC;
	border-width:thin;	
}