*{
	margin:0;
	padding:0;
}
body{
	font-family: Arial, Verdana, sans serif;
	font-size:0.8em;
	/*background-color:#F4F4F4;*/
	background:url('../images/bg_foot.jpg') bottom left repeat-x transparent;/**/
	background-attachment:fixed;
}
#tout{
	background:url('../images/branche.jpg') top left repeat-x transparent;/**/
	background-attachment:fixed;
	z-index:888;
}
a img{
	border:none;
}
/*-----------CLASSES-------------------*/
.titredouble{
	font-size:20px;
	font-weight:bold;
	color:#FF9000;
	padding-bottom:5px;
	background:url('../images/BG_titre.png') bottom left repeat-x transparent;
}
.titredouble span{
	font-size:16px;
	font-weight:bold;
	color:#666666;
}
.linksmall{
	text-align:right;
	line-height:25px;
	background:url('../images/bg_linksmall.png') bottom left no-repeat transparent;
}
	.linksmall a{
			font-size:12px;
			font-style:italic;
			color:#FF9000;
			text-decoration:none;
	}
	.linksmall a:hover{
			color:#666;
	}
	.linksmall a span{
			color:#666;
			font-weight:bold;
	}
	.linksmall a:hover span{
			color:#FF9000;
	}
.linkbig{
	text-align:left;
	line-height:25px;
}
	.linkbig a{
			background:url('../images/puce_linkbig.png') center left no-repeat transparent;
			padding-left:30px;
			font-size:14px;
			font-style:italic;
			font-weight:bold;
			color:#FF9000;
			text-decoration:none;
	}
	.linkbig a:hover{
			background:url('../images/puce_linkbighover.png') center left no-repeat transparent;
			color:#666;
	}
	.linkbig a span{
			color:#666;
			font-weight:bold;
	}
	.linkbig a:hover span{
			color:#FF9000;
	}

/*--------------CONTENEUR GENERALE-----------------*/
#content{
	margin:0 auto;
	margin-top:28px;
	z-index:50;
	width:932px;
	position:relative;
	background-color:#ffffff;
}
/*--------------HEADER-----------------*/
#header{/*random sur _header.php*/
	/*background:url('../images/header_1.jpg') top center no-repeat #ffffff;*/
	position:relative;
}
	#header h1{
			
	}
		#header h1 a{
			height:264px;
			display:block;
			text-decoration:none;
		}
		#header h1 a span{
			display:none;
		}
/*--------------FOOTER-----------------*/
#footer{
	clear:both;
	color:#999;
	font-size:10px;
	width:932px;
	border-bottom:2px dotted #999;/**/
	/*background:url('../images/bg_foot.gif') bottom left repeat-x #fff;*/
	background:url('../images/bg_centre.png') top left repeat-y #fff;
	/*height:35px;*//*50-15*/
	margin:0 auto;
	text-align:center;
}
#footer a{
	color:#999;
	text-decoration:underline;
}
#footer a:hover{
	color:#000;
	text-decoration:none;
}
/*--------------BARRE TOP-----------------*/
#barretop{
	background:url('../images/bg_barretop.png') top left repeat-x #000;/**/
	position:absolute;
	top:0;
	left:0;
	padding-top:5px;
	height:28px;/*33-5*/
	width:100%;
	color:#fff;
	z-index:20;
}
#barretop h2{
	display:inline;
	font-size:12px;
	margin:0;
	padding:0;
	margin-right:20px;
	font-weight:bold;
}
#barretop form{
	display:inline;
}
#barretop label{
	font-size:10px;
}
.formtop{
	width:80px;
	font-size:10px;
	background:url('../images/bg_input.png') bottom right no-repeat #fff;/**/
	border:1px solid #666;
}
.formtop:focus{
	background:#fff;/**/
}
.btntop{
	background:url('../images/bg_button.png') bottom right repeat-x transparent;/**/
	color:#fff;
	border:1px solid #666;
	/*width:30px;*/
}
.btntop:hover{
	border:1px solid #999;
}
.btntop:active{
	border:1px solid #ccc;
}
/*-------------------------------------------------------------*/
/*---------------------- Outils--------------------------------*/
/*-------------------------------------------------------------*/
#outil{
	/*display:none;*/
	text-align:right;
	height:25px;
	/*margin-top:-30px;
	padding-top:10px;*/
	position:absolute;
	top:7px;
	right:10px;
}
.home{
	margin-right:30px;
}
.print{
	margin-right:25px;
}
.friends{
	margin-right:20px;
}
/*infobulle*/
.hotspot { cursor:pointer; z-index:100;}

#tt {position:absolute; display:block; background:url(../images/infobulle/tt_left.png) top left no-repeat;  z-index:100;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/infobulle/tt_top.png) top right no-repeat; overflow:hidden;  z-index:100;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#333333; color:#FFF;  z-index:100;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/infobulle/tt_bottom.png) top right no-repeat; overflow:hidden;  z-index:100;}
/*-------------------------------------------------------------*/
/*---------------------- MENU--------------------------------*/
/*-------------------------------------------------------------*/
#menu{
	position:absolute;
	top:130px;
	right:60px;
	list-style-type:none;
	height:80px;
	z-index:2;
}
/**/#menu li{
	display:inline;
}

#menu li a {
	text-align:center;
	display: block;
	float:left;
	width: 90px;
	height:80px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding-top:60px;
    /*opacity : 0.8;
    filter : alpha(opacity=80); */
}
#menu li a:hover {
   /*opacity : 1;
    filter : alpha(opacity=100);  */
}
#menu .current{
    /*opacity : 1;
    filter : alpha(opacity=100); */
	text-decoration:underline;
}

#m_accueil{
	background:url('../images/menu/accueil.png') top center no-repeat transparent;
}
#m_prestations{
	background:url('../images/menu/prestations.png') top center no-repeat transparent;
}
#m_references{
	background:url('../images/menu/references.png') top center no-repeat transparent;
}
#m_presentation{
	background:url('../images/menu/presentation.png') top center no-repeat transparent;
}
#m_contact{
	background:url('../images/menu/contact.png') top center no-repeat transparent;
}
/*-------------------------------------------------------------*/
/*---------------------- CENTRE------------------------*/
/*-------------------------------------------------------------*/
#centre{
	/*border:1px solid red;*/
	height:100px;
	position:relative;
	height:100%;
	background:url('../images/bg_centre.png') top left repeat-y transparent;
	/*background-color:red;*/
}
/*-------------------------------------------------------------*/
/*---------------------- COLONNE GAUCHE------------------------*/
/*-------------------------------------------------------------*/
#left{
	width:360px;
	float:left;
	/*background:url('../images/bg_left.png') top left repeat-y transparent;
	background-color:red;*/
}
/*-------------------------------------------------------------*/
/*---------------------- COLONNE DROITE------------------------*/
/*-------------------------------------------------------------*/
#right{
	width:570px;
	float:left;
	/*background:url('../images/bg_left.png') top right repeat-y transparent;*/
}

/*-------------------------------------------------------------*/
/*------------ -------- COLONNE GAUCHE ACCUEIL-----------------*/
/*-------------------------------------------------------------*/
/*liste des prestations*/
#prestations{
	margin-left:33px;
	margin-right:38px;
	background:url('../images/Bg_basgauche_cadre.png') bottom left no-repeat transparent;
	padding-bottom:40px;
}
	#prestations h2{
		padding-left:33px;
		margin-bottom:20px;
	}
	#prestations p{
		padding-left:33px;
	}
	#prestations h3{
		background:url('../images/puce_prestation.png') center left no-repeat transparent;
		font-size:16px;
		font-weight:bold;
		color:#666666;
		padding-left:16px;
		line-height:40px;
		margin-left:33px;
		
	}
	#prestations ul{
		margin-left:45px;
		margin-top:-20px;
		list-style-type:none;
	}
		#prestations ul li{
	
		}
			#prestations ul li a{
				display:block;
				background:url('../images/puce_prestation.png') center left no-repeat transparent;
				font-size:16px;
				font-weight:bold;
				color:#666666;
				padding-left:16px;
				text-decoration:none;
				line-height:35px;
			}
			#prestations ul li a span{

			}
			#prestations ul li a:hover{/**/
				color:#000;
				background:url('../images/puce_prestation_hover.png') center left no-repeat transparent;
			}
			

.prestaweb{
	background:url('../images/prestaweb.png') center left no-repeat transparent;
	line-height:65px;
	padding-left:35px;
	font-size:18px;
	font-weight:bold;
	color:#666666;
}
.prestacomm{
	background:url('../images/prestacomm.png') center left no-repeat transparent;
	line-height:65px;
	padding-left:35px;
	font-size:18px;
	font-weight:bold;
	color:#666666;
}

/*temoignage*/
#temoignage{
	margin-left:33px;
	margin-right:38px;
	margin-top:20px;
	background:url('../images/Bg_basgauche_cadre.png') bottom left no-repeat transparent;
	padding-bottom:40px;
}
	#temoignage h2{
		padding-left:33px;
		margin-bottom:20px;
	}
	#temoignage h3{
		padding-left:33px;
		color:#333333;
		font-size:14px;
	}
	#temoignage p{
		font-style:italic;
		padding-left:60px;
		padding-right:50px;
	}

	.txttemoignage{
		background:url('../images/bg_temoignage.png') top left no-repeat transparent;
	
	}


/*-------------------------------------------------------------*/
/*------------ -------- COLONNE DROITE ACCUEIL-----------------*/
/*-------------------------------------------------------------*/
/*texte de présentation*/
#presentation{
	width:260px;
	float:left;
	margin-left:0px;
	margin-right:15px;
	background:url('../images/Bg_basgauche_cadre.png') bottom left no-repeat transparent;
	padding-bottom:40px;
}
	#presentation h2{
		padding-left:33px;
		margin-bottom:10px;
	}
	#presentation p{
		margin-left:33px;
	}

/*actu*/
#actus{
	width:260px;
	float:left;
	margin-left:15px;
	margin-right:0px;
	background:url('../images/Bg_basgauche_cadre.png') bottom left no-repeat transparent;
	padding-bottom:40px;
}
	#actus h2{
		padding-left:33px;
		margin-bottom:10px;
	}
	#actus h3{
		padding-left:33px;
		margin-bottom:10px;
		text-align:center;
		font-size:15px;
		color:#333;
	}
	#actusimg{
		text-align:center;
	}
	#actus p{
		margin-left:33px;
	}

/*actu*/
#references{
	clear:both;/**/
	margin-top:30px;
}
#references h2{
	margin-top:30px;
}

/*-------------------------------------------------------------*/
/*---------------------------PAGE PRESTATIONS---------------*/
/*-------------------------------------------------------------*/
.partie{
	background-color:#fff;
}
.partie h2{
	background-color:#fff;
}
.partie p{
	background-color:#fff;
	margin-top:6px;
	margin-bottom:6px;
}
.partie h3{
	background:url('../images/puce_prestation.png') center left no-repeat transparent;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding-left:16px;
	line-height:40px;
	border-bottom:1px solid #ccc;
	margin-right:10px;
}
.partie ul{
	margin-left:35px;
	list-style-image:url('../images/puce.png')
}
.partie ul li{
	margin-bottom:10px;
}
.partie a{
	text-decoration:underline;
	color:#000;
}
.partie a:hover{
	text-decoration:none;
	color:#666;
}

/*-------------------------------------------------------------*/
/*---------------------------TARIFS---------------*/
/*-------------------------------------------------------------*/
#pack-web-vitrine{
	border:solid 1px #CCC;
	clear:both;
}
#pack-ecommerce{
	border:solid 1px #CCC;
	clear:both;
}
#identite-edition{
	border:solid 1px #CCC;
	clear:both;
}
.lientarifs{
	margin-top:35px;
	background:url('../images/lientarifs.png') center left no-repeat transparent;
	line-height:40px;
}
.lientarifs a{
	color:#666;
	text-decoration:none;
	margin-left:45px;
}
.lientarifs a:hover{
	color:#FF9000;
}



.tabs{

	
}	


ul.tabNavigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.tabNavigation li {
	 margin-left:1px;/**/
	 float:left; /*pour IE*/
	 
	/*display: inline;
	text-align:center;
	width:76px;
	height:40px;*/
}

ul.tabNavigation li a {
	 display:block;
	 float:left;   
	 width:150px;
	 
	 color:#fff;
	 text-decoration:none;
	 text-align:center;
	 padding:2px;
	 padding-top:10px;
	 height:30px;
	 background:url('../images/onglet.png') top left no-repeat transparent;	
}
.li-simple {
	
}
ul.tabNavigation li a.tabselected,
ul.tabNavigation li a:hover {
	 background:url('../images/onglethover.png') top left no-repeat transparent;	
	color: #000;
	/*padding-top: 7px;*/
}

ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs > div {
	/*padding: 5px;*/
	/*margin-top: 3px;*/
	/*border: 5px solid #333;*/
}

div.tabs > div h2 {
	/*margin-top: 0;*/
}


.waste {
	min-height: 1000px;
}


/*tableau*/

.tarifs{
	border:1px solid #666;	
	border-collapse: collapse;
	text-align:center;
}
.tarifs tr{
}

.tarifs td, .tarifs th{
	border:1px solid #666;	
		
}
.tabtitre{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
}
.tabtarif{
	border:3px double #666;	
	background-color:#FAC865;
	
}
/*liste option*/
.listopt ul{
	margin-left:35px;
	list-style-image:url('../images/puce.png')
}
.listopt ul li{
	margin-bottom:10px;
}
.listopt a{
	text-decoration:underline;
	color:#000;
}
.listopt a:hover{
	text-decoration:none;
	color:#666;
}

/*-------------------------------------------------------------*/
/*---------------------------PAGE REFERENCES-------------------*/
/*-------------------------------------------------------------*/

.uneref{
	width:260px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	height:165px;
}
.txtref{
	/*height:80px;
	overflow:auto;
*/
	font-style:italic;
	color:#666666;
}
.uneref h3{
	background:url('../images/puce_prestation.png') center left no-repeat transparent;
	font-size:13px;
	font-weight:bold;
	color:#333;
	padding-left:12px;
	/*line-height:20px;*/
	font-style:normal;
}
.uneref a{
	text-decoration:underline;
	color:#000;
}
.uneref a:hover{
	text-decoration:none;
	color:#666;
}
.uneref a img{
	text-decoration:none;
	border:solid 1px #FFF;
    filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 	
}
.uneref a:hover img{
	text-decoration:none;
	border:solid 1px #000;
    filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 	
}
.refimg{
	text-align:center;
}
/*FICHE REFERENCE*/
#refseule{
		  
}
#refseule a{
		color:#666;  
}
.refseule-imgdeco{
	float:right;
	padding:12px;
}
.txtrefseule{
	text-align:justify;
}
#apercu{
	clear:both;
	text-align:center;
}
/*-------------------------------------------------------------*/
/*---------------------------PAGE PRESENTATION-------------------*/
/*-------------------------------------------------------------*/
.presentation{

}
.presentation h3{
	background:url('../images/puce_prestation.png') center left no-repeat transparent;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding-left:16px;
	line-height:40px;
}
.presentation h4{
	background:url('../images/bg_linksmall.png') bottom left no-repeat transparent;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding-left:16px;
	line-height:40px;
}
.presentation ul{
	margin-left:35px;
	list-style-image:url('../images/puce.png')
}
.presentation ul li{
	margin-bottom:10px;
}
.presentation a{
	text-decoration:underline;
	color:#000;
}
.presentation a:hover{
	text-decoration:none;
	color:#666;
}

/*-------------------------------------------------------------*/
/*---------------------------PAGE CONTACT-------------------*/
/*-------------------------------------------------------------*/
#formcontact{

}
#formcontact h3{
	background:url('../images/puce_prestation.png') center left no-repeat transparent;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding-left:16px;
	line-height:40px;
}
#formcontact p{
	margin-bottom:6px;
}
#formcontact label{
	display:block;
	float:left;
	width:150px;
}
.inputtextform{
	width:400px;
	font-size:12px;
	background:#eee;/**/
	border:1px solid orange;
	
}
.inputtextform:hover{
	background:#fff;/**/
	
}
.inputtextform:focus{
	background:#fff;/**/	
}
.inputtextform:selected{
	background:#fff;/**/	
}

#formcontact textarea{
	width:550px;
	height:80px;
}

/*-------------------------------------------------------------*/
/*---------------------------PAGE ACTUALITES-------------------*/
/*-------------------------------------------------------------*/
#listactus{
	margin-left:33px;
	margin-right:38px;
	background:url('../images/Bg_basgauche_cadre.png') bottom left no-repeat transparent;
	padding-bottom:40px;
}
	#listactus h2{
		padding-left:33px;
		margin-bottom:20px;
	}
	#listactus ul{
		margin-left:33px;
		list-style-type:none;
	}
		#listactus ul li{
	
		}
			#listactus ul li a{
				display:block;
				background:url('../images/puce_prestation.png') center left no-repeat transparent;
				font-size:12px;
				font-weight:normal;
				color:#666666;
				padding-left:16px;
				text-decoration:none;
				
			}
			#listactus ul li a span{
				font-weight:bold;
				color:#333;
			}
			#listactus ul li a:hover{/**/
				color:#000;
				background:url('../images/puce_prestation_hover.png') center left no-repeat transparent;
			}



/*---------------------------------------------------------*/
/*-----------------ENVOYER A UN AMI______------------------*/
/*---------------------------------------------------------*/
#friends {
	display: none;
	position: absolute;
	top: 10em;
	right: 30em; 
	background-color:#ccc;
	background:url('../images/bg_friends.png') top left no-repeat transparent;/**/
	/*-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);*/
	z-index: 500;
	/*cursor: pointer;*/
	font-size: 80%;
	width:400px;
	height:250px;
	text-align: center;
}
#friends p {

}
#fermer{
	text-align:right;
}
#fermer a img{
	border:none;
}


/*-----------------------CATALOGUE--------------------------*/
.catalogue{
	text-align:center;
}


.catalogue a img {
	margin:10px;
	border:1px solid #fff;
}
.catalogue a img:hover {
	border:1px solid #ccc;
}
.wslide-menu{

}

			#liste_catalogue li{
				
			}
			#liste_catalogue-menu{
				background-color:#FF9000;
				color:#666666;
				font-size:1.3em;
				text-decoration:none;
				text-align:center;
				margin-bottom:12px;
			}
			#liste_catalogue-menu a.wactive{
				padding: 0px 5px;
				text-decoration:none;
				background-color: #666666;
				color: #fff;
			}