@charset "UTF-8";

/* general tags and classes */
* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

html {
	font-size: 62.5%; /* = 10px in all browsers */
}

body {
	font-size: 1.2em;
	font-family: "Lucida Grande", Arial, sans-serif;
	background: #D3D3D3;
}

h1 {
	margin-bottom: 0.5em;
	font-size: 1.4em;
}

h2 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 1.3em;
}

h3 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 1.2em;
}

h4 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 1.1em;
	color: red;
}

p {
	margin-bottom: 0.5em;
}

acronym {
	border-bottom: #CCC thin dotted;
}

sup {
	font-size: smaller;
	line-height: 0.6em;
}

ul li {
	list-style: url(../templates/img/li.png);
}

span.important { color: red; }

#header {
	position: fixed;
	top: 0;
	height: 17em;
	width: 100%;
	background: #D3D3D3;
}

/* IE <= 6 */
* html #header {
	top: 15em;
	height: 15em;
}

#header h1 {
	margin-top: 1.5em;
}

/* logos */
#logo {
	float: left;
	display: inline;
	margin: 0.8em 1em 1em 1.5em;
}
#intitule {
	position: fixed;
	top: 0;
	left: 7.3em;
	border: none;
}

/* IE 7 */
*+html #intitule {
	position: relative;
	left: 0;
}

#hesam {
	position: fixed;
	top: 2em;
	left: 63.5em;
}

/* menu de navigation */
#nav {
	clear: left;
}
/* IE 7 */
*+html #nav {
	float: left;
}

#nav,
#nav ul {
	position: relative;
	z-index: 100;
	padding: 0;
	
	list-style: none;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	width: 80em;
	color: black;
}

#nav li {
	float: left;
	width: 12em;
	height: 2em;
	line-height: 1.2em;
	list-style : none;
	margin-left: 0.1em;
	margin-right: 0.55em;
	padding: 0.5em 0 0.5em 0;
	vertical-align: middle;	
	border: gray 1px solid;
	border-bottom: red 0.2em solid;
	
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-moz-border-radius-bottomleft: 0.3em;
	-webkit-border-bottom-left-radius: 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	-webkit-border-bottom-right-radius: 0.3em;
}

#nav li:hover,
#nav .n1actif,
#nav li.sfhover  {
	background-color: red;
}

#nav a {
	display: block;
	text-decoration: none;
	width: 12em;
	color: black;
}
#nav a:hover {
	color: white;
}

/* L'école */
#nav #tmenu_365 {
	border-bottom: white 0.2em solid;
	width: 9.4em;
	margin-left: 1.8em;
	margin-right: 2.9em;
}
/* IE <= 6 */
* html #nav #tmenu_365 {
	margin-left: 1em;
}
#nav #tmenu_365 a {
	width: 9.4em;
}
#nav li:first-child:hover,
#nav li:first-child .n1actif,
#nav #tmenu_365.sfhover	{
	background-color: white;
}
#nav li:first-child:hover a,
#nav .n1actif:first-child a,
#nav #tmenu_365.sfhover	{
	color: black;
}
/* END l'école*/

/* Sous-menus cachés par défaut */
#nav li ul {
	position: absolute;
	left: -999em;
	top: 1.9em;
	height: auto;
	font-size: 1em;
	z-index: 100;
}

/* tous les sous-menus s'affichent callés à gauche sous Créateur industriel */
#nav li:hover ul,
#nav li li:hover ul {
	left: 14.3em;
	margin: 1.3em 0 0 0;
}
#nav li.sfhover ul,
#nav li li.sfhover ul {
	margin: 1.3em 0 0 0;
}
/* IE <= 6 */
* html #nav li.sfhover ul {
	left: 14.3em;
	margin-top: 0.5em;
}

/* ... sauf sous-menu L'École */
#nav #tmenu_365:hover ul,
#nav #tmenu_365.sfhover ul {
	left: 1.9em;
}
#nav #tmenu_365 li,
#nav #tmenu_365 li:first-child,
#nav #tmenu_365 li:last-child {
	width: 62.7em;
}

/* Menu de niveau 2 */
#nav li li {
	width: 63.2em;
	line-height: 1.2em;
	
	margin: 0;
	padding: 0;
		
	border-bottom: none;
	background-color: green;
	background-color: #737373;

	text-align: left;
	
	-webkit-box-shadow : none;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
}

#nav li li .n2title,
#nav li li:first-child .n2title  {
	float: left;
	width: 12.8em;
	height: 1.5em;
	padding: 0.4em 0 0.4em 0.6em;
	font-size: 0.9em;
}

/* IE <= 6 */
* html #nav #tmenu_365 li .n2title {
	width: 11em;
}
* html #nav li li .n2title {
	width: 13.5em;
}
/* Menu de niveau 2 L'école */
#nav li:first-child li .n2title,
#nav li:first-child li:first-child .n2title {
	width: 9.7em;
}


#nav li li:hover .n2title,
#nav li li:first-child:hover .n2title,
#nav li li:last-child:hover .n2title {
	color: #DDDDDD;
}

#nav li li a:hover {
	color: white;
}

/* Partenariats et MCTC */
#nav li #tmenu_371,
	#nav li #tmenu_410 {
	height: 3em;
}
#nav li #tmenu_371 .n2title,
	#nav li #tmenu_410 .n2title {
	height: 2.8em;
}
/* Ateliers de projets, Mastères */
#nav li #tmenu_396 {
	height: 4em;
}
#nav li #tmenu_396 .n2title {
	height: 3.8em;
}
/* Doubles cursus */
#nav li #tmenu_636 {
	height: 7em;
}
#nav li #tmenu_636 .n2title {
	height: 6.8em;
}
/* doubles cursus definition */
#nav li #tmenu_645, #nav li #tmenu_176, #nav li #tmenu_56, #nav li #tmenu_57, 
	#nav li #tmenu_647, #nav li #tmenu_648, #nav li #tmenu_649 {
	height: 4em;
}


#nav li #tmenu_370,
#nav li #tmenu_53,
#nav li #tmenu_400,

#nav li #tmenu_497,
#nav li #tmenu_396,

#nav li #tmenu_505,
#nav li #tmenu_408,

#nav li #tmenu_410,
#nav li #tmenu_127,

#nav li #tmenu_478,

#nav li #tmenu_650 {
	background-color: #767879;
}
#nav li #tmenu_370 .n2title,
#nav li #tmenu_53 .n2title,
#nav li #tmenu_400 .n2title,

#nav li #tmenu_497 .n2title,
#nav li #tmenu_396 .n2title,
	
#nav li #tmenu_505 .n2title,
#nav li #tmenu_408 .n2title,

#nav li #tmenu_410 .n2title,
#nav li #tmenu_127 .n2title,

#nav li #tmenu_478 .n2title,
	
#nav li #tmenu_650 .n2title {
	color: #FFFFFF;
	font-weight: bold;
	border-right: 1px solid #BBB;
}

#nav li #tmenu_371,
#nav li #tmenu_511,
#nav li #tmenu_493,

#nav li #tmenu_398,
#nav li #tmenu_636,

#nav li #tmenu_407,

#nav li #tmenu_432,

#nav li #tmenu_542 {
	background-color: #696D6E;
}
#nav li #tmenu_371 .n2title,
#nav li #tmenu_511 .n2title,
#nav li #tmenu_493 .n2title,
	
#nav li #tmenu_398 .n2title,
#nav li #tmenu_636 .n2title,
	
#nav li #tmenu_407 .n2title,

#nav li #tmenu_432 .n2title,

#nav li #tmenu_542 .n2title {
	color: #FFFFFF;
	font-weight: bold;
	border-right: 1px solid #BBB;
}

#nav li #tmenu_370:hover,
#nav li #tmenu_371:hover,
#nav li #tmenu_53:hover,
#nav li #tmenu_511:hover,
#nav li #tmenu_400:hover,
#nav li #tmenu_493:hover,

#nav li #tmenu_497:hover,
#nav li #tmenu_398:hover,
#nav li #tmenu_396:hover,
#nav li #tmenu_636:hover,
	
#nav li #tmenu_505:hover,
#nav li #tmenu_407:hover,

#nav li #tmenu_410:hover,
#nav li #tmenu_432:hover,
#nav li #tmenu_127:hover,

#nav li #tmenu_478:hover,
#nav li #tmenu_542:hover,
	
#nav li #tmenu_650:hover {
	background-color: #676767;
	color: #BBBBBB;
}


/* Menu de niveau 3 */

#nav li li .n3 {
	width: 50em;
	top: auto;
	margin-top: 0;
}

#nav li li:hover .n3 {
	margin-top: 0;
}

/* IE 7 */
*+html #nav li li .n3 {
	margin-top: 0;	
}

/* du menu L'école */
#nav #tmenu_365 li .n3 {
	margin-left: 10.3em;
}
#nav #tmenu_365 li .n3 li {
	width: 9em;
	margin-top: 0;
}

#nav li li li {
	width: 10em;
	border: none;
	background: none;
	margin-top : 0;
}
#nav li li li:hover,
#nav li li li:first-child:hover,
#nav li li li.sfhover {
	background: none;
	margin-top : 0;
}

/* Menu de niveau 3, correction noms trop long */
#nav li li .n3 #tmenu_557,
#nav li li .n3 #tmenu_557 a {
	width: 11em;
}
#nav li li .n3 #tmenu_541,
#nav li li .n3 #tmenu_541 a {
	width: 11em;
}
#nav li li .n3 #tmenu_479,
#nav li li .n3 #tmenu_479 a {
	width: 11em;
}
#nav li li .n3 #tmenu_494,
#nav li li .n3 #tmenu_494 a,
#nav li li .n3 #tmenu_644,
#nav li li .n3 #tmenu_644 a{
	width: 12.5em;
}
#nav li li .n3 #tmenu_57,
#nav li li .n3 #tmenu_57 a {
	width: 15em;
}


/* Menu de niveau 3, lien */
#nav li li li a,
#nav li:first-child li li a,
#nav li:hover li li a,
#nav li:first-child:hover li li a,
#nav li li:first-child:hover li a,
#nav li li:first-child .n3 a  {
	width: 9em;
	border: none;
	background: none;
	font-size: 0.9em;
	color: #BBBBBB;
	padding-top: 0.2em;
}
/* Menu de niveau 3, lien survol */
#nav li li:hover li:hover a  {
	color: white;
}

/* FIN MENU DU HAUT */


#left {
	position: fixed;
	top: 17em;
	width: 14.2em;
	height: 100%;
}
/* IE 7 */
*+html #left {
	top: expression(body.scrollTop + document.body.clientHeight - 150 + "px");
}

/* Menu publics */
#publics {
	clear: left;
	float: left;
	position: fixed;
	z-index: 2;
	margin: 2em 0 0 0em;
	padding-left: 0;
	width: 11em;
}
/* IE 7 */
*+html #publics {
	left: 0;
	top: 15em;
}
/* IE 6 */ 
* html #publics {
	position: absolute;
	left: 0;
	top: 16em;
}
#publics li {
	margin-left: 2em;
	list-style: none;
	background: #7B7B7B;
	margin-bottom: 0.5em;
	padding: 0.2em 0.2em 0.2em 1.5em;
	font-family: "Gill Sans", sans-serif;
	color: #000000;
	#text-align: center;
}
#publics .actif {
	font-weight: bold;
}
#publics a {
	text-decoration: none;
	color: #FFFFFF;
}
#publics a:hover {
	text-decoration: underline;
}
#publics #publics446, #publics #publics563, #publics #publics533, #publics #publics635 {
	margin-left: 2em;
	padding: 0.4em 0 0.4em 1.5em;
	text-align: left;

}
#publics #publics446 {
	margin-top: 4em;
	background: url(../templates/img/logo_netvibes.png) #555555 right no-repeat;
}
#publics #publics563 {
	background: url(../templates/img/logo_facebook.png) #555555 right no-repeat;
}
#publics #publics533 {
	background: url(../templates/img/logo_twitter.png) #555555 right no-repeat;
}
#publics #publics635 {
	background: url(../templates/img/logo_newsletter.png) #555555 right no-repeat;
}


/* Menu de gauche */
#menu {
	clear: left;
	float: left;
	position: fixed;
	z-index: 2;
	margin: 0.5em 0 0 1.2em;
	width: 13em;
	border: #EEEEEE 1px solid;
	border-right: none;
	-moz-border-radius-topleft: 1em;
	-webkit-border-top-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-bottom-left-radius: 1em;
}
/* IE 7 */
*+html #menu {
	left: 0;
	top: 17em;
}
/* IE 6 */ 
* html #menu {
	left: 0;
	top: 18em;
}

#menu li {
	list-style: none;
	margin: 0.5em 0 0.5em 0;
	padding: 0.2em 1em 1em 0;
	text-align: right;
}

#menu a {
	text-decoration: none;
	color: black;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .actif a {
	font-weight: bold;
}

/* menu de 4è niveau */
#sousmenu {
	margin-bottom: 2em;
	font-size: 8pt;
}

#sousmenu li {
	list-style: none;
	margin: 0.5em 0.2em 0.5em 0;
	padding: 0.2em 1em 0 0;
	text-align: right;
}

/* fil d'ariane*/
#chemin {
	position: fixed;
	left: 14.5em;
	top: 14.7em;
	width: 62em;
	border-top: gray solid 0.1em;
	border-bottom: black solid 0.2em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

#chemin a {
	text-decoration: none;
	text-transform: uppercase;
	color: black;
}

#chemin a:hover {
	text-decoration: underline;
}


/* contenu principal */
#content {
	width: auto;
	z-index: 1;
	margin-top: 17em;
	height: 80%;
}
/* IE 7 */
*+html #content {
	margin-top: 17em;
	height: auto;
}
/* IE <= 6 */
* html #content {
	margin-top: 0;
}


#section {
	width: 59em;
	z-index: 2;
	background-color: #EFEFEF;
	color: #333333;
	-webkit-box-shadow: -0.3em 0.3em 0.3em #888;
	border-top: black solid 0.2em;
	margin-left: 14.5em;
	min-height: 80%;
	padding: 2em;
	text-align: justify;
	overflow: auto;
}
/* IE <= 6 */
* html #section {
	width: 63em;
}

#section a {
	color: #333333;
}


#section ul, #section ol {
	margin-left: 1em;
	margin-bottom: 0.5em;
}
#section .csc-textpic ul {
	margin-left: 0;
}

#section .csc-textpic-caption {
	font-style: italic;
}

#texte {
	float: left;
	width: 28em;
}
#texte .csc-textpic-text {
	text-align: justify;
}
.bodytext {
	margin-bottom: 1em;
}

.indent {
	margin-left: 2em;	
}

/* contenu contextuel */
#aside {
	margin-left: 31.5em;
}

/* Clearer */
#aside DIV.csc-textpic-clear { clear: right; }

/* vCard */
.vcard {
	border: 0.1em solid #CCCCCC;
	background-image: url(../templates/img/vcard-add.png);
	background-repeat: no-repeat;
	background-position: top right;
	margin-bottom: 1em;
	padding: 0.5em 3em 0.5em 0.5em;
}
.vcard .fn {
	margin-bottom: 0.3em;
	font-weight: bold;
	font-size: 1.1em;
}

/* tt_news */
#section .news-list-morelink {
	margin-left: 0.3em;
}

#section .news-list-morelink a {
	text-decoration: none;
}

#section .news-list-morelink a:hover {
	text-decoration: underline;
}

/* pied de page*/
#footer {
	margin: 1em 0 1em 14.5em;
	width: 61em;
	border-bottom: gray solid 0.1em;
	border-top: black solid 0.2em;
	padding: 1em;
	background-color: #ABABAB;
	color: #666;
}
#footer a {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .actif {
	font-weight: bold;
}

/* coordonnées */
#coord {
	margin-top: 0.5em;
}

/* outils */
#tools {
	white-space: nowrap;
	float: right;
}

/* langues */
#lang {
	float: right;;
	text-align: right;
	margin-top: 0.5em;
}

#lang #fr {
	padding: 0.1em 1em 0.1em 2.3em;
	border-right : 1px solid #FFF;
	height: 1em;
}

#lang #en {
	padding: 0 0 0.5em 0.5em;
}

#lang a {
	color: black;
	text-decoration: none;
}