/*style css de l'apave e-learning*/

*{
margin: 0;
padding: 0;
border: 0;
font-family: Verdana;
font-stretch:condensed;
font-size: 100%;
font-style: normal;
text-decoration: none;
}

a:hover{
text-decoration:none;
cursor:hand;
}

a.lien-bordo{
color: #a50060;
}
a.lien-bordo:hover{
 color: #a50060; 
 text-decoration:underline;
}
a.lien-bordo:visible{
 color: #a50060; 
}

body{
 text-align: center;/*on rétablit l'alignement normal de body ici pour IE */
 font-style:normal;
 font-size:12px;
 margin:0px ;/*hauteur de la page du bord haut*/
 background-image:url(image/fond-vert.gif);
 background-repeat:repeat;
}

.img-dte {
float:right;
margin-left:10px;
}

#site {
 position:relative;/*contient tout les autres calques*/
 margin:0px auto;
 width:1000px;
 text-align:left; /*on rétablit l'alignement normal du texte */
 background-color:#FFFFFF;
}

#copyright {
 margin:0px auto;
 width:850px;
 text-align:center; /*on rétablit l'alignement normal du texte */
 padding-top:5px;
 font-size:10px;
 color:#000;
 padding-left:150px;
}

.adresse-email{
 font-size:10px;
 color:#000;
 text-decoration:none;
}

.adresse-email:hover{
 font-size:10px;
 color:#000;
 text-decoration:underline;
}

#bandeau {
float:left;
width:1000px;
background-color:#FFFFFF;
}

#bandeau-logo {
float:left;
width:998px;
/*border-top:1px solid #66CC66;*/
border-right:1px solid #66CC66;
border-left:1px solid #66CC66;
}

#logo{
float:left;
width:192px;
/*padding-left:15px;*/
margin-left:15px;
height:41px;
background-image:url(image/logo-apave.gif);
background-repeat:no-repeat;
}

#logo-txt{
float:left;
width:765px;
padding-top:20px;
padding-left:15px;
color:#999999;
font-size:9px;
font-weight:bold;
}

#bandeau-vert{
float:right;
width:990px;
height:20px;
background-color:#99ca3c;
text-align:right;
font-weight:bold;
padding-right:10px;
padding-top:6px;
}

#bandeau-indigo{
float:left;
width:1000px;
}

#indigo-vert{
float:left;
width:186px;
height:76px;
background-color:#99ca3c;
}

#coin{
float:left;
width:101px;
}

#indigo-txt{
float:left;
width:713px;
height:48px;
background-color:#a50060;
color:#fff;
font-size:25px;
font-weight:bold;
/*padding-top:15px;*/
}

#ss-titre-page {
text-align:right;
font-size:14px;
padding-top:8px;
padding-right:10px;
}

#titre-page {
float:left;
width:550px;
}

#indigo-blanc{
float:left;
width:713px;
height:27px;
background-color:#FFFFFF;
}

#page{
float:left;
width:1000px;
background-image:url(image/fond-page.gif);
background-repeat:repeat-y;
padding-bottom:10px;
}

#menu{
float:left;
width:162px;
background-color:#99ca3c;
padding-left:12px;
padding-right:12px;
}

.cartouche a{
color:#fff;
text-decoration:none;
cursor:hand;
}

.cartouche a:hover{
color:#A60004;
border-left:1px solid #A60004;
padding-left:5px;
}

#diapopasvu{
color:#fff;
text-decoration:none;
}

#diapopasvu:hover{
color:#fff;
border-left:0px solid #A60004;
text-decoration:none;
padding-left:0px;
}


.cartouche{
float:left;
width:162px;
margin-bottom:10px;
}

.cartouche-ht{
float:left;
width:162px;
background-image: url(image/cartouche-ht.gif);
text-align:center;
font-weight:bold;
color:#fff;
}

.cartouche-mil{
float:left;
width:156px;
background-color:#8abc40;
padding-left:6px;
font-weight:bold;
color:#fff;
}

.cartouche-bas{
float:left;
width:162px;
height:16px;
background-image: url(image/cartouche-bas.gif);
}

#contenu{
float:left;
width:790px;
background-color:#ffffff;
/*margin-left:190px;
padding-bottom:10px;*/
padding-left:10px;
}


.btn-formation{
float:right;
padding-top:10px;
margin-right:10px;
}
/* Style du footer */

#footer{
float:left;
width:1000px;
height:20px;
text-align:center;
font-weight:bold;
font-size:10px;
color:#000;
background-color:#FFFFFF;
}

#footer-vert{
float:left;
width:186px;
height:20px;
background-color:#99ca3c;
}

/* Style du formualire d'identification */

#connection form{
float:left;
width:156px;
}

#connection label{
float:left;
font-size:11px;
padding-bottom:2px;
width:156px;    
}

.inputTxt {
float:left;
border:solid 1px #000;
margin-bottom:5px;
width:110px; 
font-size:11px;
}
#input-btn{
border:1px solid #A60004;
text-align:center;
font-weight:bold;
color:#A60004;
float:left;
font-size:11px;
width:80px;  
margin-left:30px;
background-color:#fff;
cursor:pointer;
}

.erreur{
color:#A60004;
border:2px solid #A60004;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
background-color:#fff;
text-align:center;
font-weight:bold;
}

/*********************************************/
div.groupe{
float:left;
width:395px;
}

div.theme{
float:left;
width:393px;
margin-right:2px;
/*margin-bottom:10px;*/
}

div #boutonFlash{
float:left;
width:400px;
padding-bottom:10px;
padding-top:10px;
text-align:right;
}

h2,h2 a, h2 a:hover {
	font-family: Verdana;
	font-weight: bold;
	font-size: 17px;
	color: #7DAF1E;
	line-height: 21px;
	margin-top: 10px; margin-bottom: 10px; margin-left: 0; margin-right: 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	padding-right:7px;
}

.cartouche a.actif{
color:#A60004;
border-left:1px solid #A60004;
padding-left:5px;
}

a.actifNoClick{
color:#5b8505;
text-decoration:none;
}

a.actifNoClick:hover{
color:#5b8505;
border-left:0px solid #A60004;
text-decoration:none;
padding-left:0px;
}
	
h1 {
	font-family: Verdana;
	font-weight: bold;
	font-size: 21px;
	color: #A5166F;
	line-height: 25px;
	margin-top: 10; margin-bottom: 25px; margin-left: 0; margin-right: 0;
	padding: 0 0 0 0;
}

/***** Profil stagiaire *****/
#profil{
float:left;
width:650px;
}


#profil label{
float:left;
padding-bottom:2px;
width:150px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

#profil label.droite{
float:left;
width:312px;
}

#profil label.saut
{
float:left;
width:502px;
}

#profil input, select {
float:left;
border:solid 1px #000;
margin-bottom:5px;
width:150px;/*110*/
font-size:11px;
margin-right:10px;
color:#A60004;
}

#profil input.date2chiffres{
float:left;
width:20px;
}

#profil .date4chiffres{
float:left;
width:40px;
margin-right:26px;
}

#profil label.dateSlash{
float:left;
width:10px;
margin-right:5px;
}

#profil input[type=checkbox] {
float:left;
border:solid 0px #000;
margin-bottom:7px;
width:150px;
font-size:11px;
margin-right:10px;
color:#A60004;
text-align:left;
}

#profil input.adresse {
float:left;
border:solid 1px #000;
margin-bottom:5px;
width:462px;
font-size:11px;
margin-right:10px;
color:#A60004;
}

#profil input[type=submit] {
float:left;
border:solid 1px #000;
margin-bottom:5px;
width:110px; 
font-size:11px;
margin-right:10px;
color:black;
}
/***** Profil stagiaire *****/

.asterix{
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #A5166F;
line-height: 11px;
}

p span.asterix{
float:left;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #A5166F;
width: 500px;
}
/****************************/
.cartouche-mil li{
margin-left:30px;
}

.cacher {
display:none;
}

.cacherV{
visibility:hidden;
}

.afficherV{
visibility:visible;
}
.afficher {
display:block;
}

#flash{
/*margin-left:20px;*/
}


#table-admin{
border-collapse:collapse;
}

#table-admin th{
text-align:center;
background-color:#99CA3C;/*Vert foncé #7DAF1E #99ca3c A5166F*/
}
#table-admin td{
padding-left:5px;
}
#table-admin th, td{
border:1px solid black;
}

.couleur-paire{
background-color:#dcc1d2;
}
.couleur-impaire{
background-color:#BD8EAF;
}

span.ajouter{
padding-bottom:2px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

/*************** CSS Admin *******************/

/***** Profil stagiaire *****/
#profil{
  float:left;
  width:650px;
}

#profil label
{
float:left;
padding-bottom:2px;
width:150px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

#profil label.noFloat
{
float:left;
padding-bottom:2px;
width:150px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

#profil label.apresCivilite
{
/*float:left;*/
clear:both;
padding-bottom:2px;
width:150px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

#profil label.droite
{
float:left;
width:340px;
height:22px;
}

#profil label.gauche
{
float:left;
width:312px;
height:12px;
}

#profil label.saut
{
float:left;
width:502px;
}

#profil input{
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:150px;/*110*/
font-size:11px;
margin-right:10px;
color:#A60004;
}

#profil select {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:152px;
font-size:11px;
margin-right:8px;
color:#A60004;
}

#profil input.date2chiffres{
float:left;
width:20px;
}

#profil .date4chiffres{
float:left;
width:40px;
margin-right:26px;
}

#profil label.dateSlash{
float:left;
width:10px;
margin-right:5px;
}

#profil input.check {
float:left;
border:solid 0px #000;
margin-bottom:7px;
width:150px;
font-size:11px;
margin-right:10px;
color:#A60004;
text-align:left;
}

#profil input.adresse {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:462px;
font-size:11px;
margin-right:10px;
color:#A60004;
}

#profil input.valider {
float:right;
border:1px solid #A60004;
margin-right:40px;
width:100px;
font-size:11px;
color:#A60004;
}

/***** Profil stagiaire *****/

#admin-cours{
float:left;
width:420px;
}

#admin-cours p>span.asterix{
float:left;
margin-bottom:20px;
}

#admin-cours label{
float:left;
background-color:lightred;
padding-bottom:2px;
width:150px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

#admin-cours input, select {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:250px;
font-size:11px;
margin-right:10px;
color:#A60004;
}

#admin-cours textarea {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:250px;
height:100px;
font-size:11px;
margin-right:10px;
color:#A60004;
}

#admin-cours input.valider {
float:right;
border:1px solid #A60004;
margin-bottom:5px;
margin-right:18px;
width:100px;
font-size:11px;
color:#A60004;
}

#admin-sequence{
clear:both;
width:800px;
}

#admin-sequence label{
float:left;
padding-bottom:2px;
width:100px;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

#sequence-modif{
float:left;
width:370px;
margin-left:20px;
}

#sequence-modif form{
float:left;
width:370px;
margin-bottom:30px;
}

#sequence-modif h3{
font-weight: bold;
font-size: 14px;
color: #A60004;
line-height: 11px;
margin-bottom:10px;
}

#sequence-modif input, select {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:250px;
font-size:11px;
margin-right:10px;
color:#A60004;
}

#sequence-modif input.valider {
float:right;
border:1px solid #A60004;
margin-bottom:5px;
margin-right:18px;
width:100px;
font-size:11px;
color:#A60004;
}

#admin-diapo{
float:left;
width:800px;
padding-top:10px;
}

#admin-diapo h3{
font-weight: bold;
font-size: 14px;
color: #A60004;
line-height: 11px;
}

#admin-diapo label{
float:left;
padding-bottom:2px;
width:100px;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

#admin-diapo input, select {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:250px;
font-size:11px;
margin-right:10px;
color:#A60004;
}

#admin-diapo select.diapo{
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:135px;
font-size:11px;
margin-right:20px;
color:#A60004;
}

#admin-diapo input.valider {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
margin-right:5px;
width:100px;
font-size:11px;
color:#A60004;
}

#diapo-modif {
float:left;
width:800px;
}

#diapo-modif form{
float:left;
width:370px;
margin-bottom:30px;
}

#diapo-modif h3{
font-weight: bold;
font-size: 14px;
color: #A60004;
line-height: 11px;
}

#diapo-modif input {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:250px;
font-size:11px;
margin-right:10px;
color:#A60004;
}

#diapo-modif input.valider {
float:right;
border:1px solid #A60004;
margin-right:18px;
width:100px;
font-size:11px;
color:#A60004;
}

#diapo-modif div.form-radio-div{
float:left;
width:370px;
margin-left:20px;
}

#diapo-modif select {
float:left;
border:1px solid #A60004;
margin-bottom:5px;
width:250px;
font-size:11px;
margin-right:10px;
color: #7DAF1E;
}

#diapo-modif optgroup{
color: #A5166F;
font-weight:bold;
font-style:italic;
width:200px;
}

#diapo-modif option{
color: #7DAF1E;
padding-left:30px;
}

div#form-radio{
float:left;
width:125px;
}

div#form-radio input.radio {
border:0;
width:15px;
height:13px;
}

div#form-radio label {
border:solid 0px #000;
margin-bottom:7px;
width:100px;
font-size:11px;
color:#A60004;
text-align:left;
}

div#form-radio label.vert {
float:left;
padding-bottom:2px;
width:125px;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

div#form-radioPos input.radio {
border:0;
width:15px;
height:13px;
}

div#form-radioPos label {
float:left;
border:solid 0px #000;
margin-bottom:7px;
width:50px;
font-size:11px;
color:#A60004;
text-align:left;
}

div#form-radioPos label.vert {
float:left;
padding-bottom:2px;
width:125px;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}

.asterix{
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #A5166F;
line-height: 11px;
}

p span.asterix{
float:left;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #A5166F;
width: 500px;
}
/****************************/
.cartouche-mil li{
margin-left:30px;
}

.cacher {
display:none;
}

.cacherV{
visibility:hidden;
}

.afficherV{
visibility:visible;
}
.afficher {
display:block;
}

#flash{
/*margin-left:20px;*/
}

/***** TABLEAU *****/
/*******************/
#table-admin{
border-collapse:collapse;
float:left;
}

#table-admin th{
text-align:center;
background-color:#99CA3C;/*Vert foncé #7DAF1E #99ca3c A5166F*/
}
#table-admin td{
padding-left:5px;
}
#table-admin th, td{
border:1px solid black;
}

.couleur-paire{
background-color:#dcc1d2;
}
.couleur-impaire{
background-color:#BD8EAF;
}
/*******************/

span.ajouter{
padding-bottom:2px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #7DAF1E;
line-height: 11px;
}


/**** Formateur : statistique ****/
#form_choixStat{width:420px;float:left;}
#form_choixStat p{margin-bottom:10px;}

#form_choixStat div.choix{
width:220px;
height:30px;
margin-bottom:30px;
}

#form_choixStat input.radio{
float:left;
border:0;
width:15px;
height:13px;
}

#form_choixStat label{
float:left;
width:200px;
border:0;
color:#A60004;
text-align:left;
margin-bottom:5px;
margin-left:5px;
}

#form_choixStat input.valider {
float:left;
border:1px solid #A60004;
margin-right:40px;
width:100px;
font-size:11px;
color:#A60004;
}

div.imageStat img{
float:left;
width:348px;
}

/**** Administrateur : inscription ****/
#form_inscrire{width:540px;}
#form_inscrire p{margin-bottom:10px;}

#form_inscrire div.choix{
width:220px;
height:30px;
margin-bottom:30px;
}

#form_inscrire div.choix input.radio{
float:left;
border:0;
width:15px;
height:13px;
}

/**** Formateur : statistique seulement ****/
#form_inscrire div.choix input.valider{
float:left;
border:1px solid #A60004;
margin-right:40px;
width:100px;
font-size:11px;
color:#A60004;
}

#form_inscrire div.choix label{
float:left;
width:200px;
border:0;
color:#A60004;
text-align:left;
margin-bottom:5px;
margin-left:5px;
}

#form_inscrire label{
float:left;
width:200px;
border:solid 0px #000;
margin-bottom:7px;
font-size:11px;
color:#A60004;
text-align:left;
}

#form_inscrire select{
display:block;
border:1px solid #A60004;
width:300px;
}

#form_inscrire input.valider {
float:right;
border:1px solid #A60004;
margin-right:40px;
width:100px;
font-size:11px;
color:#A60004;
}

/**** Formateur : stat par stagiaire ****/
#form-stagiaireStat{
width:540px;
}
#form-stagiaireStat label{
float:left;
width:180px;
}
p.noStat{
float:left;
margin-top:30px;
width:500px;
font-weight:bold;
}

table.tableStat{
float:left;
width:500px;
border-collapse:collapse;
margin-bottom:20px;
margin-top:15px;
}

table.tableStat td, th{
border:1px solid black;
text-align:center;
}
table.tableStat th{background-color:#99CA3C;}
table.tableStat td{
background-color:#dcc1d2;
padding-top:5px;
padding-bottom:5px;
}

.noFlash{
font-size:11px;
font-weight:bold;
color:#A60004;
}