@charset "utf-8";
/* CSS Centre de didactique supérieure */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
}
body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	text-align: justify;
	color: #1f1d21;
	background: #e2e3e4;
}
a{
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color:#A4003D;
	cursor: pointer;
}
p{
	margin-bottom: 20px;
}

/* Container */
#container{
	width: 960px;
	margin: 30px auto 30px;
	background: #f8f8f8;
	position: relative;
}
/* Header Contenu */
#container #header{
	height: 113px;
}
#container #header h1{
	display: none;
}
#container #header cite{
	display: none;
}

/* Header Rubrique */
#header img {
	float: right;
}

#header {
	background: #c5c6c7 url("../images/header-cds.png") no-repeat top left;
}

#header.cds {
	background: #c5c6c7 url("../images/header-cds.png") no-repeat top left;
}
#header.etudiants {
	background: #004588 url("../images/header-etudiants.png") no-repeat top left;
}
#header.enseignants {
	background: #c1003b url("../images/header-enseignants.png") no-repeat top left;
}
#header.actualites {
	background: #00a5c4 url("../images/header-actualites.png") no-repeat top left;
}

/* Header Accueil */
#www-cds-auwb-be #header{
	background: #fff;
}
#www-cds-auwb-be a.clic{
	position: absolute;
	display: block;
	width:960px;
	height: 620px;
	cursor: pointer;
	text-indent: -9999px;
}
#www-cds-auwb-be #header h1{
	float: left;
	width: 200px;
	height: 113px;
	display: block;
	background: url("../images/h1-centre-didactique-superieure.png") no-repeat center right;
}
#www-cds-auwb-be #header h1 a{
	display: block;
	width: 96px;
	height: 96px;
	text-indent: -9999px;
	background: url("../images/logo-centre-didactique-superieure.png") no-repeat;
}
#www-cds-auwb-be #header a.academieuwb{
	float: right;
	margin-right: 30px;
	display: block;
	width: 110px;
	height: 96px;
	text-indent: -9999px;
	background: url("../images/logo-AcademieUniversitaireWallonieBruxelles.png") no-repeat;
}


/* Contenu */
#container #content img {
	max-width: 500px;
	margin: 0 18px 12px 0;
}
#container #content{
	min-height: 300px;
	padding: 195px 30px 0 420px;
	font-size: 1em;
	line-height: 1.5em;
	background: #f9f9f9;
}
#container #content.page{
	padding-bottom: 30px;
}

.hidden {
	display: none;
}
#container form#recherche{
	width: 350px;
	margin: 72px 30px 0 0;
	position: absolute;
	right: 0;
	top: 113px;
}
#container form#recherche p{
	margin: 0;
}
#container form#recherche p label{
	display: block;
	width: 140px;
	height: 2em;
	font-size: 1em;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #bbbcbf;
	float: left;
}
#container form#recherche p input{
	width: 193px;
	height: 16px;
	margin: 0;
	padding: 2px 0 0 15px;
	font-size: 1em;
	line-height: 1.5em;
	border: 1px solid #bbbcbf;
	float: left;
	background: url("../images/triangle-recherche.png") no-repeat 6px 6px;
}
#container form#recherche p input.submit{
	display: none;
}
#container #content h2 {
	font-size: 1.8em;
	margin-bottom: 1.5em;
	font-weight: normal;
	color: #a4003d;
	text-decoration: none;
	text-align:left;
	line-height:1.2em;
}
#container #content h2 a {
	display: block;
	margin-bottom: 1.5em;
	font-weight: normal;
	color: #a4003d;
	text-decoration: none;
	text-align:left;
	line-height:1.2em;
}
#container #content h3{
	margin: 2.4em 0 0.8em;
	font-size: 1.2em;
	font-weight: bold;
	color: #626c64;
	text-transform: uppercase;
	text-align: left;
}
#container #content h4{
	margin-bottom: 0.7em;
	font-size: 1.1em;
	font-weight: bold;
	color: #a2a2a3;
	text-transform: uppercase;
}
#container #content p, #container #content table{
	margin-bottom: 1.5em;
	font-size: 1.2em;
	line-height: 18px;
}
#container #content table{
	text-align:left;
}
#container #content ul {
	margin-bottom: 1.5em;
}
#container #content ul li{
	font-size: 1.2em;
	margin-bottom: 0.3em;
	margin-left: -10px;
	padding-left: 10px;
	line-height: 18px;
	background: url("../images/puce.png") no-repeat 0 7px;
}

/* Liste Fichiers */
#container #content ul#files {
}
#container #content ul#files li {
	clear:both;
	background: none;
}
#container #content ul#files li img {
	float:left;
	margin: 0 12px 12px 0;
}
#container #content ul#files li a {
	display: block;
	float: left;
	margin-top:8px;
	width:454px;
}

/* Accueil */
#www-cds-auwb-be #content{
	height: 220px;
	margin: 0;
	padding: 400px 0 0;
	font-size: 1.2em;
	line-height: 1.8em;
	min-height: inherit;
	background: url("../images/bg-accueil.jpg") no-repeat;
}
#www-cds-auwb-be #content h2{
	display: none;
}
#www-cds-auwb-be #content h3{
	margin: 0 85px 5px 480px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	color: #fff;
	text-shadow: #000 -2px 2px 6px;
	filter: progid: DXImageTransform.Microsoft.dropShadow (OffX=-2, OffY=2, Color='#000000', Positive='true');
}
#www-cds-auwb-be #content p{
	margin: 0 85px 0 480px;
	color: #fff;
	text-shadow: #000 -1px 1px 4px;
	filter: progid: DXImageTransform.Microsoft.dropShadow (OffX='-1', OffY='1', Color='#000000', Positive='true');
}
#www-cds-auwb-be #content p a{
	display: block;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background: url("../images/btn-suite.png") no-repeat;
	position: absolute;
	top: 560px;
	right: 25px;
}

/* Menu */
ul#menu{
	width: 420px;
	height: 115px;
	position: absolute;
	padding-top: 18px;
}
#www-cds-auwb-be ul#menu {
	display: none;
}
ul#menu li {
	float: left;
	margin-left: 19px;
	margin-right: 19px;
	background: none;
}
#menu li a{
	display: block;
	width: 66px;
	height: 84px;
	text-indent: -9999px;
	background: url("../images/menu-v2.png") no-repeat;
}
#menu li.en-construction a, ul#menu li.en-construction {
	display:none;
}
#menu li.enseignants a{
	background-position: -66px 0;
}
#menu li.etudiants a{
	background-position: -132px 0;
}
#menu li.actualites a{
	background-position: -195px 0;
}
/* Hover */
#menu li.cds a:hover{
	background-position: 0 -84px;
}
#menu li.enseignants a:hover{
	background-position: -66px -84px;
}
#menu li.etudiants a:hover{
	background-position: -132px -84px;
}
#menu li.actualites a:hover{
	background-position: -195px -84px;
}
/* Active */
#menu li.cds a.active {
	background-position: 0 -169px;
}
#menu li.enseignants a.active {
	background-position: -66px -169px;
}
#menu li.etudiants a.active {
	background-position: -132px -169px;
}
#menu li.actualites a.active {
	background-position: -195px -169px;
}

/* Menu Level 1 */
#container ul#menuLevel1{
	width: 390px;
	font-size: 1.2em;
	line-height: 1.8em;
	position: absolute;
	top: 190px;
	left: 0;
	margin-left: 20px;
}
#container ul#menuLevel1 li{
	width: 270px;
	margin: 0;
	border-bottom: 1px dotted #a2a2a3;
	text-align: left;
	clear: both;
}
#container ul#menuLevel1 li a {
	display: inline;
	text-indent:0;
	padding: 0 12px 0;
	text-decoration: none;
	color: #a2a2a3;
	background: url("../images/triangle-menu.png") no-repeat center left;
}
#container ul#menuLevel1 li a.active {
	color:#1F1D21;
	background: url("../images/triangle-menu-actif.png") no-repeat center left;
}
#container ul#menuLevel1 li a:hover {
	color:#A4003D;
	background: url("../images/triangle-recherche.png") no-repeat center left;
}
#container ul#menuLevel2{
	padding: 0 12px 12px;
}
#container ul#menuLevel2 li, #container ul#menuLevel2 li.active {
	border: none;
	line-height: 1.4em;
	margin: 0 0 0 12px;
}
#container ul#menuLevel2 li a, #container ul#menuLevel3 li a, #container ul#menuLevel2 li.active a, #container ul#menuLevel3 li.active a, #container ul#menuLevel2 li a:hover, #container ul#menuLevel3 li a:hover{
	background:none;
}
#container ul#menuLevel2 li a:hover {
	color:#A4003D;
}
#container ul#menuLevel3{
	padding: 0 12px 12px;
}
#container ul#menuLevel3 li, #container ul#menuLevel3 li.active {
	background: none;
	border: none;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0;
}
#container ul#menuLevel3 li, #container ul#menuLevel3 li.active {
	text-indent:0;
	margin:0 0 4px 8px;
}
#container ul#menuLevel2 li a, #container ul#menuLevel3 li a {
	padding:0;
}
#container ul#menuLevel3 li a:hover {
	color:#A4003D;
}



/* Contact */
form#contact {
	
}
form#contact input[type="text"], 
form#contact input[type="password"], 
form#contact input[type="url"], 
form#contact input[type="email"], 
form#contact input[type="date"], 
form#contact textarea {
	width: 200px;
}
form#contact label {
	font-weight: bold;
	width: 100px;
	display: block;
	float: left;
}
.asterisque {
	color: #a4003d;
}
.resteVide {
	display: none;
}

/* Footer */
#footer{
	clear: both;
	height: 96px;
	background: #fff;
}
#footer ul{
	height: 96px;
}
#footer ul li{
	float: left;
}
#footer ul li#accueil{
	display: block;
	width: 700px;
	height: 96px;
	background: url("../images/h1-centre-didactique-superieure.png") no-repeat 110px 30px;
}
#footer ul li#accueil a{
	display: block;
	width: 96px;
	height: 96px;
	text-indent: -9999px;
	background: url("../images/logo-centre-didactique-superieure.png") no-repeat;
}
#www-cds-auwb-be #footer ul li#accueil{
	background: none;
}
#www-cds-auwb-be #footer ul li#accueil a{
	display: none;
}
#footer ul li#ulb a{
	display: block;
	width: 114px;
	height: 63px;
	margin: 15px 10px 0;
	text-indent: -9999px;
	background: url("../images/logo-ulb.png") no-repeat;
}
#footer ul li#universiteMons a{
	display: block;
	width: 97px;
	height: 63px;
	margin: 16px 10px 0;
	text-indent: -9999px;
	background: url("../images/logo-universite-mons.png") no-repeat;
}

/* ------- Actualités -------- */
ul#months {
	width: 120px;
	float: left;
	padding-left: 60px;
}

#actualites #content.page {
	min-height: 560px;
}
#actualites #content {
	padding-left: 30px;
	padding-top: 120px;
}
#actualites #calendrier {
	float: left;
	margin-left: 0;
	margin-top: 40px;
}
#actualites #allYear {
	color: #999;
	position: absolute;
	margin-left: 520px;
}
#actualites #allYear h3 {
	margin: 0 0 8px -68px;
	font-size: 1.8em;
	font-weight: normal;
	color: rgb(0, 0, 0);
}
#actualites #calendarContent {
	color: rgb(0, 165, 196);
	float: left;
	margin-top: 301px;
	margin-left: -20px;
}
#actualites #calendarContent h3 {
	margin: 0 0 0 -48px;
	padding-left: 5px;
	background-color: rgb(249, 249, 249);
	font-size: 1.8em;
	font-weight: normal;
	height: 30px;
	color: rgb(0, 165, 196);
}

#actualites #calendarContent ul {
	line-height: 14px;
	width: 280px;
	list-style-type: none;
	border-left: 1px solid rgb(0, 165, 196);
	border-top: 1px solid rgb(0, 165, 196);
	height: auto !important;
	height: 190px;
	max-height: 190px;
}
#actualites #allYear ul {
	line-height: 14px;
	width: 380px;
	list-style-type: none;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	overflow: auto;
	height: auto !important;
	height: 240px;
	max-height: 240px;
}
#actualites #allYear a {
	color: #999;
	text-decoration: none;
}
#actualites #calendarContent ul li, #actualites #allYear ul li {
	color: #999;
	margin: 0;
	margin-left: 10px;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #DDD;
	font-size: 1.1em;
	background: none;
	text-align: left;
}
#actualites #calendarContent a {
	padding-left: 15px;
	background: url('../images/puce2.png') no-repeat 0 3px;
	color: rgb(0, 165, 196);
	text-decoration: none;
}
#actualites #calendarContent span {
	display: block;
	color: #ccc;
}
#actualites #calendarContent span a {
	color: #999;
	width: 12px;
	padding-right: 30px;
	background: url('../images/bg-btn-actu.png') no-repeat right center;
}

/* Photo gallery */
#container #content ul.photos-gallery li {
	background-image: none;
}

#container #content ul.photos-gallery li {
	float: left;
	clear: none;
	padding: 0;
	margin: 5px;
}

#container #content ul.photos-gallery li a {
	display:block;
	width: 100px;
	height: 100px;
}

ul.photos-gallery li img {
	display: none;
}

/* ------- News -------- */
#container #content.news p.agenda-retour {
	position:absolute;
	top:310px;
	left:125px;
}
#container #content.news p.agenda-retour a {
	display:block;
	width:160px;
	height:160px;
	text-indent:-9999px;
	background: url('../images/btn-agenda-retour.png') no-repeat;
}
#container #content.news h2 {
	margin-bottom:1.5em;
	font-weight: normal;
	color:#00a5c4;
	text-decoration: none;
	text-align:left;
	line-height:1.2em;
}


form#loginForm {
	padding: 2em;
}