body
{
background-color:black;
width:790px;
margin: 0 auto; /* centrer la page */
padding:0px;
}

#header
{
width:790px;  /* largeur du header */
height:190px;  /* hauteur du header */
margin:0px;
padding:0px;
background-image: url("kit/cod2_exemple2.jpg");  /* exemple d'image pour la bannière, à remplacer par ce que vous voulez */
background-repeat:no-repeat;
border-left:1px solid black;
border-right:1px solid black;
}

#header h1
{
position:relative;
width:700px;
text-align:left;
color:white;
font-family:"Trebuchet ms", serif;
font-size:2.0em; /* taille des caractères des titres "menu" */
font-weight:normal;
top:115px;
left:100px;
margin:0px;padding:0px;
}

#barrehor
{
width:790px;  /* largeur du header */
height:33px;  /* hauteur du header */
margin:0px;
padding:0px;
background-image: url("kit/cod2_barrehor.jpg");  /* exemple d'image pour la bannière, à remplacer par ce que vous voulez */
background-repeat:no-repeat;
border-left:1px solid black;
border-right:1px solid black;
}

#barrehor #defiletexte /* ancient css pour la balise marquee */
{
position:relative;
display:block;
width:460px;
color:white;
font-family:"Trebuchet ms", serif;
font-size:0.8em; /* taille des caractères des titres "menu" */
top:1px;
left:165px;
margin:0px;
padding:0px;
}

#barrehor #defiletexte p
{
margin:0px;
padding:0px;
width:460px;
}

input
{
background-color:transparent;
border:none;
color:white;
font-family:"Trebuchet ms", serif;
font-size:1.0em;
width:460px;
}

#footer
{
width:790px;
height:62px;
margin:0 auto;
padding:12px 0 0 0;
background-color: #3b393a;
border-left:1px solid black;
border-right:1px solid black;
}

#signature
{
float:left;
width:360px;
margin:0px;
padding:0px;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.7em;
text-align:center;
}

#webmaster
{
float:left;
width:200px;
margin:0px;
padding:0px;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.7em;
text-align:center;
}

#signature p , #webmaster p
{
margin-bottom:0px;
margin-top:14px;
margin-left:15px;
}

#signature a  , #mini a {color:red;text-decoration: none;}
#signature a:hover , #mini a:hover {color:blue;}
#signature a:active , #mini a:active {color: green;}

.css_valid a img , #firefox a img
{
border:none;
}

.css_valid
{
float:left;
margin-top:6px;
margin-left:55px;
margin-bottom:0;
border:0px;
}

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

#menu_gauche
{
width:164px;
float:left;
margin:0px;
padding:0px;
text-align:center;
}

#menu_droite
{
width:164px;
float:right;
margin:0px;
padding:0px;
text-align:center;
}

#menu_gauche .rubrique , #menu_droite .rubrique , #menu_droite .news , #menu_doite #mini
{
width:164px;
margin:0px;
margin-top:7px;
padding:0px;
border:0px;
}

#menu_gauche .rubrique h4 /* pour le titre de la rubrique "menu" */
{
position:relative;
top:5px; /* valeur à ajuster pour centrer le texte dans l'image du bouton */
width:160px;
height:17px;
margin:0px;
margin-bottom:7px;
padding-right:2px;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.8em; /* taille des caractères des titres "menu" */
text-align:right;
}

#menu_droite .rubrique h4 , #menu_droite .news h4 , #menu_droite #mini h4 /* pour le titre de rubrique */
{
position:relative;
top:5px; /* valeur à ajuster pour centrer le texte dans l'image du bouton */
width:160px;
height:17px;
margin:0px;
padding-left:2px;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.8em; /* taille des caractères des titres "menu" */
text-align:left;
}

.bouton_menu1
{
width:164px;
height:40px;
margin:auto;
margin-bottom:7px;
padding:0px;
background-image: url("kit/bouton_menu11.jpg");
background-repeat:no-repeat;
border-top:1px solid black;
border-bottom:1px solid black;
}

.bouton_menu2
{
width:164px;
height:40px;
margin:auto;
margin-bottom:7px;
padding:0px;
background-image: url("kit/bouton_menu22.jpg");
background-repeat:no-repeat;
border-top:1px solid black;
border-bottom:1px solid black;
}

.bouton_menu3
{
width:164px;
height:40px;
margin:auto;
margin-bottom:7px;
padding:0px;
background-image: url("kit/bouton_menu33.jpg");
background-repeat:no-repeat;
border-top:1px solid black;
border-bottom:1px solid black;
}

.bouton_menu4
{
width:164px;
height:40px;
margin:auto;
margin-bottom:7px;
padding:0px;
background-image: url("kit/bouton_menu44.jpg");
background-repeat:no-repeat;
border-top:1px solid black;
border-bottom:1px solid black;
}

.bouton_menu5
{
width:164px;
height:40px;
margin:auto;
margin-bottom:7px;
padding:0px;
background-image: url("kit/bouton_menu55.jpg");
background-repeat:no-repeat;
border-top:1px solid black;
border-bottom:1px solid black;
}

.bouton_menu6
{
width:164px;
height:40px;
margin:auto;
margin-bottom:7px;
padding:0px;
background-image: url("kit/bouton_menu66.jpg");
background-repeat:no-repeat;
border-top:1px solid black;
border-bottom:1px solid black;
}

.bouton_menu7
{
width:164px;
height:40px;
margin:auto;
margin-bottom:7px;
padding:0px;
background-image: url("kit/bouton_menu77.jpg");
background-repeat:no-repeat;
border-top:1px solid black;
border-bottom:1px solid black;
}

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

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

.news p
{
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" */
margin-left:5px;
margin-bottom:10px;
width:140px;
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 */
margin-top:3px;
margin-bottom:3px;
}

.corps
{
width:452px;
margin: 0 auto;
border:none;
text-align:justify;
font-family:"comic sans ms", serif;
color:black;  /* couleur du texte dans le corps de la page */
font-size:0.8em;  /* taille du texte dans le corps de la page */
padding:0px;
text-align:center;
}

.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;
}

#mini p
{
font-family: "Trebuchet ms", serif;
font-size: 0.6em;
text-align:center;
color:black;
width:162px;
margin-top: 15px;
padding:0px;
color:black;
}


.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:790px;
height:1px;
margin:auto;
}

#conteneur
{
width:790px;
border:1px solid black;
padding:0px;
margin:0px;
background-color:white;
background-image:url("kit/fond_conteneur4.jpg");
background-repeat:repeat;
}

#global /* permet de recentrer la page et le menu déroulant dans la fenêtre du navigateur */
{
position:absolute;
left: 50%;
width: 790px;
margin-left: -395px; /* moitié de la largeur */
}

#site
{
width:790px;
margin: 0 auto;
padding:0;
position: absolute;
z-index: 1;
top : 0px;
left : 0px;
}

hr
{
width:70%;
}