/***********************************/
/*   STYLES BUSINESS SCHOOL PGSM   */
/***********************************/

@import url("ui.tabs.css");

/* G A B A R I T   G L O B A L  */


body {
	font: normal 100% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: auto;
	text-align:center;
	behavior:url(../csshover.htc);
} 


.tmp {display:none;}


/*  P A G E   G L O B A L E   */


#page {
	width: 970px;
	margin: 0 auto;
	background:#fff;
	text-align:left;
}

/*   H E A D E R   */


#header {
	position:relative;
	width: 970px;
	height: 110px;
	text-align:left;
	background: #22347D;
}

#logo {
	position:relative;
	padding: 20px 0 20px 20px;
}

#imgRandom {
	position:absolute;
	top: 0;
	width: 394px;
	height: 90px;
	left: 575px;
}

#reseauPGSM {
	position:absolute;
	top: 30px;
	left: 453px;
}


/*   C O L O N N E    C E N T R A L E   */



#content {
	float:right;
	background:#fff;
	width:730px;
}



/*   H O M E   */



.fdHome {
	background:url(/images/pages/fd_home.jpg) repeat-x left bottom;
	border:1px solid #22347D;
	margin-top:-21px;
	background-color:#fff;
}

.fdHome h1,
.fdHome p{
	margin: 20px;
}

.textHome {
	font: normal 0.9em "Trebuchet MS" Arial, Helvetica, sans-serif;
	width: 950px;
}

.lastNews {
	float:right;
	margin: 46px 20px 20px 20px;
	width: 380px;
}

.listFlashHome {
	list-style-image: url(../images/pages/puce1.gif);
	padding-left: 0;
	margin-left: 50px !important;
}

.lastNews a{
	font: normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

.animHome {
	clear:both;
	width: 930px;
	margin: 0 20px;
}


/*   C O L O N N E   G A U C H E   */



.colGch {
	background:#fff;
	width:210px;
	height:100%;
	padding:0;
	margin:0 730px 0 0;
	text-align:left;
}

.relatedLinks {
	background:#fff;
	padding:0 0 0 20px;
	margin:0;
	text-align:left;
	border: 1px solid #E98516;
}

.relatedLinksTitle {
	background:#E98516;
	padding:2px 0 2px 20px;
	margin: 0 0 0 -20px;
	text-align:left;
	font:bold 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#fff;
}

.relatedLinks li{
	list-style-type:none;
	margin: 10px 0 0 -40px;
	font: normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

.testimonials,
.others {
	border:solid 1px #ccc;
	background:#fff;
	padding: 20px;
	margin-top: 20px;
	line-height:18px;
}

.testimonials span,
.others span {
	font:bold 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#22347D;
	margin: -10px 0 10px 0;
}

.others i {
	font: italic 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

.others li {
	font: normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

.others h2,
.testimonials h2 {
	margin-top:-5px;
	font-size: 16px;
}

.testimonials img {
	padding: 10px 10px 0 0;
}

.testimonials p em {
	font: italic 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

.externalLinksImg{
	margin-top: 20px;
}


/*   M E N U   H O R I Z O N T A L   */



#menu {
	display:none; /* classe menu utilisée par défaut dans PFA, désactivée et remplacée par classe listmenu dans un div */
}

div#listmenu {
	position:relative;	
	margin-left:452px;
	padding:0;
	height:20px;
	top: -20px;
	}
div#listmenu ul {
	margin: 0;
	padding: 0;
	position:absolute;
	display:block;
	}
div#listmenu li {
	border-left: 1px solid #22347D;
	list-style:none;
	float:left;
	position:relative;
	margin:0;
	padding:2px 8px;
	background: #DFDFDF;
	}
div#listmenu li:hover {background-color:#E98516;}
div#listmenu a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #22347D;
	display:block;
	text-decoration:none;
	}
div#listmenu a:hover {
	color: #fff;
	display:block;
}
div#listmenu ul li ul {
	margin:0; 
	position:absolute; 
	width:14em; 
	padding-top:3px;
	z-index:999;	
	}
div#listmenu ul li ul li {
	width:100%;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin-left:-10px;
	padding: 4px 10px;
	z-index:1000;
	}
div#listmenu ul li ul {display:none;}
div#listmenu ul li:hover ul,
div#listmenu ul li ul:hover {display:block;}
div#listmenu li li li{display:none;}


/* F I L   d' A R I A N E */
.filAriane {
	margin:0 0 5px 240px;
	padding-left:5px;
	background-color:#ddd;
}

/*  F O O T E R    */
#footer {
	float:right;
	width: 970px;
	margin-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px #ccc;
}

#footerOLD {
	position:relative;
	clear:both !important;
	width: 730px;
	left:240px;
	top: 10px;
	padding-bottom: 20px;
	border-top: solid 1px #ccc;
}

#footer a{
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #22347D;
}

#membersOf {
	width: auto;
	float:right;
	margin-top: -50px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #22347D;
}


/*  P A R A G R A P H E  et  L I S T E S  */
span, li, h1, h2, h3, h4, h5, h6 {
	font-size:0.8em;
	text-align:left;
}

p {
	font-size:0.8em;
	text-align:left;
	margin: 14px 0 14px 0;
}

.listLiensTbl li{
	list-style-image:url(/images/pages/puce_liens_tbl.gif);
	margin: 0 0 0 -20px;
	font: normal 1em Arial, Helvetica, sans-serif;
}

.listPages li,
.listPartenaireRSS li{
	list-style-image: url(../images/pages/puce1.gif);
	padding-left: 0;
	margin: 0 0 6px -20px;
}

.listPages2 li{
	list-style-image:url(/images/pages/puce_liens_tbl.gif);
	padding: 0;
	margin: 0 0 0 -20px;
}

.imgLeft {
	margin: 0 12px 4px 0;
}

.imgRight {
	margin: 0 0 4px 12px;
}


/*  L I E N S  */


a, 
a:visited{
	font-weight: normal;
	text-decoration: none;
	color: #00F;
}

a:hover, active {
	text-decoration: underline;
	}


a img {
	border:0;
	text-decoration: none;
	color:#FFFFFF;
}

a img p{text-decoration: underline;}


/*  P O L I C E S   */



h1 {
	font: bold 1.3em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #003369;
}

h2 {
	font: bold 1.1em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#0051AA;
}

td h2 {
	font: bold 1.1em "Trebuchet MS" Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}

h3 {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #06C;
}

h3 strong{
	font-weight:bold;
	color: #005CC4;
}

.h3univ {
	background: #DFDFDF;
	width: auto;
	padding: 5px;
}

h4 {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #6179DC;
}

td h4 {
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:none;
	margin: -5px 0;
}

strong {
	color:#333;
}

sup {font-size:10px;}

.important {
	font-weight:bold;
	color:red;
	}

/*   D I V E R S   */


.floatRight span {
	font:bold 1em Arial, Helvetica, sans-serif;
	color: #FDB71D;
}

.hautDePage {
	margin: -20px 0;
	padding: 30px 0 !important;
	height: 20px !important; /* fait office de marge basse quand on a un clear avec la classe hautDePage */
	font-size:0.8em;
	text-align:right;
}


/* T A B L E S   P R O G R A M M E S   B B A    M B A    D B A */

.tblForm {/* utilisée pour la liste des enseignants, la classe est dans la fonction view_teacher */
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 6px;
	border-bottom: 1px solid #ccc;
}

.tblNews td{
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color:#436094;
	padding: 4px;
	border-bottom: 1px solid #ccc;
}

.tblProg {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
}

.tblProg p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
}

.hotText {
	float:right;
	margin:0 0 30px 30px;
}

.hotText p {
	padding: 8px;
	margin:0;
}

.hotText h2 {
	padding: 4px;
}

.hotText img {
	padding:0;
	margin:0;
}

.tblTxtBrut {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color:#436094;
}

.tblTxtBrut td{
	border-bottom:1px solid #EBEBEB;	
}

.tblTxtBrut strong{
	color: #005CC4;
}

/* Affichage des NEWS  */
.barrenavig, .titleText {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color : #333;
	text-align : right;
	width:100%;
}

.titreNews {
	font: bold 1em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#0051AA;
}

.titreNews img {
	padding-right: 6px;
}

.tbcont {width: 100%;}

.desc {
	font: normal 12px Arial, Helvetica, sans-serif;
	color : #333;
	text-align : left;
}

.desc img {
	float: right;
	margin: 0 0 20px 20px;
}

.date {
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color: #003369;
	text-align: right;
	width: 100%;
	white-space: nowrap;	
	margin: 12px 0;
}

/* Alignenements */
.left {text-align : left;}
.center {text-align : center;}
.right {text-align : right;}
.justify {text-align: justify;}
.top {vertical-align : top;}
.middle {vertical-align : middle;}
.bottom {vertical-align : bottom;}

/* Floats */
.floatLeft{float: left;}
.floatRight{float: right;}


/* Largeurs relatives et fixes */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w16 {width:16%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}
.auto {width: auto;}
.w100px {width: 100px;}
.w120px {width: 120px;}
.w150px {width: 150px;}
.w200px {width: 200px;}



/* Séparateur  */
hr {
	border-top:1px dashed #aaa;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}


/* Autres */
.visibilityHidden{visibility:hidden;}
.noborder {border : 0 none;}
.nowrap{white-space: nowrap;}


/*  A N N U L A T I O N   D E S   F L O A T S  */
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}


/****************************************/
/* Formatage des champs de formulaires  */
/****************************************/

label {
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #000;
}

label.error { /* Sert pour les messages d'erreur de JQuery Validate */
	color : #ff0000;
	font-weight: bold;
	padding-left:5px;
}

input[type=submit] {
	background-color: #F60;
	color : #fff;
	border: 1px solid #000;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #bfd7ee;
	color : #336699;
}


/* Masquage par défaut des msg d'erreurs */
form.jpo label.error { 
	display: none;
}



/* S T Y L E S   A D M I N I S T R A T I O N   P F A   */

/* PFA */
table.adm {width : 100%; margin : auto; text-align : left;}


/* ADMIN */
.admtitle {background : #daf0f3; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}
.adm1 {background : #ffffcc; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}
.adm2 {background : #ffcc99; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}
.admin {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 15px; color : #000000; font-weight : bold; background : transparent;}
ul.arbo td.img {cursor: pointer; width: 16px;}
ul.arbo, ul.arbo ul {text-align: left; list-style-type:none;}
ul.arbo li {list-style-type:none; list-style-image: none; margin-left: -20px;}
ul.arbo ul {display:none;}
ul.arbo td.name {width:250px;}

/* DIRECTORY */
.vote {margin : auto; width : 150px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center; vertical-align : middle;}
.sublink {margin : auto; width : 550px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}
.categ {text-align : left; vertical-align : top; width : 100%;}
.titre {font-family :Helvetica, Arial, serif; font-size : 13px; background : #ffffff; color : #000000; text-align : left;}
.cat {font-family : Helvetica, Arial, serif; font-size : 13px; background : #ffe8cf; color : #000000; text-align : left;}

.nbsouscat {font-family : Helvetica, Arial, serif; font-size : 9px; color : #A2BCD6; font-weight : normal; background : transparent;}
.nbcat {font-family : Helvetica, Arial, serif; font-size : 10px; color : #A2BCD6; font-weight : normal; background : transparent;}
.help {font-family : Helvetica, Arial, serif; font-size : 13px; color : #006699; font-weight : normal; background : transparent;}
.obfield {font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000; font-weight : bold; background : transparent;}
.keywords {font-family : Arial, serif; font-size : 13px; color : red; font-weight : bold; background : transparent;}
.search {margin : auto; text-align : center; font-size : 14px; width : 100%;}
.error {color : #ff0000; font-weight : bold;}
.tmp {font-size : 10px; text-align : center; display:none;}
.title {text-align: center; font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 18px; color : #000000;}

.newsletter {margin : auto; width : 200px; height : 100px; text-align : center; vertical-align : middle;}
.transfer {margin-top : 10px; width : 250px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}
.submsg {margin : auto; width : 350px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}
.tbmsg {margin : auto; text-align : center; font-size : 14px; width : 90%; }
.tbimg {margin : auto; text-align : center; font-size : 14px; width : 600px;}
.imgbrowser {border: solid 1px #FFCC66; margin: auto; text-align: center; font-size: 14px; width: 600px;}
.msg {text-align : right;}
.authart {text-align : right; margin-top : 20px;}
.article {text-align : justify;}
.title_img1 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 20px; color : #000; text-align: center;}
.title_img2 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 16px; color : #000; text-align: center;}
.empty {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 17px; color : #000; background : transparent;}