body {
	background-color:#d7d9d4;
	background:url(images/bkg.gif) repeat-y top center;
	height:100%;
	padding:0;
	margin:0;
}

html {
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
}

a {
	color:#646364;
	text-decoration:none;
}

a:hover {
	color:#99c016;
}

.hidden {
	display:none;
}


#jump {
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:10px;
}

	
/*///////////////////////////////
			Header
///////////////////////////////*/
#top {
	background:url(images/bkg.gif) repeat-y top center;
	position:fixed;
	width:100%;
	height:160px;
	padding:0;
	z-index:5000;
	border-bottom: dashed 2px #ffffff;
}

#jump_top{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:0px;
}

.logo {
	background:url(images/logoCS2.png) no-repeat top left;
	position:absolute;
	width:247px;
	height:133px;
	top:10px;
	left:50%;
	margin-left:-380px;
	margin-top:0;
	padding:0;
	z-index:100;
}

.graphiste {
	background:url(images/graphiste.png) no-repeat top center;
	position:absolute;
	width:267px;
	height:40px;
	top:40px;
	left:50%;
	margin-left:130px;
	padding:0;
	z-index:500;
}

.trait {
	background:url(images/trait.png) no-repeat top left;
	position:absolute;
	width:906px;
	height:6px;
	top:150px;
	left:50%;
	margin-left:-453px;
	padding:0;
	z-index:500;
}

.bt_01{
	position:absolute;
	width:90px;
	height:32px;
	top:110px;
	left:50%;
	margin-left:160px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_portfolio.png") no-repeat;
}

.portfolio{ background-position: left top; }
.portfolio:hover { background-position: left bottom; }

.bt_02{
	position:absolute;
	width:90px;
	height:32px;
	top:110px;
	left:50%;
	margin-left:310px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_contact.png") no-repeat;
}

.contact{ background-position: left top; }
.contact:hover { background-position: left bottom; }

.bt_services{
	position:absolute;
	width:90px;
	height:32px;
	top:110px;
	left:50%;
	margin-left:10px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_guide.png") no-repeat;
}

.btservices{ background-position: left top; }
.btservices:hover { background-position: left bottom; }



/*///////////////////////////////
		Conteneur baseline
///////////////////////////////*/

#conteneur_baseline {
	background: url("images/bg-news.png") repeat-x;
	position:absolute;
	width:100%;
	height:1500px;
	top:150px;
	margin:0;
	padding:0;
}

.titre_news {
	background: url("images/news_titre.png") no-repeat;
	position:absolute;
	width:217px;
	height:58px;
	left:50%;
	margin-left:-370px;
	top:40px;
}

#jump_services{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:510px;
}

.guide {
	position:absolute;
	width:800px;
	height:500px;
	left:50%;
	margin-left:-400px;
	top:800px;
}

.titre_services {
	background: url("images/services_titre.png") no-repeat;
	position:absolute;
	width:204px;
	height:58px;
	left:50%;
	margin-left:-400px;
	top:700px;
}

h1 {
	font-family:'Sansita One', cursive;
	font-weight: 400;
	font-size: 40px;
	color:#9cc40c;
	text-align:center;
 }

h2 {
	font-family:'Sansita One', cursive;
	font-weight: 400;
	font-size: 30px;
	color:#9cc40c;
	text-align:left;
 }

.texte_services{
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#646364;
	text-align:justify;
}


.titre_guide {
	background: url("images/base_titre_creation.png") no-repeat;
	position:absolute;
	width:520px;
	height:73px;
	left:50%;
	margin-left:-260px;
	top:0;
}

.etape1 {
	position:absolute;
	width:250px;
	height:400px;
	left:50%;
	margin-left:-520px;
	top:110px;
}

.titre_etape1 {
	background: url("images/base_idee.png") no-repeat top center;
	position:absolute;
	width:233px;
	height:238px;
	left:50%;
}

.texte_etape1 {
	position:absolute;
	width:233px;
	height:238px;
	left:50%;
	top:280px;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#646364;
	text-align:justify;
}

.etape2 {
	position:absolute;
	width:250px;
	height:400px;
	left:50%;
	margin-left:-241px;
	top:108px;
}

.titre_etape2 {
	background: url("images/base_realisation.png") no-repeat top center;
	position:absolute;
	width:233px;
	height:240px;
	left:50%;
}

.texte_etape2 {
	position:absolute;
	width:233px;
	height:238px;
	left:50%;
	top:280px;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#646364;
	text-align:justify;
}

.etape3 {
	position:absolute;
	width:250px;
	height:400px;
	left:50%;
	margin-left:40px;
	top:110px;
}

.titre_etape3 {
	background: url("images/base_resultat.png") no-repeat top center;
	position:absolute;
	width:233px;
	height:238px;
	left:50%;
}

.texte_etape3 {
	position:absolute;
	width:233px;
	height:238px;
	left:50%;
	top:280px;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#646364;
	text-align:justify;
}

	
/*///////////////////////////////
		Contenu portfolio
///////////////////////////////*/

#jump_portfolio{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:1450px;
}

#conteneur_portfolio {
	background: url("images/fond_portfolio3.gif") repeat-y top left;
	position:absolute;
	width:100%;
	height:3400px;
	top:1600px;
	margin:0;
	padding:0;
	border-top: dashed 2px #ffffff;
}

/*///////////////////////////////
		Florence
///////////////////////////////*/

.portfolio_titre {
	background: url("images/portfolio_titre.png") no-repeat;
	position:absolute;
	width:247px;
	height:58px;
	left:50%;
	padding:0;
	margin:50px 0 0 -380px;
}

.portfolio_fond_flo {
	background: url("images/portfolio/fond_slide_portfolio_florence.png") no-repeat;
	position:absolute;
	width:804px;
	height:415px;
	left:50%;
	top:100px;
	padding:0;
	margin:50px 0 0 -395px;
	z-index:0;
}


.portfolio_texte_flo {
	position:absolute;
	width:240px;
	height:196px;
	left:50%;
	top:270px;
	padding:0;
	margin-left:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	color:#fff;
	text-align:justify;
	z-index:1000;
}

.portfolio_texte_flo a {
	font-size: 14px;
	color:#99c016;
}

.portfolio_texte_flo a:hover {
	color:#fff;
}

.portfolio_titre_flo {
	position:absolute;
	width:240px;
	height:100px;
	left:50%;
	top:190px;
	padding:0;
	margin-left:160px;
	font-family: 'Sansita One', cursive;
	font-size: 24px;
	color:#99c016;
	text-align:justify;
	z-index:1000;
}

.bt_suivant01{
	position:absolute;
	width:90px;
	height:32px;
	top:580px;
	left:50%;
	margin-left:320px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_suivant.png") no-repeat;
}

.suivant{ background-position: left top; }
.suivant:hover { background-position: left bottom; }

#jump_port_01{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:500px;
}

/*///////////////////////////////
		Compagnons
///////////////////////////////*/

.portfolio_fond_compagnons {
	background: url("images/portfolio/fond_slide_portfolio_compagnons.png") no-repeat;
	position:absolute;
	width:804px;
	height:415px;
	left:50%;
	top:700px;
	padding:0;
	margin:50px 0 0 -395px;
	z-index:0;
}


.portfolio_texte_compagnons {
	position:absolute;
	width:240px;
	height:196px;
	left:50%;
	top:870px;
	padding:0;
	margin-left:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	color:#fff;
	text-align:justify;
	z-index:1000;
}

.portfolio_texte_compagnons a {
	font-size: 14px;
	color:#99c016;
}

.portfolio_texte_compagnons a:hover {
	color:#fff;
}

.portfolio_titre_compagnons {
	position:absolute;
	width:240px;
	height:100px;
	left:50%;
	top:790px;
	padding:0;
	margin-left:160px;
	font-family: 'Sansita One', cursive;
	font-size: 24px;
	color:#99c016;
	text-align:justify;
	z-index:1000;
}

.bt_suivant02{
	position:absolute;
	width:90px;
	height:32px;
	top:1180px;
	left:50%;
	margin-left:320px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_suivant.png") no-repeat;
}

.suivant{ background-position: left top; }
.suivant:hover { background-position: left bottom; }

.bt_precedent01{
	position:absolute;
	width:90px;
	height:32px;
	top:690px;
	left:50%;
	margin-left:-390px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_precedent.png") no-repeat;
}

.precedent{ background-position: left top; }
.precedent:hover { background-position: left bottom; }

#jump_port_02{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:1100px;
}


/*///////////////////////////////
		Events
///////////////////////////////*/

.portfolio_fond_events {
	background: url("images/portfolio/fond_slide_portfolio_events.png") no-repeat;
	position:absolute;
	width:804px;
	height:415px;
	left:50%;
	top:1300px;
	padding:0;
	margin:50px 0 0 -395px;
	z-index:0;
}


.portfolio_texte_events {
	position:absolute;
	width:240px;
	height:196px;
	left:50%;
	top:1470px;
	padding:0;
	margin-left:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	color:#fff;
	text-align:justify;
	z-index:1000;
}

.portfolio_texte_events a {
	font-size: 14px;
	color:#99c016;
}

.portfolio_texte_events a:hover {
	color:#fff;
}

.portfolio_titre_events {
	position:absolute;
	width:240px;
	height:100px;
	left:50%;
	top:1390px;
	padding:0;
	margin-left:160px;
	font-family: 'Sansita One', cursive;
	font-size: 24px;
	color:#99c016;
	text-align:justify;
	z-index:1000;
}

.bt_suivant03{
	position:absolute;
	width:90px;
	height:32px;
	top:1780px;
	left:50%;
	margin-left:320px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_suivant.png") no-repeat;
}

.suivant{ background-position: left top; }
.suivant:hover { background-position: left bottom; }

.bt_precedent02{
	position:absolute;
	width:90px;
	height:32px;
	top:1290px;
	left:50%;
	margin-left:-390px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_precedent.png") no-repeat;
}

.precedent{ background-position: left top; }
.precedent:hover { background-position: left bottom; }

#jump_port_03{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:1700px;
}


/*///////////////////////////////
		TPM2A
///////////////////////////////*/

.portfolio_fond_tpm2a {
	background: url("images/portfolio/fond_slide_portfolio_tpm2a.png") no-repeat;
	position:absolute;
	width:804px;
	height:415px;
	left:50%;
	top:1900px;
	padding:0;
	margin:50px 0 0 -395px;
	z-index:0;
}


.portfolio_texte_tpm2a {
	position:absolute;
	width:240px;
	height:196px;
	left:50%;
	top:2070px;
	padding:0;
	margin-left:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	color:#fff;
	text-align:justify;
	z-index:1000;
}

.portfolio_texte_tpm2a a {
	font-size: 14px;
	color:#99c016;
}

.portfolio_texte_tpm2a a:hover {
	color:#fff;
}

.portfolio_titre_tpm2a {
	position:absolute;
	width:240px;
	height:100px;
	left:50%;
	top:1990px;
	padding:0;
	margin-left:160px;
	font-family: 'Sansita One', cursive;
	font-size: 24px;
	color:#99c016;
	text-align:justify;
	z-index:1000;
}



.bt_precedent03{
	position:absolute;
	width:90px;
	height:32px;
	top:1890px;
	left:50%;
	margin-left:-390px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_precedent.png") no-repeat;
}

.precedent{ background-position: left top; }
.precedent:hover { background-position: left bottom; }



	
/*///////////////////////////////
		Footer
///////////////////////////////*/
#jump_footer{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:2350px;
}

#footer {
	background-color:#393939;
	background:url(images/fond_footer2.gif) repeat-y;
	position:absolute;
	width:100%;
	height:900px;
	bottom:0;
	padding:0;
	margin:0;
	border-top: dashed 2px #ffffff;
}

.contact_titre {
	background: url("images/contact_titre.png") no-repeat;
	position:absolute;
	width:198px;
	height:58px;
	left:50%;
	padding:0;
	margin:0 0 0 -380px;
	top:60px;
}

.footer_texte {
	position:absolute;
	width:2000px;
	height:20px;
	left:50%;
	margin-left:-1000px;
	top:530px;
	font-family:sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	line-height:10pt;
}

#footer_social {
	position:absolute;
	width:300px;
	height:200px;
	left:50%;
	top:150px;
	padding:0;
	margin-left:-380px;
}

.bt_facebook{
	position:absolute;
	width:50px;
	height:50px;
	top:15px;
	left:150px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_social_facebook.png") no-repeat;
}

.facebook{ background-position: left top; }
.facebook:hover { background-position: left bottom; }

.bt_twitter{
	position:absolute;
	width:50px;
	height:50px;
	top:15px;
	left:210px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_social_twitter.png") no-repeat;
}

.twitter{ background-position: left top; }
.twitter:hover { background-position: left bottom; }

.bt_google{
	position:absolute;
	width:50px;
	height:50px;
	top:15px;
	left:270px;
	padding:0;
	z-index:500;
	display: inline-block;
	background: url("images/bt_social_google.png") no-repeat;
}

.google{ background-position: left top; }
.google:hover { background-position: left bottom; }

.ecusson {
	position:absolute;
	width:180px;
	height:181px;
	left:50%;
	top:50px;
	padding:0;
}

.coordonnees {
	font-family:sans-serif;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	line-height:15pt;
}

#footer_image {
	background: url("images/footer_contact.png") no-repeat;
	position:absolute;
	width:327px;
	height:328px;
	left:50%;
	top:150px;
	padding:0;
	margin-left:70px;
}