/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html { height: 100%; margin-bottom: 1px; }
body {
font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 14px; color: #1a200d /* gris vase foncé */;
margin: 0px; background: #161b07 url(../images/gr-background-degrade.jpg) center top repeat-y;
}
td img { border: none; }
a img { border: none; }
img { border: none; }
hr { color:#b9b351; background-color:#b9b351; height: 1px; border: 0;}
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }
a:link, a:visited { color: #60870d; /* vert foncé */ text-decoration: none; font-weight: bold; -moz-outline-style: none;}
a:hover, a:active { color: #8ab42e; /* vert clair */ text-decoration: underline; font-weight: bold; -moz-outline-style: none;}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 2px; }
img { border: 0 none; }
/* bouton haut de page */
#hautdepage a:link, #hautdepage a:visited { height: auto; position:fixed; bottom: 0px; left:0px; padding:5px 45px 3px 10px; text-align:right; color: #9aa77e; text-decoration:none; font-weight:normal; background: url(../images/fondhautdepage.png) no-repeat -145px 0px; }
#hautdepage a:hover, #hautdepage a:active {padding-bottom:5px; color: #ffffff; text-decoration:none; font-weight:normal;}
/* main */
#main {width: 100%; background: url(../images/gr-background-illustration.jpg) center top no-repeat;}
/* header */
#header { width: 990px; height:194px; background-image: url(../images/gr-banner.jpg);}
/* fond site contours (traits) gauche et droite */
#contours { width: 990px; height:100%; Overflow:hidden; background: url(../images/gr-fond-site.png) top repeat-y; }
/* menu de gauche (170px utilisables une fois les paddings comptés) */
#partleft { float: left; margin-left:12px; width:212px; font-family: Helvetica,Arial,sans-serif; line-height: 1.5em; font-size: 12px; color: #d9d591 /* jaune */;}
.encarttop1 { background-image: url(../images/gr-menu-header1.jpg); height: 65px; }
.backhome { cursor:pointer; width: 213px; height: 65px; }
.encarttop2 { background-image: url(../images/gr-menu-header2.jpg); height: 39px; }
.encarttop3 { background-image: url(../images/gr-menu-header3.jpg); height: 50px; }
.encarttop4 { background-image: url(../images/gr-menu-header4.jpg); height: 54px; }
.encartbackground { background-image: url(../images/gr-menu-background.jpg); padding-right:21px; padding-left:22px; Overflow:hidden; }
.encartbackground a:link, .encartbackground a:visited { color: #d9d591; /* jaune */ font-weight:normal;}
.encartbackground a:hover, .encartbackground a:active { color:white; }
.encartbottom { background-image: url(../images/gr-menu-footer.jpg); height: 29px; }
.menupresentation { margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #d2dcbc; /* blanc cassé */ }
#menuseparator { background: url(../images/gr-menu-separator.png) no-repeat; width:168px; height: 11px; margin-left:2px; }
.autreleft{ padding-left:36px; padding-right:20px; }
.autreleft a:link, .autreleft a:visited, .autreleft a:hover, .autreleft a:active { color:#666600; font-weight:normal; font-size:10px; }
/* contenu (700px utilisables une fois les paddings comptés) */
#partright { overflow:hidden; float: right; width: 764px;}
#toppromo { position:absolute; top:194px; text-align:center; margin:-5px 30px 5px 8px; width: 725px; height:105px; background-color:#828163; }
.content { background-color: #ededde;/*beige*/ margin: 100px 39px 0px 25px; Overflow:hidden; min-height:102px; }
/* footer */
.clr { clear:both; }
#footer { width: 990px;}
.footermenutop { background-image: url(../images/gr-footer-top.jpg); height: 22px; }
.footermenubackground { background-image: url(../images/gr-footer-background.jpg); padding-right:40px; padding-left:40px; color: #d9d591; margin:auto;}
.footermenubottom { background-image: url(../images/gr-footer-bottom.jpg); height: 56px; }
.webdesign{ height: 22px; width: 145px; float: right; margin-top:30px; margin-right: 22px; cursor:pointer;}
.footermenubackground a.mainlevel:link, .footermenubackground a.mainlevel:visited { font-size: 14px; color:#b9b351; /* brun cassé */ font-weight:normal;}
.footermenubackground a.mainlevel:hover, .footermenubackground a.mainlevel:active { color:white; }
.footermenubackground td{ text-align: center; margin-right:auto; margin-left:auto; width:850px; overflow:hidden;}
/* ************************** TEXTES ************************/
.capitales { text-transform: uppercase; }
.texte-encadre { padding: 8px; border: 1px solid #990000; }
.texte-gros { font-size: 22px; line-height: normal; }
.texte-petit { font-size: 12px; line-height: normal; }
.texte-vert { color: #648323; }
.texte-rouge { color: #a81e32; }
.txt-titres { font: bold 20px Arial, Helvetica, sans-serif; color: #CC3300; /* orange foncé */ text-decoration: none; }
.txt-titres-vert { font: bold 20px "Times New Roman", Times, serif; color:#454E20; margin-bottom:10px; text-decoration:none; text-transform:uppercase; }
/***********************/
/*** Joomla Specific ***/
/***********************/
.mod_login {margin-bottom:5px; margin-top:5px;}
/* formulaires et boutons */
FORM { margin: 0 }
FORM a:link, FORM a:visited { color: #990000; font-size: 12px; text-decoration: none; }
FORM a:hover, FORM a:active { color: #000000; font-size: 12px; text-decoration: underline; }
FORM * {/*text-align:left;*/ }
TEXTAREA, INPUT, LABEL { margin-right:5px; margin-left:5px; font-size: 12px; text-align:justify; }
TEXTAREA, INPUT { background-color: #9aa77e; border-color:#999966; border-top-style: inset; border-width: thin;}
TEXTAREA { width: 180px; height: 200px }
.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-image: url(../images/gr-fond-bouton.png); text-transform: uppercase; height:25px; border: thin solid #b9b351; color: #FFFFFF; cursor : pointer; }
/* style des menus */
.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: white; }
.separator { list-style-type: none; color: #99CC33; }
/* le menu de left (puisque c'est une liste) */
.menu ul {}
.menu li { margin: 0px 5px 2px -20px; list-style-image: url(../images/gr-menu-back1.jpg); list-style-position: outside; }
.menu li a:link, .menu li a:visited { color:#d2dcbc; line-height:14px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size:14px; }
.menu li a:hover, .menu li a:active{ color:#9aa77e; }
.mainlevel {font-weight: bold; font-size: 14px; font-family: "Times New Roman", Times, serif; margin:2px; }
a.mainlevel:link, a.mainlevel:visited {font-weight: bold; font-size: 20px; font-family: "Times New Roman", Times, serif; color:#000000; text-decoration:none; }
a.mainlevel:hover, a.mainlevel:active {color:#660000; }
/* titre des menus */
.moduletable h3, .moduletable_menu h3 { font-family: "Times New Roman", Times, serif; font-size: 14px; text-transform: uppercase; color: #9aa77e /*#c5b483*/;
margin-bottom:0px; border-bottom-width: thin; border-bottom-style: dashed; border-bottom-color: #9aa77e; }
.poll { margin:0px; font-size:1em; color:#000000; text-decoration:none;}
/* texte de base utilisé dans un article (Plus liens et listes) */
.contentpaneopen { width:700px; text-align: justify; margin-bottom:10px;}
.contentpaneopen a:link, .contentpaneopen a:visited{ color:#454e20; /* vert */ text-decoration: none; font-weight: bold; }
.contentpaneopen a:hover, .contentpaneopen a:active{ text-decoration: underline; }
.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 {font-family: "Times New Roman", Times, serif; font-weight: bold; color: #454e20; /* vert */ text-decoration: none; margin: 10px 0 10px 0; text-align:left; }
/* titre d'une page composant */
.componentheading {font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #454e20; /* vert */ text-decoration: none; margin: 10px 0 10px 0; text-align:left;}
.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.jpg) 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: #990000; border-top-width: thin;*/ }
/* 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; line-height: 14px; height: 16px; padding: 3px 5px 2px 5px;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003300;
border-style: dashed; border-color: #006633; border-width: thin ;
}
.adminform {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
background-color: #E5E5E5;
border: thin solid #666666;
}
#publishgm{
width: 200px;
}
/*****************************************/
/*** 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 20px; 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: 25px; }
div.module_menu h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}
div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; }
div.module_menu div div div { padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; }
div.module_menu div div div div { background: none; padding: 0; }
div.module_menu ul { margin: 10px 0; padding-left: 20px; }
div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; }
#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;
}