/* CSS Document */

#diaporama {
	position:absolute;
	top:0px; left:0px;
	width:1024px;
	z-index:1
}

#diaporama img {
	position: absolute;
	border: none;
	width: 100%
}

.corps {
	position:absolute;
	top:0px; left:0px;
	z-index:3;
	width:99%;
}

#encart {
	background:url(../images/fond_ateliers.png) top left repeat-y;
	border:none;
	position:absolute;
	top:250px;
	left:20%;
	width:300px;
	padding:10px 20px;
	text-align:left;
	color:#000;
	z-index:2;
	max-height:400px;
 	overflow:auto
}

#encart2 {
	background:url(../images/fond_ateliers.png) top left repeat-y;
	border:none;
	position:absolute;
	top:250px;
	left:600px;
	width:300px;
	padding:10px 20px;
	text-align:left;
	color:#000;
	z-index:2;
 	max-height:350px;
 	overflow:auto
}

#propos {
	background:url(../images/fond_ateliers.png) top left repeat-y;
	border:none;
	position:absolute;
	top:350px;
	left:735px;
	width:300px;
	padding:10px 20px;
	text-align:left;
	color:#000;
	z-index:2;
	font-size:16px;
}

#encart_liens {
	background:url(../images/fond_ateliers.png) top left repeat-y;
	border:none;
	position:relative;
	top:100px;
	left:100px;
	width:300px;
	text-align:left;
	padding-left:15px;
	padding-top:10px;
	color:#000;
	z-index:2;
	font-size:14px;
	font-family:Tahoma,Arial,sans-serif;
}

#titre {
	font-weight:bold;
	font-size:22px;
}

#texte {
	padding:10px 10px;
	font-size:16px;
	overflow:auto;
	max-height:300px;
	width:100%;
}

#dl {
	background:url(../images/fond_fichiers_dl.png) top left repeat-y;
	border:none;
	position:relative;
	top:150px;
	left:100px;
	width:300px;
	padding:10px 20px;
	text-align:left;
	color:#000;
	z-index:2;
 	overflow:auto
}

#lectures {
	background:url(../images/fond_fichiers_dl.png) top left repeat-y;
	border:none;
	position:relative;
	top:150px;
	left:100px;
	width:350px;
	padding:10px 20px;
	text-align:left;
	color:#000;
	z-index:2;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:.85em;
	overflow:auto;
	max-height:400px;
}

#lectures2 {
	background:url(../images/fond_fichiers_dl.png) top left repeat-y;
	border:none;
	position:absolute;
	top:300px;
	left:600px;
	width:300px;
	padding:10px 20px;
	text-align:left;
	color:#000;
	z-index:2;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
.manifeste {
	background:url(../images/fond_ateliers.png) top left repeat-y;
	position:absolute;
	top:250px;
	left:100px;
	padding:25px 25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.manifeste a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.manifeste a:hover {
	color:#C00;
}

.date_lect {
	font-size:1.2em;
	color:#F60;
}

.titre_lect {
	font-size:1.5em;
	color:#F60;
	font-weight:bold;
}

.atelier {
	background:url(../images/fond_ateliers.png) top left repeat-y;
	position:absolute;
	top:250px;
	left:100px;
	width:300px;
	padding:25px 25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	max-height:400px;
	overflow:auto;
}

.calendrier {
	width:220px;
	margin-left:75px;
	float:left;
}

.titre_cal {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps;
}

.date_ev {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
}

.txt_ev {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.75em;
}

.titre_ev {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#FF8000;
}

.humeur {
	background:url(../images/fond_ateliers.png) top left repeat-y;
	position:absolute;
	top:250px;
	left:100px;
	width:300px;
	padding:25px 25px;
	max-height:400px;
	overflow:auto;
}

a.file_dl {
	font-family:Helvetica,Tahoma,Arial,sans serif;
	font-weight:bold;
	font-size:0.75em;
	color:#9D0000;
	text-decoration:none;
	padding-left:10px;
}

a:hover.file_dl {
	color:#F90;
}

.nofile {
	font-family:Helvetica,Tahoma,Arial,sans serif;
	font-weight:bold;
	font-size:0.75em;
	color:#53080C;
	text-decoration:none;
	padding-left:10px;
}

#lettrine:first-letter { font-size: 3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

.champcnx{
	height:15px;
	background:  url(../images/fond_champ.GIF) repeat-x top;
	background-color: #FFFFFF; 
	border:1px solid #cccccc;
	padding: 0 2px 2px 2px;
	width:130px;
	margin: 0;
	color:#405058; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.send {
	background: url(../images/fond_send.gif) repeat-x top;
	background-color: #999999;
	color: #FFFFFF;
	border:1px solid #717171;
	text-align:center;
	font-weight: bold; font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.send_hover {
	background: url(../images/fond_send_hover.png) repeat-x top;
	background-color: #F90;
	color: #FFFFFF;
	border:1px solid #717171;
	text-align:center;
	font-weight: bold; font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

label {
	display:block;
	width:100px;
	text-align:right;
	font-weight:bold;
	padding:0 5px 0 0;
	float:left;
	font-Family:Tahoma,Verdana,Arial,sans serif;
}

.active {
	color:#FFF;
	font-variant:small-caps;
	font-size:1.2em;
	font-weight:bold;
	padding-left:10px;
	font-family:Century Gothic, sans-serif;
	background-color:#CC0000;
}

.dessus {
	color:#FFF;
	padding-left:30px;
	font-family:Century Gothic, sans-serif;
	background-image: url(../images/arrow.png);
	background-position:8% 55%;
	background-repeat:no-repeat;
}

.dehors {
	color:#FFF;
	padding-left:10px;
	background-color:#000;
	font-family:Century Gothic, sans-serif;
}

.cnx {
	width:260px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	font-family:Century Gothic, Apple Gothic, Verdana, Arial, sans-serif;
	color:#000;
	text-align:center;
}

.erreur {
	width:520px;
	margin-top:150px;
	margin-left  : auto; 
	margin-right : auto;
	border:none;
	font-family:Century Gothic, Apple Gothic, Verdana, Arial, sans-serif;
	font-size:0.85em;
	color:#9D0000;
	text-align:center;
}

.decnx {
	width:350px;
	margin-top:175px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	font-family:Century Gothic, Apple Gothic, Verdana, Arial, sans-serif;
	color:#000;
	text-align:center;
}

.decnx a {
	text-decoration:none;
}

.link a {
	color:#0066FF;
	padding-left:10px;
	text-decoration:underline;
	font-size:.9em;
}

.link a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
}