* {margin: 0; padding: 0}   /* suppression par défaut des marges et "padding" car ils sont interprétés différemment selon les navigateurs - redéinis plus tard */

div {font-size: 1em}        /* taille de police pour tous les div - prioritaire sur certaines règles 'body' */

img {border: 0}             /* pour supprimer le cadre des images incluses dans un 'a' */

/***************/
/*** GENERAL ***/
/***************/

body {font: 100%/1em "Trebuchet MS", Verdana, Arial, sans-serif; margin: 15px; overflow: scroll; text-align: left}
div#gabarit {background: #ffce7b; border: 1px solid black; color: black; margin: 0 auto; width: 950px}
div#gabarit-recherche-google {background: #f8f8ec; border: 1px solid black; color: black; margin: 0 auto;width: 950px}

/***************/
/*** EN-TETE ***/
/***************/

#entete {height: 151px; position: relative; text-decoration: none; width: 950px}
#icones-haut {left: 830px; list-style: none; position: absolute; top: 5px; z-index:1;}
#icones-bas {left: 783px; list-style: none; position: absolute; top: 68px; z-index:1;}
div#menu_onglets {background: #f4eee4 url(../images/common/bandeau-bas.jpg) no-repeat 0 0; float: right; font-size: 90%; height: 29px; width: 100%}
div#menu_onglets_jerusalem {background: #f4eee4 url(../images/common/bandeau-bas-jerusalem.gif) no-repeat 0 0; float: right; font-size: 90%; height: 29px; width: 100%}
div#menu_onglets_rome {background: #f4eee4 url(../images/common/bandeau-bas-rome.gif) no-repeat 0 0; float: right; font-size: 90%; height: 29px; width: 100%}

/**************************/
/*** CONTENU DE LA PAGE ***/
/**************************/

div#content {margin: 0 3em 2em 0}
div#content a {background: inherit; color: #e84712; text-decoration: underline}
div#content a:hover {background: inherit; color: purple; text-decoration: underline}
div#main {margin-left: 20%; margin-right: 0%}
div#recherche-google {margin-left: 8%}

/* iframe {height:600px} */

div#sidebar {display: inline; float: left; margin-left: 1.5em; margin-top: 1em; width: 18%
/* doit être cohérent avec les marges de #main */}
div#sidebar.hascontent {padding: 0 1%}
/* pour le contenu (et non un menu) de #sidebar */

div#sidebar a {background: inherit; color: #e84712; text-decoration: underline}
div.hr {border-bottom: 1px solid silver; height: 1px; margin-top: 1em}
/* hr créé avec un div car le hr de base est caché par la classe accessibility */

div#ariane {color: #7e7f7d; font-size: 90%; padding: 0.8em 0 0 0; text-align: left}
div#ariane a {background: inherit; color: #7e7f7d; text-decoration: underline}
div#ariane span.lastitem {font-weight: bold}

/********************/
/* STYLE DU CONTENU */
/********************/
/* Titres h[x] */

div#content h1 {color: #1F4865; font-size: 2em;
/* font size for h1 */ line-height: 1.5em; margin-bottom: 1em; padding-top: 10px; text-align: center}
div#content h2 {border-bottom: 1px solid #e7ab0b; border-left: 1.1em solid #e7ab0b; color: #1F4865; font-size: 1.5em; line-height: 1.5em; margin: 2.5em 0 1em 0; padding-bottom: 1px; padding-left: 0.5em; text-align: left}
div#content h3 {color: #1F4865; font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.5em 0}
div#content h4 {color: #1F4865; font-size: 1em; line-height: 1.3em; margin-left:-10px; margin-bottom:10px;}
div#content h5 {font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0}
h6 {font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0}
.legende {font-size: 0.9em; text-align: center}
.legendejust {font-size: 0.9em; text-align: justify}
.caledroite {text-align: right}
.calecentre {margin: 0 auto; text-align:center}
.citation-italique {font-style: italic; padding-left: 50px; padding-right: 50px}
.prebasdepage{font-size: 0.9em; padding-top: 1em; text-align: center}
.recherche {font-size: 0.8em}
.titre {color: #1f4865; font-size: 1.5em; font-weight: bold; line-height: 1.3em}
.sous-titre {color: #1f4865; font-weight: bold}

/* Fin du style des titres h[x] */
/* Texte */

.extraits {font-size: 0.9em; line-height: 1.3em; margin: 0 0 1.2em 0; text-align: justify}
p {font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0;
/* some air around p elements */ text-align: justify}
blockquote {font-style: italic; margin-left: 3%; margin-right: 3%}
strong, b {font-weight: bold}
/* définition explicite */

em, i {font-style: italic}
/* définition explicite */

.floatright {float: right; margin: 0 0 0 15px}
.floatleft {float: left; margin: 0 15px 2px 0}

/* Fin du style des textes */
/* Listes */

div#main ul, div#main ol, div#main dl {font-size: 1.1em; line-height: 1.4em; margin: 0 0 1.5em 0}
div#main ul li, div#main ol li {margin: 0 0 0.25em 3em}
div#main li {font-size: 1em; line-height: 1.5em}
div#dl dt {font-weight: bold; margin: 0 0 0.25em 3em}
div#dl dd {margin: 0 0 0 3em}

/* Fin du style des listes */
/********************/
/*** PIED DE PAGE ***/
/********************/

div#recommander {border: 1px solid silver; padding: 10px}
div#sites-de-recommandation {border-top: solid 1px silver; margin-top: 10px}
div#copyright{background: #e3e5e1; border-bottom: solid 5px red; border-top: solid 1px silver}
div#copyright p {color: #1f4865; font-size: 0.9em; padding-top: 1em; text-align: center}
.trans {color: #e3e5e1; font-size: 1em; text-align: center}

/********************/
/**** PLAN DU SITE ***/
/********************/

div#plandesite li {font-size: 0.9em; line-height: 1.5em; margin-left: 10em}
div#plandesite p {padding-left: 100px}

/********************/
/******** BLOCS *****/
/********************/

div#bloc a, a:link {color: #1F4865; text-decoration: none}
div#bloc a:hover {background: #fff; color: purple; text-decoration: none}

/**********************/
/******** ACCUEIL *****/
/*********************/

div#accueil1 {font-size: 18px; line-height: 26px; padding: 15px; padding-top: 1em; text-align: justify}
div#accueil2 {font-size: 0.9em; line-height: 1.5em; padding: 15px; padding-top: 1em}

/**********************/
/******  GALERIES  *****/
/*********************/

table#galerie {border: none}
table#galerie td {padding-left: 20px}

/**********************/
/***** DIAPORAMAS ****/
/*********************/

.table-diaporama {border: 1px solid black; padding: 0}

/**************************/
/*** Etapes de pèlerins ***/
/**************************/

table#etapes-pelerins {border: none; margin-left: 100px}
table#etapes-pelerins td {font-size: 1em; line-height: 1.4em; margin-left: 50px}

/**********************/
/**7 COINS DU MONDE **/
/*********************/

.table-7monde {font-size: 1em; line-height: 1.4em; margin-left: 50px}
.table-7monde2 {font-size: 1em; line-height: 1.4em}
.table-7monde-prenom {color: #8f8585; padding-right: 10px; text-align: right}
.table-7monde-nom {padding-right: 15px}
.table-7monde-continent {font-size: 1.5em; font-weight: bold; padding-bottom: 10px; text-align: left}
.table-7monde-pays {padding-left: 10px; padding-right: 10px; text-align: right}
.table-7monde-lieu {padding-right: 15px; text-align: left}
.monde-auteur-ouvrage {text-align: right}
.monde-texte {padding-left: 15px; text-align: justify}
#map-7monde-google div span {position: absolute; top:0px; left:-120px; color:#f8f8ec;}


/***************************/
/*** MENU DE BAS DE PAGE ***/
/***************************/

#menu_vert-bas-de-page {background: #e3e5e1; clear: both}
.clearb {clear: both}
#menuwrapper-bas {height: 17em; margin-left: 60px}
#primary-nav-bas, #primary-nav-bas ul {list-style: none}
#primary-nav-bas a {display: block; margin-left: 0; padding: 5px}
#primary-nav-bas a:hover {background: #fff; color: #1f4865}
#primary-nav-bas li {float: left; margin-bottom: 5px; margin-top: 15px; width: 165px}
#primary-nav-bas li a {background: #e3e5e1; color: #1f4865; font-size: 120%; font-weight: bold}
#primary-nav-bas li li {clear: both; float: left; margin-bottom: 0; margin-top: 0}
#primary-nav-bas li li a {font-size: 83%; font-weight: normal; height: 1%; line-height: 80%; text-decoration: none}
#primary-nav-bas ul {border: 0 solid yellow; position: absolute; top: auto}
#primary-nav-bas li, li.menuparent {background: #fff}
#primary-nav-bas ul li li {display: none}
#primary-nav-bas li.activeparent a {background: #fff}

/********************/
/*** VOLET GAUCHE ***/
/********************/

div#colonne-de-droite {background: #f4eee4; border: 1px solid silver; display: inline;
/* FIX ie doublemargin bug */ margin: 0 1.6em 2em 2em; margin-left: 1em; padding: 1em 1em 1em 1em; width: 160px
/* make width smaller if there's padding, or it will get too wide for the floated divs in IE */}
.info {background: transparent; color: #cc3300; font: bold 12pt Trebuchet MS, Verdana, Tahoma, Arial, Arial, sans-serif; margin: 0.6em 0 0.2em 0}
.info-detail {background: #fff8cd; color: #1f4865; font: 8pt Trebuchet MS, Verdana, Tahoma, Arial, Arial, sans-serif; margin: 0.6em 0 0.2em 0}
.info-detail2 {background: Yellow; color: #1f4865; font: 8pt Trebuchet MS, Verdana, Tahoma, Arial, Arial, sans-serif; margin: 0.6em 0 0.2em 0}
.h1b {background: transparent; color: #cc3300; font: bold 10pt Trebuchet MS, Verdana, Tahoma, Arial, Arial, sans-serif; margin: 0.6em 0 0.2em 0}
.h2b {background: transparent; color: #1f4865; font: bold 7pt/1.8 Verdana, Tahoma, Arial, Arial, sans-serif; margin-left: 2em}
.h3b {color: #1f4865; font: bold 7pt Verdana, Tahoma, Arial, Arial, sans-serif; margin-bottom: 0; margin-top: 0; text-align: center}
.h4b {background: transparent; color: #1f4865; font: bold 7pt/1.8 Verdana, Tahoma, Arial, Arial, sans-serif}
table#promo-orient {background: #eff3f6; border: solid #132d46 2px; width: 160px}
table#promo-orient td {border: 0; padding: 0.3em 0 0.3em 0.2em; text-align: center}
.promotitre {color: #1f4865; font-size: 14pt; font-weight: bold; text-align: left}
td.promodetail {color: #1f4865; font: bold 7pt Verdana, Tahoma, Arial, Arial, sans-serif; margin-bottom: 0; margin-top: 0; text-align: center}


/**********************/
/*** VOLET GLISSANT ***/
/**********************/

#slide-panel {height: auto; width: 950px; display: none; background-color: #e3e5e1; border-bottom: 5px solid; border-color:red; color:#1f4865; list-style: none; position: absolute; top: 0px; z-index:2;}
.slide {margin: 0; padding: 0; list-style: none;  position: absolute; top: 0px;}
.btn-slide {display: block; }

/*****************/
/*** RECHERCHE ***/
/*****************/

.recherche {color:#c0c0c0; font-size:11px;}

/*****************/
/*** FILS RSS ***/
/*****************/

#rss-panel {height: auto; width: 747px; display: none; background-color: #e7e2e3; border-bottom: 5px solid red; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; color:#1f4865; list-style: none; margin-left:-11px; position: absolute; z-index:1;}
.rss-slide {margin: 0; padding: 0; list-style: none;}
.btn-rss-slide {display: block; }


.rss1 {color: #1F4865; font-size: 1em; font-weight:bold; line-height: 1.3em; margin: 0 0 0 10px;}
.rss2 {font-size: 0.85em; color:#1F4865; margin-left:10px; vertical-align:bottom;}

.rssp {font-size: 0.9em; line-height: 1.4em; margin: 1em 2em 2.5em 3.5em;}
.rssp a     {font-size: 0.85em;}



/*********************************************
Container styles
*********************************************/
div.container {
	zoom:1;
}

div.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.container div.left-border {
	border-left:1px solid #999;
}

div.container div.right-border {
	border-right:1px solid #999;
}

div.one-third div.primary {
	float:right;
	width:569px;
	padding:0 0 0 20px;
}

div.one-third div.secondary {
	float:left;
	width:300px;
	padding:0 20px 0 0;
}

div.two-thirds div.primary {
	float:left;
	width:569px;
	padding:0 20px 0 0;
}

div.two-thirds div.secondary {
	float:right;
	width:300px;
	padding:0 0 0 20px;
}

div.halves div.section {
	float:left;
	width:330px;
	padding:0 5px;
}

div.thirds div.section {
	float:left;
	width:283px;
	padding:0 10px;
}

div.fourths div.section {
	float:left;
	width:207px;
	padding:0 10px;
}