* {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: 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif; margin: 15px; overflow: scroll; text-align: left; }
div#gabarit {background: #f8f8ec; 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: 200px; position: relative; text-decoration: none; width: 950px;}

#services {position: absolute; top: 150px; left: 800px; z-index:1;}

#icones-haut {list-style: none; position: absolute; top: 45px; left: 840px; z-index:1;}
#icones-haut li{margin:0;padding:0;list-style:none; float:left; margin-right:4px }
#icones-haut li, #icones-haut a{height:39px;display:block;}
#icones-haut span {display: none;}

#ico-a1 {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 0 0; width:28px;}
#ico-a1 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 100px 0;}
#ico-a2{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -30px 0; width:41px;}
#ico-a2 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -130px 0;}

#ico-j1 {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 0 -39px; width:28px;}
#ico-j1 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 100px -39px;}
#ico-j2{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -30px -39px; width:41px;}
#ico-j2 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -130px -39px;}
#ico-j3{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -73px -39px; width:23px;}
#ico-j3 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -173px -39px;}

#ico-r1 {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 0 -78px; width:28px;}
#ico-r1 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 100px -78px;}
#ico-r2{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -30px -78px; width:41px;}
#ico-r2 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -130px -78px;}
#ico-r3{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -73px -78px; width:23px;}
#ico-r3 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -173px -78px;}

#ico-s1 {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 0 -117px; width:28px;}
#ico-s1 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 100px -117px;}
#ico-s2{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -30px -117px; width:41px;}
#ico-s2 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -130px -117px;}
#ico-s3{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -73px -117px; width:23px;}
#ico-s3 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -173px -117px;}

#ico-m1 {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 0 -156px; width:28px;}
#ico-m1 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 100px -156px;}
#ico-m2{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -30px -156px; width:41px;}
#ico-m2 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -130px -156px;}
#ico-m3{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -73px -156px; width:23px;}
#ico-m3 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -173px -156px;}

#ico-x1 {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 0 -195px; width:28px;}
#ico-x1 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 100px -195px;}
#ico-x2{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -30px -195px; width:41px;}
#ico-x2 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -130px -195px;}
#ico-x3{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -73px -195px; width:23px;}
#ico-x3 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -173px -195px;}

#ico-z1 {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 0 -234px; width:32px;}
#ico-z1 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') 100px -234px;}
#ico-z2{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -33px -234px; width:21px;}
#ico-z2 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -133px -234px;}
#ico-z3{background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -54px -234px; width:43px;}
#ico-z3 a:hover {background: url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') -154px -234px;}

#icones-bas {list-style: none; position: absolute; top: 95px; left: 770px; z-index:1;}
#icones-bas li{margin:0;padding:0;list-style:none; float:left; margin-right:4px }
#icones-bas li, #icones-bas a{height:35px;display:block;}
#icones-bas span {display: none;}

#navlist{position:relative; top:23px; left:570px}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;}
#navlist li, #navlist a{height:23px;display:block;}

#accueil {background:url('https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif') 0 0; width:55px; left:0px;}
#accueil a:hover {background: url('https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif') 0 -23px;}
#accueil-actif {background:url('https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif') 0 -23px; width:55px; left:0px;}

#alexandre {background:url('https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif') -272px 0; width:71px; left:303px;}
#alexandre a:hover{background: url('https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif') -272px -23px;}
#alexandre-actif {background:url('https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif') -272px -23px; width:71px; left:303px;}

#bcd li, #bcd a{height:62px;display:block;}
#bcd {background:url('https://img-aux.alexandrelegrand.fr/bouton-commande-dedicace.gif') 0 0; width:175px; height:62px; list-style: none;}
#bcd a:hover {background: url('https://img-aux.alexandrelegrand.fr/bouton-commande-dedicace.gif') 0 -62px; z-index:20}

.contact {background:url('https://img-aux.alexandrelegrand.fr/icones-superieures-sprite-2.png') no-repeat; display: block; width:30px; height:33px; margin-top: 2px	}
#cnt {background-position: 0 -237px}
#cnt a{background-position: 0 -237px }
#cnt:hover {background-position:-100px -237px;}


.alx-mail {background:url('https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif') no-repeat; display: block; width:105px; height:25px;}
#mel {background-position: -122px -151px;}
#mel a{background-position: -122px -151px;}
#mel:hover {background-position:-227px -151px;}


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

div#content {margin: 0 25px 20px 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: 270px; margin-right: 0}
div#recherche-google {margin-left: 8%}

/* iframe {height:600px} */

div#sidebar {display: inline; float: left; margin-left: 1em; margin-top: 1em; width: 240px /* 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}

#livres-aux {float:right; margin-top:5px;}
#livres-aux a {font-size:12px; font-weight:bold}

/********************/
/* STYLE DU CONTENU */
/********************/
/* 	 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}
.crop{float:right; overflow:hidden; margin-left:5px; height:23px}


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

.renvoi {font-size: 0.8em;}
.note {font-size: 0.9em;}
.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 2px 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 ***/
/********************/

.couv-80 {background:url('https://img-aux.alexandrelegrand.fr/couvertures-sprite-2.jpg') no-repeat; display: block; width:80px; height:126px;}
.couv-100 {background:url('https://img-aux.alexandrelegrand.fr/couvertures-sprite-2.jpg') no-repeat; display: block; width:100px; height:100px;}
.couv-130 {background:url('https://img-aux.alexandrelegrand.fr/couvertures-sprite-2.jpg') no-repeat; display: block; width:130px; height:130px;}

#couv-7m {background-position:0 0px; }
#couv-7m a{background-position:0 0px; }
#couv-7m:hover {background-position: -100px 0;}
#couv-7m-130 {background-position: -208px -430px;}

#couv-mo {background-position:0 -100px; }
#couv-mo a{background-position:0 -100px; }
#couv-mo:hover {background-position: -100px -100px;}
#couv-mo-130 {background-position: -208px -560px; }

#couv-oc {background-position:0 -200px; }
#couv-oc a{background-position:0 -200px; }
#couv-oc:hover {background-position: -100px -200px;}

#couv-or {background-position:0 -326px; }
#couv-or a{background-position:0 -326px; }
#couv-or:hover {background-position: -100px -326px;}

#couv-ax {background-position:0 -452px; }
#couv-ax a{background-position:0 -452px; }
#couv-ax:hover {background-position: -100px -452px;}


.clip  { position: absolute; top: 0; left: 0; }
.clip-vignettes-rss  { position: relative; width: 90px; height: 90px; margin: 10px 10px 0 0;}

.pos-1 {clip:rect(0 91px 90px 0px);left: -0px;}
.pos-2 {clip:rect(0 182px 90px 91px);left: -91px;}
.pos-3 {clip:rect(0 273px 90px 182px);left: -182px;}
.pos-4 {clip:rect(0 364px 90px 273px);left: -273px;}
.pos-5 {clip:rect(0 455px 90px 364px);left: -364px;}
.pos-6 {clip:rect(0 546px 90px 455px);left: -455px;}
.pos-7 {clip:rect(0 637px 90px 546px);left: -546px;}
.pos-8 {clip:rect(0 728px 90px 637px);left: -637px;}
.pos-9 {clip:rect(0 819px 90px 728px);left: -728px;}
.pos-10 {clip:rect(0 910px 90px 819px);left: -819px;}
.pos-11 {clip:rect(0 1001px 90px 910px);left: -910px;}
.pos-12 {clip:rect(0 1092px 90px 1001px);left: -1001px;}
.pos-13 {clip:rect(0 1183px 90px 1092px);left: -1092px;}
.pos-14 {clip:rect(0 1274px 90px 1183px);left: -1183px;}
.pos-15 {clip:rect(0 1365px 90px 1274px);left: -1274px;}
.pos-16 {clip:rect(0 1456px 90px 1365px);left: -1365px;}
.pos-17 {clip:rect(0 1547px 90px 1456px);left: -1456px;}
.pos-18 {clip:rect(0 1638px 90px 1547px);left: -1547px;}
.pos-19 {clip:rect(0 1729px 90px 1638px);left: -1638px;}
.pos-20 {clip:rect(0 1820px 90px 1729px);left: -1729px;}
.pos-21 {clip:rect(0 1911px 90px 1820px);left: -1820px;}
.pos-22 {clip:rect(0 2002px 90px 1911px);left: -1911px;}

.clip-couv1  {position: relative; width: 138px; height: 215px;}
.ori {clip:rect(216px 338px 430px 201px);left: -201px; top: -216px;}
.occ {clip:rect(0 338px 215px 201px);left: -201px;}

.clip-dedicace1 {position: relative; width: 73; height: 110px;}
.ded {clip:rect(580px 208px 690px 136px);left: -136px; top: -580px;}


.social{position: fixed; top:30px; right:0px; width:80px}
.clip-social  {position: relative; width: 35px; height: 35px; margin-bottom:5px;}
.clip-social-ab {position: relative; width: 80px; height: 17px;  margin-bottom:-10px; z-index: 2;}
.clip-social-achat {position: relative; width: 121px; height: 17px;  margin-top: -30px; margin-bottom:7px; z-index: 2;}

.soc-a {clip:rect(99px 310px 116px 230px);left: -230px;}
.soc-b {clip:rect(81px 310px 98px 230px);left: -230px;}
.soc-achat {clip:rect(177px 269px 195px 148px);left: -190px;}


.soc-6 {clip:rect(176px 34px 211px 0px);left: 22px;}
.soc-6b {clip:rect(176px 148px 208px 35px);top: 0px; left: -20px;}
a.soc-6{position: relative; z-index: 2;}
a.soc-6 span{display: none;}
a.soc-6:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;}

.soc-1 {clip:rect(116px 34px 151px 0px);left: 0px;}
.soc-1b {clip:rect(46px 114px 80px 0px);top : 70px; left: 0px;}
a.soc-1{position: relative; z-index: 2;}
a.soc-1 span{display: none;}
a.soc-1:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;}

.soc-2 {clip:rect(116px 69px 151px 35px); left: -17px;}
.soc-2b {clip:rect(46px 229px 80px 115px);top: 70px; left: -99px;}
.soc-2c {clip:rect(81px 229px 116px 115px);top: 35px; left: -99px;}
a.soc-2{position: relative; z-index: 2;}
a.soc-2 span{display: none;}
a.soc-2:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;}

.soc-3 {clip:rect(116px 104px 151px 70px);left: -70px; z-index:4;}

.soc-4 {clip:rect(116px 139px 151px 105px);left: -52px;}
.soc-4b {clip:rect(46px 345px 80px 230px);top: 70px; left: -178px;}
a.soc-4{position: relative; z-index: 2;}
a.soc-4 span{display: none;}
a.soc-4:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;}

.soc-5 {clip:rect(116px 174px 151px 140px);left: -70px;}
.soc-5b {clip:rect(81px 114px 116px 0px);top: 35px; left: 70px;}
a.soc-5{position: relative; z-index: 2;}
a.soc-5 span{display: none;}
a.soc-5:hover span{display:block; position:absolute; z-index: 5; top:0; left: -130px;}

.slide-1 {clip:rect(151px 121px 176px 0px); top:-151px;}
.slide-2 {clip:rect(116px 296px 141px 175px); top:-116px; left:-175px;}

.fleche {float: right; margin: -20px -30px 0 0px}
.clip-flech2  {position: relative; width: 18px; height: 28px; margin : -5px 28px 0 -10px;}
.flech2ha {clip:rect(122px 315px 149px 297px); top:-122px; left:-297px;}
.flech2ba {clip:rect(122px 333px 149px 315px); top:-122px; left:-297px;}

.clip-16 {position: relative; width: 16px; height: 16px;}
.loupe {clip:rect(82px 327px 98px 311px); top:-82px; left:-195px;}

div#recommander {border: 1px solid silver; padding: 10px;}
div#sites-de-recommandation {border-top: solid 1px silver; margin-top: 10px}
div#copyright{background: #e6e9f6; 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: #e6e9f6; font-size: 1em; text-align: center}


/*** puces rome-photos *****/
.clip-puce {position: relative; height: 20px; padding-left:40px; margin: 0 0 5px -15px;}

.ph-00 {clip:rect(0 33px 21px 12px); left: -12px; }
.ph-01 {clip:rect(21px 33px 42px 12px); left: -12px; margin : -21px 0 0 0}
.ph-02 {clip:rect(42px 33px 63px 12px); left: -12px; margin : -42px 0 0 0}
.ph-03 {clip:rect(63px 33px 83px 12px); left: -12px; margin : -63px 0 0 0}
.ph-04 {clip:rect(84px 33px 105px 12px); left: -12px; margin : -83px 0 0 0}
.ph-05 {clip:rect(105px 33px 126px 12px); left: -12px; margin : -105px 0 0 0}
.ph-06 {clip:rect(126px 33px 146px 12px); left: -12px; margin : -126px 0 0 0}
.ph-07 {clip:rect(147px 33px 168px 12px); left: -12px; margin : -147px 0 0 0}
.ph-08 {clip:rect(168px 33px 189px 12px); left: -12px; margin : -168px 0 0 0}
.ph-09 {clip:rect(189px 33px 210px 12px); left: -12px; margin : -189px 0 0 0}
.ph-10 {clip:rect(210px 33px 231px 12px); left: -12px; margin : -210px 0 0 0}
.ph-11 {clip:rect(231px 33px 252px 12px); left: -12px; margin : -231px 0 0 0}
.ph-12 {clip:rect(252px 33px 272px 12px); left: -12px; margin : -252px 0 0 0}
.ph-13 {clip:rect(272px 33px 294px 12px); left: -12px; margin : -272px 0 0 0}

/*** navigateurs *****/
.clip-nav {position: relative; height: 65px;}
.clip-navx {position: relative; height: 16px; width:16px}
.br0 {clip:rect(0 218px 65px 173px); left: -173px;}
.br1 {clip:rect(0 42px 65px 0px); left: 0px;}
.br2 {clip:rect(0 90px 65px 43px); left: -43px;}
.br3 {clip:rect(0 131px 65px 91px); left: -91px;}
.br4 {clip:rect(0 172px 65px 132px); left: -132px;}
.brx {clip:rect(51px 186px 65px 170px); left: -170px;}


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

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

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

div#bloc a, a:link {color: #1f4865; text-decoration: none; line-height:2.1em;}
div#bloc a:hover {background: #fff; color: purple;}
div#bloc span a  {background:url(https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif) no-repeat -334px -122px; width: 11px; height: 15px; color:#1f4865; padding: 3px 0 3px 15px; margin-bottom:10px;}
div#bloc span a  {}

div#fb a, a:link {color:#3b5998; text-decoration:none; line-height: 1.2em;}
div#fb a:hover {text-decoration:underline}

div#fb1 {background-color:#e6e9f6; color:#3b5998; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding:10px; font-size: 0.9em; font-weight:bold; margin-top:-3px}


/**********************/
/******** POSTS *****/
/*********************/


div#posts {font-size:0.85em; line-height:1.3em; background-color:#f8f8f8; padding:15px 15px 0 15px; border: 3px solid #ccc; border-top:0; margin-top:-3px;}
div#posts span a {background:url(https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif) no-repeat -329px -82px; width: 16px; height: 16px; border-bottom: 1px dotted #ccc; color:#1f4869; text-decoration:none; padding-left:25px;}
div#posts span a:hover {color:#ce0004;}


/**********************/
/******  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: #e6e9f6; clear: both;}
.clearb {clear: both}
#menuwrapper-bas {height: 17em; margin-left: 20px}
#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: 145px}
#primary-nav-bas li a {background: #e6e9f6; 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 {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 {font: bold 7pt Verdana, Tahoma, Arial, Arial, sans-serif; margin-left: 1.5em }
.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}

.clip-croix  {position: relative; width: 11px; height: 15px;}
.croix {clip:rect(122px 345px 136px 334px); top:-122px; left:-334px;}


div#menu-gauche p {font-size: 1.0em; margin: 0 0 0.8em 0;}
div#menu-gauche  {font-size:0.85em; line-height:1.3em; background-color:#f8f8f8; padding:15px 15px 0 15px; margin-top:-3px; border: 3px solid #ccc; border-top: 0; color:#ce0004;}
div#menu-gauche  a {background:url(https://img-aux.alexandrelegrand.fr/divers-sprite-2.gif) no-repeat -329px -82px; width: 16px; height: 16px; border-bottom: 1px dotted #ccc; color:#1f4869; text-decoration:none; padding-left:25px;}
div#menu-gauche  a:hover {color:#ce0004;}
div#menu-gauche span {padding-left:25px;}


.cadre {background:url('https://img-aux.alexandrelegrand.fr/sprite-horizontal.gif') repeat; display: block; width:230px; height:25px; padding: 3px 0 0 10px; color:#fff; font-weight:bold;}
.cadre-blog {background:url('https://img-aux.alexandrelegrand.fr/sprite-horizontal.gif') repeat 0 25px;; display: block; width:230px; height:25px; padding: 3px 0 0 10px; color:#fff; font-weight:bold;}
.niveau-1 {color:#ce0004; font-size:1.6em; font-weight:bold; line-height:1.2em; margin-left:-25px; margin-bottom:10px;}

.roundedBox3 {position:relative; padding:17px; margin:0px 0; width:205px;}
.roundedBox5 {position:relative; padding:17px; margin:0px 0; width:240px;}
.corner {position:absolute; width:17px; height:17px;}
.topLeft {top:0; left:0; background-position:-1px -1px;}
.topRight {top:0; right:0; background-position:-19px -1px;}
.bottomLeft {bottom:0; left:0; background-position:-1px -19px;}
.bottomRight {bottom:0; right:0; background-position:-19px -19px;}
#type1 {background-color:#e6e9f6;}
#type1 .corner {background-image:url(https://img-aux.alexandrelegrand.fr/coins-e6e9f6.gif);}
#type2 {background-color:#e7e2bc;}
#type2 .corner {background-image:url(https://img-aux.alexandrelegrand.fr/coins-e7e2bc.gif);}

#recits {background-color:#e6e9f6; margin-top:-3px; padding:17px; border-left: 3px solid #ccc; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc;}

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

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

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

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

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

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

.rssp {font-size: 0.9em; line-height: 1.4em; margin:10px 0 0 0}
.rssp a     {font-size: 0.85em;}



/******************/
/*** ACTUALITES ***/
/******************/

div.halves div.section {
	float:left;
	width:295px;
	padding:0 10px;	
}