/* par Caroline Etivant pour Leem Apprentissage */
/* sur la base d'une template libre de Macromedia */

body  {
	font: 12px Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
    }
.twoColFixLtHdr #container {
	width: 950px;
	margin: 10px auto;
	text-align: left;
    } 

/* le header */
/* ********* */
.twoColFixLtHdr #header {
	padding: 0 10px 0 20px;
	height: 200px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
    } 
#header h1, #header h2 {
	visibility:hidden;
    }
#recherche {
	margin: 0 50px 0 0;
	float: right;
	padding: 10px 10px 10px 11px;
	background-image: url(images/fond_rech2.gif) !important; /* Hack CSS pour FF */
	background-image: url(images/fond_rech.gif);
}
#navcontainer {
	width: 100%;
	background-color: #FFFFFF;
	padding: 5px 0;
	border-bottom: 8px solid #0EA4D6;
	height: 20px;
	background-repeat: no-repeat;
}
#navcontainer ul {
	margin: 0;
	padding: 0 0 0 13%;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	padding: 0.2em 12px;
	background-color: #fff;
	color: #0EA4D6;
	text-decoration: none;
	float: left;
	border-right: 1px solid #94B473;
}
#navlist li a:hover, #navlist li a:active {
	color: #000;
	text-decoration: none;
}
#etatnav {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}
#etatnav a {
	color: #0EA4D6;
}

/* Navigation latérale */
/* ******************* */

#navlist2 {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #ccc;
	width: 200px;
}
#navlist2 li {
	border-top: 1px solid #ccc;
	list-style-type: none;
	background-image: url(images/puce_la.jpg);
	background-repeat: no-repeat;
	background-position: 0% 60%;
	padding: 5px 0 5px 23px;

}
#navlist2 li a {
	text-decoration: none;
	color: #f60;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#navlist2 li a:hover {
	color: #000;
}
#benday {
	padding: 7px;
	background-image:url(images/benday.jpg);
	background-repeat:no-repeat;
	margin: 35px 0 10px;
	font: bold 14px Arial;
	color: #FFFFFF;
}
#menu_inscrire li {
	background-image: url(images/fancy_benday.jpg);
	background-repeat:no-repeat;
	background-position: 0 2px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height:32px;
	list-style:none;
	padding-left: 10px !important; /* Hack CSS pour FF */
	padding-left: 0px;
}
#menu_inscrire li a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.twoColFixLtHdr #sidebar1 {
	float: left;
	width: 200px;
	padding: 15px 20px 15px 0;
	border-right: 1px solid #ccc;
}

/* Contenu principal */
/* ***************** */
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 220px;
	padding: 20px;
} 
.twoColFixLtHdr #mainContent h1 {
	font: bold 17px Georgia, "Times New Roman", Times, serif;
	color: #0EA4D6;
}
.twoColFixLtHdr #mainContent h2 {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #f60;
}
.twoColFixLtHdr #mainContent p {
	line-height: 16px;
}
.twoColFixLtHdr #mainContent p a {
	color: #f60;
	background-color:#FFF9F0;
	border-bottom: 1px dotted #f60;
	border-top: 1px dotted #f60;
	text-decoration:none;
	font-weight: bold;
}
.twoColFixLtHdr #mainContent p a:hover {
	border:none;
	text-decoration:underline;
	background-color:#fff;
	color: #0EA4D6;
}
.twoColFixLtHdr #mainContent h1.accueil {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #A44200;
} 
.twoColFixLtHdr #mainContent h1.etudiant {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #0EA4D6;
} 
.twoColFixLtHdr #mainContent h1.entreprise {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FFCC00;
    } 
.twoColFixLtHdr #mainContent h1.formation {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #f60;
    } 
.twoColFixLtHdr #mainContent li.autres { /* pour la page autres sites*/
	margin : 10px 0;
	list-style-type: none;
	background-image: url(images/small_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 20px;
    } 
.twoColFixLtHdr #mainContent li.autres a{ /* pour la page autres sites*/
	color: #0EA4D6;
    }
.twoColFixLtHdr #mainContent li.autres a:hover{ /* pour la page autres sites*/
	text-decoration: none;
    } 

/* precedent / suivant */
/* ******************* */
a.Suivant {
	background-image: url(images/suivant.gif);
	background-repeat:no-repeat;
	background-position:right;
	color: #0EA4D6;
	padding-right: 25px;
}
a.Precedent {
	background-image: url(images/precedent.gif);
	background-repeat:no-repeat;
	background-position:left;
	color: #0EA4D6;
	padding-left: 25px;
}

/* Le footer */
/* ********* */
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
	background-image: url(images/fond-footer.gif);
    } 
.twoColFixLtHdr #footer p {
	margin: 0;
	padding: 10px 0;
	font: bold 11px Tahoma, Arial;
	text-align:center;
	color: #fff;
    }
.fltrt { 
    	float: right;
    	margin-left: 8px;
    }
.clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

/* Présentation des avis */
#avis-cont {
	margin-top: 15px;
	margin-right: 15px;
}
#avis {
	border-top : 1px solid #ccc;
	padding: 10px 0;
	min-height: 93px;
	font-size: 12px;
}
#avis h3.date {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	float:right;
	width: 130px;
	text-align: right;
}
#avis h2.titre {
	font: bold 1em Arial;
	margin:0;
}
#avis h2 a {
	color:#f60;
	text-decoration:none;
}
#avis h2 a:hover {
	text-decoration:underline;
}
#avis img.titre {
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#avis p.apercu {
	margin: 5px 0;
	line-height: 1.3em;
}
#avis p.source {
	color: #999999;
	margin: 0;
}
#avis p.source a {
	color: #390;
}
#avis p.user {
	color: #666666;
	margin: 0;
}

/* Les tableaux */
/* ************ */
table {
	font: 12px Arial, Helvetica, sans-serif;
}
table.formul {
	font: bold 11px Arial, Helvetica, sans-serif;
}
th.formation {
	font-weight:bold;
	text-align: left;
	border-right: 1px solid #ccc;
	padding: 0 10px;
}
a.lien {
	color:#f60;
	text-decoration: none;
}
a:hover.lien {
	text-decoration: underline;
}
td.formation {
	border-right: 1px solid #ccc;
	padding: 0 10px;
}
td.premier {
	font: 11px Tahoma, Arial;
}
td.premier a {
	color: #00CC66;
}
.etoiles_tab {
	margin-top: 0;
}
hr {
	color: #ccc; /* pour IE */
	background-color: #ccc; /* pour FF */
	height: 1px;
	border: 0; /* pour Safari et Opera */
}
/* Tableaux des pages maincontent avis formations */
td.niveau {
	padding: 5px;
	background-color:#F4F4F4;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #0EA4D6;
}
th.top {
	padding: 5px;
	background-color:#97DFFF;
	text-align:center;
}
th.top_avis {
	padding: 5px;
	background-color:#FF9999;
	text-align:center;
}
td.top2 {
	padding: 5px;
	background-color:#E8F8FF;
	border-right: 1px solid #97dfff;
	text-align:center;
	font-weight:bold;
	font-size: 11px;
}
td.les_etoiles {
	padding: 5px;
	background-color:#f8f8f8;
	border-bottom: 1px dotted #ccc;
	border-right: 1px solid #97dfff;
	text-align:center;
}
td.les_etoiles2 {
	padding: 5px;
	background-color:#f8f8f8;
	border-bottom: 1px dotted #ccc;
	border-right: 1px solid #97dfff;
	text-align:left;
}
td.le_texte {
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	border-right: 1px solid #97dfff;
}
td.der_col {
	padding: 5px;
	border-bottom: 1px dotted #ccc;
	border-right: 1px solid #97dfff;
	text-align:center;
}
td em {
	color: #0099CC;
}
/* Les formulaires */
/* *************** */
form {
	margin:0;
	padding:0;
}
input {
	font: normal 11px Tahoma, Arial;
	color: #006699;
}
input.largeur1 {
	width:108px;
	height:15px;
	background:url(images/champ_texte1-1.gif) no-repeat left top;
	border:none; 
	padding:4px 0 4px 4px;
}
textarea.textarea1 {
	width:191px;
	height:73px;
	background:url(images/textarea.gif) no-repeat left top;
	background-position:0px 0px;
	border:none;
	padding:4px 0 4px 8px;
}
select { 
  background: #F4F4F4;
  border: 1px solid #000; /* ce style ne sera pas visible sous IE6 */
  color: #006699;
  font: normal 11px Tahoma, Arial;
}
.bouton_noir {
	background-color: #000;
	color: #fff;
	padding: 4px;
	border: none;
	font-weight:bold;
}
.Attention {
	color: #c30;
}
td.formul {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #006699;
	padding: 8px 0;
	
}