body {
	background: #ffffff url("images/bg.gif") left top repeat-x;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:12px;
	color: #333333;
	margin:0;
}
a {
	color: #dd2d8e;
	text-decoration:none;
}
a:hover {
		color: #dd2d8e;
		text-decoration: none;
}

.container {
	width:840px;
	margin: 0 auto;
	
}
.header {
	height:143px;
	width:840px;

}
.footer {
			background: #ffffff url("images/footer.gif") left top repeat-x;
			height:88px;
			clear:both;
	
}
.imgfooter {
			width:840px;
			margin: 0 auto;
			height:88px;
			background: url("images/poignee02.gif") left bottom no-repeat;
}

.imgcontent {
			width:840px;
			text-align:left;
			background:url("images/poignee01.gif") left bottom no-repeat;
			
			
	 
}
.clear{
	clear:both;
}
.copyright {
	clear:both;
	font-weight:bold;
	font-size:10px;
	color:#cccccc;
	height:20px;
	margin-bottom:100px;
} 
/********************************************/
.menubas {
	color:#dd2d8e;	text-decoration:none;
	font-size:12px;
	width:580px;
}
.menubas li a:hover{
	color:#dd2d8e;
	text-decoration:none;
	font-weight:bold;
}
/***********************************************/
p {
	text-align:justify;
}
img{
	border:0px;
}

/***********************************DANS LE HEADER****************************/
.hauthd{
		width:830px;
		height:21px;
		color:#dd2d8e;
		text-align:right;
		padding:5px 10px 0px 0px;
		}
.hauthd a{
		color: #dd2d8e;
		text-decoration:none;
}
.hauthd:hover{
		color: #dd2d8e;
		text-decoration:none;
}
.lefthd{
		width:225px;
		height:107px;
		padding:10px 0px 0px 5px;
		float:left;
	
		
		}
.righthd{
		width:610px;
		height:77px;
		float:right;
		padding:40px 0px 0px 0px;
		text-align:right;
		line-height:5px;
	
	
		
		}
/***********************************TITRES****************************/
h1{
		color:#dd2d8e;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		}
h2{
		color:#dd2d8e;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		}
h3{
		color:#666666;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		}
h4{
		color:#666666;
		background:url(images/picto.png) 0px 3px no-repeat;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		padding:0px 0px 0px 15px;
		margin:0px;
		}		
		
.pointsbottom{
	border-bottom:dotted #333333 1px;
	margin:15px 0px 0px 0px;
}		
/***********************************DANS LE CONTENT****************************/
.content {
background:url("images/poignee01.gif") left bottom no-repeat;

	width:840px;
}
.outilstext{
	width:560px;
	padding:10px 10px 0px 10px; 

}
/*******************************LES SILHOUETTES*******************************/
.contentpoignee{
		background:url("images/poignee01.gif") left bottom no-repeat;
			width:840px;

}
.imgfooterpoignee {
			width:840px;
			margin: 0 auto;
			height:88px;
			background: url("images/poignee02.gif") left bottom no-repeat;
}
.contentjournal{
		background:url("images/shadowreference.gif") left bottom no-repeat;
			width:840px;

}
.imgfooterjournal {
			width:840px;
			margin: 0 auto;
			height:88px;
			background: url("images/shadowreference2.gif") left bottom no-repeat;
}
.contentphoto{
		background:url("images/photo.gif") left bottom no-repeat;
			width:840px;

}
.imgfooterphoto {
			width:840px;
			margin: 0 auto;
			height:88px;
			background: url("images/photo2.gif") left bottom no-repeat;
}
.contentconf{
		background:url("images/conference.gif") left bottom no-repeat;
			width:840px;

}
.imgfooterconf{
			width:840px;
			margin: 0 auto;
			height:88px;
			background: url("images/conference2.gif") left bottom no-repeat;
}
.contentdiscu{
		background:url("images/discu.gif") left bottom no-repeat;
			width:840px;

}
.imgfooterdiscu{
			width:840px;
			margin: 0 auto;
			height:88px;
			background: url("images/discu2.gif") left bottom no-repeat;
}

.contentassis{
		background:url("images/assis.gif") left bottom no-repeat;
			width:840px;

}
.imgfooterassis{
			width:840px;
			margin: 0 auto;
			height:88px;
			background: url("images/assis2.gif") left bottom no-repeat;
}
/**************************************************************/
.ctright{
			width:580px;
			font-family:Arial, Helvetica, sans-serif;
			float:right;
			margin-bottom:10px;
			
}
.separation{
	width:580px;
	height:110px;
	clear:both;
}
.ctleft{
			width:260px;
			float:left;

}
.titre{
			text-align:center;
			font-size:14px;
			width:580px;
}
.titre2{
			text-align:left;
			font-size:14px;
			width:580px;
}
.guillemet01{
		background:url("images/guillemet01.png") left top no-repeat;
		padding:45px 0px 0px 80px;
		margin: 10px 0px 0px 10px;
		color:#dd2d8e;
}
.guillemet02{
		background:url("images/guillemet02.png") right bottom no-repeat;
		margin-top:10px;
		padding: 10px 48px 20px 0px;
}
.textguillemets{	
			text-align:center;
			width:530px;
			padding:40px 25px 20px 25px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			line-height:20px;
			color:#666666;
			margin-bottom:10px;
		
}		
.troispoints{
	text-align:right;
	height:15px;
}			
.liendroite{
	float:right;
	padding:0px 0px 0px 0px;
}			

.violet{
	color:#dd2d8e;
}
.textcorps{
	font-size:12px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	width:580px;
}
.ctright li{
	background:url("images/picto.png") 0px 3px no-repeat;
	padding:0px 0px 0px 15px;
	list-style:none;
} 
.ctright ul{
	margin:0px;
}
.menubas li{
	background:url("images/petitpointpicto.gif") 0px 3px no-repeat;
	padding:0px 0px 0px 13px;
	list-style:none;
} 
.ctright a:hover{
	color:#FF33CC;
}
table{
color: #999999;}
.bg1{
	/*background:#d5dfe5;
	height:35px;*/
	font-weight:bold;
	
	padding: 0px 0px 0px 3px;
	border-bottom: 1px #999999 dotted;
}
.colorerr {
	color:#CC0000;
	font-size:11px;
	/*font-style:italic;*/
	text-align:left;
	font-weight:bold;
}
.colorerr2 {
	color:#CC0000;
	font-size:10px;
	/*font-style:italic;*/
	text-align:left;
	font-weight:bold;
}
.input, .textarea{
	width:200px;
	font-size:12px;
	font-weight:bold;
	border: #dd2d8e 1px solid;
}
.btn{
	background:#dd2d8e;
	height:23px;
	font-weight:bold;
	color:#fff;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	border:0px;
	width:98px;
	cursor:pointer;
} 
.demande{
	background:url(images/demande.png) top no-repeat;
	display:block;
	height:29px;
	line-height:29px;
	padding:8px 0px 0px 0px;
	width:270px;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
}
.demande a:hover{
	color:#ffffff;
}
.demande a{
	color:#ffffff;
}
.demandedevis{
	background:url(images/demande.png) top no-repeat;
	display:block;
	height:29px;
	line-height:29px;
	padding:8px 0px 0px 0px;
	width:270px;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}
.demandedevis a:hover{
	color:#ffffff;
}
.demandedevis a{
	color:#ffffff;
}
.demande2{
	background:url(images/demande.png) top no-repeat;
	display:block;
	height:29px;
	line-height:29px;
	padding:8px 0px 0px 0px;
	width:270px;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	letter-spacing:2px;
}
.demande2 a:hover{
	color:#ffffff;
}
.demande2 a{
	color:#ffffff;
}
.violetsouligne{
	display:block;
	width:580px;
	height:20px;
	color:#dd2d8e;
	line-height:20px;
	border-bottom:solid 2px #dd2d8e;
	
}
.adresse{
 width:383px;
 border-bottom:#000000 dotted 1px;
 padding:10px 0px 10px 0px;
}
.encadre{
	/*background:#e9e9e9;*/
	padding:1px 10px 25px 10px;
	border: #dd2d8e 1px solid;
}
.agences{
	clear:both;
}
.agences1{
	float:left;
}
.agences2{
	float:right;
	padding:10px 0px 0px 0px;
	width:300px;
	text-align:left;
}
.catalogue{
	display:block;
	background:#dd2d8e;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:16px;
	width:240px;
	text-align:center;
	border:solid #FFFFFF 1px;
	padding:1px 1px 1px 1px;
	margin:10px 0px 0px 0px;
	letter-spacing:1px;
}
.catalogue:hover{
	display:block;
	background:#ffffff;
    font-size:13px;
	font-weight:bold;
	height:16px;
	width:240px;
	text-align:center;
	border:solid #FFFFFF 1px;
	padding:1px 1px 1px 1px;
	letter-spacing:1px;
}
.loup{
	margin:0px 0px 10px 10px;
}