*{
	margin:0;
	padding:0;
}
body{
	font-family: Arial, Verdana, sans serif;
	font-size:0.8em;
	background-color:#F4F4F4;
}
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:26px;
	z-index:50;
	width:932px;
	position:relative;
	background-color:#ffffff;
}
/*--------------HEADER-----------------*/
#header{
	background:url('../images/header.jpg') top center no-repeat #ffffff;/**/
	position:relative;
}
	#header h1{
			
	}
		#header h1 a{
			height:265px;
			display:block;
			text-decoration:none;
		}
		#header h1 a span{
			display:none;
		}
/*--------------FOOTER-----------------*/
#footer{
	clear:both;
	color:#999;
	font-size:10px;
	width:930px;
	/*border-top:1px dotted #666;*/
	background:url('../images/bg_foot.gif') top left repeat-x transparent;/**/
	/*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;*/
}
#right p{
	margin-bottom:8px;
	/*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:33px;
		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:40px;
			}
			#prestations ul li a span{

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

#commentairegauche{
	margin-top:20px;
	margin-left:10px;
	margin-right:20px;
	text-align:center;
	font-size:20px;
}
#commentairegauche a{
	color:#666666;
	text-decoration:none;
	display:block;
}
#commentairegauche strong{
	font-size:24px;
	color:#FF9000;
	font-weight:bold;
}
/*-------------------------------------------------------------*/
/*------------ -------- 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;
}

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

.uneref{
	width:260px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	height:230px;
}
.txtref{
	height:80px;
	overflow:auto;

}
.uneref 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:20px;
}
.uneref a{
	text-decoration:underline;
	color:#000;
}
.uneref a:hover{
	text-decoration:none;
	color:#666;
}
.uneref a img{
	text-decoration:none;
	border:0;
	width:100px;
	height:100px;
}
.refimg{
	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 ul li ul{
	margin-left:35px;
	list-style-image:url('../images/puce_prestation_hover.png');
	/*color:blue;*/
	}
	.presentation ul li ul li{
		margin-bottom:10px;
	}
.presentation ol{
	margin-left:35px;
	/*list-style-image:url('../images/puce.png')*/
}
.presentation ol li{
	margin-bottom:10px;
}

.presentation a{
	text-decoration:underline;
	color:#000;
}
.presentation a:hover{
	text-decoration:none;
	color:#666;
}
#tarifs{
	background-color:#FEC767;
	border:double 4px #FF9000;
	padding:4px;
}
/*-------------------------------------------------------------*/
/*---------------------------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;
			}