/*
TEXTES
font-family: nom de la police ou famille de la police
font-style: italic ou oblique ou normal
font-variant: small-caps (petites majuscules) ou normal 
font-weight: bold ou bolder ou lighter ou nombre entre 100 et 900 (500 = normal)
font-size: valeur en pt (points), en px (pixels), en em (1em = 100% de la poilce en cours), xx-small, x-small, small, medium, large, x-large, xx-large
color: nom de couleur ou #xxxxxx ou rgb(xx,xx,xx) = couleur du texte
text-indent: valeur en px ou en pourcentage par rapport à la largeur du §
text-decoration: underline ou overline ou line-through ou blink ou none
text-transform: capitalize (1ere lettre de chaque mot en majuscule) ou uppercase ou lowercase ou none
letter-spacing: en px (espacement entre les caractères) ou normal
word-spacing: en px ou normal
line-height: nombre (2 = 2 fois l'interfligne déduit de la taille de la police) ou valeur en px ou pourcentage ou none
text-align: left ou right ou center ou justify
vertical-align: baseline ou sub (indice) ou super (exposant) ou top ou middle ou bottom ou valeur en em ou en %
width: valeur en px ou %
height: valeur en px ou %
ARRIERE-PLANS
background-color: 
background-image: url(fichier.jpg) ou none
background-repeat: repeat ou repeat-x ou repeat-y ou no-repeat
background-position: en px (50px 100px) ou en % (20% 50%) ou left ou center ou right (pour l'horizontal) et top ou center ou bottom (vertical)
background-attachment: scroll ou fixed
*/
body
{
	font-family: Verdana, "Trebuchet MS", Georgia, serif ;
	width: 1200px ;
	margin: auto ;
	margin-top: 20px ;
	color: #080167;
}
#accueil
{
	position: absolute;
	width: 98% ;	
	left: 5px;
	top: 130px;
	margin-bottom: 20px;
	padding: 5px;
	border: 2px ridge black;
	-moz-border-radius: 2%;
}
#accueil_top
{
	width: 98% ;
	margin-bottom: 20px;
	padding: 5px;
}
#accueil_top a:hover
{
	background-color: #ffffff ;
	color: green ;
}
#accueil_top a
{
	font-weight: bold;
	color: white;
}
#accueil_partenaires
{
	width: 98%;
	padding: 5px;
	text-align: center;
}
#corps
{
	position: absolute;
	top: 130px;
	left: 165px;
	width: auto;
	margin-bottom: 20px;
	padding: 5px;
	border: 2px ridge black;
	-moz-border-radius: 2%;
}
#en_tete
{
	position: absolute;
	left: 5px;
	top: 5px;
	height: 120px;
	width: 99%;
	margin-bottom: 10px;
	border: 2px ridge black;
	-moz-border-radius: 2%;
	background: url("decors/mascotte_f4p_coul.jpg") no-repeat ;
}
#en_tete a:hover
{
	/*color: red ;*/
	background-color: white ;
}
#compteur
{
	position: absolute;
	left: 800px;
	top: 80px;
	height: 40px;
	width: 350px;
	padding-top: 2px;
	/*border: 2px ridge black;
	-moz-border-radius: 2%;
	background-color: blue;*/
}
#connexion
{
	position: absolute;
	left: 180px;
	top: 75px;
	height: 60px;
	width: 400px;
	padding-top: 0%;
	/*border: 2px ridge black;*/
}
#boussole
{
	position: absolute;
	left: 180px;
	top: 10px;
	height: 60px;
	width: 60px;
	padding-top: 0%;
	border: 2px ridge black;
}
#admin
{
	position: absolute;
	margin: 1px ;
	left: 80px;
	top: 33px;
	height: 20px;
	width: 20px;
	padding: 1px;
	/*border: 2px ridge black;*/
	/*-moz-border-radius: 2%;*/
	/*background-color: red;*/
}
#menu
{
	/*float: left;*/
	position: absolute;
	left: 5px;
	top: 130px;
	width: 150px;
	margin-bottom: 10px;
	border: 2px ridge black;
	 -moz-border-radius: 10%;
	line-height: 1.5;
}
.liste_menu1
{
	list-style-type: none;
}
#menu h1
{
	text-align: center ;
	border-bottom: 3px dotted blue ;
	background-color: yellow ;
	font-size: medium ;
}
#menu a
{
	text-decoration: none ;
}
#menu a .menu1
{
	font-size: small ;
	color: #006400 ;
}
#menu h2
{
	text-align: left ;
}
#menu a .menu2
{
	font-size: x-small ;
	color: #f708ce ;
}
#menu h3
{
	text-align: left ;
}
#menu  a .menu3
{
	font-size: xx-small ;
	color: #ad00ff ;
}
#menu h4
{
	text-align: left ;
	text-indent: 20px ;
}
#menu  a .menu4
{
	font-size: xx-small ;
	color: red ;
}
#menu h5
{
	text-align: left ;
	text-indent: 30px ;
}
#menu  a
{
	font-size: xx-small ;
	text-align: right ;
	color: green ;
}
#menu .menu1selec
{
	font-size: small;
	color: #006400;
	font-style: italic;
	border-bottom-style: double;
	/*background: orange;*/
}
#menu .menu2selec
{
	font-size: x-small;
	color: #f708ce;
	font-style: italic;
	border-bottom-style: double;
}
#menu .menu3selec
{
	font-size: x-small ;
	color: #ad00ff ;
	font-style: italic;
	border-bottom-style: double;
}
#menu .menu4selec
{
	font-size: x-small ;
	color: red ;
	font-style: italic;
	border-bottom-style: double;
}
#menu .menu5selec
{
	font-size: x-small ;
	color: #00008b ;
	font-style: italic;
	border-bottom-style: double;
}
#menu .menu6selec
{
	font-size: x-small;
	color: #ff8c00;
	font-style: italic;
	border-bottom-style: double;
}
#menu a:hover
{
	background-color: yellow ;
	color: red ;
}
#accueil_top a:hover
{
	color: green ;
}
#en_tete a
{
	text-decoration: none ;
	color: #ffb255 ;
	font-size: 24px ;
	text-align: center ;
	font-variant: small-caps;
}
a:hover
{
	background-color: yellow ;
	color: red ;
}
tr a:hover
{
	background-color: yellow ;
	color: red ;
}
.img_flottant
{
	float: left;
}
#accueil_top h1
{
	color: #ffb255 ;
	font-size: 24px ;
	text-align: center ;
	font-variant: small-caps;
	border-bottom: 3px dotted blue;
}
#corps h1
{
	color: #ffb255 ;
	font-size: 24px ;
	text-align: center ;
	font-variant: small-caps;
	border-bottom: 3px dotted blue;
}
#corps h3
{
	text-align: center ;
}
h2
{
	color: #ffb255 ;
	font-size: 20px ;
	text-align: center ;
	font-variant: small-caps;
}
p .slogan
{
	color: #de0000 ;
	font-size: 20px ;
	font-weight: bold;
}
#en_tete h1
{
	color: #ffb255 ;
	font-size: 24px ;
	text-align: center ;
	font-variant: small-caps;
}
q
{
	font-weight: bold ;
}
a img
{
	border: none ;
}
li
{
	font-size: small ;
}
#en_tete p
{
	text-align: right ;
	font-size: x-small ;
}
p
{
	text-align: justify ;
	/*text-indent: 30px ;*/
	padding: 10px ;
	font-size: small ;
}
p.rouge
{
	color: red ;
	font-weight: bold ;
}
p.jaune
{
	color: yellow ;
	font-weight: bold ;
}
p.bleu
{
	color: blue ;
	font-weight: bold ;
}
p .vert_clair
{
	color: #339966 ;
	font-weight: bold ;
}
h4.crimson
{
	color: crimson ;
}
p:first-letter
{
	color: #080167 ;
	font-size: 1.2em ;
	font-weight: bold ;
}
dt
{
	font-weight: bold ;
}
dt:first-letter
{
	color: blue ;
	font-size: 1.2em ;
}
dd
{
	text-align: justify ;
	padding: 10px ;
	font-size: small ;
}
.num_tel
{
	color: red ;
	font-weight: bold ;
	font-style: italic ;
}
table
{
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	width: auto;
}
#accueil_partenaires table
{
	border-collapse: collapse;
	width: 95%;
	text-align: center;
	border: none;
}
#accueil_partenaires td
{
	border: none;
}
#accueil_top table
{
	width: 95%
}
#accueil_top td
{
	border: none;
}
tr
{
	font-size: small;
}
td
{
	border: 1px solid black;
	text-align: center;
}
td.left
{
	border: 1px solid black;
	text-align: left;
}
.gras
{
	font-weight: bold ;
}
.rouge
{
	background-color: red ;
	font-weight: bold ;
}
.rouge_text
{
	color: red ;
	text-decoration: underline ;
	font-weight: bold ;
}
.rouge_anim
{
	background-color: red ;
	font-weight: bold ;
	color: red ;
}
.bleu
{
	background-color: blue ;
	font-weight: bold ;
}
.steelblue_anim
{
	background-color: steelblue ;
	font-weight: bold ;
	color: steelblue ;
}
.deepskyblue_anim
{
	background-color: deepskyblue ;
	font-weight: bold ;
	color: deepskyblue ;
}
.jaune
{
	background-color: yellow ;
	font-weight: bold ;
}
.jaune_anim
{
	background-color: yellow ;
	font-weight: bold ;
	color: yellow ;
}
.vert
{
	background-color: green ;
	font-weight: bold ;
}
.yellowgreen_anim
{
	background-color: yellowgreen ;
	font-weight: bold ;
	color: yellowgreen ;
}
.firebrick_anim
{
	background-color: firebrick ;
	font-weight: bold ;
	color: firebrick ;
}
.darkslateblue_anim
{
	background-color: darkslateblue ;
	font-weight: bold ;
	color: darkslateblue ;
}
.chocolate_anim
{
	background-color: chocolate ;
	font-weight: bold ;
	color: chocolate ;
}
.rose
{
	background-color: #ffcccc ;
	font-weight: bold ;
}
.aquamarine
{
	background-color: aquamarine ;
	font-weight: bold ;
}
.lemonchiffon
{
	background-color: lemonchiffon ;
	font-weight: bold ;
}
.navajowhite
{
	background-color: navajowhite ;
	font-weight: bold ;
}
.lavender
{
	background-color: lavender ;
	font-weight: bold ;
}
th
{
	background-color: #339966;
	border: 1px solid black;
}
#accueil th
{
	background-color: red;
	border: 1px solid black;
}
.logo_flottant
{
	float: left;
}
.signature
{
	text-align: right ;
	font-weight: bold ;
	text-decoration: underline ;
}
#boussole h6
{
	font-size: xx-small ;
	color: #ad00ff ;
}