body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #605957;
    background:#6a89a9 url(../images/fondSite.jpg) repeat-y center;
}
a:link, a:visited, a:active {
    color:#ff0000;
    text-decoration:none;
    font-style:normal;
}
a:hover {
    color:#0033ff;
}

/*##############################################################################
########################## Interface g?n?rale ##################################
##############################################################################*/
#interface {
    width:960px;
    margin:auto;
}

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

.asterisque {
    color:#FF0000;
}
.fil_ariane{
	float:left;
    margin-bottom:10px;
	width:450px;
	border-bottom:1px solid #0033ff;
	font-size:18px;
	font-weight:bold;
	color:#0033ff;
}

.btnPage {
	float:left;
	margin-bottom:10px;
	width:34px;
	text-align:right;
}

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

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

/*################ Popup d'affichage de l'article #################*/
#pop_article {
	position:fixed;
	background:#ffffff;
	width:600px;
	/* height:400px; */
	top:50px;
	left:50%;
	margin-left:-300px;
	z-index: 500;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	text-align:center;
	vertical-align:middle;
	padding-top:2px;
}

.popupFermer {
	text-align:right;
	position:absolute;
	top:2px;
	right:2px;
}


/*##############################################################################
############################## Banniere ########################################
##############################################################################*/
#banniere {
    width:960px;
    height:248px;
	background:url(../images/banniere.jpg) no-repeat;
}

#banniereGlobe {
	width:200px;
	height:200px;
	position:relative;
	left:754px;
}

#cadreSearch {
	position:relative;
	top:35px;
	left:190px;
	width:250px;
}

#controlPlayer {
	position:relative;
	top:15px;
	left:865px;
	width:55px;
	text-align:right;
}


/*##############################################################################
################################ Body ##########################################
##############################################################################*/
#body {
    margin-right:30px;
    background:#FFFFFF;
    border-color:#666666;
    border-style:solid;
    border-width:0px 1px;
    padding:15px 10px 10px 0px;
}
/*##############################################################################
################################ Menu ##########################################
##############################################################################*/
#menu {
    float:left;
    width:160px;
    border-right:1px solid #cccccc;
	padding:0px 10px;
/*	background:#FFFFCC;*/
}

a.menu_lien {
    background:url('../images/puce1.gif') no-repeat 0px 14px;
	display:block;
	padding:10px 0px 10px 12px;
	font-weight:bold;
	color:#FF6600;
}

a.menu_lien_selected {
    background:url('../images/puce1.gif') no-repeat 0px 14px;
	display:block;
	padding:10px 0px 10px 12px;
	font-weight:bold;
	color:#0033ff;
}

a.menu_lien:hover {
	color:#0033ff;
}

#menu .menu_hr {
    background:url('../images/menu_hr.gif') repeat-x;
    height:1px;
	font-size:1px;
}

.sous-menu {
	padding-bottom:10px;
}

.sous-menu a {
    color:gray;
	display:block;
	padding:0px 0px 5px 12px;
}

.sous-menu a:hover {
    color:#FF6600;
}


/*##############################################################################
################################ Contenu #######################################
##############################################################################*/
#content {
    float:left;
    width:484px;
    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:#FFFFCC;
    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:30px;
}
	.titreArticle {
		color:#FF6600;
		font-size:16px;
		border-bottom:1px solid #FF6600;
	}
	
	.imgBorder img {
		border:1px solid #006699;
	}

	
/*###################### Page boutique ###############################*/
#content .titre_categorie{
    text-align:center;
}

.boutique_message {
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	font-size:12px;
	border:1px solid #FF0000;
	background:#DDDDDD;
	padding:5px;
}

#content #entete_tab_produit{
    border-top:1px solid #999999;
    margin-top:15px;
}
#content #liste_produit{
    margin-bottom:35px;
}
#content .code{
    width:100px;
    padding:5px;
    text-align:center;
    border:1px solid #999999;
}
#content .designation{
    width:221px;
    padding:5px;
    border:1px solid #999999;
}
#content .prix_unitaire{
    width:50px;
    padding:5px;
    text-align:center;
    border:1px solid #999999;
}
#content .observation{
    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 {
    float:left;
    width:192px;
    padding:10px 0px;
}
#colRight .cadre{
    margin-top:10px;
}
#colRight .cadre .bandeau_haut {
    height:20px;
}
#colRight .cadre .bandeau_haut .carre_gauche{
    width:10px;
    height:20px;
    background-image:url('../images/paveHeaderLeft.gif');
    float:left;
}
#colRight .cadre .bandeau_haut .titre_cadre{
    background-image:url('../images/paveHeaderCenter.gif');
    background-repeat:repeat-x;
    float:left;
    height:20px;
    width:172px;
    color:#0033ff;
    font-weight:bold;
}
#colRight .cadre .bandeau_haut .titre_bloc{
    margin-top:3px;
    display:block;
}
#colRight .cadre .bandeau_haut .carre_droit{
    width:10px;
    height:20px;
    background-image:url('../images/paveHeaderRight.gif');
    float:left;
}
#colRight .cadre .texte_cadre{
    border-right:1px solid #FF6600;
    border-left:1px solid #FF6600;
    padding:5px 10px 0px 10px;
    color:gray;
}
#colRight .cadre .foot {
    height:10px;
}
#colRight .cadre .bas_gauche{
    width:10px;
    height:10px;
    background-image:url('../images/paveFooterLeft.gif');
    background-repeat:no-repeat;
    float:left;
    font-size:1px;
}
#colRight .cadre .bas{
    float:left;
    border-bottom:1px solid #FF6600;
    height:9px;
    width:172px;
    font-size:1px;
}
#colRight .cadre .bas_droit{
    width:10px;
    height:10px;
    background-image:url('../images/paveFooterRight.gif');
    background-repeat:no-repeat;
    float:left;
    font-size:1px;
}
/*##############################################################################
############################# Pied de page #####################################
##############################################################################*/
#footer {
    width:930px;
    height:55px;
    background:url(../images/footerFondTop.png) repeat-y;
}
#footerContent {
    width:930px;
    height:45px;
    background:url(../images/footerFondBottom.png) no-repeat bottom;
    text-align:center;
    padding-top:10px;
    color:#FFFFFF;
}
#footerContent a {
    color:#FFFFFF;
}
#footerContent a:hover {
    color:#006699;
}


/*##############################################################################
######################### 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:#FF0000;
	font-weight:bold;
}
.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:#fff;
	padding:0px 3px;
	color:#FF3300;
	font-size:14px;
	font-weight:bold;
}

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

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

.protecteur {
	border:1px solid #0033FF;
	color:#0033FF;
	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:block;
	float:left;
	margin:0px 5px 5px 0px;
	border:1px solid #CCCCCC;
}

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