@charset "utf-8";
/* HTML, BODY */
html, body{
	margin: 0;
	padding: 0;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

/* Links */
a:link, a:visited{
	color: #491C7E;
	text-decoration: underline;
	}
a:hover{
	text-decoration: none;
	}
	
a img{
	border: none;
	}

li{
	margin: 0;
	padding: 0;
	}

ul{
	margin: 0 auto 1em;
	padding: 0 0 0 1em;
	list-style-position: inside;
	}
	ul.partenaires{
		margin: 15px auto;
		padding: 0;
		list-style: none;
		color: #2D64A6;
		font-weight: bold;
		text-align: center;
		}
		ul.partenaires li{
			display: inline;
			margin: 0 1.5em;
			}

input{
	font-size: 1em;
	}

/* Page */
#page {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	}

/* Header */
#page #top{
	margin: 0;
	padding: 0;
	height: 215px;
	overflow: hidden;
	}
	#page #top img{
		margin: 0;
		padding: 0;
		}

/* Page main contener */
#page #main{
	padding: 0;
	}

/* Left sidebar */
#page #left {
	float: left;
	margin: 0;
	padding: 0;
	width: 229px;
	height: 367px;
	background: transparent url(../images/css/bg_left.jpg) no-repeat 38px top;
	list-style-type: none;
	}
	#page #left dl{
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#page #left dl dt,
		#page #left dl dd{
			display: block;
			margin: 0;
			padding: 0 0 0 38px;
			background: transparent;
			color: white;
			}
		#page #left dl dt{
			margin: 10px 0 5px 0;
			padding: 0 0 0 50px;
			background: transparent url(../images/css/fleche_menu.gif) no-repeat left center;
			color: white;
			font-weight: bold;
			}
		#page #left dl dt.first{
			margin-top: 0;
			}
		#page #left dl dd{
			padding: 0 0 0 60px;
			font-style: italic;
			}
			#page #left dl a{
				color: white;
				text-decoration: none;
				}
			#page #left dl a:hover,
			#page #left dl a:focus,
			#page #left dl a:active{
				text-decoration: underline;
				}
			#page #left dl .seemore a{
				font-size: 0.8em;
				}

/* Right sidebar */
#page #right{
	float: right;
	width: 200px;
	}
	#page #right h3{
		margin: 0;
		padding: 0;
		color: rgb(72, 25, 129);
		text-align: right;
		}
	#page #right dl{
		position: relative;
		margin: 0;
		padding: 0;
		}
		#page #right dl dt,
		#page #right dl dd{
			display: block;
			margin: 0;
			text-align: right;
			}
		#page #right dl dt{
			margin: 5px 0 0 0;
			padding: 0 20px 0 0;
			font-weight: bold;
			}
		#page #right dl dd{
			padding: 0;
			}



/* Content blocks */
#content{
	margin: 0 200px 0 229px;
	border-top: 1px solid white;
	}
	#content p{
		margin: 0;
		padding: 0;
		text-align: justify;
		}
	#content .msg{
		margin: 10px 20px;
		padding: 5px 10px;
		border: 1px solid rgb(223, 209, 239);
		text-align: center;
		}
	#content .bloc{
		position: relative;
		margin: 0 0 5px 0;
		padding: 10px 20px 15px 10px;
		background: white url(../images/css/bg_bloc.jpg) no-repeat left top;
		
		height: auto !important;
		height: 100%;
		}
	#content .main{
		background: white url(../images/css/bg_main_bloc.jpg) no-repeat left top;
		color: #491C7E;
		}
	#content .main h1, h1.without_bloc{
		margin: 0 6em 0.8em 0;
		padding: 0;
		font-size: 1.3em;
		font-weight: bold;
		font-variant: small-caps;
		}
		h1.without_bloc{
			color: #491C7E;
			}
		a#refs{
			position: absolute;
			padding: 3px 0 3px 25px;
			top: 10px;
			right: 30px;
			color: red;
			text-decoration: none;
			background: transparent url(../images/css/bouton-references.gif) no-repeat left center;
			font-style: italic;
			font-size: 16px;
			}
			a#refs:hover{
				text-decoration: underline;
				}
	#content .bloc h2{
		margin: 0 0 1em 0;
		padding: 1em 0 0;
		font-size: 1.3em;
		font-weight: bold;
		color: #491C7E;
		font-variant: small-caps;
		}
		#content .bloc.main h2{
			font-size: 1.1em;
			text-align: center;
			font-variant: small-caps;
			}
	#content .bloc h3{
		margin: 1.5em 0 0.5em 0;
		padding: 0;
		padding-left: 12px;
		font-size: 1em;
		font-weight: bold;
		background: transparent url(../images/css/fleche_droite.gif) no-repeat left 4px;
		font-variant: normal;
		color: black;
		}
	#content .main ul{
		font-variant: small-caps;
		}
	/* Special blocks or blocks childs */
	#actualites #page #content .bloc{
		padding-top: 1em;
		padding-bottom: 1em;
		}
	#news #page #content .bloc{
		width: 470px;
		}
	#actualites #page #content .bloc h2{
		margin: 0 0 7px 0;
		font-size: 1.1em;
		}
	#partenaires #page #content .bloc a img, #right #projet a img{
		border: none;
		}
		
	#societe #page #content .main ul{
		margin: 15px 0;
		}
		#link_diaporama{
			float: right;
			margin: -60px 50px 0 0 !important;
			margin: 0;
			width: 200px;
			height: 200px;
			z-index: 1000;
			}
		/* Actus */
		#actualites{
			padding: 0 0 0 30px;
			width: 150px;
			height: 185px;
			background: url(../images/commun/actualites.png) no-repeat left top;
			color: white;
			}
			#actualites a:link, #home div#actualites a:visited{
				background: transparent;
				color: white;
				text-decoration: underline;
				}
			#actualites a:hover{
				text-decoration: none;
				}
			#actualites h3{
				height: 60px;
				visibility: hidden;
				}
			#actualites p{
				margin: 0;
				padding: 0;
				}
			#actualites p.actu{
				width: 120px;
				height: 72px;
				text-align: left;
				line-height: 14px;
				overflow: hidden;
				}



/* Clear all floats */
#body_contact .left_column, #partenaires .left_column{
	float: left;
	width: 220px;
	}

#body_contact .right_column, #partenaires .right_column{
	float: right;
	width: 220px;
	}
	#body_contact a img{
		border: none;
		}

#partenaires .left_column .lien_partenaire,
#partenaires .right_column .lien_partenaire{
	position: relative;
	display: block;
	height: 80px;
	}
	#partenaires .left_column .lien_partenaire img,
	#partenaires .right_column .lien_partenaire img{
		position: absolute;
		margin: 0 auto;
		bottom: 5px;
		}
#partenaires .left_column h3.commentaire_partenaire,
#partenaires .right_column h3.commentaire_partenaire{
	display: block;
	height: 4.5em;
	}

.clear, .backtop{
	clear: both;
	}
.clearleft{
	clear: left;
	}
.clearright{
	clear: right;
	}

.backtop{
	margin-top: 1em;
	font-size: 0.8em;
	text-align: right;
	}

/* Partners */
#page #content .partners{
	float: left;
	width: 50%;
	}

#form_contact table{
	margin: 10px auto;
	width: 400px;
	}
	#form_contact table td{
		vertical-align: top;
		width: 50%;
		}
	input.text, textarea{
		padding: 1px 2px;
		border: 1px solid rgb(148, 148, 148);
		}
#form_contact p.buttons{
	text-align: center;
	}

/* Footer */
#footer{
	padding: 0 43px 20px;
	background: white;
	color: rgb(147, 147, 147);
	border-top: 1px solid rgb(222, 222, 222);
	font-size: 0.8em;
	text-align: right;
	}
	#footer a{
		color: rgb(147, 147, 147);
		}


/**********/

/********************************************/
/* Formulaires */
/********************************************/
	#content form p.infos{
		margin: 0;
		padding: 10px 0;
		}
	#content form p.buttons{
		margin: 10px 0;
		text-align: center;
		}
		#content form p.buttons input.submit{
			padding: 2px 5px;
			background: rgb(75, 22, 126);
			border: none;
			color: white;
			font-weight: bold;
			cursor: pointer;
			}
	#content form fieldset{
			margin: 0;
			padding: 10px 0 0;
			border: 1px solid rgb(181, 163, 205);
			}
		#content form fieldset legend{
			margin: 0 15px;
			padding: 2px 5px;
			color: rgb(48, 46, 49);
			font-weight: bold;
			}
		#content form fieldset p{
			padding: 0 0 10px;
			}
			#content form fieldset p span.label{
				display: block;
				margin: auto;
				width: 460px;
				padding: 3px 0;
				}
			#content form fieldset p.required span.label{
				font-weight: bold;
				}
				#content form fieldset p span.field{
					display: block;
					margin: auto;
					width: 460px;
					}
				#content form fieldset p span.field input.text{
					padding: 5px;
					width: 448px; /* 450 + padding (5px) x 2 + border (1px) x 2 = 460px */
					border: 1px solid rgb(216, 216, 216);
					}
				#content form fieldset p span.field textarea{
					padding: 2px 5px;
					width: 30em;
					border: 1px solid rgb(216, 216, 216);
					}
				#content form fieldset p span.field select{
					border: 1px solid rgb(216, 216, 216);
					}
					form fieldset p span.field select option{
						padding: 2px;
						}
				#content form fieldset p span.field input.readonly{
					color: gray;
					}

#content #formAuthentication fieldset,
#content #formForgottenPassword fieldset{
	margin: 0 20px;
	padding: 20px;
	}
#linkForgottenPasswordBack,
#linkForgottenPassword{
	font-size: 11px;
	}


#resultats{
	margin: 1em auto;
	width: 98%;
	border: 2px solid rgb(88, 32, 155);
	border-collapse: collapse;
	}
	#resultats tr td{
		background: white;
		}
	#resultats tr.hide{
		display: none;
		}
	#resultats tr.highlight td{
		background-color: rgb(247, 240, 196);
		}
		#resultats td.order,
		#resultats td.actions,
		#resultats td.pictos{
			padding-left: 0;
			padding-right: 0;
			text-align: center;
			width: 30px;
			}
		#resultats tr.highlight td.order,
		#resultats tr.highlight td.actions,
		#resultats tr.highlight td.url,
		#resultats tr.highlight td.noclick{
			cursor: auto;
			}

		#resultats td.order span.ordreInt{
			display: none;
			}

		#resultats th{
			padding: 0.3em 1em;
			background: rgb(88, 32, 155);
			color: white;
			text-align: left;
			}
		#resultats th span{
			padding-left: 13px;
			background: url(../images/commun/sortableTable/icon-table-sort.png) no-repeat 2px 2px;
			}
		#resultats th.sortedASC span {
			background: url(../images/commun/sortableTable/icon-table-sort-asc.png) no-repeat 2px -2px;
			}
		#resultats th.sortedDESC span {
			background: url(../images/commun/sortableTable/icon-table-sort-desc.png) no-repeat 2px 4px;
			}
		#resultats .tableHeaderOver {
			color: rgb(255, 216, 1);
			cursor: pointer;
			}

		#resultats td{
			vertical-align: top;
			padding: 6px 1em;
			border-bottom: 1px dotted rgb(222, 209, 239);
			}
		#resultats td.actions{
			padding: 0.3em 0;
			width: 30px;
			text-align: center;
			}


		#resultats td.file{
			padding-left: 32px;
			background-image: url(../images/commun/icones/binary.png);
			background-repeat:  no-repeat;
			background-position: 3px center;
			}

			#resultats td.jpg,
			#resultats td.jpeg,
			#resultats td.png,
			#resultats td.gif{ background-image: url(../images/commun/icones/image.png); }
			#resultats td.zip{ background-image: url(../images/commun/icones/zip.png); }
			#resultats td.doc,
			#resultats td.odt{ background-image: url(../images/commun/icones/doc.png); }
			#resultats td.pdf{ background-image: url(../images/commun/icones/pdf.png); }
			#resultats td.pps,
			#resultats td.ppt{ background-image: url(../images/commun/icones/pps.png); }
			#resultats td.mpg,
			#resultats td.mpeg,
			#resultats td.avi,
			#resultats td.mov{ background-image: url(../images/commun/icones/video.png); }

/******* FORMULAIRES ********/

table.formulaire{
	border-collapse: collapse;
	}
	.formulaire th, .formulaire td{
		padding: 0.2em 1em;
		vertical-align: top;
		}
	.formulaire th{
		text-align: left;
		font-weight: normal;
		white-space: nowrap;
		}
		.formulaire .required th{
			font-weight: bold;
			}
		.formulaire th span.fieldinfos{
			display: block;
			font-size: 0.8em;
			font-weight: normal;
			}
	.formulaire td{
		padding: 0.2em 1em;
		}
		.formulaire td.textfield input{
			padding: 2px 5px;
			width: 95%;
			border: 1px solid rgb(127, 157, 185);
			}
		.formulaire td.textfield input.disabled{
			color: gray;
			}
		.formulaire td.textareafield textarea{
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			padding: 2px 5px;
			width: 95%;
			font-size: 100%;
			border: 1px solid rgb(127, 157, 185);
			}
		.formulaire td.iframefield iframe{
			margin: 0;
			padding: 0;
			width: 95%;
			border: 1px solid rgb(127, 157, 185);
			}
		.formulaire td.active_edit td{
			padding: 0;
			text-align: left;
			}
	.formulaire input.btnDelete{
		margin: 5px 0 10px;
		/*background: auto;*/
		color: #C30;
		font-weight: bold;
		}


.readonly{
	color: gray;
	}