@charset "utf-8";
/* CSS Document */

/* 3 colonnes fluides qui s'étendent automatiquement */

/* spécial pour mac hide\*/
html, body { height:100%; padding:0; margin:0; line-height:normal; }
/* end hide*/

body { /*background:#FFFF99;*/
	color:#000;/* couleur des caractères par défaut pour tout le document*/ text-align:justify; /* par défaut sur tous les blocs */ border:none; }
#outer { margin:0 20%; color:#000000; position:relative; min-height:100%; z-index:2; }
* html #outer { height:100%; /*IE treats height as min-height anyway*/ }
#inner { width:100%;/*pour pouvoir fixer les largeurs en % avec ie*/ background:#FFFFCC; }
#header { background-color:#CCCCCC; /*L'image de fond sera déterminé par les classes fondlivre, fondindex, etc*/
	border-top:1px solid #000; border-bottom:1px solid #000; color:#000000; margin-left:-34%; margin-right:-33.6%; position:relative; min-height:0; text-align:center; }
.fondlivres { background:url(images/BandeauLivres.jpg) repeat-x; }
.fondindex { background:url(images/BandeauIndex.jpg) repeat-x; }
.fondblog { background:url(images/BandeauBlog.jpg) repeat-x; }
.fondlectures { background:url(images/BandeauLectures.jpg) repeat-x; }
.fondconsultation { background:url(images/BandeauConsultation.jpg) repeat-x; }
.fondforum { background:url(images/BandeauForum.jpg) repeat-x; }
.fonddarwin { background:url(images/BandeauEvolution.jpg) repeat-x; }
* html #header { height:1px; }
img { border:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#left { position:relative;/*ie needs this to show float */ width:30%; float:left; margin-left:-30%;/*must be same as width */ padding-right:1px; margin-top:10px; text-align:right;/*background:#FFFFFF;*/ }
#right { position:relative;/*ie needs this to show float */ width:30%; float:right; margin-right:-30%;/*must be same as width */ padding-left:1px; margin-top:10px; text-align:left;/*background:#FFFFFF;*/ }
#footer { width:100%; clear:both; min-height:0; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#66FFFF; color:#000000; margin-top:-30px;/* drag footer back into page*/ padding-top:3px; position:relative; z-index:3; text-align:justify; }
* html #footer {/*only ie gets this style*/ min-height:0; }
#clearfooter { clear:both; height:52px; }/*needed to make room for footer*/
p { padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; }
#centrecontent { margin-top:10px; }
#boutoncentre { /* text-align:center; */
	background:transparent; margin-left:auto; }
#boutoncentre a { color:#FFFF00; background:#0066ff url("images/ongletbleu.jpg") repeat-x top left; padding:2px 4px 2px 4px; border:hidden; }
#boutoncentre a:hover { background:none; background-color:#47beea; color:#FFFF00; padding:2px 4px 2px 4px; text-decoration:none; border:hidden; }
#boutongauche { text-align:center; background:transparent; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:none; }
#boutongauche a { color:#000000; background:#0066ff url("images/Ongletdore.jpg") repeat-x top left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:none; }
#boutongauche a:hover { background:none; background-color:#CC6633; color:#FFFF00; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; border:none; }
#centrecontent li { padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; }
/* mac hide\*/
* html #centrecontent { height:1%; }/* combat IE's 3 pixel jog */
/* end hide*/
 
/* safari and opera initial 100% height fix */
html >body #minHeight { float:left; width:0px; height:100%; margin-bottom:-52px; }
/* Voici maintenant mes apports personnels */

h1, h2, h3, h4, h5, h6 { color:#660000; padding-right:10px; padding-left:10px; }
#left ul {/* Toutes les listes  puces se trouvant dans la colonne de gauche */ list-style-image:url("images/stetho.jpg"); /* On change l'apparence des puces en stéthoscope*/ }
#right ul {/* Toutes les listes  puces se trouvant dans la colonne de droite */ list-style-image:url("images/stetho.jpg"); /* On change l'apparence des puces en stéthoscope*/ }
#centrecontent ul { padding-right:10px; }
a { /* Tous les liens  */ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:blue; text-decoration:none; border-style:hidden; }
a:hover {/* Quand on pointe sur un lien */ color:#990000; text-decoration:underline; background-color:#FFFFFF; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:none; }
.justif { text-align:justify; }
.gauche { text-align:left; }
.centre { text-align:center; }
.cadrelien { text-align:center; border-style:solid; border-width:thin; border-color:#330099; background-color:#FFCC66; }
.centretroit { text-align:justify; padding-left:16px; padding-right:16px; }
.alerte { font-size:1.6em; color:#FF0033; text-align:center; }
h1 span { color:#FF6633 }
/* définition de hauteurs de blocs non délimités (livres et lectures*/
#bloch440 { height:440px; overflow:auto; }
#bloch200 { overflow:auto; height:220px; }
#bloch260 { overflow:auto; height:260px; border-top:thin; border-top-style:solid; border-top-color:#000000; border-top-width:thin; }
/* Menu horizontal à onglets */

#menuh { background:transparent; height:20px; }
#menuh ul { font-weight:bold; font-size:12px; text-align:left; padding-left:0px; margin-left:0px; }
#menuh li { display:inline; margin-right:0px; margin-left:4px; }
#menuh a { color:#FFFFFF; background:#0066ff url("images/ongletbleu.jpg") no-repeat top left; padding:4px 10px 4px 10px; }
#menuh a:hover { background:none; background-color:#47beea; padding:4px 10px 4px 10px; text-decoration:none; }

.afficheVideo { color:#006; text-decoration:none!important }
.afficheVideo img { vertical-align:middle; margin-right:5px }
.arte {  }