/*** Styles de base ***/
html { height:100%; min-height: 100%; margin: 0 auto; }
body { height:100%; min-height: 100%; margin: 0 auto; font: 12px/15px "Helvetica","Arial",sans-serif; color: #321137 /* violet foncé */; }

img, td img, a img { border: none; }
hr { color:#b71768; /*rose*/ background-color:#b71768; height: 1px; border: 0;}
.clr { clear:both; }

h1 { font-size: 250%; margin-top:2px; margin-bottom:2px; padding:0; line-height:100%; }
h2 { font-size: 190%; margin-top:2px; margin-bottom:2px; padding:0; line-height:100%; }
h3 { font-size: 170%; margin-top:2px; margin-bottom:2px; padding:0; line-height:100%; }
h4 { font-size: 135%; margin-top:2px; margin-bottom:2px; padding:0; line-height:100%; }
h5 { font-size: 110%; font-weight: bold; margin-bottom:2px; padding:0; line-height:100%; }
h6 { font-size: 100%; font-weight: bold; margin-bottom:2px; padding:0; line-height:100%; }

a:link, a:visited { color: #b71768; /* rose */ text-decoration: none; font-weight: bold; -moz-outline-style: none;}
a:hover, a:active { text-decoration: underline; }


/*** styles de mise en page ***/
div#page { position:absolute; top:0; min-height:100%; width:100%; }
div#header { height:268px; width:1000px; margin:0 auto; background: url(../images/universal-central-header-print.jpg) no-repeat; }
#headerprint { display:inline; height:268px;}
	#conteneur1 { margin: 0; height:0px }
	#conteneur2 { margin: 0; height:0px }
	#conteneur3 { margin: 0; height:0px }
	#bouton1 { margin: 0; height:0px }
	#bouton2 { margin: 0; height:0px }
	#bouton3 {margin: 0; height:0px }
#mainframe { height:100%; min-height:100%; width:1000px; margin:0 auto; margin-bottom:110px; }
#encartgauche { float:left; height:100%; min-height:100%; width:235px; margin:0 auto; margin-top:-10px; }
#encartdroite { float:right; height:100%; min-height:100%; width:235px; margin:0 auto; margin-top:-10px; }
#encartmilieu { float:left; height:100%; min-height:100%; width:500px; padding-right:10px; padding-left:10px; margin:0 auto; }
	#contenu { width:500px; text-align:justify; }
		#contenu .button { background-color:white; }
		#contenu label { color:black; }
		.titrearticle { font:bold 36px "Verdana", "Arial", "Helvetica", sans-serif; color:#4c1b55 /* violet */; }
	#fildariane { padding:0 0 10px 0; font:10px/12px "Verdana", "Arial", "Helvetica", sans-serif; color:#b71768; /* rose*/ text-transform: uppercase; }
		#fildariane a { font:10px/12px "Verdana", "Arial", "Helvetica", sans-serif; color:#b71768; /* rose*/ text-transform: uppercase; text-decoration:none; }

div#footer{ position:absolute; bottom:0; width:100%; repeat-x center top;
 			border-top: solid 1px #000000; font: 10px/12px "Helvetica","Arial",sans-serif; color: black; }			
#footerinner { width:1000px; text-align:center; margin: 0 auto; height:90px; }
	#footerinner a { color: black; }
#webdesign { height: 20px; width: 100px; padding: 20px 0 0 420px; } 
#picturapoesis { display:block; width : 100px; height: 20px; } 



/* ************************** TEXTES ************************/
.capitales { text-transform: uppercase; }
.texte-encadre { padding: 8px; border: 1px solid #b71768; /*bleu*/ }
.texte-gros { font-size: 22px; line-height: normal; }
.texte-petit { font-size: 10px; line-height: normal; }
.texte-blanc { color:white; }
.texte-vert { color:#86b40b; }
.texte-rose { color:#b71768; }
.texte-rouge { color: #a81e32; }
.texte-titre { font:bold 36px "Verdana", "Arial", "Helvetica", sans-serif; color:#4c1b55 /* violet */; text-decoration: none; }
.tableaux-titre { font: bold 12px/13px "Arial", "Helvetica", sans-serif; color:white; background-color:#0099CC; /*bleu*/}
.tableaux-ligne-impaire { font: 12px "Arial", "Helvetica", sans-serif; color:#454648; background-color:white;}
.tableaux-ligne-paire { font: 12px "Arial", "Helvetica", sans-serif; color:#454648; background-color:#CCCCCC;}
.align-gauche { float:left;}
.align-droite { float:right;}
.align-annule {clear:both;}
	
	
	
	
/*** styles de contenus et de joomla ***/
/* *************************************/
.small, .createdate, .smalldark { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #666666; }

/* les lignes qui séparent les articles en affichage type blog */
span.article_separator { background: url(../images/gr-separator.png) no-repeat ; display: block; height: 25px; width: 100%; }

/* style du table entourant le contenu central dans un affichage blog */
.blog{ /*border-top-style: solid; border-top-color: #86b40b; border-top-width: thin;*/ }

.mainlevel { }
	a.mainlevel:link, a.mainlevel:visited { font-size: 16px; color:white; text-decoration:none; margin:10px 0 3px 20px; -moz-outline-style: none; }
	a.mainlevel:hover, a.mainlevel:active {color:black; -moz-outline-style: none; }
.sublevel { }
	a.sublevel:link, a.sublevel:visited { border: 0; border-bottom: 1px solid white; font-size: 12px; color:white; text-decoration:none; margin:3px 13px 3px 20px; }
	a.sublevel:hover, a.sublevel:active { color:black; -moz-outline-style: none; }

/* --------------- MENU EN DUR (FOOTER) --------------- */
.mainlevelfooter { text-align:center; font-weight: bold; font-size: 10px; margin:2px; }
	a.mainlevelfooter:link, a.mainlevelfooter:visited {font-weight: bold; font-size: 10px; text-decoration:none; }
	a.mainlevelfooter:hover, a.mainlevelfooter:active { }
		
.inputbox { width:170px; }
.button { margin-top:5px; }
/* -------------------- LES PAGES -------------------- */
/* texte de base utilisé dans un article  (Plus liens et listes) */
.contentpaneopen { width:500px;}
.contentpaneopen a:link, .contentpaneopen a:visited{ /* voir les a principaux */ }	
.contentpaneopen a:hover, .contentpaneopen a:active{ text-decoration: none; }
.contentpaneopen ul li { margin-left: -10px; margin-bottom: 5px; list-style-image: none; list-style-type: disc;}
.contentpaneopen_edit { float:right; } /* edit button */
	
/* titre d'une page article */
.contentheading { text-align:left; font:bold 22px "Verdana", "Arial", "Helvetica", sans-serif; color:#4c1b55 /* violet */;  }	

/* titre d'une page composant */
.componentheading { text-align:left;  font:bold 22px "Verdana", "Arial", "Helvetica", sans-serif; color:#4c1b55 /* violet */; }


/* -------------------- LES MODULES & MENUS -------------------- */
/* modules | gauche*/
div.module_menu { margin-top:15px; width:235px; border: solid 1px grey; }
div.module_menu div { }
div.module_menu div div{ }
div.module_menu div div div{ width:235px; }
div.module_menu ul { margin-top:10px; margin-right:13px; padding-bottom:20px;}
div.module_menu li { border: 0; border-bottom: 1px solid white; }
div.module_menu h3 { text-align:right; font: bold 14px "Helvetica", "Arial", sans-serif; color: black; margin:5px 10px 20px 0px; padding:0; }

/* style des menus | gauche */
.menu { font-weight: bold; margin-top:2px; margin-bottom:2px; line-height:18px; }
.menu a:link, .menu a:visited { color: #000000; text-decoration: none; }
.menu a:hover{ color: #993300; }
.menu a:active { color: black; }
.separator { list-style-type: none; color: #99CC33; }
.menu ul {}
.menu li { margin: 0; list-style-position: outside; list-style-type: none; }
	.menu li a:link, .menu li a:visited { font: bold 13px/16px "Verdana", "Arial", "Helvetica", sans-serif; color:black; }
	.menu li a:hover, .menu li a:active{ font: bold 13x/16px "Verdana", "Arial", "Helvetica", sans-serif; color:#0099CC; /*bleu*/}

/* modules normaux | gauche */
div.module { width:235px;  border: solid 1px grey; }
div.module div div div { padding:10px 0 10px 0;  margin-top:20px;}
div.module h3 { text-align:right; font: bold 14px "Helvetica", "Arial", sans-serif; color:black; margin:5px 10px 20px 0px; padding:0; }
div.module ul { margin-top:10px; margin-left:5px; padding-bottom:10px; list-style-type: none; }
div.module li { }


/* modules normaux | boutique */
div.moduleboutique { width:235px;  border: solid 1px grey; }
div.moduleboutique div div div { padding:10px 0 10px 0;  margin-top:20px; }
div.moduleboutique h3 { text-align:right; font: bold 14px "Helvetica", "Arial", sans-serif; color: white; margin:-2px 10px 15px 0px; padding:0; }
div.moduleboutique ul { margin-top:10px; margin-left:5px; padding-bottom:10px; list-style-type: none; }
div.moduleboutique li { }
div.moduleboutique.mainlevel {font-weight: bold; font-size: 14px; margin:2px; }
	div.moduleboutique.mainlevel a:link, div.moduleboutique.mainlevel a:visited {font-weight: bold; font-size: 20px; color:green; text-decoration:none; }
	div.moduleboutique.mainlevel a:hover, div.moduleboutique.mainlevel a:active {color:black; }

/* modules normaux | speciaux */
div.modulespeciaux { width:235px;  border: solid 1px grey; }
div.modulespeciaux div div div { padding:10px 0 10px 0;  margin-top:20px;}
div.modulespeciaux h3 { text-align:right; font: bold 14px "Helvetica", "Arial", sans-serif; color: black; margin:5px 10px 20px 0px; padding:0; }
div.modulespeciaux ul { margin-top:10px; margin-left:5px; padding-bottom:10px; list-style-type: none; }
div.modulespeciaux li { }

/* modules normaux | recherche */
div.modulerecherche input { margin-left:20px; text-align:right; }
div.modulerecherche { width:235px;  border: solid 1px grey; }
div.modulerecherche div div div { padding:0; margin-top:0px; }
div.modulerecherche h3 { text-align:right; font: bold 14px "Helvetica", "Arial", sans-serif; color: black;  margin:5px 10px 20px 10px; padding:0; }

/* modules normaux | panier */
div.modulepanier {  width:235px;  border: solid 1px grey; color:black;}
div.modulepanier h3 { height:22px; text-align:left; font: bold 14px "Helvetica", "Arial", sans-serif; color: black; padding:10px 0 0 0; margin-left:10px; }
.vmCartModule {margin-top:-2px;  repeat-y; padding:10px }
.containerpanier { padding:0 10px 0px 10px; }
div.modulepanier a:link, div.modulepanier a:visited { color:black; font-weight:bold; }
div.modulepanier a:hover, div.modulepanier a:active { text-decoration:underline; }
div.modulepanier hr { color:black; background-color:black; height: 1px; border: 0;}
.panierbouton { border:0; margin:0; padding:0;}
.inputpanier { width:30px; float:left; margin:0; padding:0;}

.moduleconnexion { width:200px; margin: 10px; padding:5px; border: 1px solid #b71768; color:white;}
	.moduleconnexion ul { margin-left:-15px; padding-bottom:10px; list-style-type: none; }
	.moduleconnexion li { }
	.moduleconnexion input { }

/* modules normaux | news */
div.modulenews {  width:235px;  border: solid 1px grey; color:black;}
div.modulenews h3 { height:22px; text-align:left; font: bold 14px "Helvetica", "Arial", sans-serif; color: black; padding:10px 0 0 0; margin-left:10px; }
.news { margin-top:-2px; padding:10px; texf-align:left; }
.news span { margin: 10px; }
.news input { margin:5px; }
div.news .inputbox { width:inherit; text-align:left; }
div.modulenews a:link, div.modulenews a:visited { color:black; font-weight:bold; }
div.modulenews a:hover, div.modulenews a:active { text-decoration:underline; }

/* modules | droite */
div.module_menudroite { margin-top:15px; width:235px;  border: solid 1px grey; text-align:right; }
div.module_menudroite ul { margin-top:10px; margin-left:13px; margin-right:40px; padding-bottom:20px; padding-left:0}
div.module_menudroite li { border: 0; border-bottom: 1px solid white; }
div.module_menudroite div { }
div.module_menudroite div div{ }
div.module_menudroite div div div{  margin-top:20px; width:235px; }
div.module_menudroite h3 { text-align:left; font: bold 14px "Helvetica", "Arial", sans-serif; color: black; margin:5px 0px 20px 10px; padding:0; }

/* style des menus | droite */
.menudroite { font-weight: bold; margin-top:2px; margin-bottom:2px; line-height:18px; }
.menudroite a:link, .menudroite a:visited { color: #000000; text-decoration: none; }
.menudroite a:hover{ color: #993300; }
.menudroite a:active { color: black; }
.separator { list-style-type: none; color: #99CC33; }
.menudroite ul {}
.menudroite li { margin: 0; list-style-position: outside; list-style-type: none; }
	.menudroite li a:link, .menudroite li a:visited { font: bold 13px/16px "Verdana", "Arial", "Helvetica", sans-serif; color:black; }
	.menudroite li a:hover, .menudroite li a:active{ font: bold 13x/16px "Verdana", "Arial", "Helvetica", sans-serif; color:#0099CC; /*bleu*/}

/* modules normaux | droite */
div.moduledroite { width:235px; border: solid 1px grey; color:black;}
div.moduledroite div div div {padding:0; margin-top:0px;}
div.moduledroite h3 { text-align:left; font: bold 14px "Helvetica", "Arial", sans-serif; color: black; margin:5px 0px 20px 10px; padding:0;}

/* titre des menus */
.moduletable h3, .moduletable_menu h3 { font: bold 14px "Verdana", "Arial", "Helvetica", sans-serif; text-transform: uppercase; color:#86b40b; margin: 6px 0 3px 0;}
	

/* ----------------------- NAVIGATION ----------------------- */
/* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") */
.pagenavbar { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #666666; text-decoration: none; } 
a.pagenavbar:link, a.pagenavbar:visited { color: #333333; }
a.pagenavbar:hover, a.pagenavbar:active, a.pagenavbar:focus { color: #990000; }
.pagenav { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #666666; text-decoration: none; } 
a.pagenav:link, a.pagenav:visited { color:#333333; }
a.pagenav:hover, a.pagenav:active, a.pagenav:focus { color: #990000; }


a.readon, .contentpaneopen a.readon {display: block; float: left; height: 16px; padding: 3px 5px 2px 5px; font: bold 12px/14px "Arial", "Helvetica", sans-serif; color: #003300; border: thin dashed #006633; }
.adminform {font: 14px "Arial", "Helvetica", sans-serif; color: #333333; background-color: #E5E5E5; border: thin solid #666666;}
#publishgm{width: 200px;}

/* -------------------- DYNAMIQUES -------------------- */
/* formulaires et boutons */
FORM { margin: 0 }
FORM a:link, FORM a:visited { color: white; font-size: 12px; text-decoration: none; }
FORM a:hover, FORM a:active { color: white; font-size: 12px; text-decoration: underline; }
FORM * {/*text-align:left;*/ }
TEXTAREA, INPUT, LABEL { margin-right:8px; margin-left:20px; font-size: 12px; text-align:justify; color:#e6eae3; }
TEXTAREA, INPUT { background-color: #e6eae3; /*gris blanc*/ border-color:#999966; border-top-style: inset; border-width: thin; color:black; }
TEXTAREA {  }
.sectiontableentry1 { padding-bottom:5px; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #333333; }
.sectiontableentry2 { padding-bottom:5px; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #333333; }

.button{ background-color:grey; text-transform: uppercase; height:28px; border: thin solid white; color: #FFFFFF; cursor:pointer; }

.poll { margin:0px; font-size:1em; color:#000000; text-decoration:none;}



/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; }
span.pathway {  display: block;  margin: 0;  height: 16px; line-height: 16px; overflow: hidden; }

inputbox { background-color: #00CC99; }

/* small text */
.modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; }
.createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; }

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/
.ol-foreground { background-color: #f6f6f6; }
.ol-background { background-color: #666; }
.ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; }
.ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; }
.ol-closefont {}
.article_column { padding-right: 5px; }

.column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; }
td.greyline {  width: 20px;  background: url(../images/mw_line_grey.png) 50% 0 repeat-y; }
div#maindivider {  border-top: 1px solid #ddd;  margin-bottom: 10px; overflow: hidden;  height: 1px; }

/* table of contents */
table.contenttoc {  margin: 5px;  border: 1px solid #ccc; padding: 5px; float: right; }
table.contenttoc td {  padding: 0 5px; }

/* content tables */
td.sectiontableheader {  background: #efefef;  color: #333; font-weight: bold; padding: 4px;  border-right: 1px solid #fff; }
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; }
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; }

/* content styles */
table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; }
.highlight { background-color: #fffebb; }

/* module control elements */
table.user1user2 div.moduletable { margin-bottom: 0px; }
div.moduletable, div.module { margin-bottom: 0px; }


#leftcolumn div.module { padding: 0 10px; }
#leftcolumn div.module table { width: auto; }

/* forms */
table.adminform textarea {  width: 540px;  height: 400px;  font-size: 1em;   color: #000099; }
div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; }

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist { margin-top: 5px; }
table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; }
table.paramlist td.paramlist_value {}
div.message { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size : 14px;
	color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; }

/* Banners module */

/* Default skyscraper style */
.bannergroup {}
.banneritem img { display: block; margin-left: auto; margin-right: auto; }

/* Text advert style */
.banneritem_text { padding: 4px; font-size: 11px; }
.bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; }

/* System Messages */
/* see system general.css */
.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td { text-align: left; }

/* WebLinks */
span.description { display:block; padding-left: 30px; }

/* Frontend Editing*/
fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; }
legend { margin: 0; padding: 0 10px; }
td.key { border-bottom:1px solid #eee; color: #666; }

/* Tooltips */
.tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; }
.tool-title {padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; 
			background: url(../../system/images/selector-arrow.png) no-repeat;}
.tool-text {font-size: 100%; margin: 0;}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#syndicate{float:left; padding-left: 25px;}
#power_by{float:right; padding-right: 25px;}

/* Component Specific Fixes */

#component-contact table td {padding: 2px 0;}