/* =======================================================
 *  @nom du template     : medac
 *  @version du template : 1.0
 *  @compatibilté        : Joomla! 1.8
 *  @nom de l'auteur     : Serge Léonard
 *  @url de l'auteur     : www.sergeleonard.com
 *  @email de l'auteur   : info@sergeleonard.com
 * -------------------------------------------------------
 */

/* ===================================================== */
/*  STYLES GENERAUX DES BALISES XHTML                    */
/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Containers                */
/* ----------------------------------------------------- */
* { /* Style du selecteur universel */ }

body
{
	margin: 0 0 0 0;
	background-color: #E8E8CA;
}

#contenant
{
	border: 1px solid #475245;
	width: 700px;
	margin: 0px auto 20px auto;
	padding: 0;
}

#corps
{
margin:0;
padding:0;
width:100%;
}


.Titre
{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #007783;
}

.Menu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

/*	-----------------------------------------------------	*/
/*	2008-12-04 Willie Gagnon								*/
/*	-----------------------------------------------------	*/
.menu_gauche
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #778473;
	margin: 0;
	padding: 0;
}

.menu_gauche a, .menu_gauche a:link
{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 7px 0 7px 13px;
	margin: 0;
}

.menu_gauche a:hover { background-color: #778473; }
.menu_gauche a:active { color: red; }

.sous_menu_gauche
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	/*	background-color:#037782; */
	background-color: #CCCC99;
	margin: 0;
	padding: 0;
}

.sous_menu_gauche ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

.sous_menu_gauche ul li a, .sous_menu_gauche ul li a:link, .sous_menu_gauche ul li a:visited
{
	color: #475245;
	text-decoration: none;
	display: block;
	padding: 5px;
}

.sous_menu_gauche ul li a:hover { color: white; }
.sous_menu_gauche ul li a:active { color: red; }

/*	-----------------------------------------------------	*/
/*	2008-06-10 Willie Gagnon								*/
/*	-----------------------------------------------------	*/
.menu_gauche_bas
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	border-bottom: 1px solid #475245;
	text-decoration: none;
}

/*	-----------------------------------------------------	*/
/*	2008-12-08 Willie Gagnon								*/
/*	-----------------------------------------------------	*/
#menu_haut
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

#menu_haut ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#menu_haut ul li
{
	float: right;
	width: 106px;
	margin: 0;
	padding: 0;
}

#menu_haut ul li a
{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 7px 0;
	height: 100%;
	text-align: center;
}

#menu_haut ul li a:hover { background-color: #778473; }
#menu_haut ul li a:active { color: red; }

/*	-----------------------------------------------------	*/
/*	2008-12-19 Willie Gagnon								*/
/*	-----------------------------------------------------	*/
input
{
	border: 2px solid #888;
	padding: 3px;
	background-color: #F8F8F8;
}

input:focus
{
	border-color: #000;
	background-color: #FFFE9D;
}

/*	-----------------------------------------------------	*/
.LettreMEDAC
{
	color: #007783;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.style6 { color: #475245; }

.TitreMenu
{
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
}

.SousTitre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style10 { font-size: 10px; }

.style12
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #475245;
	margin: 6pt 0;
}

.style15 { color: #007783; }

.style17
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17pt;
	color: rgb(51,51,51);
}

.style18
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	/*	color: #007783;	*/
	color: rgb(62,62,62);
	font-weight: normal;
	padding: 0;
	margin: 6pt 0;
}

.style19
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(73,73,73);
}

.metamorfic
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

div { /* Style des conteneurs génériques de type bloc */ }
span { /* Style des conteneurs génériques de type en ligne */ }

pre
{
	/* Style général des zones de textes préformatés */
	/* Utilisé par la zone de debogage */
}

.style17
{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #007783;
}

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Tableaux                  */
/* ----------------------------------------------------- */
table { /* Style général des tableaux */ }
tr { /* Style général des lignes des tableaux */ }
th { /* Style général des cellules de titre des tableaux */ }
td { }

/* ----------------------------------------------------- */
/*  Willie Gagnon						                 */
/* ----------------------------------------------------- */
.table_ca { }
.table_ca td { padding: 10px; }
.table_contenu td, .contenu_centre { padding: 5px 20px 20px 20px; }
.table_contenu div,.contenu_centre div { margin: 0 0 24px 0; }

.table_contenu td a, .contenu_centre a, .table_contenu td a:link, .contenu_centre a:link, .table_contenu td a:visited, .contenu_centre a:visited, .table_contenu td a:active, .contenu_centre a:active
{
	text-decoration: underline;
	color: navy;
}

.table_contenu td a:hover, .contenu_centre a:hover
{
	text-decoration: none;
	color: blue;
}

.table_contenu td blockquote, .contenu_centre blockquote
{
	font-family: "Times New Roman", Times, serif;
	color: #475245;
	margin: 6pt 50px;
}

.table_contenu td ul li, .contenu_centre ul li { margin: 6pt 0; }

.style20 a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: yellow;
	padding: 3px;
	border: 1px solid #414B3F;
}

.style20 a:hover { border: 1px solid yellow; }

.style21, .exergue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #CCCC99;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #9999CC;
}

.table_contenu a, .table_contenu a:link, .table_contenu a:hover, .table_contenu a:visited, .table_contenu a:active { text-decoration: underline; }
.table_contenu a:link { color: #0080A0; }
.table_contenu a:hover { color: navy; }
.table_contenu a:active { color: red; }

.medaillon, .contenu_centre .medaillon, .contenu_centre div.medaillon
{
	float: right;
	padding: 0 0 6pt 20px;
	margin: 0px;
	text-align: right;
}

.pouce
{
	float: left;
	width: 150px;
	height: 300px;
	padding: 0 0 10px 10px;
	margin: 0px;
}

.dailymotion, .contenu_centre .dailymotion, .audiovisuel, .audiovisuel .dailymotion
{
	text-align: center;
	padding: 0;
	margin: 10px 0;
}

.liens
{
	text-align: center;
	margin: 30px 0;
}

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Formatage des textes      */
/* ----------------------------------------------------- */
p { /* Style général des paragraphes */ }
h1 { /* Style général des titres de niveau 1 */ }
h2 { /* Style général des titres de niveau 2 */ }
h3 { /* Style général des titres de niveau 3 */ }
h4 { /* Style général des titres de niveau 4 */ }
h5 { /* Style général des titres de niveau 5 */ }
h6 { /* Style général des titres de niveau 6 */ }

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Liens hypertextes         */
/* ----------------------------------------------------- */
a { /* Style général des liens */ }

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Listes à puces            */
/* ----------------------------------------------------- */
ul { /* Style général des déclarations de listes à puces */ }
li { /* Styles général des éléments de listes à puces */ }

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Séparateurs               */
/* ----------------------------------------------------- */
hr { /* Style général des Séparateurs */ }

hr.separator
{
	/* Style inconnu en cours de recherche */
	background-color: white;
	border-left: 50px solid blue;
	border-right: 50px solid red;
	width: 150px;
}

/* ===================================================== */
/*  STYLES DES IMAGES                                    */
/* ----------------------------------------------------- */img { border: none; }
.mosimage { /* Style des images placées avec le bot mosimage */ }
.mosimage_caption { /* Légendes des images placées avec le bot mosimage */ }

.moduletable, .moduletable table, .moduletable table tr, .moduletable table tr td
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.moduletable form
{
	margin: 0;
	padding: 0;
}

.moduletable form input
{
	padding-left: 10px;
	background-color: #778473;
	color: white;
}

.moduletable form input:focus
{
	border-color: #000;
	background-color: #FFFE9D;
	color: black;
}

table.moduletable img
{
	/* style des images incluses dans les modules */
	/* Cas d'une publication des modules par défaut */
}

/* ========================================================= */
/*  STYLES JOOMLA DES MODULES                                */
/* --------------------------------------------------------- */
/*  Modules sans suffix et un paramètre de position = 0 ou 1 */
/* --------------------------------------------------------- */
table.moduletable
{
	margin: 0px;
	padding: 0px;
	text-align: right;
}

table.moduletable th
{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #475245;
	margin: 0px;
	padding: 0px;
}

table.moduletable td
{
	text-align: right;
	margin: 0px;
	padding: 0px;
}

table.moduletable-suffix { }

table.moduletable-suffix th
{
	margin: 0px;
	padding: 0px;
}

table.moduletable-suffix td
{
	margin: 0px;
	padding: 0px;
}

menutop.link
{
	font-size: 11px;
	color: white;
	text-decoration: none;
}

.componentheading
{
	margin: 0px;
	background-color: #E8E8CA;
	vertical-align: bottom;
	padding: 10px 0 10px 20px;
	font-size: 24pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #475245;
	border-collapse: collapse;
	border-top: 0px none #E8E8CA;
	border-left: 0px none #E8E8CA;
	border-right: 0px solid #E8E8CA;
	border-bottom: 0px solid #E8E8CA;
}

.componentheading td { vertical-align: bottom; }

.componentheadingmenuact
{
	font-family: Times;
	font-size: 24px;
	background-color: #E8E8CA;
	height: 62px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.createdate
{
	font-family: Times;
	font-size: 24px;
}

table.contentpane
{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #475245;
	padding: 10px;
	border: 0px;
	margin: 0px;
}

table.contentpaneopen
{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #475245;
	width: 100%;
	border: 5px;
	border-top: 0px;
	border-color: #E8E8CA;
	margin: 0px;
}

table.contentpaneopen.th
{
	margin: 0px;
	border: 0px;
	border-color: #E8E8CA;
	border-top: none;
	border-left: none;
}

.contentheading
{
	margin: 0px;
	padding: 10px 20px;
	background-color: #CCCC99;
	vertical-align: bottom;
	font-size: 20pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #475245;
	border-collapse: collapse;
	border-top: 0px none #E8E8CA;
	border-left: 0px none #E8E8CA;
	border-right: 0px solid #E8E8CA;
	border-bottom: 0px solid #E8E8CA;
}

.contentpaneopen_frontpage { }

.contentheading a
{
	text-decoration: none;
	color: #475245;
}

.contentheading.td
{
	margin: 0px;
	border: 0px;
	border-color: #E8E8CA;
}

.contact_email
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #475245;
	margin: 0px;
	padding: 5px;
}

.contact.th
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #475245;
	margin: 10px;
}

.contact.td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #475245;
	margin: 10px;
}

.content
{
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #475245;
}

.buttonheading
{
	background-color: #E8E8CA;
	height: 62px;
	width: 0px;
	margin: 0px;
	padding: 0px;
}
/* --------------------------------------------------------- */
/*  STYLES JOOMLA DES MODULES                                */
/* --------------------------------------------------------- */
/*  Modules avec suffix et un paramètre de position = 0 ou 1 */
/* --------------------------------------------------------- */
table.moduletable-suffix { /* Style général des modules */ }
table.moduletable-suffix th { background-color: #778374; }
table.moduletable-suffix td { /* style du contenu des modules */ }

/* --------------------------------------------------------- */
/*  STYLES JOOMLA DES MODULES                                */
/* --------------------------------------------------------- */
/*  Modules sans suffix et un paramètre de position = -2     */
/* --------------------------------------------------------- */

div.moduletable
{ }
	/* style du titre des modules */
	div.moduletable h3 {}
	/* --------------------------------------------------------- */
	/*  Modules avec suffix et un paramètre de position = -2     */
	/* --------------------------------------------------------- */
	/* style du contenu des modules */
	div.moduletable-suffix { }
	/* style du titre des modules */
	div.moduletable-suffix h3 { }
	/* --------------------------------------------------------- */
	/*  STYLES JOOMLA DES MODULES                                */
	/* --------------------------------------------------------- */
	/*  Modules sans suffix et un paramètre de position = -3     */
	/* --------------------------------------------------------- */
	/* style du 1er conteneur d'un module */
	div.module { }
	/* style du 2éme conteneur d'un module */
	div.module div { }
	/* style du 3éme conteneur d'un module */
	div.module div div { }
	/* style du contenu d'un module */
	div.module div div div { }
	/* style du titre d'un module */
	div.module div div div h3 {}
	.sectiontableheader {font-family: Times;
	font-size: 24px;}
	/* --------------------------------------------------------- */
	/*  STYLES JOOMLA DES MODULES                                */
	/* --------------------------------------------------------- */
	/*  Modules avec suffix et un paramètre de position = -3     */
	/* --------------------------------------------------------- */
	/* style du 1er conteneur d'un module */
	div.module-suffix { }
	/* style du 2éme conteneur d'un module */
	div.module-suffix div { }
	/* style du 3éme conteneur d'un module */
	div.module-suffix div div { }
	/* style du contenu d'un module */
	div.module-suffix div div div { }
	/* style du titre d'un module */
	div.module-suffix div div div h3 { }
	/* ========================================================= */
	/*  STYLES JOOMLA DES PAGES DE TYPE BLOG                     */
	/* --------------------------------------------------------- */
	.blog {
	border-color: #E8E8CA;
	padding: 0;
	border: 0;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #475245;
	}
	/* Style du titre de la liste des articles en fin de blog */
	.blog_more, .blog_more p, .blog_more ul, .blog_more li, .blog_more div {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #475245;
	margin:6pt 0;
	}

	/* Style général de l'index des articles en fin de blog */
	.blogsection { margin: 10px;}
	/* Liens dans l'état normal de la liste des articles en fin de blog */
	/* Liens déjà visités de la liste des articles en fin de blog */
	/* Liens de la liste des articles en fin de blog lors du survol avec la souris */
	a.blogsection:hover {}
	/* Séparateur d'écartement vertical entre 2 articles d'un blog */
	.article_seperator { display: block;
	height: 0px;}
	/* ============================================================= */
	/*  STYLES JOOMLA! : RECHERCHE                                   */
	/* ------------------------------------------------------------- */
	/*  STYLES JOOMLA! : module mod_search                           */
	/* ------------------------------------------------------------- */
	/* Style du conteneur de la zone de saisie et du boutton du module Search */
div.search
{
	margin: 0;
}

div.search input
{
	margin: 0;
}


	/* Style de la zone de saisie du module Search */
#mod_search_searchword .inputbox
{
	margin: 0;
}
	/* Style du bouton du module Search */
	.search input.button { }
	/* ------------------------------------------------------------- */
	/*  Styles JOOMLA! : com_search : Partie bilan recherche         */
	/* ------------------------------------------------------------- */
	/* Style de la zone de saisie du composant Search */
	#search_searchword .inputbox { }
	/* Style du multichoix de sélection de l'ordre de tri des résultats */
	#search_ordering .inputbox { }
	/* ------------------------------------------------------------- */
	/*  Styles JOOMLA! : com_search : Partie bilan recherche         */
	/* ------------------------------------------------------------- */
	/* il s'agit de la zone avec les mentions suivantes :
   Rechercher les mots-clés liens
   x résultat(s) trouvé(s) au total. Rechercher xxxx avec Google */

/* Style du conteneur du bilan de la recherche */ 
table.searchintro { }

/* Style du bilan de la recherche */
table.searchintro td { }

/* ------------------------------------------------------------- */
/*  Styles JOOMLA! : com_search : Partie avec les resultats      */
/* ------------------------------------------------------------- */
fieldset
{
	/* Encadrement d'un résultat */
	/* Attention, il s'agit d'une balise HTML */
}

.highlight
{
	/* Styles pour la mise en valeur des mots trouvées */
	background-color: Yellow;
	/* Surlignement en jaune */
}

/* ===================================================== */
/*  STYLES SPECIFIQUES AU TEMPLATE : CORPS DU SITE       */
/* ----------------------------------------------------- */
#column1
{
	/* Style de la colonne 1 du corps du site */
	background-color: #475245;
	width: 160px;
}

#column2
{
	/* Style de la colonne 2 du corps du site */
	background-color: #475245;
	width: auto;
}

#column3
{
	/* Style de la colonne 3 du corps du site */
	background-color: white;
}

a.mainlevel
{
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
	font-family: Helvetica;
	height: 30px;
	border-color: #475245;
	border-bottom: 1px solid #475245;
	width: 150px;
}

a.mainlevel link
{
	font-size: 12px;
	font-family: Helvetica;
	text-decoration: underline;
	color: #FFFFFF;
}

a.mainlevel visited
{
	font-size: 12px;
	font-family: Helvetica;
	text-decoration: underline;
	color: #FFFFFF;
}

a.mainlevel hover
{
	font-size: 12px;
	font-family: Helvetica;
	text-decoration: underline;
	color: navy;
}

a.mainlevel active
{
	font-size: 12px;
	font-family: Helvetica;
	text-decoration: underline;
	color: #FFFFFF;
}

a.sublevel
{
	display: block;
	background-color: #E8E8CA;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
	font-family: Helvetica;
	height: 30px;
	width: 150px;
	border-left: 0px #E8E8CA;
	border-bottom: 1px solid #E8E8CA;
}

a.sublevel link
{
	display: block;
	background-color: #E8E8CA;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
	font-family: Helvetica;
	height: 30px;
	width: 150px;
	border-left: 0px #E8E8CA;
	border-bottom: 1px solid #E8E8CA;
}

a.sublevel visited
{
	display: block;
	background-color: #E8E8CA;
	font-size: 12px;
	font-family: Helvetica;
	text-decoration: underline;
	color: #000000;
	border-left: 0px #E8E8CA;
	border-bottom: 1px solid #E8E8CA;
}

a.mainlevel-nav
{
	font-size: 11px;
	color: #FFFFFF;
	padding: 10px;
	color: #000000;
	font-family: Helvetica;
	text-decoration: underline;
}