/* -------------------------------------------------
Document CSS GENERAL
Author : IEB - Kahiloa Solutions & communications
------------------------------------------------- */

/** Déclarations communes
--------------------------------------------------------------------------**/
.formatContext { overflow:hidden }

.listNone {
	margin:0; padding:0;
	list-style:none
}

.inlineBlockAlign { 
	height:100%; width:1px;
	vertical-align:middle;
	display:inline-block
}


/** Header
--------------------------------------------------------------------------**/
header { background:#ff0099 }

.headerInside {
	width:988px;
	margin:auto
}

h1 { margin:32px 0 10px 74px }

h1 img { display:block }


/** container
--------------------------------------------------------------------------**/
#container {
	width:914px; 
	margin:26px auto 0; padding-left:74px;
	overflow:hidden
}

.bg1 { background:url(../images/contentBg1.png) no-repeat 14px 26px }
.bg2 { background:url(../images/contentBg2.png) no-repeat 14px 92px }
.bg3 { background:url(../images/contentBg3.png) no-repeat 14px 103px }
.bg4 { background:url(../images/contentBg4.png) no-repeat left 167px }
.bg5 { background:url(../images/contentBg5.png) no-repeat 14px 309px }
.bg6 { background:url(../images/contentBg6.png) no-repeat 14px 329px }


/** nav
--------------------------------------------------------------------------**/
.left { 
	margin-top:134px;
	width:171px;
	float:left
}

.left img { vertical-align:middle }

.referencesLink { margin-top:55px }


/** section - contenu principal
--------------------------------------------------------------------------**/
section {
	overflow:hidden; /* Masquer le contenu qui déborde du slideShow */
	float:right;
	width:742px; min-height:443px;
	border-left:1px solid #fff
}

section object { 
	float:right;
	margin-top:-105px
}

article, .blocReferences { background:#414c53 }

.legend, .legend2 {
	padding-left:10px; margin:206px 0 0;
	background:url(../images/picto.png) no-repeat left 5px;
	font-size:1.05em;
	line-height:1.2
}

.legend2 { 
	background-position:left 10px; 
	margin-top:288px
}

.legend img, .legend2 img { display:block }

.legend img { margin-top:8px }

.legend2 img { margin-bottom:9px }

.legend2 span {
	display:block;
	margin-top:12px
}

.sectionClients { background:transparent url(../images/factices.png) repeat-y left } 

.cols {
	float:left;
	font-size:.9em;
	padding:0 0 0 10px; margin:53px 0 0 0;
	list-style:none;
	text-transform:uppercase
}

.cols li { margin-top:10px }

.col1 { width:258px }
.col2 { width:236px }

.col3 { 
	width:214px;
	text-align:center
}

.col3 h2 {
	color:#FF0099;
	margin:0;
	font-size:1.5em
}

.col3 figure { margin:1.8em 0 }

.col3 img, .col3 figcaption { 
	display:inline-block;
	vertical-align:middle
}

.col3 figcaption { margin-bottom:.6em }

.col3 img { margin-right:10px }

.navigationReferences {
	background:#414c53;
	min-height:80px;
	margin-top:5px;
	text-align:center;
	height:80px;
}

.navigationReferences img { 
	vertical-align:middle;
	margin:0 31px;
	white-space:nowrap
}

.partager img { margin:0 52px }

.nr2 img { margin:0 17px } /* navigationReferences2*/

.navigationReferences img { opacity:0.5 }

.navigationReferences .active img, .navigationReferences a:hover img { opacity:1 }

/** Slide show
--------------------------------------------------------------------------**/
#slideShowReferences { position:relative }

.blocReferences {
	padding:18px 13px 18px 0;
	height:322px;
	overflow:hidden;
	position:relative
}

.reference {
	float:right;
	position:relative;
	width:742px; height:100%;
	margin:0;
}

.reference img {
	position:absolute;
	right:13px; bottom:0
}

.description { 
	position:absolute;
	left:0; bottom:0;
	padding-left:11px;
	width:240px
}

.description h2 {
	font-size:1.3em;
	font-weight:normal;
	color:#ff0099;
	margin:0 0 1em 0
}

.description h3 {
	background:url(../images/picto.png) no-repeat left 5px;
	padding-left:11px; margin:1em 0 0 -11px;
	font-size:1em
}

.description p { margin:0 0 1em }



/** footer
--------------------------------------------------------------------------**/
footer {
	width:914px; 
	padding-left:74px;
	margin:29px auto 0
}