* {
margin: 0;
padding: 0;
border: 0;
outline: none;
}



body{
		 background: #ffffff url('../img/bg.gif') repeat-x;
		 font-family: Arial;
		 font-size:12px;
		 color:#585858;
		 
}

#global{
				width: 1002px;
				margin:auto;
				position:relative;
				
}


#bandeau{
				 width:1002px;
				 height:220px;
				 background: url('../img/bg_bandeau.gif') no-repeat;
}

#bandeau #logo{
				 width:126px;
				 height:73px;
				 position:absolute;
				 top:15px;
				 left:42px;
}

#bandeau #slogan{
				 color:#acacac;
				 position:absolute;
				 left:215px;
				 top:48px;
}

#bandeau #icohome{
				 position:absolute;
				 top:60px;
				 right:50px;
}

#bandeau #menu{
				 position:absolute;
				 top: 130px;
				 left:215px;
}

#bandeau #menu ul {
				 display:inline;
				 list-style-type:none;
}

#bandeau #menu ul li{
				 display:inline;
				 list-style-type:none;
				 
				 float:left;
				 
}

#bandeau #menu ul li a{
				 display:block;
				 margin-right:40px;
				 
}
#bandeau #menu ul li a#accueil{
				 width:85px;
				 height:29px;
				 background: url('../img/accueil.gif') no-repeat top;
				 
}

#bandeau #menu ul li a#accueil:hover,
#bandeau #menu ul li a#accueil.select{
				 width:85px;
				 height:29px;
				 margin-top:-2px;
				 background: url('../img/accueil.gif') no-repeat bottom;
}

#bandeau #menu ul li a#activite{
				 width:85px;
				 height:29px;
				 background: url('../img/activite.gif') no-repeat top;
				 
}

#bandeau #menu ul li a#activite:hover,
#bandeau #menu ul li a#activite.select{
				 width:85px;
				 height:29px;
				 margin-top:-2px;
				 background: url('../img/activite.gif') no-repeat bottom;
}

#bandeau #menu ul li a#reference{
				 width:127px;
				 height:29px;
				 background: url('../img/reference.gif') no-repeat top;
				 
}

#bandeau #menu ul li a#reference:hover,
#bandeau #menu ul li a#reference.select{
				 width:127px;
				 height:29px;
				 margin-top:-2px;
				 background: url('../img/reference.gif') no-repeat bottom;
}


#bandeau #menu ul li a#design{
				 width:168px;
				 height:29px;
				 background: url('../img/design-produit.gif') no-repeat top;
				 
}

#bandeau #menu ul li a#design:hover,
#bandeau #menu ul li a#design.select{
				 width:168px;
				 height:29px;
				 margin-top:-2px;
				 background: url('../img/design-produit.gif') no-repeat bottom;
}

#bandeau #menu ul li a#contact{
				 width:101px;
				 height:29px;
				 background: url('../img/contact.gif') no-repeat top;
				 
}

#bandeau #menu ul li a#contact:hover,
#bandeau #menu ul li a#contact.select{
				 width:101px;
				 height:29px;
				 margin-top:-2px;
				 background: url('../img/contact.gif') no-repeat bottom;
}

*+html #bandeau #menu ul li a#contact,
*+html #bandeau #menu ul li a#design,
*+html #bandeau #menu ul li a#reference,
*+html #bandeau #menu ul li a#activite,
*+html #bandeau #menu ul li a#contact.select,
*+html #bandeau #menu ul li a#design.select,
*+html #bandeau #menu ul li a#reference.select,
*+html #bandeau #menu ul li a#activite.select,
*+html #bandeau #menu ul li a#contact:hover,
*+html #bandeau #menu ul li a#design:hover,
*+html #bandeau #menu ul li a#reference:hover,
*+html  #bandeau #menu ul li a#activite:hover{
   margin-top:0;
}


#bandeau #menu .sousMenu
{
  display: none;
	margin-top:5px;
	 list-style-type: none;
	 
	 margin-top:-10px;
}

#bandeau #menu .sousMenu, x:-moz-any-link
{
  margin-top:10px;
}


#bandeau #menu .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
 
}



#bandeau #menu  .sousMenu li a:link,
#bandeau #menu  .sousMenu li a:visited
{
 				 display: block;
 					float:none;
 					margin-right:0;
 					
 					margin-bottom:-13px;
 					color:#4e4e4e;
 						 font-size:15px;
 
}

#bandeau #menu  .sousMenu li a:hover
{
 				 background-image: none;
 				 color:#e21b1e;
				text-decoration:none;
}

#bandeau #menu  li:hover > .sousMenu { display: block; }

#bandeau #menu  li:hover > .sousSousMenu { display: block; }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
    ul.sousMenu li a{
        margin-top:10px;
    }
}

#contenu{
				 width:95%;
				 margin:auto;
				 margin-top:50px;
				 margin-bottom:20px;
				 text-align:justify;
				 font-size:11Px;
				 
}

#contenu input {
font-size: 10px;
padding: 1px;
color: #ffffff;
text-align: center;
background: #acacac;
}

#contenu textarea {
font-size: 10px;
padding: 1px;
color: #ffffff;
text-align: center;
background: #acacac;
border: 1px solid #acacac;
}



#contenu h1{
				 font-size:15px;
				 font-weight:normal;
				 
}

#contenu .js{
				 overflow:hidden;
				 width:990px;
				 height:185px;
				 
}
#contenu .carousel,
#contenu .carousel .carousel-wrap{
				 margin:0;
				 border:0;
				 zoom:1;
				 margin-left:-20px;
				 margin-top:8px;
				 
}


#contenu .carousel .carousel-wrap{
				width:920px;
				border-top:1px solid #aaaaaa;
				
}
#contenu #ho_riz{
				width:920px;
				border-top:1px solid #aaaaaa;
				
}


.IE #contenu .js .carousel-wrap{
		display:inline;
}
#contenu .carousel ul {
	margin: 0;
	padding: 0;
	margin-top:5px;
}
#contenu .js ul li {
	overflow: hidden;
	display: inline;
	float: left;
	width: 308px;
	height: 185px;
	text-align: center;
	
}
#contenu .carousel .carousel-control {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	cursor: pointer;
	line-height: 999px;
	zoom: 1;
	
}
#contenu .carousel .carousel-next {
	background: url('../img/rightarrow.gif') 0 0 no-repeat;
	position:relative;
	top:-110px;
	left:947px;
	
}
#contenu .carousel .carousel-previous {
	background: url('../img/leftarrow.gif') 0 0 no-repeat;
	float:left;
	margin-top:85px;
	margin-left:5px;
	margin-right:-25px;
}
#contenu .carousel .carousel-control:hover {
	-moz-opacity: .7;
	opacity: 0.70;
	filter: alpha(opacity=70);
}
#contenu .carousel .disabled, #container .carousel .disabled:hover {
	-moz-opacity: .1;
	opacity: 0.10;
	filter: alpha(opacity=10);
	cursor: default;
}



#contenu .carousel ul {
	padding: 0;
	list-style: none;
	
	margin-left:0px;
}
#contenu .carousel ul li {
	position: relative;
	width: 311px;
	margin: 0;
}


/*--Main Image Preview--*/
.main_image {
	width: 782px; 
	height: 455px;
	float: left;
	position: relative;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-top:5px;
	padding-bottom:0px;
	font-size:12px;
	
}

.main_image2 {
	width: 782px; 
	height: 355px;
	float: left;
	position: relative;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-top:5px;
	padding-bottom:0px;
	font-size:12px;
	
}

.main_image3 {
	width: 920px; 
	height: 355px;
	float: left;
	position: relative;
	border-top:0px solid #ccc;
	border-bottom:0px solid #ccc;
	padding-top:5px;
	padding-bottom:0px;
	font-size:12px;
	
}

.main_image img{
						height:455px;
						width:782px;
}
.main_image2 img{
border: 1px solid #aaa;
float: left;
margin: 0px 10px 0px 0px
}

.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	padding-left:0;
        color:#000;
	
}

.main_image em {
        color:#5855858;
	font-size:12px;

}

.main_image2 h2 {
	font-size: 2em;
	font-weight: normal;
	padding-left:0;
	
}

.main_image p {
	padding: 10px;	margin: 0;
	padding-left:0;
	color:#000;
	
}
.main_image2 p {
	padding: 0px 10px 0px 0px;
	padding-left:0;
	color:#585858;
	
}

.block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	left: -12px;
	bottom:0px;
	width: 60%;
	display: none;
	background: url('../img/bg_desc2.gif')repeat-y left;
	
	
}

/********pavé texte***********/

.main_image .block{
	width: 785px;
	height: 105px;
	background: #fff;
	border-top: 1px solid;
	margin-left:5px;
	padding-left:10px;
        position:absolute;

}

/*******pavé réduire******/

.main_image a.collapse {
	height: 22px; width: 103px;
	background:#fff;
	position: absolute; 
	top: -27px; left: 5px; 
	color:#000;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}

/*******pavé afficher******/

.main_image a.uncollapse {
	height: 22px; width: 103px;
	background:#fff;
	position: absolute; 
	top: -27px; left: 	5px; 
	color:#000;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}

.main_image a.show {background-position: left bottom;} 


.image_thumb {
	float: left;
	width: 155px;
	margin-left:7px;
}

/**********vignette haut*********/

.image_thumb img {
	border: 1px solid #aaa; 
	float: left;
	width:35px;
	height:35px;
}

.image_thumb img.vide {
	border: 0px solid #aaa; 
	float: left;
	width:37px;
	height:37px;
}

.image_thumb ul {
	margin: 0; 
	padding: 0;
	list-style: none;
	display:inline;
	
}
.image_thumb ul li{
	margin: 0; 
	padding:7px;
	padding-bottom:6px;
	width: 35px;
	float: left;
	display:inline;
}

.image_thumb ul li a{
						 width:37px;
						 height:37px;
						 background:#ebebeb;
						 display:block;
}

.image_thumb ul li.hover {
	
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
 display:none;

}	
.image_thumb ul li p{display: none;}

/**/


.image_thumb_bas {
	float: left;
	margin-left:7px;
	margin-top:97px;
	width:155px;

	
}


.image_thumb_bas img {
	border: 1px solid #aaa; 
	float: left;
	
}
.image_thumb_bas img.border0{
	border: 0px solid #aaa; 
	float: left;
}



.image_thumb_bas ul {
	margin: 0; 
	padding: 0;
	list-style: none;
	display:inline;
	width:155Px;
	float:left;
	
	
}
.image_thumb_bas ul li{
	margin: 0; 
	padding:7px;
	padding-bottom:6px;
	width: 35px;
	float: left;
	display:inline;
}

.image_thumb_bas ul li a{
						 width:37px;
						 height:37px;
						 background:#ebebeb;
						 display:block;
}

.image_thumb_bas .prev{
			position:absolute;
			top:644px;
			right:123px;
}

.image_thumb_bas .next{
			position:absolute;
			top:644px;
			right:95px;
}



/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
	width:155px;

}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:155px;
	cursor:pointer;
	font-size:14px;

}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;

}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}
/* single tab */
#flowpanes div ul{
 margin-left:-40px;
}
#flowpanes div ul li { 
					margin: 0; 
					padding:7px;
					padding-bottom:6px;
					width: 35px;
					float: left;
					display:inline;
					
}

/* a- tag inside single tab */
#flowpanes div ul li  a {
	
	       width:37px;
				 height:37px;
				 background:#ebebeb;
				 display:block;
}


/* panes */
#flowpanes {
	width:760px;
	height:190px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:20px 40px;
}



.custom{
 cursor:pointer;

}


/**/





#footer{
				height:94px;
				width:100%;
				background: url('../img/bg_footer.gif') repeat-x;
				
				
}

#footer #footer_in{
				width:1002px;
				height:94px;
				margin:auto;
				background: url('../img/bg_footer_in.gif') no-repeat;
				font-size:11px;
				color:#8c8c8c;
}

#footer #footer_in #logo_footer{
				float:left;
				width:121px;
				height:65px;
				margin-left:41px;
				padding-top:17px;
}

#footer #footer_in #copyright{
				float:left;
				margin-top:46px;
				margin-left:20px;
}

#footer #footer_in #ipt{
				float:right;
				margin-right:12px;
				margin-top:46px;
}

#footer #footer_in #ipt a{
				color:#8c8c8c;
				text-decoration:underline;
}

#footer #footer_in #ipt a:hover{
				color:#8c8c8c;
				text-decoration:none;
}

.truncate_more_link{
					color:#e31b22;
}

a{
				color:#e31b22;
				text-decoration:none;
}

 a:hover{
				color:#e31b22;
				text-decoration:underline;
}


.center{
				text-align:center;
}

.clearer{
				 clear:both;
}

.white{
			 color:#fff;
}