/*
Auteur : Nicolas Zengarli
ComCassandre.com
Pour : BM-SFERE Emballage
Date : 11/2008
*/


/***************
********BODY *****
*******************/


html,body {
padding:0;
margin:0;
}

a img

{

  border:  none ;

}


img.png {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparent.gif"
    );
}


/***************
********CONTENT *****
*******************/

#content{
margin:0;
padding:0;
width:100%;
height:100%;
background-color:white;
float:left;
}

#top_grad{
margin:0;
padding:0;
left:0;
top:0;
width:100%;
height:25px;
background-image:url(../images/bg-bande.jpg);
background-repeat:repeat-x;
position:fixed;
float:left;	
}

#french{
margin:0;
padding:0;
margin-top:15px;
width:26px;
height:12px;
float:right;	
}

#english{
margin:0;
margin-top:15px;
padding:0;
width:26px;
height:12px;
float:right;	
}


#flashcontent {
margin:0;
padding:0;
margin-left:20px;
margin-top:50px;
margin-bottom:30px;
background-color:#06064F;
height:220px;
width:570px;
border: 2px solid #c1022c;
}

.image{
text-align:center;	
}

/***************
********CONTENUS *****
*******************/

#contenus{
margin:0;
margin-top:13px;
margin-left:340px;
padding:0;
width:660px;
float:left;

}

.work_container{
margin:0;
margin-top:20px;
padding:0;
width:100%;	
float:left;
}

.body_container{
margin:0;
padding:0;
width:100%;		
float:left;
}

.body_container h2{
margin:0;
padding:0;
color:#535353;
font-weight:normal;
list-style:none;
font-family:Trebuchet MS;
font-size:1.4em;	
}

.body_container h2 span{
font-weight:normal;
font-style:italic;
color:#c1022c;
	
}


.body_container h2 strong{
color:#c1022c;
	
}

.body_container p{
margin:0;
padding:0;
padding-top:10px;
color:#535353;
font-weight:bold;
list-style:none;
font-family:Trebuchet MS;
font-size:0.9em;	

}

h2.titregamme {
margin:0;
padding:0;
padding-left:25px;
font-weight:normal;
list-style:none;
font-family:Trebuchet MS;
font-size:1.5em;
	
}


p.accroche_intro {
margin:0;
padding:0;
padding-top:10px;
padding-left:30px;
color:#00418a;
font-weight:bold;
list-style:none;
font-family:Trebuchet MS;
font-size:1.1em;
text-align:center;	

}

/***************
******** GAMME *****
*******************/

.contenu_gamme{
margin:0;
margin-left:50px;
margin-top:20px;
margin-bottom:20px;
padding:0;
width:100%;
border-left:12px solid #c1022c;
float:left;
}

.gamme{
margin:0;
margin-bottom:15px;
padding:0;
float:left;

}

.gamme h4{
margin:0;
padding:0;
color:#c1022c;
font-weight:normal;
list-style:none;
font-family:Trebuchet MS;
font-size:0.9em;

}

.gamme h4 a{
margin:0;
padding:0;
color:#c1022c;
font-weight:normal;
list-style:none;
font-family:Trebuchet MS;
text-decoration:none;	
}

.gamme p{
margin:0;
padding:0;
color:#535353;
font-weight:normal;
list-style:none;
font-family:Trebuchet MS;
font-size:0.8em;	
}

.gamme p a{
margin:0;
padding:0;
color:#535353;
font-weight:normal;
list-style:none;
font-family:Trebuchet MS;
text-decoration:none;		
}

.gamme p a:hover{
border-bottom:dashed 1px #535353;		
}

.gamme_miniature{
margin:0;
margin-left:25px;
padding:0;
width:31px;

float:left;
}

.gamme_resume{
margin:0;
margin-left:10px;
padding:0;
width:484px;

float:left;
}


/***************
******** MINIATURES MACHINES *****
*******************/

.machine{
margin:0;
padding:0;
margin-left:25px;
margin-top:15px;	
width:100px;
background-color:black;
border:10px solid black;
float:left;
}

#machine2{
margin:0;
padding:0;
margin-left:25px;
margin-top:15px;	
width:100px;
background-color:black;
border:10px solid black;
float:left;
}

.apercu{
margin:0;
padding:0;
width:100px;
text-align:center;
background-color:white;
	
}

.legende h1{
margin:0;
padding:0;
padding-top:5px;
color:#c1022c;
font-weight:bold;
font-family:Trebuchet MS;
font-size:1em;
text-align:center;

}

.legende h1 a{
color:#c1022c;
font-weight:bold;
text-decoration:none;	
}

.legende h1 a:hover{
border-bottom:dashed 1px #c1022c;		
}



/**********************
******** SERVICES ***********
************************/

.contenu_services{
padding:0;
margin:0;
margin-left:10px;
width:100%;
height:500px;


}

.miniature_services{
margin:0;
margin-top:15px;
padding:0;
width:150px;
height:110px;
text-align:center;
float:left;	
	
}

.miniature_services h1{
margin:0;
margin-top:5px;
padding:0;
text-align:center;
color:black;
font-weight:bold;
font-style:normal;
font-family:Trebuchet MS;
font-size:0.8em;	
	
}

.miniature_services h1 a{
margin:0;
padding:0;
color:black;
text-decoration:none;
	
}

.service_image{
padding:0;
margin:0;
width:104px;
float:left;
}

.service_titre{
padding:0;
padding-top:5px;
padding-left:10px;
margin:0;
width:470px;
float:left;
}

.service_contenu{
padding:0;
margin:0;
margin-top:70px;
margin-left:40px;
text-align:left;
color:#00418a;
font-weight:bold;
font-style:normal;
font-family:Trebuchet MS;
font-size:1em;
}



/***************
******** TOP ***********
** retour haut de page **
************************/

.top{
margin:0;
margin-left:30px;
margin-top:15px;
margin-bottom:25px;
padding:0;
width:100%;
border-top:dashed #dbdbdb 1px;
float:left;
}

.top p{
margin:0;
padding:0;
text-align:right;

}

.top p a{
margin:0;
padding:0;
text-align:right;
font-size:0.7em;
color:#c1022c;
text-decoration:none;
font-weight:normal;
}



.precedent{
margin:0;
padding:0;
height:15px;
float:left;

}

.precedent p{
margin:0;
padding:0;
padding-right:5px;
text-align:right;
color:black;
font-weight:bold;
font-style:normal;
font-family:Trebuchet MS;
font-size:0.9em;
}

.precedent p a{
margin:0;
padding:0;
color:black;
font-weight:bold;
text-decoration:none;
}

.suivant{
margin:0;
padding:0;
width:103px;
height:15px;
float:left;

}

.suivant p{
margin:0;
padding:0;
text-align:left;
color:#00418a;
font-weight:bold;
font-style:normal;
font-family:Trebuchet MS;
font-size:0.9em;
}

.suivant p a{
margin:0;
padding:0;
color:#c1022c;
font-weight:bold;
text-decoration:none;
}



/***************
********CREDITS *****
*******************/

#credits{
margin:0;
margin-left:290px;
padding:0;
width:710px;
text-align:center;
float:left;
	}
	
#test{
margin:0;
padding:0;
padding-bottom:5px;
text-align:center;
color:#dbdbdb;
font-family:Trebuchet MS;
font-size:0.7em;
	}
	
#credits a{

color:#dbdbdb;
text-decoration:none;
font-weight:bold;
	}
	
	

/***************
********CONTACT *****
*******************/
.zone_contact{
margin:0;
padding:0;
width:100%;
height:50px;
float:left;
	}


.contact_commercial{
margin:0;
padding:0;
padding-bottom:5px;
text-align:left;
color:#dbdbdb;
font-family:Trebuchet MS;
font-size:0.5em;
	}
	
.contact_commercial span{
margin:0;
padding:0;
font-weight:bold;
font-size:1.1em;
	}
	

.contact_commercial a{

color:#00418a;
text-decoration:none;
font-weight:normal;
font-style:italic;
font-size:0.8em;
	}
	

.contact_commercial a:hover{

color:#00418a;
border-bottom:dashed 1px #00418a;

	}

.plan{
margin:0;
margin-top:10px;
margin-left:110px;
padding:0;
width:350px;
height150px;
float:left;

}