/* Inclusion de la police Corbel utilisée pour certains titres */
@font-face {
	font-family: Calibri;
	src: url('polices/calibri.ttf');
}


/* Body */
body {
	background: url(images/fond_entete.png) scroll #000000 repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #585858;
}


/* Titres */
h1 {
	display: block;
	margin: 0;
	padding: 35px 0 8px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	line-height: 24px;
}
h2 {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 17px;
	color: #000;
}
h3 {
	display: block;
	margin: 0;
	padding: 0 0 2px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 14px;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
}  
.ombrenoire {
	text-shadow: 0 -1px 0 #000;
}
.ombreclaire {
	text-shadow: 0 1px 0 #fff;
}
.collehaut {
	padding-top: 0;
}


/* Couleurs de polices */
.blanc {
	color: #fff;
}
.clair {
	color: #989898;
}
.orange {
	color: #d2762c;
}
.vert {
	color: #8abb29;
}


/* Liste à puces */
ul {
	margin-top: 0;
}
li {
	margin-top: 2px;
	margin-left: -22px;
}


/* Liens */
a {
	color: #585858;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #000;
}
a.flechenoire {
	background: url(images/ico_fleche_petite.png) no-repeat;
	display: inline-block;
	padding: 0 0 0 25px;
	line-height: 18px;
	max-width: 470px;
}
a.flechenoire:hover {
	background: url(images/ico_fleche_petite_over.png) no-repeat;
}
a.flecheorange {
	background: url(images/ico_fleche_petite_orange_blanc.png) no-repeat;
	color: #d2762c;
	display: inline-block;
	padding: 0 0 0 25px;
	line-height: 18px;
}
a.flecheorange:hover {
	background: url(images/ico_fleche_petite_over.png) no-repeat;
	color: #000;
}
a.flecheverte {
	background: url(images/ico_fleche_petite_verte.png) no-repeat;
	color: #8abb29;
	display: inline-block;
	padding: 0 0 0 25px;
	margin: 2px 0 0 0;
	line-height: 18px;
}
a.flecheverte:hover {
	background: url(images/ico_fleche_petite_orange.png) no-repeat;
	color: #d2762c;
}
a.joindre {
	background: url(images/ico_joindre.png) no-repeat;
	color: #8abb29;
	display: inline-block;
	padding: 0 0 0 18px;
	margin: 6px 0 0 0;
	line-height: 16px;
}
a.joindre:hover {
	background: url(images/ico_joindre.png) no-repeat;
	color: #d2762c;
}
a.publications {
	display: block;
	background: url(images/ico_fleche_grande.png) no-repeat;
	padding: 0 0 0 40px;
	margin: 0 0 8px 0;
	min-height: 31px;
	max-width: 310px;
}
a.publications:hover {
	background: url(images/ico_fleche_grande_over.png) no-repeat;
}
a.domaines {
	display: block;
	margin: 0;
	padding: 0 0 2px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 19px;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
}
a.domaines:hover {
	color: #d2762c;
}
a.safe  {
	display: inline-block;
	background: #438828; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #8abb29 0%, #438828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8abb29), color-stop(100%,#438828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8abb29 0%,#438828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8abb29 0%,#438828 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #8abb29 0%,#438828 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abb29', endColorstr='#438828',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #8abb29 0%,#438828 100%); /* W3C */
	border: none;
	border-top: 1px solid #bbdd78;
	box-shadow: 1px 1px 1px #244f18;
	padding: 5px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #163609;
	border-radius: 5px;
}
a.safe:hover {
	background: #66a842; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #a8d643 0%, #66a842 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8d643), color-stop(100%,#66a842)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a8d643 0%,#66a842 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a8d643 0%,#66a842 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a8d643 0%,#66a842 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d643', endColorstr='#66a842',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #a8d643 0%,#66a842 100%); /* W3C */
	border: none;
	border-top: 1px solid #bbdd78;
	color: #fff;
}
a.unsafe  {
	display: inline-block;
	background: #d2762c; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #fab949 0%, #d2762c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab949), color-stop(100%,#d2762c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fab949 0%,#d2762c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fab949 0%,#d2762c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fab949 0%,#d2762c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab949', endColorstr='#d2762c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fab949 0%,#d2762c 100%); /* W3C */
	border: none;
	border-top: 1px solid #ffe3b2;
	box-shadow: 1px 1px 1px #92501a;
	padding: 5px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #361e09;
	border-radius: 5px;
}
a.unsafe:hover {
	background: #ea934d; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #ffd07e 0%, #ea934d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd07e), color-stop(100%,#ea934d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd07e', endColorstr='#ea934d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* W3C */
	border: none;
	border-top: 1px solid #ffe3b2;
	color: #fff;
}


/* Espace pour certains paragraphes */
.espaceparagraphe {
	height: 25px;
}


/* Eléments de formulaires */
.input {
	display: inline-block;
	padding: 7px 37px 7px 7px;
	margin: 0 4px 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	border-radius: 5px;
	border: none;
}
.correct {
	background: url(images/icone.correct.png) right 4px no-repeat #FFF;
}
.erreur {
	background: url(images/icone.erreur.png) right 5px no-repeat #FFF;
}
#envoyer {
	cursor: pointer;
	background: #438828; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #8abb29 0%, #438828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8abb29), color-stop(100%,#438828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8abb29 0%,#438828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8abb29 0%,#438828 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #8abb29 0%,#438828 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abb29', endColorstr='#438828',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #8abb29 0%,#438828 100%); /* W3C */
	border: none;
	border-top: 1px solid #bbdd78;
	box-shadow: 1px 1px 1px #244f18;
	margin: 8px 0 8px 0;
	padding: 5px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 #163609;
	border-radius: 5px;
}
#envoyer:hover {
	background: #66a842; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #a8d643 0%, #66a842 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8d643), color-stop(100%,#66a842)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a8d643 0%,#66a842 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a8d643 0%,#66a842 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a8d643 0%,#66a842 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d643', endColorstr='#66a842',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #a8d643 0%,#66a842 100%); /* W3C */
	border: none;
	border-top: 1px solid #bbdd78;
	color: #fff;
}
#envoyer.orange {
	cursor: pointer;
	background: #d2762c; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #fab949 0%, #d2762c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab949), color-stop(100%,#d2762c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fab949 0%,#d2762c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fab949 0%,#d2762c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fab949 0%,#d2762c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab949', endColorstr='#d2762c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fab949 0%,#d2762c 100%); /* W3C */
	border: none;
	border-top: 1px solid #ffe3b2;
	box-shadow: 1px 1px 1px #92501a;
	margin: 8px 0 8px 0;
	padding: 5px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 #361e09;
	border-radius: 5px;
}
#envoyer.orange:hover {
	background: #ea934d; /* Anciens navigateurs */
	background: -moz-linear-gradient(top, #ffd07e 0%, #ea934d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd07e), color-stop(100%,#ea934d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd07e', endColorstr='#ea934d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffd07e 0%,#ea934d 100%); /* W3C */
	border: none;
	border-top: 1px solid #ffe3b2;
	color: #fff;
}

	/* En-tête */
	#entete {
		position: relative;
		width: 950px;
		height: 213px;
		margin: auto;
	}


		/* Logo */
		a.logo {
			position: absolute;
			background: url(images/logo.png);
			width: 309px;
			height: 116px;
		}


		/* Menu accueil & contact */
		#menuOne {
			position: absolute;
			right: 0;
			width: 284px;
			height: 152px;
			background: url(images/fond_menuOne.png);
		}
			#menuOne a {
				width: 42px;
				height: 48px;
			}
			#menuOne a#accueil {
				position: absolute;
				top: 55px;
				left: 73px;
				background: url(images/ico_accueil.png);
			}
			#menuOne a#accueil:hover {
				background: url(images/ico_accueil_over.png);
			}
			#menuOne a#contact {
				position: absolute;
				top: 55px;
				right: 73px;
				background: url(images/ico_contact.png);
			}
			#menuOne a#contact:hover {
				background: url(images/ico_contact_over.png);
			}


		/* Menu de navigation */
		#menu {
			position: absolute;
			top: 125px;
			width: 514px;
			height: 83px;
			overflow: hidden;
			font-size: 17px;
			font-family: Calibri, Arial, Helvetica, sans-serif;
		}
			#menu a {
				position: absolute;
				padding: 30px 0 0 0;
				margin: 12px 0 0 0;
				width: 102px;
				height: 50px;
				text-align: center;
				text-shadow: 0 1px 0 #fff;
				background: #ddd; /* Anciens navigateurs */
				background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #fff 0%,#ddd 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
				background: linear-gradient(top, #fff 0%,#ddd 100%); /* W3C */
				border: none;
				border-top: 1px solid #fff;
				box-shadow: 0 -1px 3px #666;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			#menu a:hover {
				color: #000;
				text-shadow: 0 1px 0 #fff;
			}
			#menu a.selected {
				position: absolute;
				padding: 30px 0 0 0;
				margin: 2px 0 0 0;
				width: 102px;
				height: 50px;
				text-align: center;
				text-shadow: 0 1px 0 #fff;
				color: #466a00;
				background: #d2dfae; /* Anciens navigateurs */
				background: -moz-linear-gradient(top, #fff 0%, #d2dfae 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#d2dfae)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #fff 0%,#d2dfae 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #fff 0%,#d2dfae 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(top, #fff 0%,#d2dfae 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2dfae',GradientType=0 ); /* IE6-9 */
				background: linear-gradient(top, #fff 0%,#d2dfae 100%); /* W3C */
				border: none;
				border-top: 1px solid #fff;
				box-shadow: 0 -1px 3px #666;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}


		/* Newsletter */
		#formnewsletter {
			position: absolute;
			top: 161px;
			left: 580px;
		}
			#formnewsletter #newsletter {
				width: 384px;
			}
				#formnewsletter #newsletter .input {
					box-shadow: 1px 1px 1px #999 inset;
					width: 270px;
				}
			#formnewsletter #newsletterdeja,
			#formnewsletter #newsletterenregistree,
			#formnewsletter #newslettersupprimee {
				width: 384px;
				margin: 4px 0 0 0;
				display: none;
			}


	/* Centre */
	#centre {
		width: 100%;
		background: #FFF;
		overflow: hidden;
		padding: 0 0 20px 0;
	}


		/* Corps */
		 #corps {
			position: relative;
			width: 950px;
			margin: auto;
		}


			/* Gauche */
			#gauche {
				float: left;
				width: 512px;
				padding: 0 0 20px 0;
			}


				/* "A LA UNE" publications */
				.une {
					width: 512px;
					height: 260px;
				}
					.une .img {
						position: absolute;
						z-index: 1;
						width: 512px;
						height: 260px;
						border-radius: 8px;
						box-shadow: 0 1px 1px #999;
					}
					.une .overlay {
						position: absolute;
						z-index: 2;
						display: block;
						opacity: 0.85;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
						filter: alpha(opacity=85);
						background: #000000;
						left: 312px;
						width: 200px;
						height: 260px;
						border-top-right-radius: 8px;
						border-bottom-right-radius: 8px;
					}
					.une .textes {
						position: absolute;
						z-index: 3;
						display: block;
						left: 312px;
						width: 180px;
						height: 240px;
						padding: 10px;
						text-shadow: 0 0 5px #000000;
					}
				.recherchetrouvee {
					background: #999;
					color: #FFF;
					border-radius: 2px;
				}
				.espacepubref {
					height: 35px;
					background: url(images/espacepubref.gif) no-repeat center left;
				}


			/* Séparateur vertical gauche / droite */
			 #separateur {
				background: url(images/separateur_vertical.png) no-repeat center right;
				float: left;
				width: 58px;
				height: 448px;
			}


			/* Droite */
			#droite {
				float: left;
				width: 380px;
				padding: 0 0 20px 0;
				text-align: left;
			}
				#droite .references {
					background: url(images/ico_cercle.png) no-repeat;
					padding: 0 0 0 40px;
					margin: 0 0 8px 0;
				}
				#droite #recherche {
					width: 380px;
					margin: 8px 0 0 0;
				}
					#droite #recherche .input {
						display: inline-block;
						box-shadow: 1px 1px 1px #999 inset;
						padding: 7px 37px 7px 7px;
						margin: 0 4px 8px 0;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 13px;
						color: #666;
						background: #EEE;
						width: 215px;
						border-radius: 5px;
						border: none;
					}


			/* Equipe */
			 #equipe {
				width: 950px;
				padding: 0 0 20px 0;
			}
				 .cn_list { /* Bloc des noms */
					width: 960px;
					position: relative;
				}
					 .cn_item { /* Nom */
						float: left;
						cursor: pointer;
						width: 103px;
						height: 31px;
						margin: 0 7px 7px 0;
						padding: 5px 0 5px 9px;
						background: #f2f2f2;
						border-radius: 5px;
						box-shadow: 0 1px 1px #CCC;
					}
					 .cn_item:hover { /* Nom survolé */
						color: #fff;
						background: #000;
					}
					 .cn_list .selected { /* Nom sélectionné */
						color: #8abb29;
						background: #000;
					}
					 .cn_list .selected:hover { /* Nom sélectionné survolé */
						color: #8abb29;
						background: #000;
					}
				 .cn_preview { /* Fiche individuelle */
					width: 925px;
					height: 325px;
					border: 10px solid #eee;
					background: #eee;
					position: relative;
					overflow: hidden;
					border-radius: 5px;
					box-shadow: 0 1px 1px #CCC;
				}
					 .cn_content { /* Contenu de la fiche individuelle */
						top: 380px; /*5*/
						width: 925px;
						height: 325px;
						position: absolute;
					}
						 .cn_content .employe { /* Photo d'employé */
							position: absolute;
							z-index : 20;
							border-radius: 5px;
						}
						 .cn_content .identite { /* Identité */
							position: absolute;
							display: block;
							background: url(images/fond.fiche.cv.png);
							color: #fff;
							z-index : 500;
							top: 265px;
							width: 468px;
							height: 40px;
							padding: 10px;
							border-bottom-left-radius: 5px;
							border-bottom-right-radius: 5px;
						}
							 .cn_content .identite .titre { /* Titre */
								font-family: Calibri, Arial, Helvetica, sans-serif;
								font-size: 22px;
								text-shadow: 0 -1px 0 #000;
								line-height: 20px;
							}
							 .cn_content .identite .fonction { /* Fonction */
								font-family: Calibri, Arial, Helvetica, sans-serif;
								color: #8abb29;
								font-size: 16px;
								text-shadow: 0 -1px 0 #000;
							}
						 .cn_content .cv { /* CV */
							position: absolute;
							left: 510px;
							display: block;
							overflow: auto;
							width: 405px;
							height: 325px;
							padding: 0 10px 0 0;
						}
							 .cn_content .cv .input { /* Inputs & Textareas */
								width: 90%;
								box-shadow: 1px 1px 1px #999 inset;
							}
				 #equipe #collaborations {
					float: left;
					width: 450px;
				}
					 #equipe #collaborations .references {
						background: url(images/ico_cercle.png) no-repeat;
						padding: 0 0 0 40px;
						margin: 0 0 8px 0;
					}
				 #equipe #reflex {
					float: right;
					width: 480px;
				}


			/* Références */
			.kwicks {
				/* recommended styles for kwicks ul container */
				list-style: none;
				position: relative;
				margin: 0;
				padding: 0;
			}
				.kwicks li { 
					float: left;
					cursor: default;
					width: 380px;
					height: 30px;
					border-radius: 5px;
					/* ne pas changer */
					display: block;
					overflow: hidden;
				}  
				.kwicks li:hover {  
					cursor: pointer;
				}  
				.kwicks li.active {  

				}  
					.kwicks li .domaines {
						padding: 5px 0 0 0;
					}  
						.kwicks li .domaines h3:hover { 
							color: #d2762c;
						}  
					.kwicks li .sousdomaines { 
						padding: 2px 0 0 0;
						vertical-align: top;
						width: 350px;
					}  
					.kwicks li.active .sousdomaines { 
						padding: 2px 0 0 0;
						vertical-align: top;
						width: 350px;
					}  
				

	/* Pied de page */
	#pied {
		background: #000 url(images/fond_pied.png) repeat-x;;
		color: #9d9d9d;
		width: 100%;
		padding: 0 0 40px 0;
		overflow: hidden;
	}


		/* Cadres */
		#pied #cadres {
			background: url(images/fond_cadres.png) no-repeat 221px bottom;
			width: 950px;
			height: 267px;
			margin: auto;
		}


			/* Nous écrire */
			#pied #cadres #nousecrire {
				float: left;
				width: 272px;
				height: 300px;
			}
				#pied #cadres #nousecrire .input { /* Inputs & Textareas */
					width: 225px;
					box-shadow: 2px 2px 2px #000 inset;
				}


			/* Coordonnées */
			#pied #cadres #coordonnees {
				float: left;
				width: 225px;
				margin: 0 0 0 71px;
			}


			/* Espace privé */
			#espaceprive {
				float: right;
				width: 311px;
			}
				#espaceprive .input {
					width: 200px;
					box-shadow: 2px 2px 2px #000 inset;
				}
				#espaceprive #identificationerreur, #espaceprive #identificationreussite {
					display: none;
				}

			
/* Fenêtre modale envoi publications */
#envoipublication {
	background: #FFF;
	margin: 20px;
}
	#envoipublication .input {
		display: inline-block;
		box-shadow: 1px 1px 1px #999 inset;
		padding: 7px 37px 7px 7px;
		margin: 0 4px 8px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #666;
		width: 375px;
		background: #EEE;
		border-radius: 5px;
		border: none;
	}
	#envoipublication .correct {
		background: url(images/icone.correct.png) right 4px no-repeat #EEE;
	}
	#envoipublication .erreur {
		background: url(images/icone.erreur.png) right 5px no-repeat #EEE;
	}


/* Pages d'administration */
#administration {
	width: 950px;
	min-height: 448px;
	padding: 0 0 20px 0;
}
	#administration .tableaualternant thead tr th {   /* Ligne d'en-tête */
		background: #DDD url(images/tri.gif) center right no-repeat;
		cursor: pointer;
		border-top: 1px solid #fff;
		color: #000;
		font-size: 16px;
		padding: 6px;
		box-shadow: inset 0 -1px 0 0 #c5cdd7;
		text-shadow: 0 1px 0 #FFF;
	}
	#administration .tableaualternant thead tr th:hover {   /* Ligne d'en-tête survolée */
		background-color: #CCC;
	}
	#administration .tableaualternant thead tr th.headerSortUp {   /* Cellule triée dans l'ordre croissant */
		background: #BBB url(images/tri_asc.gif) center right no-repeat;
	} 
	#administration .tableaualternant thead tr th.headerSortDown {    /* Cellule triée dans l'ordre décroissant */
		background: #BBB url(images/tri_desc.gif) center right no-repeat;
	} 
	#administration .tableaualternant thead tr th:first-child {   /* Première cellule de la ligne d'en-tête */
		border-top-left-radius: 8px;
	}
	#administration .tableaualternant thead tr th:last-child {   /* Dernière cellule de la ligne d'en-tête */
		border-top-right-radius: 8px;
		padding: 6px 20px 6px 6px;
	}
	#administration .tableaualternant tbody tr:nth-child(odd) td {   /* Ligne impaire du tableau */
		background: #f6f6f6;
		border-top: 1px solid #fff;
		box-shadow: inset 0 -1px 0 0 #c5cdd7;
		padding: 6px;
	}
	#administration .tableaualternant tbody tr:nth-child(even) td {   /* Ligne paire du tableau */
		background: #e9e9e9;
		border-top: 1px solid #fff;
		box-shadow: inset 0 -1px 0 0 #c5cdd7;
		padding: 6px;
	}
	#administration .tableaualternant tbody tr:last-child td:first-child {   /* Première cellule de la dernière ligne du tableau */
		border-bottom-left-radius: 8px;
	}
	#administration .tableaualternant tbody tr:last-child td:last-child {   /* Dernière cellule de la dernière ligne du tableau */
		border-bottom-right-radius: 8px;
	}
	#administration .tableaualternant tbody tr:hover td {   /* Ligne survolée */
		background: #555;
		color: #FFF;
	}
	#administration .tableaualternant tbody tr.nouvelle td {   /* Référence nouvelle */
		background: #d7e5c9;
		color: #000;
		border-top: 1px solid #fff;
		box-shadow: inset 0 -1px 0 0 #c5cdd7;
		padding: 6px;
	}
	#administration .tableaualternant tbody tr.nouvelle:hover td {   /* Référence nouvelle survolée */
		background: #555;
		color: #FFF;
	}
	#administration fieldset {
		display: block;
		margin: 0 auto 15px auto;
		border-radius: 5px;
		border: 1px solid transparent;
		background: #eee;
	}
	#administration legend {
		background: #ddd;
		border: 3px solid #fff;
		padding: 2px 8px 2px 8px;
		font-size : 16px;
		font-weight: bold;
		text-shadow: 0 1px 0 #eee;
		border-radius: 5px;
		box-shadow: 0 1px 1px #999;
	}
	#administration label {
		display: inline-block;
		cursor: pointer;
		padding: 7px 7px 7px 0;
	}
	#administration .input {
		display: inline-block;
		box-shadow: 1px 1px 1px #999 inset;
		padding: 7px 37px 7px 7px;
		margin: 0 4px 8px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #666;
		background: #FFF;
		border-radius: 5px;
		border: none;
	}
	#administration #listeabonnes {
		display: none;
	}

/* Modification d'une référence */
#adminmodal  {
	background: #FFF;
	margin: 20px;
	text-shadow: 0 1px 0 #FFF;
}
	#adminmodal .numero {
		display: inline-block;
		border-radius: 5px;
		background: #CCC;
		color: #000;
		padding: 8px 12px 8px 12px;
		font-weight: bold;
		margin: 0 0 4px 0;
	}
	#adminmodal fieldset {
		float: left;
		width: 675px;
		min-height: 65px;
		margin: 0 auto 6px auto;
		border-radius: 5px;
		border: 1px solid transparent;
		background: #eee;
	}
	#adminmodal legend {
		background: #ddd;
		max-width: 600px;
		border: 3px solid #fff;
		padding: 2px 8px 2px 8px;
		font-size : 16px;
		font-weight: bold;
		text-shadow: 0 1px 0 #eee;
		border-radius: 5px;
		box-shadow: 0 1px 1px #999;
	}
	#adminmodal label {
		display: inline-block;
		cursor: pointer;
		padding: 7px 7px 7px 0;
	}
	#adminmodal .input {
		display: inline-block;
		padding: 7px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #000;
		border-radius: 5px;
		margin: 0;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-bottom: 1px solid #EEE;
		border-right: 1px solid #EEE;
	}
