@charset "utf-8";
/* CSS Document */

/* lien généraux partout dans le site */
p a {
	color: #FF0000;
	text-decoration: none;
}
p a:hover {
	background-color:#FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

#list_projets {
	position: relative;
	/* overflow: auto; */
	width: 100%;
	height: 220px; 
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}

#frame_projets {
	overflow: hidden;
}

div#masque_projet {
	position: absolute;
	left: 76px;
	top: 45px;
	height: 315px;
	width: 894px;
	background-repeat: repeat;
	background-image: url(img/masque_projet.gif);
	visibility: hidden;
}

.pad {
	padding-bottom: 10px;
}

.pad2 {
	padding: 0px 0px 0px 0px;
}

.pad2 ul{
	padding: 8px 0px 0px 3px;
}

h2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0px 0px 10px;
}

h3 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px 0px 0px 5px;
	font-weight: normal;
}

h3 a{
	color: #FF0000;
	text-decoration: none;
}

h3 a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

ul {
	margin: 0px;
	padding: 5px 0px 0px 5px;
	position: relative;
	float: left; 
	width: 210px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}

ul.references {
	margin: 0px;
	padding: 12px 0px 0px 6px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 10px;
	width: 221px;
}


ul.references a {
	color: #FF0000;
	background-color: #FFFFFF;
	text-decoration: none;
}

ul.references a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}
ul.references2 {
	margin: 0px;
	padding: 24px 0px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 10px;
	width: 221px;
}
ul.references2 a {
	color: #FF0000;
	background-color: #FFFFFF;
	text-decoration: none;
}

ul.references2 a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}
ul li.titre {
	margin: 1px;
	padding: 1px;
	color: #FF0000;
	font-size: 11px;
	text-transform: uppercase;
	list-style: none;
	line-height: 15px;
}

.suite {
	font-size: 9px;
	text-transform: none;
}

ul li.titre2 {
	margin: 0px;
	padding: 0px;
	color: #FF0000;
	font-size: 10px;
	text-transform: uppercase;
	list-style: none;
}

ul li.option {
	margin: 1px;
	padding: 1px;
	color: #000000;
	/* height: 9px; */
	font-size: 10px;
	list-style: none;
	line-height: 9px;
}
ul li.option2 {
	margin: 0px 0px 3px 0px;
	padding: 1px;
	color: #444444;
	line-height: 10px;
	font-size: 10px;
	list-style: none;
}

ul li.expo {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #666666;
	font-size: 10px;
	list-style: none;
}

ul li.expo a {
	background-color: #E6E6DE;
	color: #666666;
	text-decoration: none;
}

ul li.expo a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

ul li a {
	/* background-color: #F2F2F0; */
	color: #000000;
	text-decoration: none;
}

ul li a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 15px 15px 0px 10px;
}

p.references {
	margin: 0px;
	padding: 12px 6px 0px 6px;
	color: #000000;
	width: 200px;
}

p.expo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}

p.expo_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0px 0px 3px;
	width: 440px;
}

p.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 10px 5px;
	color: #000000;
}

p.prix a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}

p.prix a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

p.titre {
	color: #000000;
	text-transform: uppercase;
}


/***********************************/
/*  PUBLICATIONS STYLES - PAR BASS*/
/***********************************/

p.publications {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 10px 0px 0px 5px;
}

p.publications  a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}

p.publications  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

p.publications strong {
	color: #000000;
	font-weight:normal;
}
/***********************************/

p.niv1 {
	color: #666666;
}

p.niv2 {
	color: #000000;
	margin: 10px 0px 0px 5px;
}

p.niv2 a {
	color: #FF0000;
	text-decoration: none;
}

p.niv2 a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

p.desc_img_projet {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	color: #737475;
	font-size: 10px;
}

p.nom_projet {
	font-size: 14px;
	margin: 0px;
	padding: 4px 0px 0px 4px;
	color: #FF0000;
}

p.ville_projet {
	font-size: 14px;
	margin: 0px;
	padding: 1px 0px 0px 4px;
	color: #000000;
}

p.annee_projet {
	font-size: 14px;
	margin: 0px;
	padding: 1px 0px 0px 4px;
	color: #000000;
}

p.categorie1 {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	color: #000000;
}

p.categorie1 a {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	text-decoration: none;
}
p.categorie1 a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

p.categorie2 {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	color: #000000;
}
p.categorie2 a {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	text-decoration: none;
}
p.categorie2 a:hover {
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}
p.gagnant {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	color: #666666;
}

#content_projet {
	font-size: 11px;
	margin: 0px;
	padding: 4px 0px 0px 4px;
	color: #000000;
}

.item {
	font-size: 10px;
	color: #666666;
}

ul.ref_projet1 {
	margin: 0px;
	padding: 0px 0px 10px 4px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 10px;
	/*width: 221px;*/
	color: #000000;
}

ul.ref_projet1 li a {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration: none;
}

ul.ref_projet1 li a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}

ul.ref_projet1 li.ref_categorie {
	color: #000000;
}

ul.ref_projet2 {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 10px;
	width: 221px;
	color:#000000;
}

ul.ref_projet2 li a {
	color: #666666;
	background-color: #F3F3EF;
	text-decoration: none;
}

ul.ref_projet2 li a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}

ul.ref_projet2 li.ref_categorie {
	color: #000000;
}

ul.ref_projetFiche {
	margin: 0px;
	padding: 2px 0px 13px 4px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 10px;
	/*width: 221px;*/
	color: #000000;
}

ul.ref_projetFiche li a {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration: none;
}

ul.ref_projetFiche li a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}

ul.ref_projetFiche li.ref_categorie {
	color: #000000;
}


/************************************/
.boiteInfo {
	padding: 0px 15px 0px 0px;
}

.boiteInfo p {
	margin: 10px 0px 0px 5px;
	font-size: 11px;
}
.boitebio p {
	margin: 10px 0px 0px 5px;
	font-size: 10px;
}

#boutonProjet {
	display: inline;
	width:112px;
	height:14px;
	background-color:#000000;
	color:#FFFFFF;
}
.contenuProjet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 2px 15px 15px 7px;
	color: #000000;
}
.contenuProjet a {
	color: #FF0000;
	text-decoration: none;
}
.contenuProjet a:hover {
	background-color:#FF0000;
	color: #FFFFFF;
	text-decoration: none;
}


.contenuProjet p{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.barreBlancheExpo {
	height: 14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6DE;
}
.imageTitre {
	padding: 0px 0px 0px 2px;
	margin: 0px 0px 10px 0px;
}
.cellDownload {
	padding: 4px 0px 0px 0px;
}
.caseExpo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 20px 5px 0px 5px;
}
.caseExpo p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	/*width: 440px;*/
}
