/* Les elements commentés se trouvent dans colors-mediatheque.ctp afin d'etre transformés en options */

/*body{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}*/

#globalSite{
	width:86%;
}

#globalSite2{
	margin-top:-508px;
}

#container{
	width:1000px;
	/*background-image: url(../img/fond.jpg);*/
	background-repeat: no-repeat;
	height:700px;
	margin:auto;
	margin-top:20px;
}



/*-------------------------------HEADER-------------------------------*/

#header{
	width:730px;
	height:180px;
	margin-left:250px;
	margin-top:12px;
	clear:both;
	
}

/*-----------------------CONTENU------------------*/

#settingsDividentity{
	margin-left:30px;
}

#UserChgpictForm{
	margin-left:30px;
}

#contenu{
	height:1000px;
	height:700px;
}

.flash{
	width:717px;
	margin-left:167px;
}

/*----------LOGO ET ACCROCHE---------*/
#partie1{
	width:730px;
	height:100px;
	clear:both;
}
	
.logo{
/*	background-image: url(../img/logoMediathequeTroyes.jpg);*/
	background-repeat: no-repeat;
	float: left;
	height: 76px;
	width: 324px;
	margin-top:20px;
	cursor:pointer;
}

.logo span{
	display:none;
}

.accroche{
	width:286px;
/*	background-image: url(../img/ecoutezVousLisez.jpg);*/
	background-repeat: no-repeat;
	float: left;
	height: 54px;
	margin-left: 70px;
	margin-top:30px;
}

.accroche span{
	display:none;
}
/*----------ACCROCHE2 et RECHERCHE--------------*/


#partie2{
	width:300px;
	height:75px;
	float:left;
	margin-left:40px;
}

.accroche2{
	width:auto; 
	height:auto;
	/*color:#09F;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left:20px;
	margin-bottom:10px;
	clear:both;
}

#search{
	width:150px;
}

#blocRecherche{
	width:170px;
	height:30px;
	margin-top:10px;
	margin-left:25px;
	float:left;
}

#rechercher{
	border:1px #CCCCCC groove;
	width:150px;
}

.submit input{
	border:none;
}

/*------------NAVIGATION HEADER-------------*/

#navigationHeader{
	width:380px;
	height:80px;
	margin-left:10px;
	float:left;
}

.ongletGenres, .ongletAuteurs, .ongletIntitules, .ongletNarrateurs{
	float: left;
	height: 42px;
	width: 107px;
	margin-top:38px;
}

.ongletAuteurs, .ongletIntitules, .ongletNarrateurs{
	margin-left:-20px;
}

.ongletGenres{
/*	background-image: url(../img/boutonGenres.gif);*/
	margin-left:0px;
}

.ongletAuteurs{
/*	background-image: url(../img/boutonAuteurs.gif);*/
	position: absolute;
}

.ongletIntitules{
/*	background-image: url(../img/boutonIntitules.gif);*/
	position: absolute;
	margin-left:70px;
}

.ongletNarrateurs{
/*	background-image: url(../img/boutonNarrateurs.gif);*/
	position: absolute;
	margin-left:160px;
}

.ongletGenres:hover, .ongletAuteurs:hover, .ongletIntitules:hover, .ongletNarrateurs:hover{
	height:58px;
	margin-top:22px;
	background-repeat: no-repeat;

}

.ongletGenres:hover{
/*	background-image: url(../img/boutonGenresRollOver.gif);*/
}

.ongletAuteurs:hover{
/*	background-image: url(../img/boutonAuteursRollOver.gif);*/
}

.ongletIntitules:hover{
/*	background-image: url(../img/boutonIntitulesRollOver.gif);*/
}

.ongletNarrateurs:hover{
/*	background-image: url(../img/boutonNarrateursRollOver.gif);*/
}

/*-----------------------------CONTENU--------------------------*/

#contenu{
	width:990px;
	height:490px;
	margin-left:3px;
}


/*---------NAVIGATION RUBRIQUE--------*/

#navigationRubrique{
	width:200px;
	height:485px;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}

#ongletAlphabet{
	/*background-image: url(../img/ongletAlphabet.jpg);*/
	clear: both;
	height: 80px;
	width: 201px;
	margin-bottom:1px;
	margin-left:0px;
	margin-top:-1px;
}

#blocContenuAlphab{
	padding-top:36px;
	margin-left:6px;
	font-size:13px;
}

#bloc1 li{
	margin-top:40px;
	height: 12px;
	width: 15px;
	display:block;
	float:left;
}

#bloc2 li{
	margin-top:5px;
	height: 12px;
	width: 15px;
	display:block;
	float:left;
}

.liensAlphab{
	font-family: Geneva, Arial, Helvetica, sans-serif;
/*	color: #000000;*/
	font-size:11px;
	text-align:center;
	width:10.5px;
	height:20px;
	text-decoration: none;
}

.liensAlphab:hover{
	color:#0066FF;
}


#boutonRubrique{
	height: 405px;
	width: 201px;
	float:left;	
	overflow:hidden;
}

#boutonRubrique p{
	float:left;	
}
.rubrique{
/*	background-image: url(../img/boutonOnglet.jpg);*/
	background-repeat: no-repeat;
	height: 41px;
	width: 200px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	float:left;
	text-align:center;
	line-height: 35px;
/*	cursor:pointer;*/
}

.rubrique:hover{
/*	background-image: url(../img/boutonOngletRollOver.jpg);*/
	background-repeat: no-repeat;
/*	color: #06F;*/
}


/*----------CONTENU LIVRE AUDIO-----------*/

#fondDegrader{
	width:787px;
	height:490px;
	/*background-image: url(../img/fondContenu.jpg);*/
	background-position:2% 49%;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #999999;
	border-right-color: #999999;
	float:left;
	margin-top:-3px;
/*	-moz-box-shadow: 3px 8px 30px #999;
	-webkit-box-shadow: 3px 8px 30px #999;*/
}

#animationCover{
	width:600px;
	height:300px;
	margin-left:100px;
}

.imageflow{
	font-size:15px;
}

.imageflow span{
	color:#0099FF;
	font-size:12px;
	font-style: italic;
	line-height: 20px;
}


/*-----------BLOC NOUVEAUTES------------*/

#nouveautes{
	width:690px;
	height:120px;
	margin-left:50px;
}

#nouveautes h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#333333;
	padding-left:25px;
}

#blocCouvNouveautes{
	width:730px;
	height:90px;
	margin-top:-6px;
	margin-left:-10px;
}

.couvNouveautes1, .couvNouveautes2, .couvNouveautes3, .couvNouveautes4, .couvNouveautes5, .couvNouveautes6, .couvNouveautes7, .couvNouveautes8{
	background-repeat: no-repeat;
	margin-left:25px;
	float: left;
	height: 90px;
	width: 60px;
}

.couvNouveautes1 span, .couvNouveautes2 span, .couvNouveautes3 span, .couvNouveautes4 span, .couvNouveautes5 span, .couvNouveautes6 span, .couvNouveautes7 span, .couvNouveautes8 span{
	display:none;
}

.paging{
	height:20px;
	width:100%;
	margin:auto;
/*	border:1px #000 solid;*/
}

.paginateLeft{
	float:left;
	margin-top:-40px;
	margin-left:-4px;
	cursor:pointer;
}

.paginateLeft img{
	width:24px;
	height:24px;
}

.paginateCenter{
	float:left;
	margin:30px 285px;
	font-size:13px;
}

.paginateRight{
	float:right;
	margin-top:-40px;
	cursor:pointer;
}

.paginateRight img{
	width:24px;
	height:24px;
}

/*--------------------FOOTER---------------------*/

#footer {
	height: 67px;
	width: 1000px;
	background-repeat: no-repeat;
	float:left;
	/*background-image: url(../img/blocFooter.jpg);*/
	margin-top: -4px;
}

#footer li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	/*color: #333;*/
	font-size: 12px;
}

#blocTxtFooter{
	margin-top:20px;
	margin-left:37px;
	width:842px;
	height:60px;
	float:left;
}

.liensDeconnecter{
	font-size: 14px;
}

.liensConnexionInscription{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration:underline;
}

.liensFooter{
	font-family: Geneva, Arial, Helvetica, sans-serif;
/*	color: #000000;*/
}

#footer a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#3399FF;
}

#blocCat{
	width:99px;
	height:51px;
	float:left;
}

.lienCat{
	/*background-image: url(../img/logoCat.jpg);*/
	background-repeat: no-repeat;
	float: left;
	height: 51px;
	width: 99px;
}

.lienCat span{
	display:none;
}


#blocTxtFooter span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#0099FF;
}

/*----------------BLOC CONTACT-------------------*/

#retourAccueil{
	width:700px;
	margin-left:50px;
	margin-top:40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
}

.retour{
	color:#0099FF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	text-decoration: none;
	cursor:pointer
}
	

#blocContact{
	width:700px;
	height:350px;
	margin-top:20px;
	margin-left:50px;
}

#blocContact h1{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 50px;
}

#blocContact p{
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 20px;
}

/*-----------------BLOC PEOPLE--------------*/

#blocPeople{
	width:700px;
	height:415px;
	margin-top:10px;
	margin-left:50px;
}

#blocPeople h1{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 50px;
}

#blocPeople p{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 15px;
}

#blocInfos{
	width:700px;
	height:120px;
	margin-top:10px;
}

#blocTitreInfos{
	height:15px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

/*-----------------BLOC PARTENAIRES--------------*/

#blocPartenaires{
	width:700px;
	height:415px;
	margin-top:10px;
	margin-left:50px;
}

#blocPartenaires h1{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 50px;
}

#blocPartenaires p{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 15px;
}

#blocGouv, #blocChampagneArdenne, #blocEurope{
	width:700px;
	height:120px;
	margin-top:10px;
}

#blocChampagneArdenne{
	height:100px;
}

#blocEurope{
	height:120px;
}


#blocTitrePartenaires{
	height:15px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

.titrePartenaires{
	font-size:13px;
	color:#333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.gouv, .champagneArdenne, .europe{
	float: left;
	height: 66px;
	width: 50px;
	margin-top:7px;
}

.gouv{
	background-image: url(../img/logo_repub_francaise.jpg);
	background-repeat: no-repeat;
	margin-right:10px;
}

.champagneArdenne{
	background-image: url(../img/logo_champ_ardenne.jpg);
	background-repeat: no-repeat;
	margin-right:10px;
}

.europe{
	background-image: url(../img/logo_europe.jpg);
	background-repeat: no-repeat;
}
#blocResume {
	height: auto;
	width: 630px;
	margin-left:20px;
	margin-top:10px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}


/*----------BLOC MENTIONS--------------*/

#blocMentions{
	width:700px;
	height:400px;
	margin-top:10px;
	margin-left:50px;
	overflow:auto;
}

#blocMentions h1{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 50px;
}

#blocMentions p{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 13px;
}

.cat{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333
}

#blocMentions h3{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


/*----------BLOC MENTIONS--------------*/

#blocRegister{
	width:700px;
	height:400px;
	margin-top:10px;
	margin-left:50px;
}

#blocRegister p{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 13px;
	margin-top: 44px;
}

/*------------------------------------------------------BLOC LIVRE------------------------------------------------------------*/

#contenuLivre{
	margin-left:50px;
	width:690px;
	height:300px;
	clear:both;
}

#blocLivre{
	width:370px;
	height:230px;
	margin-top: 30px;
	float:left;
}

#imageLivre{
	width:120px;
	height:180px;
	background-repeat:no-repeat;
	float: left;
	margin-top:-15px;
}

#imageLivre span{
	display:none;
}

#resume{
	width:225px;
	height:90px;
	margin-left:20px;
	float:left;
}

#titreResume{
	width:225px;
	height:20px;
	border-bottom:solid 1px #999999;
	margin-bottom:10px;
}

#infoResume {
	font-size:14px;
	height:30px;
	margin:-10px auto 2px;
}

#resume p{
	font-family: Arial, Helvetica, sans-serif;
	height:85px;
	font-size: 12px;
	overflow:auto;
	margin-top:24px;
}

.chapCom{
	color:#999999;
	cursor:pointer;
	border:solid 1px;
	border-bottom:none;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-bottomleft:0;
	-webkit-border-radius-bottomright:0;
	-webkit-border-radius-topleft:5px;
	-webkit-border-radius-topright:10px;
}

#blocChapitreLivre{
	font-size: 13px;
	width:289px;
	height:176px;
	margin-top:5px;
	margin-left:0px;
	float:left;
	border:solid 1px #FFFFFF;
	overflow:auto;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	padding-top:24px;
}

.chapitres{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration:none;
	padding-top:5px;
	padding-left:5px;
}

.chapitres:hover{
	color:#0099FF;
	
}

#player{
	/*background-image: url(../img/player.gif);*/
	background-repeat: no-repeat;
	height: 35px;
	width: 366px;
	margin-top:30px;
	float:left;
}

#timer{
	width:30px;
	height:20px;
	margin-top:10px;
	margin-left:295px;
}

#timer p{
	font-size:12px;
	color:#FFFFFF;
}

#texteCommentaire {
	font-size: 15px;	
}

#commentaires{
	margin-top:-15px;
	width:290px;
	height:240px;
	float:left;
}

#titreCommentaires{
	width:290px;
	height:20px;
	border-bottom:solid 1px #999999;
	float:left;
}

.txtAjout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#0099FF;
}

#blocTitreCom{
	width:260px;
	height:20px;
	border-bottom:solid 1px #999999;
	float:left;
}

#btnAjout{
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}

.boutonAjout{
	width:20px;
	height:20px;
	/*background-image:url(../img/ajout_com.gif);*/
	background-repeat:no-repeat;
}

#blocCommentaire{
	width:290px;
	height:230px;
	margin-top:30px;
	margin-left:30px;
	float:left;
}

#titreCommentaires{
	width:290px;
	height:20px;
	border-bottom:solid 1px #999999;
/*	float:left;*/
}

#groupeBlocCom{
	width:290px;
	height:200px;
	overflow:auto;
	border-bottom:solid 1px #999999;
	float:left;
}

#blocPersoComm{
	width:270px;
	height:auto;
	margin-top:20px;
	float:left;
	padding-top:13px;
}

#blocPersoTexte{
	width:290px;
	height:110px;
}

#blocPersoNom{
	width:40px;
	height:auto;
	float:left;
}

#persoVoolume{
	background-image: url(../img/perso_voolume.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 40px;
	float: left;
}

#nomPerso{
	width:40px;
	height:30px;
	margin-top:45px;
	float:left;
}

#nomPerso p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

#texteCommentaire{
	width:190px;
	height:auto;
	margin-left:50px;
	margin-top:-20px;
}

#removeCommentaire{
	width:20px;
	height:20px;
	margin-left:250px;
}

#texteCommentaire p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	
}

.submit input{
	font-size:12px;
	cursor:pointer;
}


/*-----------BLOC RECOMMENDE------------*/

#recommende{
	width:690px;
	height:150px;
	margin-left:50px;
	border:solid 1px #999999;
}

#blocgris{
	width:690px;
	height:30px;
	background-color:#999999;
}

#recommende h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	padding-left:25px;
	padding-top:5px;
}

.prev{
	background-image: url(../img/prev.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 28px;
	float:left;
	margin-top:30px;
	margin-left:50px;
}

.next{
	background-image: url(../img/next.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 28px;
	float:right;
	margin-top:30px;
	margin-right:50px;
}

#blocRecommende{
	width:690px;
	height:90px;
	margin-top:10px;
}

.couvRecommende1, .couvRecommende2, .couvRecommende3, .couvRecommende4{
	background-repeat: no-repeat;
	margin-top:-10px;
	margin-left:85px;
	float: left;
	height: 90px;
	width: 60px;
}

.couvRecommende1 span, .couvRecommende2 span, .couvRecommende3 span, .couvRecommende4 span{
	display:none;
}