a{text-decoration: none;color: #303B71;}
a:hover{color:green;}

/*--------------------------------------------------------Milieu du site-------------------------------------------------------- */
#milieu
{
	margin-top: 10px;
	margin-left: 235px;
	width: 520px;

	font-family: arial, verdana, sans-serif;

}

#milieu a{font-weight: bold;}
#milieu a:hover{color:red;}

#titre
{
	display: block;
	font-size: 17px;
	color:#232D5C;
	font-weight: bold;
	margin: 8px 0;
}
#milieu p
{
	
	font-size: 11px;
	color:#36427E;
	line-height: 1.2em;
	font-weight: normal;

}

#acces
{

	text-align: right;
	color:red;
}
#cadrtransp {
	
	float: right;
	margin: 15px;
	
	width: 14em;
	text-align: justify;

}

#cadrtransp2 {
	

	width: 14em;
	margin-top: 19px;
	margin-right: 100px;
	text-align: justify;
}

#cadre {
	float: left;
	width: 16em;
	background-color: #E0E0E8;
	text-align: justify;
}

#cadre2 {

	float: right;
	width: 16em;
	background-color: #E0E0E8;

	text-align: justify;
}

#cadredoc {
	width: 31em;
	background-color: #E0E0E8;
	margin-top: 20px;
	}

#cadresond {
	padding: 0px;
	background-color: #E0E0E8;
	margin-top: 20px;
}

#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 19px; width: 19px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

#hautgauche {
	background: url('images/hautgauche.gif');
}

#basgauche {

}
#basdroit {
	float: right;
	background: url('images/basdroit.gif');
}


#contenu p {

	margin-top: 1.2em;
	margin-bottom: 0em;
	margin-left: 1.2em;
	margin-right: 1.2em;
	
	}

#contenu #titre {

	margin: 0.8em;
}

#liens
{
	float: left;
	margin-top: 30px;
	width: 530px;
}


/*--------------------------------------------------------Bas du site-------------------------------------------------------- */

.piege
{
	
	float: left;
	margin-left: -205px;
	margin-top: 10px;

	width: 178px;
	height: 548px;

}

.bas
{
	margin-top: 0px;
	text-align: right;
	padding-top: 38px;
	font-family: verdana;
	font-size: 12px;
	color: #021978;

	clear: both;

	height: 55px;
	background-image: url('images/bottom.jpg');
	background-repeat: no-repeat;

	
}

.bas a
{
	
	text-decoration: none;
	color: #021978;
}

.bas a:hover
{
	color: white;
}

/*-----------------------------------------------------------ombres--------------------------------------*/

.ombrebas
{
		width: 769px;
		height: 7px;

		background-image: url('images/barrebas.gif');
}

.ombredroit
{
		position: absolute;
		margin: 0px;
		margin-left: 779px;
		width: 6px;
		height: 585px;

		background-image: url('images/barredroit.gif');
}

/*-----------------------------------------------------------Sondages--------------------------------------*/

.quest
{
margin-bottom: 20px;
margin-left: 20px;
margin-top: 0px;
}

ul,li {


list-style-type: none; /* pour ne pas avoir de puces */

margin-left: 0;
padding:0;

font-size: 11px;
color:#36427E;
/*line-height: 1.2em */
font-family: arial, verdana, sans-serif;


}



table {

margin-left: 0;
padding:0;

font-size: 11px;
color:#36427E;
font-family: arial, verdana, sans-serif;

margin: 20px 0;

}


.sondcontenu
{
	background: #E0E0E8;
	width: 95%;
	padding-left: 10px;
}

#sondtitre
{
	
	font-size: 11px;
	color:#36427E;
	line-height: 1.2em;
}

a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}

a:hover {
background: none; /* correction d'un bug IE */
}

.quest
{

	

}
.quest a:hover span {
display: block;
position: absolute;
padding: 3px;

margin-left: 125px;
margin-top: 10px;

width: 200px;
height: auto;
background: #F5F5F5;
border: 1px solid;

border-color: #36427E;
font-weight: normal;
color: #36427E;

}

table a:hover span {
display: block;
position: absolute;
padding: 3px;

margin-left: 20px;
margin-top: 10px;

width: 200px;
height: auto;
background: #F5F5F5;
border: 1px solid;

border-color: #36427E;
font-weight: normal;
color: #36427E;

}




/*-----------------------------------------------------------Rapports--------------------------------------*/

#span
{

	color: green;

}


#cadrerapp {
	width: 80px;
	height: auto;
	padding: 0px;
	background-color: #E0E0E8;

	
}

#contenurapp
{

height: 160px;
text-align: center;

}

.priorite
{
	position: absolute;
	width: 20px;
	height:20px;
	margin-left: 6px;
	color: green;
	/*background-image: url('images/etoile.gif');*/

}

#cadredoc {
	width: 940px;
	height: auto;
	background-color: #E0E0E8;
	margin-top: 24px;
}

/*-----------------------------------------------------------------Admin-------------------------------------------------*/

.adminquest
{

	background-color: #E0E0E8;
	border: 1px solid #000080;
	padding-left: 2px;
}

.hello, textarea {
background-color: #f1f1f5;
border: 1px solid #000080;
color: #000080;
font-size: 11px;
font-family: Arial;
padding-left: 2px;
/* width: 100%; */
}

.spec
{
	background-color: #B7C9F7;
	border: 1px solid #000080;

}

.spec2
{
	background-color: #E0E0E8;
	border: 0px;
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.encadre
{
	margin: 20px;
	border: 1px solid #000080;
	padding: 6px;
	/* font-size: 12px; */
	color: #021978;

	/* width: 550px; */
}

.encadre li {
	margin-top: 4px;
	list-style-type: square;
}
.encadre ul {
	list-style-type: disc;
	list-style-position: inside;
}
.encadre h3 {
	margin: 8px 0 6px;
}

.dessin table
{

	padding: 0px;


}

.hello2
{
font-family: Arial;
font-size: 11px;
color: #000080;
border-left: 1px solid #E0E0E8;
border-right: 1px solid #E0E0E8;
border-top: 1px solid #E0E0E8;
border-bottom: 1px dotted #0000FF;
background-color: #E0E0E8;


}



/*------------------- IMAGES DIGRAMMEE--------------------------------------*/

.diagramme
{
	float: left;
	width:750px;
	height:400px;
	margin: 0px;
	padding: 0px;
	background-image:  url('images/realisia-diag-v2.jpg');

	background-position: 100% 112%;
	background-repeat: no-repeat;
}

.fleche
{
	float: left;
	width:750px;
	height:70px;
	margin: 0px;
	padding: 0px;
	border: 1px solid;
}

.op1, .op2, .op3, .op4 {
	margin-top: 10px;
}

.op1
{
float: left;
width:160px;
height:20px;
margin-left: 10px;
/* margin-top: 80px; */

border: 1px none #000080;

}

.op2
{
float: left;
width:160px;
height:164px;
margin-left: 15px;
/* margin-top: -5px; */

border: 1px none #000080;

}

.op3
{
float: left;
width:160px;
height:164px;
margin-left: 15px;
/* margin-top: 20px; */

border: 1px none #000080;

}

.op4
{
float: left;
width:160px;
height:164px;
margin-left: 26px;
/* margin-top: 90px; */

border: 1px none #000080;

}


.temps
{
float: left;
width:82px;
height:20px;
margin-left: 75px;
margin-top: 144px;
text-align: center;
padding: 0px;

font-family: arial;
font-size: 11px;
color:#36427E;

display: inline;


}


.tempsfin
{
float: left;
width:auto;
height:20px;
margin-left: 270px;
margin-top: 16px;
text-align: center;
padding: 3px;
font-family: arial;
font-size: 11px;
color:#36427E;

border: 1px solid #000080;

display: inline;

}

.cadrerouge
{

display: none;
width:auto;
border: 1px solid #FF0A0A;
color:#FF0000;
font-size: 11px;
padding: 3px;


}


.diagramme table {
	margin: 20px 0 10px;
}

.diagramme td {
	padding: 4px;
}