.minuscule
{
   font-size: xx-small;
}
.trespetit
{
   font-size: x-small;
}
.petit
{
   font-size: small;
}
.moyen
{
   font-size: medium;
}
.grand
{
   font-size: large;
}
.tresgrand
{
   font-size: x-large;
}
.supermegagigatresgrand
{
   font-size: xx-large;
}
.petit_em
{
   font-size: 0.7em;
}
.grand_em
{
   font-size: 2.5em;
}
.signature
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
   
}
.petit_encadre
{
   width: 210px;
   text-align: center; /* Pour aligner le texte au centre */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 100%;
   margin-left: 15px;
}
.petit_encadre_corps_de_texte
{
   width: 590px;
   text-align: center; /* Pour aligner le texte au centre */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 100%;
   margin-left: 15px;
}
.grand_encadre
{
   width: 612px;
   text-align: center; /* Pour aligner le texte au centre */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 100%;
   margin-left: 2px;
}


.titres_photos
{
   width: 590px;
   text-align: left; /* Pour aligner le texte à gauche */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 128%;
   margin-left: 15px;
}
.sous_menu
{
width: 285px;
height: 160px;
border: 2px dotted silver;
}

.sous_menu_h3
{
	color: #A11111; 
	width: 280px; /*Largeur des cadres en pointillés */
	height: 160px;/*Hauteur des cadres en pointillés */
	margin-left: 2px; /* marge externe gauche du cadre en pointillé */ 
	padding-left: 4px;/* marge intérieure gauche du texte par rapport au cadre*/
	font-size: 20px;
	font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
	border: 2px dotted silver;
	font-weight: bold;
	Padding-bottom: 0px;
}

.ul
{
	margin: 10px;
}
.logo
{
float: left;
}
.taille_photos
{
width: 302px;
height: 250px;
border-style: solid;
border-color: rgb(150,100,150);
border-width: 2px;
margin: 5x 5px 20px 10px; /* marges: haute, droite, basse et gauche*/
float: right;
}

.etat-civil, .adresse
{
color: green;
   border: none;
   width: 990px; /* fixe la largeur d'affichage par rapport à la page */
   font-size: 18px;
   /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-indent: 0px; /* Les paragraphes commenceront 0 pixels sur la droite */
   margin: 30px 0px 5px 5px; /* Marge extérieure */
   padding-left: 20px;  /* Marge intérieure */
   padding-right: 20px;
   text-align: left; /* Pour alligner le texte à gauche */
   font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
   text-align: justify; /* Texte justifié pour mieux voir la largeur du block */
}

.k2000
{
color: green;
   border: none;
   width: 990px; /* fixe la largeur d'affichage par rapport à la page */
   font-size: 18px font-color: green ;
   /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-indent: 0px; /* Les paragraphes commenceront 0 pixels sur la droite */
   margin: 30px 0px 5px 5px;
   padding-left: 20px;
   padding-right: 20px;
   text-align: left; /* Pour alligner le texte à gauche */
   font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
   text-align: justify; /* Texte justifié pour mieux voir la largeur du block */
}

img
{
border: 100px, solid, red;
margin-left: 0em;
}
a img /* Toutes les images contenues dans un lien */
{
   border: 0px; /* pourrait être Pas de bordure "none" */
}

a /* format des liens */
{
	text-decoration: none; /* Le lien ne sera pas souligné */
	font-size: 18px;
	color: blue;
	font-family: "Times New Roman", Verdana, serif, Arial, "Arial Black";
	font-weight: normal;
	font-style: italic;
}
a:hover /* provoque un changement quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: rgb(243, 05, 45); /* Le lien sera écrit en "???????" quand on pointera dessus */
}
q
{
color: #C00111;
	font-size: 18px;
	font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
	font-weight: bold;
}

p
{
   color: green;
   border: 2px solid green;
   width: 990px; /* fixe la largeur d'affichage par rapport à la page */
   font-size: 18px;
   /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
   margin: 30px 0px 5px 5px;
   padding-left: 20px;
   padding-right: 20px;
   text-align: left; /* Pour alligner le texte à gauche */
   font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
   text-align: justify; /* Texte justifié pour mieux voir la largeur du block */
  
}
   hr
{
   color: green;
   border: 2px solid green;
   width: 1040px; /* fixe la largeur d'affichage par rapport à la page */
   margin: 30px 0px 5px 5px;text-align: left; /* Pour alligner le texte à gauche */
  
}

h1
{
   color: rgb(00,005,255); /* blue  hexa #0005ff     */
   border: 2px solid blue;
    width: 1040px;
   font-style: normal; /* Les titres h1 pourraient être en italique (italic) ou oblique (oblique) ! */
   
   font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o;) */
   font-weight: bold; /* Les titres h1 seront en gras (bold), */
   text-decoration: none; /* Le titre pourrait cligoter mais "blink" ne fonctionne pas sous Internet Explorer */
   
}
h2
{
   color: rgb(255,0,0); /*red Hexa #ff0000) */
   border: 2px solid red;
   width: 1030px;
   margin: 30px 0px 5px 5px;
   font-style: normal; /* Les titres h2 pourraient être en italique (italic) ou oblique (oblique) ! */
   text-indent: 30px; /* On décale un peu les sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
   font-weight: bold; /* Les titres h2 seront en gras */
   text-decoration: none; /* les titres h2 ne sont soulignés */
}
h3
{
   color: #E11818; /* Brick rgb(225,24,24) */
   font-style: normal; /* Les titres h3 pourraient être en italique (italic) ou oblique (oblique) ! */
   text-indent: 50px; /* On décale un peu plus les sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
   font-weight: normal; /* Les titres h3 seront en normal,*/
   text-decoration: normal; /* les titres h3 ne seront pas soulignés */
}
h4
{
   color: #FF0016; /* Rouge  rgb(255,000,022)   */    
   font-style: normal; /* Les titres h4 pourraient être en italique (italic) ou oblique (oblique) ! */
    width: 1040px;
	text-indent: 30px; /* On décale encore un peu plus les sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
   font-weight: normal; /* Les titres h4 seront en normal,*/
   text-decoration: normal; /* les titres h4 ne seront pas soulignés */
}
h5
{
   color: amethyst; /* Amethyste    rgb(136,0,153)  Hexa #880099 */
   font-style: normal; /* Les titres h5 pourraient être en italique (italic) ou oblique (oblique) ! */
   text-indent: 120px; /* On décale encore un peu plus les sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
   font-weight: normal; /* Les titres h5 seront en normal,*/
   text-decoration: normal; /* les titres h5 ne seront pas soulignés */
}
h6
{
   color: chocolate; /* brown Chocolale  rgb(90,58,34) Hexa #
   font-style: normal; /* Les titres h6 pourraient être en italique (italic) ou oblique (oblique) ! */
   text-indent: 150px; /* On décale encore un peu plus les sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
   font-weight: normal; /* Les titres h6 seront en normal,*/
   text-decoration: normal; /* les titres h6 ne seront pas soulignés */
}
blockquote
{
   text-align: justify; /* La citation sera justifiée */
   text-align: left;
   margin-left: 0px;
}


dt  /* Noms des Titres de puces */
{   
	border: 2px solid olive;
    width: 1000px;
	font-family: "Arial black", Verdana, Arial, "Times New Roman", serif;
	font-weight: normal; /* Les titres des puces seront en normal,*/
    text-decoration: no; /* les titres des puces ne seront pas soulignés */
  background-color:blue; /* les titres des puces seront sur fond bleu ... */
	color: #C00000;
	font-size: 18px;/* La police Comic Sans MS est agréable à lire pour les titres des puces */
   font-style: italic; /* Les titres des puces pourraient être en normal (normal) ou oblique (oblique) ! */
   text-indent: 150px; /* On décale encore un peu plus les sous-titres des définitions */
   color: green;
}
dd /* définitions  des listes à puces */
{   
	border: 2px solid orange;
   width: 1000px;
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
	font-weight: normal; /* Les définitions des listes à puces seront en normal,*/
   text-decoration: normal; /* les définitions des listes à puces ne seront pas soulignés */
	background-color:white; /* les définitions des listes à puce sur fond blanc ... */
	color: #C00000;
	font-size: 18px;/* la polices pour les définitions des listes à puces sera la police Comic Sans MS */
   font-style: italic; /* Le texte pourrait être en normal (normal) ou oblique (oblique) ! */
   text-indent: 150px; /* On décale encore un peu plus les les définitions des listes */
   color: green;
}

td /* Toutes les cellules des tableaux... */
{
   border: 2px outset red; /* ... auront une bordure de 2px */
}
strong /* ... les mots importants sont en bleu / vert clignotant ! */
{
   color:  teal;
   text-decoration: blink;
}


#remparts
{

width: 303px;
height: 250px;

border-style: solid;
border-color: rgb(150,100,150);
border-width: 2px;
margin: 0px 0px, 0px, 0px;
margin-right: 0px;
margin-left:15px;

}
#jardins
{

width: 303px;
height: 250px;

border-style: solid;
border-color: rgb(150,100,150);
border-width: 2px;
margin: 0px 0px, 0px, 0px;
margin-right: 0px;
margin-left:15px;
}
#en_tete
{
width: 800px;
height: 50px;
}
#menu
{
width: 290px;

float: left;
border-style: ridge;
border-color: rgb(250,100,150);
border-width: 15px;
margin-right: 0px;
background-color: white;
}

#corps
{

margin-left:330px;
width: 660px;

padding: 10px 10px 0px 10px; /* Marges intérieures Top, Right, Bottom, Left */
margin-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
text-align: center justify;
white-space:normal;
border-style: ridge;
border-color: rgb(250,100,150);
border-width: 15px;
background-color: white;
}

#texte
{
width: 1050px;

border-style: none;

border-width: 0px;
margin: 0px 0px, 0px, 0px;
margin-right: 0px;
margin-left:50px;
}

#affiches
{
position: relative;
top : 2cm;
left: 0cm;
margin-right: 1.6cm;
}

#alerte
{
width: 1020px;
height: 30px;

border-style: dotted;

text-decoration:none; /* blink ferait clignoter le texte, mais ne fonctione pas avec explorer */

border-width: 0px;
margin: 0px 0px, 0px, 0px;
margin-right: 0px;
margin-left:10px;
}

body
{
   background-image: url("fond.jpg"); /* Le fond est l'image "fond.jpg" */
   background-repeat: repeat-x; /* Le fond ne se répètera que sur la première ligne, horizontalement */
   background-repeat: no-repeat; /* Le fond ne se répète pas */
   background-position: 0px, 0px; /* Le fond est aligné en haut à gauche */
   background-attachment: fixed; /* Le fond est fixé */
  
}