/* HTML */
body
{
	font-family:verdana;
	font-size:12px;
	background-color:#eee;
}
a:link,a:visited,a:hover,a:active
{
	color:blue;
}

/* Titres dans la page accueil, à référencer */
h1
{
	font-family:impact;
	font-weight:normal;
	font-size:32px;
}
h2
{
	font-family:impact;
	font-weight:normal;
	font-size:21px;
}
h3
{
	font-family:verdana;
	font-weight:bold;
	font-size:13px;
	color:blue;
}
#lien_video1,#lien_video2
{
	font-family:verdana;
	font-weight:bold;
	color:#00AA00;
	font-size:13px;
	text-decoration:none;
}

/* Titres dans l'application */
h4
{
	font-size:15px;
	color:blue;
}
h6
{
	font-size:13px;
	color:#CC2244;
}
p
{
	font-family:verdana;
	font-size:12px;
}

strong
{
	color:blue;
}

/* GLOBAL */
.center
{
	text-align:center;
	width:100%;
}

a img 
{
	border:0px;
}

/* PAGE LOGIN */
.connectok
{
	width:400px;
	border:solid 2px #008800;
	padding:5px;
	background-color:#FFFF99;
}
.connectnok
{
	width:400px;
	border:solid 2px red;
	padding:5px;
	background-color:#FFFF99;
}

/* DIV TOP MENU */
.topmenu
{
	width:100%;
	height:100px;
	border-bottom:solid 2px black;
	background-color:white;
	margin-top:-8px;
	margin-left:-8px;
	margin-right:-8px;
	position:fixed;
	z-index:10000;
}

/* DIV LEFT MENU */
.menu
{
	width:100%;
	background-color:#DDD;
	height:26px;
	clear:both;
	border-right:solid 0px black;
	margin-top:74px;
	position:fixed;
	z-index:10000;
}

/* CORPS */
.corps
{
	width:95%;
	height:100%;
	float:left;
	padding:8px;
	margin-left:8px;
	margin-top:110px;
	position:relative;
}

.petitpanneau
{
	width:200px;
	border:solid 1px black;
	-moz-border-radius:7px;
	padding:5px;
	background-color:white;
}

.grandpanneau
{
	width:1100px;
	float:left;
	border:solid 1px black;
	margin-left:15px;
}
.grandpanneauproduits
{
	width:550px;
	float:left;
	border:solid 1px black;
	margin-left:15px;
}
.grandpanneausansfloatsansmargin
{
	width:900px;
	border:solid 1px black;
}

.encadre-sans-bordure
{
	width:70%;
}

.divencadre
{
	border:solid 1px black;
	padding:2px;
	width:196px;
	background-color:white;
}
.divradiocheckbox
{
	border:solid 1px black;
	padding:2px;
	width:196px;
	background-color:white;
	text-align:center;
}

.divform
{
	border:solid 1px black;
	-moz-border-radius:8px;
	padding:10px;
	width:30%;
	background-color:#ffffff;
}

.red
{
	color:red;
	font-weight:bold;
}
.green
{
	color:#008800;
	font-weight:bold;
}

.divok
{
	width:99%;
	border:solid 2px #008800;
	padding:5px;
	background-color:#FFFF99;
	text-align:center;
}
.divnok
{
	width:99%;
	border:solid 2px red;
	padding:5px;
	background-color:#FFFF99;
	text-align:center;
}

.clearboth, .separateur
{
	clear:both;
	float:none;
}

.divchoix
{
	float:left;
	width:630px;
	border:solid 2px #008800;
	padding:5px;
	background-color:#FFFF99;
	text-align:center;
	margin-left:15px;
	margin-bottom:15px;
}
.divconsulter
{
	float:left;
	width:685px;
	border:dashed 2px #000000;
	padding:5px;
	background-color:#FFFFFF;
	text-align:center;
	margin-left:15px;
	margin-bottom:15px;
}
.panneaulisteproduits
{
	float:left; 
	margin-left:15px; 
	width:180px;
	padding:6px;
	border:solid 1px black;
	-moz-border-radius:8px;
	background-color:white;
}

.parametres
{
	text-align:center;
	width:50px;
}
input[type=text], input[type=password], textarea
{
	width:250px;
	background-color:white;
	border:solid 1px black;
	padding:5px;
}
input[readonly] 
{
	background-color:#eee;
}
select
{
	width:200px;
	background-color:white;
	border:solid 1px black;
}
.input-login
{
	font-size:11.2px;
	font-family:verdana;
	padding:2px;
}

table.listes
{
	width:100%;
	border-collapse:collapse;
	border:solid 1px black;
}
tr.liste
{
	background-color:#fff;
	color:black;
	height:28px;
	border-left:solid 1px black;
	border-right:solid 1px black;
}
tr.liste:hover
{
	background-color:#eee;
	color:black;
	height:28px;
	border-left:solid 1px black;
	border-right:solid 1px black;
}
td.liste
{
	text-align:center;
	min-width:30px;
	border-top:solid 1px #eee;
	font-size:12px;
}
th.liste
{
	background-color:#000;
	color:white;
	height:30px;
	border-left:solid 1px black;
	border-right:solid 1px black;
}	

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

table.listes_qcm
{
	width:100%;
	border-collapse:collapse;
	border:dashed 1px blue;
}
th.liste_qcm
{
	background-color:#fff;
	color:black;
	height:40px;
}
tr.liste_qcm
{
	background-color:#fff;
	color:black;
	height:28px;
	border-left:solid 1px black;
	border-right:solid 1px black;
}
tr.liste_qcm:hover
{
	background-color:#eee;
	color:black;
	height:28px;
	border-left:solid 1px black;
	border-right:solid 1px black;
}

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

.menu-parametre
{
	width:140px;
	height:70px;
	-moz-border-radius:7px;
	border:solid 1px black;
	background-color:white;
	color:black;
	float:left;
	padding:4px;
	text-align:center;
	margin-right:15px;
}
.menu-parametre:hover
{
	width:140px;
	height:70px;
	-moz-border-radius:7px;
	border:solid 1px black;
	background-color:black;
	color:white;
	float:left;
	padding:4px;
	text-align:center;
	margin-right:15px;
}

.information
{
	text-decoration:italic;
	font-size:11px;
	font-family:verdana;
	color:#008800;
}

div.divinfoqcm
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border:solid 1px #444;
	-moz-border-radius:9px;
	width:160px;
	height:90px;
	padding:5px;
	text-align:center;
}
div.divinfoqcm:hover
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border:solid 1px #444;
	-moz-border-radius:9px;
	width:160px;
	height:90px;
	padding:5px;
	text-align:center;
	background-color:#ccc;
}