/*
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: 115px;
	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: 120px;
	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: 110px;
	width: 99%;
	margin-bottom: 10px;
	border: 2px ridge black;
	-moz-border-radius: 2%;
	background: url("decors/logo_cnsmm_petit.jpg") no-repeat ;
	background-color: #cc0066 ;
}
#menu
{
	/*float: left;*/
	position: absolute;
	left: 5px;
	top: 120px;
	width: 150px;
	margin-bottom: 10px;
	border: 2px ridge black;
    -moz-border-radius: 10%;
	line-height: 1.5;
	background-color: #87cefa ;
}
.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 a:hover
{
	background-color: yellow ;
	color: red ;
}
#accueil_top a:hover
{
	color: green ;
}
a:hover
{
	background-color: yellow ;
	color: red ;
}
tr a:hover
{
	background-color: yellow ;
	color: red ;
}
.img_flottant
{
   float: left;
}
#corps h1
{
	color: #ffb255 ;
	font-size: 24px ;
	text-align: center ;
	font-variant: small-caps;
	border-bottom: 3px dotted blue;
}
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: #333366 ;
	font-size: 24px ;
	text-align: center ;
	/*font-variant: small-caps;*/
}
q
{
	font-weight: bold ;
}
a img
{
	border: none ;
}
ul
{
	list-style-image: url("decors/puce_verte.gif");
}
li
{
	font-size: small ;
}
#en_tete p
{
	text-align: right ;
	font-size: x-small ;
	font-weight: bold ;
	color: #00fa9a ;
}
#en_tete p:first-letter
{
	color: #00fa9a ;
	font-size: 1.2em ;
	font-weight: bold ;
}
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 ;
}
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: 50%;
   text-align: center;
}
tr
{
	font-size: small;
}
td
{
   border: 1px solid black;
   text-align: center;
}
td .rouge
{
	background-color: red ;
	font-weight: bold ;
}
td .bleu
{
	background-color: blue ;
	font-weight: bold ;
}
td .jaune
{
	background-color: yellow ;
	font-weight: bold ;
}
td .rose
{
	background-color: #ffcccc ;
	font-weight: bold ;
}
th
{
   background-color: #339966;
   border: 1px solid black;
}
#accueil th
{
   background-color: red;
   border: 1px solid black;
}
#photo_1
{
	border-style: solid ;
	border-width: 2px ;
	width: 150px ;
	height: 234px ;
	position: absolute ;
	left : 150px;
	top: 130px;
}
#photo_2
{
	border-style: solid ;
	border-width: 2px ;
	width: 290px ;
	height: 195px ;
	position: absolute ;
	left : 320px;
	top: 130px;
}
#photo_3
{
	border-style: solid ;
	border-width: 2px ;
	width: 148px ;
	height: 269px ;
	position: absolute ;
	left : 650px;
	top: 130px;
}
#photo_4
{
	border-style: solid ;
	border-width: 2px ;
	width: 199px ;
	height: 160px ;
	position: absolute ;
	left : 375px;
	top: 360px;
}
#photo_5
{
	border-style: solid ;
	border-width: 2px ;
	width: 280px ;
	height: 106px ;
	position: absolute ;
	left : 650px;
	top: 430px;
}
#photo_6
{
	border-style: solid ;
	border-width: 2px ;
	width: 220px ;
	height: 156x ;
	position: absolute ;
	left : 75px;
	top: 405px;
}
#photo_7
{
	border-style: solid ;
	border-width: 2px ;
	width: 330px ;
	height: 158px ;
	position: absolute ;
	left : 310px;
	top: 555px;
}