/***************************/
/* Balises HTML génériques */
/***************************/

/* Corps de page */
body {
	background-color: #f2f2f2;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	color : 7c7777;
}
/* Liens hypertexte */
a {
	color: 7c7777;
	text-decoration: none;
}
a:hover {
	color: #fbb017;
	text-decoration: underline;
}
a:visited {
	color: 7c7777;
	text-decoration: none;
}
/* Niveaux de titre hierarchiques */
h2 {
	color: #fbb017;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0;
	padding: 2px 0px 2px 15px;
	border-bottom: solid black 1px;
	background: #afafaf url(/img/puce_blanche.png) no-repeat 7px 9px;
}
h2 a {
	color: #0D3C5A;
}
h2 a:hover {
	color: #fbb017;
	/*text-decoration: none;*/
}
h4 {
	font-size: 12px;
	margin: 0;
	margin-top: 15px;
}
h4 a {
	color: #0D3C5A;
	text-decoration: none;
}
h4 a:hover {
	text-decoration: underline;
}
ul {
	list-style-type: square;
}

/***********************/
/* Classes spécifiques */
/***********************/

/* Encadrés en marge */
.encadre {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
.encadre ul {
	margin: 0px;
	padding:0;
	padding-left: 22px;
	list-style-position: inside;
	color: #fbb017;
}

.lignebottom {
	margin-top: 20px;
}

.encadre li {
	margin:0;
	padding:0;
}
.encadre p {
	margin: 3px;
	margin-left: 22px;
	color : 7c7777;
}
.encadre h3 {
	font-size: 16px;
	margin: 0;
	padding: 5px 0px 2px 13px;
	font-family: Trebuchet MS, Arial;
	color : #fbb017;
}

img.drapeau {
	border: solid black 1px;
	width: 19px;
	height: 12px;
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;
}

/* Encadrés rubrique en page d'accueil */
.rubrique {
	background-color: #f0f0f0;
	height: 110px;
	min-height: 110px;
	width: 241px;
	margin-bottom: 15px;
	margin-top: 5px;
	padding-bottom: 10px;
	border-right: solid #737373 1px;
	border-bottom: solid #737373 1px;
}

/* Vignettes */
.vignette {
	float: left;
	border: solid black 1px;
	width: 70px;
	height: 52px;
	margin: 15px 15px 20px 15px;
}
.vignetteMargeDroite {
	float: left;
	border: solid black 1px;
	width: 70px;
	height: 52px;
	margin: 3px 5px 5px 0px;
}

/**********************************/
/* Conteneur principal de la page */
/**********************************/

#container {
	width: 1000px;
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}


/*******************/
/* En-tête de page */
/*******************/

#header {
	padding: 0;
	margin: 0;
	border: 0;
	height: 108px;
}
#header h1 {
	font-weight: normal;
	font-size: 22px;
	margin: 0;
	padding: 16px 0px 0px 25px;
	letter-spacing: 1px;
}
#header h1 a {
	color: #2b1c9b;
	text-decoration: none;
}
#urlJMJ {
	border: 0;
	margin-left: 23px;
	margin-top: 3px;
	width: 156px;
	height: 23px;
}
#header ul {
	color: #c2c2c2;
	margin:0;
	padding:0;
	list-style-position: inside;
	margin: 55px 0px 0px 60px;
	font-weight: bold;
	font-size: 11px;
}
#header li {
	display: inline;
	padding-left: 10px;
	padding-right: 2px;
	background: url(/img/puce_grise.png) no-repeat 0px 5px;
}
#header ul a {
	color: #000;
	text-decoration: none;
}
#header ul a:hover {
	color: #fbb017;
}

/*********************/
/* Sous-tête de page */
/*********************/

#subHeader {
	height: 49px;
	padding: 0;
	margin: 0;
	border: 0;
}
#subHeader p {
	margin: 0;
	font-size: 9px;
}
#compteARebours {
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	color: 7c7777;
}
#compteARebours p {
	font-size: 9px;
	color: #a5a5a5;
}
#compteARebours em {
	color: #fbb017;
	font-style: normal;
	font-weight: bold;
}
#date {
	float: right;
	height: 20px;
	width: 150px;
	margin-top: 4px;
	padding-left: 20px;
	border-top: solid #fbb017 1px;
}
#lieuDate {
	float: right;
	height: 49px;
}
#subHeader h1 {
	color: #fbb017;
	font-size: 21px;
	margin: 0;
	padding: 0;
	margin-left: 222px;
	margin-right: 380px;
	background: url(/img/filet_horizontal.png) bottom right no-repeat;
}

#menu {
	width: 970px;
	height: 25px;
	padding: 0;
	padding-left: 30px;
	margin: 0;
	border: 0;
	background: url("img/bgmenu.jpg") no-repeat;
	color: #878787;
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	line-height: 20px;
}

#menu li {
	display: inline;
	padding: 0px 30px 0px 30px;
	margin: 3px;
}

#menu a {
	text-decoration: none;
	color: #878787;
}

#menu a:hover {
	text-decoration: underline;
	color: #878787;
}


/**********************/
/* Contenu de la page */
/**********************/

#content {
	padding: 0;
	padding-top: 20px;
	width: 603px;
	margin-left: 198px;
	margin-right: 198px;
}


/* Mise en forme spécifique page d'accueil */
/*******************************************/

#banner {
	width: 498px;
	height: 140px;
	border: solid black 1px;
	margin-bottom: 15px;
}

p.lienSuite {
	margin: 0;
}
p.lienSuite a {
	color: #7c7777;
}
p.lienSuite a:hover {
	color: #0D3C5A;
}

/* Mise en forme spécifique page rubrique */
/******************************************/

div.introArticle {
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 80px;
	min-height: 80px;
}
.introArticle h4 {
	margin: 0;
	margin-left: 102px;
	margin-right: 15px;
	padding-top: 15px;
}
.introArticle p {
	margin: 0;
	margin-left: 102px;
	margin-right: 15px;
}
a.lienSuite {
	color: #f08900;
}


/* Mise en forme spécifique page article et page intérieure */
/************************************************************/

.corpsArticle {
	/*border-bottom: solid #07a4d7 1px;*/
}

h1.titre {
	margin: 0px 10px 0px 10px;
	font-size: 20px;
	color: black;
	font-weight: bold;
}
.corpsArticle p {
	text-align: justify;
	margin: 10px;
}
#content p.chapo {
	margin: 10px 10px 10px 40px;
	margin-left: 40px;
	font-weight: bold;
	color: #f08900;
	text-align: left;
}
#optionsArticle {
	float: left;
	width: 182px;
	margin: 0px 10px 10px 10px;
	padding:0;
}

.photo {
	width: 180px;
	border: solid black 1px;
	margin: 0;
}
p.legendePhoto {
	font-size: 10px;
	color: #5b5b5b;
	margin: 0;
	text-align: left;
}
p.auteur {
	text-align: right;
	margin-bottom: 10px;
}
span.date {
	color: #5b5b5b;
}
#navArticles {
	float: left;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-left: 10px;
	border-top: solid #e5e5e5 1px;
}
#menuPrint {
	float: right;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-right: 10px;
	border-top: solid #e5e5e5 1px;
}

.corpsArticle h4 {
	clear: both;
	margin: 0;
	padding: 10px 0px 0px 10px;
	border: 0;
	border-top: solid #e5e5e5 1px;
}
.corpsArticle ul {
	margin: 0;
	margin-bottom: 10px;
	padding:0;
	padding-left: 22px;
}
.corpsArticle li {
	margin: 0;
	padding: 0;
}
.corpsArticle a {
	color: #0D3C5A;
}

.corpsArticle p.infoSpeciale {
	font-style: italic;
	color: #5b5b5b;
	text-align: right;
}

/* Mise en forme spécifique pages diverses */
/*******************************************/

#contactForm {
	margin: 0;
	margin-bottom: 10px;
	margin-left: 22px;
	padding: 0;
}
#sujetForm {
	width: 250px;
	height: 15px;
	font-size: 12px;
	border-top: solid #07a4d7 1px;
	border-left: solid #07a4d7 1px;
	border-bottom: solid #07a4d7 1px;
	border-right: solid #07a4d7 1px;
}
#emailForm {
	width: 250px;
	height: 15px;
	font-size: 12px;
	border-top: solid #07a4d7 1px;
	border-left: solid #07a4d7 1px;
	border-bottom: solid #07a4d7 1px;
	border-right: solid #07a4d7 1px;
}
#messageForm {
	width: 250px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: solid #07a4d7 1px;
	border-left: solid #07a4d7 1px;
	border-bottom: solid #07a4d7 1px;
	border-right: solid #07a4d7 1px;
}
#tableForm {
	border: 0px;
}

/* Mise en forme spécifique pour la page avec la carte de France */
/*****************************************************************/

#grandeCarteFrance {
	width: 550px;
	height: 575px;
	border: 0;
}
#carteIdF {
	width: 250px;
	height: 210px;
	border: 0;
	margin: 0;
	margin-right: 20px;
	vertical-align: middle;
}
#carteDomTom {
	width: 250px;
	height: 248px;
	border: 0;
	margin: 0;
	margin-left: 20px;
	vertical-align: middle;
}
#menuRapideCarte {
	text-align: center;
}
#menuRapideCarte li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

/* Page sur les délégation francophones */
/****************************************/

#grandeCarteAfrique {
	width: 550px;
	height: 500px;
	border: 0;
}


/****************/
/* Marge gauche */
/****************/

#margeGauche {
	float: left;
	width: 185px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #e5e5e5;
}

#margeGauche .encadre {
	background: url(/img/filet_vertical.png) bottom right no-repeat;
}

#margeGauche h3 {
	margin: 0;
}

#compteurInscrits {
	margin-left: 22px;
	font-weight: bold;
	text-align: center;
}

#moteurRecherche {
	margin: 0;
	padding: 0;
	margin-bottom: 13px;
	padding-left: 22px;
}

#moteurRecherche p {
	margin: 0;
}

#motclef {
	width: 123px;
	height: 15px;
	font-size: 12px;
	border-top: solid #d6d6d6 1px;
	border-left: solid #d6d6d6 1px;
	border-bottom: solid #ababab 1px;
	border-right: solid #ababab 1px;
}

#logoInXL6 {
	border: 0;
	padding-left: 22px;
	padding-right: 0px;
	padding-top: 3px;
}

img.boutonPubMarge {
	border: 0;
	width: 207px;
	height: 72px;
	margin: 0px;
	margin-bottom: 13px;
}

/****************/
/* Marge droite */
/****************/

#margeDroite {
	float: right;
	width: 185px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #e5e5e5;
}

#margeDroite .encadre {
	background: url(/img/filet_vertical.png) bottom left no-repeat;
}

#margeDroite h3 {
	margin: 0;
}

#newsletterForm {
	margin: 0;
	margin-bottom: 10px;
	margin-left: 22px;
	padding: 0;
}
#newsletterForm p {
	margin: 0;
}
#email {
	width: 123px;
	height: 15px;
	font-size: 12px;
	border-top: solid #d6d6d6 1px;
	border-left: solid #d6d6d6 1px;
	border-bottom: solid #fbb017 1px;
	border-right: solid #fbb017 1px;
}
.submit {
	height: 19px;
	font-size: 12px;
	margin: 0;
	border-top: solid #d6d6d6 1px;
	border-left: solid #d6d6d6 1px;
	border-bottom: solid #ababab 1px;
	border-right: solid #ababab 1px;
}

#carteFrance {
	border: 0;
	width: 150px;
	height: 156px;
	margin: 3px;
	margin-left: 22px;
}

#menuEditorial {
	float: left;
	margin-right: 10px;
}

/****************/
/* Pied de page */
/****************/

#footer {
	clear: both;
	padding: 0;
	padding-top: 15px;
	margin: 0;
	height: 50px;
	text-align: center;
	color: 7c7777;
	background-color: #f2f2f2;
}
#footer a {
	color: 7c7777;
}
#menuOutils {
	margin: 0;
	padding: 0;
}
#menuOutils li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

/**********************/
/* Spécificité Carte  */
/**********************/

#contentCarte {
	padding: 0;
	width: 550px;
	margin-left: 217px;
	margin-right: 165px;
}

#margeCarte {
	float: right;
	width: 155px;
	padding: 0;
	margin: 0;
}

#selectDiocese {
	height: 19px;
	font-size: 12px;
	margin: 0;
	border-top: solid #d6d6d6 1px;
	border-left: solid #d6d6d6 1px;
	border-bottom: solid #ababab 1px;
	border-right: solid #ababab 1px;
}

#contentCarte img.drapeau {
	vertical-align: middle;
}
ul#menuSitesFrancophones {
	list-style: none;
}
#menuSitesFrancophones li {
	margin-top: 10px;
	margin-bottom: 10px;
}