/*

	1.Reset
	2.Base du site
		2.1.Navigation
		2.2.Logo et slogan et Animation
		2.3.Footer
		2.4.Copyright
	3.Accueil
		3.2.Contenu
		3.3.Coups de coeur
		3.4.Infolettre/Concours
		3.5 MŽdia Sociaux
		3.6 Nouvelles
	4.Portfolio
		4.1.RangŽ du portfolio
		4.2.Boxgrid
		4.3.Menu Portfolio
	5.Equipe
		5.1.Nicolas
		5.2.Syndie
		5.3.Kevin
		5.4.Jonathan
		5.5.Boxgrid
	6.Contact
	7.Services
	8.Plan du site
	8.Concours / Infolettre
	
*/



/* 1. *//* RESET */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/* 2 *//* Base du site internet */

	body{
		margin:0px 0px; 
		padding:0px;
		text-align:center;
		font-family: Arial;
		background-image: url(../img/repeat.jpg);
	}

	/* 2.1 *//* Navigation */
	
		#navigation{
			background-image: url(../img/background/navigation.jpg);
			background-repeat: repeat-x;
			height: 32px;
		}
		
		#navigation_wrap{
			position: relative;
			width: 959px;
			margin:0px auto;
			text-align:left;
		}
		
		#navigation ul{
			float: left;
			padding-left: 20px;
		}
		
		#navigation ul li{
			float: left;
			padding: 7px 0 9px 0;
			margin-right: 55px;
		}
		
		#navigation ul li a{
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		
		#navigation ul li a:hover{
			color: #000;
		}
		
		#blogue_btn{
			position: absolute;
			margin: 0;
			padding: 0;
			margin-left: 825px;
			margin-left: 0px\9;
			top: 0;
		}
		
		.blogue {
			position: relative;
			width:144px;
			height:63px; 
			height:62px\9;
			display:block;
			background-image:url(../img/btn_blogue.png);
			background-position: top; 		
		}
				
		.blogue:hover{
			width:144px;
			background-position: bottom;
			height:66px;
			height:62px\9;
			background-image:url(../img/btn_blogue.png) no repeat;
		}
		
		.blogue span.hover { 
			position: absolute;
			display: block;
			height: 66px;
			height:62px\9;
			width: 144px;
			background: url(../img/btn_blogue.png) no-repeat;
			background-position: bottom;
		}

		
		/* 2.2 *//* Logo et slogan et Animation */
		
		#logo_slogan{
			background: url(../img/background/top.png) no-repeat 50% 0%;
			height: 119px;
		}
		
		#logo_slogan_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
		}
		
		.logo{
			float: left;
			padding-top: 25px;
			padding-bottom: 20px;
		}
		
		.slogan{
			float: right;
			padding-top: 60px;
		}
		
		#animation_wrap{
			width: 959px;
			height: 362px;
			margin:0px auto;
			text-align:left;
		}
		
		.animation_wrap{
			width: 959px;
			height: 37px;
		}
		
		/* 2.3 *//* Footer */
		
		#footer{
			background: url(../img/background/footer.png) no-repeat 50% 0%;
			height: 503px;
		}
		
		#footer_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
			padding-top: 50px;
		}
		
		#footer_wrap ul{
			padding-top: 20px;
		}
		
		#footer_wrap ul li{
			font-size:12px;
			color: #fff;
			font-weight: bold;
			line-height: 17px;
		}
		
		.liens a{
			font-size:12px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		.liens a:hover{
			font-size:12px;
			color: #fff;
			font-weight: bold;
			border-bottom: #fff dotted 1px;
		}
		
		.imprime{
			float: left;
			width:202px ;
		}
		
		.web{
			float: left;
			width: 204px;
		}
		
		.strategique{
			float: left;
			width: 218px;
		}
		
		.liens{
			float: left;
			width: 151px;
		}
		
		.suivez_nous{
			float: left;
			width: 184px;
		}
		
		.footer_social li{
			float: left;
			padding-right: 10px;
			height: 20px;
		}
		
		.footer_social_2 {
			clear: both;
			height: 30px;
			
		}
		
		.footer_social_2 ul {
			height: 30px;
		}
		
		.footer_social_2 li{
			float: left;
			padding-right: 10px;
			margin-top: 0px;
			height: 30px;
		}
		


		
		/* 2.4 *//* Copyright */
		
		#copyright{
			background: url(../img/background/copyright.jpg) no-repeat 50% 0%;
			height: 63px;
		}
		
		#copyright_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
		}
		
		#copyright_wrap p{
			color: #fff;
			font-weight: bold;
			font-size:12px;
			text-align:right;
			padding-top: 25px;
		}
		
		#copyright a{
			font-size:12px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#copyright a:hover{
			font-size:12px;
			color: #fff;
			font-weight: bold;
			border-bottom: #fff dotted 1px;
		}
			
		
/* 3 *//* Accueil */
	
		
		
		/* 3.2 *//* Contenu */
		
		#contenu{
			background: url(../img/background/top2.png) no-repeat 50% 0%;
		}
		
		#contenu_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
		}
		
		.main_column{
			float: left;
			width: 623px;
		}
		
		.column1{
			width: 623px;
			background-image: url(../img/background/contenu_fade.png);
			background-position: top;
			background-repeat: no-repeat;
			background-color: #fff;
			border: 1px solid #e8e8e8;
			padding-bottom: 20px;
		}
		
		.accueil_title{
			background-image: url(../img/accueil/accueil_title_bg.jpg);
			background-repeat: no-repeat;
			width: 623px;
			height: 197px;
		}
		.column1 h1{
			font-size: 21px;
			font-weight: bold;
			color: #fff;
			padding: 0px;
			line-height: 30px;
			padding: 20px 20px 0px 40px;
			text-shadow: -1px -1px 2px #000;
		}
		.column1 h1 a{
			text-decoration: none;
			color: #fff;

		}
		
		.column1 h2{
			font-size: 21px;
			font-weight: bold;
			color: #fff;
			padding: 0px;
			line-height: 30px;
			padding: 20px 20px 0px 40px;
			text-shadow: -1px -1px 2px #000;
		}
		
		.column1 p{
			font-size: 14px;
			font-weight: normal;
			color: #000;
			padding: 40px 30px 10px 40px;
			line-height: 18px;
			height: 401px;
			background-image: url(../img/accueil/accueil_texte_desgrade.jpg);
			background-repeat: no-repeat;
			margin-top: 2px;
		}
		
		.column1 p a{
			text-decoration: none;
			color: #000;
		}
		
		.column1 span{
			color: #cb0400;
			font-weight: bold;
			font-size: 14px;
		}
		
		/* 3.3 *//* Coups de coeur */
		
		.column1_2{
			width: 593px;
			height: 207px;
			background-color: #fff;
			border: 1px solid #e8e8e8;
			margin-top: 15px;
			padding: 30px 0 0 30px;
		}
		
		
		.img_coeur{
			float: left;
			padding-top: 30px;
			padding-left: 0px;
		}	
		
		/* 3.4 *//* Infolettre/Concours */
		
		.column2{
			margin-left: 25px;
			float: left;
			width: 309px;
		}
		
		.infolettre{
			width: 309px;
			height: 197px;
			border: 1px solid #fff;
			background-image: url(../img/background/infolettre.jpg);
			background-repeat: no-repeat;
		}
		
		.title_infolettre{
			padding: 12px 0 0 20px;
		}
		
		.infolettre p{
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			line-height: 17px;
			padding: 20px 20px 0px 20px;
		}
		
		.infolettre p span{
			color: #cb0400;
		}
		
		.btn_infolettre{
			padding: 10px 20px 0 20px;
			float: left
		}
		
		.btn_info {
			position: relative;
			width:169px;
			height:31px; 
			display:block;
			background-image:url(../img/accueil/btn_infolettre.png);
			background-position: top; 
		}
				
		.btn_info:hover{
			width:169px;
			background-position: bottom;
			height:31px;
			background-image:url(../img/accueil/btn_infolettre.png) no repeat;
		}
		
		.btn_info span.hover { 
			position: absolute;
			display: block;
			height: 31px;
			width: 169px;
			background: url(../img/accueil/btn_infolettre.png) no-repeat;
			background-position: bottom;
		}
		
		.infolettre_social{
			float: left;
			padding-top:5px; 
		}
		
		.info_facebook{
			padding-bottom: 7px;
		}
		
		.info_twitter{
			padding-left: 10px;
			
		}
		
		
		
		/* 3.5 *//* Media Sociaux */
		
		.social{
			width: 309px;
			height: 440px;
			border: 1px solid #fff;
			background-image: url(../img/background/media_sociaux.jpg);
			background-repeat: no-repeat;
			background-color: #000;
			margin-top: 15px;
		}
		
		.media_icon{
			height: 165px;
			width: 297px;
			background-color: whites;
			margin-top: 10px;
			padding: 0 0 0 5px;
		}
			
		.title_social{
			padding: 20px 0 0 20px;
		}
		
		.social_twitter{
			margin: 20px 4px 0 5px;
			background-color: #ececec;
			border: 1px solid #888888
		}
		
		/* 3.6 *//* Nouvelles */
		
		.nouvelle{
			width: 309px;
			height: 252px;
			border: 1px solid #fff;
			background-color: #000;
			margin-top: 15px;
		}
		
		.nouvelle_1{
			color: #fff;
			font-size: 12px;
			margin: 15px 0 0 20px;
		}
		
		.text_nouvelles p{
			color: #fff;
			font-size: 12px;
			line-height: 15px;
		}
		
		.text_nouvelles a{
			color: #fff;
			border-bottom: dotted 1px #fff;
			text-decoration: none;
		}
		
		.text_nouvelles a:hover{
			text-decoration: none;
			border: none;
		}
		
/* 4. *//* PORTFOLIO */		
		
		#portfolio_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
			background-color: #fff;
			border: 1px solid #e8e8e8;
			padding-bottom: 20px;
			overflow: hidden;
		}
		
		#portfolio_contenu{
			padding-left: 12px;
			padding-top: 20px;
		}
		
		.portfolio_header{
			width: 959px;
			height: 70px;
			background-image: url(../img/portfolio/header_portfolio.png);
			background-repeat: no-repeat;
			position: relative;
		}
		
		.portfolio_testimonials{
			width: 959px;
			height: 188px;
		}
		
		.portfolio_title{
			width: 959px;
			height: 60px;
			background-color: #383838;
		}
		
		.portfolio_title h1{
		font-family: Arial;
		font-weight: bold;
		margin-left: 35px;
		padding-top: 15px;
		font-size: 30px;
		color: #E01D00;
		}

		.logo_testimonials{
			width: 315px;
			height: 188px;
			background-image: url(../img/portfolio/logo_project.jpg);
			background-repeat: no-repeat;
			float: left;
		}
		.logo_description{
			width: 644px;
			height: 188px;
			background-image: url(../img/portfolio/desc_project.jpg);
			background-repeat: no-repeat;
			float: left;
		}
		.logo_description p.desc{
			font-size: 14px;
			color: #333;
			padding: 35px 35px 15px 35px;
			line-height: 19px;
			text-align: justify;
		}
		.logo_description p.signature{
			font-size: 12px;
			color: #333;
			padding:0 35px 35px 35px;
			line-height: 17px;
			text-align: right;
		}
		.logo_description p.signature span{
			font-size: 14px;
			color: #a21a0a;
			font-weight: bold;
		}
		.logo_description p.signature a{
			font-size: 12px;
			color: #333;
			font-weight: normal;
			text-decoration:none;
		}
		.logo_description p.signature a:hover{
			font-size: 12px;
			color: #a21a0a;
			font-weight: normal;
			text-decoration:none;
			border-bottom: 1px #a21a0a dotted;
		}
		.logo_compagnie p{
			text-align: center;
			margin-top: 15%
		}
		.portfolio_nav{
			padding: 20px 0 0 610px;
			float: left;
		}
		.menu_head{
		}
		td{
			position:relative;
		}
		.menu_body {
			display:none; 
			width:289px;
			border-right:1px solid #998675;
			border-bottom:1px solid #998675;
			border-left:1px solid #998675; 
			position:absolute;
			position: relative\9; 
			top: -3px\9;
			margin-left: 3px;
			z-index: 100;
			/* *left:667px; */
		}
		.menu_body li{
			background:#000;
		}
		.menu_body li.alt{
			background:#1b1b1b;
		}
		.menu_body li a{
			color: #fff; 
			text-decoration:none; 
			padding:10px; 
			display:block;
			font-weight: normal;
			font-size: 14px;
		}
		.menu_body li a:hover{
			color: #c00800;
		}
		
		.portfolio_realisation{
			padding-left: 13px;
			background-image: url(../img/portfolio/portfolio_realisation_bg.jpg);
			background-repeat: repeat-x;
			background-position: top;
		}
		.portfolio_realisation_title{
			padding-top: 30px;
		}
		
		.portfolio_listing{
			padding-top: 25px;
		}
		
		/* 4.1 *//* Rangee Portfolio */
		.row {
			width: 934px;
			height: auto;
			clear: both;
			margin-bottom: 50px;
			z-index: 10px;
			
		}
		
		.row1 {
			width: 295px;
			float: left;
			margin-bottom: 50px;
		}
		
		.row2 {
			width: 295px;
			margin: 0 23px 50px 23px;
			float: left;
			margin-bottom: 50px;
		}
		
		.row3 {
			width: 295px;
			float: left;
			margin-bottom: 50px;
		}
		
		
		.nom {
			font-size: 13px;
			font-weight: bold;
			color: #000;
		}
		
		.hyperlien {
			color: #7f7f7f;
			font-size: 13px;
			padding-top: 10px;
			line-height: 15px;
		}
		
		#shadow {
			border:none;
		}

		/* 4.2 *//* BoxGrid */
		.boxgrid{ 
			width: 295px; 
			height: 180px; 
			float:left; 
			background:#161613; 
			border: solid 1px #979797; 
			overflow: hidden; 
			position: relative; 
		}
		.boxgrid img{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0; 
		}
		.boxgrid p{ 
			padding: 0 10px; 
			color:#afafaf; 
			font-weight:bold; 
			font:10pt "Lucida Grande", Arial, sans-serif; 
		}
				
		.boxcaption{ 
			float: left; 
			position: absolute; 
			background: #982a0d; 
			height: 100px; 
			width: 100%; 
		}
 		.captionfull .boxcaption {
 			top: 180px;
 			left: 0;
 		}



		

/* 5. *//* EQUIPE */		
		
		#equipe_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
			background-color: #fff;
			border: 1px solid #e8e8e8;
			padding-bottom: 20px;
			overflow: hidden;
			height: 1450px
		}
		
		#equipe_wrap a{
			color: #fff;
			text-decoration: none;
			border-bottom: 1px dotted #fff;
		}
		
		#equipe_wrap a:hover{
			color: #fff;
			text-decoration: none;
			border-bottom: none;
		}		
		
		.equipe_texte{
			font-family: Arial;
			padding: 20px;
			height: 185px;
			
		}
		
		.equipe_texte h1{
			font-family: 'Bevan', arial, serif;
			color: #E71F00;
			font-size: 29px;
			line-height: 33px;
			text-transform: uppercase;
			
		}
		
		.equipe_texte p{
			font-size: 14px;
			color: #000;
			line-height: 17px;
			margin-top: 20px;
		}
		
		.equipe_employee{
			height: 815px;
			width: 919px;
			margin: 0px 20px 20px 23px;		
		}
		
		/* 5.1 *//* Nicolas */
		
		 .nicolas{
		 }
		 
		/* 5.2 *//* Syndie */
		
		.syndie{
		 }
		
		/* 5.3 *//* Kevin */
		
		.kevin{
		 }
		 
		/* 5.4 *//* Jonathan */
		
		.jonathan{
		 }
		 
		/* 5.5 *//* Boxgrid */
		#equipe_wrap .boxgrid{ 
			width: 299px; 
			height: 400px; 
			float:left; 
			overflow: hidden; 
			position: relative;
			margin-right:5px;
			margin-bottom: 8px; 
		}
		#equipe_wrap .boxgrid img{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0; 
		}
		#equipe_wrap .boxgrid p{ 
			padding: 0 10px; 
			color:#fff; 
			font-weight:bold; 
			font:12px "Lucida Grande", Arial, sans-serif; 
			line-height: 16px;
		}
				
		#equipe_wrap .boxcaption{ 
			float: left; 
			position: absolute; 
			background: #6a0101;
			
			height: 400px; 
			width: 100%; 
			opacity: .8; 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 		}
 		#equipe_wrap .captionfull .boxcaption {
 			top: 345px;
 			left: 0px;
 			
 		}
 		#equipe_wrap .caption .boxcaption {
 			top: 345px;
 			left: 0px;
 			border-top: 1px solid #fff;
 		}
 		
 		#equipe_wrap .boxcaption h3{
 			color: #fff;
 			font-size: 18px;
 			padding: 7px 0 4px 10px;
 		}
 		
 		.stroke4px{
 			border: 3px solid #fff;
 			height: 3px;
 			width: 270px;
 			margin: 0 0 0 10px;
 			background-color: #fff;
 		}
 		
 		.stroke2px{
 			border: 2px solid #fff;
 			height: 2px;
 			width: 270px;
 			margin: 0 0 0 10px;
 			background-color: #fff;
 		}
 		
 		
/* 6. *//* Contact */		
		
		#contact_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
			padding-bottom: 20px;
			overflow: hidden;
		} 
		
		.employee{
			width: 309px;
			height: auto;
			border: 1px solid #fff;
			background-image: url(../img/background/media_sociaux.jpg);
			background-repeat: no-repeat;
			background-color: #000;
			margin-top: 15px;
			color: #fff;
		}
		
		.employee p{
			margin-left:25px;
			padding-bottom: 20px;
			font-family: Arial;
			font-size: 16px;
			line-height: 22px;
		}
		
		.employee a{
			text-decoration: none;
			border-bottom: 1px dotted #fff;
			color: #fff;
		}
		
		.employee a:hover{
			text-decoration: none;
			border: none;
		}
		
		.gm{
			margin-top: 25px;
			float: left;
		}
		
		.ouverture{
			margin-top: 25px;
			float: left;
			margin-left: 21px;
		}
		
		.contact_form{
			height: 707px;
			background-color: #fff;
			border: 1px solid #e8e8e8;
			margin-top: 15px;
			width: 622px;
			padding-top: 20px;
			
		}
		
		.contact_form h1{
			font-family: 'Bevan', arial, serif;
			color: #E71F00;
			font-size: 29px;
			padding: 10px 20px 20px 20px;
			line-height: 33px;
			text-transform: uppercase;
			
		}
		
		.infolettre_form{
			height: 841px;
			background-color: #fff;
			border: 1px solid #e8e8e8;
			margin-top: 15px;
			width: 622px;
			
		}
		
		.infolettre_form h1{
			font-family: 'Bevan', arial, serif;
			color: #E71F00;
			font-size: 29px;
			padding: 10px 20px 20px 20px;
			line-height: 33px;
			text-transform: uppercase;
			
		}
		
		.contact_form span{
			color: #000;
			font-size: 15px;
			font-family: Arial;
			font-weight: bold;
			padding: 10px 20px 20px 20px;
			line-height: 35px;
		}
		.contact_divers{
			margin-top: 25px;
			width: 622px;
		}
		
/* 7. *//* SERVICES */		
		
		#services_wrap{
			width: 959px;
			margin:0px auto;
			text-align:left;
			background-color: #fff;
			border: 1px solid #e8e8e8;
			overflow: hidden;
		}
		.services_intro{
			background-image: url(../img/services/services_intro_top.png);
			background-repeat: no-repeat;
			height: 262px;
			width: 959px;
		}
		.services_intro_left{
			float: left;
			width: 579px;
			height: 262px;
			color: #fff;
		}
		.services_intro_left h1{
			font-size: 29px;
			font-weight: bold;
			padding: 20px 0 0 30px;
			text-shadow: 1px 1px 1px #000;
		}
		.services_intro_left p{
			font-size: 14px;
			font-size: 13px\9;
			padding: 20px 30px 30px 30px;
			line-height: 18px;
			width: 490px
		}
		.services_intro_right{
			float: left;
			width: 380px;
			height: 262px;
			text-shadow: 1px 1px 2px #000;
		}
		.services_intro_right h1{
			font-size: 18px;
			font-weight: bold;
			padding: 20px 30px 0px 30px;
			color: #fff;
		}
		.services_intro_right ol{
			list-style-type: decimal;
			list-style-position: inside;
			font-size: 14px;
			color: #d30b02;
			padding: 10px 30px 0px 30px;
		}

		.services_intro_right ol li{
			line-height: 20px;
			padding-top: 8px;
		}
		
		.services_intro_right_rv{
			padding: 10px 0 0 30px;
			width: 237px;
			height: 31px;
		}

		.services_nav {
	    background:url(../img/services/services_nav.png) no-repeat;
	    width: 959px;
		height: 34px;
		margin-left: 1px;
		margin-top: 2px;
	    padding:0;
	    }
	
	    .services_nav span {
	    display: none;
	    }
	
	    .services_nav li, .services_nav a {
	    height:34px;
	    display:block;
	    }
	
	    .services_nav li {
	    float:left;
	    list-style:none;
	    display:inline;
	    }
	
	    #nav_img {width: 154px;}
	    #nav_website {width: 172px;}
	    #nav_seo {width: 134px;}
	    #nav_mag {width: 140px;}
	    #nav_anim {width: 161px;}
	    #nav_print {width: 72px;}
	    #nav_photo {width: 126px;}
	    
	    
		
		#nav_img a:hover {background:url(../img/services/services_nav.png) 0px -34px no-repeat; }
	    #nav_website a:hover {background:url(../img/services/services_nav.png) -154px -34px no-repeat; }
	    #nav_seo a:hover {background:url(../img/services/services_nav.png) -326px -34px no-repeat; }
	    #nav_mag a:hover {background:url(../img/services/services_nav.png) -460px -34px no-repeat; }
	    #nav_anim a:hover {background:url(../img/services/services_nav.png) -600px -34px no-repeat; }
	    #nav_print a:hover {background:url(../img/services/services_nav.png) -761px -34px no-repeat; }
	    #nav_photo a:hover {background:url(../img/services/services_nav.png) -833px -34px no-repeat; }
		


		
		.services_image{
			padding-top: 25px;
			background-image: url(../img/services/ombrage_image.png);
			background-repeat: no-repeat;
			background-image: url()\9;
			background-position: top;
			margin-top: 2px;
			padding-left: 10px;
		}
		
		.services_image_left{
			width: 619px;
			height: 445px;
			height: 420px\9;
			float: left;
		}
		.services_image_left p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 30px;
			text-align: justify;
		}
		.services_image_right{
			width: 298px;
			height: 445px;
			height: 420px\9;
			float: left;
			padding-left: 5px;
		}
		.services_img_projet{
			width: 314px;
			height: 406px;
			margin-top: 35px;
			background-image: url(../img/services/services_img_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_img_projet h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 55px 0 0 38px;
		}
		.services_img_projet ul{
			width: 217px;
			height: 180px;
			margin: 10px 0px 0px 38px;
			color: #d30b02;
			font-size: 14px;
			list-style-type: decimal-leading-zero;
			list-style-type: decimal\9;
			list-style-position: outside;
			font-weight: bold;
			padding-left: 25px\9;
			padding-left: 28px;
		}
		.services_img_projet ul li{
			padding-top: 10px;
		}
		.services_img_logo{
			background-image: url(../img/services/ombrage_web.jpg);
			background-repeat: no-repeat;
			width: 950px;
			height: 350px;
			height: 360px\9;
			clear: both;
			padding-left: 10px;
			margin-left: 4px;
		}
		.services_img_logo_repeat{
			width: 305px;
			height: 350px;
			background-image: url(../img/services/services_img_logo_bg.png);
			background-repeat: no-repeat;
			float: left;
		}
		
		/* WEB */
		.services_web{
			width: 959px;
			height: 1250px;
			clear: both;
			padding-left: 10px;
		}
		.services_web_left{
			width: 619px;
			height: 535px;
			float: left;
		}
		.services_web_left p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 30px;
			text-align: justify;
		}
		.services_web_right{
			width: 298px;
			height: 535px;
			float: left;
			padding-left: 5px;
		}
		.services_web_projet{
			width: 314px;
			height: 495px;
			margin-top: 35px;
			background-image: url(../img/services/services_web_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_web_projet h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 55px 0 0 38px;
		}
		.services_web_projet ul{
			width: 217px;
			height: 280px\9;
			height: 290px;
			margin: 10px 0px 0px 38px;
			color: #d30b02;
			font-size: 14px;
			list-style-type: decimal-leading-zero;
			list-style-type: decimal\9;
			list-style-position: outside;
			font-weight: bold;
			padding-left: 25px\9;
			padding-left: 28px;
		}
		.services_web_projet ul li{
			padding-top: 10px;
		}
		.services_web_right_rv{
			padding: 10px 0 0 30px;
			width: 237px;
			height: 31px;
		}	
		.services_web_solutions{
			width: 959px;
			height: 245px;
			background-image: url(../img/services/ombrage_web.jpg);
			background-repeat: no-repeat;
			margin-left: 4px;
			clear: both;
		}	
		.services_web_solutions h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 20px 0 15px 40px;
		}	
		.services_web_solutions ul{
			float: left;
			width: 290px;
			width: 270px\9;
			list-style-type: disc;
			list-style-position: outside;
			padding-left: 20px\9;
			color: #d41911;
		}	
		.services_web_solutions ul li{
			font-size: 14px;
			padding-top: 10px;
		}	
		.services_web_solutions ul li span{
			color: #000;
		}	
		.services_web_portfolio{
			background-image: url(../img/services/ombrage_web.jpg);
			background-repeat: no-repeat;
			height: 300px;
			margin-left: 2px;
		}
		.services_web_portfolio h1{
			color: #bebebe;
			font-size: 20px;
			font-weight: bold;
			padding: 26px 0 0 26px;
			text-transform: uppercase;
		}
		.services_web_row{
			padding-top: 40px;
			height: 400px;
		}
		.services_web_row a{
			color: #d30900;
			text-decoration: none;
			border-bottom: none;
		}
		.services_web_row a:hover{
			text-decoration: none;
			border-bottom: 1px dotted #d30900;
		}
		/* Optimisation */
		.services_optimisation{
			width: 959px;
			height: 710px;
			clear: both;
			padding-left: 10px;
		}
		.services_optimisation_left{
			width: 619px;
			height: 692px;
			float: left;
		}
		.services_optimisation_left p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 30px;
			text-align: justify;
		}
		.services_optimisation_right{
			width: 298px;
			height: 692px;
			float: left;
			padding-left: 5px;
		}
		.services_optimisation_projet{
			width: 314px;
			height: 660px;
			margin-top: 35px;
			background-image: url(../img/services/services_seo_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_optimisation_projet h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 55px 0 0 38px;
		}
		.services_optimisation_projet ul{
			width: 217px;
			height: 440px\9;
			height: 450px;
			margin: 10px 0px 0px 38px;
			color: #d30b02;
			font-size: 14px;
			list-style-type: decimal-leading-zero;
			list-style-type: decimal\9;
			list-style-position: outside;
			font-weight: bold;
			padding-left: 25px\9;
			padding-left: 28px;
		}
		.services_optimisation_projet ul li{
			padding-top: 10px;
		}
		.services_optimisation_right_rv{
			padding: 10px 0 0 30px;
			width: 237px;
			height: 31px;
		}
		
		/* Magazine */
		.services_magazine{
			width: 959px;
			height: 600px;
			clear: both;
			padding-left: 10px;
		}
		.services_magazine_left{
			width: 619px;
			height: 600px;
			float: left;
		}
		.services_magazine_left p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 30px;
			text-align: justify;
		}
		.services_magazine_right{
			width: 298px;
			height: 600px;
			float: left;
			padding-left: 5px;
		}
		.services_magazine_projet{
			width: 314px;
			height: 550px;
			margin-top: 35px;
			background-image: url(../img/services/services_seo_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_magazine_projet h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 55px 0 0 38px;
			padding-left: 50px\9;
		}
		.services_magazine_projet ul{
			width: 225px;
			height: 320px;
			height: 340px\9;
			margin: 10px 0px 0px 50px;
			color: #d30b02;
			font-size: 14px;
			list-style-type: disc;
			list-style-position: outside;
			font-weight: bold;
			padding-left: 15px\9;
		}
		.services_magazine_projet ul li{
			padding-top: 10px;
			
		}
		.services_magazine_right_rv{
			padding: 10px 0 0 30px;
			padding: 10px 0 0 40px\9;
			width: 237px;
			height: 31px;
		}
		
		/* Animation */
		.services_animation{
			width: 959px;
			clear: both;
			padding-left: 10px;
		}
		.services_animation_left{
			width: 619px;
			height: 617px;
			float: left;
		}
		.services_animation_left p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 30px;
			text-align: justify;
		}
		.services_animation_right{
			width: 298px;
			height: 617px;
			float: left;
			padding-left: 5px;
		}
		.services_animation_projet{
			width: 314px;
			height: 570px;
			margin-top: 35px;
			background-image: url(../img/services/services_seo_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_animation_projet h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 55px 0 0 38px;
			padding-left: 50px\9;
		}
		.services_animation_projet ul{
			width: 237px;
			height: 120px;
			height: 130px\9;
			margin: 10px 0px 0px 50px;
			color: #d30b02;
			font-size: 14px;
			list-style-type: disc;
			list-style-position: outside;
			font-weight: bold;
			padding-left: 15px\9;
		}
		.services_animation_projet ul li{
			padding-top: 10px;
			
		}
		.services_animation_right_rv{
			padding: 10px 0 0 30px;
			width: 237px;
			height: 31px;
		}
		/* Imprimé */
		.services_imprime{
			width: 959px;
			height: 349px;
			clear: both;
			padding-left: 10px;
		}
		.services_imprime_left{
			width: 620px;
			height: 349px;
			float: left;
		}
		.services_imprime_right{
			width: 298px;
			height: 249px;
			float: left;
			padding-left: 5px;
		}
		.services_imprime_list{
			float: left;
			width: 300px;
			height: auto;
			padding: 20px 0 0 0;
		}
		.services_imprime_list ul{
			color: #d41911;
			font-size: 14px;
			font-weight: normal;
			list-style: disc;
			list-style-position: inside;
		}
		.services_imprime_list ul li{
			padding-bottom: 10px;
		}
		.services_imprime_list ul li span{
			color: #000;
		}
		
		
		/* Photo */
		.services_photo{
			width: 959px;
			height: 512px;
			clear: both;
			padding-left: 10px;
		}
		.services_photo_left{
			width: 619px;
			height: 570px;
			float: left;
		}
		.services_photo_left p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 30px;
			text-align: justify;
		}
		.services_photo_right{
			width: 298px;
			height: 512px;
			float: left;
			padding-left: 5px;
		}
		.services_photo_projet{
			width: 314px;
			height: 512px;
			margin-top: 35px;
			background-image: url(../img/services/services_seo_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_photo_projet h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 0px 0 0 38px;
		}
		.services_photo_projet p{
			font-size: 14px;
			font-weight: normal;
			color: #000;
			padding: 0px 0 20px 38px;
		}
		.services_photo_right_rv{
			padding: 10px 0 0 30px;
			width: 237px;
			height: 31px;
		}
		
/* 8. *//* PLAN DU SITE */		
		
		.sitemap ul{
			text-align: left;
			margin: 10px;
			list-style: disc;
			list-style-position: inside;
		}
		
		.sitemap ul a{
			color: #000;
			text-decoration: none;
			font-size: 15px;
			line-height: 20px;
		}
		.sitemap ul a:hover{
			color: #F70000;
			text-decoration: none;
			border-bottom: 1px dotted #F70000;
			font-size: 15px;
			line-height: 20px;
		}
		
		.sitemap ul li ul {
			list-style: circle;
			padding-left: 15px;
			list-style-position: inside;
			margin: 0px;
		}
		
		.sitemap ul li ul li a{
			color: #000;
			text-decoration: none;
			font-size: 15px;
			line-height: 20px;
		}
		
		.sitemap ul li ul li a:hover{
			color: #F70000;
			text-decoration: none;
			border-bottom: 1px dotted #F70000;
			font-size: 15px;
			line-height: 20px;
		}
		
/* 9. *//* CONCOURS */			
		
	.concours_footer{
			padding-left: 25px;
			padding-top: 20px;
			padding-right: 25px;
		}		
		
		.concours_footer h4{
			font-size:12px; font-weight:bold;
		}
		.concours_footer span{
			font-size:9px; font-weight:bold;
			color: #000;
		}
		
		.concours_footer ul{
			list-style: decimal-leading-zero;
			list-style: decimal\9;
			list-style-position: outside;
			font-size: 10px;
			padding-left: 23px;
			padding-top: 10px;
		}
		.concours_footer ul li{}
		
		
		
		
/* 	NEW CSS */	
	
	
		
	/* 3.3 *//* Coups de coeur */
	
		
	.column1_2 h1{
			font-family: 'Bevan', arial, serif;
			color: #E71F00;
			font-size: 20px;
			padding-left: 3px;
		}
		
	.column1_2 h1 span{
			font-family: 'Bevan', arial, serif;
			color: #606060;
			font-size: 20px;
			padding-left: 3px;
		}	
		
	
	/* 3.5 *//* Media Sociaux */
		
		.social2{
			width: 311px;
			margin-top: 15px;
		}
		
		.media_icon2{
			height: 165px;
			width: 311px;
			background-color: whites;
		}
			
		.title_news2{
			background-color: #2b2b2b;
			padding: 20px 10px 10px 10px;
		}
		
		.title_news2 h2{
			font-family: 'Bevan', arial, serif;
			color: #fff;
			font-size: 24px;
			text-transform: uppercase;
		}
		
		.social_twitter2{
			margin-top: 20px;
			background-color: #2b2b2b;
			border: 1px solid #fff;
			height: 526px;
		}
		
		.social_twitter3{
			background-color: #2b2b2b;
			border: 1px solid #fff;
			height: 448px;
		}
		
		
		
	/* 4. *//* PORTFOLIO */	
		
		
	.portfolio_header2{
			width: 959px;
			height: 100px;
			background-image: url(../img/portfolio/header-portfolio.jpg);
			background-repeat: no-repeat;
			position: relative;
			z-index: 100;
		}
		
	.portfolio_header2 h1{
			font-family: 'Bevan', arial, serif;
			color: #E71F00;
			font-size: 45px;
			margin-left: 25px;
			text-shadow: 0px 0px 2px #000;
		}
		
	.portfolio_header2 h2{
			font-family: 'Bevan', arial, serif; 
			color: #606060;
			font-size: 20px;
			margin-left: 25px;
			padding-top: 30px;
		}
		
	.row h3{
			font-family: 'Cabin', arial, serif;
			color: #E71F00;
			font-size: 19px;
			text-transform: uppercase;
		}
		
	.row h3 span{
			font-family: 'Cabin', arial, serif;
			color: #606060;
			font-size: 19px;
			text-transform: uppercase;
		}	
	
	.portfolio_realisation2{
			padding-left: 13px;
			background-position: top;
			background-repeat: no-repeat;
		}	
	
	.portfolio_listing-new{
			padding-top: 30px;
		}	
		
	.portfolio_testimonials2{
			width: 959x;
			height: 186px;
		}
		
		.logo_testimonials2{
			width: 315px;
			height: 186px;
			background-image: url(../img/portfolio/logo_project.jpg);
			background-repeat: no-repeat;
			float: left;
		}
		
		.logo_description2{
			width: 644px;
			height: 186px;
			background-image: url(../img/portfolio/desc_project.jpg);
			background-repeat: no-repeat;
			float: left;
		}
		.logo_description2 p.desc{
			font-size: 14px;
			color: #333;
			padding: 35px 35px 15px 35px;
			line-height: 19px;
			text-align: justify;
		}
		.logo_description2 p.signature{
			font-size: 12px;
			color: #333;
			padding:0 35px 35px 35px;
			line-height: 17px;
			text-align: right;
		}
		.logo_description2 p.two{
			margin-top: -20px;
		}
		.logo_description2 p.signature span{
			font-size: 14px;
			color: #a21a0a;
			font-weight: bold;
		}
		.logo_description2 p.signature a{
			font-size: 12px;
			color: #333;
			font-weight: normal;
			text-decoration:none;
		}
		.logo_description2 p.signature a:hover{
			font-size: 12px;
			color: #a21a0a;
			font-weight: normal;
			text-decoration:none;
			border-bottom: 1px #a21a0a dotted;
		}
		
		/* 4.1 *//* CLIENT */
		
		.portfolio_listing-new a{
			width: 295px;
			height: 180px;
			display: block;
		}
		.services_web_portfolio-new .boxgrid a{
			width: 295px;
			height: 180px;
			display: block;
		}
		
	/* GUARANA */
		
		/* Animation */
		a.anim_guarana {
			background: url(../img/portfolio/guarana.jpg) no-repeat 0 0;
		}
		a.anim_guarana:hover {
			background: url(../img/portfolio/guarana.jpg) no-repeat -295px 0;
		}
		
	/* ASTRAL */
		
		/* Misteur valaire */
		a.valaire {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 0;
		}
		a.valaire:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px 0;
		}
		
		/* Animation Grandes Gueules */
		a.anim_gg {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -180px;
		}
		a.anim_gg:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -180px;
		}
		
		/* Animation y'a de ces matins */
		a.anim_matin {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -360px;
		}
		a.anim_matin:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -360px;
		}
		
		/* Invitation soirée tapis rouge */
		a.tapis_rouge {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -540px;
		}
		a.tapis_rouge:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -540px;
		}
		
		/* Campagne NRJ 2009-2011 */
		a.camp_nrj {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -720px;
		}
		a.camp_nrj:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -720px;
		}
		
		/* Virtuelle Gourmandise */
		a.gourmandise {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -900px;
		}
		a.gourmandise:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -900px;
		}
		
		/* Campagne Rock Détente 2009-2011 */
		a.camp_rock {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -1080px;
		}
		a.camp_rock:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -1080px;
		}
		
		/* Animation Tout le monde debout */
		a.anim_monde {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -1260px;
		}
		a.anim_monde:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -1260px;
		}
		
		/* Animation ma radio au boulot */
		a.anim_boulot {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -1440px;
		}
		a.anim_boulot:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -1440px;
		}
		
		/* Webmagazine automobile */
		a.web_auto {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -1620px;
		}
		a.web_auto:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -1620px;
		}
		
		/* Webmagazine nouvelles tendances*/
		a.web_tend {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -1800px;
		}
		a.web_tend:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -1800px;
		}
		
		/* Webmagazine 102 jours de l'été */
		a.web_ete {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -1980px;
		}
		a.web_ete:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -1980px;
		}
		
		/* Webmagazine idées cadeaux */
		a.web_idee {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -2160px;
		}
		a.web_idee:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -2160px;
		}
		
		/* Webmagazine réno déco*/
		a.web_reno {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -2340px;
		}
		a.web_reno:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -2340px;
		}
		
		/* Webmagazine évasion santé beauté */
		a.web_sante {
			background: url(../img/portfolio/astral.jpg) no-repeat 0 -2520px;
		}
		a.web_sante:hover {
			background: url(../img/portfolio/astral.jpg) no-repeat -295px -2520px;
		}
		
	/* CLSE */
		
		/* Logo */
		a.logo_clse {
			background: url(../img/portfolio/clse.jpg) no-repeat 0 0;
		}
		a.logo_clse:hover {
			background: url(../img/portfolio/clse.jpg) no-repeat -295px 0;
		}
		
		/* Papeterie */
		a.pap_clse {
			background: url(../img/portfolio/clse.jpg) no-repeat 0 -180px;
		}
		a.pap_clse:hover {
			background: url(../img/portfolio/clse.jpg) no-repeat -295px -180px;
		}
		
	/* ALAIN BARRIÈRE */
		
		/* Identité visuelle */
		a.iden_alain {
			background: url(../img/portfolio/alain.jpg) no-repeat 0 0;
		}
		a.iden_alain:hover {
			background: url(../img/portfolio/alain.jpg) no-repeat -295px 0;
		}
		
		/* Lettrage véhicule */
		a.lettre_alain {
			background: url(../img/portfolio/alain.jpg) no-repeat 0 -180px;
		}
		a.lettre_alain:hover {
			background: url(../img/portfolio/alain.jpg) no-repeat -295px -180px;
		}
		
	/* CONSTRUCTION EST */
		
		/* Identité visuelle */
		a.iden_est {
			background: url(../img/portfolio/est.jpg) no-repeat 0 0;
		}
		a.iden_est:hover {
			background: url(../img/portfolio/est.jpg) no-repeat -295px 0;
		}
		
		/* Papeterie */
		a.pap_est {
			background: url(../img/portfolio/est.jpg) no-repeat 0 -180px;
		}
		a.pap_est:hover {
			background: url(../img/portfolio/est.jpg) no-repeat -295px -180px;
		}
		
		/* Site web */
		a.web_est {
			background: url(../img/portfolio/est.jpg) no-repeat 0 -180px;
		}
		a.web_est:hover {
			background: url(../img/portfolio/est.jpg) no-repeat -295px -180px;
		}
		
	/* DUHAIME */
		
		/* Identité visuelle */
		a.iden_duhaime {
			background: url(../img/portfolio/duhaime.jpg) no-repeat 0 0;
		}
		a.iden_duhaime:hover {
			background: url(../img/portfolio/duhaime.jpg) no-repeat -295px 0;
		}
		/* Identité visuelle 2 */
		a.carte_duhaime {
			background: url(../img/portfolio/duhaime.jpg) no-repeat 0 -180px;
		}
		a.carte_duhaime:hover {
			background: url(../img/portfolio/duhaime.jpg) no-repeat -295px -180px;
		}
		
	/* FRANCE CROTEAU */
		
		/* Affiche grand format */
		a.aff_france {
			background: url(../img/portfolio/france.jpg) no-repeat 0 0;
		}
		a.aff_france:hover {
			background: url(../img/portfolio/france.jpg) no-repeat -295px 0;
		}
		
		/* Bannière pour exposition */
		a.ban_france {
			background: url(../img/portfolio/france.jpg) no-repeat 0 -180px;
		}
		a.ban_france:hover {
			background: url(../img/portfolio/france.jpg) no-repeat -295px -180px;
		}
		
		/* Site web transactionnel */
		a.web_france {
			background: url(../img/portfolio/france.jpg) no-repeat 0 -360px;
		}
		a.web_france:hover {
			background: url(../img/portfolio/france.jpg) no-repeat -295px -360px;
		}
		
		/* Magazine interactifs */
		a.mag_france {
			background: url(../img/portfolio/france.jpg) no-repeat 0 -540px;
		}
		a.mag_france:hover {
			background: url(../img/portfolio/france.jpg) no-repeat -295px -540px;
		}
		
		/* Scéance photo */
		a.photo_france {
			background: url(../img/portfolio/france.jpg) no-repeat 0 -720px;
		}
		a.photo_france:hover {
			background: url(../img/portfolio/france.jpg) no-repeat -295px -720px;
		}
		
	/* FESTIVAL DES TRADITIONS DU MONDE */
		
		/* Menu */
		a.web_ftm {
			background: url(../img/portfolio/ftm-web.jpg) no-repeat 0 0;
		}
		a.web_ftm:hover {
			background: url(../img/portfolio/ftm-web.jpg) no-repeat -295px 0;
		}
		a.menu_ftm {
			background: url(../img/portfolio/ftm.jpg) no-repeat 0 0;
		}
		a.menu_ftm:hover {
			background: url(../img/portfolio/ftm.jpg) no-repeat -295px 0;
		}
		
		/* Billets */
		a.billet_ftm {
			background: url(../img/portfolio/ftm.jpg) no-repeat 0 -180px;
		}
		a.billet_ftm:hover {
			background: url(../img/portfolio/ftm.jpg) no-repeat -295px -180px;
		}
		
		/* Documents 2010*/
		a.doc_ftm {
			background: url(../img/portfolio/ftm.jpg) no-repeat 0 -360px;
		}
		a.doc_ftm:hover {
			background: url(../img/portfolio/ftm.jpg) no-repeat -295px -360px;
		}
		
		/* Documents 2011*/
		a.doc_ftm2 {
			background: url(../img/portfolio/ftm-2011.jpg) no-repeat 0 0px;
		}
		a.doc_ftm2:hover {
			background: url(../img/portfolio/ftm-2011.jpg) no-repeat -295px 0px;
		}
		
	/* ISABELLE GAUDETTE */
		
		/* Logo */
		a.logo_isa {
			background: url(../img/portfolio/isabelle.jpg) no-repeat 0 0;
		}
		a.logo_isa:hover {
			background: url(../img/portfolio/isabelle.jpg) no-repeat -295px 0;
		}
		
		/* Cartes d'affaires */
		a.carte_isa {
			background: url(../img/portfolio/isabelle.jpg) no-repeat 0 -180px;
		}
		a.carte_isa:hover {
			background: url(../img/portfolio/isabelle.jpg) no-repeat -295px -180px;
		}
		
		/* Papeterie */
		a.pap_isa {
			background: url(../img/portfolio/isabelle.jpg) no-repeat 0 -360px;
		}
		a.pap_isa:hover {
			background: url(../img/portfolio/isabelle.jpg) no-repeat -295px -360px;
		}
		/* Video */
		a.vid_isa {
			background: url(../img/portfolio/isabelle.jpg) no-repeat 0 -540px;
		}
		a.vid_isa:hover {
			background: url(../img/portfolio/isabelle.jpg) no-repeat -295px -540px;
		}
		
		/* Video */
		a.vid_guarana {
			background: url(../img/portfolio/anim-guarana.jpg) no-repeat 0 0;
		}
		a.vid_guarana:hover {
			background: url(../img/portfolio/anim-guarana.jpg) no-repeat -295px 0;
		}
			
	/* HABITATIONS GRENIER */
		
		/* Site Web */
		a.web_grenier {
			background: url(../img/portfolio/grenier.jpg) no-repeat 0 0;
		}
		a.web_grenier:hover {
			background: url(../img/portfolio/grenier.jpg) no-repeat -295px 0;
		}
		
	/* LINE MACHINE */
		
		/* Documents */
		a.doc_line {
			background: url(../img/portfolio/linemachine.jpg) no-repeat 0 0;
		}
		a.doc_line:hover {
			background: url(../img/portfolio/linemachine.jpg) no-repeat -295px 0;
		}
		
		/* Animation */
		a.anim_line {
			background: url(../img/portfolio/linemachine.jpg) no-repeat 0 -180px;
		}
		a.anim_line:hover {
			background: url(../img/portfolio/linemachine.jpg) no-repeat -295px -180px;
		}
		
		/* Kiosque */
		a.kiosque_line {
			background: url(../img/portfolio/linemachine.jpg) no-repeat 0 -360px;
		}
		a.kiosque_line:hover {
			background: url(../img/portfolio/linemachine.jpg) no-repeat -295px -360px;
		}
		
	/* MEDITOILE */
		
		/* Logo */
		a.logo_meditoile {
			background: url(../img/portfolio/meditoile.jpg) no-repeat 0 0;
		}
		a.logo_meditoile:hover {
			background: url(../img/portfolio/meditoile.jpg) no-repeat -295px 0;
		}
		
		/* Site web */
		a.web_meditoile {
			background: url(../img/portfolio/meditoile.jpg) no-repeat 0 -180px;
		}
		/*a.web_meditoile:hover {
			background: url(../img/portfolio/meditoile.jpg) no-repeat -295px -180px;
		}*/
		
	/* JULIE MEILLEUR */
		
		/* Identité */
		a.iden_meilleur {
			background: url(../img/portfolio/meilleur.jpg) no-repeat 0 0;
		}
		a.iden_meilleur:hover {
			background: url(../img/portfolio/meilleur.jpg) no-repeat -295px 0;
		}
		
		/* Papeterie */
		a.pap_meilleur {
			background: url(../img/portfolio/meilleur.jpg) no-repeat 0 -180px;
		}
		a.pap_meilleur:hover {
			background: url(../img/portfolio/meilleur.jpg) no-repeat -295px -180px;
		}
		
		/* Site Web */
		a.web_meilleur {
			background: url(../img/portfolio/meilleur.jpg) no-repeat 0 -360px;
		}
		a.web_meilleur:hover {
			background: url(../img/portfolio/meilleur.jpg) no-repeat -295px -360px;
		}
		
	/* DERMASANTE */
		
		/* Affiche */
		a.aff_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 0;
		}
		a.aff_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px 0;
		}
		
		/* Pochette */
		a.pochette_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -180px;
		}
		a.pochette_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -180px;
		}
		
		/* Cadres */
		a.cadre_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -360px;
		}
		a.cadre_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -360px;
		}
		
		/* Papeterie */
		a.pap_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -540px;
		}
		a.pap_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -540px;
		}
		
		/* Publireportage */
		a.publi_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -720px;
		}
		a.publi_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -720px;
		}
		
		/* Documents */
		a.doc_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -900px;
		}
		a.doc_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -900px;
		}
		
		/* Infolettre */
		a.info_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -1080px;
		}
		a.info_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -1080px;
		}
		
		/* Bannières */
		a.ban_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -1260px;
		}
		a.ban_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -1260px;
		}
		
		/* Site Web */
		a.web_derma {
			background: url(../img/portfolio/dermasante.jpg) no-repeat 0 -1440px;
		}
		a.web_derma:hover {
			background: url(../img/portfolio/dermasante.jpg) no-repeat -295px -1440px;
		}
		
	/* PROGYM */
		
		/* Site Web */
		a.web_progym {
			background: url(../img/portfolio/progym.jpg) no-repeat 0 0;
		}
		a.web_progym:hover {
			background: url(../img/portfolio/progym.jpg) no-repeat -295px 0;
		}
		
		/* Photos */
		a.photo_progym {
			background: url(../img/portfolio/progym.jpg) no-repeat 0 -180px;
		}
		a.photo_progym:hover {
			background: url(../img/portfolio/progym.jpg) no-repeat -295px -180px;
		}
		
		/* Station service */
		a.serv_progym {
			background: url(../img/portfolio/progym.jpg) no-repeat 0 -360px;
		}
		a.serv_progym:hover {
			background: url(../img/portfolio/progym.jpg) no-repeat -295px -360px;
		}
		
		/* Pro nutrition */
		a.nutri_progym {
			background: url(../img/portfolio/progym.jpg) no-repeat 0 -540px;
		}
		a.nutri_progym:hover {
			background: url(../img/portfolio/progym.jpg) no-repeat -295px -540px;
		}
		
		/* Club voyage */
		a.club_progym {
			background: url(../img/portfolio/progym.jpg) no-repeat 0 -720px;
		}
		a.club_progym:hover {
			background: url(../img/portfolio/progym.jpg) no-repeat -295px -720px;
		}
		
		/* Mercedes */
		a.mercedes_progym {
			background: url(../img/portfolio/progym.jpg) no-repeat 0 -900px;
		}
		a.mercedes_progym:hover {
			background: url(../img/portfolio/progym.jpg) no-repeat -295px -900px;
		}
		
	/* PERFORMAX */
		
		/* Cartes d'affaires */
		a.carte_performax {
			background: url(../img/portfolio/performax.jpg) no-repeat 0 0;
		}
		a.carte_performax:hover {
			background: url(../img/portfolio/performax.jpg) no-repeat -295px 0;
		}
		
		/* Programme */
		a.pro_performax {
			background: url(../img/portfolio/performax.jpg) no-repeat 0 -180px;
		}
		a.pro_performax:hover {
			background: url(../img/portfolio/performax.jpg) no-repeat -295px -180px;
		}
		
	/* DOWNEY */
		
		/* Sapiniere et pepiniere */
		a.doc_downey {
			background: url(../img/portfolio/downey.jpg) no-repeat 0 0;
		}
		a.doc_downey:hover {
			background: url(../img/portfolio/downey.jpg) no-repeat -295px 0;
		}
		
		/* Sapiniere */
		a.sap_downey {
			background: url(../img/portfolio/downey.jpg) no-repeat 0 -180px;
		}
		a.sap_downey:hover {
			background: url(../img/portfolio/downey.jpg) no-repeat -295px -180px;
		}
		
		/* Pepiniere */
		a.pep_downey {
			background: url(../img/portfolio/downey.jpg) no-repeat 0 -360px;
		}
		a.pep_downey:hover {
			background: url(../img/portfolio/downey.jpg) no-repeat -295px -360px;
		}
	/* LA TAULE */
		
		/* Site web */
		a.web_taule {
			background: url(../img/portfolio/taule.jpg) no-repeat 0 0;
		}
		a.web_taule:hover {
			background: url(../img/portfolio/taule.jpg) no-repeat -295px 0;
		}
		/* Cartes */
		a.carte_taule {
			background: url(../img/portfolio/taule.jpg) no-repeat 0 -180px;
		}
		a.carte_taule:hover {
			background: url(../img/portfolio/taule.jpg) no-repeat -295px -180px;
		}
	/* PRESTIGE */
		
		/* Site web */
		a.web_prestige {
			background: url(../img/portfolio/prestige.jpg) no-repeat 0 0;
		}
		a.web_prestige:hover {
			background: url(../img/portfolio/prestige.jpg) no-repeat -295px 0;
		}
	/* VEGETARIEN */
		
		/* Site web */
		a.web_vegetarien {
			background: url(../img/portfolio/vegetarien-web.jpg) no-repeat 0 0;
		}
		a.web_vegetarien:hover {
			background: url(../img/portfolio/vegetarien-web.jpg) no-repeat -295px 0;
		}
	/* BEAULIEU */
		
		/* Site web */
		a.web_beaulieu {
			background: url(../img/portfolio/beaulieu-web.jpg) no-repeat 0 0;
		}
		a.web_beaulieu:hover {
			background: url(../img/portfolio/beaulieu-web.jpg) no-repeat -295px 0;
		}
	/* IBIOM */
		
		/* Site web */
		a.web_ibiom {
			background: url(../img/portfolio/ibiom-web.jpg) no-repeat 0 0;
		}
		a.web_ibiom:hover {
			background: url(../img/portfolio/ibiom-web.jpg) no-repeat -295px 0;
		}
	/* ABS */
		
		/* Site web */
		a.web_abs {
			background: url(../img/portfolio/abs-web.jpg) no-repeat 0 0;
		}
		a.web_abs:hover {
			background: url(../img/portfolio/abs-web.jpg) no-repeat -295px 0;
		}
	/* KDM */
		
		/* Site web */
		a.web_kdm {
			background: url(../img/portfolio/kdm-web.jpg) no-repeat 0 0;
		}
		a.web_kdm:hover {
			background: url(../img/portfolio/kdm-web.jpg) no-repeat -295px 0;
		}
	/* LONGCHAMP */
		
		/* Site web */
		a.web_longchamp {
			background: url(../img/portfolio/longchamp-web.jpg) no-repeat 0 0;
		}
		a.web_longchamp:hover {
			background: url(../img/portfolio/longchamp-web.jpg) no-repeat -295px 0;
		}
	/* IVES HILL */
		
		/* Site web */
		a.web_ives {
			background: url(../img/portfolio/ives-web.jpg) no-repeat 0 0;
		}
		a.web_ives:hover {
			background: url(../img/portfolio/ives-web.jpg) no-repeat -295px 0;
		}
	/* PORTFOLIO IMAGES */
		
		/* CLSE */
		a.clse_images {
			background: url(../img/portfolio/images.jpg) no-repeat 0 0;
		}
		a.clse_images:hover {
			background: url(../img/portfolio/images.jpg) no-repeat -295px 0;
		}
		/* Construction Est */
		a.est_images {
			background: url(../img/portfolio/images.jpg) no-repeat 0 -180px;
		}
		a.est_images:hover {
			background: url(../img/portfolio/images.jpg) no-repeat -295px -180px;
		}
		/* Duhaime */
		a.duhaime_images {
			background: url(../img/portfolio/images.jpg) no-repeat 0 -360px;
		}
		a.duhaime_images:hover {
			background: url(../img/portfolio/images.jpg) no-repeat -295px -360px;
		}
		/* Meditoile */
		a.meditoile_images {
			background: url(../img/portfolio/images.jpg) no-repeat 0 -540px;
		}
		a.meditoile_images:hover {
			background: url(../img/portfolio/images.jpg) no-repeat -295px -540px;
		}
		/* Julie Meilleur */
		a.julie_images {
			background: url(../img/portfolio/images.jpg) no-repeat 0 -720px;
		}
		a.julie_images:hover {
			background: url(../img/portfolio/images.jpg) no-repeat -295px -720px;
		}
		/* Station Service Santé */
		a.sss_images {
			background: url(../img/portfolio/images.jpg) no-repeat 0 -900px;
		}
		a.sss_images:hover {
			background: url(../img/portfolio/images.jpg) no-repeat -295px -900px;
		}
	/* PORTFOLIO WEB */
		
		/* Progym */
		a.progym_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 0;
		}
		a.progym_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px 0;
		}
		/* Grenier */
		a.grenier_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -180px;
		}
		a.grenier_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -180px;
		}
		/* Construction est */
		a.est_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -360px;
		}
		a.est_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -360px;
		}
		/* France Croteau */
		a.france_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -540px;
		}
		a.france_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -540px;
		}
		/* Isabelle Gaudette */
		a.isabelle_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -720px;
		}
		a.isabelle_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -720px;
		}
		/* Julie Meilleur */
		a.meilleur_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -900px;
		}
		a.meilleur_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -900px;
		}
		/* Virtuelle Gourmandise */
		a.gourmand_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -1080px;
		}
		a.gourmand_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -1080px;
		}
		/* Sapinière Downey */
		a.sapdowney_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -1260px;
		}
		a.sapdowney_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -1260px;
		}
		/* Dermasanté */
		a.derma_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -1440px;
		}
		a.derma_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -1440px;
		}
		/* Meditoile */
		a.meditoile_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -1620px;
		}
		a.meditoile_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -1620px;
		}
		/* La Taule */
		a.lataule_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -1800px;
		}
		a.lataule_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -1800px;
		}
		/* Peipinière Downey */
		a.pepdowney_web {
			background: url(../img/portfolio/web.jpg) no-repeat 0 -1980px;
		}
		a.pepdowney_web:hover {
			background: url(../img/portfolio/web.jpg) no-repeat -295px -1980px;
		}
		
	/* PORTFOLIO IMPRIMÉS */
		
		/* Mister Valaire */
		a.valaire_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 0;
		}
		a.valaire_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px 0;
		}
		/* Train NRJ */
		a.train_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -180px;
		}
		a.train_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -180px;
		}
		/* CLSE */
		a.clse_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -360px;
		}
		a.clse_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -360px;
		}
		/* Construction Alain */
		a.alain_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -540px;
		}
		a.alain_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -540px;
		}
		/* Construction Est */
		a.est_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -720px;
		}
		a.est_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -720px;
		}
		/* France Croteau */
		a.france_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -900px;
		}
		a.france_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -900px;
		}
		/* France Croteau 2 */
		a.france_b_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -1080px;
		}
		a.france_b_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -1080px;
		}
		/* Traditions du monde */
		a.ftm_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -1260px;
		}
		a.ftm_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -1260px;
		}
		/* Traditions du monde 2 */
		a.ftm_b_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -1440px;
		}
		a.ftm_b_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -1440px;
		}
		/* Traditions du monde 3 */
		a.ftm_c_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -1620px;
		}
		a.ftm_c_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -1620px;
		}
		/* Line Machines */
		a.line_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -1800px;
		}
		a.line_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -1800px;
		}
		/* Line Machines 2 */
		a.line_b_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -1980px;
		}
		a.line_b_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -1980px;
		}
		/* Julie Meilleur */
		a.julie_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -2160px;
		}
		a.julie_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -2160px;
		}
		/* Dermasanté */
		a.derma_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -2340px;
		}
		a.derma_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -2340px;
		}
		/* Dermasanté 2 */
		a.derma_b_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -2520px;
		}
		a.derma_b_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -2520px;
		}
		/* Dermasanté 3 */
		a.derma_c_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -2700px;
		}
		a.derma_c_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -2700px;
		}
		/* Dermasanté 4 */
		a.derma_d_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -2880px;
		}
		a.derma_d_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -2880px;
		}
		/* Dermasanté 5 */
		a.derma_e_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -3060px;
		}
		a.derma_e_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -3060px;
		}
		/* Dermasanté 6 */
		a.derma_f_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -3240px;
		}
		a.derma_f_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -3240px;
		}
		/* Pro Nutrition */
		a.nutri_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -3420px;
		}
		a.nutri_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -3420px;
		}
		/* Club Voyage Orford */
		a.club_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -3600px;
		}
		a.club_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -3600px;
		}
		/* Mercedes */
		a.mercedes_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -3780px;
		}
		a.mercedes_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -3780px;
		}
		/*  Preformax */
		a.performax_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -3960px;
		}
		a.performax_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -3960px;
		}
		/* Performax 2 */
		a.performax_b_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -4140px;
		}
		a.performax_b_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -4140px;
		}
		/* Downey */
		a.downey_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -4320px;
		}
		a.downey_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -4320px;
		}
		/* Hyundai */
		a.hyundai_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -4500px;
		}
		a.hyundai_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -4500px;
		}
		/* Hyundai 2 */
		a.hyundai_b_print {
			background: url(../img/portfolio/imprimes.jpg) no-repeat 0 -4680px;
		}
		a.hyundai_b_print:hover {
			background: url(../img/portfolio/imprimes.jpg) no-repeat -295px -4680px;
		}
		
	/* PORTFOLIO INTERACTIFS */
		
		/* Gestion Sun */
		a.gestion_sun {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -1980px;
		}
		a.gestion_sun:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -1980px;
		}
		/* Grandes Gueules */
		a.gg_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 0;
		}
		a.gg_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px 0;
		}
		/* Y'a de ces matins NRJ */
		a.matin_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -180px;
		}
		a.matin_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -180px;
		}
		/* Tout le monde debout */
		a.debout_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -360px;
		}
		a.debout_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -360px;
		}
		/* Ma radio au boulot */
		a.boulot_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -540px;
		}
		a.boulot_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -540px;
		}
		/* Animation corporative */
		a.anim_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -720px;
		}
		a.anim_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -720px;
		}
		/* NRJ Automobile */
		a.auto_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -900px;
		}
		a.auto_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -900px;
		}
		/* NRJ Tendances */
		a.tendance_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -1080px;
		}
		a.tendance_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -1080px;
		}
		/* 102 jours de l'été */
		a.ete_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -1260px;
		}
		a.ete_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -1260px;
		}
		/* Idées cadeaux */
		a.cadeau_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -1440px;
		}
		a.cadeau_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -1440px;
		}
		/* Réno déco */
		a.reno_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -1620px;
		}
		a.reno_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -1620px;
		}
		/* Évasion santé beauté */
		a.sante_inter {
			background: url(../img/portfolio/interactifs.jpg) no-repeat 0 -1800px;
		}
		a.sante_inter:hover {
			background: url(../img/portfolio/interactifs.jpg) no-repeat -295px -1800px;
		}
	/* HYUNDAI */
		
		/* Affiche 1 */
		a.aff_hyundai {
			background: url(../img/portfolio/hyundai.jpg) no-repeat 0 0;
		}
		a.aff_hyundai:hover {
			background: url(../img/portfolio/hyundai.jpg) no-repeat -295px 0;
		}
		/* Affiche 2 */
		a.aff_b_hyundai {
			background: url(../img/portfolio/hyundai.jpg) no-repeat 0 -180px;
		}
		a.aff_b_hyundai:hover {
			background: url(../img/portfolio/hyundai.jpg) no-repeat -295px -180px;
		}
	/* GESTION SUN */
		
		/* Animation 1 */
		a.anim_sun {
			background: url(../img/portfolio/gestion-sun.jpg) no-repeat 0 0;
		}
		a.anim_sun:hover {
			background: url(../img/portfolio/gestion-sun.jpg) no-repeat -295px 0;
		}
	/* PHYSIPRO */
		
		/* Animation 1 */
		a.anim_physipro {
			background: url(../img/portfolio/physipro.jpg) no-repeat 0 0;
		}
		a.anim_physipro:hover {
			background: url(../img/portfolio/physipro.jpg) no-repeat -295px 0;
		}
	/* GESTION SUMM-IT */
		
		/* Logo */
		a.logo_summit {
			background: url(../img/portfolio/gestion-summit.jpg) no-repeat 0 0;
		}
		a.logo_summit:hover {
			background: url(../img/portfolio/gestion-summit.jpg) no-repeat -295px 0;
		}
	/* DECO-SOLUTION */
		
		/* Logo */
		a.web-deco {
			background: url(../img/portfolio/deco-solution.jpg) no-repeat 0 0;
		}
		a.web-deco:hover {
			background: url(../img/portfolio/deco-solution.jpg) no-repeat -295px 0;
		}
	/* EXCELLENCE FITNESS */
		
		/* Logo */
		a.logo_exfit {
			background: url(../img/portfolio/images2.jpg) no-repeat 0 0;
		}
		a.logo_exfit:hover {
			background: url(../img/portfolio/images2.jpg) no-repeat -295px 0;
		}
	/* ARBOLEKO */
		
		/* Logo */
		a.logo_arboleko {
			background: url(../img/portfolio/images2.jpg) no-repeat 0 center;
		}
		a.logo_arboleko:hover {
			background: url(../img/portfolio/images2.jpg) no-repeat -295px center;
		}
	/* VIA */
		
		/* Logo */
		a.logo_via {
			background: url(../img/portfolio/images2.jpg) no-repeat 0 bottom;
		}
		a.logo_via:hover {
			background: url(../img/portfolio/images2.jpg) no-repeat -295px bottom;
		}
		
/* 3 *//* Accueil */

	#voir-exemple {
		position: absolute;
		top:25px;
		right: 25px;
		width: 314px;
		height: 107px;
		background: #2B2B2B;
		
	}
	#voir-exemple h1{
		position: absolute;
		top: 36px;
		left: 30px;
		font-size: 32px;
		color: #ff0015;
		font-weight: normal;
		padding: 0;
		margin: 0;
		text-decoration: none;
		border: none;
		font-family: 'Bevan', arial, serif;
		text-transform:  uppercase;
		text-shadow: none;
	}
	#voir-exemple h2{
		position: absolute;
		top: 18px;
		left: 30px;
		font-size: 18px;
		color: #fff;
		font-weight: normal;
		padding: 0;
		margin: 0;
		text-decoration: none;
		border: none;
		font-family: 'Bevan', arial, serif;
		text-transform:  uppercase;
	}
	#voir-exemple a {
		position: absolute;
		top: 67px;
		left: 30px;
		font-size: 13px;
		text-transform: uppercase;
		padding: 6px;
		color: #C1BFBF;
		background-color: #646464;
		width: 76px;
		height: 13px;	
		font-family: 'Cabin', arial, serif;
		text-decoration: none;
		text-align: center;
	}
	#voir-exemple a:hover {
		color: #fff;
		background-color: #ff0015;
	}
	
		
		
		/* 3.2 *//* Contenu */		
		
	.projets-vedettes{
			position: relative;
			width: 309px;
			height: 197px;
			border: 1px solid #fff;
			background-image: url(../img/background/bg-projets-vedettes.jpg);
			background-repeat: no-repeat;
		}
		
	.projets-vedettes a {
		position: absolute;
		top: 138px;
		left: 45px;
		font-size: 13px;
		text-transform: uppercase;
		padding: 6px;
		color: #fff;
		background-color: #a3100c;
		width: 76px;
		height: 13px;	
		font-family: 'Cabin', arial, serif;
		text-decoration: none;
		text-align: center;
	}
	
	.projets-vedettes a:hover {
		color: #fff;
		background-color: #ff0015;
	}
		
	.projets-vedettes h1{
		font-size: 38px;
		color: #ff0015;
		font-weight: normal;
		line-height: 38px;
		padding-left: 45px;
		text-decoration: none;
		border: none;
		font-family: 'Bevan', arial, serif;
		}
		
	.projets-vedettes h2{
		font-size: 20px;
		color: #606060;
		font-weight: normal;
		padding-left: 45px;
		padding-top: 35px;
		text-decoration: none;
		border: none;
		font-family: 'Bevan', arial, serif;
		padding-bottom: 5px;
		}
		
	.projets_header{
			width: 959px;
			height: 100px;
			background-image: url(../img/portfolio/header-portfolio.jpg);
			background-repeat: no-repeat;
			position: relative;
		}
		
	.projets_header h1{
			font-family: 'Bevan', arial, serif;
			color: #E71F00;
			font-size: 45px;
			margin-left: 25px;
			padding-top: 35px;
			text-shadow: 0px 0px 2px #000;
		}
		
	.slideshow-vedettes{
		height: 466px;
		width: 930px;
	}
	
	.menu-vedettes{
		height: 210px; /* Changer pour la hauteur de la page */
		width: 950px;
		margin-top: 30px;
		background-image: url(../img/projets-vedettes/bg-vedettes.png);
		background-repeat: no-repeat;
		font-family: 'Bevan', arial, serif;
	}
	
	.menu-vedettes ul li {
		position: relative;
		float: left;
		width: 297px;
		height: 215px;
		background: url(../img/projets-vedettes/shadow_box.png) no-repeat;	
	}
	
	.menu-vedettes ul li.center {
		margin: 0 20px;	
	}
	
	.menu-vedettes ul li span {
		display: block;
		position: absolute;
		top: 50px;
		left: 30px;
	}
	
	.menu-vedettes ul li h1 {
		font-size: 36px;
		color: #ff0015;
		font-weight: bold;
		line-height: 38px;
		text-decoration: none;
		border: none;
		text-transform: uppercase;
	}
	
	.menu-vedettes ul li h2 {
		font-size: 20px;
		color: #606060;
		font-weight: bold;
		text-decoration: none;
		border: none;
		text-transform: uppercase;
	}
	
	.menu-vedettes ul li a {
		position: absolute;
		top: 110px;
		left: 30px;
		font-size: 13px;
		text-transform: uppercase;
		padding: 6px;
		color: #fff;
		background-color: #a3100c;
		width: 76px;
		height: 13px;	
		font-family: 'Cabin', arial, serif;
		text-decoration: none;
		text-align: center;
	}
	
	.menu-vedettes ul li a:hover {
		color: #fff;
		background-color: #ff0015;
	}
	
	.vedettes{
		width: 300px;
		height: 175px;
		float: left;
		background-image:url(../img/projets-vedettes/shadow-box.png) ;
		margin-left: 4px;
		padding-top: 25px;
		background-repeat: no-repeat;
	}
	
	.vedettes2{
		width: 310px;
		height: 175px;
		float: left;
		background-image:url(../img/projets-vedettes/shadow-box.png) ;
		margin-left:13px;
		padding-top: 25px;
		background-repeat: no-repeat;
	}
	
	.vedettes3{
		width: 310px;
		height: 175px;
		float: left;
		background-image:url(../img/projets-vedettes/shadow-box.png) ;
		margin-left:2px;
		padding-top: 25px;
		background-repeat: no-repeat;
	}
	
	.vedettes h1{
		font-size: 36px;
		color: #ff0015;
		font-weight: bold;
		line-height: 38px;
		padding-left: 35px;
		text-decoration: none;
		border: none;
		}
		
	.vedettes h2{
		font-size: 20px;
		color: #606060;
		font-weight: bold;
		padding-left: 35px;
		padding-top: 15px;
		text-decoration: none;
		border: none;
		}
		
	.vedettes2 h1{
		font-size: 36px;
		color: #ff0015;
		font-weight: bold;
		line-height: 38px;
		padding-left: 35px;
		text-decoration: none;
		border: none;
		}
		
	.vedettes2 h2{
		font-size: 20px;
		color: #606060;
		font-weight: bold;
		padding-left: 35px;
		padding-top: 15px;
		text-decoration: none;
		border: none;
		}
		
	.vedettes3 h1{
		font-size: 36px;
		color: #ff0015;
		font-weight: bold;
		line-height: 38px;
		padding-left: 35px;
		text-decoration: none;
		border: none;
		}
		
	.vedettes3 h2{
		font-size: 20px;
		color: #606060;
		font-weight: bold;
		padding-left: 35px;
		padding-top: 15px;
		text-decoration: none;
		border: none;
		}
	
		
/* 7. *//* SERVICES */

	.services_image-new{
			background-repeat: no-repeat;
			background-position: top;
			padding-left: 10px;
			margin-top: 52px;
	}
			
	.services_image_left-new{
			width: 619px;
			height: 445px;
			height: 420px\9;
			float: left;
	}
	
	.services_image_left-new p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 0px;
			text-align: justify;
		}
	.services_image_right-new{
			width: 298px;
			height: 445px;
			height: 420px\9;
			float: left;
			padding-left: 5px;
		}
	.services_img_logo-new{
			background-repeat: no-repeat;
			width: 950px;
			height: 350px;
			height: 360px\9;
			clear: both;
		}
		
	.services_img_projet-new{
			width: 314px;
			height: 360px;
			margin-top: 24px;
			background-image: url(../img/services/services_img_etape_bg.jpg);
			background-repeat: no-repeat;
			margin-top: 35px;
			
		}
		.services_img_projet-new h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 55px 0 0 38px;
		}
		.services_img_projet-new ul{
			width: 217px;
			height: 180px;
			margin: 10px 0px 0px 38px;
			color: #d30b02;
			font-size: 14px;
			list-style-type: decimal-leading-zero;
			list-style-type: decimal\9;
			list-style-position: outside;
			font-weight: bold;
			padding-left: 25px\9;
			padding-left: 28px;
		}
		.services_img_projet-new ul li{
			padding-top: 10px;
		}
		.services_web_projet-new {
			width: 314px;
			height: 495px;
			margin-top: 35px;
			background-image: url(../img/services/services_web_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_web_projet-new h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 55px 0 0 38px;
		}
		.services_web_projet-new ul{
			width: 217px;
			height: 280px\9;
			height: 290px;
			margin: 10px 0px 0px 38px;
			color: #d30b02;
			font-size: 14px;
			list-style-type: decimal-leading-zero;
			list-style-type: decimal\9;
			list-style-position: outside;
			font-weight: bold;
			padding-left: 25px\9;
			padding-left: 28px;
		}
		.services_web_projet-new ul li{
			padding-top: 10px;
		}
		.services_photo_projet-new{
			width: 314px;
			height: 475px;
			margin-top: 35px;
			background-image: url(../img/services/services_seo_etape_bg.jpg);
			background-repeat: no-repeat;
			
		}
		.services_photo_projet-new h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 0px 0 0 38px;
		}
		.services_photo_projet-new p{
			font-size: 14px;
			font-weight: normal;
			color: #000;
			padding: 0px 0 20px 38px;
		}
		.services_photo_right_rv{
			padding: 10px 0 0 30px;
			width: 237px;
			height: 31px;
		}
		
		.produits_header2{
			width: 959px;
			height: 100px;
			background-image: url(../img/portfolio/header-portfolio.jpg);
			background-repeat: no-repeat;
			float:left;
		}
		
		.produits_video{
			width: 314px;;
			height: 250px;
			background-repeat: no-repeat;
			float:left;
			background-color: blue;
			margin-bottom: 30px;
			margin-left: 5px;
		}
		
		.produits_header2 h1{
			font-family: 'Cabin', arial, serif;
			color: #E71F00;
			font-size: 55px;
			margin-left: 25px;
			text-shadow: 0px 0px 2px #000;
			padding-top: 25px;
			width: 462px;
			float: left;
			background-color: fuchsia;
		}
		
		.produits_image_left h1{
			font-family: 'Nobile', arial, serif; 
			color: #000;
			font-size: 20px;
		}
		
		.produits_image_left{
			width: 592px;
			height: 445px;
			height: 420px\9;
			float: left;
		}
	
		.produits_image_left p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 30px 0 0px;
			text-align: justify;
		}
		
		
		.services_web_solutions-new{
			width: 940px;
			height: 245px;
			background-image: url(../img/services/ombrage_web.jpg);
			background-repeat: no-repeat;
			margin-left: -10px;
			clear: both;
		}
		
		.services_web_solutions-new h1{
			font-size: 18px;
			font-weight: bold;
			color: #000;
			padding: 20px 0 15px 26px;
		}	
		.services_web_solutions-new ul{
			float: left;
			width: 290px;
			width: 270px\9;
			list-style-type: disc;
			list-style-position: outside;
			padding-left: 20px\9;
			color: #d41911;
		}	
		.services_web_solutions-new ul li{
			font-size: 14px;
			padding-top: 10px;
			width: 250px;
		}	
		.services_web_solutions-new ul li span{
			color: #000;
		}
		
		.services_web_portfolio-new{
			background-image: url(../img/services/ombrage_web.jpg);
			background-repeat: no-repeat;
			height: 300px;
			margin-left: -10px;
		}
		.services_web_portfolio-new h1{
			color: #bebebe;
			font-size: 20px;
			font-weight: bold;
			padding: 26px 0 0 26px;
			text-transform: uppercase;
		}
		
		.services_web_right-new{
			width: 298px;
			height: 535px;
			float: left;
			padding-left: 5px;
		}
		
		.produits_image_left2 h1{
			font-family: 'Nobile', arial, serif; 
			color: #000;
			font-size: 20px;
		}
		
		.produits_image_left2{
			width: 592px;
			height: 445px;
			height: 420px\9;
			float: left;
		}
	
		.produits_image_left2 p{
			font-size: 14px;
			color: #000;
			line-height: 18px;
			padding: 20px 20px 0 0px;
			text-align: justify;
		}
		
		.services_imprime_list2{
			float: left;
			width: 290px;
			height: auto;
			padding: 20px 0 0 0;
		}
		.services_imprime_list2 ul{
			color: #d41911;
			font-size: 14px;
			font-weight: normal;
			list-style: disc;
			list-style-position: inside;
		}
		.services_imprime_list2 ul li{
			padding-bottom: 10px;
		}
		.services_imprime_list2 ul li span{
			color: #000;
		}
	/* DROP DOWN */
		#navigation {
			z-index: 2000;
		}
		#navigation_wrap {
			position: relative;
			z-index: 1000;
		}
		#navigation_wrap ul li.services:hover ul {
			display: block;
		}
		#navigation_wrap ul li.services ul {
			display: none;
			position: absolute;
			top: 32px;
			left: 112px;
			float: none;
			padding: 0;
			width: 197px;
			z-index: 1000;
		}
		#navigation_wrap ul li.services ul li {
			width: 202px;
			padding: 0;
		}
		#navigation_wrap ul li.services ul li a {
			padding: 0 20px;
			height: 30px;
			line-height: 30px;
			display: block;
			background: #d81414 url(../img/background/subnav.png) repeat-x;
			color: #fff;
			font-size: 11px;
			text-transform: uppercase;
			border-left: 1px solid #720708;
			border-right: 1px solid #720708;
		}
		#navigation_wrap ul li.services ul li a:hover {
			color: #8e0d0e;
			background: #fff url(../img/background/subnav_arrow.png) no-repeat 6px center;	
		}
		
		#navigation_wrap ul li.portfolio:hover ul {
			display: block;
		}
		#navigation_wrap ul li.portfolio ul {
			display: none;
			position: absolute;
			top: 32px;
			left: 428px;
			float: none;
			padding: 0;
			width: 174px;	
			background-color: #d81414;
			z-index: 1000;
		}
		#navigation_wrap ul li.portfolio ul li {
			width: 174px;
			padding: 0;
		}
		#navigation_wrap ul li.portfolio ul li a {
			padding: 0 20px;
			height: 30px;
			line-height: 30px;
			display: block;
			background: #d81414 url(../img/background/subnav.png) repeat-x;
			color: #fff;
			font-size: 11px;
			text-transform: uppercase;
			border-left: 1px solid #720708;
			border-right: 1px solid #720708;
		}
		#navigation_wrap ul li.portfolio ul li a:hover {
			color: #8e0d0e;
			background: #fff url(../img/background/subnav_arrow.png) no-repeat 6px center;	
		}
		
	/* FOOTER */
		#footer a{
			font-size:12px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#footer a:hover{
			font-size:12px;
			color: #fff;
			font-weight: bold;
			border-bottom: #fff dotted 1px;
		}
		
	/* SLIDESHOW */
		#slider {
    		position:relative;
    		width:618px; /* Change this to your images width */
 			height:246px; /* Change this to your images height */
    		background:url(images/loading.gif) no-repeat 50% 50%;
		}
		#slider img {
    		position:absolute;
    		top:0px;
    		left:0px;
    		display:none;
		}
		#slider a {
    		border:0;
    		display:block;
		}
		.nico-caption {
			position: relative;
		}
		.nivo-caption a {
			position: absolute;
			top: 20px;
			right: 30px;
			background-color: #C1BFBF;
			color: #3E3E3E;
			display: block;
			padding: 6px;
			font-size: 13px;
			text-transform: uppercase;
			text-decoration: none;
			height: 13px;
			width: 110px;
			text-align: center;
			font-family: 'Cabin', arial, serif;
		}
		.nivo-caption a:hover {
			background: #fff;
		}