@charset "iso-8859-2";
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
padding:0;
margin:0;
background-image:url(fond-body.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#dadada;
color:#4f4f4f;}


/* -----------------mise a jour 11 mars 2009 ------------------------ */

#question ul{
border-left:1px solid #dadada;
border-bottom:1px solid #dadada;
width:80%;
padding:10px;
margin-bottom:10px;

}
#question ul li{
	list-style-image:none;
	list-style-type:none;
	
}
input.buttonSuivant {
	background-color:#00afe1;
	color:#FFFFFF;
	border:0;
	margin:12px 0px 12px 0px;}

input.buttonPrecedent {
	background-color:#00afe1;
	color:#FFFFFF;
	border:0;
	margin:12px 0px 12px 0px;}
	
#barreProgression img{
	margin-top:10px;
	margin-left:30px;
}
#question input[type='radio']
{
	position:relative;
	bottom:-.2em;
	>bottom: 0em;
	right:0.5em;
}
#question ul,#question ol{
	margin-left:2.2em;
}
#question p{
	margin:0;
}
hr{
	color:#00afd8!important;
}
#title h2 a{
	color:#FFFFFF;
	margin:8px 0 8px 10px;
	text-decoration:none
}
td.selogger p label{
margin-right:10px;
}


/* -----------------balises primaires ------------------------ */
td, th {
	vertical-align:top;
}
th {
	text-align:center;
	font-weight:bold;
}
h1 {
	color:#e20030;
	font:"Trebuchet MS";
	font-size:21px;
	line-height:1.0em;
	font-weight:normal;
}
h2 {
	color:#00afd8;
	font:"Trebuchet MS";
	font-size:20px;
	font-weight:normal;
	margin:.535em 0 .535em 0;
}
h3 {
	font-size:16px;
	font-weight:bold;
	margin:.535em 0 .535em 0;
	color:#707173;
}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
img {
	border:0;
}
form {
	margin:0;
	padding:0;
}
ul {
	padding:0;
	margin:0 0 0 50px;
	list-style-type:square;
}
li {
	padding:0;
	margin:6px 0 6px 0;
}
li li {
	font-size:100% !important;
}
ul ul {
	list-style-type:disc;
}
ul ul ul {
	list-style-type: none;
}
ol {
	padding:0;
	margin:0 0 0 50px;
}
ol li {
	list-style-image:none;
	list-style-type:decimal;
}
a:link {
	color:#e20030;
	text-decoration:underline;
}
a:visited {
	color:#70182a;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
table {
	margin:0;
	padding:0;
}
table td {
	margin:0;
	padding:0;
}
hr {

}
/* style ATOMS */
.tableBord {
	border:1px solid #e0e0e0 !important;
	border-collapse:collapse;
	margin:10px 20px 10px 20px !important;
	>margin:10px 0px 10px 0 !important;
}
.tableBord td {
	border:1px solid #e5e5e5 !important;
	text-align:left !important;
	padding:4px;
}
.tableBord td p {
	margin:0 !important;
	padding:0 !important;
}
.tableBord th {
	border:1px solid #e5e5e5 !important;
	background-color:#e5e5e5 !important;
	text-align:left !important;
	color:#fff;
	padding:4px;
}
.aligneADroite {
	text-align:right;
}
.aligneAGauche {
	text-align:left;
}
.aligneJustifie {
	text-align:justify;
}
.aligneCentre {
	text-align:center;
}
/* ------------------ blocs généraux -------------------- */

#header {
width:980px;
margin:auto;}
#title {
color:#FFFFFF;
width:980px;
margin:auto;}
#title h2{
color:#FFFFFF;
margin:8px 0 8px 10px;}

#content {
width:980px;
margin:auto;
background-color:#FFFFFF;
padding:0;}
table#zones {
width:980px;}
table#zones  td{
padding:0;}

#colG {
width:225px;
border-right:1px solid #9f9f9f;
padding:0;}
#zoneA {
background-image:url(fond-contenu2.gif);
background-position:top right;
background-repeat:no-repeat;
}
/* ----------------- colg ------------------ */
div.tdm {
background-color:#00afd8;
background-image:url(fond-zoneB-entreprises.jpg);
background-position:top;
background-repeat:repeat-x;
margin:0;
padding:20px 10px;}
div.tdm h2 , div.tdm h3 {
color:#fff;
font-size:22px;
margin:0;
}
div.tdm h3 a:link, div.tdm h3 a:hover, div.tdm h3 a:visited, div.tdm h3 a:active{
color:#fff;}
div.tdm ul {
margin-left:20px;
}
div.tdm li {
margin-top:12px;
font-size:1.1em;
color:#fff;
list-style-image:url(puce-tdm-vide.gif);}
div.tdm li.fait {
	list-style-image:url(puce-tdm-pleine.gif);
}
div.tdm li.enCours {
	list-style-image:url(puce-tdm-intermediaire.gif);
}
div.tdm a:link, div.tdm a:hover, div.tdm a:visited {
color:#fff;
text-decoration:none;}
div.tdm a:hover, div.tdm a:active {
color:#fff;
text-decoration:underline;}


/* ----------------------- zone A ------------------------------ */
div.marge {
margin:23px;}
/* ----------------- homepage ------------------------ */
table.hp {}
table.hp td {
color:#FFFFFF;
width:50%;
padding:10px 35px 8px 15px !important;}
td.demarrer {
background-image:url(fond-demarrer.gif);
background-repeat:no-repeat;
background-position:top left;
height:80px;
>height:68px;
}
td.minscrire {
background-image:url(fond-minscrire.gif);
background-repeat:no-repeat;
height:80px;
background-position:top left;}
td.selogger {
background-repeat:no-repeat;
background-position:top left;
background-image:url(fond-selogger.gif);
}
td.selogger h2 {
color:#FFFFFF;
font-size:16px;
font-weight:bold;}
td.selogger p {
text-align:right;
line-height:2.2em;
margin:0 10px 0px 0;
_margin-bottom: 9px;
padding:0;

}

table.hp label {
width:150px !important;}
table.hp input.bouton {
background-color:#FFFFFF;
background-image:url(fond-input-hp.gif);
background-position:right;
background-repeat:no-repeat;
border:0;
color:#000000;
font-size:0.9em;
padding:0;
width:108px;
margin-top:7px;}
table.hp a:link, table.hp a:hover,table.hp a:visited {
color:#fff;}
div#enregistrement {
background-image:url(fond-form-enregistrement.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#e8e8e8;
color:#1d6b84;
width:432px;
}
div#enregistrement p {
margin:10px;
}
div#enregistrement label {
width:211px;
background-color:#4992aa;
color:#FFFFFF;
text-align:right;
padding:3px;
margin:1px 12px;
display:inline-block;}
/* ----- bilan -------- */
#bilan {
margin-right:200px;
text-align:justify;}
.moyen {
color:#ff6101;}
div.barometre {
float:left;
margin:0 10px 5px 0;
text-align:center;
font-weight:bold;
}
/* ------------------------ contenu ------------------------- */
p.question {
background-color:#c2dee7;
color:#094d64;
border-left:1px solid #e20030;
padding:7px 14px;
font-size:1.1em;
margin-right:90px;}
ul.qcm {
list-style-type:none;
margin-right:90px;}
/* ---------------------------- footer --------------------------- */

#footer {
border-top:1px solid #e20030;
text-align:center;
font-size:0.9em;
padding:8px 0;}
#subfooter {
background-color:#e20030;
color:#FFFFFF;
text-align:center;
font-size:0.9em;
padding:8px 0;}
#subfooter a:link, #subfooter a:hover, #subfooter a:visited  {
color:#FFFFFF;}
#defimedia {
color:#FFFFFF;
text-align:center;
font-size:0.9em;
padding:8px 0;}
#defimedia a:link,#defimedia  a:hover, #defimedia  a:visited  {
color:#FFFFFF;}