/* FEUILLE de STYLE N°7 - Etoile du Berger */
/* Nouveau CALENDRIER */

/************************************/
/* Nouveau CALENDRIER (version Web) */
/************************************/

.introcal_1 {
	width: 380px;
/*background-color:#F5F4EB;
	border-style: dashed;
	border-width: 1px;
	border-color: #336699;*/
	padding: 15px 15px 5px 25px;;
	margin: 0; }
	
.introcal_2 {
	background-color:#FFF;
	width: 250px;
	float: right;
	padding: 0;
	margin: 5px 15px 0 0; }

.introcal_1 p {
	color: #29547E;
	font-size: 0.85em;
	line-height: 1.4em;
	text-align: justify; }

.commandes_cal {
	margin: 10px 50px 0 50px; }

.commandes_cal .affiche_tout {
	font-family: Arial, Helvetica, Sans-serif;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 0;
	width: 90%; 
	vertical-align: middle; }

/*.commandes_cal .affiche_tout td {
	border: 1px solid #333; }*/

.calendrier table {
	margin-top: 0;
	margin-bottom: 0;
	width: 95%; }

.calendrier .principale table {
	margin-top: 10px; }

.bouton {  /* Annexe au script de masquage/affichage des réponses... */
	cursor: hand;
	cursor: pointer; }

/* Couleurs **************************/
	
/* Tons GRIS... */
.calendrier .ligne_0 td.fonce { background-color: #A8A8A8; }
.calendrier .ligne_0 td.moyen { background-color: #BEBEBE; }
.calendrier .ligne_0 td.clair { background-color: #E6E6E6; }
	
/* Tons VIOLETS... */
.calendrier .ligne_1 td.fonce { background-color: #C4A2E1; }
.calendrier .ligne_1 td.moyen { background-color: #E2D0F0; }
.calendrier .ligne_1 td.clair { background-color: #EFE6F7; }
	
/* Tons VERTS... */
.calendrier .ligne_2 td.fonce { background-color: #C1D96A; }
.calendrier .ligne_2 td.moyen { background-color: #D1E393; }
.calendrier .ligne_2 td.clair { background-color: #EAF2CC; }
	
/* Tons BLEUS... */
.calendrier .ligne_3 td.fonce { background-color: #7ABAFA; }
.calendrier .ligne_3 td.moyen { background-color: #A0CEFC; }
.calendrier .ligne_3 td.clair { background-color: #D3E9FE; }
	
/* Tons ORANGES... */
.calendrier .ligne_4 td.fonce { background-color: #F3CD8D; }
.calendrier .ligne_4 td.moyen { background-color: #F8DFB6; }
.calendrier .ligne_4 td.clair { background-color: #FCF0DC; }
	
/* Tons ROUGES... */
.calendrier .ligne_5 td.fonce { background-color: #FF9595; }
.calendrier .ligne_5 td.moyen { background-color: #FFB0B0; }
.calendrier .ligne_5 td.clair { background-color: #FFE8E8; }

/***************************************/

.calendrier li {
	margin-left: 15px; }

.calendrier p {
	font-family: Arial, Helvetica, Sans-serif; }
	
.calendrier td {
	border-style: none;
	padding: 5px 10px;
	vertical-align: middle;  }
	
.calendrier td.coins_haut {
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 11px;  }
	
.calendrier td.coins_haut img {
	float: left; }
	
.calendrier td.bouton {
	padding: 3px 0 0 0;
	margin: 0;
	vertical-align: middle;
	width: 25px;  }
	
.calendrier td.case_bouton_vide {
	padding: 0;
	margin: 0;
	border-top: dashed;
	border-color: #888;
	border-width: 1px;
	width: 25px;  }
	
.calendrier td.case_bouton_vide_sans {
	padding: 0;
	margin: 0;
	width: 25px;  }
	
.calendrier td.coins_bas {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	width: 11px;  }
	
.calendrier td.coins_bas img {
	float: left; }

.calendrier td.date {  /* Champ DATE */
	width: 15%;
	padding-left: 0;
	text-align: center;
	font-size: 0.9em;
	font-weight: 200;
	color: #333;
	letter-spacing: 0.02em; }

.calendrier td.date span.jour {  
	font-weight: 600;
	font-size: 1.1em;
	color: #000; }

.calendrier td.date span.moment {  
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;
	color: #444; }

.calendrier td.date span.preciser {  
	font-weight: 200;
	font-style: italic;
	font-size: 0.95em;
	color: #333; }
	
.calendrier td.titre {  /* Champ TITRE */
	text-align: left; 
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	font-style: normal;
	color: #222; }
	
.calendrier td.lieu {  /* Champ LIEU */
	width: 18%;
	text-align: left;
	padding-left: 15px;
	font-size: 1em;
	font-weight: 600;
	color: #222; }

.calendrier td.lieu span {  
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	color: #444; }
	
.calendrier td.vignette {  /* Champ pour les VIGNETTES */
	width: 15%;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 7px 11px 7px 0; }

.calendrier td.intervenant {  /* Champ INTERVENANT */
	text-align: left;
	font-size: 0.95em;
	font-weight: 600;
	font-style: italic;
	color: #444; }
	
.calendrier td.intervenant span {
	font-weight: normal;
	font-style: normal;
	color: #222; }
	
.calendrier td.tarif {  /* Champ TARIF */
	width: 18%;
	border-top: dashed;
	border-color: #888;
	border-width: 1px;
	text-align: left;
	padding-left: 15px;
	font-size: 0.95em;
	font-weight: 600;
	font-style: italic;
	color: #444; }
	
.calendrier td.tarif .prix {
	font-weight: 600;
	font-style: normal;
	color: #000;
	font-size: 110%; }
	
.calendrier td.tarif .euro {
	font-weight: 400;
	font-style: normal;
	color: #000; }
	
.calendrier td.tarif .ttc {
	font-weight: normal;
	font-style: normal;
	font-size: 80%; }
	
.calendrier td.precisions {  /* Titre du champ COMMENTAIRES */
	border-top: dashed;
	border-color: #888;
	border-width: 1px;
	text-align: left;
	font-size: 0.95em;
	font-weight: 600;
	font-style: italic;
	color: #444;
	width: 80px;
	vertical-align: top;
	padding-top: 6px; }
	
.calendrier td.commentaires {  /* Champ COMMENTAIRES */
	border-top: dashed;
	border-color: #888;
	border-width: 1px;
	text-align: left;
	font-size: 0.95em;
	font-weight: normal;
	font-style: normal;
	color: #222;
	padding-left: 7px; }
	
.calendrier td.commentaires a {
	text-decoration: underline;
	color: #BF2D2D; }
	
.calendrier td.commentaires a:hover {
	text-decoration: none; }
	
.calendrier td.lien {  /* Champ LIENS */
	border-style: none;
	text-align: left;
	font-size: 0.95em; }
	
.calendrier td.premier {
	border-top: dashed;
	border-color: #888;
	border-width: 1px; }
	
.calendrier td.lien a {
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	color: #BF2D2D; }
	
.calendrier td.lien a:hover {
	text-decoration: none; }
	
.calendrier td.lien img {
	float: left;
	margin-right: 10px; }
	
.calendrier td.lien img {
	float: left;
	margin-right: 10px; }
	
.calendrier td.hebergement {  /* Champ HEBERGEMENT */
	border-top: dashed;
	border-color: #888;
	border-width: 1px;
	text-align: justify;
	font-size: 0.95em;
	font-weight: 600;
	font-style: italic;
	line-height: 1.15em;
	color: #666; }
	
.calendrier td.hebergement span.comm {
	font-weight: normal;
	font-style: normal;
	font-size: 0.85em;
	color: #888; }
	
.calendrier td.hebergement a {
	text-decoration: underline;
	color: #BF2D2D; }

/*************************************************/

div.affiche_mois {
	padding: 0;
	margin: 30px 0 0 0;
	text-align: center; }

div.bas_cal {
	font-family: Arial, Helvetica, Sans-serif;
	text-align: left;
	margin: 5px 20px 0px 20px; }

.bas_cal .cadre {
	padding: 4px 4px 0 4px;
	border-style: dotted;
	border-bottom-style: solid;
	border-width: 1px ;
	border-bottom-width: 2px;
	border-color: #CCC;
	background-color: #FFF; }

.bas_cal .cadre.coul_1 {
	border-bottom-color: #D9D6C8; }

.bas_cal .cadre.coul_2 {
	border-bottom-color: #D8C9D8; }

.bas_cal .cadre.coul_3 {
	border-bottom-color: #CBD3DC; }

.bas_cal .titre {
	padding-left: 15px; }

.bas_cal .coul_1 .titre {
	background-color: #D9D6C8; }

.bas_cal .coul_2 .titre {
	background-color: #D8C9D8; }

.bas_cal .coul_3 .titre {
	background-color: #CBD3DC; }
	
.bas_cal .coul_1 .contenu {
	background-color: #F5F4EB; }

.bas_cal .coul_2 .contenu {
	background-color: #F2ECF2; }

.bas_cal .coul_3 .contenu {
	background-color: #E6EAEE; }

div.bas_cal img {
	float: left;
	margin: 0 15px 0 0; }

.bas_cal .cadre .titre img {
	margin-top: 3px; }

.bas_cal .cadre img.puce_cal {
	margin-top: 5px; }

.bas_cal .cadre .titre p {
	padding-top: 8px;
	padding-bottom: 7px;
	color: #29547E;
	font-size: 0.9em;
	text-align: left; }

.bas_cal .cadre .contenu {
	padding: 15px 15px 10px 15px; }

.bas_cal .cadre .contenu p {
	color: #29547E;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: justify; }

.bas_cal .cadre.coul_1 .contenu p {
	padding-bottom: 0em; }

.bas_cal .cadre.coul_2 .contenu p {
	text-indent: 0em;
	padding-bottom: 0.5em; }

.info_comp_cal {
	margin: 40px 0 0 0;
	padding: 0;
	text-align: center; }

.info_comp_cal p {
	font-family: Arial, Helvetica, Sans-serif;
	color: #336699;
	padding-top: 5px;
	font-size: 1em;
	font-style: italic;
	font-weight: 600; }

/***********************************************/
/***  Formulaire d'affichage du CALENDRIER  ***/
/***********************************************/

.gestion_affiche_cal {
	font-family: Arial, Helvetica, Sans-serif;
	text-align: center;
	margin: 25px 50px 0 50px; }

.gestion_affiche_cal .titre {
	width: 90%;
	margin: auto;
	color: #CC3300;
	font-size: 1em;
	font-weight: 600;
	border-bottom: 1px dashed #CC3300;
	padding-bottom: 10px; }

.gestion_affiche_cal .options {
	width: 90%;
	margin: auto;
	padding-top: 10px;
	color: #CC3300;
	font-size: 1em;
	font-weight: 600;
	border-bottom: 1px dashed #CC3300;
	padding-bottom: 10px; }

.gestion_affiche_cal .options .choix_categ {
	text-align: center;
	color: #C13100;
	font-size: 0.95em;
	font-weight: 200; }

.gestion_affiche_cal .options .choix_categ table.categ td {
	vertical-align: middle;
	padding: 2px; }

.gestion_affiche_cal .options .choix_categ table.categ td.image {
	text-align: right;
	width: 55px;
	padding: 2px 12px 4px 0; }

.gestion_affiche_cal .options .choix_categ table.categ td.texte {
	text-align: left; }

.gestion_affiche_cal .options .choix_categ .trait_interm {
	border-bottom: 1px dotted #CC3300;
	margin: 10px 0; }

.gestion_affiche_cal .options .choix_categ table.autre td {
	vertical-align: middle;
	padding: 2px; }

.gestion_affiche_cal .options .choix_categ table.autre td.legende {
	text-align: right;
	padding-right: 10px; }

.gestion_affiche_cal .options .choix_categ table.autre td.bouton {
	padding: 5px 0 5px 10px; }

.gestion_affiche_cal .options .choix_categ table.autre td.bouton input {
	margin: 0; }

/****************************************/
/* Aucun évènement avec ces critères... */
/****************************************/

div.pasdevenement {
	font-family: Arial, Helvetica, Sans-serif;
	background-color: #C6D5EC;
	border: 1px solid #CCCCCC;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	width: 80%; }
	
.pasdevenement p {
	padding-top: 20px;
	text-align: center;
	color: #333399;
	font-style: normal;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.1em; }
	
.pasdevenement form {
	margin: auto;
	padding: 10px 0 20px 0;
	text-align: center; }