@charset "utf-8";
/* --------------------------------- body --------------------------------- */
body {
	background-image: url(images/fond_entete.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;
	font-size: 13px;
}
/* --------------------------------- div --------------------------------- */
div {
	position: relative;
	display: block;
}
/* --------------------------------- a --------------------------------- */
a {
	color: #585858;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
/* --------------------------------- lien en liste --------------------------------- */
a.liste, a.listeenvoipublication {
	background-image: url(images/ico_fleche_petite.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 25px;
	line-height: 18px;
}
a.liste:hover, a.listeenvoipublication:hover {
	background-image: url(images/ico_fleche_petite_over.png);
}
/* --------------------------------- input, textarea --------------------------------- */
input, textarea {
	background: none;
	border: none;
	margin-top: 2px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7a7a7a;
}
/* --------------------------------- form --------------------------------- */
form {
	margin: 0px;
	padding: 0px;
}
/* --------------------------------- couleurs de polices --------------------------------- */
.blanc {
	color: #FFFFFF;
}
.clair {
	color: #989898;
}
.noir {
	color: #000000;
}
.vert {
	color: #8abb29;
}
/* --------------------------------- espace pour certains paragraphes --------------------------------- */
.espaceparagraphe {
	height: 25px;
}
/* --------------------------------- en-tête --------------------------------- */
#entete {
	width: 950px;
	height: 213px;
	margin-left: auto;
	margin-right: auto;
}
/* --------------------------------- logo --------------------------------- */
#entete a.logo {
	background-image: url(images/logo.png);
	float: left;
	width: 309px;
	height: 116px;
}
/* --------------------------------- menu accueil et contact --------------------------------- */
#entete #menuOne {
	background-image: url(images/fond_menuOne.png);
	float: right;
	width: 284px;
	height: 152px;
}
#entete #menuOne a {
	width: 42px;
	height: 48px;
	margin-top: 55px;
}
#entete #menuOne a.ico_accueil {
	background-image: url(images/ico_accueil.png);
	float: left;
	margin-left: 73px;
}
#entete #menuOne a.ico_accueil:hover {
	background-image: url(images/ico_accueil_over.png);
}
#entete #menuOne a.ico_contact {
	background-image: url(images/ico_contact.png);
	float: right;
	margin-right: 73px;
}
#entete #menuOne a.ico_contact:hover {
	background-image: url(images/ico_contact_over.png);
}
/* --------------------------------- menu --------------------------------- */
#entete #menu {
	float: left;
	margin-top: 23px;
}
#entete #menu a {
	float: left;
	padding-top: 28px;
	text-align: center;
}
#entete #menu a.bouton_menu_premier {
	background-image: url(images/bouton_menu_premier.png);
	width: 103px;
	height: 41px;
}
#entete #menu a.bouton_menu_premier:hover {
	background-image: url(images/bouton_menu_premier_over.png);
}
#entete #menu a.bouton_menu_autres {
	background-image: url(images/bouton_menu_autres.png);
	width: 97px;
	height: 41px;
}
#entete #menu a.bouton_menu_autres:hover {
	background-image: url(images/bouton_menu_autres_over.png);
}
#entete #menu a.bouton_menu_dernier {
	background-image: url(images/bouton_menu_dernier.png);
	width: 97px;
	height: 41px;
}
#entete #menu a.bouton_menu_dernier:hover {
	background-image: url(images/bouton_menu_dernier_over.png);
}
/* --------------------------------- newsletter --------------------------------- */
#entete #newsletter {
	float: right;
	width: 384px;
	height: 21px;
	margin-top: 21px;
}
#entete #newsletter #tabnewsletteremail {
	background-image: url(images/formulaire_champ_newsletter.png);
	float: left;
	width: 344px;
	height: 21px;
}
#entete #newsletter #tabnewsletteremail #newsletteremail {
	float: right;
	width: 236px;
	height: 15px;
	margin-right: 8px;
	margin-left: 95px;
}
#entete #newsletterok {
	background-image: url(images/formulaire_bouton_ok.png);
	float: right;
	width: 33px;
	height: 21px;
	cursor: pointer;
}
#entete #newsletterdeja, #newsletternonvalide, #newsletterenregistree, #newslettersupprimee  {
	float: right;
	width: 382px;
	height: 42px;
	margin-top: 14px;
	text-align: left;
	display: none;
}
#entete .fauxlien {
	background-image: url(images/ico_fleche_petite_orange_blanc.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 25px;
	line-height: 18px;
	color: #d2762c;
	margin-right: 10px;
	cursor: pointer;
}
#entete .fauxlienover {
	background-image: url(images/ico_fleche_petite_over.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 25px;
	line-height: 18px;
	color: #000000;
	margin-right: 10px;
	cursor: pointer;
}
/* --------------------------------- centre --------------------------------- */
#centre {
	width: 100%;
	background-color: #FFFFFF;
	overflow: hidden;
}
#centre #corps {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* --------------------------------- centre gauche --------------------------------- */
#centre #corps #gauche {
	float: left;
	width: 512px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}
#centre #corps #gauche .photo {
	float: left;
	display: block;
	width: 104px;
	height: 155px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin: 18px 24px 0px 0px;
}
#centre #corps #gauche a.equipe {
	display: block;
	width: 100%;
	background-image: url(images/cadre_photo.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 110px;;
}
#centre #corps #gauche a.equipe:hover {
	background-image: url(images/cadre_photo_over.png);
	background-repeat: no-repeat;
	color: #5c953a;
}
#centre #corps #gauche .une {
	float: left;
	display: block;
	width: 104px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin-right: 16px;
}
#centre #corps #gauche .unecadre {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(images/cadre_publication.png);
	background-repeat: no-repeat;
}
.recherchetrouvee {
	color: #8abb29;
	font-weight: bold;
}
.titretypereference {
	font-weight: bold;
	font-size: 14px;
}
.titretypelien {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 4px;
}
.espacepubref {
	height: 35px;
	background-image: url(images/espacepubref.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
/* --------------------------------- centre séparateur --------------------------------- */
#centre #corps #separateur {
	background-image: url(images/separateur_vertical.png);
	background-repeat: no-repeat;
	background-position: center right;
	float: left;
	width: 58px;
	height: 448px;
}
/* --------------------------------- centre droite --------------------------------- */
#centre #corps #droite {
	float: left;
	width: 380px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}
#centre #corps #droite a.publications {
	display: block;
	background-image: url(images/ico_fleche_grande.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom: 8px;
	min-height: 31px;
}
#centre #corps #droite a.publications:hover {
	background-image: url(images/ico_fleche_grande_over.png);
}
#centre #corps #droite .references {
	background-image: url(images/ico_cercle.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom: 8px;
}
#centre #corps #droite .radio {
	padding-top: 0px;
	margin-left: 0px;
}
#centre #corps #droite #recherche {
	background-image: url(images/formulaire_champ_simple.png);
	background-repeat: no-repeat;
	width: 311px;
	height: 21px;
	margin-top: 8px;
}
#centre #corps #droite #recherche #LaRecherche {
	float: left;
	width: 253px;
	height: 15px;
	margin-right: 8px;
}
#centre #corps #droite #recherche #rechercheok {
	background-image: url(images/formulaire_bouton_ok.png);
	float: right;
	width: 33px;
	height: 21px;
	margin-top: 1px;
	cursor: pointer;
}
/* --------------------------------- pied --------------------------------- */
#pied {
	background-image: url(images/fond_pied.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 327px;
	text-align: center;
	margin-top: 0px;
	overflow: hidden;
}
#pied #cadres {
	background-image: url(images/fond_cadres.png);
	background-repeat: no-repeat;
	background-position: 221px bottom;
	width: 950px;
	height: 267px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #9e9d9d;
}
#pied a {
	color: #82b422;
}
#pied a:hover {
	color: #d2762c;
}
#pied a.lien {
	background-image: url(images/ico_fleche_petite_verte.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 25px;
	line-height: 18px;
	margin-top: 3px;
	margin-right: 10px;
	cursor: pointer;
}
#pied a.lien:hover {
	background-image: url(images/ico_fleche_petite_orange.png);
}
#pied .fauxlien {
	background-image: url(images/ico_fleche_petite_verte.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 25px;
	line-height: 18px;
	color: #8abb29;
	margin-top: 3px;
	margin-right: 10px;
	cursor: pointer;
}
#pied .fauxlienover {
	background-image: url(images/ico_fleche_petite_orange.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 25px;
	line-height: 18px;
	color: #d2762c;
	margin-top: 3px;
	margin-right: 10px;
	cursor: pointer;
}
/* --------------------------------- nous écrire --------------------------------- */
#pied #cadres #nousecrire {
	float: left;
	width: 272px;
	margin-top: 6px;
	text-align: left;
}
#pied #cadres #nousecrireincomplet, #nousecrirereussite {
	float: left;
	width: 272px;
	margin-top: 6px;
	text-align: left;
	display: none;
}

#pied #cadres #nousecrire #email {
	background-image: url(images/formulaire_champ_simple.png);
	background-repeat: no-repeat;
	width: 272px;
	height: 21px;
	margin-top: 3px;
}
#pied #cadres #nousecrire #email #ecrireemail {
	width: 253px;
	height: 15px;
}
#pied #cadres #nousecrire #sujet {
	background-image: url(images/formulaire_champ_simple.png);
	background-repeat: no-repeat;
	width: 272px;
	height: 21px;
	margin-top: 6px;
}
#pied #cadres #nousecrire #sujet #ecriresujet {
	width: 253px;
	height: 15px;
}
#pied #cadres #nousecrire #message {
	background-image: url(images/formulaire_champ_multiple.png);
	background-repeat: no-repeat;
	width: 272px;
	height: 71px;
	margin-top: 6px;
}
#pied #cadres #nousecrire #message #ecriremessage {
	margin-top: 3px;
	width: 253px;
	height: 63px;
}
#pied #cadres #nousecrire a.joindre {
	background-image: url(images/ico_joindre.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 18px;
	line-height: 16px;
	margin-top: 6px;
}
#pied #cadres #nousecrire #envoyer {
	background-image: url(images/formulaire_bouton_envoyer.png);
	width: 68px;
	height: 21px;
	margin-top: 8px;
	cursor: pointer;
}
#pied #cadres #nousecrire #divfichier1, #divfichier2, #divfichier3 {
	background-image: url(images/ico_joindre.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	line-height: 16px;
	margin-top: 2px;
	display: none;
	overflow: hidden;
}
/* --------------------------------- coordonnées --------------------------------- */
#pied #cadres #coordonnees {
	float: left;
	width: 225px;
	margin-top: 6px;
	margin-left: 71px;
	text-align: left;
}
/* --------------------------------- espace privé --------------------------------- */
#pied #cadres #espaceprive {
	float: right;
	width: 311px;
	margin-top: 6px;
	text-align: left;
}
#pied #cadres #espaceprive #identification {
	background-image: url(images/formulaire_champ_simple.png);
	background-repeat: no-repeat;
	width: 311px;
	height: 21px;
	margin-top: 8px;
}
#pied #cadres #espaceprive #identificationerreur {
	width: 311px;
	margin-top: 8px;
	display: none;
}
#pied #cadres #espaceprive #identification #identificationlog {
	float: left;
	width: 253px;
	height: 15px;
	margin-right: 8px;
}
#pied #cadres #espaceprive #identification #identificationok {
	background-image: url(images/formulaire_bouton_ok.png);
	float: right;
	width: 33px;
	height: 21px;
	margin-top: 1px;
	cursor: pointer;
}
