/* CSS Document */
html, body {
height: 100%;
margin: 0px 0;
}
body {
font: 90% "Trebuchet MS", sans-serif;
background: #dea;
background-color: #5A6B6E;
}
/*html {
background: url(fond.jpg); repeat;
}*/
/*rajout site aber*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#conteneur {
min-height: 100%;
width: 800px;/*modif dimension*/
margin: 0 auto;
position: relative;
bottom: 0;
/*background: url(img/global.png) center repeat-y;*/
/*rajout site aber*/
text-align: left ;
background: #fff ;
border: 5px solid #9F6C2D ;
}
#footer {
position: absolute;
width: 800px;
height: 380px;
bottom: 0;
/*background: #9933FF ;
border: 2px solid #fff ;*/
clear:left ;
/*vertical-align: middle ;*/
}
#footer p {
margin: 360px 0px 0px 0px ;
text-align: center ;
font-weight: bold ;
color: #fff ;
font-size: 1em ;
}
#footer a {
text-decoration: none;
color: #DA943C;
}
#center {
/* éviter la superposition
du pied de page et du content */
padding-bottom: 60px;
overflow: auto;
}
#sidebar {
float: right;
width: 199px;
}
/*#content {
On laisse de la place à droite
pour l'autre colonne
float: left;
width: 530px;
padding: 0;
margin-left: 10px;
}*/
/*#content, #sidebar h3, #footer p, #sidebar p { modif aber
padding: 0 10px;
}*/
/* rajout aber*/
#contenu {
padding: 10px 25px 0 25px ;
z-index: 100;
/*margin: 0px 50px 0px 50px ;*/
/*background: #fff ;*/
}
div#contenu h2
{
padding-left: 50px ;
line-height: 50px ;
font-size: 1.3em ;
background: url(lavande.jpg) no-repeat left bottom ;
color: #990000 ;
border-bottom: 1px solid ##990000 ;
}
/* Mise en forme du titre de page, une petite image, on deLcale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */
div#contenu h4
{
padding-left: 50px ;
line-height: 5px ;
font-size: 1.2em ;
color: #000 ;
}
/* Mise en forme du titre de page, une petite image, on deLcale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */
div#contenu h3
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #9b2 ;
border-left: 3px solid #9b2 ;
color: #9b2 ;
}
/* De me^me que pour le titre h2, a` ceci pre`s qu'on ne donne pas d'image deLcorative cette fois ci */
div#contenu h5
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #9b2 ;
color: #9b2 ;
}
div#contenu p
{
margin-left: 15px 55px;
text-indent: 2em ;
line-height: 2em ;
}
/* On rend les paragraphes plus propre, alignement justifieL, alineLa et hauteur de ligne supeLrieure a` l'eLtat normal pour aeLrer le tout */
div#contenu a
{
color: #990000 ;
text-decoration : none ;
}
div#contenu a:hover
{
color: #000 ;
}
pre {
margin: 0 auto;
width: 500px;
overflow: auto;
padding: 5px;
border: 1px solid #ccc;
}
.tip {
padding: 5px 5px 5px 50px;
border: 1px solid #c66;
background: url(img/tip.png) 5px 5px no-repeat;
}
/*rajout aber*/
h1#header
{
height: 180px ;
margin: 0 ;
/*background: url(logo.jpg) no-repeat ;
position: relative ;
left: 40px ;
top: 65px ;*/
/*background: url(logolb.jpg) no-repeat 20px 5px ;*/
}
/* Une image de fond correspondant aux 258 pixels de tout a` l'heure, attention a` bien compresser vos images */
/*-----------------------------------------------------------------*/
/*h1#header a
{
width: 700px ;
height: 200px ;
display: block ;
background: url(logo.jpg) no-repeat ;
position: relative ;
left: 40px ;
top: 65px ;
text-indent: -5000px ;
}*/
#centremenu
{
padding: 0px 0px 0 30px ;
}
ul#menu
{
height: 23px ;
margin: 0 10px ;
background: url(bg_menu.gif) repeat-x 0 -25px ;
list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utiliseLe en fond, on met ensuite l'image de fond avec un deLcalage de 25 pixels vers le haut pour utiliser la technique de roll over expliqueLe dans un autre tutoriel; */
ul#menu li
{
float: left ;
list-style: none;
text-align: center ;
padding: 0 27px ;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */
ul#menu li a
{
width: 120px ;
line-height: 23px ;
font-size: 1.0em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #999 ;
display: block ;
text-decoration: none ;
border: 2px solid #9F6C2D ;
}/* C'est sur les liens que le gros du travail est effectueL, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a gra^ce a` la proprieLteL display: block ; */
ul#menu li a:hover
{
background: url(bg_menu.gif) repeat-x 0 0 ;
}
/* menu square*/
ul#menusquare
{
list-style-type: square ;/*forme de puce*/
color: #990000 ;/*couleur de puce*/
}
ul#menusquare li
{
font-size: 1.4em ;/*grosseur du texte*/
font-weight: bold ;
float:left ; /*liste les unes a cotes des autres */
margin-left: 135px ;
/*margin: 0 20px ;*/
}
ul#menusquare li a
{
text-decoration: none ;/*comme il y a un lien mettre une balise li a*/
color: #9b2 ;
}
/* liste square*/
ul#listesquare
{
list-style-type: square ;/*forme de puce*/
color: #990000 ;/*couleur de puce*/
}
ul#listesquare li
{
font-size: 1.4em ;/*grosseur du texte*/
font-weight: bold ;
/*float:left ; /*liste les unes a cotes des autres */
margin-left: 250px ;
/*margin: 0 20px ;*/
}
ul#listesquare li a
{
text-decoration: none ;/*comme il y a un lien mettre une balise li a*/
color: #9b2 ;
}
/* liste square*/
ul#fichesquare
{
list-style-type: square ;/*forme de puce*/
color: #990000 ;/*couleur de puce*/
float:left ;
}
ul#ficheesquare li
{
/*font-size: 1.4em ;grosseur du texte*/
font-weight: bold ;
/*float:left ; /*liste les unes a cotes des autres */
/*margin-left: 250px ;*/
/*margin: 0 20px ;*/
}
ul#fichesquare li a
{
text-decoration: none ;/*comme il y a un lien mettre une balise li a*/
color: #9b2 ;
}
/* On met en forme les liens contenu dans la page */
div#iframe
{
margin: 30px 150px ;
border: 0px solid #fff ;
}
/*----------------------------*/
/*espace entre deux photo*/
div#image
{
margin: auto;
}