/* = Html = */
	html, body {margin:0; padding:0;}
	html {
		background: #162332 url(/global/medias/bg_repeat_top.jpg) repeat-x 0 20px;
		}
	body {
		background: transparent url(/global/medias/bg_body.gif) repeat-x 0 425px;
		}

/* = Commun = */
	.break, .clear {clear:both}
	.hidden {display: none}
	p {line-height: 150%;}
	img {
		display: block;
		margin:0; padding:0;
		}

/* = Debug = */
	.debug {
		/*background: transparent url(/global/medias/12_col.png) repeat-y;*/
		}
	.container_12 {
		/*background: transparent url(/global/medias/bgBody.jpg) no-repeat 0 112px;*/
		}
	#habillage {
		background: transparent url(/global/medias/bg_repeat_habillage.png) repeat 0 0;
		}

		

/* = left / logo */
	img.logo {
		position: absolute;
		z-index: 1000;
		margin: 190px 0 0 0;
		}
	
/* = header */
	#header {width: 960px;height: 190px;}
	#navTop {height: 20px}
	#zoneFlash {height: 170px}
	
	a.logo_return {
		z-inddex: 1000!important;
		position: absolute; top: 22px;
		display: block;
		text-indent: -100em;
		width: 960px;  height: 170px;
		}

/*= navTop */
	#navTop a {
		float: right;
		font-size: 108%;
		color:#fff;
		text-transform: uppercase;
		text-decoration: none;
		}

/* = Contenu = */
	.wisi h1, 
	.wisi h2,
	.wisi p {color:#fff;}
	.wisi h1 {font-size: 150%;}
	.wisi h2 {font-size: 131%;}
	
	.wisi p, .wisi li {font-size: 85%;}
	
	#central ul {margin: .5em 0 .5em 0;}
	.wisi ol {margin: .5em 0 .5em 0;}
	
	#central h2 {
		margin: 0 0 .5em 0;
		padding: 0 0 .3em 0;
		border-bottom: 1px #656A68 solid;
		}
	body#home #central h2 {float: left;}

	#central h3 {
		color:#94BFEA; font-size: 108%;
		border-bottom: 1px #4E607E solid;
		padding: 0 0 .3em 0;
		margin: 1em 0 .3em 0;
		}
	
	#central p {padding: 0.5em 0 0.5em 0; display: block;}
	#central p a {color:#ff9900;}
	#central li {list-style: disc inside; margin: 0 0 .4em 0;}
	#central li, #central li a {color:#ff9900;}
	#central ol li {list-style: decimal inside;}
	.wisi li a {font-size: 130%;}
	
	a.more {
		display: block;
		font-size: 93%; color:#FB990C;
		text-decoration: none;
		}

/* = leftContent */
	body#home #leftContent {
		position: relative;
		width: 210px;
		padding: 0 10px 2em 170px;
		}
	body#page #leftContent {
		width: 300px; 
		padding: 0 0 2em 90px
		}
	#leftContent h2 {font-size: 108%;}
	#leftContent p {padding: 0 0 0.5em 0;}
	#leftContent p a {
		color:#ff9900;
		text-decoration: none;
		}
	
	#leftContent h1 {
		display: block;
		text-indent: -100em;
		width: 220px; height:25px;
		margin: 0 0 3em 0;
		background: transparent url(/global/medias/h1_diluvial.gif) no-repeat 0 0;
		}
	body#page #leftContent h1 {
		margin: 0 0 0 80px;
		}
	#faq {
		padding: 10px;
		margin: 2em 0 0 0;
		border: 1px #162332 solid;
		background-color:#305173;
		/*background-color:#5B7EA8;*/
		}
	body#home #adresse,
	body#home #nav_bottom {padding: 2em 10px 0 0;}
	
	#adresse {padding: 2em 0 0 85px;}
	#nav_bottom {padding: 0 0 0 85px;}
	
/* = nav_bottom */
	#nav_bottom {}
	#nav_bottom li {
		margin: 0 0 3px 0;
		}
	#nav_bottom li a {
		text-decoration: none;
		font-size: 100%;
		color:#D7780D;
		}

/* = nav_interne */
	a.return_home {
		display: block;
		width: 150px;
		font-size: 100%; color:#FF9900;
		padding: 0 0 0 80px;		
		}

	#nav_interne {
		padding: 1em 0 1em 80px;
		}
	#nav_interne li {
		margin: 0 0 3px 0;
		}
	#nav_interne li a {
		display: block;
		width: 150px; height: 22px;
		text-indent: -100em;
		background: transparent url(/global/medias/itemGoute.gif) no-repeat 0 0;
		}
	#nav_interne li a.navInt01 {background: transparent url(/global/medias/linkNav01.gif) no-repeat 0 0;}
	#nav_interne li a.navInt02 {background: transparent url(/global/medias/linkNav02.gif) no-repeat 0 0;}
	#nav_interne li a.navInt03 {background: transparent url(/global/medias/linkNav03.gif) no-repeat 0 0;}
	#nav_interne li a.navInt04 {background: transparent url(/global/medias/linkNav04.gif) no-repeat 0 0;}
	
	#nav_interne li.current a,
	#nav_interne li a:hover {background-position: -150px 0;}
	

/* = nav_references */
	#nav_references {
		padding: 0 10px 0 30px;
		}
	#nav_references .ref {
		clear: both;
		}
	#nav_references .ref {font-size: 93%;}
	#nav_references .ref img {
		float: left;
		border: 3px #fff solid;
		margin: 0 10px 10px 0;
		}
	
	#nav_references .current img {
		border: 3px #FB990C solid;
		}		
	#nav_references .current h2 {
		color:#FB990C;
		padding:0;
		}
	#nav_references a.more {
		display: block;
		float: right;
		text-indent: -100em;
		width: 30px; height: 30px;
		}
	#nav_references a.more {	
		background: transparent url(/global/medias/itemMoreRef.gif) no-repeat 0 0;
		}	
	.group a.less {
		display: block;
		cursor: pointer;
		text-indent: -1000em;
		width: 32px; height: 32px;
		background: transparent url(/global/medias/itemPrev.gif) no-repeat 0 0;
		}

/* = nav_references */
	#carroussel {
		padding: 0 10px 0 30px;
		}
	#carroussel li {
		clear: both;
		}
	#carroussel li {font-size: 93%;}
	#carroussel li a img {
		float: left;
		border: 3px #fff solid;
		margin: 0 10px 10px 0;
		}

	#carroussel img.currentProduit,
	#nav_portfolio img.currentProduit  {
		border: 3px #FB990C solid;
		}		
	#carroussel .currentProduit h2 {
		color:#FB990C;
		padding:0;
		}
	
	body#home .jcarousel-clip {height: 210px;}
	body#home #carroussel {
		padding: 0 0 0 20px; 
		height: 250px;
		}
	body#home #carroussel img {
		/*width: 75px;*/
		margin:0 10px 0 0!important;
		/*overflow: hidden;*/
		}
	body#home #mycarousel {
		height: 240px; 
		}
	body#home #mycarousel li {
		display: block;
		padding: 0;
		}
	body#home #mycarousel li a {
		display: block;
		width: 210px;
		font-size: 93%;
		}
	body#home #mycarousel li a img,
	body#home #mycarousel li a span {
		position: relative!important;
		}
		
	body#home .jcarousel-skin-normal .jcarousel-prev-vertical,
	body#home .jcarousel-skin-normal .jcarousel-next-vertical {top: 225px;}

/*links_ref*/
	
	#links_ref {
		padding: 0 0 0 80px;
		margin: 2em 0 0 0;
		}
	#links_ref a {
		display: block;
		width: 90%;
		font-size: 85%; color:#fff;
		text-decoration: none;
		padding: .2em .5em .2em 2em; 
		margin: 0 0 5px 0;
		background: transparent url(/global/medias/zoom.png) no-repeat 0 0;		
		}
	#links_ref a:hover {color:#ff9900;}
	
/*= références Home */
	body#home #references {
		margin:0;
		padding: 2em 0 0 0;
		}
	body#home #references li {
		height: 1%;
		}
	body#home #references li a {
		display: block;
		font-size: 93%; 
		color:#FB990C;
		line-height: 200%;
		text-decoration: none;
		}
		
/*home structure*/	
	#RowA {}
	#rowcolA, #rowcolB {
		/*border: 1px #fff solid;*/
		}
	#rowcolA {
		float: left;
		width: 340px; overflow: hidden;}
	#rowcolB {
		float: right;
		width: 195px; overflow: hidden;}


/*rowcolB*/
	#rowcolB #listeRef {
		width: 183px; overflow: hidden;
		margin: 5px 1em 0 10px;
		border: 1px #656A68 solid;
		background-color:#2D3946;
		}
	#rowcolB #listeRef a.allRef {
		display: block; clear: both;
		float: none!important;
		margin: 0 0 0 0;
		padding: 0 .5em .5em 20px;
		font-size: 100%; color: #162332;
		background: #fff url(/global/medias/goutte_title.gif) no-repeat 5px 2px;
		}
	#rowcolB #listeRef ul {
		padding:0; margin:0;
		}
	#rowcolB #listeRef ul li {
		margin: 0;
		line-height: 150%;
		padding: .5em .5em .5em 20px;
		list-style: none!important;
		border-top: 1px #656A68 solid;
		background: transparent url(/global/medias/goutte_liste.gif) no-repeat 7px 7px;
		}
	#rowcolB #listeRef ul li a {
		text-decoration: none;
		font-size: 100%;
		}


/*= central */
	#central {
		padding: 2em 0 0 0;
		}
	#central .article {float: left;}
	body#home #central h2.titrub a {
		display: block;
		width: 160px; height: 25px;
		text-indent: -100em;
		}	
	#central .article {
		width: 200px;
		padding: 0 0 1em 0;
		}
	body#home #central .article {
		width: 175px;
		}
	#etudesCas a,
	#central .article p a {
		color:#ff9900;
		text-decoration: none;
		}
	h2.titrub {border:0;}
	
	#homRef h2.titrub a {background: transparent url(/global/medias/h1References.gif) no-repeat 0 0;}
	#portfolio h2.titrub a {background: transparent url(/global/medias/h1Portofolio.gif) no-repeat 0 0;}
	#etudesCas h2.titrub a {background: transparent url(/global/medias/h1EtudesCas.gif) no-repeat 0 0;}
	#atouts h2.titrub a{background: transparent url(/global/medias/h1CinqAtouts.gif) no-repeat 0 0;}
	
	#homRef h2.titrub a:hover {background: transparent url(/global/medias/h1References.gif) no-repeat 0 -25px;}
	#portfolio h2.titrub a:hover {background: transparent url(/global/medias/h1Portofolio.gif) no-repeat 0 -25px;}
	#etudesCas h2.titrub a:hover {background: transparent url(/global/medias/h1EtudesCas.gif) no-repeat 0 -25px;}
	#atouts h2.titrub a:hover {background: transparent url(/global/medias/h1CinqAtouts.gif) no-repeat 0 -25px;}
	
	#central img {
		display: block;
		border: 3px #fff solid;
		}

/* = fiche de référence */
	#fiche_ref {}
	#fiche_ref h2 {
		text-transform: uppercase;
		padding: 0 0 0.5em 0;
		}
	#fiche_ref h3 {
		font-size: 93%;
		font-weight: bold;
		color:#fff;
		}
	
	#fiche_ref #left,
	#fiche_ref #right {float: left;}
	
	#fiche_ref #left {
		width: 245px;
		padding: 0 10px 0 10px;
		}
	#fiche_ref #right {width: 260px;}
	#fiche_ref #right img {
		margin: 0 0 10px 0;
		}

/* = nav_portfolio */
	#nav_portfolio {
		padding: 0 10px 0 30px;
		}
	#nav_portfolio a img {
		float: left;
		border: 3px #fff solid;
		margin: 0 15px 15px 0;
		}
	#nav_portfolio a img:hover {
		border: 3px #FB990C solid;
		}
	#nav_portfolio a.more {
		display: block;
		float: right;
		text-indent: -100em;
		width: 30px; height: 30px;
		background: transparent url(/global/medias/itemMoreRef.gif) no-repeat 0 0;
		}

/*= portfolio */
	#portfolio {}
	#portfolio h2 {
		text-transform: uppercase;
		padding: 0 0 0.5em 0;
		}
	#portfolio h3 {
		font-size: 93%;
		font-weight: bold;
		color:#fff;
		}
	
	#portfolio #left,
	#portfolio #right {
		float: left;
		}
	
	#portfolio #left {
		width: 370px;
		padding: 0 0 0 10px;
		}
	#portfolio #left img {
		display: block;
		margin: 0 0 10px 0;
		border: 3px #fff solid;
		}
	#portfolio #right {
		width: 130px;
		padding: 0 0 0 20px;
		}

/* = societe */
	#societe {}
	#societe h2 {
		text-transform: uppercase;
		padding: 0 0 0.5em 0;
		}
	#societe h3 {
		font-size: 93%;
		font-weight: bold;
		color:#fff;
		}
	#societe #left,
	#societe #right {
		float: left;
		}

	#societe #right {
		width: 330px;
		padding: 0 0 0 10px;
		}
	#societe #right img {
		margin: 0 0 10px 0;
		}
	#societe #left {
		width: 170px;
		padding: 0 0 0 20px;
		}
	#societe #left h1 {
		color:#fff;
		text-indent: 0;
		font-size: 130%;
		padding: 0 0 0.5em 0;
		}

/* = Atouts */
	.atout {
		clear: both;
		}
	.atout h1, .atout h2 {
		display: block;
		}
	.atout h1 {
		width: 100%;
		text-indent:0!important;
		}
	.atout h2 {
		font-size: 108%;
		font-weight: bold;
		color:#D7780D;
		}
	.atout img {float: right;}
	
/*siteMap2*/
	.siteMap1, .siteMap2 {}
	.siteMap1 li a, .siteMap2 li a {text-decoration: none;}
	
	.siteMap1 li a {font-size: 1.1em;}
	.siteMap2 li a {font-size: 1.2em;}
	
	.siteMap2 {
		padding: .5em 0 .5em 0;
		margin: 0 0 0 2em!important; 
		}
	
	.siteMap2 li,
	.siteMap2 li a {
		color:#fff!important;
		}

/**********************************************************/
/********************** SLIDESHOW *************************/
/**********************************************************/

	body#home #slideshow {} 
	body#page #slideshow {margin: 0 0 10px 50px;}
	
	#slideshow {
		height:225px; width:380px;
		margin: 0 0 10px 10px;
		overflow:hidden;
		}
	#slideshow .scrollable {	
		position:relative;
		margin: 0 0 0 0;
		height:225px; width:330px;
		overflow:hidden;
		}
	#slideshow .items {
		position:absolute;
		height:225px; 
		width:2000000em;
		}
	.bloc_photo {
		position: relative;
		margin: 0 auto;
		overflow:hidden; 
		float:left;
		width:330px; height:225px;
		}
	#slideshow .next,
	#slideshow .prev {
		z-index:100;
		position:absolute; top:300px;
		display:block; 
		width: 36px; height: 36px;
		overflow:hidden; 
		cursor:pointer;
		color: white;
		font-size:1px;
		}

	#slideshow .prev {
		margin: 0 0 0 -50px;
		background: transparent url(/global/medias/precedent_scrollable.gif) no-repeat 0 0;
		
		}
	#slideshow .next {
		margin: 0 0 0 350px;
		background: transparent url(/global/medias/suivant_scrollable.gif) no-repeat 0 0;
		}
	#slideshow .prev:hover {
		background: transparent url(/global/medias/precedent_scrollable.gif) no-repeat 0 -36px;
		}
	#slideshow .next:hover {
		background: transparent url(/global/medias/suivant_scrollable.gif) no-repeat 0 -36px;
		}	
		
	#slideshow .disabled{display:none;}
	#slideshow  .legende { color: white; font-size: bold;}