body {background-color: #808080; margin-left: auto; margin-right: auto; width: 800px; text-align: center;}
div.feuille {background-color: white; height: 200px;}
div.decor_haut {background-image: url(../images/barre_n.gif); background-repeat: no-repeat;}
div.logo, div.page {margin-left: auto; margin-right: auto; width: 800px; padding-top: 24px;}
div.logo img {text-decoration: none; border-style: none;}

div.menu {width: 800px; margin-left: auto; margin-right: auto; padding-left: 5px;}
div.decor_bas {float: left; width: 800px; background-image: url(../images/barre_s.gif); background-repeat: no-repeat;}
div.feuille, div.menu, div.cadre, div.cadre_2, div.cadre_3 {background-image: url(../images/barre.gif); background-repeat: repeat-y;}
span.menu, span.menu_courant {float: left; width: 195px; border: 1px; border-style: solid; text-align: center; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
span.menu, span.menu_off {background: #707070; color: #d0d0d0;}
span.menu_courant {background: #d0d0d0; color:  #707070;}
span.menu:hover {color: white;}
h1, h2, h3, h4 {font-family: Helvetica, Arial, sans-serif;}
h2 {font-size: 18px;}
h2 {text-align: left; margin: 16px;}
h2.messes {color: red; text-align: center;}
h2.celebrations {color: red; text-align: left; margin-left: 24px;}
//div.cadre h2 {display: block;}


div.menu a:link, div.menu a:visited {text-decoration: none;} 
div.copyright, div.copyright a {text-align: center; color: #ffffff; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px;}

h3 {font-size: 12px;}
h3 {text-align: justify; margin-left: 48px; margin-right: 48px;}
div.rite h3 {color: green;}
div.rite p {text-align: left; padding-left: 100px; width: 400px;}
span.rite img {margin-top: 16px;}

span.gras {font-weight: bold;}

h4 {text-align: justify; margin-left: 64px; margin-right: 32px;}



td.nom {width: 96px; text-align: right; font-weight: bold;}
td {text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
div.commandes_1c {margin-left: 128px; margin-right: 128px; border: 1px; border-style: solid; background: #f0f0f0;}
div.test_en_ligne {margin-left: auto; margin-right: auto; width: 400px; padding-top: 12px;}



span.texte {float: left; width: 150px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }



h2.centre {text-align: center; font-size: 24px; margin: 24px; padding: 24px; color: #808080;}

h2.conference {text-align: center; font-size: 24px; margin: 24px; padding: 24px; color: #000080; font-style: italic;}

div.commandes {font-family: Helvetica, Arial, sans-serif; font-size: 11px;}

div.cadre_questionnaire {background-image: url(../images/barre.gif); background-repeat: repeat-y;}
div.reponse a {float: left;}






h5 {display: block; text-align: left; width: 800px; background: white;}


div.cadre, div.cadre_2 {float: left; display: inline;background-color: white; margin-left: auto; margin-right: auto; width: 800px; }


div.cadre {padding-bottom: 48px;}



div.cadre_questionnaire {float: left; display: inline;background-color: white; margin-left: auto; margin-right: auto; width: 800px; padding-top: 24px; padding-bottom: 24px;}


div.commandes {float: left; width: 340px; height: auto; margin-left: 28px; margin-right: 0px; display: inline; text-align: 
left; border: 1px; border-style: solid; padding-left:8px; padding-right: 8px; padding-bottom: 8px;}


div.commandes h3 {text-align: center;}
div.commandes span {font-weight: bold;}

div.guide {float: left; width: 380px; height: auto; margin-right: 20px;  display: inline; margin-bottom: 24px; text-align: left;}
div.guide img {float: left; margin-left: 10px; margin-right: 10px;}
div.guide a {float: none;}
div.guide a:visited {color: grey; font-weight: bold;}

div.commandes {background: #f0f0f0;}


div.questionnaire span {float: left; width: 90px; margin-left: 16px; text-align: right;}
input {float: left; display: inline; width: 20px; margin-right: 70px;}

input.calculer {margin-left: 350px; margin-right: 350px; width: 100px; margin-top: 12px;}

div.questionnaire h3, div.reponse h3{color: #0085d4;}
div.reponse h3 {text-align: center;}

div.reponse span a{color: #e1a655; text-align:center; width: 266px;} 



span.bas_de_page, span.bas_de_page a {margin-right: 4px; margin-left: 4px; text-align: right; color: #808080; font-size: 14px; display: inline;}
span.bas_de_page a {float: none;}
img.contact{margin-top: 12px; padding-top: 12px;}

div.cadre, div.cadre_2, div.cadre_3 {float: left; display: inline;background-color: white; margin-left: auto; margin-right: auto; width: 800px; height: auto;}
div.cadre {padding-bottom: 24px;}

div.planche {text-align: center; font-size: 24px; margin-left: 100px; margin-right: 100px; color: #808080;}


table {margin-right: auto; margin-left: auto; width: 350px;}
span.photo {float: left; width: 150px;}
div.ligne span.texte {float: right; width: 350px; text-align: justify; font-family: Helvetica, Arial, sans-serif; font-size: 11px;}
div.ligne span.texte2 {float: right; width: 300px; text-align: justify; font-family: Helvetica, Arial, sans-serif; font-size: 11px;}
div.ligne img {margin-bottom: 48px;}
div.fraternite {margin-top: 48px; font-family: Helvetica, Arial, sans-serif; font-size: 11px;}

img.plan {margin: 4px; padding: 4px; border: 1px; border-style: solid;}

div.rite {float: left; width: 400px;}
div.celebrations {float: left; display: in-line; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; text-align: justify;}
//span.rite2 {float: left; width: 300px;}
plan {margin: 4px; padding: 4px; border: 1px; border-style: solid;}
span.photo_celebration {float: right; margin-left: 12px; margin-right: 12px; margin-top: 12px; padding-top: 0px;}
span.photo_celebration_bottom {float: right; margin-left: 12px; margin-right: 12px; margin-top: 0px; padding-top: 0px; margin-bottom: -36px;}

span.photo_celebration2 {float: left; margin-left: 12px; margin-right: 12px; margin-top: 12px; padding-top: 0px;}


div.cadre_celebration {text-align: justify; width: 550px; margin-left: auto; margin-right: auto; font-family: "Times New Roman", serif; font-size: 12px;}


div.celebrations_bottom {margin-top: 24px; }

div.cadre_3 {margin-bottom: 0px; margin-top: auto;}
span.encre {color: red;}

div.presentation {width: 750px; margin-left: auto; margin-right: auto; text-align: left;}

div.titre_rub {width: 150px; display: inline; float: left; text-align: right; font-weight: bold;}
div.contenu_rub {width: 350px; display: inline; float: left; margin-left: 16px; padding:left: 0px; margin-bottom: 0px; padding-bottom: 8px;}

ul.francais li {list-style-type: none;}

ul.francais a:link, ul.francais li a:visited {
		color: blue;
		text-decoration: none;
		}

div.conference_texte1, div.conference_texte2 {
			float: left;
			width: 400px;
			font-family: Helvetica, Arial, sans-serif;
		}

div.conference_texte1 {
			font-size: 14px;
			color: #000080;
			font-weight: bold;
		}

div.conference_texte2, div.conference_texte3 {
			font-size: 14px;
			color: #000000;
		}

div.conference_texte3 {
			margin-left: auto; margin-right: auto; margin-top: 1ex; margin-bottom: 3ex;
			width: 600px;
			display: bloc;
			text-align: justify;
			border: 1px solid;
		}

div.conference_texte3 h2 {
				color: red;
			}


div.conference_texte3 p {

				margin: 16px;
			}
div.conference_citation {
			margin-left: auto; margin-right: auto; margin-top: 1ex; margin-bottom: 3ex;
			width: 650px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 18px;
			font-style: italic;
			color: #505050;
			margin-bottom: 0px; padding-bottom: 0.5ex;
		}
div.conference_auteur {
		margin-left: auto; margin-right: auto; margin-top: 1ex; margin-bottom: 3ex;
			width: 650px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			text-align: right;
			color: #505050;
			margin-top: 0px; padding-top: 0px;	
		}

div.cadre_conference {
			width: 600px;
			margin-left: auto;
			margin-right: auto;
		}

span.conference {
			float: left;
			margin-left: auto; margin-right: auto; margin-top: 1ex; margin-bottom: 3ex;
			width: 300px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
		}

span.conference2 {
			display: block;
			float: left;
			margin-top: 3ex; margin-bottom: 3ex;
			width: 250px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
			text-align: justify;
			height: 250px;
		}

span.conference3 {
			padding: 0px;
			display: block;
			width: 300px;
			float: left;
			margin-left: 32px;
			margin-right: 12px;
			margin-top: 48px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
			text-align: justify;
			height: 250px;
		}

span.conference4 {	
			padding: 0px;
			display: block;
			width: 180px;
			height: 250px;
			float: right;
			margin-right: 32px;
			margin-top: 64px;
						
		}

span.conference5 {
			float: left;
			margin-top: 16px;		
		}

span.conference6 {
			display: block;
			width: 330px;
			height: 250px;
			float: right;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
			text-align: justify;			
		}	


span.bleu {
		color: #0040ff;
	}

span.conference6 h2 {
		color: red;
		text-align: center;
	}

div.bloc_texte {
		margin-left: auto; margin-right: auto;
		width: 600px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-align: justify;
	}

div.bloc_texte p {
		margin-top: 24px;
		}

span.souligne {
		text-decoration: underline;
	}


div.centrer_image {
		width: 402px;
		margin-left: auto; margin-right: auto;
				
	}
div.bloc_texte p {
			padding-left: 24px;
		}

div.accueil {
		padding-top: 24px;
		margin-right: 24px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-align: right;
	}

p.texte_droite {
		margin-top: 14px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-align: right;
	}
span.gras {
		font-weight: bold;
	}

p.commentaires {font-style: italic;}

div.chapeau {
		margin-left: auto; margin-right: auto;
		margin-top: 0px;
		width: 600px;
		text-align: justify;
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;		
	} 

p.droite_italique {
		margin-top: 12px; padding-top: 12px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-align: right;
		font-style: italic;		
	}

div.huit {font-size: 2px;}

span.adresses_web {
			margin-left: 32px;
		}

table.visitation {
			width: 450px;
}

td.heure {
		width: 60px;
}
div.rubrique_red {
			float: left;
			text-align: right;
			width: 150px;
			color: #ff0000;		
			font-weight: bold;

}
div.rubrique_noir {
			display: inline;
			float: left;
			width: 250px;
			padding-left: 8px;
			padding-bottom: 8px;
}


div.clerge, div.clerge_bis {
		margin-left: auto;
		margin-right: auto;
		width: 630px;
}


div.clerge_2, div.clerge_2bis {
		margin-left: auto;
		margin-right: auto;
		width: 420px;
}

div.clerge_1, div.clerge_1bis {
		margin-left: auto;
		margin-right: auto;
		width: 420px;
}


div.clerge div, div.clerge_2 div, div.clerge_bis div, div.clerge_2bis div {
		display: inline;
		float: left;
		width: 210px;
		
}

div.clerge_bis div, div.clerge_2bis div {
					margin-bottom: 24px;
}


div.clerge img, div.clerge_2 img, img.clerge {
		padding: 8px;
		border: 1px;
		border-style: solid;
		border-color: #a0a0a0;
		background-color: #f3fade;
}

a.copyright, a.copyright:visited {color: #ccc; text-decoration: none;}
a.copyright:hover {color: #ffffff; text-decoration: underline;}