/* FUEILLE DE STYLE */

/* Style de l'ensemble de la page html */

 html, body, div {
	 margin: 0px;
	 padding: 5px;
 } /* Pour mettre les marges extérieures à 0 et intéreieures à 5 px */
 
 body {
	 font-family: Book Antiqua, Times New Roman,   ;
	 font-size: 15px;
	 background-color: #FFFFFF; /*EEE7DE ou FFFBB9 ou F9F5AA ou FFFFE0*/
	 line-height: 1.5; /* pour gérer l'espacement entre les lignes de texte */
 }

 #container{
	width:1000px;
	overflow:auto; /* pour ajouter des barres de défilement si le texte est plus large que la boite définie*/
	margin-left:auto;
	margin-right:auto; /* pour centrer le bloc, il faut obligatoirement spécifier width pour que ça fonctionne*/
}
 
/* Style de l'entête */

#header{   /*pour ajouter une image backgroundcolor: url(../..) */
	background-color: #E7F6B2;    /* taupe clair : a79886/d0c0ad; vert clair : E7F6B2 ; jaune colza: FFFF51*/ 
	height: 100px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #7A736B; /*taupe foncé : 7a736b*/
	border-bottom-color: #7A736B;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url("img/bandeauchar.png");
	background-repeat: no-repeat;
	background-position: right;
	
	}

#site_titre {
	padding-top: 10px;
	padding-left: 75px;
	font-size: 40px;
	font-weight: normal;
	color: #7A736B;
}

#site_slogan{
	padding-top: 0px;
	padding-left: 75px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 0;
}
	
/* Style du menu */

nav ul { /* style de ma barre de menu */
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	background-color:#9ACD32;
	border-top: 1px solid #FFFFFF; /* ajoute une ligne blanche de 1 px autour du block menu*/
} 

nav li { /* style de mes blocks dans la barre de menu */
	display: inline-block;
	margin: 0px;
	padding: 0px;
	
	width: 150px;
	height: 40px;
	border-right: 1px solid #FFFFFF; /*EEE7DE ou FFFBB9 ou F9F5AA ou FFFFE0*/
	
	text-align:center;
	line-height:40px
}

nav li a{ /* style de mon texte dans la barre de menu */
	display: block;
	text-decoration: none;
	color: #000000; 
	font-size:14px;
}

nav li :hover{ /* style de mon block quand je passe la souris dessus */
	background-color: #FFFF51; /*FFFF51=jaune ; ECC764 ou 6B8E23 */
}


/* Style du texte */

h1{
	padding-bottom: 10px;
	font-size: 22px;
	color: #80A92E;  /*8cc449  80a92e*/
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

p{
	padding-bottom: 5px; 
}

.objectif{
	text-align:center;
	background-color: #FFFFAC; /*jaune très clair*/
	padding: 10px;
	/*clear: left; /*pour éviter que l'image du paragraphe d'au dessus ne descende ds le p suivant*/
}

.fiches{
	font-size:15;
}

.citation{
	font-size:10;
}

.jaune{
	width: 300px;
	text-align:center;
	background-color: #FFFFAC; /*jaune très clair*/
	padding: 10px;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
}


.tuto{
	font-size: 20
	
}

/* Style de mes images */

.flottelogo1{
	float: right;
	margin-right: 5px;
}
.flottelogo2{
	float: right;
	margin-right: 15px;
}

.flottechar{
	float: right;
	margin-right: 35px;
	
}

.flottepar{
	float: right;
	margin-right: 15px;
	
}

.flottecol1{
	float: right;
	margin-right: 70px;
	
}

.flottecol2{
	float: right;
	margin-right: 25px;
	
}

.liens{
	font-size:16;
	color: #59771A; /*#608318;*/
}


/* Style des pieds de page*/

#footer1{
	
	clear: left;
	color: #7A736B;
	background-color: #FFFFFF;
	margin-top: 0px;
	padding: 5px;
	height: 20px;
	min-height: 45px; /* A garder ?? */
}	
	
#footer2{
	
	clear: both;
	padding: 5px;
	color: #FFFFFF;
	background-color: #7A736B;
}