/* STYLE CSS DE LA TEMPLATE "GASTROJURA" */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GENERAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Apparence générale du site */
html, body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

/* Images du site */
img {
	border: none;
}

/* Accessibilité */
#accessibility {
	position: absolute;
	left: -2000px;
	top: -2000px;
	display: none;
}

/* apparence des liens du site */
a:link, a:visited, a:hover, a:active {
	color: #674C20;
	font-weight: bold;
	text-decoration: none;
}

/* affiche un paragraphe vide */
.clr {
	clear: both;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ STRUCTURE DU SITE ++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Conteneur principal */
#main_layer {
	width: 898px;
	text-align: left;
	margin: 10px auto;
}

	/* Disposition et mise en forme du header */
	#header {
		border-top: 1px solid #d30039;
		border-left: 1px solid #d30039;
		border-right: 1px solid #d30039;
		height: 177px;
		background: url( '../images/header.jpg' ) no-repeat;
	}
	
	/* Conteneur du fond du menu principal */
	#main_menu {
		background: transparent url( '../images/fond_top_menu.gif' ) repeat-x;
		height: 30px;
		border-left: 1px solid #d30039;
		border-right: 1px solid #d30039;
		z-index: 5;
	}
	
		/* Conteneur du menu principal */
		#main_menu_content {
			width: auto;
			height: auto;
			padding: 7px 0px 0px 12px;
		}
	/* Couleur du texte blanc pour le menu principal et le bas de page */
	#main_menu, #footer {
		color: white;
	}
	
	/* Disposition et mise en forme du conteneur body */
	#body {
		width: 100%;
		height: auto;
		float: left;
	}

		/* Conteneur des modules de gauche */
		#body_left {
			width: 184px;
			height: auto;
			float: left;
			background: transparent url('../images/fond_menu.gif') repeat-y;
		}
			
			/* Conteneur de chaque module */
			#body_left table {
				width: 160px;
				margin-left: auto;
				margin-right: auto;
				background-color: #FFFFFF;
				margin-top: 20px;
				padding: 4px;
				text-align: center;
			}
				.body_div_menu td {
					text-align: center;
				}
		
		/* Contenu du site */
		#body_content {
			width: 650px;
			height: auto;
			min-height: 400px;
			padding: 20px 30px 20px 0px;
			color: #5C3F10;
			line-height: 20px;
			float: right;
		}
		
			/* apparence des liens du contenu principal */
			#body_content a:link, #body_content a:visited {
				font-family: "Tahoma", Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #5C3F10;
				font-weight: normal;
				text-decoration: none;
			}
			#body_content a:hover, #body_content a:active {
				text-decoration: underline;
			}
		
		#contenu_page {
			border-left: 1px solid #d30039;
			padding-left: 10px;
		}
	
	/* Footer du site */
	#footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		background: transparent url( '../images/fond_top_menu.gif' ) repeat-x;
		height: 30px;
		clear: left;
	}
		
		/* conteneur des coordonnées du pied de page */
		#footer_content {
			width: 520px;
			padding: 8px 0px 0px 8px;
			float: left;
		}
		
			/* liens du pied de page */
			#footer_content a:link, #footer_content a:visited {
				color: #000000;
				text-decoration: none;
				font-weight: normal;
			}
			#footer_content a:hover, #footer_content a:active {
				color: #000000;
				text-decoration: underline;
			}
		
		/* conteneur du menu du pied de page */	
		#footer_menu {
			width: 340px;
			padding: 6px 8px 0px 0px;
			text-align: right;
			float: right;
		}
		
			/* alignement à droite */
			#footer_menu td {
				text-align: right;
			}
		
			/* liens du pied de page */
			#footer_menu a:link, #footer_menu a:visited {
				font-size: 11px;
				font-weight: bold;
				color: #FFFFFF;
				text-transform: uppercase;
				text-decoration: none;
			}
			#footer_menu a:hover, #footer_menu a:active {
				color: #EDB405;
				text-decoration: none;
			}
			
	hr {
		background-color: #D30039;
		height: 1px;
	}

	.titre_accueil {
		margin-top: 40px;
		color: #3e2a0b;
		text-align: center;
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 40px;
		font-style: italic;
	}
	
	.liste_tableau td, #liste_formation_tourisme td {
		padding-left: 10px;
		background-image: url('../images/icone.gif');
		background-repeat: no-repeat;
		background-position: left;
	}
	
	#liste_formation_tourisme td, #tableau_titre td {
		width: 50%;
	}
	
	#page_liens strong {
		font-size: 14px;
	}
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++ GESTION DES MENUS +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
/* Apparence des éléments du MENU PRINCIPAL */
	div.menu a:link, div.menu a:visited {
		text-transform: uppercase;
	}
	div.menu a:hover, div.menu a:active {
	}
		
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TITRES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Mise en forme des titres */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 1px;
	margin: 0px 0px 3px 0px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 0px;
	margin: 0px 0px 3px 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 0px;
	margin: 0px 0px 2px 0px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DIVERS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Apparence du message d'erreur affiché lorsqu'un conteneur est vide */
.error {
	font-style: italic;
	text-transform: uppercase;
	padding: 5px;
	color: #cccccc;
	font-size: 14px;
	font-weight: bold;
}

/* Apparence du bouton de retour */
.back_button {
	float: left;
	font-size: 9px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 4px;
}

/* tableau liste de sections */
table.blog {
	width: 100%;
}

.blog td {
}

/* Apparence des liens pour la navigation entre les pages (précédent, suivant, ...) */
.pagenav {
	font-size: 10px;
	height: 40px;
}

.pagenavbar {
	padding-right: 5px;
	float: right;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Disposition du retrait */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Disposition et apparence de la puce de liste */
li {
	padding-left: 20px;
	background: transparent url( "../images/li.gif" ) 8px 7px no-repeat;
}

/* Apparence des cellules de tableau */
td {
	text-align: left;
	font-size: auto;
}

/* Tableaux */
table.contentpaneopen {
	width: 100%;
	padding: 0px;
	margin-bottom: 8px;
}

/* tableau de chaque contenu des pages ACTUALITÉ et AGENDA */
table.contentpaneopen-agenda-actu {
	width: 90%;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

/* Cellules de tableaux (version imprimable) */
table.contentpaneopen td {
	/*font-size: 11px;*/
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpane td.contentheading {
 	padding-left: 15px;
	padding-top: 0px;
}


/* Apparence des boutons de formulaire */
.button {
	border: solid 1px #84662C;
	background-color: #F4EACF;
	color: #5C3F10;
	font-size: 10px;
	text-transform: uppercase;
}

/* Apparence des champs de formulaire */
.inputbox {
	border: solid 1px #84662C;
	background-color: #F4EACF;
	color: #5C3F10;
	font-size: 11px;
}

.contentcolumn {
	padding-right: 5px;
}

/* titres des contenus des pages ACTUALITÉ et AGENDA */
.contentheading-agenda-actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 0px;
	margin: 0px;
	padding: 4px 0px 0px 0px;
}

/* Titres des pages */
td.contentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 1px;
	margin: 0px;
	padding: 4px 0px 10px 0px;
	/*border-bottom: 2px dotted #000000; */
	/* white-space: nowrap; */
}

/* Conteneur qui affiche le titre de l'article (pages sous-menu) */
.contentheading-submenu {
	color: #000000;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
}

/* Conteneur qui affiche le titre de l'article (pages news) */
.contentheading-news {
	color: #333333;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
	/* white-space: nowrap; */
}

/* Conteneur qui affiche le titre de l'article (articles statiques) */
.contentheading-static {
	color: #000000;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
	border-bottom: 2px dotted #000000; 
	/* white-space: nowrap; */
}

/* Mise en forme du titre des composants */
.componentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 1px;
	margin: 0px;
	padding: 4px 0px 10px 0px;
	/* white-space: nowrap; */
}

/* titre des pages ACTUALITÉ et AGENDA */
.componentheading-agenda-actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D30039;
	letter-spacing: 1px;
	margin: 0px;
	padding: 4px 0px 10px 0px;
	/* white-space: nowrap; */
}

.contentpagetitle {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
}

	/* Apparence du conteneur de chaque module */
	table.moduletable {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		border-spacing: 0px;
		border-collapse: collapse;
	}
	
	/* Apparence du titre de module */
	table.moduletable th {
		height: auto;
		margin-top: 10px;
		text-align: center;
		color: #5f4210;
	}
	
	/* Apparence des cellules des modules */
	table.moduletable td {
		padding-left: 0px;
	}
	
	/* ++++++++++++++++ MISE EN FORME DU MODULE D'ACTUALITES ET D'AGENDA ++++++++++++++++ */
		
		/* Apparence du conteneur */
		table.moduletable-news {
			width: 90%;
			height: auto;
			margin-top: 0px;
			text-align: center;
		}
		
		/* Apparence du titre de module */
		table.moduletable-news th {
			height: 20px;
			text-align: center;
			color: #5f4210;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: normal;
		}
		
		/* Apparence des cellules des modules */
		table.moduletable-news td {
			width: 100%;
			text-align: center;
			padding: 0px;
		}
		
		.moduletableheader-news {
			height: 20px;
			background: transparent url( '../images/deco_top.gif' ) center center no-repeat;
		}
		.moduletablefooter-news {
			height: 20px;
			background: transparent url( '../images/deco_bottom.gif' ) center center no-repeat;
		}
		
		table.latestnews-news ul {
			padding: 0px;
			margin: 0px;
		}
		
		.latestnews-news li {
			width: 88%;
			padding: 0px;
			margin: 0px 0px -4px 0px;
			text-align: left;
			color: #84662C;
		}
		
		/* Apparence des liens */
		.latestnews-news li a:link, .latestnews-news li a:visited {
			text-decoration: none;
			background: #F4EACF url( '../images/li.gif' ) 4px 7px no-repeat;
			font-weight: normal;
			padding: 1px 0px 1px 14px;
			display: block;
		}
		/* Apparence des liens lorsque le curseur est dessus */
		.latestnews-news li a:hover, .latestnews-news li a:active {
			text-decoration: none;
			background-color: #F4DFA7;
			font-weight: normal;
		}

/* Tableau formant les sondages */
table.pollstableborder td {
	padding: 2px;
}

/* Apparence de la cellule de titre d'un tableau */
.sectiontableheader {
	font-weight: bold;
	color: #FFFFFF;
	background: #8094A8;
	padding: 4px;
}

/* Couleur de fond 1 pour les réponses des sondages */
.sectiontableentry1 {
	background-color: transparent;
}

/* Couleur de fond 2 pour les réponses des sondages */
.sectiontableentry2 {
	background-color: transparent;
}

/* Font "written by" des blogs + quantité "(n)" des composants */
.small {
	font-size: 11px;
}

/* Layout de la date de création d'un blog */
.createdate {
	height: auto;
	padding-bottom: 0px;
	font-size: 11px;
}

/* Layout de la date de modification d'un blog */
.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #CCCCCC;
	font-size: 11px;
}

/* Conteneur des raccourcis "aller à" */
table.contenttoc {
	border: 1px solid #3D4A58;
	background-color: #FFFFFF;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}

/* Conteneur "head" des raccourcis "aller à" */
table.contenttoc th {
	color: #FFFFFF;
	background-color: #3D4A58;
	text-align: center;
	padding-top: 2px;
	padding-left: 4px;
	height: 22px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

/* Mise en forme des mots trouvé lors d'une recherche */
.highlight {
	background-color: grey;
	color: black;
	padding: 0px 2px 0px 2px;
}

/* Mise en forme de code */
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

/* mise en forme des images */
.img {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 4px;
}

/* puce flèchée rose */
.pinkarrow {
	background: transparent url( '../images/li_pinkarrow.gif' ) 0px 8px no-repeat;
	padding-left: 10px;
}