/* FEUILLE de STYLE N°5 - Agroglyphes */
/* Page Calendrier */

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

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

.commandes_cal .affiche_tout {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 0;
	width: 90%; 
	vertical-align: middle; }

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

table.affiche_tout {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 60%; 
	vertical-align: middle; }

.affiche_tout td.ligne1 {
	color: #CC3300;
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dashed #CC3300;
	padding-bottom: 10px; }

.affiche_tout tr.ligne2 td {
	font-size: 0.9em;
	font-weight: 200;
	padding-top: 10px; }

.affiche_tout tr.ligne2 td.icone {
	width: 8%;
	text-align: right;
	padding-right: 10px; }

.affiche_tout tr.ligne2 td.texte {
	width: 40%;
	text-align: left; }
	
.affiche_tout a {
	color: #CC3300;
	text-decoration: none; }
	
.affiche_tout a:hover {
	text-decoration: underline; }
	
.affiche_tout a:hover img {
	text-decoration: none; }

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

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

/*.calendrier table td {  /* Pour vérification des cellules du tableau... */
/*	border-style: solid;
	border-color: #FF0000;
	border-width: 1px; } */
	
.calendrier .principale table {
	margin-top: 10px; }

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

/* Couleurs **************************/
	
/* Tons VERTS... */

.calendrier .ligne_1 td.fonce {
	background-color: #C1D96A; }
	
.calendrier .ligne_1 td.moyen {
	background-color: #D1E393; }
	
.calendrier .ligne_1 td.clair {
	background-color: #EAF2CC; }
	
/* Tons ORANGES... */
	
.calendrier .ligne_2 td.fonce {
	background-color: #EEC19D; }
	
.calendrier .ligne_2 td.moyen {
	background-color: #F1CCAD; }
	
.calendrier .ligne_2 td.clair {
	background-color: #F9E8D9; }
	
/* Tons GRIS... */
	
.calendrier .ligne_3 td.fonce {
	background-color: #A8A8A8; }
	
.calendrier .ligne_3 td.moyen {
	background-color: #BEBEBE; }
	
.calendrier .ligne_3 td.clair {
	background-color: #E6E6E6; }

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

.calendrier td {
	border-style: none;
	padding: 5px 10px;
	vertical-align: middle;  }
	
.calendrier td.coins_haut {
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 10px;  }
	
.calendrier td.coins_bas {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	width: 10px;  }
	
.calendrier td.coins_haut img { /* Nécessaire pour IE... */
	float: left; }
	
.calendrier td.coins_bas img { /* Nécessaire pour IE... */
	float: left; }
	
.calendrier td.bouton {
	width: 25px;  
	padding: 3px 0 0 0;
	margin: 0;
	text-align: center;
	vertical-align: middle; }
	
.calendrier td.lieu {  /* Champ LIEU */
	width: 43%;
	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.date {  /* Champ DATE */
	border-left: dashed;
	border-color: #888;
	border-width: 1px;
	padding-left: 0;
	text-align: left;
	padding-left: 10px;
	font-size: 0.95em;
	font-weight: 200;
	color: #222;
	letter-spacing: 0.03em; }

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

.calendrier td.date span.preciser {  
	font-weight: 200;
	font-style: italic;
	font-size: 0.95em;
	color: #333; }
	
.calendrier td.carte {  /* Champ CARTE */
	width: 19%;
	text-align: center; 
	vertical-align: middle;
	margin: 0;
	padding-left: 2px;
	padding-right: 12px; }
	
.calendrier td.heure {  /* Champ HEURE */
	border-bottom: dashed;
	border-right: dashed;
	border-color: #888;
	border-width: 1px;
	width: 24%;
	height: 40px;
	text-align: left;
	padding-left: 10px;
	font-size: 0.95em;
	font-weight: 600;
	font-style: italic;
	color: #444; }
	
.calendrier td.heure span.horaire {
	font-weight: 600;
	font-style: normal;
	color: #000;
	font-size: 110%; }

.calendrier td.heure span.preciser {  
	font-weight: 200;
	font-style: italic;
	font-size: 0.95em;
	color: #333; }
	
.calendrier td.tarif {  /* Champ TARIF */
	width: 40%;
	border-bottom: dashed;
	border-color: #888;
	border-width: 1px;
	text-align: left;
	padding-left: 10px;
	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 span.preciser {  
	font-weight: 200;
	font-style: italic;
	font-size: 0.95em;
	color: #333; }
	
.calendrier td.calendrier {  /* Champ pour les images de CALENDRIER */
	width: 60px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 5px 12px 5px 12px; }
	
.calendrier td.calendrier img {
	margin-left: 12px; }  /* Nécessaire pour IE */
	
.calendrier td.exact {  /* Champ EXACT (lieu exact) */
	width: 17%;
	text-align: left;
	padding-left: 10px;
	font-size: 0.95em;
	font-weight: 600;
	font-style: italic;
	color: #444;
	border: none; }

.calendrier td.trait_dessous { 
	border-bottom: dashed;
	border-color: #888;
	border-width: 1px; }
	
.calendrier td.adresse {  /* Champ ADRESSE */
	text-align: left;
	font-size: 0.95em;
	font-weight: 200;
	font-style: normal;
	padding-left: 0;
	color: #222; }
	
.calendrier td.adresse span {
	font-weight: normal;
	font-style: italic; }
	
.calendrier td.remarque {  /* Champ COMMENTAIRES */
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 0.95em;
	font-weight: 600;
	font-style: italic;
	color: #444; }
	
.calendrier td.remarque span {
	font-weight: normal;
	font-style: normal;
	color: #222; }
	
.calendrier td.remarque a {
	text-decoration: underline;
	color: #BF2D2D; }
	
.calendrier td.remarque a:hover {
	text-decoration: none; }
	
/***************************************/
/* Téléchargement des plaquettes...
/***************************************/

div.vers_plaquettes {
	margin: 20px 25px 20px 175px;
	padding: 4px;
	border-color: #666666;
	border-width: 1px;
	border-style: dotted; }

.vers_plaquettes table {
	width: 100%;
	background-color: #F1E7CD; }
	
.vers_plaquettes table td.pdf {
	width: 80px;
	padding: 2px;
	text-align: center;
	vertical-align: middle; 
	border-right-color: #666666;
	border-right-width: 1px;
	border-right-style: dashed; }

.vers_plaquettes table td.texte {
	padding: 2px 10px; 
	text-align: center; 
	vertical-align: middle; }
	
.vers_plaquettes table .texte a {
	text-decoration: none;
	color: #666666;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	font-weight: 200; }
	
.vers_plaquettes table .texte a:hover {
	color: #BB0000;
	text-decoration: none; }

/********************************************/
/* Tableau de TELECHARGEMENT des PLAQUETTES */
/********************************************/

table.download_affiches {
	margin-top: 0px;
	margin-bottom: 10px;
	width: 80%; }

.download_affiches p {
	font-family: Arial, Helvetica, Sans-serif; }
	
.download_affiches tr.titre td {
	background-color: #CDD97F;
	font-size: 0.9em;
	font-weight: 200;
	font-style: normal;
	color: #333;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5em;
	padding: 5px 10px; }
	
.download_affiches tr.ligne td {
	background-color: #F7F9E8;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: #39531E;
	text-align: center;
	vertical-align: middle;
	line-height: 1em; }
	
.download_affiches tr.ligne td.valeur {
	background-color: #E4EBBA; }
	
.download_affiches td {
	border-style: solid;
	border-color: #333;
	border-width: 1px;
	padding: 5px 10px;
	vertical-align: middle;  }
	
.download_affiches td.format {
	width: 70px; }
	
.download_affiches td.telecharger {
	width: 100px; }
	
.download_affiches td.taille {
	width: 110px; }