/* Osez Philosopher | Larousse */

/*GENERAL STUFF*/

* { margin:0; padding:0; }
html, body { height:100%; }
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#303134; background:url(../images/bg_body.gif) repeat-x; }

a { color:#999; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:0; }
img { border:0; }

hr { display:none; }

#global { width:980px; min-height:94%; padding:3px 0 0 10px; background:no-repeat 0 144px;  }
#content { margin-left:-10px; padding:10px 0 0 20px; }

h1 { display:block; text-indent:-99999px; text-decoration:none; overflow:hidden; width:297px; height:100px; background:url(../images/logo.gif) no-repeat; float:left; margin:10px 40px 0 0; }
h1 a { display:block; height:111px; text-decoration:none; }

h2 { font-size:2.5em; margin-bottom:15px; }
h3 { font-size:1.8em; margin:-10px 0 10px 0; color:#999; }
h4 { font-size:2em; }
h5 { font-size:1.4em; }
h2, h3, h4, h5 { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-weight:normal; }
ul { list-style:none; }

.clear { clear:both; height:0px; }
.bold { font-weight:bold; }
.filet { border-bottom:1px solid; clear:both; margin:-10px 0 15px 0; }
.floatLeft { float:left; }
.miniMini img { width:70px; margin-right:10px; }
.msgSent { border:1px solid #999; color:#999; text-transform:uppercase; padding:15px 25px; width:200px; text-align:center; }

.stuckit { position:absolute; bottom:0; }
#content .sousTitre { font-size:1.25em; color:#747474; font-weight:bold; font-style:italic; margin:-10px 0 10px 0; }
#content p { padding:2px 0; }


/*HEADER*/

#header { height:146px; width:980px; margin-bottom:-5px; }

#accessibilite { color:#999; font-size:0.8em; margin-bottom:10px; position:relative; }

#header .sousTitre { position:absolute; top:110px; left:133px; width:175px; text-align:right; color:#999; font-size:0.9em; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; }

#header #recherche { position:absolute; top:13px; left:805px; }

#navigation { list-style:none; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:1.2em; font-weight:bold; margin:55px 0 0 0; }
/*#navigation li { float:left; height:20px; padding:0 9px; background:url(../images/nav/border.gif) no-repeat right; }
#navigation li a { display:block; height:14px; text-indent:-9999px; overflow:hidden; text-decoration:none; margin-top:4px; }

#navigation li .navCollection { width:87px; background:url(../images/nav/nav_collection.gif) no-repeat; }
#navigation li .navAuteurs { width:75px; background:url(../images/nav/nav_auteurs.gif) no-repeat; }
#navigation li .navExtraits { width:109px; background:url(../images/nav/nav_extraits.gif) no-repeat; }
#navigation li .navSelection { width:106px; background:url(../images/nav/nav_selection.gif) no-repeat; }
#navigation li .navDico { width:48px; background:url(../images/nav/nav_dico.gif) no-repeat; }
#navigation li .navBlog { width:48px; background:url(../images/nav/nav_blog.gif) no-repeat; }

#navigation .noBg { background-image:none; }
*/

#navigation li { float:left; height:20px; }
#navigation li a { display:block; height:20px; padding:0 9px; text-indent:-9999px; overflow:hidden; text-decoration:none;  background:url(../images/nav/bg_nav.gif) no-repeat; }

#navigation li .navCollection { width:75px; background-position:0 0; }
#navigation li .navCollection:hover { background-position:0 -24px; }

#navigation li .navAuteurs { width:75px; background-position:-94px 0; }
#navigation li .navAuteurs:hover { width:75px; background-position:-94px -24px; }

#navigation li .navExtraits { width:112px; background-position:-187px 0; }
#navigation li .navExtraits:hover { width:112px; background-position:-187px -24px; }

#navigation li .navVideos { width:40px; background-position:-315px 0; }
#navigation li .navVideos:hover { width:40px; background-position:-315px -24px; }

#navigation li .navSelection { width:106px; background-position:-372px 0; }
#navigation li .navSelection:hover { width:106px; background-position:-372px -24px; }

#navigation li .navDico { width:48px; background-position:-495px 0; }
#navigation li .navDico:hover { width:48px; background-position:-495px -24px; }

#navigation li .navBlog { width:48px; background-position:-561px 0; }
#navigation li .navBlog:hover { width:48px; background-position:-561px -24px; }

/*HOME LEFT*/

#leftIndex { width:565px; float:left; margin-right:-10px; }

.banniereHome { margin:-10px 0 10px -20px; width:570px; height:260px; }

#leftIndex #leftCol { float:left; width:290px; margin:0 10px 0 -10px; }
#leftIndex #leftCol #video { width:270px; height:260px; background:url(../images/bg_video.gif) no-repeat; padding:17px; }
#leftIndex #leftCol #video p a { text-align:center; display:block; text-decoration:none; text-transform:uppercase; font-size:1.2em; font-weight:bold; margin-top:-5px; color:#67979f; }
#leftIndex #leftCol #video h3 {  font:1.3em normal; font-family:"Trebuchet MS", Verdana, Arial, sans-serif;color:#db2729; text-transform:uppercase; margin:5px auto;  }
#leftIndex #leftCol .btContact { display:block; width:274px; height:42px; margin:15px auto; background:url(../images/bt_ecrire.gif) no-repeat; text-indent:-9999px; overflow:hidden; text-decoration:none; }

#leftIndex #rightCol { width:250px; float:left; }

#leftIndex #rightCol h3 { display:block; text-transform:uppercase; color:#fff; font:bold 1.1em "Trebuchet MS", Verdana, Arial, sans-serif; padding-left:5px; margin-top:0px; }
#leftIndex #rightCol .presse { background-color:#7f468e; }
#leftIndex #rightCol .actu { background-color:#8cc87e; margin-top:15px; }
#leftIndex #rightCol .item {  background:url(../images/dots_white.gif) repeat-x bottom; padding:0 0 10px 0; margin:5px 0; }
#leftIndex #rightCol h4 { color:#db2729; margin:0; font-size:1em; }
#leftIndex #rightCol .date { font-size:0.9em; font-style:italic; color:#303134; font-weight:normal; margin-left:5px; }
#leftIndex #rightCol p { text-align:left; margin-bottom:3px; }
#leftIndex #rightCol a { font-size:0.9em; }


/*HOME RIGHT*/
#rightIndex { background:url(../images/bg_blog_home.gif) repeat-x #303134; width:380px; float:left; margin:-10px 0 0 -5px; color:#cdcdcd; text-align:justify; padding:0 15px 15px 15px; }
#rightIndex a { color:#dd262b; text-decoration:none; }
#rightIndex a:hover {  text-decoration:underline; }
#rightIndex .postMetaData { text-align:right; padding-top:5px; margin-bottom:35px; color:#646366; font-size:0.9em; }
#rightIndex .postMetaData a { color:#cdcdcd; }
#rightIndex img  { display:none; }
#rightIndex blockquote  { display:block; text-align:left; margin:20px 0 20px 10px; background:url(../images/bg_quote_black.gif) no-repeat 0 0; font-size:1.3em; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-style:italic; color:#cdcdcd; }

#rightIndex h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.7em; color:#dd262b; font-weight:normal; text-align:right; background:url(../images/dots_white.gif) repeat-x bottom; padding:0 0 5px 0; }
#rightIndex h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#dd262b; font-weight:normal; text-align:right; background:url(../images/dots_white.gif) repeat-x bottom; padding:0 0 5px 0; margin-bottom:10px; font-size:1.3em; }

.titreBlog { display:block; clear:both; text-indent:-9999px; height:80px; text-decoration:none; overflow:hidden; background:url(../images/titre_blog_home.gif) no-repeat top right; }
.titreBlog a { display:block; height:73px;  }
.postmetadata a { text-align:right; color:#909090; }

.commentmetadata_top { text-align:right; }
.commentBox { background:url(../images/bg_comment_top.gif) no-repeat top #292b2d; padding:20px 10px 0 10px; }
.commentmetadata_bottom { text-align:right; background:url(../images/bg_comment_bottom.gif) no-repeat top; padding-top:15px; margin-bottom:20px; color:#646366; font-size:0.9em;  }


/*GENERIC CONTENT LEFT*/
#left { width:580px; float:left; margin:20px 0 0 0; }
#left  p { text-align:justify; }
#left #leftCol { float:left; width:200px; margin:0; }
#left #rightCol { width:370px; float:left; }
#left #rightCol .link { display:block; margin:10px 0; font-size:1.1em; }
#left h3 { display:block; border-bottom:1px solid; margin:10px 0;  }

/*GENERIC CONTENT RIGHT*/
#right { width:350px; float:left; margin:0 0 0 10px; }
.bgOmbre { background:url(../images/bg_ombre.gif) no-repeat; }

/*GRILLE*/

.grille { list-style:none; width:960px; margin:0 auto; color:#393939; }
.grille li { display:block; float:left; width:480px; padding-top:8px; margin-bottom:15px; background:url(../images/border_dots.gif) repeat-x top; }
.grille h4 a { text-decoration:none; }
.grille h4 a:hover { text-decoration:underline; }
.grille li .lienFiche { font-size:0.9em; }
.grille li .lienPDF { height:22px; background:url(../images/ico_pdf.gif) no-repeat 110px 0px; font-weight:bold; margin:10px 0; }
.grille li .lienPDF a { padding-left:25px; }

.grille li .lienPDF  .stdColor { position:relative; }
.grille li .lienPDF  .stdColor span { display: none; }
.grille li .lienPDF  .stdColor:hover { /* correction d'un bug IE */ z-index: 500; }
.grille li .lienPDF  .stdColor:hover span { display:inline; position:absolute; top:-2em; left:7em; text-align:center; color:#fff; padding:6px; opacity:0.95; filter:alpha(opacity=95);  }

/*collection*/
.grille li .lienVisuel { display:block; width:110px; height:140px; float:left; margin-top:25px; }
.grille li .sousTitre { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:1.25em; color:#747474; font-weight:bold; font-style:italic; margin:-5px 0 5px 0; }
.grille li .detailsTech { font-size:0.9em; margin:5px 0; }

/*auteurs*/
.grille li .lienPhoto { display:block; width:110px; height:140px; background:url(../images/visuel_mini.gif) no-repeat; float:left; margin-top:40px; }
.grille li .bioShort { margin:5px 0; text-align:justify; }



/*listeOuvrages*/

.listeOuvrages { list-style:none; width:960px; margin:0 auto; color:#393939; }
.listeOuvrages li { display:block; padding-left:120px; padding-top:8px; margin-bottom:15px; background:url(../images/border_dots.gif) repeat-x top; position:relative; }
.listeOuvrages h4 a { text-decoration:none; }
.listeOuvrages h4 a:hover { text-decoration:underline; }
.listeOuvrages li .lienFiche { font-size:0.9em; }


.listeOuvrages .titreExtraits { margin:10px 0 0 0; font-weight:bold; }

.listeOuvrages .liste { margin:0 0 10px 0; }
.listeOuvrages .liste li { background:url(../images/puce.gif) no-repeat 0 10px; padding-left:8px; margin:0; }
.listeOuvrages .liste li .details { background:url(../images/puce_grey.gif) no-repeat 0 4px; padding-left:-5px; margin:0 0 0 5px; position:relative;}
.listeOuvrages .liste li .details span { display: none; }
.listeOuvrages .liste li .details:hover { /* correction d'un bug IE */ z-index: 500; }
.listeOuvrages .liste li .details:hover span { display:inline; width:250px; position:absolute; top:-3em; left:3em; background:#000; text-align:center; color:#fff; padding:4px; opacity:0.7; filter:alpha(opacity=80);  }


/*collection*/
.listeOuvrages li .lienVisuel { display:block; width:110px; height:140px; position:absolute; top:0; left:0; margin-top:25px; }
.listeOuvrages li .sousTitre { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:1.25em; color:#747474; font-weight:bold; font-style:italic; margin:-5px 0 5px 0; }
.listeOuvrages li .detailsTech { font-size:0.9em; margin:5px 0; }

/*auteurs*/
.grille li .lienPhoto { display:block; width:110px; height:140px; float:left; margin-top:40px; background:url(../images/bg_pic_small.gif) no-repeat; }
.grille li .lienPhoto img { width:92px; height:125px; margin:8px 0 0 6px; }
.grille li .bioShort { margin:5px 0; text-align:justify; }
.specialAuteurs li { width:430px; margin-right:-50px; padding-right:100px; }



/*DICO*/

#blocDico { display:block; float:left; margin-right:10px; width:515px; }
#pubDico { display:block; width:445px; height:300px; float:left; }

#listeAlpha { display:block; font-size:1.8em; margin:0; color:#636365; padding-bottom:0; list-style:none; }
#listeAlpha li { float:left; margin-right:6px; }
#listeAlpha li a { text-decoration:none; }

.listeDico { list-style:none; float:left; margin-right:20px; }
.listeDico li { background:url(../images/puce.gif) no-repeat 0 3px; padding-left:8px; margin:2px 0; }

dl { padding-top:10px; clear:both; }
dt { font-size:1.6em;  background:url(../images/border_dots.gif) repeat-x top; margin-top:25px; padding-top:10px; }
dt span { background:url(../images/puce.gif) no-repeat 0 7px; padding-left:8px; }
.top { background:url(../images/puce_top.gif) no-repeat 0 10px; padding-left:12px; }


/*FICHE PRODUIT*/

.bgOmbre { background:url(../images/bg_ombre.gif) no-repeat; padding:20px 5px 0 20px; }
.bgOmbre h3 { display:block; clear:both; border-bottom:1px solid; }
.bgOmbre h4 { font-size:1.3em; color:#747474; font-weight:normal; }
.bgOmbre .picSmall { width:105px; height:250px; margin-right:8px; background:url(../images/bg_pic_small.gif) no-repeat; float:left; }
.bgOmbre .picSmall img { width:92px; height:125px; margin:8px 0 0 6px; }
.bgOmbre p { text-align:justify; margin-bottom:10px; }
.bgOmbre .smallP { width:230px; float:left; }
.bgOmbre a { float:left; display:block; width:150px; }


/*FICHE AUTEUR*/

blockquote { display:block; margin:-5px 0 0 -30px; padding:10px 0 0 30px; background:url(../images/bg_quote.gif) no-repeat 0 0; font-size:1.5em; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-style:italic; color:#747474; }
.picBig { width:166px; height:225px; background:url(../images/bg_pic_big.gif) no-repeat; }
.picBig img { width:150px; height:205px; margin:10px 0 0 8px; }

/*ACCESSIBILITE*/

#polaccess ul li { background:url(../images/puce_grey.gif) no-repeat 0 4px; padding-left:10px; margin:10px 0; }
kbd { border:1px solid #CCCCCC; background:#fff; font-size:1.21em; font-family:"Courier New", Courier, monospace; padding:0 2px; }


/*CONTACT*/

#formContact { margin:50px 20px; }
#formContact label { display:block; float:left; width:150px; }
#formContact textarea { width:350px; height:250px; }
#formContact input { width:200px; }
#formContact ul li { margin:5px 0; }


/*PRESSE*/

#presse { width:650px; }
#presse h3 { background:url(../images/border_dots.gif) repeat-x top; margin-top:25px; padding-top:5px; }


/*PAGE VIDEOS*/

#vidPage #video { width:325px; background:url(../images/bg_vidBig2.gif) no-repeat bottom; float:left; margin:20px; }
#vidPage #video .player { width:325px; background:url(../images/bg_vidBig.gif) no-repeat 2px 0; padding:17px; }
#vidPage #video h3 {  font:1.3em normal; width:290px; text-align:center; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; text-transform:uppercase; margin:2px 0 0 5px;  }


/*FOOTER*/

#footer { clear:both; bottom:0; height:5%; font-size:0.9em; background:#e8e7e6; color:#999; padding:5px 0 0 5px; }
#footer img { padding-top:5px; }
#footer a { color:#666666; text-decoration:none; margin:0 5px; }
#footer a:hover { text-decoration:underline; }