/* Note pour Hino:
Plus De DEEE br br br br de partout ! la je les enléves tous et crée des class et css pour les remplacer (quand ils sont utile) oublit pas que la balise <p> crée de beau espacement avant et après =D pas besoin de br br */

/*  ///////////////////// -  Couleurs Format police des textes  - /////////////////////  */
/* ///////// BODY //////// */
body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #8f795f;
}
/*///// Menu /////*/
#menu
{
	padding-top: 50px;
	margin-left: -180px;
}

/*//// Articles //////*/
#article{width: 565px;margin: auto;text-align: justify;border: 1px none #4F260B;padding: 5px;}

/*///  Paragraphes //// */
p { /* crée un espace en haut et en bas */
	margin: .75em 0;
}

/* Divers éléments de type en-ligne */
em { /*mettre en italic*/
	font-style: italic;
}
strong { /*Mettre en gras*/
	font-weight: bold;
}
/* //// Liens /// */
a {
	color: #F90;
}
a:hover, a:focus {
	color: crimson;
}
a img { /*Suprime les bordures des liens images*/
	border: none;}
	
/* ///// Citations et commentaire ///// */
.commentaire { /* class définit les comentaires (cadre, marging) */
	-moz-border-radius:20px 20px; -moz-box-shadow:3px 3px 9px 0 #999;
	background-color: #EAD28C;text-align: justify;width: 520px;padding-top: 8px;padding-right: 10px;padding-bottom: 3px;
	padding-left: 10px;margin-top: 10px;margin-right: auto;margin-bottom: 10px;margin-left: auto;border: 1px solid #764E25;}
.crea_commentaire { /* class qui définit le cadre de création de comentaire et le marging */
	text-shadow:2px 1px 1px #999;
	-moz-border-radius:20px 20px; -moz-box-shadow:3px 3px 9px 0 #999;
	background-color: #EAD28C;text-align: justify;width: 520px;padding-top: 8px;padding-right: 10px;padding-bottom: 3px;
	padding-left: 10px;margin-top: 10px;margin-right: auto;margin-bottom: 10px;margin-left: auto;border: 1px solid #764E25;}
			/* /// enpagement du module commentaire /// */
			#com_nom {
			-moz-border-radius:3px 3px; 
	background-color: #F4E9C4;
	border: 1px solid #764E25;
}
			#com_nom:hover {
			-moz-border-radius:3px 3px; -moz-box-shadow:1px 1px 1px 0 #999;
	background-color: #FCF9ED;
	border: 1px solid #C88D53;
}
		
			#com_email {
			-moz-border-radius:3px 3px; 
	background-color: #F4E9C4;
	border: 1px solid #764E25;
}
			#com_email:hover {
			-moz-border-radius:3px 3px; -moz-box-shadow:1px 1px 1px 0 #999;
	background-color: #FCF9ED;
	border: 1px solid #C88D53;
}
			
			#com_texte {
				-moz-border-radius:8px 3px; 
	border: 1px solid #764E25;
	width: 508px;
	height: 80px;
	background: #F4E9C4;
	padding: 5px;
}
				#com_texte:hover {	-moz-border-radius:8px 3px;	-moz-box-shadow:1px 1px 10px 0 #999;
		border: 1px solid #C88D53;	width: 508px;	height: 80px;	background: #FCF9ED;	padding: 5px;
	}
			#com_sec {
	width: 200px;
	border: medium none #003;
	float: none;
}
			#com_val {-moz-border-radius:5px 5px; text-shadow:0 1px 0 #3E5A88;
	cursor:pointer;	text-align: center;	background: #8f795f;border: 1px solid #FBE7B7;
	font-weight: bold; 	color: #FFF;	padding-top: 2px;	padding-bottom: 1px;
	}
				#com_val:hover {
	-moz-border-radius:5px 5px;
	text-shadow:0 1px 0 #3E5A88;
	cursor:pointer;
	text-align: center;
	background: #9A876D;
	border: 1px solid #643C1E;
	font-weight: bold;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 1px;
		}


cite {font-style: italic;}
.cite {font-style: italic;} /* Class pour les citations */
.date {font-size: 14px;font-style: normal;font-weight: normal;text-align: right;} /*régle l'écriture de la date.*/
#date {	width: 588px;} /*régle le placement de la date par rapport au titre.*/

/* //// Titres ///// */
h1, h2, h3, h4, h5 {margin: 1em 0 .5em 0; /* -> 6 */}
h1 {font-size: 3em; /* -> 8 */}
h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1em;}
h6 {font-size: 1.4em;
	margin: 0em 0 .5em 0; /* h6 = h3 mais suprime le margin de dessu */}

/* ///////- Textes aligements et autre modification -////// */

.t-center { text-align: center;	}
.t-shadow { text-shadow:2px 1px 1px #999; }
/* Class qui permet de centrer les textes
et les images à utiliser dans les
<div> ou <img> ou <p> ... */}

.t-right {text-align: right;}
.t-new {font-style: italic;font-size: small;}
.marging {margin: auto;}

/* ////////- IMAGES -////// */
.img_b01 { /* régle les bordures des images, (News, ...) */
	-moz-border-radius:8px 8px; -moz-box-shadow:1px 1px 1px 0 #999;
	border: 2px solid #8f795f;
}
.img_b01-margin { /*régle les bordures de l'image et rajoute un margin autour. */
	-moz-border-radius:8px 8px; -moz-box-shadow:1px 1px 1px 0 #999;
	border: 2px solid #8f795f;
	margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px;
}
/*  ///////////////////// -  Couleurs Format police des textes fin - /////////////////////  */


.code{background-color:#ffffff;width:580px;height:70px;border:1px solid #ccc;border-radius:15px;padding:3px}