html, body {
	height: 100%;
	width: 100%;
	margin:0;
}

body, h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
h1 {
	background-image:url(../image/fleche_titre.jpg);
	background-repeat:no-repeat;
	padding:5px 0 0 25px;
	color:#314a82;
}
td {
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	font-size:12px;
}

img {
	margin:10px;
}

p.erreur {
	color:red;
	margin: 15px;
	text-align: center;
}

a {
	color:#FF6633;
	text-decoration:none;
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	font-size: 12px;
}

a:hover {
	color:#3399CC;
}

span.remarque {
	font-size: 10px;
	font-weight: normal;
}

/* --------------------------- conteneur ----------------------------------- */

table#ctn {
	width: 100%;
	height:100%;
	border-collapse:collapse;
	margin:0;
	padding:0;
}

table#ctn td#cel_gauche {
	width:230px;
	background-color: #5a94c6;
	margin:0;
	padding:0;
	vertical-align: top;
	background-image: url('../image/navig/fond_gauche.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}

table#ctn td#cel_droite {
	vertical-align: top;
	background-image: url('../image/navig/ombre.jpg');
	background-repeat: repeat-y;
	background-position: left;
	/*height: 50%;*/
}

td#cel_droite table {
	margin : 0 auto 0 auto;
}

td#cel_droite table img {
	border-width: 0;
}

/* --------------------------- divs haut ----------------------------------- */

div#haut * {
	margin:0;
	padding:0;
}

div#haut_i2 * {
	margin:0;
	padding:0;
}

div#haut, div#haut_i2 {
	background-color: #5a94c6;
	height: 105px;
}

div#haut {
	width: 230px;
}

div#haut_i2 {
	width: 230px;
}

div#haut p.aide {
	text-align:center;
	color: #FFF;
	position: absolute;
	top:75px;
	left: 35px;
}

div#haut p.aide a{
	font-weight: bold;
	color: #FFF;
}

div#haut p.aide a:hover {
	color: #8FDADC;
	font-weight: normal;
}

div#haut p.aide span#espace {
	letter-spacing: 10px;
}

/* --------------------------- divs /haut ----------------------------------- */

div#gauche_i2 {
	width: 230px;
}

div#gauche_i2 img{
	margin: 0;
}

div#ctn_gauche {
	background-color: #268885;
	width:230px;
}

/* --------------------------- divs gauche_formation ----------------------------------- */

div#td_gauche  a.rub, div#td_gauche  a#rub_aide, div#td_gauche  a.rub:hover, div#td_gauche  a.rub_en_cours, div#td_gauche  a.rub_en_cours:hover {
	background-repeat: no-repeat;
	color: #FFF;
	display:block; 
	width: 230px;
	height: 29px;
	line-height:29px;
	text-align:center;
	margin-top: 15px;
}

div#td_gauche  a.rub {
	margin-bottom: 15px;
}

div#td_gauche  a#rub_aide {
	/* margin-bottom: 100px; */
}

div.gauche_formation {
	width: 230px;
	margin : 0;
}

div#td_gauche  a.rub, div#td_gauche  a#rub_aide{
	background-image: url('../image/navig/b_etat01.gif');
}

div#td_gauche  a.rub:hover, div#td_gauche  a#rub_aide:hover{
	background-image: url('../image/navig/b_etat02.gif');
}

div#td_gauche  a.rub_en_cours{
	background-image: url('../image/navig/b_etat03.gif');
}

div#td_gauche  a.rub_en_cours:hover{
	background-image: url('../image/navig/b_etat04.gif');
}



div.gauche_formation img{
	margin: 0;
}

div.gauche_formation a{
	text-decoration: none;
}

div.gauche_formation table {
	text-align: left;
	margin: 0;
	padding: 0;
	width: 230px;
	border-collapse: collapse;
}

div.gauche_formation td {
	padding: 3px 5px 3px 5px;
}

div.gauche_formation td.theme_nom, td.no_form {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #FFF;
}

div.gauche_formation td.no_form {
	text-align: center;
}

div.gauche_formation td.theme_nom_en_cours {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #FFF;	
}

div.gauche_formation a.attestation, td.theme_nom_en_cours  a.attestation {
	font-size: 10px;
}

div.gauche_formation a:hover.attestation, td.theme_nom_en_cours  a.attestation:hover {
	font-size: 10px;
}

div.gauche_formation td.theme_nom_en_cours  a.attestation {
	color: #FFF;
}	

div.gauche_formation td.theme_nom_en_cours  a.attestation:hover {
	color: #8FDADC;
}

div.gauche_formation a.attestation {
	color: #000;
}	

div.gauche_formation a.attestation:hover {
	color: #974364;
}

div.gauche_formation td.theme_nom, td.no_form {
	/*background-color: #974364;*/
	background-color: #aeddfb;
}

div.gauche_formation td.theme_nom_en_cours {
/*background-color: #974364;*/
background-color: #2b4a83;
/*font-weight: bold;*/
text-align:left;
color:#FFF;
}

div.gauche_formation td.chap, div.gauche_formation td.chap_en_cours {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #974364;
}

div.gauche_formation td.chap_en_cours {
background-color: #efdcec;
}

div.gauche_formation a.chap_en_cours {
color: black;
}

div.gauche_formation td.chap {
/*background-color: #F9DDE6;*/
background-color: #EDEDEE;
}

div.gauche_formation a.chap {
color: black;
}

div.gauche_formation a.chap:hover {
color: #974364;
}

div.gauche_formation a.gauche {
color:black;
text-decoration:none;
}

div.gauche_formation a.gauche:hover {
/* color: #8FDADC; */
color: #974364;
}

div.gauche_formation a.gauche_en_cours {
color: #FFF;
}

div.gauche_formation a.gauche_en_cours:hover {
color: #8FDADC;
}

div.gauche_formation span.theme_termine,div.gauche_formation span.theme_termine_en_cours,div.gauche_formation span.form_termine,div.gauche_formation span.form_termine_en_cours {
font-size: 10px;
}

span.theme_termine {
color: black;
}

span.theme_termine_en_cours {
color: #FFF;
}

span.form_termine, span.form_termine_en_cours {
color: black;
}

/* --------------------------- /div gauche_formation ----------------------------------- */

/* --------------------------- divs bas ----------------------------------- */

div#bas {
	/*position: absolute;*/
	margin: 0;
	background-color: #268885;
	width: 230px;
}

div#bas img{
	margin:0;
}

/* --------------------------- divs /bas  ----------------------------------- */

/* --------------------------- div main ----------------------------------- */

div#main_i2, div#main_i3 {
	text-align:center;
	height:100%;
	margin-top: 0;
}

div#main_i1, div#demande {
	margin-top: 15px;
}

div#main_i1 * {
	text-align: justify
}

div#demande {
	text-align: center;
}

div#main_i1 td {
	vertical-align: top;
	width: 50%;
}

div#main_i1 table {
	width: 800px;
	border-collapse: collapse;
}

div#main_i1 table td {
	/*border-style: solid;*/
	padding: 0 15px 0 15px;
}

div#main_i1 table td.titre {
	height: 30px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
}

div#main_i1 table td#demo {
	text-align: center;
	line-height: 50px;
}

div#main_i1 table td#demo a {
	font-size: 1.5em;
}

div#main_i1 img {
	margin: 0;
}

div#main_i1 p {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#main_i1 p.titre, div#main_i1 li.titre {
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#main_i1 li {
	margin-top: 0;
	margin-bottom: 0;
}

div#main_i1 li.demo {
	margin-top: 15px;
}

div#main_i1 li.demo, div#main_i1 li.lien {
	margin-bottom: 2px;
}

div#main_i1 li.formation {
	font-weight: bold;
	margin-bottom: 10px;
}

div#main_i1 a {
	color: #0000FF;
}

div#main_i1 a:hover {
	color: #3399CC;;
}

div#main_i1 ul.contact {
	padding: 0;
	list-style-type: none;
	margin-left: 0;
}

div#main_i1 ul.contact li.resp {
	font-weight: bold;
	margin-top: 10px;
}

div#main_i1 li.rmq {
	font-style: italic;
}

div#main_i1 li.rmq, div#main_i1 li.duree, div#main_i1 li.formation {
	margin-top: 5px;
}

div#main_i1 li.duree {
	margin-bottom: 10px;
}

div#main_i1 ul.formation {
	padding: 10px;
	list-style-type: none;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 10px 0;
	border-color: #AAA;
	background: #faf9f9;
}

tr.connexion {
	line-height: 30px;
	text-align: center;
}

td.stagiaire {
	font-weight: bold;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #000;
}

div#main_i3 {
	margin: 0;
	padding: 5px;
}

/* --------------------------- / div main ----------------------------------- */

/* --------------------------- login ----------------------------------- */

div#accueil_logo img {
margin: 10px 0 15px 0;
}

#login img {
border-width: 0;
}

table#login tr#ident {
	/*height:40px;*/
}

table#login {
width:392px;
height:218px;
background-color: #FFF;
margin: 0 auto 0 auto;
background-image: url('../image/navig/fond_acces.gif');
background-repeat: no-repeat;
border-collapse: collapse;
}

table#login td {
padding: 0;
border-width: 0;
border-style:solid;
text-align: left;
}

table#login td#droite {
text-align:right;
padding-right: 30px;
}

table#login td.intitule {
font-weight: bold;
padding-left: 30px;
}

table#login a{
	border-width: 0;
}

table#aide {
width:392px;
margin: 0 auto 0 auto;
}

table#aide td#titre{
text-align: center;
font-weight: bold;
padding-bottom: 5px;
}

table#aide td#email{
padding-top: 15px;
}

table#aide td.champs{
padding-left: 25px;
}

table#aide a {
	color:#288883;
}

table#aide a:hover {
	color:#DC537A;
}

/* --------------------------- /login ----------------------------------- */

/* --------------------------- theme_accueil ----------------------------------- */

div#theme_accueil p {
margin: 0;
color: #01807F;
font-weight: bold;
font-size: 11px;
}

div#theme_accueil p.ident {
	margin-left: 20px;
	text-align: left;
}

div#theme_accueil p#theme_accueil {
	font-size: 16px;
	margin-bottom: 10px;
}

/* --------------------------- /theme_accueil ----------------------------------- */

/* --------------------------- menu de navig ----------------------------------- */

table#navig {
margin: 5px auto 0 auto;
padding:0;
width: 582px;
height: 48px;
background-image:url(../image/navig/fond_menu.gif);
background-repeat:no-repeat;
/*background-color: green;*/
border-collapse:collapse;
}

table#navig td {
	padding:0;
	margin:0;
}

table#navig td img {
	border-width:0;
}

table#navig td#navig_gauche {
width: 107px;
height: 37px;
}

table#navig td#navig_droite {
width: 107px;
height: 37px;
}

table#navig td#navig_centre {
text-align: center;
}

table#navig td#navig_centre span#navig_ecran {
color: #974364;
}

table#navig img {
border-width: 0;
margin: 0;
padding: 0;
}

table#navig a.precedent, table#navig a.suivant, table#navig a.evaluation, table#navig a.precedent:hover, table#navig a.suivant:hover, table#navig a.evaluation:hover {
display: block;
width: 100%;
height: 37px;
background-repeat: no-repeat;
}

table#navig a.precedent { 
background-image: url(../image/navig/preced_on.gif);
background-position: right;
}
 
table#navig a.precedent:hover {
background-image: url(../image/navig/preced_off.gif);
background-position: right;
} 

table#navig a.suivant { 
background-image: url(../image/navig/suiv_on.gif);
background-position: left;
}
	 
table#navig a.suivant:hover {
background-image: url(../image/navig/suiv_off.gif);
background-position: left;
} 

table#navig a.evaluation { 
background-image: url(../image/navig/eval_on.gif);
background-position: left;
}
 
table#navig a.evaluation:hover {
background-image: url(../image/navig/eval_off.gif);
background-position: left;
} 

table#ecran_iframe {
	width: 95%;
	margin: 15px auto 0 auto;
	border-style: solid;
	border-width: 1px;
	border-color: #974364;
	padding:0;
	border-collapse: collapse;
}

table#ecran_iframe td{
	vertical-align: top;
}

/* --------------------------- /menu de navig ----------------------------------- */

/* --------------------------- question, reponse_question, questionnaire ----------------------------------- */

div#question p {
	margin: 15px;
}

div#question span.nom_form {
	font-size: 15px;
	font-weight: bold;
}

div#question table.question, div#bilan table, div#questionnaire table.questionnaire {
width: 600px;
border-style: solid;
border-width: 1px;
margin: 0 auto 10px auto;
border-collapse: collapse;
}

div#bilan table {
	margin: 15px auto 10px auto;
}

div#question table.question td, div#bilan table td, div#questionnaire table.questionnaire td {
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}

div#bilan table td.chap_nom{
	text-align:left;
	background-color:#aeddfb;
	width: 300px;
}


div#question table.question tr.enonce {
background-color:#aeddfb;
text-align: left;
}

div#questionnaire table.questionnaire tr.enonce {
background-color:#268885;
color: #FFF;
text-align: left;
}

div#question table.question tr.proposition, div#questionnaire table.questionnaire tr.proposition {
background-color:#E9E9E9;
text-align: left;
}

div#question input#submit {
	margin: 0 0 15px 0;
}

div#question table.question tr.consulter {
text-align: right;
background-color:#FFF;
}

/* --------------------------- /question ----------------------------------- */

/* --------------------------- avis ----------------------------------- */

div#avis {
	margin-top: 15px;
}

div#avis table {
border-style: solid;
border-width: 1px;
margin: 15px auto 10px auto;
border-collapse: collapse;
}

div#avis table td{
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}

div#avis table td.radio {
text-align: center;
}

div#avis table td.categorie, div#avis table td.notation {
background-color:#aeddfb;
}

div#avis table td.categorie {
	width: 180px;
	text-align: left;
}

div#avis table td.notation {
width: 80px;
}

div#avis table tr.ag {
background-color:#E9E9E9;
}

/* --------------------------- /avis ----------------------------------- */

/* --------------------------- tuteur ----------------------------------- */

div#tuteur {
	text-align: left;
}

div#tuteur p{
	margin: 15px 0 0 30px;
}

div#tuteur li {
	margin: 15px;
}

div#tuteur li.rang2 {
	margin-left: 45px;
	list-style-type: circle;
}

/* --------------------------- /tuteur ----------------------------------- */

/* --------------------------- md ----------------------------------- */

div#md a {
	color: #FFF;
}

div#md a:hover {
	color: #8FDADC;
}

div#md table {
	margin: 0 auto 0 auto;
	width: 600px;
	border-style: solid;
	border-width: 1px;
	border-color:#CCCCCC;
	border-collapse: collapse;
	text-align: left;
}

div#md table tr.titre {
background-color: #aeddfb;
}

div#md table tr.contenu {
	background-color: #FFF;
}

div#md table td {
padding: 5px;
border-style: solid;
border-width: 1px;
border-color:#439e9c;
}

div#md a.mail {
color:black;
text-decoration:none;
}

div#md a.mail:hover {
/* color: #8FDADC; */
color: #974364;
}

div#md ul, li {
	margin-top: 0;
	margin-bottom: 0;
}

div#md td#lien_pdf {
	text-align: center;
}

div#md td#lien_pdf a {
	font-style: italic;
	font-weight: bold;
}

/* --------------------------- /md ----------------------------------- */

/* --------------------------- aidelogin ----------------------------------- */

div#aidelogin {
	text-align: left;
}

div#aidelogin p#retour{
	text-align: center;
}

div#aidelogin p#intro{
	font-weight: bold;
	margin : 15px 0 0 0;
}

div#aidelogin p.info{
	margin:0;
}

div#aidelogin p.exemple, div#aidelogin p.exemple_intro {
	margin:0;
	color: #FF6633;
}

div#aidelogin p.exemple_intro {
	margin:15px 0 0 0;
}


div#accueil_rub img{
	margin: 30px 0 0px 0; 
}

div#acces {
	text-align: center;
	margin-bottom: 50px;
}

div#acces table {
	margin: 5px auto 10px auto;
	border-collapse: collapse;
}

div#acces tr.titre_h td, td.titre_v {
	background-color: #439E9c;
	color:#FFF;
}

div#acces td  {
	text-align: left;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #439E9c;
}

div#acces tr.titre_h td  {
	text-align: center;	
}

div#acces td.titre_v {
	width: 200px;
}

div#acces td.str {
	width: 400px;
}

div#acces td.nodata {
	text-align: center;
}

p.gauche_autre
{
	text-align: center;
}

p.gauche_autre a
{
	color: #FFF;
}

p.gauche_autre a:hover
{
	color: #2b4a83;
}

div#taille 
{
	text-align: left;
	margin: 15px 0 0 30px;
}

div#taille img 
{
	vertical-align: middle;
}

div#taille p 
{
	margin-top: 5px;
	margin-bottom: 5px;
}

p.a {
	margin: 0 auto 40px auto;
}

#main_i1 p.gazette {
	margin: 0;
}