/* Conteneurs */
html, body {
margin: 0;
padding: 0;
text-align: center;
z-index: 0;
}
#conteneur {
width: 770px;
text-align: left;
min-width: 600px;
margin-left: auto;
margin-right: auto; /* centrer le contenu */
z-index: 1;
}
#header {
height: 136px;
width: 100%;
/*background-image: url("img/haut.jpg");
background-repeat: no-repeat;*/
z-index: 1;
}
#menurech {
height: 35px;
left: auto;
top: auto;
bottom: auto;
right: auto;
width: 100%;
background-color: #5FA5E2;
background-image: url("img/haut_haut.jpg");
background-position:bottom;
background-repeat: no-repeat;
}
input.boutonrecherche {
font-family:Verdana;
font-size:8pt;
font-weight:normal;
background-color:#F1D4AC;
border-color:#0E2E49;
border-style:inset;
border-width:1px;
color:#0E2E49;
}
#outer{
/*border: 0px solid transparent; /* center column colour */
/*/*/ border-left-width: 150px ; /* left column width. NN4 hack to hide borders */
/*border-left-color: #B3BCBF; /* left column colour
/*background-color: #FFFFFF; /* center column colour DANS INCSTYLE.PHP */
border-left-style: solid;
/*background-color: #FFFFFF; /* center column colour DANS INCSTYLE.PHP */
width: auto;
z-index: 2;
}
#inner {
margin: 0;
width: 100%;
z-index: 1;
}
#outer>#inner {
border-bottom: 1px solid transparent;
}
#colgauche {
float: left;
width: 150px;
margin: 0 0 0 -150px;
position: relative;
background-image: url("img/gauche.jpg");
background-repeat: no-repeat;
z-index: 2;
}
#colgauche_content {
padding-top: 1em;
padding-bottom: 250px; /* pour être sûr de voir toute l'image du menu, voir un futur script pour IE d'équivalent à minwidth */
z-index: 2;
}
#colcentre {
float: left;
width: 100%;
background-image: url("img/centre.jpg");
background-repeat: no-repeat;
position: relative;
margin: 0;
/*z-index: 1;*/
}
#colcentre_content {
margin: 10px 10px 10px 10px ;
padding: 0;
/*z-index: 1;*/
}
.cb { clear: both; } /* passer tout à la ligne (gauche + droite !) */
#footer {
width: 100%;
border-top: 2px solid #AAAAAA;
}
#footer_content {
padding-bottom: 2px;
}
#footer_content p {
margin: 0;
padding: 0;
text-align: center;
}
/* Eléments textuels */
body {
font-family: Tahoma,sans-serif;
font-size: .8em;
}
.c { text-align: center; }
div.desc { font-style: italic; }
div.txt {}
div.navig, div.navig p {
background-color: transparent;
width: 100%;
margin: 0;
padding: 0;
text-align: right;
}
div.b { margin-top: 2em; }
div.ap {
background-color: #F5F5F5;
border: 1px dashed #DADADA;
padding: 0.5em;
}
h1 {
text-align: center;
color: #0000AA;
font-size: 180%;
}
h2 {
color: #AA0000;
font-size: 150%;
}
h3 {
color: #00AA00;
font-size: 120%;
}
p.entete {
font-style: italic;
font-size: 80%;
}
img.ico {
width: 16px;
height: 16px;
margin-right: 1em;
}
#colcentre_content img {
padding-left: .5em;
padding-right: .5em;
}
/* message après requête */
p.rap {
padding: 1px 0 1px 0;
text-align: center;
font-weight: bold;
font-style: italic;
width: 99%;
}
p.suc {
border: 1px dashed #00CC00;
background-color: #DDFFDD;
}
p.err {
border: 1px dashed #DD0000;
background-color: #FFDDDD;
}
/* */
p.nm {
margin: 0;
padding: 0;
}
a {
color: #0000AA;
text-decoration: none;
}
a:hover {
color: #0000FF;
text-decoration: underline;
}
img { border: 0; }
hr {
margin: 0;
padding: 0;
}
/* Eléments de listes */
ul { list-style-type: disc; }
/* ELEMENTS PRECIS (Administration) */
/* Menus */
ul.ns { list-style: none; }
.listec span, .lc span, .ns span {
background-color: #eeffee;
border: 1px dotted #00ff00;
}
/* Contenus */
div.listec {
border: 1px dotted #999999;
padding: .5em;
background-color: #FFFFFF;
}
ul.lsn, ul.lc {
list-style: none;
margin: 0 0 0 4px;
padding: 0;
}
ul.lc {
border-left: 1px dotted #999999;
}
ul.lc li {
margin: 0;
padding: 0 0 0 16px;
}
ul.lc img, ul.lsn img {
width: 9px;
height: 9px;
margin-right: .5em;
}
.hide { display: none; }
/* Tableaux */
table {
border: 0;
border-collapse: collapse;
}
.prform td { padding-bottom: .5em; }
.ml { padding-right: 2em; }
/* liste photos */
div.listphotos p {
width: 100%;
font-size: 80%;
text-align: center;
padding: 0;
margin: 1em 0 0 0;
}
table.l { margin-left: 1em; }
.l td, .l th {
border-collapse: collapse;
border: 1px solid #999999;
padding: 3px;
}
.l th {
background-color: #CCCCCC;
text-align: center;
}
.l img {
margin: 0;
padding: 0;
}
/* Administration */
dl.conf_coul dt { font-weight: bold; }
span.disp { display: inline;}
img.icobig {
width: 48px;
height: 48px;
margin: -15px 1em -12px 0;
}
/* forum */
hr.forum_hr {
margin: 1em 0 1em 0;
}
div.msg {
margin: 1em 1em .5em 1em;
border: 1px #cccccc dashed;
}
div.msg img {
/*petit plus ou petit moins à gauche d'un sujet*/
position: relative;
float: left;
top: 2em;
right: 12px;
}
div.m_rep {
margin: 1em 1em .5em 3em;
border: 1px #cccccc dashed;
}
div.en-tete {
background-color: #eeeeee;
padding: .3em;
}
div.rep {
float: right;
}
div.rep input {
font-size: .8em;
}
.en-tete p {
margin: 0;
padding: 0;
}
p.ti {
font-weight: bold;
}
span.it {
font-style: italic;
font-weight: normal;
}
span.date {
font-size: .9em;
}
div.txt {
padding: .3em;
}
.disp {
display: inline;
}
img.p_m {
padding: 0;
margin: 0;
}
/* actualités */
#actu {
float: right;
margin:0px -17px 0px 0px;
padding:0px 2px 0px 0px;
width: 12em;
}
#actuelement {
margin:1px 1px 4px 1px;
padding:2px 7px 2px 2px;
text-align:left;
}
.cal {
margin: 0 1em -.5em .5em;
width: 24px;
height: 24px;
cursor: pointer;
}
.fwbold {
font-weight: bold;
}
/* IMPRESSION */
@media print {
/* on cache certaines parties inutiles à l'impression*/
#colgauche, #colgauche_content, #header, #footer, .p, .rep {
display: none;
}
#outer {
border: 0;
}
/* on règle la largeur sinon le texte ne rentre pas sur une feuille A4 */
#conteneur {
width: auto;
}
}