/* reset */
body, p, ul, ol, form, input, h1, h2, h3, h4, h5, h6, hr, textarea, fieldset, blockquote, dl, dt, dd, a {margin:0;padding:0;}ul, ol{list-style: none;}img{border:none;}a, input{outline:none;}fieldset {border:0;}
sup{vertical-align:super;font-size:.7em;line-height:.8em;}
sub{vertical-align:sub;font-size:.7em;line-height:.8em;}


/******************/
/* Layout general */
/******************/

body {
	font:12px Arial, sans-serif;
	color:#085373;
	background: #FFF url(bg2.gif) repeat-x top left;
}

html, body {height:100%;}

#container {
	min-height: 100%;
	margin: 0 auto -57px;
	width:995px;
	position:relative;
}
	#footer-wrap, .push {height: 57px;}
	#footer-wrap {
		background: #FFF url(bg_footer.gif) repeat-x top left;
		width:100%;
		overflow:hidden;
	}
	
#footer {
	padding-top:20px;
	margin: 0 auto;
	width:995px;
	font-size:10px;

	
}
	#footer-partner {
	float:left;
	padding-left:80px;
	}
	#footer a {text-decoration:none;}
	#footer-member {
			position:relative;
			top: 6px;	
	}
	#footer-network {padding-left:50px;}
	a#footer-network {color:#717074;}
	a#footer-network img {
		position:relative;
		top: 5px;	
	}
	#footer-links {
		text-align:right;
		display:inline;
		position:relative;
		float:right;
		width:450px;
		line-height:20px;
		padding-right:110px;
		color: #C1C2C4; /*copyright */
	}
		#footer-links a {color: #4EACCC;}
		#footer-links a:hover {color: #002d56;}	
		#footer-links img {	
			position:relative;
			top: 8px;
		}	
		#footer-links span {padding:0 10px 0 30px;}		

#logo {
	display:block;
	position:relative;
	left:86px;
	top:96px;
	height:74px;
	width:159px;
	/*background: transparent url(/style/logo_cf.gif) no-repeat top left;*/
}

#years {
	position:absolute;
	/* background: #fff url(the_factory_group_15years-logo.gif) no-repeat top left; */
	width:59px;
	height:59px;
	margin-top:-80px;
	margin-left:80px;
	
}


#contenu {
	width:708px;
	float:left;
	margin-left:34px;
	padding-bottom:60px;
}


/* navigation principale */
ul#nav {
	position:relative;
	top: 30px;
	left:287px;
	width: 600px;
}

	ul#nav li {
		float:left;
		margin-right:2px;
	}
		ul#nav li a {
			background: transparent url(menu.gif) no-repeat 0 0;
			display:block;
			width:97px;
			height:26px;
			
			font-size:10px;
			font-weight:bold;
			text-align:center;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;
			line-height:26px;	
		}
			ul#nav li a:hover, ul#nav li a.selected {background-position: 0 -26px;}


/* Stuff */
.clear {clear:both;}
a:active, a:focus {outline: 0;}





/*************************/
/* navigation secondaire */
/*************************/

#nav2 {
	margin-top:80px;

	width:170px;
	float:left;
	margin-left:80px;
}
	#nav2 span, .cache {
		position:absolute;
		left: -6000px;
		top: -6000px;
		text-indent: -6000px;
	}
	
#nav2 ul {margin-top: 50px;}
#nav2 ul li a {
	display:block;
	width:169px;
	height:30px;
	
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;	
	cursor:pointer;
}
	/* Actualités */
	a#vie_agence {background-image: url(ssmenu/vie_agence.gif);}
	a#projets {background-image: url(ssmenu/projets.gif);}		
	a#marche {background-image: url(ssmenu/le_marche.gif);}		
	a#emploi {background-image: url(ssmenu/stages_et_emplois.gif);}	
	/* Agence */
	a#presentation {background-image: url(ssmenu/presentation.gif);}
	a#quinze {background-image: url(ssmenu/15ans_deja.gif);}		
	a#methodologie {background-image: url(ssmenu/methodologie.gif);}		
	a#partenaires {background-image: url(ssmenu/partenaires.gif);}	
	a#international {background-image: url(ssmenu/international.gif);}	
	/* Services */
	a#conseils {background-image: url(ssmenu/conseils_et_strategies.gif);}
	a#creations {background-image: url(ssmenu/creations_et_conceptions.gif);}		
	a#productions {background-image: url(ssmenu/productions_et_editions.gif);}		
	a#full_media {background-image: url(ssmenu/full_media.gif);}	
	a#audiovisuels {background-image: url(ssmenu/audiovisuels.gif);}	
	a#marketing_digital {background-image: url(ssmenu/marketing_digital.gif);}		
	a#expos {background-image: url(ssmenu/expos_et_events.gif);}	
	a#outsourcing {background-image: url(ssmenu/outsourcing.gif);}	
	/* Portfolio */
	a#projets_recents {background-image: url(ssmenu/creations_recentes.gif);}
	a#clients {background-image: url(ssmenu/nos_clients.gif);}		
	a#coups_de_coeur {background-image: url(ssmenu/coups_de_coeur.gif);}		
	a#recherche {background-image: url(ssmenu/recherche.gif);}	
	/* Equipe */
	a#direction {background-image: url(ssmenu/direction.gif);}
	a#crea {background-image: url(ssmenu/creation.gif);}		
	a#prod {background-image: url(ssmenu/production.gif);}		
	a#gestion {background-image: url(ssmenu/gestion.gif);}	
	a#stagiaire {background-image: url(ssmenu/stagiaire.gif);}		
	a#administration {background-image: url(ssmenu/administration.gif);}	
	a#strategie {background-image: url(ssmenu/strategie.gif);}
	
	




		/* Actualités */
		a#vie_agence:hover, 
		a#projets:hover,
		a#marche:hover,
		a#emploi:hover,
		/* Agence */
		a#presentation:hover,
		a#quinze:hover,		
		a#methodologie:hover,	
		a#partenaires:hover,	
		a#international:hover,
		/* Services */
		a#conseils:hover,
		a#creations:hover,
		a#productions:hover,
		a#full_media:hover,
		a#audiovisuels:hover,	
		a#marketing_digital:hover,	
		a#expos:hover,
		a#outsourcing:hover,
		/* Portfolio */
		a#projets_recents:hover,
		a#clients:hover,
		a#coups_de_coeur:hover,		
		a#recherche:hover,
		/* Equipe */
		a#direction:hover,
		a#crea:hover,		
		a#prod:hover,	
		a#gestion:hover,
		a#stagiaire:hover,	
		a#administration:hover,	
		a#strategie:hover,
				
		#nav2 ul li a.selected {background-position: 0 -30px;}
			 


/*****************/
/* page de suite */
/*****************/

/* selectnext */
.pagination {
	overflow:hidden;
	zoom:1;
	border-top:1px dotted #4caccc;	
	padding-top:12px;
}

	.pagination li{
		float:left;	
	}
	
	.pagination a {
		display:block;
		background-color: #c2c3c5;
		width:14px;
		height:14px !important;
		text-align:center;
		color: #fff;
		font-size:9px;
		line-height:14px;
		padding:0 !important;
		border:0 !important;
		margin-right:3px;
		text-decoration:none;

	}
	.pagination a:hover, .pagination a.selected {background-color: #4caccc !important;}





/* ID Contenu -> CLASS home */
.home {
	margin-top:79px;
	background: transparent url(double_a4.jpg) no-repeat 0 0;
}

	.home .texte {
		width:235px;
		margin-left: 20px;
		margin-top: 42px;
		float:left;
		padding-bottom:60px;
	}
	.home .texte h2 {
		color: #4caccc;
		font-size:12px;
		font-weight:normal;
		margin-top:20px;
		padding-top:20px;
		border-top: 1px dotted #4caccc;
		margin-bottom:5px;
	}
		.home .texte h2.first {
			color: #4caccc;
			font-size:12px;
			font-weight:normal;
			margin-top:0px;
			padding-top:0px;
			border-top: none;
		}
			.home .texte h2 span {color: #00496d;}
	
	.home .texte a {
		font-size:11px;
		color: #00496d;
		text-decoration:none;
		display:block;
	}
	.home .texte span {
		font-size:11px;
		color: #00496d;
		text-decoration:none;
	}
		.home .texte a span {
			color: #4caccc;
			text-transform:uppercase;
		}
		.home .texte a:hover {color: #4caccc;}
	
	.home .slider_gen {
		float:left;
		margin-left:70px;
		margin-top:35px;
		height:360px;
	}
	.home .slider_gen a {
		border:1px solid #4c4c4d;
		height:360px;
	}
	.home .slider_gen a img {display: block;}

/* ID Contenu -> CLASS Actualité */
.actualite {
	background: transparent url(board.jpg) no-repeat 0 0;
	margin-top:101px;
	height:1%; /* IE 6 */
}
	/* jquery slider_gen */
	.actualite .slider_gen {
		margin-top:3px;
		height:424px;
		overflow:hidden;
		position:relative;
	}
		.actualite .slider_gen_box {
			position: absolute;
			height:1696px; /* height .slider_gen_slide * nb de slide */
		}
			.actualite .slider_gen_box .slider_gen_slide {height:424px;}


	.actualite .col-left {
		width:264px;	
		float:left;
		display:inline;
	}
	
	.actualite .col-right h2 {
		color: #002f5f;
		font-size: 14px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.actualite .col-right {
		float:right;
		width:228px;
		font-size:11px;
		line-height:14px;
		color: #4caccc;
		text-align:justify;
	}
		.actualite .selection a {
		
		display:block;
		height: 76px;
		border-top:1px dotted #4caccc;
		
		padding-top:12px;
		text-decoration:none;
		}
		.actualite .selection a:hover, .actualite .selection a.selected {
		background-color:#f8f7f6;
		}
		
		.actualite .content a {
			color: #00496d;
			text-decoration:none;

		}

			.actualite .content a:hover {color: #4caccc;}		
		
		
		.actualite .selection img {
			float:left;
			margin-right: 18px;
		}
		.actualite .selection span.titre_actu {
		display:block;
		font-size: 14px;
		font-weight:bold;
		margin-bottom:5px;
		}
		.actualite .selection span {color: #69686a; font-size:11px;}
		.actualite .selection a:hover span, .actualite .selection a.selected span {color: #4caccc;}



/* ID Contenu -> CLASS L'agence */
.agence {
	background: transparent url(mains.jpg) no-repeat 0 0;
	margin-top: 101px; /* 85 pour IE */
	margin-left:0px !important;
}
	/* jquery slider_gen */
	.agence .slider_gen {
		margin-top:30px;
		height:350px;
		width: 450px;
		margin-left:115px;
		overflow:hidden;
		position:relative;
	}
		.agence .slider_gen_box {
			position: absolute;
			width:2250px; /* width .slider_gen_slide * nb de slide */
		}
			.agence .slider_gen_box .slider_gen_slide {width:450px; float:left;}


	.agence .texte {
		color: #00496d;
		font-size:11px;
		line-height:19px;
		text-align:justify;
	}
	
	.agence .texte h2 {
		color: #4caccc;
		font-size: 14px;
		font-weight:bold;
		padding-bottom:20px;	
	}
	
	.agence .texte h2.border {
		border-bottom: 1px dotted #4caccc;
		margin-bottom: 20px;
	}



/* ID Contenu -> CLASS Services */
.services {
	background: transparent url(board.jpg) no-repeat 0 0;
	margin-top:101px;
}
	/* jquery slider_gen */
	.services .slider_gen {
		margin-top:3px;
		height:424px;
		overflow:hidden;
		position:relative;
	}
		.services .slider_gen_box {
			position: absolute;
			height:3392px; /* height .slider_gen_slide * nb de slide */
		}
			.services .slider_gen_box .slider_gen_slide {height:424px;}
			
	.services .texte {
		/*width:270px;*/
		color: #00496d;
		font-size:11px;
		line-height:19px;
		float:right;
		text-align:justify;
	}
	.services .texte h2 {
		color: #4caccc;
		font-size: 14px;
		font-weight:bold;
		margin-bottom:20px;
		
		border-bottom: 1px dotted #4caccc;
		padding-bottom:20px;		
		
	}
	
	
/* ID Contenu -> CLASS Equipe */
.equipe {
	border:1px solid red;
	margin-top:101px;
}	


/* ID Contenu -> CLASS Portfolio */
.portfolio {
	background: transparent url(book.jpg) no-repeat 0 0;
	margin-top:63px;
}

	/* jquery slider_gen */
	.portfolio .slider_gen {
		margin-top:50px;
		height:424px;
		overflow:hidden;
		position:relative;
	}
		.portfolio .slider_gen_box {
			position: absolute;
			height:1696px; /* height .slider_gen_slide * nb de slide */
		}
			.portfolio .slider_gen_box .slider_gen_slide {height:424px;}


	.portfolio .texte {
		width:200px;
		color: #4caccc;
		font-size:13px;
		line-height:15px;
		float:left;
		display:inline;
	}
	
	.portfolio .texte .item-gallery ul {border-top:1px dotted #4caccc;}	
	
		.portfolio .texte .item-gallery ul li {margin:17px 0 16px 0;}
	
	.portfolio .texte .item-gallery ul li a {
		color: #aaacae;
		text-decoration:none;	
	}
		.portfolio .texte .item-gallery ul li a:hover, .portfolio .texte .item-gallery ul li a.selected {color: #4caccc;}		

	.portfolio .selection {
		float:right;
		width:318px;
	}
	
	.portfolio .selection li {
		zoom:1;
	}
		.portfolio .selection a {
			display:block;
			height: 76px;
			border-top:1px dotted #4caccc;
			padding-top:12px;
			padding-right:21px;
			text-decoration:none;
		}
		.portfolio .selection a.award {
			background: transparent url(/style/award.gif) no-repeat right top;
			position:relative;
		}		

		.portfolio .selection a:hover {
		background-color:#f8f7f6;
		}
		.portfolio .selection a span.award {
			background: transparent url(/style/award.gif) no-repeat right top;
			position:absolute;z-index:5;width:72px;height:49px;top:0;right:0;
		}
		.portfolio .selection img {
			float:left;
			margin-right: 18px;
		}
		.portfolio .selection span.titre_actu {
		display:block;
		font-size: 14px;
		font-weight:bold;
		margin-bottom:5px;
		}
		.portfolio .selection span {color: #69686a; font-size:10px; display:block;}
		
		.portfolio .selection a:hover span, .portfolio .selection a.selected span {color: #4caccc;}








/* ID Contenu -> CLASS Contact */
.contact {
	background: transparent url(abribus.jpg) no-repeat 210px 0;
	margin-top:55px;
	position:relative;
}	

	.contact .texte {
		color: #4caccc;
		font-size:12px;
		line-height:16px;
		width:180px;
		padding-top:50px;
	}
	
	.contact .texte a {
		color: #4caccc;
		text-decoration:none;
	}
		.contact .texte a:hover {color: #00496d;}	
		
	.contact .texte h2 {
		color: #00496d;
		font-size: 14px;
		font-weight:bold;
		padding:20px 0;	
	}
	.contact .texte h2.border {
		border-top: 1px dotted #4caccc;
		margin-top: 20px;
	}
	
	
	#googlemap {
		position:absolute;
		top: 14px;
		left:231px;
	
	}
	
	
/* ID Contenu -> CLASS sitemap */
.sitemap {
	margin-top:100px;
	position:relative;
	width:595px !important;
	border-bottom: 1px dotted #4caccc;
}	
	.sitemap h2 {
			color: #00496d;
			font-size: 14px;
			font-weight:bold;
			padding:20px 0;	
			border-bottom: 1px dotted #4caccc;
			padding-bottom:20px;
			padding-left:40px;
	}
.sitemapbox {
	width:150px; 
	float:left;
	margin-top:20px;
	margin-left:40px;
	display:inline;
}	
	.sitemapbox h3 {
		font-size: 12px;
		text-transform:uppercase;
		font-weight:normal;
		margin-bottom:10px;
	}
	.sitemapbox a {
		text-decoration:none;
		color:#4caccc;
	}
	.sitemapbox a:hover {
		color:#00496d;
	}	
	
	
/* ID Contenu -> CLASS disclaimer */
.disclaimer {
	margin-top:100px;
	position:relative;
	width:595px !important;
	text-align:justify;
	font-size:11px;
}	
.disclaimer h2 {
		color: #00496d;
		font-size: 14px;
		font-weight:bold;


		padding-bottom:20px;

}
.disclaimer p {margin-bottom:20px;}			
	
	
	.disclaimer a {
		color: #4caccc;
		text-decoration:none;
	}
		.disclaimer a:hover {color: #00496d;}	
		
		
/* lien lightbox photo */

#container .showPict{
	background-color: #edf5fc;
	border-top: 1px solid #d2dbe4;
	border-bottom: 1px solid #d2dbe4;
	display: block;
	width: 100%;
	text-align: center;
	color: #04526c;
	text-decoration: underline;
	padding: 7px 0 6px 0;
	margin: -7px 0 16px 0;
	background-image: url('showPict_bg.png');
	background-position: 30px 9px;
	background-repeat: no-repeat;
}

#container .showPict:hover{
	background-color: #f5faff;
	text-decoration: none;
}