body
{
	width: 100%;
	margin: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	
	background-image: url(../photo/noirnoir.jpg);
	
	font-size: 105%;
	font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif;
	color: #E19809 ;
}

.droubies:hover
{
	color : #aa1415;
}
strong
{
	color: #FBE14D ;
	font-size: 120%; 
}

em
{
	color: #FBE14D ;
	font-size: 120%; 
}


p
{
	text-indent: 1%;
	
	margin-left: 8%;
}
p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: oblique; /* En gras */
   font-size: 155%; /* Ecrit légèrement plus gros que la normale */
  
}
blockquote
{
	border: thin solid #580d12;
	padding: 1%;
	margin: 1%;
	background-color: #fbd792;
}
a
{
	text-decoration: none;
	color:   #157a84;
	font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif;
	font-style: bold;
	font-size: 105%;
	
	}
a:hover
{
	color:  #ab471f;
	cursor: pointer;
	
	font-size: 105%;
	
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #fdc558;
}
#en_tete
{
	width: 800px;
	height: 100px;
	margin: auto;
	background-image: url(../photo/banniere_simple3.jpg);
	background-repeat: no-repeat;
	
}
h1
{
	color: #157a84;
	text-align: center;
	padding: 1%;
	width: 60%;
	margin: 10%;
	margin-left: 20%;
	margin-top: 4%;
	margin-bottom: 0%;
	background-image: url(../photo/fond_titre1.jpg);
	background-repeat: no-repeat;
    font-size: 165%;
	height: 100px;
}
#menu
{
	
	float: left;
	width: 19%;
	height: auto;
	margin-top: 5%;
	font-size: 90%;
	padding-right: 15px black;
	margin-right: 15px black;
	margin-left : 6px black;
}
ul /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url(../photo/pucesoleil.jpg);
}


.element_menu
{
	border: none;
	padding-right: 10px;
	margin-right: 13px black;
	margin-left : 13px black;
	margin-bottom: 5%;
	
}
.element_menu h3
{
	text-align: center;
	background-image: url(../photo/blue.jpg);
	color: #f4c30f;
	font-size: 120%;
}
#menu_membres
{
	float: right;
	width: 17%;
	height: auto;
	margin-top: 5%;
	font-size: 90%;

}
#corps
{
	
	width: 58%;
	padding: 1%;
	margin: 1%;
	margin-left: 20%;
	margin-bottom: 5%;
	background-image: url(../photo/noirnoir.jpg);


	
}
#corps h3
{
	text-align: center;
	color: #157a84;
}
.gauche
{
	float: left;
	margin-right: 10%;
	
}
.paragauche 
{
	float: left;
	border: thin solid #580d12;
	background-color: #106c77;
	margin-right: 10%;
}

.paragauche a
{
	color: black;
}
.encadre
{
	border: thin solid #580d12;
	padding: 1%;
	margin-left: 10%;
	margin: 1%;
	text-align: center;
}
.dessous
{
   clear: both;
}
#corps p
{
	
	color: #E19809 ;
	border : none;
	width: 85%;
	padding: 2%;
	text-align: left;

	
	margin-top: 1%;
	margin-bottom: 1%;
	
}
#corps .liste_image
{
	width: 20%;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 100%;
	margin-top: 2%;
}
#news
{
	width: 60%;
	padding: 1%;
	margin: 1%;
	margin-left: 20%;
	margin-bottom: 5%;
	border: thin solid #580d12;
	color: #E19809 ;
	background-image: url(../photo/noirnoir.jpg);
}
#news h3
{
	color: #157a84;
	border: thin solid #580d12;
	text-align: center;
	width: 75%;
	padding: 1%;
	margin: 1%;
	margin: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}
#news .news
{
	color: #E19809 ;
	border: thin solid #580d12;
	
	width: 75%;
	padding: 1%;
	margin: 1%;
	margin: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	
	background-image: url(../photo/noirnoir.jpg);
}
ul .dcode
{
	
	list-style-image: url(../photo/pucesoleil.jpg);
	color: #E19809;
}
p .date
{
	
	border: thin solid #580d12;
	
	width: 98%;
	padding: 1%;
	
	margin: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: #fbd792;
}
img 
{
	text-decoration: none;
	color: none;
	border: none;
}

p imp
{
	margin-left: 10%;
}
#pied_de_page
{
	color:red;
	clear: both;
	width: 99%;
	margin: auto;
	margin-top: 2%;
	margin-bottom: 1%;
	border: thin solid #580d12;
	
	
}
.center
{
	margin: auto;
	text-align: center;
}
.floatleft
{
	float: left;
}
table /* Le tableau en lui-même */
{
	
   margin: auto; /* Centre le tableau */
   border: 4px outset #ab4d06; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
caption
{
   
   margin: auto;
   font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif;
   font-weight: bold;
   font-size: 110%;
   color: #009900;
   margin-top: 20px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}
th /* Les cellules d'en-tête */
{
   background-color: #ab4d06;
   color: white;
   font-size: 101%;
   font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif;
}
.historique td
{

	border: 1px solid black;
	font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif;
	background-color: #fbd792;
	text-align: left;
	vertical-align: top;
	padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	color: black;
}
td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   background-color: #fbd792;
	color: black;
}
table.calendrier /*le calendrier*/
{
	width: 100%;
	border: 4px outset #ab4d06; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   text-align: center;
}
td.jourj
{

	background-color: #99de92;
	width: 100px;
	height: 100px;
}


td.journ
{
	color:black;
	width: 100px;
	height: 100px;
}
/* la partie formulairer */
input, textarea
{
   font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
/* Quand le curseur est sur un champ (ne marche pas sur IE) */
input:focus, textarea:focus 
{
   background-color: #FFFF99;
}
label
{
	display:block; /*La balise devient de type block*/
	width: 300px;
	float: left;
	color: #FBE14D; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Georgia, serif;
   color: #580d12;
   font-weight: bold;
}
fieldset
{
   margin-bottom: 15%; /* Une marge pour séparer les fieldset */
   background-color: #FFFFCC;
}
/* ces champs serve au droubies code */
.barre
{
	text-decoration: line-through; 
}
.italique
{
		font-style:	italic;
	
}
/* ceci sert au positionement du texte */

.justifie
{
	text-align: justify;
}

.gauche
{
	text-align:	left;
}
.centre
{
	text-align: center;
}
.droite
{
	text-align: right;
}
/* taille de texte */
.ttpetit
{
	font-size: xx-small;
}
.tpetit
{
	font-size: x-small;
}
.petit
{
	font-size: small;
}
.gros
{
	font-size: large;
} 
.tgros
{
	font-size: x-large;
}
.ttgros
{
	font-size: xx-large;
}

/* les citation et souligner */
.citation
 {
		border: thin solid #580d12;
	
		
	
		
 }
.souligne
{
	text-decoration: underline;
}
.souligne td
{
	text-decoration: underline;
}

/* les couleurs */

.rouge
{
		color: red;
}

.bleu
{
		color: blue;
}

.jaune
{
		color: yellow;
}

.vert
{
		color: green;
}

.rose
{
		color: pink;
}

.violet
{
		color: purple;
}

.noir
{
		color: black;
}

.blanc
{
		color: white;
}
/* les bare de defilement */
.barres_defilement
{
 height: 400px;
overflow: scroll;
}

.titreContrat
{
	    text-align: center;
	    font-size: x-large;
}

.piedPageContrat
{
	    text-align: center;
	    font-size: small;
}