/********************************************
**               STYLE BLUE                **
**                    created by linhks    **
**         28/03/06                        **
********************************************/

body {
   width: 800px;
   margin: auto;
   background:url("Images/bg.gif") repeat-x;
   background-color:#b1d7fb;
   color: white;   
   background-attachment: scroll;
}


.brep {
background-image:url("../../Images/brep.png");
background-repeat:no-repeat;
margin-left:10px;
}
.mrep {
background-image:url("../../Images/mrep.png");
background-repeat:no-repeat;
margin-left:10px;
}
.rep {
padding-left:4.5%;
}

.quest {
padding-left:50px;
color:#3333CC;
}
.quizz{
background-color:white;
border:solid 1px black;
width:620px;
margin-left:25px;
margin-right:25px;
margin-top:10px;
}

#cadre {
	width:810px;
	height:100%;
	min-height:500px;
	border:2px groove white;
	background-color:white;
	}
	
#banniere1
{
	margin-left:5px;
	margin-top:2px;
   	width: 800px;
   	height: 125px;
   	background: url("Images/header.gif") no-repeat;
   	margin-bottom: 0px;
}

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: white; text-decoration:underline;}

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

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

/* MENU HORIZONTAL */
#menuH {
	height :25px;
	background:url("Images/menu_hor.gif") no-repeat;
	margin-left:4px;
	font-size: 70%;
	font-family:"Arial Black", "arial",courier,"Times New Roman", Times, serif;
}

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

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

#menuH li.bg {float : left; color:#2f6ccf; border-right:dashed 1px #c9d9f5;}
#menuH li.bd {float : right; color:#2f6ccf; border-left:dashed 1px #c9d9f5;}
#menuH ul {list-style-type : none;}
#menuH li.bg {float : left;}
#menuH li.bd {float : right;}
#menuH a {color:#2f6ccf; text-decoration : none;padding : 0 0.5em;}
#menuH a:hover {color:#1be9fc;}
#menuH a img {border : none; text-align:center; vertical-align:top;}
#menuH  img {border : none; padding :  0 0.3em; vertical-align:top;}

/* MENU GAUCHE */
#menu {
float: left;
width: 125px;
margin:2px 5px;
background:url("Images/bg.gif") repeat-x;
text-align:center;
}

#menu dt a{
color:#2f6ccf;
font-family:"Arial Black", "arial",courier,"Times New Roman", Times, serif;
font-size:75%;
}

#menu dt a:hover{color:#1be9fc;}

#menu dd 
{
color:#2f6ccf;
font-family:"Arial Black", "arial",courier,"Times New Roman", Times, serif;
font-size:75%;
display: none;
text-align:center;
}
#menu li {
text-align: center;
}
#menu li a, #menuG dt a {
color:#2f6ccf;
font-family:"Arial Black", "arial",courier,"Times New Roman", Times, serif;
font-size:80%;
display: block;
}
#menu li a:hover, #menuG dt a:hover {
color:#1be9fc;
}

.cours {
background:url("Images/cours.gif") no-repeat;
width:125px;
height:25px;
}

.td{
background-image:url("Images/td.gif");
background-repeat:no-repeat;
width:125px;
height:25px;
}
.divers {
background:url("Images/divers.gif") no-repeat;
width:125px;
height:25px;
}


#textedate {font-size: 75%;}

#corps
{
	margin-left: 140px;
	margin-right:5px;
	margin-top:2px;
	background-color:white;
	color:black;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#corps p {
	padding:2px 10px;
	text-align:justify;
}

#footer
{
	text-align: center;
	margin-left:133px;
	margin-right:5px;
	margin-top:1px;
	background: url("Images/footer.gif") repeat-x;
	color: black;
	font-size: 70%;
	}

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

/*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:6%; font-style:italic;}
.ima {background:url("../../Images/question.png") no-repeat; margin-left:2%;}
.questions {padding-left:6%; 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;}
