/* *** Redéfinition des balises principales *** */
html, body {
	height: auto;
	min-height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E5E5E5;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;
	/*overflow: -moz-scrollbars-vertical;*/
}
a, a:link {
	border: none;
	outline: 0 none;
	text-decoration: none;
	color:#008bc6;
}
img {
	display: block;
	border: 0;
}
	
/* *********** Containers *********** */
#main { /* Container principal */
	width: 776px;
	margin: 0;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;  /* !!!!!!!!!  Si équivalent à redéfinir dans body !!!!!!!!! */
	font-size: 12px; 
	height: 100%;
	overflow: hidden;
	text-align: left;
}

#bandeau {
	height: 140px;
	background-image: url(../images/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#menu {
	margin: 0;
	padding: 0;
	height: 22px;
	border-bottom: 1px solid gray;
}

#nav{ 
	border:1px solid #AAA;
	float:left;
	border-width:0 1px;
}

#gauche {
	width: 602px;
	margin: 0;
	float: left;
	border-left: 1px solid gray;
	padding: 5px 0 0 5px;
	background-color: #FFF;
	/* border: 1px solid red; */
}
#centre {
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #FFF;
	list-style-image: url(../images/puce.png);
	/* border: 1px solid red; */
}
#droite {
	width: 156px;
	margin: 0;
	float: right;
	border-right: 1px solid gray;
	padding: 5px 0 0 5px;
	background-color: #C1E2F1;
}
#pied {
	clear: both;
	height: 20px;
	background-color: #008BC6;
	font-weight: bold;
	text-align: right;
	color: #FFF;
	padding: 5px 5px 0 0;
}

/* *********** Bandeau *********** */
#titreservice {
	text-align: left;
	font-weight: bold;
	color: #676568;
	margin: 0;
	padding: 2px 0 0 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#logop8 {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
#logoC2I1 {
	float: right;
	margin-right: 10px;
	margin-top: 23px;
}

#titresite {
	clear: both;
	text-align: right;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 15px 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/* *********** Menu *********** */
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none; /* pas de puce */
}
#menu li {
	float: left; /* Rend le menu horizontal */
	width: 	90px;
	height: 16px;
	margin: 5px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #000;
	background: #fff;
	/*border: 1px solid gray;*/
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}
#menu li:hover {
	background: #ccc;
	border: 1px solid transparent;
}
#menu #this { /* Menu indiqué actif dans le code XHTML de la page */
	border-bottom: 1px solid white;
}
/* *** Styles de page *** */
h1 {
	color: #676568;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: black;
}
h3 {
	font-size: 12px;
	text-decoration: underline;
	color: black;
}
h6{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.obl {
	font-style: oblique;
}
.huit {
	color : red;
}
.c2i {
	font-weight: bold;
	color : #1374B1;
}
.bold {
	font-weight:bold;	
}

.underline {
	text-decoration : underline;
}

/* *** Styles du tableau du référentiel C2i   ***   */
#tableau_ref_centre {
	width:766px;
	margin-left:auto;
	margin-right:auto;	
}
.tableau_ref {
}
.tableau_ref th {
		color:#1374b1;
		font-weight:bold;
		text-align:center;
		background-color:#FFC;
}
.tableau_ref ol {
	/*list-style-type:circle;	*/
}
.tableau_ref li {
	list-style-type:circle;	
}
.domaines {
	font-weight:bold;
	color:#1374b1;
}
.bolder {
	font-size:1.4em;	
}

.justify p {
	text-align:justify;	
}
/* *** Inscriptions C2i théorique *** */
#inscriptionC2i {
		border:#09F solid;
		background-color:#F4F4F4;
}



/* *** Styles du tableau du planning en IPT *** */
.planning td  {
	width:150px;
}
.planning th {
	text-align:center;
}

.salles_creaneaux {
	font-size:10px;
	width:80px;
}

caption {
	font-size:15px;
	font-weight:bold;
}
.prepaC2i, .anglais1, .droit1, 
.TNSI, .bureautiqueLangues, .geographie,
 .dpcu, .cinema, .arts, .hebreu, .musique,
 .socio, .geo , .fle , .cies, .speLangues, 
.droit2, .infoComm2, .iatoss, .redactionMemoire, 
.prepaC2i_complet, .prepaC2i_dispo, .sc_educ, .arts_complet, .tnsi_complet, .droit_c2i, .arbre,
.theoriqueC2i, .ecogestion, .c2i2e, .surete, .infocom, .petit-creneau, .ufr5, .ls {
	text-align:center;
}

.ls {
	background-color:#CCF;
}

.theoriqueC2i {
	background-color:#C09;
	color:#FFF;
}
.prepaC2i_complet, .arts_complet, .tnsi_complet {
	background-image:url(../images/complet.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.prepaC2i_complet {background-color:#9EF3FF;}

.arts_complet {background-color:#FF474A;}

.tnsi_complet {background-color:#A170CC;}

.prepaC2i_dispo {
	background-image:url(../images/dispo.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#9EF3FF;
}
.dispo {
	color:#F00;
	width:45px;
	height:12px;
	font-weight:bolder;
	position:relative;
	bottom:0px;
	left:120px;
	float:left;	
}

.surete {
	background-image : url(../images/bg_laurence.png);
	background-repeat:repeat;
}

.aes2 {background-color:#FC6;}

.prepaC2i {background-color:#9EF3FF;}

.ecogestion {background-color:#FF6;}

.anglais1 {background-color:#CCCCCC;}

.cours_prof {font-weight:bold;}

.petit-creneau {
	padding:0;
	margin:0;
}

.droit1 {background-color:#5F70CC;}

.droit_c2i {
	background-color:#60C;
	color:#FFF;	
}

.TNSI {background-color:#A170CC;}
.infocom {
	background-color:#F9F;	
	
}

.arbre {background-color:#F96;}
.bureautiqueLangues {background-color:#F27F13;}

.dpcu {background-color:#31C67C;}

.c2i2e {background-color:#FC9;}

.sc_educ {background-color:#06C; color:#FFF;}

.arts {background-color:#FF474A;}

.geo {background-color:#9C9;}

.ufr5 {background-color:#9F9;}

.musique, .hebreu, .cinema, .geographie, 
.socio, .fle, .cies, .speLangues, .droit2, .infoComm2, .iatoss, .redactionMemoire  {background-color:#9E9E9E;}

.complet {
	position:relative;
	top:0px;
	left:0px;	
}
#blink {
	text-decoration:blink;
	color:#F00;
	font-weight:bold;
}
.blink_class {
	text-decoration:blink;
	color:#FFF;
	font-weight:bold;
}

.linkToTop {
	font-size:8px;	
}

/* *** Styles du tableau des resultats de l'examen C2i ***   */
.resultatsC2i {
	margin-left:auto;
	margin-right:auto;
	width:600px;	
}
.admisC2i {
	background-color:#9FC;
	color:#000;	
}
.refuseC2i {
	background-color:#C30;
	color:#fff;	
}
.absentsC2i {
	background-color:#FF9;
	color:#360;	
}

/* *** Styles du tableau de log en IPT *** */
/*.formulaireLog {
	margin-left:auto;
	margin-right:auto;
	width:350px;
}
.tableLog {
	background-color:#CCC;	
}*/

/* ***   Styles du tableau des cours en IPT   ***   */
#background_th{
	background-color:#FEF0C0;
	text-align:center;
}
.bg_td_blanc {
	background-color:#fff;
}

.bg_tr_arts {
	background-color:#CCF;
	border-bottom-style:solid;
}
.bg_tr_arts2 {
	background-color:#FCC;	
}
.bg_tr_droit {
	background-color:#9FF;	
}
.bg_tr_scHumaine {
	background-color:#9FC;	
}
.bg_tr_langues {
	background-color:#9CF;	
}
.bg_tr_MIT {
	background-color:#C9F;	
}


/*   ***   styles du formulaire d'accès aux pages sécurisées   ***   */
#formulaire_log {
	background:url("../images/bg_form.png") no-repeat;
	display: inline;
	width: 301px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
}

.bloc-input {
	left:55px;
}

#formulaire_log .right-cap {
	background:url("../images/champs1.png") no-repeat top right;
	border: 0;
	display: block;
	float: left;
	height: 33px;
	padding: 0;
	width: 184px;
	position: relative;
	top:60px;
	left:100px;
	padding:0 0 5px 0;
}

#formulaire_log input#input_log, #formulaire_log input#input_pass {
	width: 160px;
	display: block;
	margin: 7px 0 0 10px;
	/*-webkit-margin: 5px 0 0 0;*/
	padding: 0;
	background-color: transparent;
	color: #666;
	font-size: 15px;
	font-weight: normal;
	border: 0;
	/*box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;*/
}

#formulaire_log {
	display: block;
	height: 179px;
	width: 301px;
}


#connexion input[type=submit]{
	background:url("../images/connexion.png") no-repeat;
	display: block;
	float: left;
	height: 37px;
	width: 141px;
	cursor: pointer;
	border:0;
	clear:both;
	position:relative;
	top:65px;
	left:150px;
}

.right_link {
	text-align:right;
	position:relative;
	left:730px;	
}
/* ***   script css pour la fonction accordion de JQuery   ***   */
li { list-style-type: none; }
.basic, #list2 { width:100%; }

.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	width:100%;
	cursor:pointer;
	display:block;
	/*padding:5px;*/
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-bottom: 1px solid #999;
	background-image:url("../images/accordion/AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("../images/accordion/AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("../images/accordion/AccordionTab2.gif");
}

#list2 {
	height: 178px;
	/*border: 1px solid #eee;*/
	overflow: hidden;
}