/************************************/
/*																	*/
/*			Accueil Fiches projets			*/
/*																	*/
/************************************/


#filters {
		clear:left;
		padding-top:8px;
		display:block;
}

#filters a {
		color:#FFFFFF;
		text-decoration:underline;
}

#filters a.active {
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
}

#projects {
		display:block;
		width:930px;
		height:auto;
}

#projects .region {
		display:block;
		width:450px;
		height:30px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#FFFFFF;
		text-transform:uppercase;
}

#projects-title {
		display:block;
		float:left;
		background-image:url(../im/fiches-title.png);
		background-repeat:no-repeat;
		background-position:left;
		width:208px;
		height:27px;
}

#projects #project-left {
		background-image:url(../im/sep-vertical.png);
		background-repeat:repeat-y;
		background-position:top right;
		display:block;
		float:left;
		width:450px;
		height:auto;
		padding-right:0px;
		margin-right:10px;
		margin-top:20px;
		margin-bottom:20px;
}

#projects #project-right {
		display:block;
		float:left;
		width:400px;
		margin-top:20px;
		margin-bottom:20px;
		padding-left:10px;
}

#projects .project {
		position:relative;
		display:block;
		width:450px;
		height:80px;
		margin-top:20px;
		margin-bottom:20px;
}

#projects .project .img {
		height:80px;
		float:left;
		padding-right:10px;
		overflow:hidden;
}

#projects .project img {
		padding-right:0px;
}

#projects .project .desc {
		display:block;
		float:left;
		width:350px;
}

#projects .project .desc .title {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#FFFFFF;
}

#projects .project .desc .lieu {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFFFFF;
}

#projects .project .desc .dep {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
}

#projects .project .desc a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		text-decoration:underline;
}

#projects .project .desc p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		padding-top:5px;
		padding-bottom:5px;
}



/************************************/
/*																	*/
/*					Fiche projet						*/
/*																	*/
/************************************/


/***** Coté gauche *****/

#project-left {
		display:block;
		float:left;
		width:690px;
		height:auto;
		margin-right:5px;
		padding-right:10px;
		color:#FFFFFF;
}

#project-left #desc-project {
		margin-top:8px;
		margin-bottom:15px;
}

#project-left h2 {
		font-size:20px;
		line-height:32px;
		height:32px;
}

#project-left p {
		font-size:12px;
}

#project-left img {
		padding:5px 10px 5px 10px;
}


#documents {
		display:block;
		background-image:url(../im/sepdocs.png);
		background-repeat:no-repeat;
		background-position:top;
		width:690px;
		min-height:50px;
		padding-top:10px;
}

#documents .doc {
		display:block;
		float:left;
		color:#FFFFFF;
		height:24px;
		margin-bottom:10px;
}

#documents a {
		display:block;
		color:#FFFFFF;
		padding:5px 15px 0px 35px;
}

#documents img {
		float:left;
		padding:0px;
}

#sons {
		background-image:url(../im/sepdocs.png);
		background-repeat:no-repeat;
		background-position:top;
		width:690px;
		padding-top:10px;
}

.son-title {
		padding-top:5px;
		padding-bottom:5px;
}

/***** Coté droit *****/


#project-right {
		display:block;
		float:left;
		width:220px;
		height:auto;
}


#galerie-photo
{
  width:217px;
  height:225px;
  background-image: url('../im/galerie-bck.png');
  background-repeat:no-repeat;
  padding-top:34px;
  color:#f4e7d7;
  text-align: center;
}

#galerie-photo div.img
{
  width:190px; 
  height:180px; 
  margin:auto;
  overflow:hidden;
}

#galerie-photo div.title-photo {
	margin-top:10px;
}

#galerie-video
{
   height:62px;
   width:197px;
   background-image: url('../im/video-bck.png');
   color:#ffffff;
   text-transform: uppercase;
   padding: 0px 0px 0px 19px;
}

#galerie-video img
{
  float:right;
}

#galerie-video a,
#galerie-video a:hover
{
  padding-top:19px;
  margin-top:19px; 
  color:#ffffff;
  text-decoration: none;
}