/* CSS Document */
* {
	margin:0; padding:0; border:0; text-align:left;
}

body {
	background:#666161 url(background.jpg) 0 -111px repeat-x;
}
#anim {
	width:961px;
	margin:5px auto auto auto ;
	position:relative;
	right:14px;	
}
#wrapper {
	margin:-5px auto 0 auto ;
	padding:0 0 40px 0;
	width:934px;
	background:#CCCCCC;
}


/***************************** MENU *****************************/

#menu {
	position:relative;
	margin: -35px auto 25px auto;
	padding: 0 0 0 15px;
	width:793px;
	height:30px;
	background-color:white;
	text-align:center;
}
	#menu .page_active {
		/*border-bottom:2px solid red;  Voir dynamic_menu*/
	}
	#menu a{
		display:block;
		
		height:21px;
		margin:5px 12px 0 5px ;
		float:left;
	}
		#index {				background:url(presentation.gif) no-repeat center 0px; width:110px;}
		#index:hover {			background:url(presentation.gif) no-repeat center -23px;}
		
		#services {				background:url(nosservices.gif) no-repeat center 0px; width:110px;}
		#services:hover {		background:url(nosservices.gif) no-repeat center -23px;}
		
		#references {			background:url(nosreferences.gif) no-repeat center 0px; width:135px;} 
		#references:hover {		background:url(nosreferences.gif) no-repeat center -23px;}
		
		#catalogues {			background:url(noscatalogues.gif) no-repeat center 0px; width:191px;} 
		#catalogues:hover {		background:url(noscatalogues.gif) no-repeat center -23px;}
		
		#devis {			background:url(devis.gif) no-repeat center 0px; width:50px;} 
		#devis:hover {		background:url(devis.gif) no-repeat center -23px;}
		
		#contact {					background:url(contact.gif) no-repeat center 0px ; width:74px;}
		#contact:hover {			background:url(contact.gif) no-repeat center -23px;}
		
		#menu a span, .webshop a span{
			display:none;
		}
	

/***************************** CONTENU *****************************/
.webshop a
{
	display:block;
	background:url(webshop.jpg) no-repeat top left;
	width:79px;
	height:50px;
	position:absolute; 
	top:451px; 
	right:50%; 
	font-size:14px;
	margin:0 -460px 0 0;
}

.webshop a:hover
{
	background:url(webshop.jpg) no-repeat bottom left;
}

#titre {
	width:618px;
}
#content {
	font-weight:normal;
	font-size:14px;
	font-family:tahoma, Arial, Helvetica, sans-serif;	
}
#content img {
	float:left;
}
#content p{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:45px;
	padding-right:40px;
	color:#5A5A5A;
}
#content ul{
	list-style:none;
	padding-left:45px;
}
#content ul li{
	display:block;
	list-style:none;
	margin:0 0 10px 0;
	
	color:#808080;
	font-weight:bold;
}
#content li a {
	background-image:url(puce.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position: 0px 4px;
	font-size:10pt;
	color:#5A5A5A;
	text-decoration:none;
	font-weight:normal;
	cursor:default;
}
#content li a:hover {
	color:#48548c;
}

#content ul li.jsInside a{
	cursor:pointer;
	background-image:url(puce3.jpg);
	background-position: 0px 4px;
}
#content ul li.jsInside a strong{
	text-decoration:underline;
}
/*
#content li a:hover{
	background-image:url(puce2.jpg);
	color:#48548c;
}
*/
#content ul li.jsInside a:hover{
	background-image:url(puce4.jpg);
	color:#48548c;
}
/*
#content ul li a:hover strong {
	color:#FFFFFF;
}

*/#content ul.floatleft{
	float:left;
	padding: 0 0 0 50px;
}
#content ul.floatleft li{
	letter-spacing:2px;
	color:#48548c;
}

#content ul.floatleft li a{
	display:block;
	/*width:150px;*/
	letter-spacing:1px;
	cursor:pointer;
}
#content .logoloader object{
	margin:100px auto auto auto;
 }
#content .logoloader embed{
	margin:100px auto auto auto;
 }
 a.back{display:block; float:left; margin: 0 0 0 35px; clear:both;}

#content a.lien{
	color:#5A5A5A;
	color:#182782;
	text-decoration:none;
}
#content a.lien:hover{
	color:#182782;
	color:#e2001a;
	text-decoration:none;
}
#content a.lien span{
	padding:0 5px 0 0;
}
#content a.lien:hover span{
	color:#666666;
	color:#182782;
	text-decoration:none;
}
.maginTitreBug{
	height:96px; width:600px;
}
.text {
	float:left;
	width:590px;
	margin:0 0 0 0; 
	/*border:1px solid red;*/
}
h1 { 
	background-color:white;
	/*font-family:"Myriad Pro Cond";
	font-size:17pt;*/
	padding:0 0 0 32px;
	margin:0 0 40px 0;
	height:66px;
}
h1 img{
	margin-top:10px;
}
div.lefttitle{ 
	display:block;
	float:left;
	background-color:white;
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:66px;
	width:200px;
	clear:none;
	border:1px solid black;
}
div.lefttitle img{
	margin:0; padding:0;
}

.clearAll {
	position:relative;
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	border:1px solid grey;
}

.contact_table{
	float:left; clear:left;
	margin: 96px 0 30px 30px;
	width:390px;
	color:#5A5A5A;
}
.contact_table input
{
	width:270px;
	font-family:Arial, Helvetica, sans-serif;
	color:#15297F;
	font-size:13px;
}
.contact_table textarea
{
	color:#15297F;
	font-size:13px;

}
.contact_table .submit input
{
	width:auto;
	float:right;
	cursor:pointer;
	text-align:center;
	font-weight:normal;
	padding:3px;
	background:#f0f0f0;
}

.contact_table .submit input:hover
{	
	background:#15297F;
	color:#FFFFFF;
	font-weight:normal;
}
.contact_table .tableft{
	text-align:right;
	height:20px;
	width:110px;
}
.contact_table span{
	color:#FF0000;
	padding: 0 0 0 3px;
}

iframe{
	float:right;
}
#content p.confirm{display:block; float:left; margin:0 0 0 45px; width:450px; text-align:center; padding:30px ; border:1px solid #FFFFFF;}

/******************************************/
#footer {
	background:#aeadb3;
	width:950px;
	margin:-40px auto 0 auto;
	height:30px;
	font-size:12px;
	font-weight:normal;
	font-family:tahoma,"times new roman";
	color:#FFFFFF;
}
#footer div.left {
	margin:0 0 0 10px ;
	padding:0;
	float:left;
	width:45%;
	text-align:left;
	line-height:30px;
}
#footer div.right {
	margin:0 0 0 0 ;
	padding:0;
	float:right;
	width:220px;
	text-align:right;
	line-height:30px;
}
#footer object,
#footer embed
 {
	float:right;
	margin:4px 10px 0 10px ;
	margin:0;
}
.rouge {
	color:#e2001a;
	font-weight:bold;
}
.bleu {
	color:#182782;
	font-weight:bold;
}
#powered{
	text-align:center;
	margin-top:10px;
	color:#737373;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#powered a{
		color:#808080;
}
#powered a:hover{
	color:#FFFFFF;
	text-decoration:none;
}