/***************************** general **********************************/

*{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
	height:15px;
}

ul{
	list-style-type:none;
}

a img{
border:0;
}


strong{
	color:#4C9CCF;
}

a{
	color:#4e9bcf;
	text-decoration:none;
}


p {
	padding-bottom:15px;
	padding-right:30px;

	/*letter-spacing:2px;
	font-weight:100;
	text-align:justify;
	line-height:22px;*/


	font-style: normal;
	line-height: 17pt;

	text-align: justify;
	vertical-align: top;
	letter-spacing: 1pt;
	font-weight: normal;
}

p.puce{
	background:url('img/puce-p.png') no-repeat;
	padding-left:50px;
	font-size:16px;
	/*letter-spacing:1px;
	font-weight:normal;*/

	font-size: 11pt;
	font-style: normal;
	line-height: 18pt;
	color: #656160;
	text-align: left;
	letter-spacing: 1pt;
}

a{
	outline: none
}


h2{
	/*font-weight:bold;
	font-style:italic;
	font-size:30px;
	color:#524d4a;
	letter-spacing:1px;*/


	font-size: 30px;
	font-style: italic;
	line-height: 28px;
	font-weight: bold;
	color: #534D4C;
}

h3{
	/*font-weight:normal;
	font-style:italic;
	font-size:25px;
	color:#524d4a;
	letter-spacing:1px;*/

	font-size: 23px;
	font-style: italic;
	line-height: 28px;
	color: #534D4C;
	font-weight:normal;
}

/********************************* structure *******************************/
body{
	background:url('img/fond-body.png') #ece9e8 repeat-x;

	/*font-family:Arial, sans-serif;
	font-size:14px;
	color:#64605f;*/

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;

	color: #655551;
}
#wheader{
	height:110px;
}
#wmain{
	background:url('img/fond-wmain.png') repeat-x bottom left;
}
#wfooter{
	/*background:url('img/fond-wfooter.png') #351e1a no-repeat center;*/
	background:#351e1a;
}
#bandeau{
	height:205px;
}

.wrapper{
	width:100%;
}

.fixe{
	width:800px;
	margin:auto;
}

.fond{
	position:absolute;
}

#header{
	height:110px;
	position:relative;
	overflow:hidden;
}

#main{

}

#footer{
	height:188px;
	font-size:12px;
	position:relative;
}

#gauche{
	float:left;
	width:550px;
	background:url('img/fond-main.png') repeat-y;
	margin-top:15px;
	overflow:hidden;
}

#droite{
	float:left;
	width:250px;
	margin-top:15px;
}


#une
{
	background:url('img/fond-une.png') no-repeat;
	background-position: 300px 0px;
	height:180px;
	position:relative;
}


#une h2{
	padding-top:25px;
}

#une img.une
{
	margin-top:10px;
	margin-right:25px;
}

#une div#applications
{
left:586px;
position:absolute;
top:29px;
}
/**************************** header ****************************/

h1 {
background:transparent url(img/h1.png) no-repeat scroll 0 10px;
height:110px;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:202px;
}

h1 span
{
	display:block;
	padding-top:162px;
}

#header ul{
height:38px;
left:258px;
position:absolute;
top:72px;
}
#header ul ul{
height:200px;
left:132px;
position:absolute;
top:43px;
width:200px;
z-index:1000;
}
#header li{
float:left;
height:38px;
overflow:hidden;
}

#header li li{
	float:none;
	height:20px;
	overflow:visible;
}

#header li a{
	display:block;
	height:38px;
	text-indent:-999px;
}
#header li a.ss{
	display:block;
	height:20px;
	text-indent:0px;
	font-family:"Trebuchet MS";
	padding:5px;
	text-align:left;
}


#header li#presentation a{
	width:112px;
	background:url(img/presentation_off.png) no-repeat;
}
#header li#applications a{
	width:112px;
	background:url(img/applications_off.png) no-repeat;
}
#header li#produits a{
	width:82px;
	background:url(img/produits_off.png) no-repeat;
}
#header li#produits a.ss{
	width:72px;
	background-color:#110705;
	border-bottom:solid 1px #321C18;
	background-image:none;
	color:white;
}
#header li#produits a.ss:hover{
color:#00D82F;
background:none;
background-color:#110705;
}
#header li#services a{
	width:97px;
	background:url(img/services_off.png) no-repeat;
}
#header li#contact a{
	width:77px;
	background:url(img/contact_off.png) no-repeat;
}

#header li#presentation a.active,#header li#presentation a:hover{
	background:url(img/presentation_on.png) no-repeat;
}
#header li#applications a.active,#header li#applications a:hover{
	background:url(img/applications_on.png) no-repeat;
}
#header li#produits a.active,#header li#produits a:hover,#header li#produits a.actia{
	background:url(img/produits_on.png) no-repeat;
}
#header li#services a.active,#header li#services a:hover{

	background:url(img/services_on.png) no-repeat;
}
#header li#contact a.active,#header li#contact a:hover{
	background:url(img/contact_on.png) no-repeat;
}

/*#header li#presentation a:hover{
	background-position:-112px 0;
}

#header li#produits a:hover{
	background-position:-82px 0;
}
#header li#applications a:hover{
	background-position:-112px 0;
}

#header li#services a:hover{
	background-position:-97px 0;
}
#header li#contact a:hover{
	background-position:-77px 0;
}*/

/************************** footer *********************************/
#footer h3{
	font-weight:normal;
	color: #4c9cd1;
	font-size:12px;
	font-style:normal;
}
#footer ul
{
	float:left;
	border-top:1px solid #796b6a;
	margin-top:8px;
	padding-top:25px;
	width:270px;
}

#footer li
{
	padding-bottom:3px;
}

#footer a
{
	color:#d8d4d1;
	text-decoration:none;
}

#footer #nav
{
	padding-top:28px;
}

#footer #ref
{
	width:215px;
	position:absolute;
	top:28px;
	left:590px;
}

#footer p
{
	letter-spacing:0;
	font-size:12px;
	color:#d8d4d1;
	padding-top:10px;
	line-height:16px;
	text-align:left;
}

/*************************************** applications ****************************/
.vignette{
	position:relative;
	margin-left:150px;
	margin-right:40px;
	margin-top:30px;
	border-bottom:2px solid #faf8f9;
	padding-bottom:10px;
	margin-bottom:20px;
}

.vignette p{
	padding-right:0;
}




.vignette h2{
	margin-bottom:20px;
}

.vignette.last
{
	border-bottom:none;
	margin-bottom:10px;
}

.imgvignette{
	position:absolute;
	top:0px;
	left:-150px;
	cursor:pointer;
}

a.nospace{
	letter-spacing:1px;
}
/*********************************** produits ****************************/
.prod #gauche, .index #gauche, .normal #gauche, .contact #gauche
{
	margin-top:60px;
}

.prod #droite, .index #droite, .normal #droite, .contact #droite
{
	margin-top:60px;
}

.produit h3{
	margin-bottom:15px;
}
.pdt h2{
	margin-top:-15px;
}


.produits
{
	position:relative;
	margin-right:40px;
}
.produits p{
	padding-right:0;
	padding-bottom:25px;
}

.imgproduit{
left:-160px;
margin-bottom:-140px;
position:relative;
top:0;
}

.produit{
	padding-left:160px;
}

.photo
{
	background:url(img/bg-photo.png) no-repeat;

	background-position: 17% 86%;
	margin-bottom: 15px;
	margin-top: 10px;
}

#aussi
{
	border-top:2px solid #faf8f9;
	margin-left:160px;
}

#aussi h2
{
	margin-bottom:15px;
	margin-top:35px;
}

.photo
{
	padding-left:160px;
}

span.legend
{
	display:block;
	margin-bottom:40px;
	color:#958a88;
}

.photos2 img
{
	margin-right:35px;
	margin-bottom:35px;
}
.photos2 img.img2
{
	margin-right:0px;
}

.telecharger{
	position:relative;
	display:block;
	height:92px;
}
.telecharger img{
	position:absolute;
	left:0px;
	top:0px;
}
.telecharger span{
	position:absolute;
	font-size:11px;
	font-style:italic;
	left:96px;
	top:38px;
	color:#888;
}

/***************************************** index produits ****************************/
#divapplications
{

	background:#edf1f0;
}

#divapplications div
{
	padding-left:40px;
	padding-right:40px;
}

#divapplications a
{
	display:block;
	background:#ede9e8;
}

#divapplications span.legend{
	margin-bottom:15px;
}

#divapplications span
{
	text-align:right;
	display:block;
	color:#958a88;
}

.produit{
	position:relative;
}

.index p.bordure{
	border-bottom:2px solid #faf8f9;
	margin-bottom:40px;
	padding-bottom:20px;
}

.index p.pasbordure{
	margin-bottom:50px;
}

.index p{
	padding-bottom:15px;
}

/*********************************** services **************************/
.normal h3{
	margin-bottom:30px;
	padding-left: 50px;
}
.normal h2{

	padding-left: 50px;
}

.normal p.puce{
	padding-bottom:30px;
}

/*********************************** contact ***************************/
#infoContact
{
	border-top:1px solid #faf8f9;
	padding-top:20px;
	margin-right:40px;
}

.contact h2{
	margin-bottom:20px;
}


.contact h3{
	margin-top:15px;
}
#infoContact p{
	margin-bottom:15px;
	padding-right:0px;
	letter-spacing:1px;
}

form{
	margin-bottom:30px;
}

form p{
	letter-spacing:1px;
}

textarea, input{
	border:none;
	background:#d9d4d1;
}

textarea{
	width:510px;
	height:163px;
	margin-top:10px;
	margin-bottom:5px;
}

input.text{
	height:20px;

}

label.pad{padding-left:15px;}

p.espace{margin-top:15px;padding-bottom:8px;}

#ville{width:190px;}
#cp{width:137px;}
#societe{width:190px;}
#codeApe{width:134px;}
#nom{width:185px;}
#prenom{width:177px;}
#fonction{width:429px;}
#adresse{width:427px;}
#email{width:184px;}
#site{width:427px;}
#tel{width:192px;}
#domaine{width:352px;}


label.check{
	padding-left:7px;
	padding-right:25px;
}

p.erreur{
	font-weight:bold;
	color:#903c18;
}

p.info{
	font-weight:bold;
	color:#01ac10;
}
#zoom{
width:540px;
height:405px;
position:absolute;
top:50%;
left:50%;
margin-left:-270px;
margin-top:-202px;
display:none;
z-index:1500;
}
html>body #zoom{
position:fixed;
}
.On{
background-color:#000;
}
.prod #gauche{
margin-top:50px;
}
.prod #droite{
margin-top:50px;
}
.appl #gauche{
margin-top:50px;
}
.appl .vignette{
margin-top:0px;
}
.appl #droite{
margin-top:50px;
}
.normal #gauche{
margin-top:50px;
}
.normal #droite{
margin-top:50px;
}
.contact #droite, .contact #gauche{
margin-top:50px;
}
.appl #applications{
padding-left:40px;
}
div.video object{
display:block;
margin-bottom:25px;
height:320px;
}
div.video h2{
margin-bottom:10px;
}
div.video{
padding-bottom:30px;
border-bottom:solid 1px white;
width:510px;
margin-bottom:30px;
}
div.video p{
padding-right:0px;
}
#cvideo{
position:absolute;
top:10px;
right:10px;
}