*
{
	padding : 0px;
	margin : 0px;
	list-style-type : circle;
	list-style-position: inside;
}
body
{
	font-size:12px;
	font-family:arial;
	color:#374b88;
}
#general
{
	background-image : url("images/fond_anglais_2.jpg");
	background-repeat:no-repeat;
	margin-left : auto;
	margin-right : auto;
	width : 800px;
	height : 600px;
	border : 0px solid;
}
/*/////////////LIEN JERIKO//////////////////*/
#jeriko_lien
{
	width : 100px;
	position : relative;
	top: 25px;
	left: 665px;
}
#jeriko_lien a
{
	color:white;
	text-decoration:none;
} 
#jeriko_lien a:hover
{
	color:#374b88;
	text-decoration:none;
	background-color:white;
}
/*////////////////////MENU/////////////////////*/
#menu
{
	position : relative;
	top : 117px;
	left : 180px;
	width : 565px;
	height : 27px;
	line-height:normal;
}
#menu li
{
	float : left;
	list-style-type : none;
}
#li1 a
{
	width : 70px;
	background: url('images/btn_accueil.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li2 a
{
	width : 98px;
	background: url('images/btn_presentation.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li2b a
{
	width : 123px;
	background: url('images/btn_livret.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li3 a
{
	width : 112px;
	background: url('images/btn_demo.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li3b a
{
	width : 136px;
	background: url('images/btn_ressources.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li4 a
{
	width : 89px;
	background: url('images/btn_documents.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li5 a
{
	width : 136px;
	background: url('images/btn_collection.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li5b a
{
	width : 104px;
	background: url('images/btn_audio.jpg') no-repeat left top;
	text-decoration: none;
	height : 27px;
	display:block
}
#li1 a:hover
{
	background: url('images/btn_accueil.jpg') no-repeat 0 -27px ;
}
#li2 a:hover
{
	background: url('images/btn_presentation.jpg') no-repeat 0 -27px ;
}
#li2b a:hover
{
	background: url('images/btn_livret.jpg') no-repeat 0 -27px ;
}
#li3 a:hover
{
	background: url('images/btn_demo.jpg') no-repeat 0 -27px ;
}
#li3b a:hover
{
	background: url('images/btn_ressources.jpg') no-repeat 0 -27px ;
}
#li4 a:hover
{
	background: url('images/btn_documents.jpg') no-repeat 0 -27px ;
}
#li5 a:hover
{
	background: url('images/btn_collection.jpg') no-repeat 0 -27px ;
}
#li5b a:hover
{
	background: url('images/btn_audio.jpg') no-repeat 0 -27px ;
}
#infomenu
{
	position : relative;
	top : 120px;
	left: 175px;
	color : #AAAAAA;
	height : 15px;
	width : 550px;
}
/*///////////////////BLOC DE GAUCHE//////////////////////*/
#gauche
{
	margin-top : 125px;
	margin-left :30px;
	margin-right : 0px;
	border:1px solid #CCCCCC;
	padding : 10px;
	width : 110px;
	height : 364px;
	line-height : 30px;
}
#gauche a
{
	color:black;
	text-decoration:none;
	padding : 3px;
} 
#gauche a:hover
{
	color:black;
	text-decoration:none;
	background-color:white;
}
#formulaire
{
	padding-bottom:10px;
}
hr
{
	margin-top : 5px;
	margin-bottom : 5px;

}
#btn_valider
{
	margin-top:10px;
	align:center;
	border:1px solid #374b88;
	color:#374b88;
	font-weight:normal;
	background-color:#DDDDDD;
}
/*//////////////////BLOC CENTRAL////////////////////////*/
#contenu
{
	margin-top : -386px;
	margin-left : 165px;
	border:1px solid #CCCCCC;
	height : 364px;
	width : 573px;
	padding : 10px;
}
#contenu a
{
	color:#374b88;
	text-decoration:underline;
} 
#contenu a:hover
{
	color:black;
	text-decoration:none;
}
#accueil
{
	padding-top: 0px;
	width : 280px;
	height : 200px;
	text-align : justify;
}
#accueil2
{
	padding-left : 10px;
	padding-top : 0px;
	width : 560px;
	height : 321px;
	background-image : url('images/accueil.jpg');
	background-repeat : no-repeat;
	background-position :  left top;
}
#presentation
{
	padding-left : 0px;
	width : 580px;
	height : 200px;
}
#presentation a:hover
{
	background-color:white;
}
#accueil a:hover
{
	background-color:white;
}
#accueil a:hover
{
	background-color:white;
}
#audio
{
	padding-top : 20px;
	font-size : 10px;
}
#audio a:hover
{
	background-color:white;
}
.audiotitre
{
	font-weight : bold;
}
#audioa
{
	float : left;
	padding-right : 20px;
}
#audiob
{
	float : left;
	padding-right : 10px;
	border-right : 1px solid;
}
#audioc
{
	float : left;
	padding-left : 20px;
	padding-right : 10px;
}
#audiod
{
	float : left;

}
#infoaudio
{
	margin-top : 30px;
	margin-left : 400px;
	width : 140px;
	font-size : 12px;
	color : black;
	border-left : 1px solid;
	padding-left : 10px;
}
#titremenu
{
	line-height : 30px;
	background-color:white;
	height : 30px;
	padding-left: 10px;
	margin-bottom : 20px;
}
#image_tableau
{
	position : relative;
	top : 0px;
	left : 430px;
	width : 100px;
}
#image_presentation
{
	margin-top : -130px;
}
#image_qcm
{
	position :relative;
	top: 0px;
	width : 572px;
	height: 294px;
	background-image : url('images/image_qcm.jpg');
	background-repeat : no-repeat;
	background-position :   left 50%;
	text-align : right
}
#image_qo
{
	position : relative;
	top: 0px;
	width : 572px;
	height: 294px;
	background-image : url('images/image_qo.jpg');
	background-repeat : no-repeat;
	background-position :   left 50%;
	text-align : right
}
#info_ecran
{
	position : absolute;
	top : 132px;
	left: 170px;
	width:595px;
}
#zone_consigne
{
	position : absolute;
	top:30px;
	left:360px;
	width : 63px;
	height : 25px;
}
#zone_demande
{
	position : absolute;
	top:80px;
	left:360px;
	width : 63px;
	height : 25px;
}
#zone_ecoute
{
	position : absolute;
	top:250px;
	left:150px;
	width : 63px;
	height : 25px;
}
#zone_contenu
{
	position : absolute;
	top:180px;
	left:360px;
	width : 63px;
	height : 25px;
}
#zone_consigneqo
{	
	position : absolute;
	top:50px;
	left:360px;
	width : 63px;
	height : 25px;
}
#zone_saisieqo
{
	position : absolute;
	top:180px;
	left:360px;
	width : 63px;
	height : 25px;
}
#zone_informationqo
{	position : absolute;
	top:160px;
	left:160px;
	width : 63px;
	height : 25px;
}
#zone_ecouteqo
{
	position : absolute;
	top:100px;
	left:160px;
	width : 63px;
	height : 25px;
}
#zone_aideqo
{
	position : absolute;
	top:195px;
	left:19px;
	width : 63px;
	height : 25px;
}
a.info 
{
	position : relative;
	text-decoration: none;
	color: #374b88;
	font-weight:normal;
}
a.info:hover
{
	z-index:15; 
	background: none;
}
a.info span
{
	display: none;
}
a.info:hover span
{ 
	display: block;
	position: absolute; /*changer ce parametre pour décaler le texte quand apparition*/
	top: 0px;
	left: 40px;
	background:white;
	text-align: left;
	color:#374b88;
	padding: 6px;
	border: 1px #374b88 solid;
	width: 152px;
}
/*///////////////////MENU DU BAS/////////////////////////*/
#menu_pied
{
	font-size : 12px;
	width : 730px;
	padding :5px;
	margin-top : 10px;
	margin-left : 20px;
}
#menu_pied li
{
	list-style-type : none;
	float : left;
	text-decoration: none;
}
#menu_pied a
{
	color:black;
	text-decoration:none;
} 
#menu_pied a:hover
{
	color:black;
	text-decoration:none;
	background-color:#EEEEEE;
}