/* elearning-services - WITH EASE  12-09-2005 */
/*

 bleu : #1f386b
 jaune clair : #fff782
 jaune fonce : #fac205
 fond : #f5f2c0
 background body : #ebebeb; 
*/

body{margin:0; padding:0 0 20px 0; background:#ebebeb;}
img {border:none;}
a {color:#585B54; text-decoration:underline;}
a:visited {color:#585B54;}
a:hover{color:#1F386B;}

table,td{ vertical-align:top;}
h2 {font-size:16px;}
h3 {font-size:14px;}
.center{text-align:center;}
.red {color:red;}
.small {font-size:12px}
#logo{clear:both; background:url('img/entete.gif'); width:780px; height:125px;}
#logo h1{font-weight:normal; font-style:italic; font-size:18px; font-family:arial; color:#1f386b;margin:20px 0 5px 80px;}
#loginBox{ width:270px; height:70px; margin:0 0 0 510px;}
#loginBox .input {padding:5px 0 0 14px;}

#main{position:absolute; left:50%; width:780px; z-index:2; background:#f5f2c0; margin:0 auto 0 -390px;  font-family: arial, "sans serif"; color:#585B54; font-size:14px;}
#footer{margin:30px 0 0 0; text-align:center; font-size:12px; clear:both; background:#1f386b; color:#1f386b;}
#footer div {background:#fac205; margin:0 auto 0 auto;  width:626px; height:20px; line-height:20px;}

#content{margin:10px 20px 20px 20px; background:#fff; padding:10px; color:#1f386b;}
#content h1 {margin:5px 0 10px 0;}

.tabCours{padding:0; margin:0;}
.tabCours h2 {background:#fac205; color:#fff;padding:0; text-indent:10px;}
.tabCours .td{width:240px; vertical-align:top;}
.tabCours p {padding:0 0 0 10px;}
.tabCours ul{list-style:url('img/puceb.gif'); margin: 0 0 0 10px; padding: 10px 0 0 10px;}
.tabCours #purchase strong{font-size:36px;}
#detailTitres{display:none; width:680px; margin:10px; background:#f5f2c0; padding:5px;}

.how td {vertical-align:top;}
.how p{padding: 0 5px 10px 5px;}
.how img {padding:15px 5px 15px 5px;}
.how .td2{width:325px;}
.cheminFer{margin:5px 0 10px 20px; color:#1f386b;}
/* formulaire */

.form1{padding:0; margin:0;}
.form1 table {width:100%; padding:0; margin:0; }
.form1 th {padding:0; margin:0; background:#fac205; color:#fff; text-align:left; text-indent:10px;}
.form1 h2{padding:0; margin:0;}
.form1 td {width:25%; padding:8px 0 3px 10px; vertical-align:middle;}
.form1 .tdInput{text-align:right;}
.form1 .tdInput input{width:124px; height:15px; margin:0; padding:0;}
.form1 .submit{text-align:center;}
/* .form1 .submit input{background:#1f386b; color:#fac205; font-weight:bold; border:outset #fff782;} */
.form1 .submit input{background:#fac205; color:#1f386b; font-weight:bold; border:outset #fff782;}
#importantEmail{display:none; font-size:12px; background:#f5f2c0; padding:5px; color:red;}

/* div d'info masquées */
.infosHidden{width:400px; display:none;}
.infosHidden h3 {text-align:center; background:#fac205;}
.infosHidden h3 a{margin-left:40px;}
.infosHidden h3 a:hover {color:red;}

/* index */

#tMain{width:742px; border:none; padding:0; margin:0 auto 0 auto; color:#1f386b; }
#tdMainL, #tdMainR{vertical-align:top;  font-size:14px;}
#tdMainL{width:471px; margin:0; padding:10px; text-align:justify; background:#fff; }
#tdMainL h2 {margin:10px 0 10px 0;}

#tdMainR{width:263px; padding:0 10px 0 10px; text-align:center; }

#tdMainR ul{margin:0; padding:0; text-align:left;}
#tdMainR #ulTop {list-style-image:url('img/puceb.gif'); padding:20px 5px 0 25px;}
#tdMainR #ulBot {background:#f5f2c0; list-style-image:url('img/pucej.gif'); padding:20px 5px 20px 25px; font-family:"century gothic",arial; font-size:16px;}
#tdMainR .white {background:#fff; padding:0 0 1px 0;}
#tdMainR .white span{margin:0 10px 0 10px; font-size:10px;}


#purchase{background:#1f386b; color:#fac205; font-size:22px; padding:10px; margin:0; font-family:"century gothic",arial; text-align:center;}
#purchase strong{font-size:44px;}
#purchase small {font-size:14px;}
#purchase a {font-size:14px; color:#fac205; padding:0 5px 0 5px;}
#purchase a:visited{color:#fac205;}
#purchase a:hover{color:#fff782;}
#purchase img{ vertical-align:middle;}
#purchase select {width:140px; height:18px; background:#1f386b; color:#fac205; text-align:left; margin:5px 2px 0 0px; border:solid 1px #fac205;  }
#purchase span {background:#fac205; color:#1f386b; font-size:18px; font-weight:bold;}

#cours{width:452px; height:136px; background:url('img/buyCourses.gif'); padding:0;}
#cours img {width:226px; height:136px; padding:0; margin:0;}

#infosCours{margin:0 auto 20px auto; padding:0; text-align:center;}
#infosCours a{font-weight:bold; font-size:14px; padding:0 40px 0 40px;}
#infosCours a:hover{color:#1f386b;}

/* Login */
#loginBox{ width:270px; height:70px; margin:0 0 0 510px;}
#loginBox form{padding:0; margin:0;}
#loginBox table{padding:0; margin:0; color:#1f386b;}
#loginBox td {width:135px; padding:5px 0 5px 0; font-size:10px;}
#loginBox .tdLog1{height:26px; padding:0 0 0 155px; line-height:26px;}
#loginBox .tdLog1 img{height:20px; width:34px; margin:4px 5px auto 60px;}
#loginBox .tdLog2{padding: 5px 0 0 14px; width:256px;}
#loginBox input {margin:0; padding:0; width:100px;}
#loginBox a {color:#fff; text-decoration:none;}
#loginBox a:hover{text-decoration:underline; color:#969696;}
#loginBox #subForm1{border:none; width:27px; height:17px; background:url('img/btgoS.gif'); margin:12px 0 0 0;}

/**  #multiCours{display:none; position:absolute; z-index:15; left:650px; top:30px; width:90px; padding:5px; border:solid 1px #1f386b; background:#fac205;}  **/
#multiCours{display:none; position:absolute; z-index:15; left:650px; top:30px; width:100px; padding:5px; border:outset 3px #FAC205; font-weight:bold; color:#fac205; background:#1f386b;} 


.subForm{border:none; width:27px; height:17px; background:url('img/btgoS.gif'); margin:12px 0 0 0;}
.java{font-size:14px; margin:10px 0 0 0; vertical-align:top;}
.java img{ float:left; vertical-align:middle;margin:0 5px 0 0 ;}