/* Des valeurs de couleur normales sont, par exemple, "#123456", "rgb(123,123,123)" ou "yellow" */



#container1 { /* TITRE EVENTUEL */
	position : relative;
 	margin: 0px ; /*marge extérieure*/
 	padding: 1px ; /*marge intérieure*/
 	border: 0px solid #F2F2EE}/*bordure de tout le tableau (container)*/


#container2 {
	background: none;/*fond des colonnes gauche et droite (boite parent)*/
 	position : relative;
	margin:0px ; /*marge extérieure*/
 	padding:5px ; /*marge intérieure*/
 	border: 1px solid #F2F2EE}/*bordure de tout le tableau (container)*/

	#teteGauche { /* boite gauche */
   		position: absolute; /* positionné par rapport à la boite parent (ici .container2) */
   		left: 0px; /* démarre à 0 pixels de la gauche de la boite parent (marge de gauche)*/
		height:91px;
   		padding: 3px; /* marge intérieure du haut */
   		border:dashed 1px #f0f0f0} /* encadrement discret de la boite */

	#teteDroit { /* boite qui "pousse" vers le bas le reste de la page */
   		margin: 0 0% 0 20%; /* marges droite et gauche (place des 2 autres colonnes) */
		height:91px;
  		padding: 3px; /* marge intérieure - indispensable */
  		background: none;}


#container3 {
	background: none;/*fond des colonnes gauche et droite (boite parent)*/
 	position : relative;
	height: 150%;
	margin:0px ; /*marge extérieure*/
 	padding:5px ; /*marge intérieure*/
 	border: 1px solid #F2F2EE}/*bordure de tout le tableau (container)*/

	#gauche { /* boite gauche (dans colonne de gauche - avec le menu) */
   		position: absolute; /* positionné par rapport à la boite parent (ici .container3) */
   		left: 0px; /* démarre à 0 pixels de la gauche de la boite parent (marge de gauche)*/
   		width: 160px; /* largeur de la boite (colonne) */
   		padding: 1px; /* marge intérieure du haut */
   		border:dashed 1px #f0f0f0} /* encadrement discret de la boite */

	#centre { /* boite qui "pousse" vers le bas le reste de la page (colonne centrale) */
   		margin: 0 165px 0 165px; /* marges droite et gauche (place des 2 autres colonnes) */
   		border-left: 3px solid #999966; /* bordure gauche */
   		border-right: 3px solid #999966; /* bordure droite */
  		padding: 2px; /* marge intérieure - indispensable */
  		background: #ffffff ;}

	#droite { /* boite droite (dans colonne de droite - avec le commentaire) */
  		/*position: absolute; /* positionné par rapport à la boite parent (ici .container3) */*/
		float: right;
		align: right;
  		right : 0px; /* démarre à 1 pixels de la droite de la boite parent (marge de droite) */
  		width: 160px; /* largeur de la boite (colonne) */
  		border:dashed 1px #f0f0f0} /* encadrement discret de la boite */



	#centre_guide { /* boite qui "pousse" vers le bas le reste de la page */
   		margin: 0 0px 0 160px; /* marges droite et gauche */
   		border-left: 2px solid #999966; /* bordure gauche */
   		border-right: 2px solid #999966; /* bordure droite */
  		padding: 1px; /* marge intérieure - indispensable */
  		background: #ffffff ;}

/* police de la page */
/* p,ul,li,td {font-size : 100%; }*/


/* image futfut.com en arrière plan*/
body {
	padding: 0;
	/*background: none /*url("arriere_plan_futfut.gif") no-repeat ;*/*/
	font-family: arial, Script MT Bold, verdana, sans-serif;
	COLOR: #161616; /* couleur de police de la page*/
	text-align:justify;

     scrollbar-arrow-color: #FFFF00;
     scrollbar-base-color: #666633;
     scrollbar-dark-shadow-color: #CCCCCC;
     scrollbar-track-color: #FFff99;
     scrollbar-face-color: #999966;
     scrollbar-shadow-color: #FFFFFF;
     scrollbar-highlight-color: #CCCCCC;
     scrollbar-3d-light-color: #FFFFFF;
}


body.sommaire {
	background:  none ;
}

a:link {
	color: #0066FF; 
	font-size : 80%;
	font-weight: bold;
	text-decoration:underline;
}

a:visited {
	color: #996633 ;
	font-size : 80%;
	font-weight: normal; 
	text-decoration: none;
}

a:hover {
	color:#CC0099;
	font-size : 80% ;
}

/* Couleur vert #00AA55 - bleu #0066FF*/

h1 {
font-size : 170%; 
color : #666666; /* gris */
text-align: center;
}

h2 {
font-size : 140%; 
color : #666633; /* brun */
font-weight: bold;
text-align: center;
}

h3 { /* titres dans les contenus de rubriques */
font-size : 120%; 
color : #00AA55 ; /* vert */
font-weight: bold;
text-align: left;
margin-top:20px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background: #EAEAE1;
}

h4 {
font-size : 100%;
color : #0066ff; /* bleu */
font-weight: bold;
text-align:left;
padding-top: 20px;
margin-bottom: 0px;
}

h4.titre {
font-size : 100%;
color : #0066ff; /* bleu */
font-weight: bold;
text-align : center;
padding-top: 5px; 
}

h4.titre_col_D {
font-size : 80%;
color : #ffff99; /* jaune paille */
background: #666633;
padding-top: 2px;
padding-bottom: 3px;
text-align : center;
}

h4.titre_col_G {
font-size : 80%;
color : #ffff99 ; /* jaune paille*/
background: #666633;
padding-top: 2px;
padding-bottom: 2px;
text-align : center;
}

h4.sous_titre_col_G {
font-size : 80%;
color : #666633 ; /* brun*/
padding-top: 0px;
padding-bottom: 0px;
text-align : left;
}

h5 {
font-size : 100%; 
color : #ff6600; /* orange */
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background: #EAEAE1;
text-align : left;
}

h6 { /* "bon appétit"... en fin de recette */
font-size : 150%; 
font-family: Script MT Bold;
color : #ff0000; /* rouge */
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
}


ul,li {
font-size : 100%; 
text-align: left;
list-style: square;
/* list-style-image : url(puce.gif); */
 list-style-position: outside;
}

li.2 /* page du lien ouverte*/ {
font-size : 100%; 
text-align: left;
color : #cc0099; /* mauve */
list-style: circle;
/* list-style-image : url(puce.gif); */
 list-style-position: outside;
}

p {
font-size : 100%; 
text-align: justify;
padding-top: 4;
padding-bottom: 4;
}

.center {
text-align: center;
}

.note {
font-size : 80%; 
text-align: justify;
margin-top: 4;
margin-bottom: 4;
}

.quest {
color : #cc9900; /* brun clair */
}

.citation { /*auteur de citations */
text-align: right;
}

.vert {
	color : #00cc66; /* vert */
	font-weight: bold; /* gras*/
}

.prune {
	color : #cc0099; /* prune */
	font-weight: bold; /* gras*/
}

/* listes à puces 
li.ouvert {
	list-style: circle;
}

li.ferme {
	list-style: disc;
}

li.plein {
	list-style: square;
} */