@charset "iso-8859-1";

/* ***********************************************

	Moïse Déro		CSS level 2 
	
	Cours sur les templates

************************************************* */

* {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style : normal; 
	font-variant : normal;
}


body {
	text-align: left; 
	background-color:#e5e5e5; 
	color:#000;
	font-size:small;
	margin:2em 1%;
	padding:0;
}


A{
	text-decoration : none;
	color : #2857DD;
}

A:hover
{
	text-decoration : none;
	color : #2857DD;
	background : Yellow;
}

h2, h3, h4 {
	 font-weight: bold; 
	 color: #4f8cbc;
}

h1{
	border-color:#4f8cbc;
	border-style: solid;
	border-width:0 0 3px 0;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform: uppercase;
	text-decoration: 
	background: Silver;
	}

h1:first-letter {
	color:#4f8cbc;
	background-color: transparent;
}

img{
	border:0;
	outline: Aqua;
}

.grandtitre{
	border-color:#4f8cbc;
	border-style: solid;
	border-width:3px 3px 3px 3px;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
	background: Silver;
	font-size: larger;
	text-indent: 0px;
}

p {
	text-align: justify;
	text-indent: 2em;
}



div .site {
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 20px 20px;
	text-decoration: none;
	border: #4f8cbc solid 1px;
	width: 200px;
	float: left;
	text-indent: 0px;	
}

div .site .p{
	text-align: center;
	text-indent: 0px;
	
}

code,pre{
	color:#297700;
	background-color:transparent;
	font-family:"Courier New",Courier,monospace;
	font-size:small;
}

pre{
	padding: 20px 20px 20px 20px;
	border-color:#297700;
	border-style: dashed;
	border-width:1px 1px 1px 1px;
	background-color: #eff5fe;
}

.php {
	color:Purple;
	padding: 20px 20px 20px 20px;
	border-color: Purple;
	background-color: #FFBBFF;
	border-style: dashed;
	border-width:1px 1px 1px 1px;
}

.commentaire {
	color:gray;
}

strong, b{
	font-weight: bolder;
}

em, i {
	font-style: italic;
}

div .apercu{
	padding: 10px 10px 10px 10px;
	border: groove;
	background-color: #ffffff;
}

/****************************************************************************
* MENU
***************************************************************************/

div#menu {
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	background-color: #eff5fe;
	border: #4f8cbc solid 1px;
	width: 200px;
	float: right;
	text-indent: 0px;

}

#menu h2{
border-color:#4f8cbc;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#menu h2:first-letter {
color:#000000;
background-color:transparent;
}

#menu ul{
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:0;
}

#menu li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#menu a{
display:block;
text-decoration:none;
color:#369;
background-color:#fff;
padding-left:1em;
}

#menu a:hover{
background-color:#eff4fa;
color:#036;
}