#nav {
	/*position: relative;
	/*z-index: 600;*/}

#banner{
	width: 100%;
	height: 348px;
	position: relative;
	/*z-index: 100;*/
	overflow: hidden;
}
#banner #puceArea,
#banner #txtArea,
#banner #degrader{
	position: absolute;
}
#banner .slide{
	clear: left;
	display: block;
	overflow: hidden;
	height: 261px;
}
#banner #degrader{
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: transparent url( images/banner_degrader.png ) no-repeat 0 0;
}
*html #banner #degrader{
	display: none;
}
#banner #puceArea{
	right: 21px;
	top: 60px;
}
#banner #puceArea .puce{
	background: transparent url( images/banner_puce.png ) no-repeat 0 -17px;
	display: block;
	clear: left;
	width: 17px;
	height: 17px;
	margin-bottom: 4px;
}
#banner #puceArea .puce.actif{
	background-position: 0 0;
}
#banner .txt{
	display: none;
}

/* @group #banner #txtArea */

#banner #txtArea{
	top: 20px;
	left: 42px;
	display: block;
    opacity: 0.9;
	padding:15px;
}
#banner #txtArea h1{
	background-color: #FFFFFF;
    color: #1E1C24;
    display: inline-block;
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 3px;
    padding: 6px 13px 0;
}
#banner #txtArea p{
	 background-color: #FFFEFF;
    color: #4B4B4B;
    font-size: 13px;
    opacity: 0.85;
    padding: 6px 13px;
    width: 334px;
	margin:0;
}
#banner #txtArea .lien a{
	 background: url(images/banner_puceLien2.jpg) no-repeat scroll right 0 black;
    clear: right;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 21px;
    margin-top: 3px;
    padding-right: 34px;
    padding-top: 5px;
	text-transform:uppercase;
}
#banner #txtArea .lien{
text-align: right;
    width: 360px;
}
/****puce de couleur ****************************/



/****************************************************/

/* @end */

/* @group #our_solutions */

#our_solutions{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	top:240px;
}
#our_solutions img{
	display: none;
}

/* @group modul1 */


#our_solutions.mode1{
	height: 80px;
	width: 960px;
	
}
#our_solutions.mode1 div{
	height: 80px;
	width:960px;
	
}
#our_solutions.mode1 a{
	display: block;
float: left;
height: 52px;
width: 133px;
/* float: center; */
margin-right: 4px;
margin-top: 4px;
position: relative;
}
}
#our_solutions.mode1 a.ouvert{
	/*width: 225px;*/
}
#our_solutions a#solution_8{margin-right:0;}

#our_solutions.mode1 #ouverture{
	background: url("images/mode1_fleche.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 7px;
    padding-top: 26px;
    position: absolute;
    right: 0;
    width: 93px;
}
#our_solutions.mode1 .fleche{
	display: block;
	opacity: 0;
	width: 11px;
	height: 11px;
	clear: left;
	background: url( images/our_solutions_fleche.gif ) no-repeat 0 0;
	float: left;
	margin-left: 47px;
	margin-top: 7px;
}
*html #our_solutions.mode1 .fleche{
	margin-left: 23px;
}
*html #our_solutions.mode1 #items_content{
	position: absolute;
	border: 0;
}
*+html #our_solutions.mode1 #items_content{
	position: absolute;
	border: 0;
}


#our_solutions.mode1 #items_content img{
	display: none;
	float: left;
	position: absolute;
	right: 0;
	top: -20px;
}
#our_solutions.mode1 #items_content .description{
	display: none;
}
#our_solutions.mode1 a#prev,
#our_solutions.mode1 a#next{
	width: 6px;
	margin: 0;
	height: 60px;
	background-color: #37599a;
	position: absolute;
	bottom: 0;
	z-index: 500000;
	background: #37599a url( images/mode1_puceNav.gif ) no-repeat 0 24px;
}
#our_solutions.mode1 a#prev{
	left: 0;
}
#our_solutions.mode1 a#next{
	right: 0;
	background-position: -6px 24px;
}

#our_solutions.mode1 .titre{
	text-transform: uppercase;
display: block;
color: #fff;
float: center;
width: 134px;
text-align: center;
margin-top: 17px;
font-size: 10px;
line-height: 9px;

}
/* @end */

/* @group mode2 */

#our_solutions.mode2{
	width: 100%;
	height: 104px;
}
#our_solutions.mode2 #ouverture{
	background: transparent url( images/mode1_fleche.png ) no-repeat 0 0;
	height: 14px;
	display: block;
	width: 113px;
	color: #fff;
	padding-left: 6px;
	padding-top: 7px;
}
#our_solutions.mode2 #items_content{
	height: 83px;
	background-color: #fff;
}
#our_solutions.mode2 #items_content a{
	display: block;
	float: left;
	margin-top: 4px;
	margin-right: 3px;
	height: 79px;
	width: 90px;
}
#our_solutions.mode2 #items_content a .titre{
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	padding: 9px 12px 0 12px;
}
#our_solutions.mode2 #items_content a .description{
	color: #fff;
	display: block;
	padding: 6px 12px 0 12px;
}
#our_solutions h3{ margin:0; background:url(../images/mode1_fleche2.png) no-repeat; width:119px; height:18px; color:#FFF; padding:3px 0 0 5px;}
/* @end */

/* @end */