/* ***************************
# chjp_gen.css
#
# Groupe des sites Trintanelles
# Site :  trintanelles.fr (Ch & JP)
# Feuille de style generale du site
#
# V000 28 SEP 2010 JPA
#   - original (transféré de jpa_gen.css sur site Neuf)
# V002 02 FEV 2011 JPA
#   - canonisation de la presentation (en-tete)
# V003 14 MAR 2012 JPA
#  - ajout région modifiable pour version du projet (bas-gauche de page)
# V004 20 MAR 2016 JPA
#  - correction erreurs trouvées par firefox dev
#  - ajout style .ref (pour les références à un URL)
#  - ajout style .even (pour les références à un événement)
#  - ajout style .comm (pour un commentaire dans le texte)
*/

/* ***************************
Page globale
Corps de page
Style général
  rectangle occupant 100% de la largeur disponible
  sans marges,
  sans remplissages
  sur fond gris clair
  famille de fonte :  Verdana, Arial, Helvetica, sans-serif
  avec des lettres ayant 80 % de la hauteur standard
*/
body  {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #fbfbd8; /* #FFC #fafae7 */
  font-family: Times New Roman, Times, serif;
  font-size: 80%;
}

/* ***************************
Boîte de centrage général des pages
  largeur 900 px
  centrée
  sans marges
  sans remplissages
  sur fond beige clair
*/
#centrage {
  width: 900px;
  margin: 0 auto;
  padding: 0 0 0 0;
  background-color: #ffc; /* #FFC */
}

/* ***************************
Boîte du corps des pages
  sans marges
  avec remplissage gauche 20px
*/
#haut {
  display: block;
  width: 100%;
/*
  background-color: #ccc; /* #FFC 
  border: solid 5px red;
*/
}
#menu_haut {
  display: inline;
  width: 100%;
  height: 50px;
/*
  background-color: green; /* #FFC 
*/
}
div.menu_mod {
  display: inline;
  width: 200px;
  margin: 0 10px;
/*
  background-color: yellow; /* #FFC 
*/
}
#milieu {
  display: block;
  width: 100%;
/*
  border: solid 5px magenta;
  background-color: #0c0; /* #FFC 
*/
}
#menu_gauche {
	display: inline;
	float: left;
/*
	border: solid 5px black;
	background-color: cyan;
*/
}
div.mod_1 {
  margin: 0 10px;
/*
  background-color: yellow; /* #FFC 
*/
}
div.mod_2 {
  margin: 0 10px;
/*
  background-color: yellow; /* #FFC 
*/
}
#corps {
  display: block;
	padding: 0 0 0 20px;
/*
	float: left;
	border: solid 5px blue;
	margin: 0 0 0 20px;
  background-color: blue; /* #FFC 
*/
}
#bas {
  display: block;
  width: 100%;
/*
  background-color: cyan; /* #FFC 
  border: solid 5px red;
*/
}
.proj_ver {
  font-size: 0.8em;
}

@media print {
  body {   background-color: #FFF; } /* blanc */
  p.imprime { display: none; }
}

/*
*/
/* ***************************
Page globale
Titres
Style général
  texte des ancres en lettres bleues sombres
  souligné seulement lors du passage de la souris
*/
p {
  line-height: 1.25em;
}
h1, h2, h3, h4, h5, h6, hr {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  color: #339; /* bleu sombre */
}

h1 { 
  margin-left: -0.6em;
  margin-bottom: 12px;
  font-size: 2em;
  font-weight: bold;
  font-style: normal;
}
h1.titre_module { 
  margin-left: 0.6em;
}
h1.titre_rubrique { 
  margin-left: 0.6em;
  text-align: center;
  font-style: italic;
}
h2 {
  margin-left: -0.6em;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: bold;
  font-style: italic;
}
h3 {
  margin-left: -0.3em;
  margin-bottom: 8px;
  font-size: 1.6em;
  font-style: normal;
}
h4 {
  margin-left: -0.3em;
  margin-bottom: 6px;
  font-size: 1.6em;
  font-style: italic;
}
h5 {
  margin-bottom: 4px;
  font-size: 1.2em;
  font-style: normal;
}
h6 {
  margin-bottom: 2px;
  font-size: 1.2em;
  font-style: italic;
}

hr {
  border: 1px inset;
}
hr.sep_niv2 {
  width: 50%;
  margin: 0 auto;
}
hr.sep_niv3 {
  width: 30%;
  text-align: left;
}
img.img_bott_right {
  float: right;
  vertical-align: baseline;
}
/* ***************************
Page globale
Tables
Style général
*/
table {
  font-size: 1em;
  text-align: left;
  border-collapse: collapse;
}
td {
  vertical-align: top;
}
/* *******
Tableau avec cadre visualisé
*/
table.cadre {
  border: 1px solid;
}
tr.cadre {
  border-top: 1px solid;
}
td.cadre {
  border: 1px solid;
}
/* *******
Tableau de photos
*/
table.table_photos {
  border: 0;
}
table.table_photos td {
  padding-right: 30px;
}


/* ***************************
Page globale
Listes
Style général
*/
dl {
  text-align: left;
  list-style-position: inside;
}
dt {
  font-weight: bold;
  color: #339;
}
dd {
  font-size: 1em;
  padding: 5px;
  text-indent: -1.5em;
}
li {
  padding-bottom: 5px;
}


/* ***************************
Page globale
Styles de texte
Style général
*/
.comm {
  font-size: 0.8em;
  font-style: normal;
}

.even {
  font-size: 1em;
  font-style: italic;
}

.ref {
  font-size: 0.8em;
  font-style: italic;
}


/* ***************************
Pages "Films"
*/
.film_titre_ori {
  font-size: 2em;
  font-weight: bold;
  color: #339;
}