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

/** Déclarations communes
--------------------------------------------------------------------------**/
a:focus { outline:none }

.formatContext { overflow:hidden }

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

.containerInside:after, section:after  {
	clear:both;
	display:block;
	content:""
}

.tampon {
	height:100%;
	display:inline-block;
	vertical-align:middle
}

.italic { font-style:italic; display:block }

.noBg { background:none !important }

.bloc { display:block }

.fRight { float:right }

.fLeft { float:left }

.hide { text-indent:-9999em }

.noBold { 
	font-weight:normal; font-size:1em;
	margin-bottom:0
}

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

.headerInside {
	width:964px;
	margin:auto; padding:0 15px;
	background:url(../images/headerBg.png) repeat-y left;
	position:relative;
	z-index:1
}

header h1 { padding:32px 0 10px 74px; margin:0 }

header h1 img { display:block }

header .slogan {
	position:absolute;
	right:43px; bottom:12px
}


/** container
--------------------------------------------------------------------------**/
#container {
	width:964px;
	margin:auto; padding:0 15px;
	background:url(../images/containerBg.png) repeat-y left
}

.containerInside {
	padding:16px 0 0 74px;
	background:url(../images/contentBg.png) no-repeat
}

.bg1 { background-position:20px 93px }
.bg2 { background-position:20px 154px }
.bg3 { background-position:20px 186px }
.bg4 { background-position:20px 289px }
.bg5 { background-position:20px 321px }
.bg6 { background-position:20px 357px }


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

.mainSponsor {
	position:absolute;
	top:-111px; left:0
}

.menuBottom { margin-top:48px }


/** section
--------------------------------------------------------------------------**/
section {
	padding:1px 0;
	margin-left:171px;
	border-left:1px solid #fff;
}

section object { 
	float:right;
	position:relative;
	z-index:2;
	margin-top:-135px
}

section nav {
	padding:6px 10px; margin-top:3px;
	background:#e30035;
	overflow:hidden;
	position:relative;
	z-index:3
}

section nav ul { 
	font-size:.893em;
	overflow:hidden;
	position:relative;
	margin:-6px 0 -6px 248px;
	padding:6px 0 7px;
	list-style:none
}

section nav li { 
	float:left;
	margin-right:17px
}

section nav .last { margin-right:0 }

section nav li.back {
	border-bottom:2px solid #fff;
	height:2px;
	position:absolute;
	bottom:0
}

section nav a { 
	float:left;
	line-height:1.1;
	color:#fff; 
	text-decoration:none
}

article { 
	height:406px; 
	position:relative
}

.bg1 .articleInside, .bg2 .articleInside, .bg3 .articleInside { margin-top:137px }

.articleInside {
	display:inline-block;
	vertical-align:bottom
}

article .title {
	color:#e30035;
	display:block;
	font-size:1.1em;
	background:url(../images/pictoRed.png) no-repeat left 5px
}

article p, article .title { padding-left:12px }

article p { margin-bottom:0 }

.clients { 
	font-size:.9em; 
	text-transform:uppercase
}

.clients h2 { 
	font-size:1em; 
	color:#e30035;
	margin:17px 0 0
}

.clients ul {
	margin:0; padding:0;
	list-style:none;
	overflow:hidden
}

.clients li {
	float:left;
	clear:both;
	width:100%
}

.clients div { 
	display:inline-block;
	vertical-align:bottom
}

.col1 { width:210px; margin-left:10px }
.col2 { width:150px }
.col3 { width:160px }
.col4 { width:167px }

.content {
	padding-left:10px;
	background:url(../images/picto.png) no-repeat left 5px
}

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

.content img { 
	display:block
}

.bg7 .content { background-position:left 10px }


/** Slider
--------------------------------------------------------------------------**/
section section {
	border:0;
	padding:0; margin:0
}

#slider { position:relative }

.control { 
	position:absolute; 
	top:50%;
	margin-top:-16px
}

#leftControl { left:10px }

#rightControl { right:10px }

#slider .articleInside { 
	display:block;
	width:630px;
	margin:auto
}

#slider p { padding-left:0 }

#slider article { height:439px }

.bg4 article { height:434px }

.description  { 
	display:inline-block; 
	vertical-align:middle;
	width:250px
}

.l295 { width:295px }

.l328 { width:328px }

.l240 { width:240px }

.capture {
	float:right;
	height:439px;
	line-height:439px;
	margin:0;
}

.capture img {
	vertical-align:middle;
}

#slider h1 {
	color:#e30035;
	font-size:1.334em;
	margin:0
}

#slider h1 span { font-weight:normal }

.slogan { color:#e30035 }

#slider h2 { 
	font-size:1em; 
	margin-bottom:0
}

.contactBtw {
	color:#e30035;
	text-decoration:underline
}

.contactForm { 
	margin-left:10px; 
	width:415px;
	border-left:1px solid #fff
}

label { 
	display:inline-block;
	width:100px
}

label, input { vertical-align:middle }

.commentaire label, .commentaire input { vertical-align:top }

.submit { 
	float:right; 
	margin:10px 5px 5px
}

.txt {
	width:190px;
	padding:0 2px;
	border:1px solid #c0c0c0
}

.tel .txt { margin:5px 0 0 103px }

#commentaire { width:295px; height:92px }

.contactBtw:hover { text-decoration:none }

.bg5 .articleInside { width:670px }

.filiale { 
	float:right;
	margin-top:-40px
}

.filiale img { 
	display:inline-block; 
	margin-left:10px;
	vertical-align:middle
}

.communicating { margin:75px 10px 0 0 }

.erreur {
    position:absolute;
	background:#E30035;
    font-size:.9em;
    left:2px; top:5px;
    width: 177px	
}

.erreur p { 
	margin:.5em 0; 
	text-indent:-7px
}

.validation { height:255px }

.validation p { text-indent:0 }


/** footer
--------------------------------------------------------------------------**/
footer {
	width:890px;
	background:url(../images/containerBg.png) repeat-y left;
	padding:29px 15px 0 89px;
	margin:auto
}