/*
Le Site des N@ins par : Le N@in Vert
diseigne_taille_variable.css : le diseigne de tout le site
*/



/*Tout le site : */
body 
{
	width: 96%; /* On déffini la largeur de page*/
	height: auto; /* Hauteur */
	
	margin-left: 2%; /* Centrage externe */	
	margin-top: 2%;  /*On met une marge en haut de la page*/
	margin-bottom: 2%;  /*On met une marge en bas de la page*/
	
	background-color: rgb(225,225,255); /* On met la couleur de fond de page  */
	/*border: 2px solid blue;  Bordure */	
}

body a img
{
	border: none; /* On retire les contour des lien image*/
}

body table
{
	border-collapse: collapse; /* Les bordures du tableau seront collées*/
	border: 5px outset green;
	margin: auto;
}

body th /* Mettre une bordure sur les td ET les th */
{	
	width: 150px; /* On déffini la largeur de page*/
	height: 50px; /* Hauteur */
	border: 1px solid black;
	vertical-align: top;
	font-size: 1.1em;
	padding: 5px;
	text-align: center;
}

body td
{
	width: 400px; /* On déffini la largeur de page*/
	height: 50px; /* Hauteur */
	border: 1px solid black;
	padding: 5px;
}

body a:hover /* Quand on pointe sur un lien*/
{
   background-color: rgb(170,200,255); /* Couleur de fond*/
   color: gray; /* Couleur texte */
   text-decoration: none;
}

body .vertical th
{
	width: auto; /* On déffini la largeur de page*/
}

body .vertical td
{
	width: auto; /* On déffini la largeur de page*/
}



/* - Le header : */
#header
{
	width: 99%; /* Largeur */
	height: auto; /* Hauteur */
	
	background-color: rgb(220,255,200); /* Couleur de fond */
	color: rgb(50,50,120);/* Couleur texte */
	
	text-align: center; /* Centrage */	
	margin-bottom: 1%; /* Marge du bas */
	padding-top: 1%; /*Marge du haut */
	
	border: 1px solid red;  /*Bordure */
}

#header strong
{
	font-size: 135%; /*On choisi une taille de caractere*/
	font-family: "Arial Black",Arial, "Times New Roman", Times, serif;
}

#header a
{
	color: rgb(50,50,120); /* Couleur texte */
}

#header table
{
	border: 1px solid red;
}

#header td
{
	border: 1px solid red;
}



/* - Le menu  : */
#menu
{	
	float: left; /* Le menu flottera à gauche */
	
	width: 20%;/* Largeur*/
	height: auto; /* Hauteur */
	
	padding-top: 1%;
	padding-left: 1%;
	padding-right: 1%;
	/*padding-bottom:0%;*/
	
	background-color: rgb(220,255,200); /* Couleur de fond */
	
	border: 1px solid red; /* Bordure */	
}

#menu .element_menu
{
	font-family: "Times New Roman", Times, "Arial Black",Arial, serif;
	font-weight: bold;
}

#menu h3
{
	color: rgb(60,60,150); /* Couleur texte */
	display: inline;
}

#menu a
{
	text-decoration: none;
	color: black; /* Couleur texte */
	font-size: small;/* Taille texte*/
}



/* - Le corps  : */	
#corps
{
	width: 73.5%!important; /* Largeur */
	width: 73.8%;
	min-height: 350px; /* Hauteur */
	
	margin-left: 23.5%!important; /*Flotte a droire*/
	padding: 1%;/*  Marge tout au tour */
	margin-left:23%;
	
	background-color: rgb(220,255,200); /* Couleur de fond */
	
	border: 1px solid red; /* Bordure */
	
	font-size: small;/* Taille texte*/	
	font-family:"Times New Roman", Times, Arial, serif;
}

#corps h1
{
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-size: x-large;
	color: red;
}

#corps h2
{
	margin-left: 5%;
	font-size: medium; /* Taille texte*/
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;	
	font-weight: bold;
	color: rgb(25,125,25);
}

#corps h2 a
{
	text-decoration: none;
}

#corps h3
{
	margin-left: 5%;
	font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
	color: blue;
	font-size: medium; /* Taille texte*/	
	text-decoration: none;
}

#corps a
{
	color: blue;
}



/* - Le footer  : */
#footer
{
	width: 99%; /* Largeur */
	height: auto; /* Hauteur */
	
	margin-top:1%;
	
	padding:0%!important;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	
	background-color: rgb(220,255,200); /* Couleur de fond */
	
	font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
	font-size: medium; /* Taille texte*/
	color: blue;
	
	border: 1px solid red; /* Bordure */
	text-align: center;	
}

#footer a
{
	background-color: rgb(220,255,200); /* Couleur de fond */
}

#footer .copyright
{
	font-weight: bold;
	color: rgb(25,125,25);
	font-size: small; /* Taille texte*/
}