body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
a:link, a:visited, a:active {
    color:#ff0000;
    text-decoration:none;
    font-style:normal;
}
a:hover {
    color:#0033ff;
}

/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
    margin:auto;
}

.clearFloat {
    clear:both;
    font-size:1px;
}

.asterisque {
    color:#FF0000;
}

.fil_ariane {
    margin-bottom:10px;
}

.btnPage {
	display:none;
}

.pagination {
	text-align:center;
	padding:20px;
	font-size:14px;
}

/*##############################################################################
############################## Banniere ########################################
##############################################################################*/
#banniere {
	display:none;
}

/*##############################################################################
################################ Body ##########################################
##############################################################################*/
#body {
    background:#FFFFFF;
    padding:15px 10px 10px 10px;
}

/*##############################################################################
################################ Menu ##########################################
##############################################################################*/
#menu {
	display:none;
}

/*##############################################################################
################################ Contenu #######################################
##############################################################################*/
#content {
    width:484px;
	margin:auto;
    padding:10px 30px;
    text-align:justify;
}

.titrePage {
	margin:20px 0px;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	color:#0033ff;
}


#content .lienRetour{
    text-align:center;
    /*margin-top:15px;*/
}
.bleu{
    color:#0033ff;
}
.orange{
    color:#FF6600;
}
.rouge{
    color:#ff0000;
}
.italic{
    font-style:italic;
}
.center{
    text-align:center;
}
.gras{
    font-weight:bold;
}
.legendeImage{
    font-style:italic;
    text-align:center;
	margin:10px 0px;
}

.lecteurPDF {
	border:1px dashed #CCCCCC;
	padding:5px 10px;
}

.lienHautPage {
	padding-left:400px;
}

.articleMusic {
	padding-top:1px;
}

	.articleMusicTitre {
		float:left;
		width:284px;
		color:#FF6600;
		font-weight:bold;
		border:1px solid #FF6600;
		height:18px;
	}
	
	.articleMusicPlayer {
		float:left;
		width:200px;
		background:#FF6600;
	}

/*#########################Page des bienheureux###############################*/
#content .bienheureux{
    border:1px dashed gray;
    padding:10px;
    margin-bottom:20px;
}
#content .bienheureux .titre {
    color:#0033ff;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}
#content .bienheureux img {
	float:left;
	margin:0px 10px 10px 0px;	
}

/*###################### Page des bulletins #####################################*/
#content .bulletin{
    margin-bottom:10px;
}

#content .an_bulletin{
    text-align:center;
    margin-top:20px;
}

.bulletinImg {
	float:left; 
	width:102px;
	text-align:center;
	padding:0px 10px 10px 0px;
}

.bulletinTitre {
	font-weight:bold;
	color:#FF6600;
	margin-bottom:5px;
}

.bulletinDate {
	font-weight:bold;
}

.bulletinDescription {
	margin-bottom:5px;
}

.bulletinLien {
	text-align:right;
}

/*###################### Page de contact #####################################*/
.contact_fieldset {
    padding:20px 35px;
    border:1px solid #FF6600;
    margin:auto;
    width:415px;
}
.contact_legend {
    color:#FF6600;
    font-weight:bold;
    margin:0px 0px 15px -20px;
    padding:0px 10px;
}
.contact_form label {
    display:inline;
    float:left;
    font-weight:bold;
    width:95px;
}
.contact_form input, .contact_form textarea{
    background-color:#DDDDDD;
    border:1px solid #999999;
    width:312px;
}
input.contact_form_submit {
    display:block;
    margin:20px 36px;
    width:415px;
    color:#FF6600;
    font-weight:bold;
}
input.contact_form_submit:hover {
    background-color:#CCCCCC;
}
.asterisque {
    color:#FF0000;
}
.contact_confirm {
    color:#FF6600;
    text-align:center;
    padding:10px;
}
.contact_form_msg {
    font-size:11px;
    color:#666666;
    font-style:italic;
    margin-left:100px;
}
/*###################### Page adresses centres ###############################*/
#content .centre{
    margin-bottom:20px;
}
#content .centre .nomCentre{
    text-align:center;
}
#content .centre .infoDirecteur{
    float:left;
    width:260px;
}
#content .centre .infoZelatrice{
    float:left;
    width:260px;
}
/*###################### Page calendrier ###############################*/
#content .listeEvent .titre_event{
    color:#ff6600;
    font-weight:bold;
    margin-bottom:5px;
}
/*###################### Page page.php ###############################*/
#content .article{
    margin-bottom:50px;
}
	.titreArticle {
		color:#FF6600;
		font-size:16px;
		border-bottom:1px solid #FF6600;
	}
/*###################### Page boutique ###############################*/
#content .titre_categorie{
    text-align:center;
}
#content #entete_tab_produit{
    border-top:1px solid #999999;
    margin-top:15px;
}
#content #liste_produit{
    margin-bottom:35px;
}
#content .code{
    float:left;
    width:110px;
    padding:5px;
    text-align:center;
    border-bottom:1px solid #999999;
	border-top:1px solid #999999;
    border-left:1px solid #999999;
}
#content .designation{
    float:left;
    width:250px;
    padding:5px;
    border-bottom:1px solid #999999;
	border-top:1px solid #999999;
    border-left:1px solid #999999;
}
#content .prix_unitaire{
    float:left;
    width:50px;
    padding:5px;
    text-align:center;
    border-bottom:1px solid #999999;
	border-top:1px solid #999999;
    border-left:1px solid #999999;
}
#content .observation{
    float:left;
    width:68px;
    padding:5px;
    border:1px solid #999999;
}
#content .produit{
   /* height:157px;*/
}
#content .categorie{
    width:220px;
    height:130px;
    padding:5px;
    margin:5px;
    float:left;
    border: 1px dashed #999999;
    color:black;
}
#content .categorie:hover{
    border: 1px solid #ff6600;
}
#content .categorie .titre {
    font-weight:bold;
}
#content .retour_boutique{
    margin:0px 0px;
    text-align:center;
}
#content .btn_commande{
    
}
/*###################### Page panier ###############################*/
#content .code_panier{
    float:left;
    text-align:center;
    width:75px;
    padding:5px;
    border-bottom:1px solid #999999;
	border-top:1px solid #999999;
    border-left:1px solid #999999;
}
#content .desc_panier{
    float:left;
    width:185px;
    padding:5px;
    border-bottom:1px solid #999999;
	border-top:1px solid #999999;
    border-left:1px solid #999999;
}
#content .quantite{
    float:left;
    width:50px;
    text-align:center;
    padding:5px;
    border-bottom:1px solid #999999;
	border-top:1px solid #999999;
    border-left:1px solid #999999;
}
#content .total_ligne{
    float:left;
    width:40px;
    text-align:center;
    padding:5px;
    border:1px solid #999999;
}
#content .suppr_ligne{
    float:left;
    width:20px;
    text-align:center;
    padding:2px;
    border-bottom:1px solid #999999;
	border-top:1px solid #999999;
    border-right:1px solid #999999;
}
#content .total{
    text-align:center;
    border:1px solid #999999;
    font-weight:bold;
}
#content .hauteur_panier{
    height:70px;
}
#content .titre_commande{
    text-align:center;
}
#content #bon_commande{
    margin:auto;
    width:484px;
}
#content .form_panier input, #content .form_panier textarea {
	float:left;
    margin-left:5px;
    width:378px;
	border:1px solid #999999;
	margin-bottom:1px;
}
#content .form_panier label{
	float:left;
    width:103px;
	text-align:right;
}

#content .btn_imprimer{
    font-style:italic;
    margin-top:15px;
    text-align:center;
}
/*############################Page impression commande########################*/
#content #body_print{
    width:463px;
}
#content #body_print .inf_perso_commande .champ{
    float:left;
    padding-right:10px;
}
#content #body_print .inf_perso_commande .ville{

}
/*##############################################################################
########################### Colonne de droite ##################################
##############################################################################*/
#colRight {
	display:none;
}

/*##############################################################################
############################# Pied de page #####################################
##############################################################################*/
#footer {
	display:none;
}


/*##############################################################################
######################### Calendrier des fetes #################################
##############################################################################*/
.calendar {
    width:190px;
    text-align:center;
    border-right:1px solid #FF6600;
    border-left:1px solid #FF6600;
    padding-top:8px;
}
.calendar_header {
    width:100%;
    /*border-bottom:1px solid #3399CC;*/
}
.calendar_header_btn {
    width:11px;
    padding:4px;
}
.calendar_header_month {
    text-align:center;
}
a.calendar_prev:link, a.calendar_prev:visited, a.calendar_prev:active {
    background:url(../images/calendar-prev.gif) no-repeat 0px 0px;
    text-decoration:none;
    width:11px;
    height:12px;
    display:block;
}
a.calendar_prev:hover {
    background:url(../images/calendar-prev.gif) no-repeat 0px -12px;
}
a.calendar_next:link, a.calendar_next:visited, a.calendar_next:active {
    background:url(../images/calendar-next.gif) no-repeat 0px 0px;
    text-decoration:none;
    width:11px;
    height:12px;
    display:block;
}
a.calendar_next:hover {
    background:url(../images/calendar-next.gif) no-repeat 0px -12px;
}
.calendar_form select {
    background-color:#FFFFFF;
    font-size:10px;
    color:#3399CC;
}
.calendar_body {
    margin:auto;
}
.calendar_body_td {
    width:21px;
    height:21px;
    text-align:center;
}
a.calendar_body_blank {
    background:url(../images/calendar-td.gif) no-repeat 0px 0px;
    width:21px;
    height:18px;
    color:#999999;
    display:block;
    text-decoration:none;
    padding-top:3px;
}
a.calendar_body_blank:hover {
    background:url(../images/calendar-td.gif) no-repeat 0px -21px;
    color:#FFFFFF;
}
a.calendar_body_valid {
    background:url(../images/calendar-valid.gif) no-repeat 0px 0px;
    width:21px;
    height:18px;
    color:#999999;
    display:block;
    text-decoration:none;
    padding-top:3px;
}
a.calendar_body_valid:hover {
    background:url(../images/calendar-valid.gif) no-repeat 0px -21px;
    color:#FFFFFF;
}
a.calendar_body_today {
    color:#FF6600;
}
.calendar_manif_liste_content {
    border:1px solid #CCCCCC;
    text-align:left;
    margin:0;
    padding:0px;
    padding-left:20px;
}
.calendar_manif_liste_content li {
    list-style-type:square;
    list-style-position:outside;
    padding:2px 5px 2px 5px;
}


/*##############################################################################
######################### Page des méditations #################################
##############################################################################*/
#meditationAjax {
	width:300px; 
	height:220px; 
	border:1px solid #FF6600;
	padding:20px;
	margin:auto;
	font-size:14px;
}

/*##############################################################################
######################### Page des recherches ##################################
##############################################################################*/
.formSearch_button {
	vertical-align:middle;
	margin-left:5px;
}

.formSearch_input {
	border:1px solid #FF6600;
	width:120px;
	height:11px;
	font-size:11px;
	color:#666666;
}

.search_keyword {
	font-weight:bold;
	background:#FFFF66;
}

.search_liste li {
	list-style:square;
	margin-bottom:10px;
}

	.search_titre {
		color:#FF6600;
		font-weight:bold;
	}

	a.search_ensavoirplus {
		color:#666666;
		font-style:italic;
		padding-top:10px;
	}
	
	a.search_ensavoirplus:hover {
		color:#FF6600;
	}



/*##############################################################################
######################### Page du cadran ##################################
##############################################################################*/
#cadranImg {
	text-align:center;
	margin-bottom:15px;
	height:478px;
}

.cadranInitiales {
	position:absolute;
	background:#eeeeee;
	padding:0px 3px;
	color:#FF3300;
	font-size:14px;
	font-weight:bold;
}

.formCadran {
	border:1px solid #666666;
	width:150px;
	background:#CCCCCC;
}

.commentaire {
	border:1px solid #996600;
	color:#996600;
	padding:5px;
	margin-bottom:15px;
}

.protecteur {
	border:1px solid #006699;
	color:#006699;
	padding:5px;
	margin-bottom:15px;
}

.cadranErreur {
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin-bottom:15px;
}


/*##############################################################################
########################### Page du diaporama ##################################
##############################################################################*/
.diaporama_item {
	width:160px;
	height:160px;
	display:inline;
	border:1px solid #CCCCCC;
}

.diaporama_photo {
	height:160px;
	width:160px;
	text-align:center;
	vertical-align:middle;
}