/* CSS styles of openresources by Open Resources www.openresources.fr */

/*  ----------------------------------------------------------- */
/*  Balises generales */
/*  ----------------------------------------------------------- */

*{margin:0; padding:0; font-size:12px; color:#3e3e3e;}

body {text-align:center; margin:0; font-family:Arial, Helvetica, sans-serif; background:#3e3e3e;}
div#global {margin:0 auto; position:relative; text-align:left; width:1231px;}
div#global div#ombre {float:left; width:1231px; background:url('/images/bg-global.gif') repeat-y;}

br.cleaner {clear:both; height:0px; font-size:0px; border:none; margin:0; padding:0; background:transparent;}

img {border:0}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.orange {color:#f18b19;}
.rose {color:#b40547/*#e20050*/;}
.bleu {color:#2da0b1;}
.aubergine {color:#5f1548;}
.marron {color:#a43601;}

.taille20 {font-size:20px;}
.taille14 {font-size:14px;}

.separation_pointilles_blanc {float:left; height:1px;border-bottom:1px dotted #fff; width:100%;}

.floatl {float:left; margin-right:10px;}
.floatr {float:right; margin-left:10px;}


/*  ----------------------------------------------------------- */
/*  Content */
/*  ----------------------------------------------------------- */

	div#global div#content {float:left; width:1221px; min-height:831px; background:#fff url('/images/bg-content-02.gif') no-repeat top left; margin:0 5px;}
	div#global div#content.accueil {background:url('/images/bg-content-choco2012.jpg') no-repeat;}/* bg-content-hp.jpg */
	div#global div#content.contact {background:url('/images/bg-content-contact.jpg') left no-repeat;}
	

/*  ----------------------------------------------------------- */
/*  Header */
/*  ----------------------------------------------------------- */

	div#content div#header {float:left; width:526px;}
		div#header .logo {float:left; width:526px; margin-top:30px;}
		
		div#header div.fil_ariane {float:left; color:#717070; margin:30px 0 0 0; padding-bottom:36px; position:relative; z-index:5;}
			div.fil_ariane a {color:#717070; text-decoration:none; font-size:11px;}
			div.fil_ariane a.on {text-decoration:underline;}
			div.fil_ariane a:hover {text-decoration:underline;}
	
		div#content div#header.accueil {float:left;width:1191px;}
		div#header.accueil .titre_logo_home {background-repeat: no-repeat;direction: ltr;display: block;height: 0;overflow: hidden;text-align: left;text-indent: -999em;}
		div#header.accueil .logo_home {float:left; margin:20px 0 0 381px;}

/*  ----------------------------------------------------------- */
/*  Navigation principale */
/*  ----------------------------------------------------------- */

	div#content div#navigation_principale {float:right; width:30px; background:#df0000; position:absolute; right:5px; top:0;}
	
		div#navigation_principale ul.nav_1 {float:left; list-style-type:none; width:30px;}
			div#navigation_principale ul.nav_1 li {}
			div#navigation_principale ul.nav_1 li a.btn_nav1 {width:30px; height:119px; display:block;}
				a.btn_nav1.accueil {background:url('/images/bt-accueil.gif') -30px 0 no-repeat;}
					a.btn_nav1.accueil:hover,
					a.btn_nav1.accueil.on {background:url('/images/bt-accueil.gif') 0 0 no-repeat;}
				a.btn_nav1.sommaire {background:url('/images/bt-sommaire.gif') -30px 0 no-repeat;}
					a.btn_nav1.sommaire:hover,
					a.btn_nav1.sommaire.on {background:url('/images/bt-sommaire.gif') 0 0 no-repeat;}
				a.btn_nav1.agence {background:url('/images/bt-agence.gif') -30px 0 no-repeat;}
					a.btn_nav1.agence:hover,
					a.btn_nav1.agence.on {background:url('/images/bt-agence.gif') 0 0 no-repeat;}
				a.btn_nav1.prestations {background:url('/images/bt-prestations.gif') -30px 0 no-repeat;}
					a.btn_nav1.prestations:hover,
					a.btn_nav1.prestations.on {background:url('/images/bt-prestations.gif') 0 0 no-repeat;}
				a.btn_nav1.realisations {background:url('/images/bt-realisations.gif') -30px 0 no-repeat;}
					a.btn_nav1.realisations:hover,
					a.btn_nav1.realisations.on {background:url('/images/bt-realisations.gif') 0 0 no-repeat;}
				a.btn_nav1.actualites {background:url('/images/bt-actualites.gif') -30px 0 no-repeat;}
					a.btn_nav1.actualites:hover,
					a.btn_nav1.actualites.on {background:url('/images/bt-actualites.gif') 0 0 no-repeat;}
				a.btn_nav1.contact {background:url('/images/bt-contact.gif') -30px 0 no-repeat;}
					a.btn_nav1.contact:hover,
					a.btn_nav1.contact.on {background:url('/images/bt-contact.gif') 0 0 no-repeat;}
					
/*  ----------------------------------------------------------- */
/*  Accueil */
/*  ----------------------------------------------------------- */
	div#content .phrase_accroche_accueil {float:left; width:1191px; text-align:center; text-transform:uppercase; font-size:65px; color:#5f3200; font-weight:900; line-height:/*53*/45px; margin-top:19px; text-decoration:none;}
		.phrase_accroche_accueil .taille36 {font-size:36px; color:#5f3200;}
		.phrase_accroche_accueil .orange.taille46 {font-size:46px;}
		.phrase_accroche_accueil .orange.taille55 {font-size:55px;}
		.phrase_accroche_accueil .taille55 {font-size:55px; color:#5f3200; line-height:62px;}
		.phrase_accroche_accueil .taille65 {font-size:65px; color:#5f3200;}
		.phrase_accroche_accueil .orange {color:#F18B19;}
	
	.tit_bloc_accueil {float:left; text-transform:uppercase; font-size:20px; color:#5f3200;}
	.tit_bloc_accueil.taille14 {font-size:14px;}
	.tit_bloc_accueil.puce_clients {background:url('/images/bg-puce-clients-accueil.gif') no-repeat; padding-left:26px; margin-left:100px;}
			
	div#content	div.bloc_actualites_accueil {float:left; margin:130px 0 0 100px; !width:310px; height:231px;}
		div.bloc_actualites_accueil ul.liste_actu_accueil {float:left; list-style-type:none; margin:10px 0;}
		div.bloc_actualites_accueil ul.liste_actu_accueil li {border-top:1px dotted #3e3e3e; font-size:14px; color:#3e3e3e; font-weight:bold; padding:5px;}
			div.bloc_actualites_accueil ul.liste_actu_accueil li:first-child {border:none;}
		div.bloc_actualites_accueil ul.liste_actu_accueil li .lien_actu_accueil {color:#0c6a7d; font-size:14px; font-weight:normal;}
		
	div#content	div.bloc_projets_accueil {float:right; margin:130px 45px 0 0;}
	div#content	div.bloc_projets_accueil .align_projets {padding:0 0 10px 19px;}
		div.bloc_projets_accueil a.nav_projets_accueil {float:left; width:15px; height:29px; margin-top:70px;}
			div.bloc_projets_accueil a.nav_projets_accueil.prev {background:url('/images/btn-fleche-g-projets.gif') no-repeat; cursor:pointer;}
			div.bloc_projets_accueil a.nav_projets_accueil.next {background:url('/images/btn-fleche-d-projets.gif') no-repeat; cursor:pointer;}
		
	div#content	div.nos_references_accueil {float:left; width:1070px; margin:20px 0 5px 58px;}
		div.nos_references_accueil div.logos_clients_accueil {float:left; border-top:1px solid #f18b19; width:100%; margin:10px 0 0 0; padding-top:10px;}
			div.logos_clients_accueil a.nav_clients_accueil {float:left; width:8px; height:15px; margin-top:30px;}
			div.logos_clients_accueil a.nav_clients_accueil.prev {background:url('/images/btn-fleche-g-clients.gif') no-repeat; margin-left:72px; cursor:pointer;}
			div.logos_clients_accueil a.nav_clients_accueil.next {background:url('/images/btn-fleche-d-clients.gif') no-repeat; cursor:pointer;}
	
	div#content div.btn_generique_accueil {float:left; background:url('/images/bg-bt-generique-01.gif') repeat-x 0px 13px; width:100%; height:27px;}
		div.btn_generique_accueil a.btn_accueil {float:right; display:block; height:27px; margin-right:16px;}
			a.btn_accueil:hover,
			a.btn_accueil:hover .contenu_btn {text-decoration:none; color:#5f3200;}
			a.btn_accueil .coin_g_btn {float:right; background:url('/images/bg-coin-g-btn.gif') no-repeat; width:12px; height:27px;}
			a.btn_accueil .contenu_btn {float:right; background:#fff url('/images/bg-puce-lien.gif') 0 8px no-repeat; border-top:1px solid #f18b19; border-bottom:1px solid #f18b19; height:20px; padding:5px 0 0 12px; font-weight:bold;}
			a.btn_accueil .coin_d_btn {float:right; background:url('/images/bg-coin-d-btn.gif') no-repeat; width:12px; height:27px;}
			
	div#content div.twitter {position:absolute; left:10px; top:230px;}
	div#content a.bt_twitter_home {float:left; background:url('/images/bt-twitter.png') 0 -24px no-repeat; width:24px; height:24px; text-decoration:none;}
	div#content a.bt_twitter_home:hover {background-position:0 0;}
				
					
/*  ----------------------------------------------------------- */
/*  Page gauche */
/*  ----------------------------------------------------------- */
	
	div#content div#page_gauche {float:left; width:526px; margin-left:70px;}
	div#content div#page_gauche.page_realisations {width:1121px;}
	
		div#page_gauche .big_tit_gauche {float:left; text-transform:uppercase; color:#717070; font-size:50px; font-weight:bold; letter-spacing:-2px; position:relative;}
			.big_tit_gauche.space_edito {margin-bottom:50px;}
			.big_tit_gauche.acimg_agence {border-right:6px solid #f18b19; width:475px; height:134px; background:url('/images/bandeau-agence.png') right no-repeat; margin-bottom:50px;}
			.big_tit_gauche.acimg_prestations {border-right:6px solid #b40547; width:475px; height:134px; background:url('/images/bandeau-prestations.png') right no-repeat; margin-bottom:50px;}
			.big_tit_gauche.acimg_realisations {width:450px; height:/*134*/90px;}
			.big_tit_gauche.acimg_actualites {border-right:6px solid #601549; width:475px; height:134px; background:url('/images/bandeau-actualites.png') right no-repeat; margin-bottom:36px;}
			.big_tit_gauche.acimg_contact {border-right:6px solid #a43601; width:475px; height:134px; background:url('/images/bandeau-contact.png') right no-repeat; margin-bottom:36px;}
			
			.accroche_g {display:block;float:left;text-transform:none; font-size:22px; line-height:20px; letter-spacing:0;}
		
		div#page_gauche ul.nav_g {float:left; list-style-type:none;}
			ul.nav_g li {float:left; background:#ffffff url('/images/bg-nav-pageg.gif') top left repeat-x; min-height:76px; width:482px; margin-bottom:2px;}
			ul.nav_g li a {display:block;cursor:pointer;text-decoration:none;}
			ul.nav_g li .lien_navg {float:left; display:block; text-transform:uppercase; font-size:25px; font-weight:bold; padding:20px 0 0 4px;}
				ul.nav_g li .lien_navg.orange.picto {float:left; background:url('/images/picto-orange.png') 2px 25px no-repeat; width:24px; height:25px; padding-left:30px; padding-bottom:4px; width:439px;}
				ul.nav_g li .lien_navg.rose.picto {float:left; background:url('/images/picto-rose2.png') 2px 25px no-repeat; width:24px; height:25px; padding-left:30px; padding-bottom:4px; width:439px;}
				ul.nav_g li .lien_navg.bleu.picto {float:left; background:url('/images/picto-bleu.png') 2px 25px no-repeat; width:24px; height:25px; padding-left:30px; padding-bottom:4px; width:439px;}
				ul.nav_g li .lien_navg.aubergine.picto {float:left; background:url('/images/picto-aubergine.png') 2px 25px no-repeat; width:24px; height:25px; padding-left:30px; padding-bottom:4px; width:439px;}
				ul.nav_g li .lien_navg.marron.picto {float:left; background:url('/images/picto-marron.png') 2px 25px no-repeat; width:24px; height:25px; padding-left:30px; padding-bottom:4px; width:439px;}
					ul.nav_g li .lien_navg.picto_space {float:left; background:none; /*height:25px;*/ padding-left:30px; padding-bottom:4px; width:452px;}
				ul.nav_g li .lien_navg span.txt_navg {float:left; color:#717070; font-size:14px; font-weight:bold; text-transform:none; width:454px;}
				ul.nav_g li:hover .lien_navg span.txt_navg,
				ul.nav_g li.on .lien_navg span.txt_navg {color:#fff;}
			
			ul.nav_g li.orange:hover, ul.nav_g li.orange.on {background:#f18b19;}				 
			ul.nav_g li.rose:hover, ul.nav_g li.rose.on {background:#b40547/*#e20050*/;}				
			ul.nav_g li.bleu:hover, ul.nav_g li.bleu.on {background:#2da0b1;}				
			ul.nav_g li.aubergine:hover, ul.nav_g li.aubergine.on {background:#5f1548;}				
			ul.nav_g li.marron:hover, ul.nav_g li.marron.on {background:#a43601;}
				ul.nav_g li.orange:hover .lien_navg.orange.picto,
				ul.nav_g li.rose:hover .lien_navg.rose.picto,
				ul.nav_g li.bleu:hover .lien_navg.bleu.picto,
				ul.nav_g li.aubergine:hover .lien_navg.aubergine.picto,
				ul.nav_g li.marron:hover .lien_navg.marron.picto,
				ul.nav_g li:hover .lien_navg.picto_space,
				ul.nav_g li.on .lien_navg.picto_space {background:url('/images/picto-blanc.png') 2px 25px no-repeat; color:#fff; text-decoration:none;}
				
		div#page_gauche ul.nav_g2 {float:left; list-style-type:none; margin:6px 0 0 38px; width:445px; padding-bottom:10px;}
			ul.nav_g2 li {float:left; background:none; min-height:inherit; !min-height:0px; height:20px; width:444px;}
			ul.nav_g2 li .lien_navg2 {float:left; color:#fff; font-size:15px; font-weight:bold; background:url('/images/bg-navg2-off.png') no-repeat; padding:1px 0 0 30px;}
			ul.nav_g2 li .lien_navg2:hover,
			ul.nav_g2 li .lien_navg2.on {background:url('/images/bg-navg2-on.png') no-repeat; width:414px; height:19px; color:#f18b19; text-decoration:none;}
			
		div#page_gauche div.bloc_zoomsur {float:left; width:474px;}
			div.bloc_zoomsur span.tit_zoomsur {float:left; background:url('/images/bg-tit-zoomsur.gif') no-repeat; width:474px; height:75px; margin-bottom:20px;}
			div.bloc_zoomsur img {float:left;}
			div.bloc_zoomsur p.txt_zoomsur {float:left; margin-left:16px; text-align:justify; width:244px;}
				.bloc_zoomsur .tit_ss_zoom {float:left; width:244px; text-transform:uppercase; color:#4a96d3; font-weight:bold; font-size:12px; margin-bottom:10px; margin-left:16px;}
				
		div#page_gauche div.infos_contact {float:right; width:280px; height:326px; margin-top:25px; }
			div.infos_contact ul.ul_contact {float:left; list-style-type:none; width:280px;}
			div.infos_contact ul.ul_contact li {background:url('/images/bg-fleche-contact.png') 0 4px no-repeat; padding-left:20px; font-size:15px; font-weight:bold; margin-bottom:16px;}
			div.infos_contact ul.ul_contact li .tit_contact {float:left; font-size:18px; font-weight:bold; padding-bottom:4px;}
			div.infos_contact ul.ul_contact li .txt_bleu {color:#7ca0b2; font-size:15px;}
				
		div.phrase_accroche {float:right; margin:40px 46px 0 0;}
			div.phrase_accroche .guillemet_gauche {background:url('/images/guillemet-gauche.png') top no-repeat; width:28px; height:22px;}
			div.phrase_accroche .guillemet_droit {background:url('/images/guillemet-droit.png') bottom no-repeat; width:28px; height:22px;}
			div.phrase_accroche .phrase_guillemet {padding:0 10px; text-transform:uppercase; font-size:15px; font-weight:bold;}
			
				
	
/*  ----------------------------------------------------------- */
/*  Page droite */
/*  ----------------------------------------------------------- */

	div#content div.page_droite {float:left; width:543px; background:#eee url('/images/bg-fleche-paged.png') top right no-repeat; min-height:811px; padding:0 26px 20px 26px;}
		div#content div.page_droite.orange {background-color:#f18b19;}
		div#content div.page_droite.marron {background-color:#b95101;}
		div#content div.page_droite.rose {background-color:#b40547;}
		div#content div.page_droite.bleu {background-color:#2da0b1;}
		div#content div.page_droite.vermillon {background-color:#a43601;}
		div#content div.page_droite.aubergine {background:#601549 url('/images/bg-actu.png') 0 300px no-repeat;}
		div#content div.page_droite.page_realisations {width:1191px;padding:0;background:none;min-height:400px;}
	
		div.page_droite .big_tit_droite {float:left; text-transform:uppercase; color:#fff; font-size:30px; font-weight:bold; /*margin-top:90px;*/ width:490px;}
			.big_tit_droite.edito {background:url('/images/bg-picto-edito.png') no-repeat; padding:26px 0 0 56px;}
			.big_tit_droite.edito.taille50 {font-size:50px;}
			.big_tit_droite.identite {background:url('/images/bg-picto-identite.png') no-repeat; padding:26px 0 25px 58px;}
			.big_tit_droite.actu {background:url('/images/bg-picto-actu.png') no-repeat; padding:10px 0 25px 48px;}
			.big_tit_droite.actu.taille23 {font-size:23px;}
			.big_tit_droite.actu.marge {margin-top:10px;}
			.big_tit_droite .taille30 {font-size:30px; color:#fff;}
			.big_tit_droite .taille22 {font-size:22px; color:#fff; padding-left:46px;}
			.big_tit_droite .taille18 {font-size:18px; color:#fff; padding-left:26px;}
			.big_tit_droite .taille15 {font-size:15px; color:#fff; padding-left:6px;}
			
			
		div.page_droite div.bandeau {float:left; width:292px; height:70px; margin:20px 0 40px 0; color:#fff; font-size:13px; font-weight:bold;}
			div.page_droite .puce_fleche_orange {float:left; background:url('/images/puce-fleche-orange.png') 0 4px no-repeat; width:6px; height:13px; padding-left:4px;}			
		
		/* Sommaire */
			div.page_droite div.bandeau.edito {background:url('/images/bg-bandeau-edito.jpg') no-repeat; padding:47px 0 0 240px;}
			
		div.page_droite .tit_paragraphe {float:left; color:#fff; font-size:15px; font-weight:bold;}
		div.page_droite ul.edito_123 {float:left; list-style-type:none; margin-top:30px;}
			ul.edito_123 li {color:#fff; font-size:12px; font-weight:bold; text-align:justify; padding:0 28px; margin-bottom:20px;}
			ul.edito_123 li.un {background:url('/images/bg-puce-1.png') no-repeat;}
			ul.edito_123 li.deux {background:url('/images/bg-puce-2.png') no-repeat;}
			ul.edito_123 li.trois {background:url('/images/bg-puce-3.png') no-repeat;}
			
		/* Agence */
			div.page_droite div.col_g {float:left; width:319px;}
			
			div.col_g div.bloc_quelques_chiffres {float:left; margin:20px 0; width:306px;}
				div.bloc_quelques_chiffres span.tit_quelqueschiffres {float:left; background:url('/images/tit-quelqueschiffres.png') no-repeat; width:239px; height:42px; margin-bottom:5px;}
				div.bloc_quelques_chiffres span.visu_quelqueschiffres {float:left; background:url('/images/bloc-quelqueschiffres.png') no-repeat; width:306px; height:186px;}
			
			div.col_g div.bloc_competences {float:left; width:309px; border-bottom:1px dotted #fff; padding-bottom:10px; margin-bottom:20px;}
				div.bloc_competences span.tit_competences {float:left; background:url('/images/tit-competences.png') no-repeat; width:195px; height:37px;}
				div.bloc_competences ul.competences {float:left; list-style-type:none;}
				div.bloc_competences ul.competences li {margin:5px 0; background:url('/images/picto-fleche-compet.png') 0 5px no-repeat; font-size:15px; font-weight:bold; color:#fff; padding-left:15px;}
				div.bloc_competences ul.competences li a {font-size:15px; font-weight:bold; color:#fff;}
			
			div.page_droite div.col_g .bloc_infos {float:left; background:url('/images/bg-bloc-pdf.png') no-repeat; width:279px; height:92px; font-weight:bold; padding:19px 10px 10px 30px;}
				div.bloc_infos .tit_infos {float:left; font-size:18px; text-transform:uppercase; margin-bottom:6px; color:#555555;}
				div.bloc_infos a.lien_pdf_ident {float:left; font-size:14px; color:#555555; background:url('/images/bg-picto-pdf.gif') 206px 0 no-repeat; padding:16px 0; width:279px;}
					div.bloc_infos a.lien_pdf_ident:hover {text-decoration:none;}
			
			div.page_droite div.col_d {float:right; width:211px;}
			
			div.col_d div.bloc_localisation {float:right; width:211px; margin:20px 0;}
				div.bloc_localisation span.tit_localisation {float:left; background:url('/images/tit-localisation.png') no-repeat; width:137px; height:31px; margin:0 0 15px 10px;}
				div.bloc_localisation div.localisation {float:left; background:url('/images/bg-localisation.png') 12px 0 no-repeat; width:195px; height:104px; color:#fff; font-size:12px; padding:245px 0 0 25px;}
					div.localisation ul.implantation {float:left; list-style-type:none; margin-top:10px;}
					div.localisation ul.implantation li {background:url('/images/puce-fleche-orange.png') 0 3px no-repeat; color:#fff; font-size:12px; padding-left:10px;}
			
			div.page_droite div.bloc_contact {float:right; width:173px; height:187px; background:url('/images/bg-bloc-contact-ident.png') no-repeat; font-size:12px; font-weight:bold; padding:15px 10px 10px 28px; margin-top:5px;}
				div.bloc_contact .tit_contact {float:left; font-size:18px; text-transform:uppercase; margin-bottom:10px; color:#555555;}
				
			div.page_droite div.bloc_intro_philosophie {float:left; margin:20px 0;}
				div.bloc_intro_philosophie span.tit_audace {float:left; background:url('/images/tit-audace.png') no-repeat; width:375px; height:36px; margin-bottom:5px;}
				div.bloc_intro_philosophie div.bloc_audace {float:left; background:url('/images/bg-audace.png') no-repeat; width:260px; height:179px; color:#fff; font-weight:bold; font-size:12px; text-align:justify; padding:38px 240px 0 43px;}
				
			div.page_droite div.bloc_bonnesraisons {float:left; width:309px; margin-right:60px;}
				div.bloc_bonnesraisons span.tit_bonnesraisons {float:left; background:url('/images/tit-bonnesraisons.png') no-repeat; width:314px; height:117px;}
			div.page_droite ul.ul_sixbonnesraisons {float:left; list-style-type:none; margin:16px 0 0 44px;}
				ul.ul_sixbonnesraisons li {color:#fff; font-size:11px; padding:4px 0 0 28px; margin:5px 0; min-height:23px; border-top:1px dotted #f18b19;}
				ul.ul_sixbonnesraisons li:first-child {border:none;}
				ul.ul_sixbonnesraisons li.un {background:url('/images/bg-puce-raisons-1.png') 0 2px no-repeat;}
				ul.ul_sixbonnesraisons li.deux {background:url('/images/bg-puce-raisons-2.png') 0 2px no-repeat;}
				ul.ul_sixbonnesraisons li.trois {background:url('/images/bg-puce-raisons-3.png') 0 2px no-repeat;}
				ul.ul_sixbonnesraisons li.quatre {background:url('/images/bg-puce-raisons-4.png') 0 2px no-repeat;}
				ul.ul_sixbonnesraisons li.cinq {background:url('/images/bg-puce-raisons-5.png') 0 2px no-repeat;}
				ul.ul_sixbonnesraisons li.six {background:url('/images/bg-puce-raisons-6.png') 0 2px no-repeat;}
			
			div.page_droite div.bloc_nousrejoindre_vert {float:left; background:url('/images/bg-bloc-rejoindre-vert.png') no-repeat; width:160px; height:266px; padding:7px; margin-top:40px;}
				div.bloc_nousrejoindre_vert .tit_rejoindre {float:left; text-transform:uppercase; font-size:25px; font-weight:bold; line-height:30px; margin-bottom:5px;}
					.tit_rejoindre .big {font-size:42px;}
				div.bloc_nousrejoindre_vert p.txt_rejoindre {float:left; padding:6px; color:#717070; font-size:12px;}
					p.txt_rejoindre .bold {color:#717070; font-size:12px; font-weight:bold;}
				div.bloc_nousrejoindre_vert a.lien_postulez {float:left; color:#000; font-weight:bold; font-size:12px; background:url('/images/picto-marron-mini.png') no-repeat; padding-left:20px; margin:10px 0 0 36px;}
				
			div.page_droite a.nav_equipe {float:left; width:18px; height:18px; margin-top:16px;}
			div.page_droite a.nav_equipe.prev {background:url('/images/fleche-prev.png') no-repeat; cursor:pointer;}
			div.page_droite a.nav_equipe.next {background:url('/images/fleche-next.png') no-repeat; cursor:pointer;}
			
			div.page_droite div.bloc_portrait {float:left; margin:20px 0 10px 18px;}
				div.bloc_portrait div.bloc_texte_portrait {float:left; background:url('/images/equipe/bloc-poste.png') no-repeat; width:225px; height:231px; margin-top:3px; padding:10px 15px 0 12px; font-size:11px;}
					div.bloc_texte_portrait span.tit_personne {float:left; text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold; background:url('/images/equipe/tit-personne.png') 0 2px no-repeat; padding:0 0 10px 14px; width:185px;}
					div.bloc_texte_portrait span.tit_poste {float:left; text-transform:uppercase; font-size:13px; font-weight:bold;}
					div.bloc_texte_portrait p {float:left; color:#fff; margin-top:8px; text-align:justify;font-size:11px;}
					div.bloc_texte_portrait p strong {color:#fff;}
					
			div.page_droite div.bloc_aime {float:left; width:231px; margin:10px 0 0 32px;}
				div.bloc_aime span.tit_aime {float:left; width:181px; height:27px; color:#fff; text-transform:uppercase; font-size:15px; font-weight:bold; padding:13px 0 0 50px;}
				span.tit_aime.aime {background:url('/images/equipe/bg-aime.png') no-repeat;}
				span.tit_aime.aimepas {background:url('/images/equipe/bg-aimepas.png') no-repeat;}
				div.bloc_cartouche_aime {float:left; background:url('/images/equipe/bg-cartouche-aime.png') left bottom no-repeat; width:191px; padding:10px 20px; min-height:170px;}
					div.bloc_cartouche_aime ul.ul_tiret {float:left; list-style-type:none;}
					div.bloc_cartouche_aime ul.ul_tiret li {background:url('/images/equipe/ul-tiret.png') 0 7px no-repeat; padding:0 0 5px 10px;}
					
			div.page_droite div.bloc_contact_equipe {float:left; border:2px solid #fff; background:url('/images/equipe/bg-tel.png') top right no-repeat; height:34px; width:480px; font-weight:bold; color:#fff; margin:20px 0 0 32px; padding:7px 0 0 10px;}
				div.bloc_contact_equipe a.lien_contact_equipe {float:left; text-transform:uppercase; font-weight:bold; color:#f0de19;}
				
			div.page_droite .logo_client {float:left; margin:10px 10px 0 0;}
			
			div.page_droite div.pagination_clients {float:left; margin-top:10px;}
				div.pagination_clients a.num {float:left; border:1px solid #fff; color:#fff; text-align:center; width:17px; height:15px; margin-left:5px; padding-top:2px;}
				div.pagination_clients a.num.on {background:#fff; color:#b95101;}
				div.pagination_clients span.trait_pagination {float:left; border-bottom:1px solid #f18b19; width:477px; height:18px; color:#fff;}
					div.pagination_clients span.trait_pagination.actu {width:447px;}
					span.trait_pagination a {color:#fff;}			
					
			div.page_droite div.txt_approche {float:left; width:542px; color:#fff; font-weight:bold; font-size:13px; text-align:center; margin:10px 0;}
			
			div.page_droite div.fleur_approche {float:left; width:570px; background:url('/images/bg-approche.png') 0 30px no-repeat;}
				div.fleur_approche div.cube {float:left; width:190px; height:190px; display:block; cursor:pointer; text-align:left;}
					div.cube a.lien_cube {float:left; width:123px; height:120px;}
					div.cube a.lien_cube.analyse {background:url('/images/bt-analyse.png') 0 0 no-repeat; margin:30px 0 0 28px;}
					div.cube a.lien_cube.ergonomie {background:url('/images/bt-ergonomie.png') 0 0 no-repeat; margin:0 0 10px 10px;}
					div.cube a.lien_cube.webdesign {background:url('/images/bt-webdesign.png') 0 0 no-repeat; margin:30px 36px 0 0;}
					div.cube a.lien_cube.html {background:url('/images/bt-html.png') 0 0 no-repeat; margin:10px 0 0 65px;}
					div.cube a.lien_cube.developpement {background:url('/images/bt-dev.png') 0 0 no-repeat; margin:30px 0 0 10px;}
					div.cube a.lien_cube.smiley {background:url('/images/bt-smiley.png') 0 0 no-repeat; margin:10px 60px 0 0;}
					div.cube a.lien_cube.spec {background:url('/images/bt-spec.png') 0 0 no-repeat;}
					div.cube a.lien_cube.recette {background:url('/images/bt-recette.png') 0 0 no-repeat; margin:0 0 10px 20px;}
						div.cube a.lien_cube:hover,
						div.cube a.lien_cube.on {background-position:0 -122px;}
						
			div.page_droite div.content_approche {float:left; display:none;}
				div.page_droite div.content_approche.on {display:block;font-size:10px}
			
		
		/* Prestations */
			div.page_droite div.nav_conseil {float:left;}
			div.page_droite div.nav_conseil a.bt_conseil {float:left; width:100px; height:98px;}
				div.page_droite div.nav_conseil a.audit.bt_conseil {background:url('/images/bt-audit.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.benchmark.bt_conseil {background:url('/images/bt-benchmark.gif') 0 -98px no-repeat; margin-right:11px;}
				div.page_droite div.nav_conseil a.etudesmarche.bt_conseil {background:url('/images/bt-etudesmarche.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.cahierdescharges.bt_conseil {background:url('/images/bt-cahierdescharges.gif') 0 -98px no-repeat; margin-right:11px;}
				div.page_droite div.nav_conseil a.specificites.bt_conseil {background:url('/images/bt-specificites.gif') 0 -98px no-repeat;}
				
				div.page_droite div.nav_conseil a.web.bt_conseil {background:url('/images/bt-web.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.ergonomie.bt_conseil {background:url('/images/bt-ergonomie.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.print.bt_conseil {background:url('/images/bt-print.gif') 0 -98px no-repeat;}
				
				div.page_droite div.nav_conseil a.developpement.bt_conseil {background:url('/images/bt-developpement.gif') 0 -98px no-repeat;}
				div.page_droite div.nav_conseil a.technologies.bt_conseil {background:url('/images/bt-technologies.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.cms.bt_conseil {background:url('/images/bt-cms.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.ecommerce.bt_conseil {background:url('/images/bt-ecommerce.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.intranet.bt_conseil {background:url('/images/bt-intranet.gif') 0 -98px no-repeat;}
				
				div.page_droite div.nav_conseil a.referencement.bt_conseil {background:url('/images/bt-referencement.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.emailing.bt_conseil {background:url('/images/bt-emailing.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.bannieres.bt_conseil {background:url('/images/bt-bannieres.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.sms.bt_conseil {background:url('/images/bt-sms.gif') 0 -98px no-repeat;margin-right:10px;}
				
				div.page_droite div.nav_conseil a.webmarketing.bt_conseil {background:url('/images/bt-webmarketing.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.animation.bt_conseil {background:url('/images/bt-animationc.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.formation.bt_conseil {background:url('/images/bt-formation.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.accompagnement.bt_conseil {background:url('/images/bt-accompagnement.gif') 0 -98px no-repeat;}
				
				div.page_droite div.nav_conseil a.plateforme.bt_conseil {background:url('/images/bt-plateforme.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.hebergement.bt_conseil {background:url('/images/bt-hebergement.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.maintenance.bt_conseil {background:url('/images/bt-maintenance.gif') 0 -98px no-repeat;}

				div.page_droite div.nav_conseil a.seo.bt_conseil {background:url('/images/bt-seo.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.sem.bt_conseil {background:url('/images/bt-sem.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.socialmarketing.bt_conseil {background:url('/images/bt-social-marketing.gif') 0 -98px no-repeat;margin-right:10px;}
				div.page_droite div.nav_conseil a.netlinking.bt_conseil {background:url('/images/bt-netlinking.gif') 0 -98px no-repeat; margin-right:10px;}
				div.page_droite div.nav_conseil a.webanalytics.bt_conseil {background:url('/images/bt-web-analytics.gif') 0 -98px no-repeat;}
				
					div.page_droite div.nav_conseil a.bt_conseil:hover,
					div.page_droite div.nav_conseil a.bt_conseil.on {background-position:0 0;}			
			
			div.page_droite div.content_conseil {float:left;}
			
			div.page_droite div.bloc_content_etude {float:left; background:#fff; padding:10px; width:522px;}
				div.bloc_content_etude p.txt_content {float:left; width:207px; height:349px; text-align:left; font-size:12px; font-weight:bold; color:#717070; margin:20px 20px 0 0;}
					div.bloc_content_etude p.txt_content b {font-size:14px;}
				div.bloc_content_etude p.txt_content.audit {background:url('/images/tit-references-audit.gif') bottom no-repeat; min-height:282px;}
				div.bloc_content_etude p.txt_content .txt_noir {color:#000; font-size:14px;}
				div.bloc_content_etude p.txt_content.large {width:515px;}
			div.page_droite div.bloc_content_etude.references,
				div.bloc_content_etude p.txt_content.large.references {background:#fff url('/images/tit-references-audit.gif') bottom no-repeat;}
			
			div.page_droite div.bloc_references {float:left; background:#fff; padding:5px; margin:5px 0 15px 0; width:532px;}
				div.page_droite div.bloc_references img {float:left;margin-right:20px;}
			
			div.page_droite div.bloc_nousrejoindre {float:right; background:url('/images/bg-bloc-rejoindre.png') no-repeat; width:229px; height:116px; margin-top:16px; padding:10px;}
				div.bloc_nousrejoindre .tit_rejoindre {float:left; text-align:center; font-size:24px; text-transform:uppercase; font-weight:bold; width:229px;}
				div.bloc_nousrejoindre p.txt_rejoindre {float:left; width:130px; margin-top:4px;}
				div.bloc_nousrejoindre a.lien_postulez {float:right; color:#fff; font-weight:bold; font-size:12px; background:url('/images/picto-blanc-mini.png') no-repeat; padding-left:20px; margin-top:30px;}
				
		
		/* Realisations */
			div.page_droite div.visualisation_realisations {float:left; background:url('/images/bg-realisations.png') no-repeat; width:534px; height:533px;}
				div.page_droite div.visualisation_realisations div.bloc_texte {float:left; margin:20px 32px; width:470px;}
					div.bloc_texte .tit_realisation {float:left; margin-bottom:8px; color:#fff; font-weight:bold; font-size:20px; text-transform:uppercase; background:url('/images/bg-fleche-realisations.png') 0 4px no-repeat; padding-left:20px;}
					div.bloc_texte div.info_sup {float:right; color:#fff; border:1px solid #fff; text-transform:uppercase; padding:5px; display:none;}
					div.bloc_texte p.txt_realisations {float:left; font-weight:bold; font-size:12px; color:#fff; margin-top:10px; max-height:134px;}
					
				div.page_droite div.big_visu_realisation {float:left; margin-left:32px; position:relative; width:502px;}
				
				div.page_droite div.big_visu_realisation div.vignettes_realisation {float:right; position:absolute; width:120px; top:25px; right:0;}
					div.vignettes_realisation a.vignette {float:left; background:url('/images/realisations/bg-vign2.png') no-repeat; width:112px; height:79px; padding:3px 0 0 3px;}
			
			div.page_droite div.scroll_realisations {float:left; width:1065px; height:441px; margin:49px 0 0 70px; padding:0; position:relative; }
				div.page_droite div.scroll_realisations a.nav_realisations {float:left; width:22px; height:44px; top:93px; position:absolute;}
				div.page_droite div.scroll_realisations a.nav_realisations.precedent {left:0;background:url('/images/fleche-prev-02.png') no-repeat; cursor:pointer;}
				div.page_droite div.scroll_realisations a.nav_realisations.suivant {right:0;background:url('/images/fleche-next-02.png') no-repeat; cursor:pointer;}
				div.page_droite div.scroll_realisations a.nav_realisations.disabled {visibility:hidden;}
				div.page_droite div.scroll_realisations div.items div.active {border:2px solid #f08918;}

			div.page_droite div.scroll_realisations .details_projets_rea {display:none;position:absolute;left:0;top:305px;float:left;width:990px;border:3px solid #f18b19;}
			div.page_droite div.scroll_realisations .details_projets_rea.on {display:block;}
				div.page_droite div.scroll_realisations .details_projets_rea .partie_logo {width:206px;text-align:center;}
				div.page_droite div.scroll_realisations .details_projets_rea .description_taches {width:531px;border-right:2px solid #2da0b1;}
					div.page_droite div.scroll_realisations .details_projets_rea .description_taches p {width:510px;font-size:13px;color:#717070;font-family:arial;line-height:15px;}
				div.page_droite div.scroll_realisations .details_projets_rea .taches_realisees {padding-left:32px;text-transform:uppercase;color:#717070;font-size:14px;font-weight:bold;line-height:15px;}
		
		div.page_droite div.bloc_paragraphe {float:left; width:475px; padding:10px 20px; margin-top:40px;}
			div.page_droite div.bloc_paragraphe.edito {border-left:7px solid #b95101; background:#d97606;}
			div.page_droite div.bloc_paragraphe.prestations {width:231px; border-left:7px solid #f18b19; background:#c74677; margin-top:16px; height:116px;}
		div.page_droite div.bloc_paragraphe p.txt_paragraphe {float:left; color:#fff; font-size:12px; font-weight:bold; text-align:justify;}
			div.page_droite div.bloc_paragraphe p.txt_paragraphe.taille14 {font-size:14px;}
			
		/* Actualites */
			div.page_droite div.bloc_actu_droite {float:left; width:523px; margin-bottom:20px;}
				div.bloc_actu_droite .tit_actu {float:left; color:#fff; font-size:15px; font-weight:bold; background:url('/images/bg-tit-actu.png') no-repeat; width:483px; height:23px; padding:5px 0 0 40px;}
				div.bloc_actu_droite div.bloc_contenu_actu {float:left; background:url('/images/bg-actu2.png') left bottom no-repeat; width:503px; min-height:79px; padding:10px;}
					div.bloc_contenu_actu div.visu_actu {float:left; width:183px; text-align:left;}
					div.bloc_contenu_actu div.bloc_texte_actu {float:left;}
						div.bloc_texte_actu span.tit_present_actu {float:left; background:url('/images/bg-puce-actu.png') no-repeat; color:#5f1548; padding:0 0 10px 20px; font-size:12px; font-weight:bold; width:274px;}
						div.bloc_texte_actu p.txt_actu {font-size:11px; color:#3e3e3e; padding:0 0 0 22px; width:292px; text-align:justify;}
						p.txt_actu a {color:#7da0b2;}
						
			
		/* Contact */
		div.page_droite div.bandeau.contact {background:url('/images/bg-bandeau-contact.jpg') no-repeat; width:272px; height:105px; padding:12px 20px 0 240px; font-size:12px; margin:10px 0 10px 0;}
			
		div.page_droite div.bloc_contact_2 {float:left; background:url('/images/bg-contact.png') no-repeat; width:496px; height:455px; padding:15px 10px 10px 28px;}
			div.bloc_contact_2 div.lign_form_contact {float:left; margin-bottom:17px;}
				div.lign_form_contact label.label_txt {float:left; color:#fff; font-size:13px; font-weight:bold; width:100px;}
				div.lign_form_contact input.input_txt {float:left; background:#fff; border:0; width:180px; height:15px; padding:1px 5px; font-size:12px; color:#a43601;}
				div.lign_form_contact input.input_txt2 {float:left; background:#fff; border:0; width:260px; height:15px; padding:1px 5px; font-size:12px; color:#a43601;}
				div.lign_form_contact input.input_txtarea {float:left; background:#fff; border:0; width:370px; height:80px; padding:1px 5px; font-size:12px; color:#a43601;}
				div.lign_form_contact label.label_txt_radio {color:#fff; font-size:13px; font-weight:bold; width:50px; margin:0 10px;}
				div.lign_form_contact .file {float:left; background:#fff; border:0; width:180px; height:15px; padding:1px 5px; font-size:12px; color:#a43601;}
		
		div.page_droite a.bt_envoyer_contact {float:left; background:url('/images/btn-envoyer-contact.png') 0 0 no-repeat; width:110px; height:37px; margin:5px 0 0 220px;}
			div.page_droite a:hover.bt_envoyer_contact {background-position:0 -37px;}

	
		/*  include contact */
		/*  ----------------------------------------------------------- */
		div.page_droite div#contact,
		div#contact {float:right; width:150px; margin-top:10px;}
			div#contact a.picto_tel {float:left; background:url('/images/bg-picto-tel.png') no-repeat; width:50px; height:50px;}
			div#contact a.picto_mail {float:left; background:url('/images/bg-picto-mail.png') no-repeat; width:50px; height:50px;}
			div#contact a.picto_twitter.accueil {position:absolute; right:61px; top:10px;background:url('/images/bg-picto-twitter.png') no-repeat; width:50px; height:50px;}
			div#contact a.picto_twitter {float:right; background:url('/images/bg-picto-twitter.png') no-repeat; width:50px; height:50px;}

/*  ----------------------------------------------------------- */
/*  Page plan du site */
/*  ----------------------------------------------------------- */

	div.page_plansite {float:left; width:1122px; margin-left:68px; background:url('/images/bg-plandusite.png') 0 64px no-repeat; min-height:200px;}
		div.page_plansite .big_tit_plan {float:left; text-transform:uppercase; color:#717070; font-size:50px; font-weight:bold; letter-spacing:-2px; background:url('/images/bg-separation-plansite.gif') bottom left no-repeat; width:1047px;}
		
		div.page_plansite .btn_accueil {float:left; margin:11px 0 0 514px; text-align:center; font-size:14px; font-weight:bold; color:#ffffff; text-transform:uppercase;}
		div.page_plansite .global_plansite {float:left; margin-top:50px;}
			.global_plansite .bloc_plansite {float:left; width:190px;}
				.bloc_plansite .tit_bloc {float:left; color:#ffffff; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; width:129px; text-decoration:none;}
				.bloc_plansite .ul_plansite {float:left; list-style-type:none; margin-top:16px;}
					.ul_plansite li {background:url('/images/bg-fleche-plansite.png') 0 4px no-repeat; padding-left:12px; font-size:13px; font-weight:bold; margin-bottom:10px;}
					.ul_plansite li a {font-size:13px;}
					
					.ss_ul_plansite {float:left; list-style-type:none; margin:4px 0 4px 0; width:180px;}
						.ss_ul_plansite li {color:#7ca0b2; background:url('/images/bg-tiret.png') 0 5px no-repeat; margin-bottom:0; font-size:11px;}
						.ss_ul_plansite li a {color:#7ca0b2; font-size:11px;}
						
						
/*  ----------------------------------------------------------- */
/*  Page mentions legales */
/*  ----------------------------------------------------------- */

	div.page_ml {float:left; width:1122px; margin-left:68px;}
		div.page_ml .big_tit_ml {float:left; text-transform:uppercase; color:#717070; font-size:50px; font-weight:bold; letter-spacing:-2px; background:url('/images/bg-separation-plansite.gif') bottom left no-repeat; width:1047px;}
		div.page_ml .colonne {float:left; width:506px; margin-top:10px;}
			.colonne .titre_ml {float:left; width:506px; background:#F18B19; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:5px;}
			
		#overflow {float:left; width:1090px; height:586px; overflow:auto; scrollbar-face-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#F18B19; scrollbar-shadow-color:#F18B19; scrollbar-highlight-color:#F18B19; scrollbar-darkshadow-color:#fff;}
		
			/* CSS POUR SCROLLER PERSONNALISE */
			.jspContainer {overflow:hidden; position:relative;}
			.jspPane{position:absolute;}
			.jspVerticalBar{position:absolute; top:0; right:0; width:17px; height:100%; background:#fff;}
			.jspHorizontalBar {position:absolute; bottom:0; left:0; width:100%; height:15px; background:red;}
			.jspVerticalBar *,
			.jspHorizontalBar *{margin:0; padding:0;}
			.jspCap {display:none;}
			.jspHorizontalBar .jspCap {float:left;}
			.jspTrack {background:#ffffff; position:relative; width:17px;}
			.jspArrowUp {background:url('/images/fleche-overflow-h.png') no-repeat;}
			.jspArrowDown {background:url('/images/fleche-overflow-b.png') no-repeat;}
			.jspDrag{background:#fff; border:1px solid #F18B19; position:relative; top:0; left:0; cursor:pointer; width:14px;}
			.jspHorizontalBar .jspTrack,
			.jspHorizontalBar .jspDrag{float:left; height:100%;}
			.jspArrow{text-indent:-20000px; display:block; cursor:pointer;}
			.jspArrow.jspDisabled{cursor:default;}
			.jspVerticalBar .jspArrow{height:20px; margin-top:5px;}
			.jspHorizontalBar .jspArrow{width:17px; float:left; height:100%;}
			.jspVerticalBar .jspArrow:focus{outline:none;}
			.jspCorner{background:#eeeef4; float:left; height:100%;}
			/* Yuk! CSS Hack for IE6 3 pixel bug :( */
			* html .jspCorner{margin: 0 -3px 0 0;}
			.hors_zone {left:-10000px; position:absolute;}
	

/*  ----------------------------------------------------------- */
/*  Footer */
/*  ----------------------------------------------------------- */

	div#footer {float:left; background:url('/images/bg-footer.gif') top no-repeat; width:1231px; text-align:center;}
	
		div#footer ul.liens_footer_1 {float:left; list-style-type:none; width:1231px;}
			ul.liens_footer_1 li {color:#f18b19; display:inline;}
			ul.liens_footer_1 li a {color:#f18b19; text-transform:uppercase; font-size:11px; letter-spacing:1px;}
				ul.liens_footer_1 li a:hover,
				ul.liens_footer_1 li a.on {color:#fff;}
			
		div#footer ul.liens_footer_2 {float:left; list-style-type:none; width:1231px; margin-top:14px;}
			ul.liens_footer_2 li {color:#9b9b9b; display:inline;}
			ul.liens_footer_2 li a {color:#9b9b9b; font-size:10px; letter-spacing:1px;}
			ul.liens_footer_2 li a.bt_twitter {background:url('/images/bt-twitter-footer.png') 0 -12px no-repeat; width:12px; height:12px; text-decoration:none;}
				ul.liens_footer_2 li a.bt_twitter:hover {background-position:0 0;}
			
		div#footer p.coordonnees_footer {float:left; color:#9b9b9b; width:1231px; margin:14px 0; font-size:10px;}
		div#footer p.coordonnees_footer a{color:#F18B19; font-size:10px;}

/*  ----------------------------------------------------------- */
/*  JS */
/*  ----------------------------------------------------------- */		
		
/* scrollable */
.scrollable {position:relative; overflow:hidden; width: 660px; height:90px;}
.scrollable .items {width:20000em; position:absolute;}
.items div {float:left;}

	/* scrollable HP projets */
	.scrollable.autorunhp {float:left; width:296px; height:183px; background:url('/images/bg-projets-accueil.gif') no-repeat 0px 0px;}
	.scrollable.autorunhp .items {width:20000em; position:absolute;}
	.scrollable.autorunhp .items div {float:left; width:291px; height:183px; margin-left:5px;}
	
	/* scrollable HP clients */
	.scrollable.clients {float:left; width:889px; height:86px; padding:0 10px;}
	.scrollable.clients .items {width:20000em; position:absolute;}
	.scrollable.clients .items div {float:left; /*width:131px;*/ height:86px; margin:0 10px; text-align:center;}
	
	/* scrollable Equipe */
	.scrollable.equipe {float:left; width:504px; height:53px; border-bottom:1px solid #f08a19;}
	.scrollable.equipe .items {width:20000em; position:absolute;}
	.scrollable.equipe .items div {float:left; min-width:119px; height:53px; text-align:center; margin-left:10px;}
			.scrollable.equipe a.bloc_equipe {float:left; text-align:center; padding:10px; min-width:99px; height:33px; margin-right:2px; background:#B95101; }
				.scrollable.equipe a.bloc_equipe:hover, 
				.scrollable.equipe a.bloc_equipe.on {background:#ffffff; text-decoration:none; }
			.scrollable.equipe a.bloc_equipe .nom {color:#ffffff; font-weight:bold; font-size:12px;}
				.scrollable.equipe a.bloc_equipe:hover .nom, 
				.scrollable.equipe a.bloc_equipe.on .nom {color:#b95101;}
			.scrollable.equipe a.bloc_equipe .poste {color:#f08a19;}
				.scrollable.equipe a.bloc_equipe:hover .poste, 
				.scrollable.equipe a.bloc_equipe.on .poste {color:#f08a19;}
	
	/* scrollable Realisations */
	.scrollable.realisations {float:left; width:998px; height:441px; margin:0 0 0 34px;}
	.scrollable.realisations .items {width:20000em; position:absolute;}
	.scrollable.realisations .items div {float:left; width:1000px; height:441px; position:relative;}
		.scrollable.realisations .items .bloc_rea {float:left;position:relative;width:238px;height:238px;z-index:0;margin-right:12px;}
		.scrollable.realisations .items .bloc_rea .cache_projet_rea {position:relative;!position:static;display:block;float:left;width:238px;height:238px;border:2px solid #ccc;}
			.scrollable.realisations .items .bloc_rea:hover .cache_projet_rea {border:2px solid #f18b19;}
			.scrollable.realisations .items .bloc_rea .cache_projet_rea img {position:absolute;z-index:-1;top:0;left:0;}
			.scrollable.realisations .items .bloc_rea .cache_projet_rea .visu_off {display:block;}
			.scrollable.realisations .items .bloc_rea .cache_projet_rea .visu_on {display:none;}
			.scrollable.realisations .items .bloc_rea:hover .cache_projet_rea .visu_off {display:none;}
			.scrollable.realisations .items .bloc_rea:hover .cache_projet_rea .visu_on {display:block;}
		.scrollable.realisations .items .bloc_rea .nom_projet_rea {float:left;width:100%;margin-top:12px;text-align:center;font-size:15px;font-family:arial;font-weight:bold;color:#9e9d9d;text-transform:uppercase;text-decoration:none;}
		.scrollable.realisations .items .bloc_rea .nom_projet_rea span {background:url('/images/pic_fleche_rea_off.png') no-repeat 0 2px;padding-left:13px;}
			.scrollable.realisations .items .bloc_rea:hover .nom_projet_rea span {background:url('/images/pic_fleche_rea_on.png') no-repeat 0 2px;color:#717070;}
/* Page 404 */
#bt_page_404 {float:left;margin:400px 0 0 490px;}
			#bt_page_404 .coin_g_btn {float:right; background:url('/images/bg-coin-g-btn.gif') no-repeat; width:12px; height:27px;}
			#bt_page_404 .contenu_btn {float:right; background:#fff url('/images/bg-puce-lien.gif') 0 8px no-repeat; border-top:1px solid #f18b19; border-bottom:1px solid #f18b19; height:20px; padding:5px 0 0 12px; font-weight:bold;}
			#bt_page_404 .coin_d_btn {float:right; background:url('/images/bg-coin-d-btn.gif') no-repeat; width:12px; height:27px;}
/* */
#titre_principal_site {float:left; width:100%; color:#5F3200; font-size:15px;text-transform:uppercase; text-align:center;}
	#titre_principal_site span {color:#F18B19;font-size:15px;text-transform:uppercase;}

/* Refonte realisations */
#bloc_categories_realisations {float:left;width:592px;height:119px;padding-top:13px;border-right:6px solid #2da0b1;background:url('/images/bandeau_realisation_03.jpg') no-repeat top right;}
	#bloc_categories_realisations ul {float:left;width:189px;margin-right:23px;list-style-type:none;}
		#bloc_categories_realisations ul li {float:left;width:193px;margin-top:7px;background:url('/images/sep_categories.png') repeat-x 22px 100%;}
			#bloc_categories_realisations ul li a {display:block;padding:0 0 2px 21px;text-transform:uppercase;font-family:Arial;font-size:15px;font-weight:bold;color:#717070;background:url('/images/puces_categories.png') no-repeat 0 -27px;letter-spacing:-1px;}
			#bloc_categories_realisations ul li a.on,
			#bloc_categories_realisations ul li a:hover {background:url('/images/puces_categories.png') no-repeat 0 2px;text-decoration:none;color:#2da0b1;}

#bloc_ensemble_titre_realisation {float:right;width:1048px;margin:-15px 54px 0 0;background:url('/images/pic_trait_titre_rea.png') no-repeat bottom left;}

/* Scrollable realisation details */
#image_wrap #bloc_ensemble_miniatures_crea {float:right;position:absolute;top:59px;right:0;overflow:hidden;width:116px;height:244px;}
		#image_wrap #bloc_ensemble_miniatures_crea div {float:left;width:116px;padding-bottom:11px;cursor:pointer;}
	#image_wrap #bloc_ensemble_miniatures_crea img {float:left;border:0;}
	#image_wrap #bloc_ensemble_miniatures_crea .active {border:0;position:relative;}

#image_wrap #scrollable_image_wrap {float:left;position:relative;width:1000px;height:678px;margin-left:35px;}
	#image_wrap #scrollable_image_wrap .items {float:left;}
		#image_wrap #scrollable_image_wrap .items div {float:left;width:1000px;height:678px;}
		#image_wrap #scrollable_image_wrap .items div .bloc_mission_projet {float:left;width:1020px;min-height:55px;position:absolute;bottom:12px;left:0;background:url('/images/bg_bloc_mission.png') repeat-y;}
			#image_wrap #scrollable_image_wrap .items div .bloc_mission_projet p {float:left;text-align:left;width:832px;margin:0 0 0 45px;padding:9px 0 14px 0;font-size:13px;font-weight:bold;color:#fff;}
				#image_wrap #scrollable_image_wrap .items div .bloc_mission_projet p span {color:#e8ca00;}

#image_wrap a.browse {display:block;position:absolute;width:22px;height:44px;cursor:pointer;z-index:1;top:323px;}
#image_wrap a.right {right:0;background:url('/images/fleche-next-02.png') no-repeat;}
#image_wrap a.right:hover {}
#image_wrap a.right:active {} 

#image_wrap a.left {left:0;background:url('/images/fleche-prev-02.png') no-repeat;} 
#image_wrap a.left:hover {}
#image_wrap a.left:active {}

#image_wrap a.disabled {visibility:hidden !important;}

#image_wrap {float:left;position:relative;width:1065px;height:678px;margin:-51px 0 15px 70px;padding:0;text-align:center;!background:#fafafa;}
	#image_wrap img {border:2px solid #717070;}
		#image_wrap #scrollable_image_wrap .items div .nom_projet_rea_02 {float:left;width:1000px;text-align:center;padding-bottom:19px;}
			#image_wrap #scrollable_image_wrap .items div .nom_projet_rea_02 span {font-size:19px;font-weight:bold;text-transform:uppercase;background:url('/images/bg-fleche-contact.png') no-repeat 0 4px;padding-left:16px;color:#717070;}

#image_wrap .lien_retour_rea {display:block;float:right;position:absolute;top:4px;right:-3px;!right:0;color:#2da0b1;font-size:15px;font-weight:bold;text-transform:uppercase;background:transparent url('/images/puces_categories_g.png') no-repeat 0 1px;padding-left:22px;z-index:1;}