/*	*** www.epokhe.com ***
	Code et design : Arnaud Briand
	*** Le code est original ***
	Date : avril/mai 2006
	home.css : feuille de styles de la home epokhe.com
*/


@import url(colors.css);
@import url(global.css);
@import url(header.css);
@import url(synopsis.css);
@import url(upfooter.css);
@import url(footer.css);
@import url(boxes.css);
@import url(submissionforms.css);
@import url(info.css);
@import url(tooltip.css);
@import url(reclame.css);
@import url(flux.css);


/* ------------------------------------------------------------------------------------
styles de mise à plat
------------------------------------------------------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
}

ul, li {
list-style-type: none;
line-height: 15px;
}

fieldset {border: none}

.linkIn {}
.linkOut {color: #000; text-decoration: underline;}


/* ------------------------------------------------------------------------------------
body
------------------------------------------------------------------------------------ */
body {
border-top: 8px solid #4AA7C0;
background: url(../i/bgDegrade5.jpg) #FFF repeat-x 0 0;
}

/* ------------------------------------------------------------------------------------
wrapper
------------------------------------------------------------------------------------ */
div#wrapper {
position: relative;
margin: 20px auto 0;
width: 1018px;
}
html > body div#wrapper {width: 1008px;}

.navDown {
float: right;
margin: 40px 10px 0px 0px;
padding: 0px 10px 0px 0px;
font: normal 10px/140% Tahoma, Arial, "Trebuchet MS";
text-decoration: none;
}
.navUp {
float: right;
margin: 25px 40px 0px 0px;
padding: 0px 10px 0px 0px;
font: normal 10px/140% Tahoma, Arial, "Trebuchet MS";
text-decoration: none;
}


/* ------------------------------------------------------------------------------------
breadcrumb
------------------------------------------------------------------------------------ */
div#breadcrumb {
position: relative;
margin: 0px 0px 12px 4px;
width: 1004px;
height: 24px;
}
html > body div#breadcrumb {margin: 0px 0px 16px 2px; width: 1000px;}

div#breadcrumb p {
font: bold 11px/140% Tahoma, Arial, "Trebuchet MS";
padding: 4px 0px 0px 28px;
text-decoration: none;
}

div#breadcrumb p.update {
font: bold 11px/140% Tahoma, Arial, "Trebuchet MS";
margin: -15px 0px 0px 0px;
padding: 0px 10px 0px 0px;
text-decoration: none;
text-align: right;
}
html > body div#breadcrumb p.update {margin: -14px 0px 0px 0px;}


/* ------------------------------------------------------------------------------------
colOne
------------------------------------------------------------------------------------ */
div#colOne {
float: left;
width: 500px;
/* height: 500px; */
margin: 0px 0px 0px 2px;
}
div#colOne a img {border: none;}


/* ------------------------------------------------------------------------------------
colTwo
------------------------------------------------------------------------------------ */
div#colTwo {
float: left;
width: 250px;
margin: 0px 2px 0px 2px;
}
html > body div#colTwo {width: 248px;}

div#colTwo h4 {
clear: both;
font: bold 14px/130% "Trebuchet MS", Tahoma;
margin: 0px 0px 10px 0px;
padding: 10px 10px 0px 10px;
}

div#colTwo p.edito {
clear: both;
font: normal 12px/140% "Trebuchet MS", Tahoma;
margin: 0px 0px 10px 0px;
padding: 10px 10px 20px 10px;
}

div#colTwo p.edito a {
float:right;
font: normal 12px/130% "Trebuchet MS", Tahoma;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}


div#colTwo a.linkOut {
display: none;
clear: both;
float: right;
font: bold 11px/130% "Trebuchet MS", Tahoma;
margin: 4px 0px 10px 0px;
padding: 10px 16px 10px 10px;
text-decoration: none;
background: url(../i/author.gif) no-repeat 100% 50%;
}


/* ------------------------------------------------------------------------------------
sponsor
------------------------------------------------------------------------------------ */
div#colTwo #sponsor {
float: left;
width: 248px;
height: 245px;
margin: 0px 0px 0px 0px;
background: url(../i/sponsorFrame-v2.gif) no-repeat 50% 50%;
}

div#colTwo #sponsor img {
width: 205px;
height: 100px;
border: 4px solid #DDDAB5;
margin: 20px 0px 0px 18px;
}

div#colTwo #sponsor h2, div#colTwo #sponsor h2 a {
font: bold 11px/130% "Trebuchet MS", Tahoma;
padding: 4px 0 0 10px;
text-decoration: none;
}

div#colTwo #sponsor h3  {
font: bold 11px/130% "Trebuchet MS", Tahoma;
padding: 8px 0 0 20px;
}

div#colTwo #sponsor p  {
font: normal 11px/140% "Trebuchet MS", Tahoma;
padding: 8px 0 0 20px;
}

div#colTwo #sponsor p a  {
text-decoration: underline;
}

div#colTwo #sponsor p a:hover  {
text-decoration: underline;
}


/* ------------------------------------------------------------------------------------
sponsorVersatile
------------------------------------------------------------------------------------ */
div#colTwo #sponsorVersatile {
float: left;
width: 248px;
height: 245px;
margin: 8px 0px 0px 0px;
background: url(../i/sponsorFrame-v2.gif) no-repeat 50% 50%;
}

div#colTwo #sponsorVersatile img {
width: 205px;
height: 100px;
border: 4px solid #DDDAB5;
margin: 20px 0px 0px 18px;
}

div#colTwo #sponsorVersatile h2, div#colTwo #sponsorVersatile h2 a {
font: bold 11px/130% "Trebuchet MS", Tahoma;
padding: 4px 0 0 10px;
text-decoration: none;
}

div#colTwo #sponsorVersatile h3  {
font: bold 11px/130% "Trebuchet MS", Tahoma;
padding: 8px 0 0 20px;
}

div#colTwo #sponsorVersatile p  {
font: normal 11px/140% "Trebuchet MS", Tahoma;
padding: 8px 0 0 20px;
}

div#colTwo #sponsorVersatile p a  {
text-decoration: underline;
}

div#colTwo #sponsorVersatile p a:hover  {
text-decoration: underline;
}


/* ------------------------------------------------------------------------------------
colThree
------------------------------------------------------------------------------------ */
div#colThree {
float: left;
width: 250px;
/* height: 496px; */
margin: 0px 0px 0px 0px;
}

div#directory {
position: relative;
margin: 0px 5px 0px 0px;
width: 248px;
height: 190px;
}

div#directory h2, div#directory h2 a {
font: bold 14px/130% "Trebuchet MS", Tahoma;
margin: 0px 0px 0px 0px;
padding: 20px 0 4px 20px;
text-decoration: none;
}
div#directory h2 a:hover {text-decoration: underline;}

div#directoryLeft {
float: left;
margin: 20px 0px 0px 20px;
width: 200px;
}
html > body div#directoryLeft {
margin: 20px 0px 0px 40px;
width: 200px;
}

div#directoryLeft ul li a {
font: normal 11px/180% Tahoma, Arial, "Trebuchet MS";
padding: 0px 0px 0px 20px;
text-decoration: none;
background: url(../i/liHomeBlue.gif) no-repeat 7px 50%;
}

/* ------------------------------------------------------------------------------------
div#directoryRight {
float: left;
margin: 0px 0px 0px 0px;
width: 120px;
}

div#directoryRight ul li a {
font: normal 11px/130% Tahoma, Arial, "Trebuchet MS";
padding: 0px 0px 0px 16px;
text-decoration: none;
background: url(../i/liHomeBlue.gif) no-repeat 7px 50%;
}
------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------
The Drop-down Menu
------------------------------------------------------------------------------------ */
#menuDeroulant {
width: 116px;
height: 14px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
font: bold 11px/130% "Trebuchet MS", Tahoma;
}

#menuDeroulant li {
float: left;
width: 116px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0;
}

#boxOneG #menuDeroulant li a.boxMenuNiveau1 {height:12px;}

#menuDeroulant li a:link, #menuDeroulant li a:visited {
display: block;
height: auto;
color: #000;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #FFF;
text-decoration: none;
}

/* #menuDeroulant li a:hover {background-color: #FFF;} */
/* #menuDeroulant li a:active {background-color: #FFF;} */

#menuDeroulant .sousMenu {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

#menuDeroulant .sousMenu li {
float: none;
margin: 0;
padding: 0;
border: 0;
width: 116px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
display: block;
color: #000;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("../i/upfooterh1.png") repeat;
}

#menuDeroulant .sousMenu li a:hover {
background-image: none;
background-color: #F5F3DE;
}

#menuDeroulant li:hover > .sousMenu {display: block;}


/* ------------------------------------------------------------------------------------
radio blog club
------------------------------------------------------------------------------------ */
div#radioblog {
margin: 0px 0px 0px 10px;
background-color: #FFF;
}

div#radioblog #iframe {
background-color: transparent;
}


/* ------------------------------------------------------------------------------------
Mesure d'audience : Spywords, Xiti
------------------------------------------------------------------------------------ */
div#audience {display: none;}


/* ------------------------------------------------------------------------------------
Classement alphabétique
------------------------------------------------------------------------------------ */
div#wrapper p a.classementAlphabetique {
margin: 0px 1px;
padding: 4px 4px;
font: normal 12px/140% "Trebuchet MS", Tahoma, Arial;
text-decoration: none;
}
div#wrapper p a.classementAlphabetique {
padding: 4px 4px;
font: normal 12px/140% "Trebuchet MS", Tahoma, Arial;
text-decoration: none;
margin-left: 0px;
}