html,
body {
margin: 0px;
background: url(/img/menu/colors.png);
font : 0.9em "Lucida Grande", "Trebuchet MS", verdana, geneva, arial, sans serif;
height: 100%;
}
img {border: 0px;}
p{
text-align: justify;
font : 0.9em "Lucida Grande", "Trebuchet MS", verdana, geneva, arial, sans serif;
}
a:LINK, a:visited {
text-decoration:none;
color:#6699CC;
}
a:HOVER {
text-decoration:none;
color:#FF9900;
}
a[target=_blank] {
text-decoration: none;
color:#00a800;
}
/*indique quand il s'agit d'une fenetre supplementaire*/
a[target=_blank]:after {
text-decoration: none;
color:#00a800;
content: url(/img/menu/lien_ext.png);
}
/*generation des infobulles*/
a.info{
position:relative;
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; color:#6699cc;
text-align: justify;
font-weight:none;
padding:1px;
}
/*Dans le code*/
/*le_mot_infobullerinformation qui s'affiche au passage de la souris*/
/*fin de la generation des infobulles*/
li {
list-style: none;
text-align: left;
text-indent: 0px;
font : 0.9em "Lucida Grande", "Trebuchet MS", verdana, geneva, arial, sans serif;
}
ul {
margin: 0px;
padding: 0px;
}
/*------------------------------------------------------------------------------------
Toute la structure des blocs de page
--------------------------------------------------------------------------------------*/
/*Tout le conteneur de la page*/
#conteneur {
position: relative;
width: 800px;
margin: 0px auto 0px auto;
height: 100%;
background: url(/img/menu/papier.gif);
}
/*Le bloc menu dans les pages*/
#menu {
width: 800px;
height: 166px;
position: relative;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 50;
}
#toolbar {
width: 1010px;
height: 153px;
position:absolute;
left: -110px;
top:80px;
background-image: url(/img/menu/verdeterre.gif);
z-index:10;
}
/*Le bloc global du ccontenu */
#contenu {
width: 800px;
background: /* #ffffff*/ url(/img/menu/papier.gif);
position: relative;
text-align: center;
}
/*Le bloc en bas de page*/
#footer {
width: 800px;
height: 40px;
background-image: url(/img/menu/papier.gif);
position: relative;
top: 2px;
text-align: center;
}
#footer p {
margin: 0em;
padding-left: 30px;
text-align:left;
border-top-style:dotted;
border-top-color:#999999;
border-top-width:thin;
}
#titrage { /*bloc ę gauche de la page*/
position: absolute;
top: 245px;
left: -55px;
z-index: 100;
}
/*Bloc de la page Illustration simulation des 2 colonnes
Qui se combinent avec "un" et "deux" */
.blocillu {
margin:auto;
width: 730px;
text-align:right;
}
.separation {clear: both;
visibility:hidden;}
/*Placement des paragraphes illustrations pour donner une illusion de colonnes*/
.edition {
font-size: 1em;
color: #CC3333;
font-style:italic;
}
.titre-illustration {
font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #333333;
font-weight:bold;
}
.flotte-a-droite /*l'image*/
{
float: right;
margin:2px 0px 10px 10px;
}
.flotte-a-gauche /*l'image*/
{
float: left;
margin:2px 10px 10px 0px;
}
.txt-introsection/*le texte introduisant une section*/
{
font : 12px verdana, geneva, arial, sans serif;
color:#999900;
}
/*Bloc ne servant qu'ę la page d'acceuil du site*/
#blocintro {
position:relative;
width: 800px;
height: 400px;
margin-top: 200px;
}
/*Bloc ne servant qu'ę la page d'acceuil du site contient le gif animę*/
#blocanim {
position:absolute;
top:250px;
left:360px;
z-index:100;}
/*Bloc ne servant qu'ę la page d'acceuil du site contient la pub*/
#blocpub {
position:absolute;
top:70px;
left:310px;
z-index:100;}
/*Bloc texte pour la section bio*/
.bloctexte {
position:relative;
width: 730px;
padding: 10px 30px 10px 30px;
text-align: justify;
}
.bloctextecentre {
position:relative;
width: 730px;
padding: 10px 30px 10px 30px;
text-align: center;
}
.bordimg {
border-width: thin;
border-color:#666666;
border-style:solid;
}
#bloctextecartoons {
position:relative;
width: 700px;
padding: 10px 30px 30px 30px;
text-align: center;
color:#000000;
overflow: visible;
}
#bloctextecartoons p{
text-align:center;
}
/*propriętęs communes aux 4 coins du cadre*/
#haut-g, #haut-d, #bas-g, #bas-d {
height: 14px; width: 14px;
background-repeat:no-repeat;
font-size:1px; /*correction bogue IE5*/
}
/*propriętęs spęcifiques aux quatre coins du cadre*/
#haut-g{background-image:url(img/cadre/haut_g.png);}
#haut-d{background-image:url(img/cadre/haut_d.png); float: right;}
#bas-g{background-image:url(img/cadre/bas_g.png);}
#bas-d{background-image:url(img/cadre/bas_d.png); float: right;}
/*rollover des images du menu*/
.enligne li {
display: inline;
list-style:none;
padding: 0;
margin: 0px;
float: left;
}
.enligne u {
text-align: center;
}
/*Illus*/
a.A { display: block; background-image: url(img/menu/p11.gif);width: 70px; height: 125px; background-repeat:no-repeat; }
a.A:hover { background-image: url(img/menu/p12.gif) }
/*Cartoons*/
a.B { display: block; background-image: url(img/menu/p21.gif);width: 85px; height: 125px; background-repeat:no-repeat; }
a.B:hover { background-image: url(img/menu/p22.gif) }
/*bd*/
a.C { display: block; background-image: url(img/menu/p31.gif);width: 80px ; height: 125px; background-repeat:no-repeat; }
a.C:hover { background-image: url(img/menu/p32.gif) }
/*Presse*/
a.D { display: block; background-image: url(img/menu/p41.gif);width: 85px ; height: 125px; background-repeat:no-repeat; }
a.D:hover { background-image: url(img/menu/p42.gif) }
/*Pub*/
a.E {display: block; background-image: url(img/menu/p51.gif);width: 88px ; height: 125px; background-repeat:no-repeat; }
a.E:hover { background-image: url(img/menu/p52.gif) }
/*Divers*/
a.F {display: block; background-image: url(img/menu/p61.gif); width: 95px ; height: 125px; background-repeat:no-repeat; }a.F:hover { background-image: url(img/menu/p62.gif) }
/*bio*/
a.G {display: block; background-image: url(img/menu/p71.gif);width: 90px ; height: 125px; background-repeat:no-repeat; }
a.G:hover { background-image: url(img/menu/p72.gif) }
/*index*/
a.H { display: block; background-image: url(img/menu/magasin_0.gif);width: 85px ; height: 125px; background-repeat:no-repeat; }
a.H:hover { background-image: url(img/menu/magasin_1.gif) }
/*contact*/
a.J { display: block; background-image: url(img/menu/p91.gif);width: 120px ; height: 125px; background-repeat:no-repeat; }
a.J:hover { background-image: url(img/menu/p92.gif) }
a.anim { display: block; background-image: url(img/menu/p81.gif);width: 120px ; height: 125px; background-repeat:no-repeat; }
a.anim:hover { background-image: url(img/menu/p82.gif) }