/*
	_templates/css-contenus-modele

	CSS pour les "Sites Web Modèle" (screen)

	Styles pour les contenus
	Dernière mise à jour: 2017-06-14
*/


/*
	Instructions:

	.template_border_and_background
	Ceci affecte tous les items qui ont une bordure mais qui n'ont pas d'état "on" ou "hover".
	Exemple: la boîte "Download Adobe Reader".

	.template_border_and_background_off
	Ceci affecte tous les items qui ont une bordure et sont interactifs. Ces paramètres affectent
	l'état "off" des items.
	Exemple: la navigation de pages, les documents, les photos, etc.

	.template_border_and_background_on
	Même chose que ci-dessus, mais pour l'état "on" des items. Normalement il n'y aurait que les
	paramètres "border-color" et "background-color" qui changent.

	.template_border_and_background_off:hover,
	.template_border_and_background_on:hover
	Même chose que ci-dessus, mais pour l'état "hover" des items. Normalement il n'y aurait que les
	paramètres "border-color" et "background-color" qui changent.
*/
.template_border_and_background
{
	border: 2px solid #930;
	border-radius: 8px;
}

.template_border_and_background,
.template_border_and_background_off /*,
.navigation_pages strong,
.navigation_pages a */
{
	border: 4px solid #FFD685;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.template_border_and_background_on
{
}

.template_border_and_background_off:hover,
.template_border_and_background_on:hover /*,
.navigation_pages a:hover */
{
	border-color: #930;
	background-color: #FFFFDB;
	box-shadow: 0px 5px 15px 0 rgba(0,0,0,0.25);
}




/* ----- Global ----- */

h1,
h2,
h3
{
	color: #930;
}

h1
{
	border-color: #930;
}

.surtitre,
.sous_titre,
.soustitre
{
	color: #CA8C5E;
}

a:link
{
	color: #600;
}

a:visited
{
	color: #6B0127;
}

a:hover
{
	color: #F00;
}

.separateur
{
	background: #DCB496;
}

hr
{
	height: 2px;
	color: #DCB496;
	background: #DCB496;
	margin: 2em -50px;
}

.image_border
{
	border-color: #CA8C5E;
}

.image_droite
{
	border-color: #CA8C5E;
}

.entree .auteur_et_date .date
{
	color: #555;
}



/* ----- Vignettes pour fichiers ----- */

ul.documents img
{
	border-color: #EEE;
}

ul.documents p.description
{
	color: #000;
}

ul.documents p.filesize
{
	color: #000;
}

ul.documents a:link,
ul.documents a:visited
{
	x_border-color: #FFF7EB;
}

ul.documents a:hover
{
	x_background: #FFF;
	x_border-color: #CCC5BC;
}



/* ----- Navigation des pages (Page X de Y, etc) ----- */

.navigation_pages .current_page
{
	color: #E66400;
}

.navigation_pages .total_pages
{
	color: #000;
}

.navigation_pages strong,
.navigation_pages a
{
	color: #FFF;
	background: #D5A074;
	border-color: #D5A074;
}

.navigation_pages a.first,
.navigation_pages a.previous,
.navigation_pages a.next,
.navigation_pages a.last
{
	background-color: #D5A074;
}

.navigation_pages a:hover
{
	border-color: #CA8C5E;
	background-color: #B58054;
}

.navigation_pages strong
{
	background: #805A3B;
}



/* ----- Commentaires des lecteurs ----- */

ol.commentaires li
{
	border-color: #E1B395;
	background: #FEFEFE;
}

ol.commentaires .nom_auteur
{
	color: #B40000;
}

#formulaire_commentaire
{
	border-color: #E1B395;
	background: #FEFEFE;
}

.datechronique
{
	color: #555;
}



/* ----- Tableau pour les heures d'ouverture ----- */

table.heures_ouverture
{
	border-color: #930;
}

table.heures_ouverture th
{
	color: #FFF;
	background-color: #930;
	border-color: #930;
}

table.heures_ouverture td
{
	color: #000;
	background-color: none;
	border-color: #930;
}



/* ----- Calendrier ----- */

#calendrier_overlay
{
	/* Use http://ajaxload.info to create a spinner with the proper background color. Select indicator type "Indicator Big" and Foreground color "000000" */
	background: #FFFEFB url('http://www.lttcom.org/images/loader-FFFEFB.gif') center center no-repeat;
}

#calendrier table caption
{
	color: #B40000;
}

#calendrier table,
#calendrier th,
#calendrier td
{
	border-color: #6F0000;
}

#calendrier th
{
	color: #000 !important;
	background: #FFF !important;
}

#calendrier tr.semaine td
{
	color: #FFF;
	background: #CF6400;
}

#calendrier td.aujourdhui
{
	background: #FFFAD4;
}

#calendrier td.jour
{
	background: #FFF;
}

#calendrier td.vide
{
	background: #E3BE94;
}