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

body {
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../Images/Base/Bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#Conteneur {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#BandeauNewsletter {
	height: 170px;
	width: 143px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0%;
}

#Header {
	background-repeat: no-repeat;
	height: 161px;
	width: 960px;
	background-image: url(../Images/Base/Header.jpg);
}
#LogoTemaDesignHeader {
	background-image: url(../Images/Base/LogoTemaDesignHeader.png);
	height: 161px;
	width: 310px;
	float: left;
	background-repeat: no-repeat;
}
#WrapperMenuSite {
	height: 81px;
	width: 480px;
	float: right;
	margin-top: 80px;
	overflow: hidden;
	margin-left: 170px;
}
ul#MenuSite {
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}

#MenuSite li {
	overflow: hidden;
	text-indent: -9999px;
	display: inline;
	float: left;
	margin-right: 24px;
}
#MenuSite li a {
	background-image: url(../Images/Base/MenuSite.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	display: block;
}
#MenuSite li.Accueil {
	height: 81px;
	width: 108px;

}

#MenuSite li.Accueil a{
	background-position: -105px 0px;
}
#MenuSite li.Accueil a:hover {
	background-position: -105px -81px;
}
#MenuSite li.Accueil a.selected {
	background-position: -105px -162px;
}
#MenuSite li.Portfolio {
	height: 81px;
	width: 117px;
}
#MenuSite li.Portfolio a {
	background-position: -237px 0px;
}
#MenuSite li.Portfolio a:hover {
	background-position: -237px -81px;
}
#MenuSite li.Portfolio a.selected {
	background-position: -237px -162px;
}
#MenuSite li.Offres {
	height: 81px;
	width: 93px;
}
#MenuSite li.Offres a {
	background-position: -378px 0px;
}
#MenuSite li.Offres a:hover {
	background-position: -378px -81px;
}
#MenuSite li.Offres a.selected {
	background-position: -378px -162px;
}
#MenuSite li.Contact {
	height: 81px;
	width: 109px;
}
#MenuSite li.Contact a {
	background-position: -494px 0px;
}
#MenuSite li.Contact a:hover {
	background-position: -494px -81px;
}
#MenuSite li.Contact a.selected {
	background-position: -494px -162px;
}
#WrapperMenuPortfolio {
	height: 72px;
	width: 890px;
	overflow: hidden;
	padding-left: 70px;
}
ul#MenuPortfolio {
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}
#MenuPortfolio li {
	overflow: hidden;
	text-indent: -9999px;
	display: inline;
	float: left;
	margin-right: 32px;
}
#MenuPortfolio li a {
	background-image: url(../Images/Base/MenuPortfolio.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	display: block;
}
#MenuPortfolio li.Print {
	height: 72px;
	width: 70px;
}
#MenuPortfolio li.Print a {
	background-position: -84px 0px;
}
#MenuPortfolio li.Print a:hover {
	background-position: -84px -72px;
}
#MenuPortfolio li.Print a.selected {
	background-position: -84px -144px;
}
#MenuPortfolio li.Web {
	height: 72px;
	width: 64px;
}
#MenuPortfolio li.Web a {
	background-position: -186px 0px;
}
#MenuPortfolio li.Web a:hover {
	background-position: -186px -72px;
}
#MenuPortfolio li.Web a.selected {
	background-position: -186px -144px;
}
#MenuPortfolio li.Textile {
	height: 72px;
	width: 81px;
}
#MenuPortfolio li.Textile a {
	background-position: -282px 0px;
}
#MenuPortfolio li.Textile a:hover {
	background-position: -282px -72px;
}
#MenuPortfolio li.Textile a.selected {
	background-position: -282px -144px;
}
#MenuPortfolio li.Tout {
	height: 72px;
	width: 60px;
}
#MenuPortfolio li.Tout a {
	background-position: -395px 0px;
}
#MenuPortfolio li.Tout a:hover {
	background-position: -395px -72px;
}
#MenuPortfolio li.Tout a.selected {
	background-position: -395px -144px;
}






#Creations {
	height: auto;
	width: 960px;
}
#diapo {
	height: 282px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 34px;
	margin-bottom: 34px;
}
#TextIndex {
	height: 100%;
	width: 940px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#TextIndex a {
	color: #FFF;
	text-decoration: underline;
}
#TextIndex h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 25px;
	text-align: center;
	font-weight: 700;
}
.TextIndexSousTitre {
	font-size: 18px;
	font-weight: 400;
	color: #dc391f;
}


#TextIndex a:hover {
	color: #dc391f;
}

#TextIndex p {
	color: #FFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: left;
}

#TextIndex1 {
	height: 100%;
	width: 220px;
	padding-right: 20px;
	float: left;
}
#TextIndex2 {
	height: 100%;
	width: 220px;
	padding-right: 20px;
	float: left;
}
#TextIndex3 {
	height: 100%;
	width: 220px;
	padding-right: 20px;
	float: left;
}
#TextIndex4 {
	float: right;
	height: 100%;
	width: 220px;
}




#DotIndex {
	background-image: url(../Images/BoutonPortfolioFocus/DotText.png);
	height: 6px;
	width: 940px;
	background-position: left -6px;
	margin-right: auto;
	margin-left: auto;
}


#BoutonPortfolioFocus {
	height: 77px;
	width: 900px;
	padding-left: 60px;
}

#CreationsGauche {
	width: 400px;
	padding-left: 70px;
	height: 100%;
	float: left;
}
#CreationsDroite {
	width: 400px;
	height: 100%;
	float: right;
	padding-right: 70px;
}


.item {
	position: relative;
	overflow: hidden;
	width: 398px;
	margin-bottom: 20px;
}


.item .title , .item .desc{
	color: #FFF;
	background-color: #000;
	position: absolute;
	display: block;
	width: 398px;
	opacity: 0.7;
}
.item .title {
	font-size: 16px;
	text-align: right;
	top: 0px;
	width: 388px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.item .desc {
	bottom: 0px;
	font-size: 12px;
	width: 388px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
}
.Clear {
	clear: both;
}


#Footer {
	background-image: url(../Images/Base/Footer.png);
	background-repeat: no-repeat;
	height: 306px;
	width: 960px;
	clear: both;
}

#FooterLiens {
	color: #FFF;
	height: 19px;
	width: 510px;
	text-align: center;
	font-size: 15px;
	padding-left: 250px;
	padding-top: 74px;
}
#FooterLeft {
	width: 806px;
	float: left;
}


#FooterNav {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
				}
#FooterNav li {
	display: inline;
	float: left;
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: 700;
				}
#FooterNav li a {
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: underline;
	font-weight: 700;
}
#FooterNav li a:hover {
	color: #dc391f;
	display: block;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
}
#FooterMentionsLegales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 420px;
	color: #FFF;
}
#FooterMentionsLegales a {
	font-weight: 700;
	text-decoration: underline;
	color: #FFF;
}
#FooterMentionsLegales a:hover {
	font-weight: 700;
	text-decoration: none;
	color: #dc391f;
}
#WrapperFooterSocial {
	width: 154px;
	float: left;
}
ul#FooterSocial {
	margin: 0px;
	list-style: none;
	clear: both;
	padding-top: 49px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}
#FooterSocial li {
	text-indent: -9999px;
	overflow: hidden;
}
#FooterSocial li a {
	background-image: url(../Images/Base/MenuSocial.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	display: block;
}
#FooterSocial li.LinkedIn {
	height: 50px;
	width: 60px;
}
#FooterSocial li.LinkedIn a {
	background-position: 0px 0px;
}
#FooterSocial li.LinkedIn a:hover {
	background-position: -60px 0px;
}
#FooterSocial li.Facebook {
	height: 50px;
	width: 60px;
}
#FooterSocial li.Facebook a {
	background-position: 0px -50px;
}
#FooterSocial li.Facebook a:hover {
	background-position: -60px -50px;
}




	img{border:none;}

			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
#ContentLeft {
	width: 580px;
	float: left;
	padding-top: 30px;
	padding-left: 70px;
}



/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:579px;
		height:359px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:579px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	


	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	color:#FFF;
	padding:0 10px;
	text-decoration:none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		}
	ol#controls li.current a{
	color:#fff;
	background-image: url(../Images/BoutonPortfolioFocus/PortfolioFocusNumero.png);
	background-repeat: no-repeat;
	background-position: center top;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#ContentRight {
	width: 290px;
	height: 389px;
	margin-left: 20px;
	float: right;
}
#ContentRight1 {
	width: 290px;
	height: 77px;

}
.ContentRight2 {
	background-image: url(../Images/BoutonPortfolioFocus/DotText.png);
	height: 6px;
	width: 290px;
	background-repeat: no-repeat;
	background-position: left -6px;

}
#ContentRight3 {
	height: 224px;
	width: 220px;
	padding-right: 70px;

}
#ContentRight3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
#ContentRight3 a {
	color: #FFF;
	text-decoration: underline;
}
#ContentRight3 a:hover {
	color: #dc391f;
	text-decoration: none;
}



#ContentRight4 {
	height: 73px;
	width: 220px;
	padding-right: 70px;
}
#WrapperMenuPortfolioFocus {
	height: 73px;
	width: 220px;
	padding-right: 70px;
	overflow: hidden;
}
ul#MenuPortfolioFocus {
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}
#MenuPortfolioFocus li {
	text-indent: -9999px;
	overflow: hidden;
}
#MenuPortfolioFocus li a {
	background-image: url(../Images/Base/MenuPortfolioFocus.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	display: block;
}
#MenuPortfolioFocus li.RetourPortfolio {
	height: 36px;
	width: 220px;
}
#MenuPortfolioFocus li.RetourPortfolio a {
	background-position: 0px 0px;
}
#MenuPortfolioFocus li.RetourPortfolio a:hover {
	background-position: 0px -72px;
}
#MenuPortfolioFocus li.CreationSuivante {
	height: 36px;
	width: 220px;
}
#MenuPortfolioFocus li.CreationSuivante a {
	background-position: 0px -36px;
}
#MenuPortfolioFocus li.CreationSuivante a:hover {
	background-position: 0px -108px;
}
#WrapperMenuOffres {
	height: 72px;
	width: 890px;
	overflow: hidden;
	padding-left: 70px;
}

ul#MenuOffres {
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}


#MenuOffres li {
	overflow: hidden;
	text-indent: -9999px;
	display: inline;
	float: left;
	margin-right: 32px;
}
#MenuOffres li a {
	background-image: url(../Images/Base/MenuPortfolio.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	display: block;
}
#MenuOffres li.Print {
	height: 72px;
	width: 70px;
}
#MenuOffres li.Print a {
	background-position: -84px 0px;
}
#MenuOffres li.Print a:hover {
	background-position: -84px -72px;
}
#MenuOffres li.Print a.selected {
	background-position: -84px -144px;
}
#MenuOffres li.Web {
	height: 72px;
	width: 64px;
}
#MenuOffres li.Web a {
	background-position: -186px 0px;
}
#MenuOffres li.Web a:hover {
	background-position: -186px -72px;
}
#MenuOffres li.Web a.selected {
	background-position: -186px -144px;
}

#OffresTitre {
	width: 890px;
	padding-top: 30px;
	padding-left: 70px;
}
#Packs01 {
	height: 315px;
	width: 960px;
}
#Prestige {
	height: 315px;
	width: 260px;
	padding-left: 50px;
	background-image: url(../Images/Packs/Prestige.png);
	background-position: 50px top;
	background-repeat: no-repeat;
	float: left;
}
#Office {
	background-image: url(../Images/Packs/Office.png);
	background-repeat: no-repeat;
	background-position: 40px top;
	width: 260px;
	float: left;
	height: 315px;
	padding-left: 40px;
}
#Economic {
	background-image: url(../Images/Packs/Economic.png);
	background-repeat: no-repeat;
	background-position: 50px top;
	float: right;
	height: 315px;
	width: 310px;
	padding-left: 40px;
}
#Packs01Text {
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	height: 240px;
}
#PrestigeText {
	width: 220px;
	padding-left: 70px;
	float: left;
}
#OfficeText {
	width: 220px;
	padding-left: 80px;
	float: left;
}
#EconomicText {
	width: 220px;
	padding-left: 80px;
	float: right;
	padding-right: 70px;
}
#DotOffres {
	background-image: url(../Images/BoutonPortfolioFocus/DotText.png);
	height: 6px;
	width: 940px;
	background-position: left -6px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 80px;
	background-repeat: repeat-x;
}





#Packs02 {
	height: 315px;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
#Event {
	height: 315px;
	width: 260px;
	padding-left: 50px;
	background-image: url(../Images/Packs/Event.png);
	background-position: 50px top;
	background-repeat: no-repeat;
	float: left;
}

#Restaurant {
	background-image: url(../Images/Packs/Restaurant.png);
	background-repeat: no-repeat;
	background-position: 40px top;
	width: 260px;
	float: left;
	height: 315px;
	padding-left: 40px;
}
#AuDetail {
	float: right;
	height: 315px;
	width: 310px;
	padding-left: 40px;
}
#Packs02Text {
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	height: 240px;
}
#EventText {
	width: 220px;
	padding-left: 70px;
	float: left;
}
#RestaurantText {
	width: 220px;
	padding-left: 80px;
	float: left;
}


#Packs03 {
	height: 315px;
	width: 960px;
}
#Mini {
	height: 315px;
	width: 260px;
	padding-left: 50px;
	background-image: url(../Images/Packs/Mini.png);
	background-position: 50px top;
	background-repeat: no-repeat;
	float: left;
}
#Presence {
	background-image: url(../Images/Packs/Presence.png);
	background-repeat: no-repeat;
	background-position: 40px top;
	width: 260px;
	float: left;
	height: 315px;
	padding-left: 40px;
}
#Complet {
	background-image: url(../Images/Packs/Complet.png);
	background-repeat: no-repeat;
	background-position: 50px top;
	float: right;
	height: 315px;
	width: 310px;
	padding-left: 40px;
}

#Packs03Text {
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	height: 240px;
}
#MiniText {
	width: 220px;
	padding-left: 70px;
	float: left;
}
#PresenceText {
	width: 220px;
	padding-left: 80px;
	float: left;
}
#CompletText {
	width: 220px;
	padding-left: 80px;
	float: right;
	padding-right: 70px;
}
#Packs04 {
	height: 315px;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
#Catalogue {
	height: 315px;
	width: 260px;
	padding-left: 50px;
	background-image: url(../Images/Packs/Event.png);
	background-position: 50px top;
	background-repeat: no-repeat;
	float: left;
}
#Boutique {
	background-image: url(../Images/Packs/Restaurant.png);
	background-repeat: no-repeat;
	background-position: 40px top;
	width: 260px;
	float: left;
	height: 315px;
	padding-left: 40px;
}
#Precision {
	float: right;
	height: 315px;
	width: 310px;
	padding-left: 40px;
}
#BoutiqueText {
	width: 220px;
	padding-left: 80px;
	float: left;
}
#CatalogueText {
	width: 220px;
	padding-left: 70px;
	float: left;
}
#ContentPlanduSite {
	width: 960px;
}
#TextIndex h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 24px;
	text-align: center;
}