body {
	width:99%;
  	margin: auto;
   	background-color:#f2efef;
  	background-attachment: scroll;
}

.brep {
	background:url("../../Images/brep.png") no-repeat;
	vertical-align:middle;
	margin:0 2%;
	padding-left:3%;
}
.mrep {
	background:url("../../Images/mrep.png") no-repeat;
	vertical-align:bottom;
	margin:0 2%;
	padding-left:3%;
}

.rep {
padding-left:0%;
}

.quest {
	padding-left:5%;
	color:#3333CC;
}
.quizz{
	background-color:#f4f4f4;
	border:dashed 1px black;
	width:80%;
	margin-left:5%
}

hr {background: #c9d9f1; border: 1px solid rgb(155, 189, 207); border-bottom: 2px solid rgb(155, 189, 207); height: 0.5em; width: 100%;}

a
{
text-decoration: none;
color:black;
}

a img
{
border:none;
}

a:visited
{text-decoration:none;
}

a:hover
{
color: #c9d9f1; text-decoration:underline
}

a:focus {background:url('Images/selection2.png');}

dl, dt, dd, ul, li 
{
margin: 0;
padding: 0;
list-style-type: none;
}

/* HEADER */
#banniere1 {
   float:left;
   width:621px; 
   height:110px;
   background:url("Images/ban1.png") no-repeat;
}

#banniere2 {
   height:110px;
   background:url("Images/ban2.png") repeat-x;
}

/*MENU HORIZONTAL*/
#menuH {
	height :25px;
	background-color :#cdcdcd;
	font-size: 12px;
	margin-bottom:1px;
	border-bottom:1px black outset;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menuH ul {
	list-style-type : none;
}

#menuH li {
	padding : 0 0.5em;
	line-height:25px;
}

#menuH li.bg {
	float : left;
	border-right:dashed black 1px;
}

#menuH li.bd {
	float : right;
	border-left:dashed black 1px;
}

#menuH a {
	color : black;
	text-decoration : none;
	padding : 0 0.5em;
}

#menuH a:hover {
	text-decoration : underline;
}

#menuH a img {
	border : none;
	text-align:center;
	vertical-align:top;
}

#menuH img {
	border : none;
	text-align:center;
	vertical-align:top;
}

/*MENU*/
#menu {
	float: left;
	width: 150px;
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url("Images/fond_menu.png");
	background-repeat:repeat-y;
	margin-top:1px;
}

#menu dd 
{
	font-size: 10px;
	display: none;
	text-align:left;
}

#menu dt 
{
	font-size: 12px;
	text-align:center;
	background-image:url("Images/fond_liens.png");
	background-repeat:no-repeat;
	margin-bottom:5px;
}


#menu li {
	font-size: 10px;
	background-image:url("Images/fond_liens.png");
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#menu li a, #menuG dt a {
	color: black;
	text-decoration: none;
	display: block;
	border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
	color:white;
}



.cours {background-image:url("Images/cours.png"); width:150px; height:20px; margin-bottom:2px;}
.td {background-image:url("Images/td.png"); width:150px; height:20px; margin-bottom:2px;}
.divers {background-image:url("Images/divers.png"); width:150px; height:20px; margin-bottom:2px;}

	
#textedate {
	font-size: 70%;
}

/*CORPS*/
#corps
{
	margin-left:150px;
	background-color:#f2efef;
	color:black;
	background-attachment: scroll;
	background-position: top right;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#corps p {
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}


/*PIED DE PAGE*/
#footer
{	
	text-align:center;
	font-size: 70%;
	color: black;
	margin-top:0px;
	background:url("Images/footer.png") repeat;
	border-top:inset 1px #000000;
	margin-bottom:5px;
	margin-left:150px;
	
}

#footer p {
	text-align:center;
}

/*FORMULAIRE*/
#form {margin-left:35%;}

/*QUIZZ*/
.question_qcm {border:solid 1px black; margin-left:15px; margin-right:15px; background-color:#f4f4f4;}
.ima {background-image:url("../../Images/question.png"); background-repeat:no-repeat}
.questions {padding-left:50px;}
.QQCM{background-color:white;border:solid 1px black; width:95%; margin-left:15px; margin-right:15px; margin-top:10px;}

/* CODE HTML */
span.att {color:green; font-size:11px;} /* attribut la couleur verte a l'attribut dans un code html */
span.bal {color:blue; font-size:11px;} /* attribut la couleur bleue a la balise dans un code html */
span.val {color:red; font-size:11px;} /* attribut la couleur rouge à la valeur de l'attribut dans un code html */
span.comm {color:grey; font-size:11px;} /* attribut la couleur grise à un commentaire dans un code html */
table.codehtml {border:dashed 1px black; background-color:white; padding:1% 1%; width:70%;}

/*RETOUR SOMMAIRE */
#fin {text-align:center;}

/*Quest, Av */
.attention {background:url("../../Images/Av.png") no-repeat; margin-left:2%;}
.av {padding-left:5%; font-style:italic;}
.ima {background:url("../../Images/question.png") no-repeat; margin-left:2%;}
.questions {padding-left:5%; font-style:italic;}

#C1 {text-align:center; margin-bottom:10px;}
#C1 p {border:1px outset black; text-align:center; margin-left:30%; margin-right:30%; background-color:#c9d9f1;}
#C1 li {margin-left:35%; text-align:left;}
.entete {border:1px outset black; text-align:center; margin:2% 0%; padding:3px 0%;background-color:white; font-size:14px; font-weight:bolder; color:green;} /* #cdcdcd -> couleur menu horizontal */
red {color:red;}

table.balises {border-left:solid 10px #c9d9f1 ; border-bottom:solid 1px #c9d9f1; border-right:solid 1px #c9d9f1; border-top:solid 1px #c9d9f1; margin-left:10%; width:35%; background-color:white; text-align:center; font-size:13px; font-weight:bolder; color:green;}

span.green_bold {color:green; font-weight:bold;}