body { 
	width:99%; margin: 0 0.5% 0 0.5% /* top left bottom right */; padding:0;
	background: url(fond-gris.jpg) center center repeat #e4f8ff; 
}	
body { font:normal 12px Arial,Verdana,Tahoma,'Sans Serif'; overflow-y:hidden; }

img { vertical-align:top; }
img[alt] { color:grey; font:italic 10px Courier; }
a img { text-decoration:none; }


/*------------- découpage en régions -------------------------------*/


#bandeau { 
	height:120px; width:99%; margin:0; padding:0; 
    background: url(logo-Champollion-color.png) no-repeat -40px top white;/*transparent; */ /* #e8faff; */
    text-align:center; vertical-align:middle;
	position:fixed; top:0;
	z-index:9; 
}
#milieu { 
	height:100%; width:99%; padding:0; margin:129px 0 10px;
    overflow-y:auto;
	position:absolute; top:0px; bottom:0px
	z-index:8; 
}
#milieu>* { margin: 0 0 129px !important; }
#pieddepage { 
	width:99%; margin:0; padding:0; height:15px;
	position:fixed; bottom:0;
    background: url(images/opacity-o70.png) repeat bottom center transparent; /* #ffffff; */	
	text-align:center; font-size:10px; color:#444444; 
	z-index:10; 
}


/*------------- affichage du bandeau -------------------------------*/

div#bandeau > * {
	float:left;
}
div#bandeau:after { 
	display:block; content:''; clear:right; 
}

.gdTitre { 
	padding:34px 15%; text-align:center; width:70%; font: bold 20px Arial, Verdana, Tahoma, 'Sans Serif'; 
}

/*------------- affichage du milieu -------------------------------*/

#milieu>table { margin:0; padding:0; width:100%; border-collapse:collapse; } 
#milieu>table>tbody { margin:0; padding:0; } /* élément ajouté par Firefox*/
#milieu>table>tr>td, #milieu>table>tbody>tr>td { vertical-align:top; }


#leftColumn {
	width:194px;
	/*float:left; overflow:auto;*/
}
#bodyColumn { 
	margin:0 0 0 0; 
	/*float:left; overflow:auto;*/
}
#rightColumn {
	width:194px;
	/*float:left; overflow:auto;*/
}
#leftColumn>div, #rightColumn>div {
	color:#092E6C; background-color:#EAF4FC; border:1px solid #A5D3F8; margin:4px 4px 0 3px; padding:0 3px 8px; 
}

/* #rightColumn:after { display:block; content:' '; clear:left; }*/

#centre { 
	width:98%; margin:0; padding:0 0.5%; min-width:98%; 
	background: #ffffff; border:solid 1px grey;
}


/*------------- menus horizontaux -------------------------------*/


#menuInfo, #menuContrib {
  color: #092E6C; font-size: 11px; font-weight: bold; text-align:right;
  width:100%; margin: 0 4px 0 0; padding: 0;
}
#menuContrib { position:absolute; top:0; left:0; }
#menuInfo a, #menuContrib a, #link_to_aximag { text-decoration: none; }
#menuInfo a:before, #menuContrib a:before, #link_to_aximag:before { content:' - '; text-decoration: none; }
#menuInfo a:first-child:before, #menuContrib a:first-child:before, #link_to_aximag:first-child:before { content:''; }

#menuH { position:fixed; top:108px; }
#menuH { background-color:#4d7dc8; width:inherit; text-align:center; }
#menuH ul { list-style-type:none; width:inherit; margin:2px 0; padding:0; }
#menuH>ul>li { display:inline; margin-bottom:0px; padding-bottom:0px; }
#menuH>ul>li>a {  
	color: #ddffff; text-decoration:none; font-size:14px;
	padding:3px 13px; margin:0 0px; padding-bottom:4px;
	//background :url(_images/bouton.gif) center bottom #4a7abf no-repeat; 
	border:solid 2px #ddffff; border-bottom:grey; border-left-width:0px; border-right-width:0px;
}
#menuH>ul>li:before { content:' '; font-size:14px; border-right:solid 2px #ddffff; margin-right:3px; }
#menuH>ul>li:after { content:' '; font-size:14px; border-right:solid 2px #ddffff; }
#menuH>ul>li:last-child:after { margin-left:4px; }
#menu>ul:first-child>li>a { border-left-width:0px; }
#menuH>ul>li>a:hover { background-color:#3366aa/*3a74b8*/; border:solid 1px #33ccff; }
#menuH>ul>li>a.mCourant { color:#2288dd; border:solid 1px #2288dd; border-bottom-color:#a5d3f8; background-color:#eaf4fc; }
#menuH>ul>li>a.mCourant:hover { border:solid 1px #33ccff; }
#menuH>ul>li>a>img { display:none; }
#menuH>ul>li>ul * { padding: 0px; margin: 0px; }
#menuH>ul>li>ul:last-child {
  display: none; position: absolute; z-index: 20;
  border: 1px solid #3f70ac; width: 160px; padding: 0px;
}
#menuH>ul>li ul>li { padding: 4px; }
#menuH>ul>li ul>li a { text-decoration:none; }
#menuH>ul>li ul>li a:hover { text-decoration:underline; }

#menuH>ul>li ul>li:nth-child(2n) { background-color: #ddffff; } 
#menuH>ul>li ul>li:nth-child(2n+1) { background-color: #cceeff; } 
#menuH>ul>li ul>li>ul:last-child {
  display: none; position: absolute; z-index: 25;
  border: 1px solid #3f70ac; width: 160px; padding: 0px;
}

.arrow_right { background: url(images/arrow-right.gif) center right no-repeat; }
.arrow_left { background: url(images/arrow-left.gif) center left no-repeat; }
.pos_right { background-position: center right; }
.pos_left { background-position: center left; }

.url { background: url(images/external.png) center right no-repeat; }

/*------------- sommaire de la bande gauche -------------------------------*/

#sommaire { margin:6px 2px 0 2px; padding:2px 2px 0 2px; }
#sommaire ul { list-style-type:none; width:inherit; margin:2px 0; padding:0; }
#sommaire li { margin-left:1px; }
#sommaire a { text-decoration:none; color:#092E6C; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:11px; padding-left:1px; }
#sommaire a:first-letter { text-transform: capitalize; }
#sommaire a:hover { text-decoration:underline; color:#092E6C; }
#sommaire a:visited { color:#092E6C; }
#sommaire a.mCourant { color:#2288dd; border:solid 1px #2288dd; padding-right:8px; }
#sommaire>ul>li.dir_10 { 
  margin:3px 0; padding:2px 0 0 1px; color:#092E6C;
 font-family:Verdana,Helvetica,Arial,sans-serif; font-size:11px;
}
#sommaire>ul>li.dir_10>a { font-weight:bolder; border-bottom:1px solid #092E6C; }
#sommaire ul li.dir ul { border-left:1px solid #092E6C; margin:0; margin-left:1px; padding-left:4px; }

/*------------- formulaires (de gestion des menus) -------------------------------*/

#plan ul { list-style-type: none; padding-left:14px; }
#plan li { padding:2px; padding-left:22px; /*line-height:18px;*/ }
#plan li.dir { background: url('images/dossier.gif') left 4px no-repeat; }
#plan li.fic { background: url('images/menus/file.png') left 4px no-repeat; }
#plan li.new { background: url('images/menus/new.png') left 4px no-repeat; }
#plan li.url { background: url('images/menus/world.png') left 4px no-repeat; }
#plan input { vertical-align:middle; }
#plan .desc, #plan li .modif { display:inline; position:absolute; left:460px; }
#plan li select { margin-left:10px; }

#plan .err { background-color:#ffeeee; border:solid 1px red; }

/*------------- formulaires (de bases de données et autres) -------------------------------*/


input, textarea { vertical-align:top; }

.illustration { text-align:center; }

.formgen { background-color:#fcfcfc; }
.formgen fieldset * { color: inherit; }
.formgen fieldset>div { float:left; }
.formgen fieldset:after { display:block; content:' '; clear:left; }

#fentete { background-color:#f8f8f8; }
#fmodele { display:none; }
.flip { background-color:#ddfcfc; } 
.flop { background-color:#eefcfc; } 


/*------------- d'origine du site Homerica -------------------------------*/
#contentBox{ 
  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color:#092E6C;
  margin: 0px 5px 0px 0px;
}

p { 
  text-align: justify; line-height: 1.3em;
  padding: 0px 0px 0px 0px;  margin: 0px 0px 7px 0px;
}


h2 { 
  font-weight:900; font-size: 15px; color: #092E6C; 
  margin: 0px 0px 10px 0px; padding: 4px 4px 4px 6px;
  border-bottom: 1px solid #A5D3F8; background-color: #EAF4FC;
}

h3 { 
  font-weight: 900; font-size: 13px; color: #092E6C;
  margin: 15px 0px 10px 0px; padding: 4px 4px 4px 6px; 
  border-bottom: 1px solid #A5D3F8; background-color: #EAF4FC;
}

h4 { 
  font-size: 13px; font-weight: normal; color: #092E6C;
  padding: 4px 4px 4px 6px; border: 1px solid #A5D3F8; 
  background-color: #EAF4FC;
}

h5 { 
  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #092E6C;
  border-bottom: 1px solid #092E6C; padding-top: 2px;
}

/*------------- spécifiques au site Homerica pour la base de données des livres ------------*/
#contentBox .section:after { display:block; content:' '; clear:both; }
#contentBox .section .desc>* {  display:block; float:right; }
#contentBox .section .desc:after { display:block; content:' '; clear:both; }
#contentBox .section .desc img { 
  width:100px; height:150px; border:none 0px white; margin:0px 10px; 
}
#contentBox #section_modele { display:none;  }
#contentBox .boutons { display:block; float:right; }
#contentBox h2:after, #contentBox .section h3:after { display:block; content:' '; clear:both; }
#contentBox .obligatoire:after { display:inline; content:'*'; }
#contentBox #section_modele .desc>*, #contentBox .section_modifiable .desc>* { float:none; }


/*------------- affichages pour les traces de débogage -------------------------------*/
@media screen {
 .trace, .warning, .erreur { border:solid 1px grey; padding:2px; margin:2px; color:grey; }
 .trace>div, .warning>div, .erreur>div { padding:2px; margin:2px; color:brown; }
 .trace { background-color:#ffffdd; }
 .warning { background-color:#ddffdd; }
 .erreur { background-color:#ffdddd; }
}
/*-------------- pour imprimer -------------------------------------------------------*/
@media print {
  body { background-image:none; background-color:white; }
  #pieddepage { display: block; position: fixed; bottom: -10pt; text-align:left; }
  #pieddepage:after { display: block; position: fixed; bottom: 0pt; right:0; content: counter(page); counter-increment: page; }
}