#global
{
position: absolute;
width: 780px;
left: 50%;
top: 20px;
margin-left: -390px;
background-color:white;
background-image:url("kit/fond1.jpg");
background-repeat:repeat;
background-attachment:fixed;
}

body
{
background-image:url("kit/fond1.jpg");
background-repeat:repeat;
background-attachment:fixed;
width:780px;
margin:auto; /* centrer la page */
margin-top:20px; /* espace avec le haut de la fenêtre du navigateur */
padding:0px;
}

#top
{
width:780px;
height:55px;
margin:0px;
padding:0px;
background-image: url("kit/top2.png");
background-repeat:no-repeat;
overflow:hidden;
}

#header
{
width:780px;  /* largeur du header */
height:120px;  /* hauteur du header */
margin:auto;
padding:0px;
background-image: url("kit/motif_fond.png");
background-repeat:repeat;
overflow:hidden;
}

#header p
{
position:absolute;
top:30px; /* pour centrer le texte du titre du site par rapport au haut du bloc */
left:200px; /* pour centrer le texte du titre du site par rapport à gauche du texte */
width:550px;
text-align:left;
color:black;
font-family:"Trebuchet ms", serif;
font-size:2.0em; /* taille des caractères des titres "menu" */
overflow:hidden;
}

#banniere
{
width:468px;  /* largeur de la banniere */
height:60px;  /* hauteur de le banniere */
margin:auto;
margin-top:20px;
padding:0px;
background-image: url("kit/banniere.gif");
background-repeat:no-repeat;
}

#footer
{
width:780px;
height:55px;
margin:auto;
padding:0px;
background-image:url("kit/footer.png"); /* exemple d'image pour le footer, à remplacer par ce que vous voulez */
background-repeat:no-repeat;
border:none;
}

#menu_gauche
{
position: absolute;
left:10px;
width: 150px;
margin:0px;
padding:0px;
text-align:center;
}

#menu_droite
{
position: absolute;
right:10px;
width:150px;
margin:0px;
padding:0px;
text-align:center;
}

#menu_gauche .rubrique
{
width:150px;
margin:0px;
margin-bottom:15px;
padding:0px;
border:0px;
}

#menu_gauche .rubrique .bouton_menu3 h4  /* pour le titre de la rubrique "menu" */
{
position:relative;
top:17px; /* valeur à ajuster pour centrer le texte dans l'image du bouton */
width:130px;
height:21px;
margin:0px;
padding-left:4px;
color:black;
font-family:"Trebuchet ms", serif;
font-size:1.0em; /* taille des caractères des titres "menu" */
}

#menu_droite .news .bouton_menu3 h4  /* pour le titre de la rubrique "news" */
{
position:relative;
top:17px; /* valeur à ajuster pour centrer le texte dans l'image du bouton */
width:130px;
height:21px;
margin:0px;
padding-left:4px;
color:black;
font-family:"Trebuchet ms", serif;
font-size:1.4em; /* taille des caractères du titre "news" */
}

.bouton_menu3 /* bouton menu de la colonne de droite */
{
width:130px;
height:73px;
margin:auto;
padding:0px;
background-image: url("kit/bouton_menu5red.png");
background-repeat:no-repeat;
}

.rubrique img
{
display:block;
margin:0px;
padding:0px;
}

#menu_gauche .rubrique a
{
display:block;
width:150px;
height:19px;
margin:0px;
padding-left:5px;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.8em;
text-decoration:none;
background: url("kit/rollover.png") no-repeat 0 0 ;
}
		
#menu_gauche .rubrique a:visited
{
display:block;
width:150px;
height:19px;
font-family:"Trebuchet ms", serif;
font-size:0.8em;
color:red;
text-decoration:none;
background: url("kit/rollover.png") no-repeat 0 0 ;
}
		
#menu_gauche .rubrique a:hover
{
display:block;
width:150px;
height:19px;
font-family:"Trebuchet ms", serif;
font-size:0.8em;
text-decoration:none;
color:yellow;
background: url("kit/rollover.png") no-repeat 0 -20px ;
background-repeat:no-repeat;
}
		
#menu_gauche .rubrique a:active
{
display:block;
width:150px;
height:19px;
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
color:blue;
background: url("kit/rollover.png") no-repeat 0 -20px ;
}

#signature
{
width:150px;
margin:0px;
padding:0px;
color:black;
border:none;
font-family:"Trebuchet ms", serif;
font-size:0.7em;
}

#signature p
{
margin-bottom:0px;
margin-top:40px;
margin-left:0px;
}
	
#signature a {color:blue;text-decoration: none;}
#signature a:hover {color:green;}
#signature a:active {color: black;}
#signature a:visited {color: red;}


#css_valid
{
margin-top:15px;
margin-left:0px;
border:0px;
}

#css_valid a img
{
border:none;
}

#firefox
{
margin-top:15px;
margin-left:0px;
border:0px;
}

#firefox a img
{
border:none;
}

.news
{
width:150px;
margin:0px;
padding:0px;
color:black;
font-family:"Trebuchet ms", serif; /* police de caractères dans le bloc "news" */
font-size:0.7em; /* taille des caractères dans le bloc "news" */
text-align:center;
}

.news p
{
margin-left:5px;
width:136px; /* largeur des paragraphes dans la colonne de droite */
text-align:left; /* alignement du texte dans le bloc news : ici, à gauche */
}

.news hr
{
width:75%; /* largeur des petites lignes de séparation dans le bloc news */
}

.corps
{
margin-left: 160px;
margin-right: 160px;
margin-top: 0px;
text-align:center;
font-family:"comic sans ms", serif;
color:black;  /* couleur du texte dans le corps de la page */
font-size:0.7em;  /* taille du texte dans le corps de la page */
padding:0px;
background-color:white;
overflow:hidden;
}

.corps a {color:green;text-decoration:underline; font-weight:bold;}
.corps a:visited {color:blue;text-decoration:none;}
.corps a:hover {color:red;}
.corps a:active {color:gray;}
	
.corps h3  /* balise titre dans le corps de la page */
{
margin-top:7px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
padding-left:5px;
font-family: "Trebuchet ms", serif;
color:red;
border-bottom:2px solid red;
font-size:1.5em;
text-align:left;
}
	
.corps h1
{
margin-top:7px;
margin-bottom:7px;
font-family: "Trebuchet ms", serif;
font-size: 2.4em;
text-align:center;
color:black;
}

.corps p
{
margin-top:5px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
text-align:left;
}
	
.corps .droite
{
margin-bottom:10px;
margin-right:10px;
text-align:right;
font-size:1.1em;
font-style:italic;
}

.top_bloc
{
width:460px;
height:15px;
border:none;
padding:0px;
margin:0px;
background-color:white;
background-image: url("kit/top_bloc.png");
background-repeat:no-repeat;
overflow:hidden
}

.fond_bloc
{
width:459px;
border:none;
padding:0px;
margin:0px;
background-color:white;
background-image: url("kit/fond_bloc.png");
background-repeat:repeat;
overflow:hidden;
}

.bottom_bloc
{
width:460px;
height:15px;
border:none;
padding:0px;
margin:0px;
background-color:white;
background-image: url("kit/bottom_bloc.png");
background-repeat:no-repeat;
overflow:hidden;
margin-bottom:10px;
}

.decoll /* artifice qui permet de ne pas coller le corps de la page en bas de la fenêtre du navigateur, normalement c'est margin-bottom:20px dans le body mais IE veut pas ... */
{
clear:both;
width:780px;
height:20px;
margin:auto;
}

.feint /* artifice qui permet aux 2 colonnes de menu de ne pas deborder du conteneur quand elle est plus grande que le corps de la page */
{
clear:both;
width:780px;
height:1px;
margin:auto;
}

#conteneur
{
width:780px;
border:none;
padding:0px;
margin:0px;
background-color:white;
background-image: url("kit/motif_fond.png");
background-repeat:repeat;
}

hr
{
width:70%;
}