/*
Theme Name: Kaeso Le Pretorien Theme
Theme URI: http://www.kaesolepretorien.com/
Version: 0.1.0
Author: Nexus Fred
*/

/**
* Reset Styles
* Source: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
blockquote, q { quotes: none; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-spacing: 0; }
:focus { outline: 0; }


/**
 * New Default Values
 */
body
{
	background-color: #BD6421;
	color: #000;
	font-size: 62.5%; /* Resets 1em to 10px */
	margin-top: 0;
}

address,fieldset,label,h1,h2,h3,h4,h5,h6,p,pre,dl,ol { padding: 0.5em 0; }

fieldset { padding: 0.5em; }
input    { padding: 2px; }
textarea { padding: 2px; }
dd       { margin-left: 2em; }
img      { border: 0; }

/*
 * Font Familly
 */
body,input,select,textarea
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif*/
	/*font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}


/*
 * Titles
 */
h1, h2, h3, h4, h4, h5, h6
{
	color: #000;
	font-family: Arial;
	padding: 0;
	margin-bottom: 6px;
}

h1 { font-size: 2.8em; line-height: 1; padding-top: 0; }
h2 { font-size: 1.4em; line-height: 1; }
h3 { font-size: 1.2em; line-height: 1; }
h4 { font-size: 1.1em; line-height: 1; }
h5 { font-size: 1em; line-height: 1; }
h6 { font-size: 0.9em; line-height: 1; }


/*
 * Links
 */
a
{
	color: #810E0A;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


/* Définitions du texte dans les TD */
td
{
font: 13px verdana;
color: #000000;
line-height: 20px;
text-align: justify;
}

.td-align-right
{
	text-align: right;
}


/*
 * Images
 */
img.alignleft
{
	float: left;
	margin: 3px 7px 0 0
}

img.alignright
{
	float: right;
	margin: 3px 0 0 7px;
}

img.aligncenter
{
	margin: 0 auto 7px auto;
	position: relative;
}

div.aligncenter
{
	margin-bottom: 7px;
	text-align: center;
}

div.aligncenter img
{
	float: none;
	margin: 0;
}

img.alignnone
{
	margin: 7px;
}





/* Definition de base End */

/* Skeletton Start */
#container
{
	background-color: #E7B97B;
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	height: 1%;
	position: relative;
}

#container-wrap
{
	
}

#header
{
	position: relative;
}

#header-wrap
{
	height: 65px;
}


* html #header-wrap
{
	height: 50px;
}

#content
{
	position: relative;
	text-align: center;
	margin: 20px 0 20px 0;
}

#main-body
{
	/* border: 3px green solid; */
	background-color: #E7B97B;
	min-height: 440px;
	/* padding: 5px 20px 25px 25px; */
}

* html #main-body
{
	height: 440px;
}

#footer
{
	background: transparent url(css/footer.jpg) no-repeat 0 0;
	background-color: #c4f3e8;
	height: 22px;
	clear: both;
	text-align: center;
	font-size: 1.1em;
}


#footer p
{
	margin : 0;
}

#footer-wrap
{
	
}

/* Skeletton End */




/* Class & ID generic End */ 









/* Menu Start */ 

#main-menu
{
	background:url(css/menu_background.jpg) no-repeat;
	background-position: center center;
	height: 30px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}

#menu_container
{
	margin-left: 50px;
}

/* #############################" MENU ######################################### */

#nav 
{
	/* background:url(css/menu_background.jpg); */
	padding:0;
	margin:0;
	list-style:none;
	height:30px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	z-index:200;
	font-family:arial, verdana, sans-serif;
	width:946px;
}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:30px; text-decoration:none; margin:0 2px 0 2px; cursor:pointer;}
#nav li a b {margin-left:-999px;}
#nav li a span {visibility: hidden;}


#nav li a.accueil {background:url(css/menu_accueil.gif); width:97px;}
#nav li a.romans {background:url(css/menu_romans.gif); width:125px;}
#nav li a.personnages {background:url(css/menu_personnages.gif); width:165px;}
#nav li a.contexte {background:url(css/menu_contexte.gif); width:130px;}
#nav li a.auteur {background:url(css/menu_auteur.gif); width:101px;}
#nav li a.presse {background:url(css/menu_presse.gif); width:137px;}
#nav li a.contacts {background:url(css/menu_contacts.gif); width:109px;}

#nav li:hover a,
#nav a:hover
{background-position: 0 -30px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:28px; width:165px; height:auto; z-index:300;} /* background: #CE8208; */

* html #nav :hover ul.sub
{left:0; top:30px; width:165px; height:auto; z-index:300;} /* background: #CE8208; */

#nav :hover ul.sub li
{display:block; height:24px; position:relative; float:left; width:165px; font-weight:normal; margin: 2px 0 0 0;}

* html #nav :hover ul.sub li
{
	margin: 0 0 0 -2px;
}

#nav :hover ul.sub li a
{display:block; height:24px; width:165px; text-decoration:none; padding:0; cursor:pointer;}

#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}


#nav :hover ul li a.menu_perso_kaeso {background:url(css/menu_perso_kaeso.gif);}
#nav :hover ul li a.menu_perso_io {background:url(css/menu_perso_io.gif);}
#nav :hover ul li a.menu_perso_concordia {background:url(css/menu_perso_concordia.gif);}
#nav :hover ul li a.menu_perso_hildr {background:url(css/menu_perso_hildr.gif);}
#nav :hover ul li a.menu_perso_caligula {background:url(css/menu_perso_caligula.gif);}
#nav :hover ul li a.menu_perso_ludius {background:url(css/menu_perso_ludius.gif);}
#nav :hover ul li a.menu_perso_mustella {background:url(css/menu_perso_mustella.gif);}
#nav :hover ul li a.menu_perso_mnester {background:url(css/menu_perso_mnester.gif);}
#nav :hover ul li a.menu_perso_donar {background:url(css/menu_perso_donar.gif);}
#nav :hover ul li a.menu_perso_apollonius {background:url(css/menu_perso_apollonius.gif);}
#nav :hover ul li a.menu_perso_helicon {background:url(css/menu_perso_helicon.gif);}
#nav :hover ul li a.menu_perso_malah {background:url(css/menu_perso_malah.gif);}


#nav :hover ul.sub li a:hover 
{background-position: 0 -24px; position:relative;}
/* #nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;} */


/* Menu End */ 


/* Home Start */
#home #nav li a.accueil
{
	background:url(css/menu_accueil.gif);
	background-position: 0 -60px;
	width:97px;
	cursor: default;
	
}


#table_home
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#table_home td
{
	/* border: solid #000 1px; */
	font: 13px verdana;
	color: #000000;
	line-height: 20px;
	text-align: center;
}
/* Home End */ 


/* Romans Start */

#romans #nav li a.romans
{
	background:url(css/menu_romans.gif);
	background-position: 0 -60px;
	width:125px;
	cursor: default;
	
}

#table_romans
{
	margin-left: auto;
	margin-right: auto;
}

#table_romans td
{
	vertical-align : top;
	line-height: 1.2em;
	padding: 5px 0 5px 0;
}

#table_romans p
{
	padding: 0.5em 0 0.5em 0;
	
}

/* Romans End */


/* Perso Start */

#perso #nav li a.personnages
{
	background:url(css/menu_personnages.gif);
	background-position: 0 -60px;
	width:165px;
	cursor: default;
}

/* Apollonius */
#perso_apollonius #nav :hover ul li a.menu_perso_apollonius 
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_apollonius #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_apollonius #nav :hover a.personnages, #perso_apollonius #nav a.personnages:hover
{
	background-position: 0 -30px;
}

/* Caligula */
#perso_caligula #nav :hover ul li a.menu_perso_caligula 
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_caligula #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_caligula #nav :hover a.personnages, #perso_caligula #nav a.personnages:hover
{
	background-position: 0 -30px;
}

/* Concordia */
#perso_concordia #nav :hover ul li a.menu_perso_concordia 
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_concordia #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_concordia #nav :hover a.personnages, #perso_concordia #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Donar */
#perso_donar #nav :hover ul li a.menu_perso_donar 
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_donar #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_donar #nav :hover a.personnages, #perso_donar #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Helicon */
#perso_helicon #nav :hover ul li a.menu_perso_helicon
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_helicon #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_helicon #nav :hover a.personnages, #perso_helicon #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* hildr */
#perso_hildr #nav :hover ul li a.menu_perso_hildr
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_hildr #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_hildr #nav :hover a.personnages, #perso_hildr #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Io */
#perso_io #nav :hover ul li a.menu_perso_io
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_io #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_io #nav :hover a.personnages, #perso_io #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Kaeso */
#perso_kaeso #nav :hover ul li a.menu_perso_kaeso
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_kaeso #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_kaeso #nav :hover a.personnages, #perso_kaeso #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Ludius */
#perso_ludius #nav :hover ul li a.menu_perso_ludius
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_ludius #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_ludius #nav :hover a.personnages, #perso_ludius #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Malah */
#perso_malah #nav :hover ul li a.menu_perso_malah
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_malah #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_malah #nav :hover a.personnages, #perso_malah #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Mnester */
#perso_mnester #nav :hover ul li a.menu_perso_mnester
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_mnester #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_mnester #nav :hover a.personnages, #perso_mnester #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Mustella */
#perso_mustella #nav :hover ul li a.menu_perso_mustella
{
	background-position: 0 -48px;
	cursor: default;
}

#perso_mustella #nav li a.personnages
{
	background-position: 0 -60px;
}

#perso_mustella #nav :hover a.personnages, #perso_mustella #nav a.personnages:hover
{
	background-position: 0 -30px;
}
/* Perso End */

 

/* Contexte Start */ 
 
#contexte #nav li a.contexte
{
	background:url(css/menu_contexte.gif);
	background-position: 0 -60px;
	width:130px;
	cursor: default;
	
} 
 
#table_contexte
{
	margin-left: auto;
	margin-right: auto;
} 
 
/* Contexte End */ 
 
 
/* Auteur Start */

#auteur #nav li a.auteur
{
	background:url(css/menu_auteur.gif);
	background-position: 0 -60px;
	width:101px;
	cursor: default;
	
}

#table_auteur
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#table_auteur td
{
	/* border: solid #000 1px; */
	vertical-align : top;
	font-family: verdana;
	color: #000000;
	line-height: 20px;
	text-align: justify;
}



#table_auteur_livres td
{
	/* border: solid #000 1px; */
	padding: 10px 10px 10px 0;	
	vertical-align : top;
	font-size: 1.2em;
	font-weight: bold;
	font-family: verdana;
	color: #000000;
	line-height: 1.2em;
	text-align: center;
}




/* Auteur End */
 

/* Presse Start */

#presse #nav li a.presse
{
	background:url(css/menu_presse.gif);
	background-position: 0 -60px;
	width:137px;
	cursor: default;
	
}

#table_presse
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

#table_presse_download
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

#table_presse_download td
{
	text-align: center; 
	font-weight: bold;
}

#table_presse_download_titre
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

#table_presse_download_titre td
{
	text-align: left; 
}
#table_presse_download_photo
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

#table_presse_download_photo td
{
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

/* Presse End */ 



/* Contacts Start */

#contacts #nav li a.contacts
{
	background:url(css/menu_contacts.gif);
	background-position: 0 -60px;
	width:109px;
	cursor: default;
}

#table_Contacts_titre
{
	margin-left: auto;
	margin-right: auto;
}

#table_Contacts_titre td
{
	text-align: left;
	font-weight: bold;
}


/* Contacts End */
 
 
 
  

/* Footer Start */ 

#footer
{
	background:url(css/footer.jpg) no-repeat;
	background-position: top center ;
	height: 22px;
	font-family: verdana;
	color: #000000;
	font-size: 1.0em;
	/* margin: 5px 0 0 0; */
	/* font-weight: bold; */
	text-align: center;
	clear: both;
}

#table_footer td
{
	text-align: center;
	font-size: 1.0em;
}


/* Footer End */
 
 
 
 
 
/* Class & ID generic Start */ 


.titre_large
{
	font-family: verdana;
	font-size: 2.0em;
	color: #A51701;
}

.titre_medium
{
	font-family: verdana;
	font-size: 1.4em;
	color: #A51701;
	font-weight: normal;
}