html, body{
margin:0;
padding:0;
font-family:arial, verdana;
font-size:0.9em;
border:0;
background-color:#494B46;
}
h3 {
font-size:1em;
font-weight:bold;
}
h5 {
color:#4F4F4F;
margin-top:0;
}
img {
border:0;
margin:0;
padding:0;
}
a {
text-decoration:underline;
color:#206004;
}
a:hover {
color:#C80B4D;
}
/* -----------------------------------STRUCTURE------------------------------------------------------------------- */
#main{
width:800px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}
#pathway{
font-size:0.8em;
padding:2em 0em 1em 1em;
color:#999;
}
#header{
position:relative;
height:159px;
width:100%;
background-image:url(../images/bandeau.jpg);
background-repeat:no-repeat;
}
#topmenu{
height:34px;
background-color:#484B47;
padding-left:0;
}
#leftcol{
width:154px;
float:left;
background-color:#484B47;
height:auto;
}
#conteneur{
background-image:url(../images/content.jpg);
background-repeat:no-repeat;
margin-left:154px;
padding-left:1em;
}
#content{
width:70%;
position:relative;
float:left;
}
#content100 {
width:99%;
overflow:hidden;
}
#rightcol{
width:170px;
position:relative;
float:right;
background-color:#494B46;
}
#footer{
height:30px;
clear:both;
font-size:0.9em;
color:#fff;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
background-color:#484B47;
text-align:center;
}
/* -----------------------------------MODULES MENUS------------------------------------------------------------------- */
ul#mainlevel-menusup{
padding:0;
margin:0;
}
ul#mainlevel-menusup li{
float: left;
width:139px;
list-style:none;
line-height:2.5em;
background:url(../images/menu-sup.gif) no-repeat top center;
}
ul#mainlevel-menusup a {
text-align:center;
color:#fff;
display:block;
text-decoration:none;
}
ul#mainlevel-menusup li:hover {
background:url(../images/menu-sup2.gif) no-repeat top center;
}
.moduletable-mainmenu {
background:url(../images/mainmenu-cadre.gif) no-repeat top center;
height:160px;
margin:0.8em 0em 0em 0em;
padding-top:1em;
}
.moduletable-mainmenu ul{
padding:0.8em 0em 0.2em 0em;
margin:0em;
}
.moduletable-mainmenu li{
line-height:2em;
list-style:none;
color:#fff;
border-bottom:solid 1px #FFF;
background:url(../images/menu-a.gif) no-repeat left;
padding-left:1.3em;
}
.moduletable-mainmenu a{
color:#fff;
display:block;
text-decoration:none;
}
.moduletable-mainmenu a:hover{
color:#FFF;
}
.moduletable-mainmenu li:hover{
background-color:#B8004E;
background:url(../images/menu-hover.gif) no-repeat left;
}
.moduletable-menu2 {
background:url(../images/menu2-cadre.gif) no-repeat top center;
height:216px;
margin:0em;
padding-top:3em;
}
.moduletable-menu2 ul{
padding:0.2em 0em 0.2em 0em;
margin:0em;
}
.moduletable-menu2 li{
line-height:2em;
list-style:none;
color:#fff;
border-bottom:solid 1px #FFF;
background:url(../images/puce.gif) no-repeat left;
padding-left:2em;
}
.moduletable-menu2 li:hover{
background-color:#519A15;
}
.moduletable-menu2 a{
color:#fff;
display:block;
text-decoration:none;
}
.moduletable-menu2 a:hover{
color:#FFF;
}
/*------------------------------------------PAGE ACCUEIL------------------------------------------------------------------*/
.contentpaneopen-accueil{
text-align:justify;
}
div .contentpaneopen-accueil{
width:100%;
}
.contentpaneopen-accueil img{
float:right;
margin-left:1em;
margin-top:0;
margin-bottom:0.5em;
border:solid 1px #494B46;
background-color:#000;
}
.contentpaneopen-accueil span{
background:url(../images/rubriques.gif) no-repeat left;
display:block;
color:#80BB5D;
font-size:1.1em;
font-weight:bold;
text-align:left;
padding:0.5em 0em 0.5em 2.5em;
}
.contentheading-accueil{
font-size:1.1em;
font-weight:bold;
color:#000;
}
.readon-accueil{
background-image:url(../images/suite.gif);
background-repeat:no-repeat;
background-position:left center;
color:#5D970B;
padding:0.5em 0 0.5em 2em;
}
/*------------------------------------------MODULES Personnalisés ------------------------------------------------------------------*/
.moduletable-flash {
background:url(../images/flashinfos.gif) no-repeat top left;
color:#F06931;
padding:3em 0.2em 0.2em 0.4em;
height:220px;
margin-bottom:2em;
}
.moduletable-flash p{
padding-right:2.5em;
}
.moduletable-flash .scroll_container a{
background:url(../images/flash-suite.gif) no-repeat top left;
padding-left:1.8em;
padding-right:1.5em;
color:#FEAF48;
text-decoration:underline;
}
.moduletable-flash .scroll_container a:hover{
color:#C80B4D;
}
.contentheading-flash {
padding-top:2.4em;
font-weight:bold;
}
.contentpaneopen-flash .article_separator{
border:none;
display:inline;
}
.moduletable-jem {
background:url(../images/jem1.gif) no-repeat top center;
height:100px;
margin:0;
}
ul.menu-jem {
padding:4.5em 0 0 2em;
list-style:none;
color:#999;
margin:0;
}
ul.menu-jem a{
color:#fff;
text-decoration:underline;
}
ul.menu-jem a:hover{
color:#C80B4D;
}
.contentpane-jem{
background:url(../images/fond-jem.jpg) no-repeat right;
}
.moduletable-agenda {
margin-bottom : 2em;
padding:0;
}
.contentpaneopen-agenda{
text-align:center;
color:#DAF0AF;
font-size:0.9em;
}
.contentpaneopen-agenda p{
margin:0.2em;
}
.moduletable-letter{
height:1.5em;
padding-bottom:4em;
font-size:11px;
}
.moduletable-letter .mainlevel a{
color:#C1FF80;
padding-top:0.3em;
text-decoration:underline;
}
.moduletable-letter a:hover{
text-decoration:underline;
color:#C80B4D;
}
.contentheading-partenaires {
color:#FF8040;
font-weight:bold;
}
.contentpaneopen-partenaires{
}
.contentpane-partenaires{
font-weight:bold;
line-height:2em;
}
.componentheading-partenaires{
font-weight:bold;
width:100%;
}
.sectiontableentry1-partenaires a {
padding-left:3em;
}
.sectiontableentry2-partenaires a{
padding-left:3em;
}
.moduletable-rss a{
font-size:0.9em;
color:#fff;
position:absolute;
margin-left:500px;
margin-top:1.2em;
border-bottom:solid 1px #fff;
}
.moduletable-annonce{
float:right;
margin:2em 0 0 0;
width:140px;
height:4em;
background:url(../images/fond-annonce.jpg) no-repeat top center;
}
.menu-annonce{
height:4em;
font-size:0.9em;
padding:1em 0 0 2.5em;
margin:0;
list-style:none;
background:url(../images/note_go.gif) no-repeat 0.5em 1em;
}
.moduletable-sondage {
text-align:left;
padding:0em 0em 1em 0em;
line-height:1.6em;
font-size:0.9em;
margin-top:1em;
margin-bottom:1em;
color:#fff;
}
.moduletable-sondage input.button{
margin-top:1em;
}
.moduletable-sondage input.button:hover{
margin-top:1em;
}
.sectiontableentry1-sondage, .sectiontableentry2-sondage{
text-align:left;
}
.moduletable-sondage form{
margin:0;
}
.moduletable-map{
list-style:none;
padding-left:3em;
font-weight:normal;
color:#CFCFCF;
font-size:0.8em;
text-decoration:underline;
}
/* -------------------------------- PAGES statiques--------------------------------------------*/
.contentheading-static {
color:#67863D;
font-size:1.4em;
font-weight:bold;
}
.contentpaneopen-static img{
clear:left;
}
.contentpaneopen-static {
text-align:justify;
margin-right:10em;
}
.contentpaneopen-static h4{
Color:#800000;
}
/* -------------------------------- MODULE ET ESPACE 'RECHERCHE' --------------------------------------------*/
.moduletable-search {
background:url(../images/fond-search.gif) no-repeat;
height: 26px;
padding:0.5em 0em 0.5em 1em;
float:right;
width:17em;
}
#search {
overflow: hidden;
text-align:right;
padding-left: 3px;
}
form#searchForm{
border-collapse: collapse;
font-size:0.9em;
}
form#searchForm input {
vertical-align: middle;
}
form#searchForm label {
}
#mod_search_searchword {
width:100px;
}
.inputbox-search {
font-size:0.8em;
}
input.button-search {
font-size:0.9em;
cursor: pointer;
}
/* -------------------------------- NEWSLETTER --------------------------------------------*/
#emailsettings {
}
#newitems{
}
/* -------------------------------- Module CONNEXION --------------------------------------------*/
.moduletable-login {
background:url(../images/connexion.jpg) no-repeat top;
font-size:11px;
color:#8CB653;
padding: 2em 0 0 0.5em;
border-bottom:solid 1px #fff;
}
.moduletable-login .input{
border-style:none;
padding:0;
}
.moduletable-login a{
color:#8CB653;
}
.moduletable-login a:hover{
color:#FF8040;
}
#form-login-password {
color:#fff;
padding:0;
margin:0;
}
#form-login-username {
color:#fff;
padding-top:0.5em;
margin:0;
}
/* -------------------------------- STYLES PAR DEFAUT --------------------------------------------*/
/* Ces styles configurent l'affichage des modules*/
table.moduletable {
margin:0.3em 0.3em 3em 0.3em;
padding:0.5em;
border:solid 1px #ccc;
width:120px;
text-align:center;
}
table.moduletable th {
font-weight:bold;
color:#7F7F7F;
} /* configure le style de l'entete des modules et leurs titres */
table.moduletable td {
text-align:center;
} /* Permet de formater les cellules de la table module */
table.moduletable-nav {
padding-bottom:0.5em;}
/* Le style des tables module */
table.moduletable-nav th {
padding-left:0.5em;
font-weight:bold;
color:#584433;}
/* configure le style de l'entete des modules et leurs titres */
table.moduletable-nav td {}
hr {}
hr.separator {}
.article_separator{
border-bottom:dashed 1px #999;
width:100%;
display:block;
}
.pagenavbar {}
.pagenav {
color:#987;
}
.pagenav_next a {
font-weight:bold;
color:#987;
}
.pagenav_prev a {
font-weight:bold;
color:#987;
}
.small {
font-size:0.8em;}
/* Styles de Formulaires pour Mambo
* Voici les 2 styles que Mambo utilise pour les contrôles des utilisateurs (boutons et champs de saisies) */
.button {
background-image:url(../images/);
background-repeat:no-repeat;
width:106px;
height:20px;
border:0;
cursor: pointer;}
.inputbox {}
label {
}
/*Les styles CSS que voici définissent l’affichage des interfaces de navigation */
.ontab {}/* Pour modifier l'apparence des "Onglet" dans l'editeur d'article en "frontend" (quand vous etes logger en admin).
Ce style .ontab correspond aux éléments actifs ou après un clique*/
.offtab {} /* La même chose que précédemment Celui-ci correspond aux cases qui ne sont pas actives ou il n’y a pas eu de clique */
.tabpadding {} /* Ce style est utilisé pour fixer la taille des cases en question */
.tabheading {} /* Je ne suis pas sur que ce soit utilisé. Je n’ai pas trouvé d’exemple concernant ce style. */
.pagetext {} /* Ce style est utilisé pour le contenu des formulaire d’éditions, de saisie des articles (ce que l’ont fait avec htmlarea par exemple) */
/*ce style correspond aux liens du menu principal*/
a.mainlevel{
color:#fff;
font-weight:bold;
text-decoration:none;
line-height:2em;
display: block;
}
a.mainlevel-2 {
color:#fff;
text-decoration:none;
background-color:#B39253;
border-bottom:solid 1px #fff;
line-height:2em;
display: block;
width: 154px;
height:21px;
padding-left:0.5em;
}
a:hover.mainlevel-2 {
background-color:#DD7309;
}
a.mainlevel-nav{
color:#fff;
text-decoration:none;
padding:0.5em 1em 0.5em 1em;
border:solid 1px #fff;
background-color:#B39253;
}
a:hover.mainlevel-nav{
background-color:#EBC656;
padding:0.5em 1em 0.5em 1em;
}
/*ce style correspond aux articles du sous-menu*/
a.sublevel{}
/**
* Style général des Sections / Catégories / Contenu?
* Catégories et Contenus. Ils méritent donc d'être séparés des autres.
*/
.creadate{}
.modifydate{}
.readon{
background-image:url(../images/suite.gif);
background-repeat:no-repeat;
background-position:left center;
color:#5D970B;
padding:0.5em 0 0.5em 2em;
}
.readmore{
color:#C80B4D;
}
/* -------------------------------- CONTENU --------------------------------------------*/
/*l'ensemble des styles pour le contenu est listé ci-après. */
.contentpane-nav{
}
.contentpane{
}
/*----------------------------------STYLES ARTICLES--------------------------------------*/
.contentpaneopen{
text-align:justify;
margin-right:12em;
}
.contentpaneopen span{
background:url(../images/rubriques.gif) no-repeat left;
display:block;
color:#80BB5D;
font-size:1.1em;
font-weight:bold;
text-align:left;
padding:0.5em 0em 0.5em 2.5em;
}
.contentpaneopen .highlight{
background-image:none;
color:#FF8040;
display:inline;
padding:0;
}
.contentpaneopen .small{
background-image:none;
display:inline;
padding:0;
}
.contentpaneopen .hasTip{
background-image:none;
display:inline;
padding:0;
}
.contentpaneopen img{
float:right;
margin-left:1em;
margin-top:0;
margin-bottom:0.5em;
border:solid 1px #494B46;
/*padding:0.5em;*/
background-color:#DDE9D3;
}
.contentheading{
font-size:1.1em;
font-weight:bold;
color:#000;
}
.componentheading-billet {
font-weight:bold;
padding-bottom:1em;
padding-top:1em;
color:#CA3148;
}
.contentpaneopen-billet{
}
/*Style des Sections dans Mambo */
.sectiontableheader{
font-weight:bold;
}
.sectiontableentry1 {
}
/* ce style est employé quand il y a une liste entière de données à fournir et que vous devez créer des couleurs alternatives pour chaque rangée des données. C'est le 1ère des couleurs.
.sectiontableentry2{}/*ce style correspond à la seconde couleur pour les rangées. Ainsi, le générateur de table, alternera le style entre sectionableentry1 et sectiontableentry2 en formant un cycle pour chaque rangée des données. Semblable aux listes de “posts” dans les forums.*/
/*Ces style CSS definissent la maniere dont le titre des «Composant / Component» est affiché */
.componentheading {
font-weight:bold;
padding-bottom:1em;
}
.componentheading-nav {
font-weight:bold;
color:#DD7309;
}
/* Sondages */
.poll {} /* Les textes des sondages */
.pollstableborder {} /* configure les bords de la table des sondages */
/* Liens Web */
.weblinks{} /* Configure le titre des liens dans l'annuaire “Weblinks”*/
a.weblinks:hover {} /* meme chose qu'au dessu mais avec le curseur pointé dessu*/
/* Diffusion des news */
.newsfeedheading {} /* Le titre des news. NOTE: ceci n'affecte pas le titre des news! */
.newsfeeddate {} /* La date des news */
.fase4rdf {} /* Le texte principal des news*/
/* Paramettres de la Table des Contacts */
table.contact {}
/* Pour formater la totalité de la table des “contacts” ce qui inclus le nom, addresse icons and formulaire.
Note : Cette table n'inclus pas la liste deroulante qui permet de choisir “Department” “Personne” */
table.contact td.icons {}
/* Le nom vous en dis deja beaucoup. Ce style configure les cellules |
ou sont affichés les petits icons prés des details (addresses, telephone etc) */
table.contact td.details {}
/* ceci definit le format | ( td pour table data ) des cellules ou sont les informations.
Ces informations sont : addresses, telephone et autres info*/
/* ------------------------------------------------------------------------------------------------------- */
.back_button a {
color:#987;
}
.scroll_container a{
text-decoration:none;
color:#C80B4D;
}
.scroll_container a:hover{
text-decoration:none;
color:#DD7309;
}
.article_column {
width:15em;
padding-left:0.5em;
padding-right:0.5em;
}
.column_separator {
}
.buttonheading {
width:2em;
}
.buttonheading img{
background-color:#fff;
border:0;
text-align:center;
}
/* Style des Categories */
.category {
font-weight:bold;
color:#9D9B9B;
}
a.category:link, a.category:visited {}
a.category:hover {}
.blogsection{
}
/*blog*/
.blog {
width: 100%;
}
.blog table td {
width: 50%;
}
.blog_more {
}
#josForm {
margin-top:2em;
border:solid 1px #ccc;
width:80%;
padding:1em;
}
/*.button {
background:url(../images/butt-validate.gif) repeat-x;
border: 1px solid #999;
border-left-color: #e4e4e4;
border-top-color: #e4e4e4;
color: #5F5F5F;
}
.button:hover{
background:url(../images/butt-validate.gif) repeat-x;
border: 1px solid #ccc;
border-left-color: #777;
border-top-color: #777;
color: #000;
}*/
#system-message{
color:#FF0000;
font-weight:bold;
}
input.button {
margin-top:1em;
margin-bottom:1em;
border: 1px solid #777;
border-left-color: #e4e4e4;
border-top-color: #e4e4e4;
background: transparent url(../images/input.gif)repeat-x;
font-size: 11px;
color: #6F6F6F;
padding:2px 4px 2px 6px;
}
input.button:hover{
margin-top:1em;
margin-bottom:1em;
border: 1px solid #d6d6d6;
border-left-color: #9F9F9F;
border-top-color: ##9F9F9F;
background: transparent url(../images/input2.gif)repeat-x;
color: #333;
font-size: 11px;
padding:2px 4px 2px 7px;
}
|