body {
    text-align: center;
    font-family: arial, helvetica, times, serif;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
}

ul, li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/* TITRE NIVEAU 1 */
h1, .titre1 {
    width: 174px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0px 3px 5px;
    margin: 0px 0px 5px 0px;
}
/* TITRE NIVEAU 2 */
h2, titre2 {
    color: #0851A5;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}
/* TITRE NIVEAU 3 */
h3 {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 3px 0px;
}
/* TITRE NIVEAU 4 */
h4, h4 a {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* TITRE NIVEAU 5 */
h5, .titre5 {
    font-size: 12px;
    color: #0065FF;
    width: 100%;
    line-height: 20px;
    vertical-align: middle;
    background-color: #ebebeb;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
}
/* TITRE NIVEAU 6 */
/*########################### ZONE PAGE ########################### */
#page {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 135px;
    width: 1006px;
    height: 500px;
    text-align: left;
}
/* ########################### BANDEAU : logo - saint - chemin - annonce  ########################### */
#bandeau {
    text-align: center;
    width: 831px;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 0px 0px;
    display: block;
}
/*  ***********************************zone logo  ************************************/
#logo {
    display: block;
    width: 270px;
    height: 100px;
    z-index: 2;
    position: absolute;
    text-decoration: none;
    margin-left: -415px;
    margin-top: -120px;
}

html > body #logo {
    top: 10px;
    margin-left: 0px;
    margin-top: 0px;
}
/* ************************* ZONE CHEMIN D'ACCES ************************* */
#chemin {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 3px 0px;
}
/* ************************* Zone saint du jour ************************* */
#saint, #saint a {
    text-align: right;
    font-size: 14px;
    color: #8C3C73;
    text-decoration: none;
}
/* ########################### MENU SECONDAIRE : menu  ########################### */
div#menu {
    float: left;
    width: 830px;
    padding: 0px 0px 0px 25px;
    margin: 2px 0px 2px 0px;
    text-align: center;
}

div#menu ul {
    width: 830px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    left: 50%;
    margin-left: 15px;
}

div#menu ul li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    background: url("../buttons/RO_vert_02.png") no-repeat right top;
}

div#menu ul li a {
    display: block;
    background: url("../buttons/RO_vert_01.png") no-repeat left top;
    padding: 6px 15px 11px 12px;
    font: bold 11px verdana, arial, sans-serif;
    color: #0851A5;
    text-decoration: none;
}

div#menu #current {
    background-image: url("../buttons/ACT_02.png");
}

div#menu #current a {
    background-image: url("../buttons/ACT_01.png");
}
/* ########################### ZONE PRINCIPALE: elegauche - elecentre - eledroite  ########################### */
#principale {
    float: left;
    padding: 5px 0px 0px 25px;
    margin: 0px 0px 0px 0px;
    width: 835px;
    display: block;
}
/* *********************************** ZONE GAUCHE DE LA PAGE : zoneJeunes   ***********************************/
#elegauche {
    float: left;
    text-align: left;
    width: 180px;
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#elegauche p {
    text-align: justify;
    font-size: 12px;
    color: #777777;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
/**************   Zone Acceuil ****************************/
div#accueil, div#messe {
    margin: 0px 0px 10px 0px;
}
/*#zoneJeunes ul {
 list-style-type: none;
 }*/
/******************* Menu Vertical : zoneJeunes - zoneDoyenne zone Liens Recommandés  **********************/
.zoneJeunes, .zoneLiens, .zoneDoyenne {
    background: #b8d157 url(../_images/template/back_titre_h2.gif) right bottom no-repeat;
    width: 174px;
    padding: 3px 0px 3px 5px;
    height: 20px;
    margin: 0px 0px 5px 0px;
    position: relative;
}

.zoneJeunes a, .zoneLiens a, .zoneDoyenne a {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    font-family: comics, arial, serif;
    text-decoration: none;
    position: relative;
}

.zoneJeunes a:hover, .zoneLiens a:hover, .zoneDoyenne a:hover {
    color: #0065FF;
}

/******************* Zone Se Préparer  *******************/
/* LISTE A PUCE AVEC PYRAMIDE A L'ENVERS */
#sePreparer {
    background: #F6FAE3 url(../_images/commun/fond_preparer.png) no-repeat right;
    width: 177px;
    /*padding-bottom:5px;*/
}

ul.pyramid {
    margin: 0px 0px 10px 20px;
    padding: 0px 0px 0px 0px;
    list-style-image: url(../_images/commun/puceN1.gif);
}

ul.pyramid a {
    color: #0065FF;
    text-decoration: none;
    font-size: 12px;
}

ul.pyramid a:hover {
    color: #0065FF;
    font-weight: bold;
}
/* ***********************************ZONE DU CENTRE DE LA PAGE  ************************************/
#elecentre, #elecentreLarge {
    float: left;
    left: 0px;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    width: 430px;
    border-right: 1px solid #CECFCE;
    border-left: 1px solid #CECFCE;
    height: auto;
    min-height: 1px;
}

#elecentreLarge {
    width: 600px;
    border-right: 0px;
}

#elecentre ul, #elecentreLarge ul {
    margin-left: 25px;
    margin: 0px 0px 10px 25px;
    color: #777777;
}

/* Partie diverse du centre */
#elecentre p, #elecentreLarge p {
    font-size: 12px;
    color: #777777;
    /*padding: 0px 20px 0px 0px;*/
    padding: 0px 0px 0px 0px;
    text-align: justify;
}

#elecentre ul, #elecentre li, #elecentreLarge ul, #elecentreLarge li {
    list-style-type: disc;
    font-size: 12px;
}
/* ###########################  ZONE DROITE DE LA PAGE: retourAcceuil - navigation - ########################### */
#eledroite {
    float: left;
    text-align: left;
    width: 180px;
    margin: 0px 0px 0px 10px;
}

#eledroite p {
    text-align: left;
    font-size: 12px;
    color: #777777;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    text-align: justify;
}

#retourAccueil, .retourAccueil {
    text-align: right;
    margin: 2px 0px 5px 5px;
}

#retourAccueil a, .retourAccueil a {
    margin-right: 10px;
    padding: 0px 0px 0px 15px;
    background: transparent url(../_images/commun/fleche_rouge.png) no-repeat left;
    font-size: 10px;
    text-decoration: none;
    color: #0065FF;
}

#retourAccueil a:hover, .retourAccueil a:hover {
    color: #0065FF;
}
/* ########################### ZONE OUTILS (BAS DE PAGE)  ########################### */
#outils {
    float: left;
    left: 0px;
    margin: 5px 0px 0px 25px;
    padding: 5px 0px 0px 0px;
    width: 831px;
    border-top: 1px solid #CECFCE;
    text-align: center;
}

#outils li {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
}

#outils li.part {
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #0065FF;
    text-align: center;
}

#outils li.dern {
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 0px;
    border-right: 0px;
    text-align: center;
}

#outils a {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #0065FF;
    font-size: 12px;
    font-weight: bold;
}
/* ########################### ZONE FONDBOTTOMCOULEUR (Copyright)  ########################### */
#fondBottomCouleur {
    float: left;
    display: block;
    padding: 0px 0px 0px 0px;
    width: 1006px;
    height: 31px;
}
/******************** Crédit ***************************/
#copyright {
    padding-left: 50px;
    width: 835px;
    text-align: center;
    font-size: 10px;
    color: #CBC8C8;
}

html > body #copyright {
    padding-left: 25px;
}

#copyright a {
    color: #A5A5A5;
}
/* ########################### DIVERS ########################### */
.imgHidden {
    display: none;
}

img {
    border: 0px none;
}

a {
    color: #0065FF;
}
/*-------------------- LIEN AVEC FLECHE ROUGE  ---------------------*/
.lireLaSuite, .retour {
    text-align: right;
    margin: 2px 0px 5px 5px;
}

.lireLaSuite a, .retour a {
    margin-right: 10px;
    padding: 0px 0px 0px 15px;
    font-size: 10px;
    text-decoration: none;
    color: #0065FF;
}

.lireLaSuite a {
    background: transparent url(../_images/commun/fleche_rouge_2.png) no-repeat left;
}

.retour a {
    background: transparent url(../_images/commun/fleche_rouge_3.png) no-repeat left;
}

.toutesActualites {
    text-align: right;
    margin: 2px 0px 5px 5px;
}

.toutesActualites a {
    margin-right: 10px;
    padding: 0px 0px 0px 15px;
    background: transparent url(../_images/commun/fleche_rouge_1.png) no-repeat left;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    color: #0065FF;
}

.toutesActualites a:hover {
    text-decoration: underline;
}


/* *********************************** AUTRES  ************************************/
/* objet flash */
.tx-rlmpflashdetection-pi1 {
    text-align: center;
}
/**             Powermail *******************/
/* CSS for Powermail */
div.tx-powermail-pi1 {
    /* margin-left:270px;
     text-align : left; */
}

powermail_mandatory {
    color: red;
}

fieldset.tx-powermail-pi1_fieldset legend {
    display: none;
}
/*******************************************
 * Powermail Display Settings
 ********************************************/
.tx-powermail-pi1 {
    /* Disable border */
    border: none;
    /*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    color: #777777;
    background: inherit;
    margin: 0 0 0.5em 0;
}

fieldset.tx-powermail-pi1_fieldset legend {
    display: none;
}

fieldset.tx-powermail-pi1_fieldset {
    /* Disable border */
    border: none;
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    color: #F20056;
    background: inherit;
    margin: 0 0 0.5em 0;
}

span.powermail_mandatory {
    color: #F20056;
}

fieldset.tx-powermail-pi1_fieldset label {
    /* Style labels */
    display: block;
    width: 130px;
    float: left;
    clear: both;
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    color: #777777;
    background: inherit;
    margin: 0 0 0.5em 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit, input.tx-powermail-pi1_confirmation {
    background: #B8D157 none repeat scroll 0%;
    border: 1px solid #B8D157;
    color: #FFFFFF;
    margin: 5px 0pt 0pt 160px;
    width: 103px;
    font-weight: bolder;
}

fieldset.tx-powermail-pi1_fieldset input.validation-failed, fieldset.tx-powermail-pi1_fieldset select.validation-failed, fieldset.tx-powermail-pi1_fieldset textarea.validation-failed {
    background: #E9EFD1;
}

fieldset.tx-powermail-pi1_fieldset input, fieldset.tx-powermail-pi1_fieldset select, fieldset.tx-powermail-pi1_fieldset textarea {
    /* Style input fields */
    width: 250px;
    border: none;
    border: 1px solid #B8D157; /* #AFAFAF */
    margin-left: 10px;
}

div.tx_powermail_pi1_fieldwrap_html {
    /* Increase margin between every field */
    margin: 10px 0;
}
/*****************************************************************************/
.tx-dropdownsitemap-pi1 UL, .tx-dropdownsitemap-pi1 OL {
   list-style: none;
    margin: 0px;
    padding: 0px;
    
}

.tx-dropdownsitemap-pi1 A, .tx-dropdownsitemap-pi1 A:link, .tx-dropdownsitemap-pi1 A:visited, .tx-dropdownsitemap-pi1 A:hover, .tx-dropdownsitemap-pi1 A:active {
}

.tx-dropdownsitemap-pi1 DIV {
	margin-left: 20px;
    margin-top: 2px;
    padding: 2px;
}

.tx-dropdownsitemap-pi1 OL LI {
	list-style-type:none !important; 
}

.tx-dropdownsitemap-pi1 LI.open OL {
    display: block;
}

.tx-dropdownsitemap-pi1 LI.closed OL {
     display: none;
}

.tx-dropdownsitemap-pi1 LI.open UL {
    display: block;
}

.tx-dropdownsitemap-pi1 LI.closed UL {
    display: none;
}

.tx-dropdownsitemap-pi1 SPAN.ifsub {
}

.tx-dropdownsitemap-pi1 SPAN.spc {
}

.tx-dropdownsitemap-pi1 .description {
}

.tx-dropdownsitemap-pi1 DIV {

}

.tx-dropdownsitemap-pi1 DIV.expAll {
	border:none;
	padding: 0px;
	padding-bottom:10px;
}


.tx-dropdownsitemap-pi1 DIV.expAll A, 
.tx-dropdownsitemap-pi1 DIV.expAll A:link, 
.tx-dropdownsitemap-pi1 DIV.expAll A:visited, 
.tx-dropdownsitemap-pi1 DIV.expAll A:hover, 
.tx-dropdownsitemap-pi1 DIV.expAll A:active{
	color:#B8D157;
}


.tx-dropdownsitemap-pi1 IMG {
	margin-right: 5px;
}

/****************************
block_2col
*/
div#block_2col ,div#block_1col  {
	width:630px;
	
	
}

div#block_2col td#block_2col_left, td#block_2col_right {
	background-color:white;
	width:50%;
}

div#block_2col div#bloc, div#block_1col {
	border:2px solid #7EA8D9;
	margin-bottom:10px;
	padding:5px 10px;
	padding-top:0px;
}

div#block_2col .csc-header, div#block_1col .csc-header{
	background-color:#7EA8D9;
	padding-top:0px;
	margin-top:0px;
	}
div#block_2col h1, div#block_1col h1 {
	background-image:none;
}

