body
{
background-color: #ebebeb;
background-image: url('fond.gif');
margin: 0px;
padding: 0px;
}

.cache
{
visibility: hidden;
}

h1
{
margin: 0px;
padding: 0px;
}

h1 a
{
text-decoration: none;
}


h2, h3, h4, p, ul, li, a
{
font-family: Trebuchet MS, Verdana, sans-serif;
}

li.texte
{padding-bottom: 10px;
line-height: 1.3em;}

h2
{
font-size: 1em;
color: #63009c;
margin: 0px;
padding: 0px;
display: block;
line-height: 25px;
}

h3
{
border-top: 1px solid #c0c0c0 ;
border-bottom: 1px solid #c0c0c0 ;
margin: 0px 0px 5px 0px;
text-indent: 26px;
font-size: 0.9em;
display: block;
height: 25px;
line-height: 25px;
color: #63009c;
background-color: #ededed;
background-image: url('titre.gif');
background-repeat: no-repeat;
background-position: left;
}

h4
{
margin: 5px 0px 5px 10px;
font-size: 0.9em;
color: #096e07;
}

p
{
margin: 0px 10px 10px 10px;
text-indent: 10px;
font-size: 0.8em;
line-height: 1.3em;
text-align: justify;
color: #000;
}

p.tutos
{
margin: 5px 10px 10px 10px;
font-size: 0.7em;
text-indent: 0px;
}

p.signe

{text-align: right;
font-style: italic;
margin-top: 10px;}

p.tuto-g
{
margin: 10px 10px 10px 10px;
font-size: 0.8em;
text-indent: 0px;
}

a:link
{color: #63009c;}

a:visited
{color: #c438c7;}

a:hover
{color: #096e07;}

p.nav
{
border-top: 1px solid #c0c0c0 ;
margin: 0px;
text-indent: 10px;
font-size: 0.7em;
color: #63009c;
display: block;
line-height: 25px;
}


img
{border: 0px;
text-align: center;
margin: 5px 20px 5px 20px;}

img.texte
{border: 0px;
margin: 0px 0px 0px 0px;}

img.zoom
{border: 0px;
margin: 5px 0px 5px 0px;}

img.code
{
padding : 0px;
margin: 5px 5px 5px 0px;
float: left;
}

img.tuto1
{
padding : 0px;
margin-left: auto;
margin: 10px 10px 0px 10px;
}

img.tuto2
{
padding : 0px;
margin: 5px 10px 10px 0px;
float: left;
}

img.vignette
{
padding : 0px;
margin: 3px 10px 5px 0px;
float: left;
}

img.ligne2
{
padding : 0px 0px 0px 10px;
margin: 5px 0px 0px 10px;
float: left;
}

hr
{
visibility: hidden;
clear: both;
}


#conteneur {
position: absolute;
left: 50%;
top: 10px;
width: 930px;
margin-left: -460px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #7a7a7a;
}

#menu-haut, #menu-haut-tutos, #menu-haut-articles, #menu-haut-contacts, #menu-haut-ressources {
position: absolute;
top: 0px;
left: 0px;
border: none;
width:930px;
height:25px;
margin-bottom: 0px;
background-color:#c6c6c6;
background-image: url('bgmenu.gif');
text-align: center;
}

#boutons
{margin-left : auto;
margin-right: auto;
margin-top: 0px;
margin-bottom : 0px;
width:857px;}

#boutons ul
{list-style-type: none;
margin: 0px;
padding: 0px;
float: center;
}

#boutons  li
{ float: left;
}

/* menu graphique */

#boutons a.site
{
text-decoration: none;
display:block;
width: 95px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-site.gif');
line-height: 25px;
}

#boutons a.site:hover
{background-image: url('menu-site-on.gif');}

#boutons a.gatuto
{
text-decoration: none;
display:block;
width: 95px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-gatuto.gif');
line-height: 25px;
}

#boutons a.gatuto:hover
{background-image: url('menu-gatuto-on.gif');}

#boutons a.forum
{
text-decoration: none;
display:block;
width: 109px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-forum.gif');
line-height: 25px;
}

#boutons a.forum:hover
{background-image: url('menu-forum-on.gif');}

#boutons a.chat
{
text-decoration: none;
display:block;
width: 101px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-chat.gif');
line-height: 25px;
}

#boutons a.chat:hover
{background-image: url('menu-chat-on.gif');}

#boutons a.articles
{
text-decoration: none;
display:block;
width: 98px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-articles.gif');
line-height: 25px;
}

#boutons a.articles:hover
{background-image: url('menu-articles-on.gif');}

#boutons a.tuto
{
text-decoration: none;
display:block;
width: 100px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-tuto.gif');
line-height: 25px;
}

#boutons a.tuto:hover
{background-image: url('menu-tuto-on.gif');}

#boutons a.ressource
{
text-decoration: none;
display:block;
width: 116px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-ressource.gif');
line-height: 25px;
}

#boutons a.ressource:hover
{background-image: url('menu-ressource-on.gif');}

#boutons a.contact
{
text-decoration: none;
display:block;
width: 95px;
height: 25px;
margin: 0px 3px 0px 3px;
background-image: url('menu-contact.gif');
line-height: 25px;
}

#boutons a.contact:hover
{background-image: url('menu-contact-on.gif');}

/* bannière et titre */

#banniere
{position: absolute;
top:25px;
left: 0px;
width:930px;
height: 140px;
text-align: center;
background-image: url('ombre.gif');
background-repeat:repeat-x;
background-color:#fff;
}

#titre {
width:930px;
height:126px;
margin-bottom: 10px;
border: none;
background-image: url('banniere.jpg');
background-repeat:no-repeat;
background-position:top center;}

#titre a
{
width:930px;
height:126px;
display: block
}


/* corps de la page */

#global
{margin-top: 165px;}

/* colonnes de droite et de gauche */

#colgauche, #coldroite
{
width:160px;
margin-right:11px;
margin-left:11px;
margin-bottom:10px;
float:left;
border: none;
}

.section
{width: 160px;
margin: 0px;
padding: 0px;
}

#webring
{text-align: center;
margin-bottom: 15px;}

/* style switcher */

#style_switcher
{text-align: center;
margin-bottom: 15px;}

#style_switcher h4
{text-align: center;
margin-bottom: 10px;}

 .bouton
   { background-color:#f8f8f8; 
color:#63009c; 
font-weight:bold;
font-family: Trebuchet MS, Verdana, sans-serif;
width:120px; 
margin-top: 5px;
padding:2px;
border:1px solid #c0c0c0;}

 .bouton:hover
   { background-color:#ededed; 
	color:#096e07}
	
	.liste
{width:120px;
margin: 0px 0px 5px 0px;}

/* style-switcher fin */


.section-tete-breve, .section-tete-zoom, .section-tete-ref , .section-tete-apropos, .section-tete-part, .section-tete-utile, .section-tete-sitegimp, .section-tete-gimpeurs, .section-tete-site
{width:160px;
height: 25px;
margin: 0px;
text-align: center;}

.section-tete-breve
{
background-image: url('section-tete-breve.gif');
}

.section-tete-zoom
{
background-image: url('section-tete-zoom.gif');
}

.section-tete-apropos
{
background-image: url('section-tete-apropos.gif');
}

.section-tete-ref
{
background-image: url('section-tete-ref.gif');
}

.section-tete-part
{
background-image: url('section-tete-part.gif');
}

.section-tete-utile
{
background-image: url('section-tete-utile.gif');
}

.section-tete-sitegimp
{
background-image: url('section-tete-sitegimp.gif');
}

.section-tete-gimpeurs
{
background-image: url('section-tete-gimpeurs.gif');
}

.section-tete-site
{
background-image: url('section-tete-site.gif');
}

.section-corps
{width:160px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
background-image:url('section-fond.gif');
background-repeat:repeat-y;
background-position:top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
text-align: center}

.section-corps p
{text-indent: 0px;
font-size: 0.7em;
text-align: center;
margin: 5px 5px 5px 5px;
line-height: 1.3em;
}

.section-pied
{
width:160px;
height: 4px;
margin: 0px;
padding: 0px;
background-image: url('section-pied.gif');
margin-bottom: 10px;
background-repeat: no-repeat;
}

/* menu de gauche */

#menu-tuto
{width: 160px;
margin: 0px;
padding: 0px;
}

#menu-tuto-tete
{width:160px;
height: 25px;
margin: 0px;
text-align: center;
background-image: url('bgmenu-gauche.gif');}

#menu-tuto-corps
{width:160px;
border-top: 0px;
/*border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;*/
border-bottom: 0px;
background-color:#f8f8f8;
padding-top: 5px;
padding-bottom: 5px;
background-image: url('section-fond.gif');
background-repeat: y-repeat;}

#menu-tuto-corps ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu-tuto-corps li
{
margin: 5px 10px 5px 10px ;
font-size: 1em;
font-family: Trebuchet MS, Verdana, sans-serif;
font-weight: bold;
}

#menu-tuto-corps a
{text-decoration: none;}

#menu-tuto-corps a:link
{color: #096e07;}

#menu-tuto-corps a:visited
{color: #09ae07;}

#menu-tuto-corps a:hover
{color: #63009c;}




#menu-tuto-pied
{
width:160px;
height: 26px;
margin-bottom: 15px;
border: none;
background-image: url('menu-pied.gif');
background-repeat: no-repeat;
background-position:top;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}


/* partie centrale de la page */

#page {
float:left;
width:564px;
}

#page-tete, #page-tete-apropos, #page-tete-site, #page-tete-zoom, #page-tete-gimpeurs, #page-tete-articles, #page-tete-tutos, #page-tete-ressources
{width:564px;
height: 25px;
margin: 0px;
background-image: url('tete-centre.gif');
text-align: center;}

#page-tete
{background-image: url('tete-centre.gif');}

#page-tete-apropos
{background-image: url('tete-centre-apropos.gif');}

#page-tete-site
{background-image: url('tete-centre-site.gif');}

#page-tete-zoom
{background-image: url('tete-centre-zoom.gif');}

#page-tete-gimpeurs
{background-image: url('tete-centre-gimpeurs.gif');}

#page-tete-articles
{background-image: url('tete-centre-articles.gif');}

#page-tete-tutos
{background-image: url('tete-centre-tutos.gif');}

#page-tete-ressources
{background-image: url('tete-centre-ressources.gif');}

#page-corps
{width:564px;
border-top : 0px;
border-bottom: 1px solid #c0c0c0 ;
/*border-left : 1px solid #c0c0c0 ;
border-right : 1px solid #c0c0c0 ;
background-color:#f8f8f8;*/
background-image: url('tete-corps.gif');
padding-bottom: 0px;
background-repeat: y-repeat;
}

#page-corps ul
{
margin: 0px 10px 5px 15px;
}

#page-corps li
{
font-size: 0.8em;
text-align: justify;
margin: 0px 10px 0px 15px;
color: #000;
}

#page-pied
{width:564px;
height:4px;
background-image: url('tete-pied.gif');
margin-bottom: 10px;
background-repeat: no-repeat;}

#pied {
clear:both;
width:930px;
height:25px;
border: none;
background-image: url('bg-pied.gif');
background-repeat:repeat-x;
background-position:top;
}