/* BODY */
body {
height : auto;
margin : 0 0;
padding : 0;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
background-color : #fdb903;
background-image : url(back.png);
background-position : top left;
background-repeat : repeat-x;
background-attachment : scroll;
text-align : justify;
}
body h1 {
font-family : Arial, sans-serif;
font-size : 14px;
color : #000000;
}




/* HEAD */
#head {
margin : 0 auto;
padding : 0px;
background : #000000;
width : 1000px;
height : 150px;
}
#head a img {border:none;}




/* MENU */
#menu {
margin : 0 auto;
padding : 0;
width : 1000px;
height : auto;
text-align : center;
display:table;
}
div.boutton {
display:table-cell;
float : left;
margin : 0 auto;
padding : 0;
background : #eccd77;
width : 200px;
text-align : center;
}
a.musique {
font-family : Verdana;
font-size : 18px;
text-decoration : none;
font-weight : bold;
color : #c00000;
padding : 10px;
display : block;
border-top : 4px solid #eccd77;
}
a.musique:hover {
color : #000000;
text-decoration : none;
border-top : 4px solid #c00000;
background : #e82222;
}
a.livre {
font-family : Verdana;
font-size : 18px;
text-decoration : none;
font-weight : bold;
color : #4040ff;
padding : 10px;
display : block;
border-top : 4px solid #eccd77;
}
a.livre:hover {
color : #000000;
text-decoration : none;
border-top : 4px solid #4040ff;
background : #8080ff;
}
a.cine {
font-family : Verdana;
font-size : 18px;
text-decoration : none;
font-weight : bold;
color : #008000;
padding : 10px;
display : block;
border-top : 4px solid #eccd77;
}
a.cine:hover {
color : #000000;
text-decoration : none;
border-top : 4px solid #008000;
background : #24ac24;
}
a.bd {
font-family : Verdana;
font-size : 18px;
text-decoration : none;
font-weight : bold;
color : #800080;
padding : 10px;
display : block;
border-top : 4px solid #eccd77;
}
a.bd:hover {
color : #000000;
text-decoration : none;
border-top : 4px solid #800080;
background : #c000c0;
}
a.fo {
font-family : Verdana;
font-size : 18px;
text-decoration : none;
font-weight : bold;
color : #000000;
padding : 10px;
display : block;
border-top : 4px solid #eccd77;
}
a.fo:hover {
color : #000000;
text-decoration : none;
border-top : 4px solid #000000;
background:#caab74;
}




/* undermenu ACCUEIL */
#undermenu {
margin : 0 auto;
background : #f7e593;
padding: 4px;
width : 992px;
}
#undermenu a {
text-decoration:none;
color:#666666;
}
#undermenu a:hover {
text-decoration:none;
background:#FFCC33;
color : #000000;
}




/* CORPS */
#corps {
margin : 0 auto;
background : #f7e593;
width : 1000px;
display:table;
}
#corps a {
text-decoration:none;
color:#666666;
}
#corps a:hover {
text-decoration:none;
background:#FFCC33;
color : #000000;
}



/* MAJ */
div.majmusique a {
padding : 5px;
float : left;
width : 240px;
height : 90px;
background : #f7e593;
text-decoration : none;
color : #cc0000;
border-bottom : 2px solid #000000;
}
div.majmusique a:hover {
text-decoration : none;
background : #e82222;
color : #000000;
}
div.majmusique a img {
width : 48px;
border : 1px solid #000000;
float : left;
margin-right : 5px;
margin-left : 5px;
}
div.majlivres a {
padding : 5px;
float : left;
width : 240px;
height : 90px;
background : #f7e593;
text-decoration : none;
color : #4040FF;
border-bottom : 2px solid #000000;
}
div.majlivres a:hover {
text-decoration : none;
background : #4040ff;
color : #000000;
}
div.majlivres a img {
width : 48px;
border : 1px solid #000000;
float : left;
margin-right : 5px;
margin-left : 5px;
}
div.majcine a {
padding : 5px;
float : left;
width : 240px;
height : 90px;
background : #f7e593;
text-decoration : none;
color : #008000;
border-bottom : 2px solid #000000;
}
div.majcine a:hover {
text-decoration : none;
background : #24ac24;
color : #000000;
}
div.majcine a img {
width : 48px;
border : 1px solid #000000;
float : left;
margin-right : 5px;
margin-left : 5px;
}
div.majbd a {
padding : 5px;
float : left;
width : 240px;
height : 90px;
background : #f7e593;
text-decoration : none;
color : #800080;
border-bottom : 2px solid #000000;
}
div.majbd a:hover {
text-decoration : none;
background : #c000c0;
color : #000000;
}
div.majbd a img {
width : 48px;
border : 1px solid #000000;
float : left;
margin-right : 5px;
margin-left : 5px;
}




/* ACCUEIL A LA UNE */
div.cadreune {
	width:498px;
	padding:0px;
	height:auto;
	float:left;
}
div.cadreuneedito {
	width:1000px;
	padding:0px;
	height:auto;
	display:block;
	float:left;
}
div.une {
display:table-cell;
float:left;
padding: 10px;
width: 480px;
height: 200px;
background : #f7e593;
text-decoration : none;
text-align:justify;
}
div.une a {
	color:#000000;
	text-decoration:none
}
div.une a:hover {
	color:#FFFFFF;
}
div.une img {
	width: 75px;
	margin: 0px 20px 20px 0px;
	float:left;
	display:block;
	border: 1px solid #000000;
}
div.une span.auteur {
	font-weight:bold
}
div.une span.objet {
	font-style:italic
}
div.une span.musique {
	color:#CC0000;
}
div.une span.livres {
	color:#4040FF;
}
div.une span.cine {
	color:#008000;
}
div.une span.bd {
	color:#800080;
}




/* ACCUEIL FORUM */
#forum {
margin : 0 auto;
padding : 20px 10px 20px 10px;
display:table-cell;
height:100%;
float : left;
width : 670px;
background : #f7e593;
text-decoration : none;
color : #000000;
font-size:12px;
}
#forum a {
text-decoration:none;
color : #666666;
}
#forum a:hover {
text-decoration:none;
background:#FFCC33;
color : #000000;
}
img.center {
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
}




/* ACCUEIL RADIO */
#radio {
margin : 0 auto;
padding : 20px 10px 20px 10px;
display:table-cell;
height:100%;
float : right;
text-align: right;
width : 270px;
background : #f7e593;
text-decoration : none;
color : #c00000;
}




/* ARCHIVES */
div.archives {
	padding: 10px 10px 0px 10px;
	width: 480px;
	display:table-cell;
	float:right;
}
div.archives a {
	text-decoration: none;
	font-size: 14px;
	padding: 0px 0px 0px 20px;
}
div.archives a:hover {
	font-weight: bold;
}
div.archives span.musique {color:#CC0000;}
div.archives span.musique a {color:#CC0000;}
div.archives span.musique a:hover {color:#FFFFFF;}
div.archives span.livres {color:#4040FF;}
div.archives span.livres a {color:#4040FF;}
div.archives span.livres a:hover {color:#FFFFFF;}
div.archives span.cine {color:#008000;}
div.archives span.cine a {color:#008000;}
div.archives span.cine a:hover {color:#FFFFFF;}
div.archives span.bd {color:#800080;}
div.archives span.bd a {color:#800080;}
div.archives span.bd a:hover {color:#FFFFFF;}
div.archives span.auteur {font-weight:bold}
div.archives span.objet {font-style:italic}
div.archives span.listetitre1 {
	color:#000000;
	font-size: 18px;
	font-weight: bold;
	padding: 0px px 0px 10px;
}
div.archives span.listetitre {
	color:#000000;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0px 0px 100px;
	border-bottom: 1px solid #666666;
}







/* CHRONIQUE GENERAL */

img.left {
float:left;
margin:10px 10px 10px 0px;
display:block;
border: 1px #000000 solid;
}
img.right {
float:right;
margin:10px 0px 10px 10px;
display:block;
border: 1px #000000 solid;
}


div.titre {
	padding:25px 50px 25px 50px;
	width: 900px;
	display:table-cell;
	float:right;
}
div.titre span.auteur{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
}
div.titre span.objet {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
}
div.titre span.musique {color:#CC0000;}
div.titre span.livres {color:#4040FF;}
div.titre span.cine {color:#008000;}
div.titre span.bd {color:#800080;}

div.pochette {
	width:250px;
	padding: 0px 50px 10px 20px;
	display:table-cell;
	float:right;
	text-align:center;
}
div.pochette img {
	border: 1px solid #000000;
	width:200px;
}

div.details {
	width:250px;
	padding: 0px 50px 25px 20px;
	display:table-cell;
	float:right;
	font-size: 12px;
}
div.details span.musique {color:#CC0000;}
div.details span.musique a {text-decoration:none;color:#000000;}
div.details span.musique a:hover {color:#FFFFFF;}
div.details span.livres {color:#000099;}
div.details span.livres a {text-decoration:none;color:#000000;}
div.details span.livres a:hover {color:#FFFFFF;}
div.details span.cine {color:#008000;}
div.details span.cine a {text-decoration:none;color:#000000;}
div.details span.cine a:hover {color:#FFFFFF;}
div.details span.bd {color:#800080;}
div.details span.bd a {text-decoration:none;color:#000000;}
div.details span.bd a:hover {color:#FFFFFF;}
div.details span.auteur {font-weight:bold;}
div.details span.objet {font-style:italic;}
div.details span.duree {text-decoration:underline}

div.redacteur {
	width:250px;
	padding: 0px 50px 25px 20px;
	display:table-cell;
	float:right;
	font-size: 11px;
}
div.redacteur a {text-decoration:none;color:#666666;}
div.redacteur a:hover {color:#000000;}
div.redacteur span.musique {color:#CC0000;}
div.redacteur span.musique a {text-decoration:none;color:#666666;}
div.redacteur span.musique a:hover {color:#000000;}
div.redacteur span.livres {color:#000099;}
div.redacteur span.livres a {text-decoration:none;color:#666666;}
div.redacteur span.livres a:hover {color:#000000;}
div.redacteur span.cine {color:#008000;}
div.redacteur span.cine a {text-decoration:none;color:#666666;}
div.redacteur span.cine a:hover {color:#000000;}
div.redacteur span.bd {color:#800080;}
div.redacteur span.bd a {text-decoration:none;color:#666666;}
div.redacteur span.bd a:hover {color:#000000;}
div.redacteur span.auteur {font-weight:bold}
div.redacteur span.objet {font-style:italic;}

div.chro {
	padding: 0px 0px 25px 50px;
	width:630px;
	height:auto;
	text-style: justify;
	display:table-cell;
	float:left;
}

div.chro span.musique {color:#000000;}
div.chro span.musique a {text-decoration:none;color:#CC0000;}
div.chro span.musique a:hover {color:#FFFFFF;}
div.chro span.livres {color:#000000;}
div.chro span.livres a {text-decoration:none;color:#000099;}
div.chro span.livres a:hover {color:#FFFFFF;}
div.chro span.cine {color:#000000;}
div.chro span.cine a {text-decoration:none;color:#008000;}
div.chro span.cine a:hover {color:#FFFFFF;}
div.chro span.bd {color:#000000;}
div.chro span.bd a {text-decoration:none;color:#800080;}
div.chro span.bd a:hover {color:#FFFFFF;}
div.chro span.objet{font-weight:bold}
div.chro span.track {font-style:italic;}
div.chro span.objet a hover {color:#FFFFFF;}
div.chro span.track a:hover {color:#FFFFFF;}

div.chro span.musiquechapeau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 15px 0px;
	color:#CC0000;
}
div.chro span.livreschapeau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 15px 0px;
	color:#4040FF;
}
div.chro span.cinechapeau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 15px 0px;
	color:#008000;
}
div.chro span.bdchapeau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 15px 0px;
	color:#800080;
}
  

#zoom {position:relative; z-index:100; float:left; padding:10px}
#zoom a.p1, #zoom a.p1:visited {display:block; width:200px; height:auto;}
#zoom a img {border:0; width:200px;}
#zoom a.p1:hover {text-decoration:none;}
#zoom a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#zoom a.p1:hover .large {display:block; position:absolute; top:-150px; left:100px; width:400px; height:auto;}


/* INFOSITE */

div.titreinfo {
	padding:20px 50px 25px 50px;
	width: 580px;
	display:table-cell;
	float:left;
}
div.titreinfo span.auteur{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
}
div.titreinfo span.objet {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
}
div.logo {
	width:250px;
	padding: 20px 50px 25px 20px;
	display:table-cell;
	float:right;
	text-align:right;
}
div.logo img {
	width:200px;
}
div.staff {
	padding: 0px 50px 25px 20px;
	width:250px;
	display:table-cell;
	float:right;
	font-size: 13px;
	text-align:right;
}
div.staff a {text-decoration:none;color:#666666;}
div.staff a:hover {color:#FFFFFF;}
div.staff span.auteur{font-weight:bold}
div.staff span.objet {font-style:italic;}

div.info {
	padding: 0px 0px 25px 50px;
	width:630px;
	text-style: justify;
	display:table-cell;
	float:left;
}
div.info a {text-decoration:none; color:#666666;}
div.info a:hover {color:#FFFFFF;}
div.info span.auteur{font-weight:bold}
div.info span.objet {font-style:italic;}
div.info span.musique {color:#CC0000;}
div.info span.musique a {text-decoration:none;color:#666666;}
div.info span.musique a:hover {color:#000000;}
div.info span.livres {color:#000099;}
div.info span.livres a {text-decoration:none;color:#666666;}
div.info span.livres a:hover {color:#000000;}
div.info span.cine {color:#008000;}
div.info span.cine a {text-decoration:none;color:#666666;}
div.info span.cine a:hover {color:#000000;}
div.info span.bd {color:#800080;}
div.info span.bd a {text-decoration:none;color:#666666;}
div.info span.bd a:hover {color:#000000;}
div.info span.chapeau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 15px 0px;
}

div.infocv {
	width:250px;
	padding: 0px 50px 25px 20px;
	display:table-cell;
	float:right;
	text-align:right;
}







/* COPYRIGHT */
div.copy {
float : left;
width : 100%;
border-top : 1px solid #c00000;
border-bottom : 1px solid #c00000;
background : #fdb903;
padding : 10px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
div.copy img {float : left;margin-right : 5px;}
div.copy a {text-decoration:none; color:#666666}
div.copy a:hover {color:#FFFFFF}